@charset "utf-8";

@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&subset=japanese');
@import url("https://fonts.googleapis.com/css?family=Lato:400,900");
body {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, 'Lato', 'Noto Sans Japanese', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", -apple-system, "メイリオ" , sans-serif;
}
.font-min {
	font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","Times New Roman","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","Noto Serif JP",sans-serif,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}


/*****
 * ヘッダメニュー(PC)
 */
.header .gnav3 {
/*
	margin-right: 60px;
*/
	display: flex;
	align-items: center;
	font-size: 1.5rem;
}
@media screen and (max-width: 1400px) {
	.header .gnav3 {
/*
		margin-right: 4.28571vw;
*/
		font-size: 1.07143vw;
	}
}
@media screen and (max-width: 950px) {
	.gnav3 > ul {
		display: none !important;
	}
}

.header .gnav3  ul,
.header .gnav3  ul li {
	padding: 0;
	margin: 0;
	position: relative;
}
.header .gnav3 > ul > li {
	width: 17em;
	display: inline-block;
	white-space: nowrap;
}
.header .gnav3 > ul > li:nth-of-type(1) {
	width: 16em;
}
.header .gnav3 > ul > li:nth-of-type(2) {
	width: 7em;
}
.header .gnav3 > ul > li:nth-of-type(3) {
	width: 9.5em;
}
.header .gnav3 > ul > li:nth-of-type(4) {
	width: 12em;
}
.header .gnav3 > ul > li:nth-of-type(5) {
	width: 10.5em;
}

/* メニューが増えたのでタイトル文字を非表示 */
@media screen and (max-width: 1060px) and (min-width: 951px) {
	header.header .header-left .lead {
		display: none;
	}
}

.header .gnav3 > ul > li > a {
	display: block;
	color: #3a2210;
	padding: .75em .5em .75em 1em;
	margin: 0;
}
.header .gnav3 > ul > li > a:before {
	font-family: "FontAwesome";
	content: "\f105";
	display: inline-block;
	margin-right: .5em;
}

.header .gnav3 > ul > li:hover > a {
	background-color: #ea953a;
	color: #fff;
}

.header .gnav3 > ul > li > ul {
	position: absolute;
	top: 2.5em;
	left: 0px;
	width: 100%;
	display: none;
}

.header .gnav3 > ul > li:nth-of-type(1) > ul {
	width: 22em;
}
.header .gnav3 > ul > li:nth-of-type(2) > ul {
	width: 15em;
}
.header .gnav3 > ul > li:nth-of-type(3) > ul {
	width: 15em;
}
.header .gnav3 > ul > li:nth-of-type(4) > ul {
	width: 16em;
}

.header .gnav3 > ul > li > ul > li {
	width: 100%;
	padding-top: 10px;
}
.header .gnav3 > ul > li > ul > li > a {
	display: block;
	background-color: rgba(74,63,48,0.8);
	color: #fff;
	padding: .75em .5em;
	margin: 0;
}
.header .gnav3 > ul > li > ul > li > a:before {
	content: "";
	display: inline-block;
	width: .8em;
	height: 1px;
	background: #fff;
	vertical-align: middle;
	margin-right: .5em;
}


/*****
 * ヘッダーSNS
 */
#header-sns {
	width: 45px;
	display: flex;
	margin: 0 20px;
	justify-content: flex-end;
}
@media screen and (max-width: 1400px) {
	#header-sns {
		width: 45px;
		margin: 0 15px;
	}
}
@media screen and (max-width: 950px) {
	#header-sns {
		width: 45px;
		margin: 0 10px 0 0;
	}
}
#header-sns .sns-icon {
	display: inline-block;
	margin: 0;
	padding: 5px;
	max-width: 40px;
}
#header-sns img {
	width: 100%;
	height: auto;
}


/*****
 * ドロワーメニュー
 */
.menu-wrap .nav-wrap li {
	margin-bottom: 30px;
}
.menu-wrap .nav-wrap .gnav2 > a {
	margin-bottom: 30px;
}
.menu-wrap .nav-wrap .gnav2 > a:before {
	display: none;
}
.menu-wrap .nav-wrap .gnav2 > a:after {
	font-family: "FontAwesome";
	content: "\f105";
	display: inline-block;
	float: left;
	margin-right: .8rem;
	line-height: 1.3rem;
}
.is-show .nav-wrap .gnav2 > a {
	animation: fade-left 0.75s cubic-bezier(0.15, 0.77, 0.25, 1);
	-webkit-animation: fade-left 0.75s cubic-bezier(0.15, 0.77, 0.25, 1);
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}
.is-hide .nav-wrap .gnav2 > a {
	opacity: 0;
	animation: fadeout-left 0.75s cubic-bezier(0.15, 0.77, 0.25, 1);
	-webkit-animation: fadeout-left 0.75s cubic-bezier(0.15, 0.77, 0.25, 1);
	animation-fill-mode: backwards;
	-webkit-animation-fill-mode: backwards;
	animation-delay: 0.05s;
	-webkit-animation-delay: 0.05s;
}
@media screen and (min-width: 951px) {
	.menu-wrap .menu .menu-inner {
		width: 96%;
		margin: 0 auto;
	}

	.menu-wrap .nav-wrap .gnav2 {
		display: block;
		width: 30%;
		font-size: 1.6rem;
	}
	.menu-wrap .nav-wrap .gnav2:nth-of-type(1) {
		width: 40%;
	}
	.menu-wrap .nav-wrap .gnav2:last-child {
		width: 30%;
	}

}
@media screen and (max-width: 768px) {
	.menu-wrap .nav-wrap li {
		margin-bottom: 25px;
	}
	.menu-wrap .nav-wrap .gnav2 > a {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.text-shadow-sp {
		text-shadow: 1px -1px 4px #111;
	}
	.menu-wrap .nav-wrap {
		height: 55em;
	}
}

/*****
 * フッターバナー
 */
#slide-banner {
	width: 95%;
	margin: 0 auto 20px;
}
#slide-banner .slide-banner-item img {
	max-width: 100%;
	width: 200px;
	height: auto;
}
@media screen and (max-width: 768px) {
	#slide-banner {
		width: 98%;
	}
	#slide-banner .slide-banner-item img {
		width: 150px;
	}
}

/*****
 * 共用パーツ
 */
.width-full .mv-wrap {
	display: none;
}
.width-full .contents-wrap {
	width: 100%;
}

.header-comment {
	width: 680px;
	margin: auto;
	margin-top: 40px;
}
@media screen and (max-width: 1400px) {
	.header-comment {
		width: 48.57143vw;
		margin-top: 2.85714vw;
	}
}
.detail-wrap .article-header .header-comment .lead,
.header-comment .lead {
	font-size: 1.8rem;
	line-height: 2.056;
	letter-spacing: 0.2rem;
	padding: 0;
	padding-bottom: 0;
}
@media screen and (max-width: 1400px) {
	.detail-wrap .article-header .header-comment .lead,
	.header-comment .lead {
		font-size: 1.28571vw;
		padding: 0;
		padding-bottom: 0;
	}
}

@media screen and (max-width: 768px) {
	.header-comment {
		width: 100%;
		margin-top: 7.8125vw;
	}
	.detail-wrap .article-header .header-comment .lead,
	.header-comment .lead {
		font-size: 3.90625vw;
	}
}

.pagenation {
	text-align: center;
}
.pagenation .page-numbers {
	display: inline-block;
	padding: .45em .75em;
	border: 1px solid #ece1b9;
	color: #3a2210;
	margin: 0px 5px 5px 5px;
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .pagenation .page-numbers {
	padding-top: .65em;
}
.pagenation .current {
	background-color: #ece1b9;
}
.pagenation a:hover {
	background-color: #ece1b9;
}

.sepline {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid rgba(100,100,100,.2);
	margin: 0 4%;
	padding: 0;
}

.caption-underimg {
	padding: 8px 0 0 0;
	margin: 0;
	font-size: .9em;
	display: block;
	text-align: center;
}

.detail-wrap .sec-article .btn-list--style {
	width: 16em;
	margin-top: 10%;
	font-size: 1.5rem;
}

/*****
 * トップ
 */

@media screen and (min-width: 769px) {
	.wp-page_front .contents-wrap {
		width: 64%;
	}
	.wp-page_front .mv-wrap {
		width: 36%;
	}
}

.front-header-wrap {
	width: 100%;
}

#opening-cover-sp {
	display: none;
}

@media screen and (max-width: 768px) {
	#opening-cover-sp {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(255,255,255,1);
		z-index: 9999;
	}
	#opening-mv {
		display: flex;
		justify-content: center;
/*
		align-items: center;
*/
		height: 100%;
		padding-top: 12%;
/*
		-webkit-animation-name: fadeIn;
		animation-name: fadeIn;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
*/
	}
	#opening-mv img {
		height: 76%;
		width: auto;
		display: none;
	}
	@-webkit-keyframes fadeIn {
		0%   { opacity: 0;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
		50%  { opacity: 0;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
		75%  { opacity: 0.5;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
		100% { opacity: 1;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
	}
	@keyframes fadeIn {
		0%   { opacity: 0;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
		50%  { opacity: 0;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
		75%  { opacity: 0.5;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
		100% { opacity: 1;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
	}
	@-webkit-keyframes fadeOut {
		0%   { opacity: 1;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
		100% { opacity: 0;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
	}
	@keyframes fadeOut {
		0%   { opacity: 1;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
		100% { opacity: 0;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
	}
}

.mv-wrap .bg.bg-top {
	background: url(../images/update/top_mv0.png) repeat-x top left;
	background-size: contain;
}
.mv-wrap .bg-top-pc img,
.mv-wrap .bg-top-sp img {
	width: 100%;
	height: auto;
}

.wp-page_front .mv-inner {
	height: auto;
}

.bnr-area > div {
	max-width: 100%;
}

@media screen and (min-width: 769px) {
	.bg-top-sp,
	.bnr-area-sp,
	.is_movie-sp {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.wp-page_front .mv-inner,
	.bnr-area,
	.is_business {
		display: none;
	}

	.bnr-area-sp img {
		width: 100%;
		height: auto;
		border: 0;
		margin: 0;
	}
}

.banner-heading {
	margin: 0;
	background-color: #d1cbbd;
	color: #77654f;
	padding: .8em .5em;
	font-weight: 900;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.banner-heading {
		font-size: .8em;
	}
}

@media screen and (min-width: 1401px) {
	.wp-page_front .mv-area + .bnr-area {
		margin-top: 6.85714vw;
	}
}

.movie-margin {
	margin: 2.85714vw auto 0;
	margin: 10px auto 0;
}

.movie-margin-lg {
	margin: 35px auto 0;
}

.wp-page_front .top-catch {
	display: block;
	clear: both;
	padding: 1.5em .5em;
	color: #3a2210;
	text-align: center;
}
.wp-page_front .top-catch p {
	line-height: 1.5;
	font-weight: bold;
}
@media screen and (min-width: 992px) {
	.wp-page_front .front-header-wrap .top-catch p {
		font-size: .9em;
	}
}
@media screen and (min-width: 1150px) {
	.wp-page_front .top-catch p {
		letter-spacing: .1em;
	}
	.wp-page_front .front-header-wrap .top-catch p {
		font-size: .925em;
	}
}

.wp-page_front .bg.em-frame {
	border: 5px solid #4a3f30;
}
@media screen and (max-width: 749px) {
	.wp-page_front .bg.em-frame {
		border-right-width: 1px;
		border-left-width: 1px;
	}
}

.wp-page_front .contents-wrap .sec-main:before {
	background-image: none;
}

.wp-page_front .contents-wrap .main-header {
	width: 100%;
}

.wp-page_front .contents-wrap .main-header .title_main-text {
	border-bottom: none;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.7;
	padding-top: 2.5rem;
	padding-bottom: 2rem;
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	.wp-page_front .contents-wrap .main-header .title_main-text {
		font-size: 1.2rem;
	}
}

.wp-page_front .contents-wrap .main-header .flag_icon {
	margin-top: 3%;
}

.wp-page_front .contents-wrap .main-header .title_submain picture.top_subtitle1 {
	width: 60%;
	max-width: 482px;
}
.wp-page_front .contents-wrap .main-header .title_submain picture.top_subtitle2 {
	width: 60%;
	max-width: 482px;
}
@media screen and (max-width: 768px) {
	.wp-page_front .contents-wrap .main-header .title_submain picture.top_subtitle1 {
		width: 70%;
	}
	.wp-page_front .contents-wrap .main-header .title_submain picture.top_subtitle2 {
		width: 70%;
	}
}

.wp-page_front .contents-wrap .main-header .title_submain picture img {
	width: 100%;
}

.title_submain_under {
	margin-top: 0px;
	font-size: 1.5rem;
	letter-spacing: .1rem;
	line-height: 1.7;
}
@media screen and (max-width: 1400px) {
	.title_submain_under {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 768px) {
	.title_submain_under {
		font-size: 1.1rem;
	}
}

@media screen and (min-width: 769px) {
	.bg-item-kumo {
		position: relative;
	}
	.bg-item-kumo:after,
	.bg-item-kumo:before {
		content: "";
		background-image: url("../images/update/item-kumo.png");
		background-size: contain;
		width: 15%;
		max-width: 156px;
		height: 100%;
		background-repeat: no-repeat;
		position: absolute;
	}
	.bg-item-kumo:before {
		background-position: center center;
		left: 3%;
		margin-top: 1%;
	}
	.bg-item-kumo:after {
		background-position: center center;
		right: 3%;
		margin-top: 2%;
	}
}
@media screen and (max-width: 768px) {
	.bg-item-kumo-sp {
		position: relative;
	}
	.bg-item-kumo-sp:after,
	.bg-item-kumo-sp:before {
		content: "";
		background-image: url("../images/update/item-kumo.png");
		background-size: contain;
		width: 15%;
		max-width: 156px;
		height: 30%;
		background-repeat: no-repeat;
		position: absolute;
	}
	.bg-item-kumo-sp:before {
		background-position: center center;
		left: 2%;
		top: -5%;
	}
	.bg-item-kumo-sp:after {
		background-position: center center;
		right: 2%;
		bottom: -15%;
	}
	.bg-item-kumo-sp > * {
		position: relative;
		z-index: 2;
	}
}

.inner-width {
	width: 760px;
	margin: 0 auto;
}
.width-full .inner-width {
	width: 1200px;
}

@media screen and (max-width: 1400px) {
	.width-full .inner-width,
	.inner-width {
		width: 86%;
	}
}
@media screen and (max-width: 768px) {
	.width-full .inner-width,
	.inner-width {
		width: 85%;
	}
}
.inner-pb {
	padding-bottom: 30px;
}
@media screen and (max-width: 1400px) {
	.inner-pb {
	    padding-bottom: 2.14286vw;
	}
}
@media screen and (max-width: 768px) {
	.inner-pb {
	    padding-bottom: 5.20833vw;
	}
}

.goto-list a {
	color: #3a2210;
	border: 1px solid #3a2210;
	padding: .5em;
}
.goto-list a:after {
	font-family: "FontAwesome";
	content: "\f178";
	display: inline-block;
	margin-left: .5rem;
}

@media screen and (min-width: 769px) {
	.front-irori-inner-frame {
		padding: 60px 20px 50px;
		margin: 20px 40px 40px;
		box-shadow: 0px 2px 12px #e1ceb1;
	}
}

.wp-page_front .bnr-collab img {
	width: auto;
	max-width: 100%;
	height: auto;
}

/* @media screen and (max-width: 1400px) { */
@media screen and (min-width: 769px) {
	.wp-page_front .downloadbox,
	.wp-page_front .movie,
	.wp-page_front .bnr-collab {
		max-width: 96%;
	}
}

/**
 * トップ　特集(3件以上)
 */
.contents-wrap .front-irori-inner-frame .is-pc.not-front-slider .slideBox article {
	display: flex;
	height: 15em;
}
@media screen and (max-width: 1400px) {
	.contents-wrap .front-irori-inner-frame .is-pc.not-front-slider .slideBox article {
		height: 12.5em;
	}
}
@media screen and (max-width: 1050px) {
	.contents-wrap .front-irori-inner-frame .is-pc.not-front-slider .slideBox article {
		height: 11em;
	}
}

.contents-wrap .front-irori-inner-frame .is-pc.not-front-slider .slideBox article figure {
	flex: 1 1 48%;
	overflow: hidden;
	position: relative;
}
.contents-wrap .front-irori-inner-frame .is-pc.not-front-slider .slideBox article .slide_textBox {
	flex: 1 1 52%;
}
@media screen and (max-width: 1050px) {
	.contents-wrap .front-irori-inner-frame .is-pc.not-front-slider .slideBox article figure {
		flex: 1 1 55%;
	}
	.contents-wrap .front-irori-inner-frame .is-pc.not-front-slider .slideBox article .slide_textBox {
		flex: 1 1 45%;
	}
}

.contents-wrap .front-irori-inner-frame .is-pc.not-front-slider .slideBox article figure img {
	border-radius: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: inherit;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);

}
.contents-wrap .front-irori-inner-frame .is-sp .slideBox article figure img {
	width: 100%;
	height: auto;
}

.contents-wrap .front-irori-inner-frame .sliderWrap .is-pc.not-front-slider .slideBox {
	border-radius: 0;
	background-color: #fff;
	width: 90%;
	margin: 0 auto 3px;
	border: 1px solid #fffadc;
	-o-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.contents-wrap .front-irori-inner-frame .sliderWrap .is-pc.not-front-slider .slideBox:hover {
	opacity: 0.8;
	border-color: #f7efbf;
}


/**
 * トップ　インタビュー
 */

.pickup-interview .article-box {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.pickup-interview .article-picture {
	background-color: #fff;
}

.pickup-interview .article-picture img {
	max-width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
}

.pickup-interview .article-picture-bg {
	width: 100%;
	height: 200px;
	border: 0;
	margin: 0;
	padding: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.pickup-interview .article-heading {
	background-color: #4a3f30;
	color: #fff;
	font-size: 1.4rem;
	padding: .5em 1em;
	border-radius: 10px 10px 0 0;
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .pickup-interview .article-heading {
	padding-top: .7em;
}

.pickup-interview .article-body {
	background-color: #fff;
	padding: .5em 1em;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.pickup-interview .article-body .date  {
	font-size: 1.4rem;
	margin-bottom: 1em;
}

.pickup-interview .article-body .title  {
	color: #3a2210;
	font-size: 1.7rem;
	line-height: 1.5;
}

.pickup-interview .article-category {
	background-color: #fff;
	border-radius: 0 0 10px 10px;
	padding: .5em 1em;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: start;
	-moz-justify-content: start;
	-ms-justify-content: start;
	-webkit-box-pack: start;
	justify-content: start;
	-ms-flex-pack: start;
	text-align: center;
}
@media screen and (min-width: 769px) {
	.pickup-interview .article-category {
		margin-top: -25px;
	}
}

.pickup-interview .article-category span {
	background: #ece1b9;
	color: #222;
	display: block;
	letter-spacing: 0.1em;
	text-indent: -0.1em;
	font-size: 1.2rem;
	padding: 5px 16px;
	border-radius: 12px;
	margin: 0 5px 5px;
}
@media screen and (max-width: 768px) {
	.pickup-interview .article-category span {
		font-size: 1rem;
	}
}

/**
 * トップ　日本文化を探る
 */
.contents-wrap .sec-learn .pickup-learn {
	width: 95%;
	margin: 0 auto;
	background-color: #e5e6dd;
	padding: 45px 35px 35px;
	margin-top: 50px;
}
@media screen and (max-width: 1400px) {
	.contents-wrap .sec-learn .pickup-learn {
	    width: 56.07143vw;
	    padding: 3.21429vw 2.5vw 2.5vw;
	}
}
@media screen and (max-width: 768px) {
	.contents-wrap .sec-learn .pickup-learn {
	    width: 90%;
	    padding: 7.8125vw 5.85938vw 5.85938vw;
	}
}

.pickup-learn .article-box {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.pickup-learn .article-picture {
	background-color: #fff;
	height: 200px;
	height: 30vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.pickup-learn .article-picture img {
	max-width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
}

.pickup-learn .article-heading {
	background-color: #4a3f30;
	color: #fff;
	font-size: 1.4rem;
	padding: .5em 1em;
	border-radius: 10px 10px 0 0;
}

.pickup-learn .article-body {
	background-color: #fff;
	padding: 1em .5em .5em;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.pickup-learn .article-body .date  {
	font-size: 1.4rem;
	margin-bottom: 1em;
}

.pickup-learn .article-body .title  {
	color: #3a2210;
	font-size: 1.7rem;
	line-height: 1.5;
}

.pickup-learn .pickup-learn-title {
	position: relative;
	text-align: center;
	font-size: 3.2rem;
	font-weight: 500;
	color: #3a2210;
}
@media screen and (max-width: 1400px) {
	.pickup-learn .pickup-learn-title {
	    font-size: 2.28571vw;
	}
}
@media screen and (max-width: 768px) {
	.pickup-learn .pickup-learn-title {
		font-size: 6.51042vw;
	}
}

/**
 * トップ　SNS埋め込み
 */
.wp-plugin-insta {
	width: 360px;
	margin: 0 auto;
	background-color: #fffadc;
	padding: 10px;
	border: 1px solid #eecaab;
}
@media screen and (max-width: 768px) {
	.wp-plugin-insta {
		width: 320px;
	}
}
.wp-plugin-insta-header {
	padding: 15px 0;
	font-weight: bold;
	text-align:center;
	font-size: 0.95em;
	background-image: url("../images/index/logo-insta-color.png");
	background-position: left center;
	background-size: 2em 2em;
	background-repeat: no-repeat;
}
.wp-plugin-insta-body {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #f5f5f5;
}

/**
 * 大学コラボ
 */
#front-banner-project {
	margin-bottom: 30px;
	background-image: url('../images/index/bnr_project.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#front-banner-project a {
	background-color: rgba(95, 95, 85, 0.6);
	text-shadow: 1px 1px 4px #000;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all  0.4s ease;
}
#front-banner-project a:hover {
	opacity: 1;
	background-color: rgba(95, 95, 85, 0.45);
}

.triangle {
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 24px solid #ea953a;
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.triangle {
		border-left: 24px solid transparent;
		border-right: 24px solid transparent;
		border-top: 18px solid #ea953a;
	}
}


/*****
 * いろり端 特集「一隅を照らす」arcive
 */
.wp-archive_cat-feature .contents-wrap {
	background-color: #fffadc;
}

.wp-archive_cat-feature .contents-mv {
	width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1400px) {
	.wp-archive_cat-feature .contents-mv {
		width: 80vw;
	}
}
@media screen and (max-width: 768px) {
	.wp-archive_cat-feature .contents-mv {
		width: 100%;
	}
}
.wp-archive_cat-feature .contents-mv img {
	width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
}

.wp-archive_cat-feature .article-header .title-area {
	width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 1400px) {
	.wp-archive_cat-feature .article-header .title-area {
		width: 80vw;
	}
}
@media screen and (max-width: 768px) {
	.wp-archive_cat-feature .article-header .title-area {
		width: 100%;
	}
}
.wp-archive_cat-feature .contents-wrap .article-header .flag_icon {
	margin-top: 3%;
}

.wp-archive_cat-feature .contents-wrap .article-header picture {
	width: 60%;
	max-width: 482px;
}
@media screen and (max-width: 768px) {
	.wp-archive_cat-feature .contents-wrap .article-header .flag_icon {
		margin-top: 2%;
	}
	.wp-archive_cat-feature .contents-wrap .article-header picture {
		width: 70%;
	}
}
.wp-archive_cat-feature .contents-wrap .article-header picture img {
	width: 100%;
}

.wp-archive_cat-feature .sec-article {
	width: 800px;
	margin: 0 auto 100px;
}
@media screen and (max-width: 1200px) {
	.wp-archive_cat-feature .sec-article {
		width: 70vw;
	}
}
@media screen and (max-width: 768px) {
	.wp-archive_cat-feature .sec-article {
		width: 100%;
	}
}


/*****
 * いろり端 特集「一隅を照らす」single
 */
.detail-wrap .article-header .title-area .subtitle-header {
	position: absolute;
	left: calc(50% - 4rem);
	top: -30px;
	font-size: 2.0rem;
	line-height: 1.5;
}
@media screen and (max-width: 1400px) {
	.detail-wrap .article-header .title-area .subtitle-header {
		font-size: 1.42857vw;
		line-height: 2.14286vw;
	}
}
@media screen and (max-width: 768px) {
	.detail-wrap .article-header .title-area .subtitle-header {
		font-size: 1.5rem;
		line-height: 6vw;
		top: -25px;
	}
}


/*****
 * いろり端「散策・魅力との出会い」archive
 */
.wp-archive_cat-interview .contents-wrap {
	background-color: #fffadc;
}
.wp-archive_cat-interview .detail-wrap .article-header {
	background-color: inherit;
}

.wp-archive_cat-interview .contents-mv {
	width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1400px) {
	.wp-archive_cat-interview .contents-mv {
		width: 80vw;
	}
}
@media screen and (max-width: 768px) {
	.wp-archive_cat-interview .contents-mv {
		width: 100%;
	}
}
.wp-archive_cat-interview .contents-mv img {
	width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
}

.sec-article-interview {
	margin-bottom: 100px;
}

.wp-archive_cat-interview .article-header .title-area {
	width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 1400px) {
	.wp-archive_cat-interview .article-header .title-area {
		width: 80vw;
	}
}
@media screen and (max-width: 768px) {
	.wp-archive_cat-interview .article-header .title-area {
		width: 100%;
	}
}

.wp-archive_cat-interview .contents-wrap .article-header picture {
	width: 60%;
	max-width: 482px;
}
@media screen and (max-width: 768px) {
	.wp-archive_cat-interview .contents-wrap .article-header picture {
		width: 70%;
	}
}
.wp-archive_cat-interview .contents-wrap .article-header picture img {
	width: 100%;
}

.wp-archive_cat-interview .sec-article {
	width: 800px;
	margin: 0 auto 100px;
}
@media screen and (max-width: 1200px) {
	.wp-archive_cat-interview .sec-article {
		width: 70vw;
	}
}
@media screen and (max-width: 768px) {
	.wp-archive_cat-interview .sec-article {
		width: 100%;
	}
}


/*****
 * いろり端「散策・魅力との出会い」single
 */
.detail-wrap .article-header .title-area .single-interview__title-header {
	background-color: #faedc8;
	padding: 15px 10px;
}
.detail-wrap .article-header .title-area .single-interview__title-footer,
.detail-wrap .article-header .title-area .single-interview__title-header {
	font-size: 2rem;
	line-height: 1.3;
}
@media screen and (max-width: 1400px) {
	.detail-wrap .article-header .title-area .single-interview__title-footer,
	.detail-wrap .article-header .title-area  .single-interview__title-header {
		font-size: 1.6vw;
	}
}
@media screen and (max-width: 768px) {
	.detail-wrap .article-header .title-area .single-interview__title-footer,
	.detail-wrap .article-header .title-area  .single-interview__title-header {
		font-size: 1.2rem;
	}
}
.detail-wrap .article-header .title-area .single-interview__title-header + h1 {
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}


/*****
 * 日本文化を探る archive
 */
.wp-archive_cat-learn .contents-wrap {
	background-color: #e5e6dd;
}
.wp-archive_cat-learn .detail-wrap .article-header {
	background: none;
	background-color: inherit;
}

.wp-archive_cat-learn .contents-mv {
	width: 1200px;
	margin: 0 auto;
}
@media screen and (max-width: 1400px) {
	.wp-archive_cat-learn .contents-mv {
		width: 80vw;
	}
}
@media screen and (max-width: 768px) {
	.wp-archive_cat-learn .contents-mv {
		width: 100%;
	}
}
.wp-archive_cat-learn .contents-mv img {
	width: 100%;
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
}

.sec-article-learn {
	margin-bottom: 100px;
}

.wp-archive_cat-learn .article-card {
	border: 10px solid #fff;
}

.sec-article-learn .pagenation .page-numbers {
	border-color: #fff;
}


/*****
 * 日本文化を探る single
 */
.wp-post__single-learn .mv-wrap {
	display: none;
}

.wp-post__single-learn .contents-wrap {
	width: 100%;
}

.detail-wrap .article-header .contents-mv img {
	max-width: 1200px;
}

.wp-post__single-learn .detail-wrap .sec-article .img-large {
	max-width: 800px;
}

.wp-post__single-learn .detail-wrap .sec-article .text-box .img-small {
	max-width: 300px;
}


/*****
 * いろりとは
 */
@media screen and (max-width: 768px) {
	.detail-wrap .article-header .lead.irori-subtitle {
		font-size: 1.5rem;
	}
}

/*****
 * 幅100% 固定ページ
 */

.page-fullwidth {
}

.page-fullwidth .detail-wrap .article-header {
	position: relative;
	padding: 0;
}
.page-fullwidth .detail-wrap .title-area {
	position: absolute;
	top: 55%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: rgba(255,255,255,.7);
	padding: 1.5em 2em 0;
}
@media screen and (max-width: 768px) {
	.page-fullwidth .detail-wrap .title-area {
		width: 90%;
	}
}

.page-fullwidth .detail-wrap .article-header .title-area .title {
	text-shadow: 1px 1px rgba(255,255,255,.9);
}
.page-fullwidth .detail-wrap .sec-article {
	width: auto;
}
.page-fullwidth .article-body {
	margin-top: 40px;
}

.page-fullwidth .article-body .card-body p.text {
	margin-bottom: .5em;
}

@media screen and (max-width: 768px) {
}



/*****
 * 幅100% single
 */
.mv-wrap-none .mv-wrap {
	display: none;
}

.mv-wrap-none .contents-wrap {
	width: 100%;
}

.mv-wrap-none .detail-wrap .article-header .img-main img,
.mv-wrap-none .detail-wrap .article-header .contents-mv img {
	max-width: 1200px;
	display: block;
	margin: 0 auto;
}

.mv-wrap-none .detail-wrap .sec-article .img-large {
	max-width: 900px;
}

.mv-wrap-none .detail-wrap .sec-article .text-box .img-small {
	max-width: 360px;
}

/*****
 * 画像角丸を無効に
 */
.detail-wrap .sec-article .text-box .img-small,
.detail-wrap .sec-article .text-box .img,
.detail-wrap .sec-article .img-large .img {
	border-radius: 0;
}



/*****
 * 汎用
 */

.text {
	line-height: 1.5;
	font-size: 1.6rem;
	letter-spacing: .1rem;
}

.text-xlarge {
	font-size: 2.9rem !important;
}
.text-large {
	font-size: 2.2rem !important;
}
.text-slarge {
	font-size: 1.75rem !important;
}
.text-little {
	font-size: 1.55rem !important;
}
.text-small {
	font-size: 1.4rem !important;
}

@media screen and (max-width: 768px) {
	.text {
		font-size: 1.4rem !important;
	}
	.text-xlarge {
		font-size: 2rem !important;
	}
	.text-large {
		font-size: 1.8rem !important;
	}
	.text-slarge {
		font-size: 1.525rem !important;
	}
	.text-little {
		font-size: 1.375rem !important;
	}
	.text-small {
		font-size: 1.2rem !important;
	}
}

.text-bold {
	font-weight: bold !important;
}

.text-normal {
	font-weight: normal !important;
}

.text-w400 {
	font-weight: 400 !important;
}

.text-w500 {
	font-weight: 500 !important;
}

.text-w600 {
	font-weight: 600 !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

@media screen and (min-width: 769px) {
	.h-100 {
	    height: 100%!important;
	}
}

.bg-white {
	background-color: #fff !important;
}

.color-darkbrown {
	color: #3a2210 !important;
}

@media screen and (max-width: 768px) {
	.is-pc {
		display: none !important;
	}
}
@media screen and (min-width: 769px) {
	.is-sp {
		display: none !important;
	}
}

.bg-stripe1 {
	background-color: #fafafa;
}

.section-title1 {
	line-height: 1.5;
}
.section-title1:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	margin: .5em auto 0;

	background-image: -webkit-linear-gradient(left, rgba(234,149,58,.05), rgba(234,149,58,1), rgba(234,149,58,.05));
	background-image:    -moz-linear-gradient(left, rgba(234,149,58,.05), rgba(234,149,58,1), rgba(234,149,58,.05));
	background-image:     -ms-linear-gradient(left, rgba(234,149,58,.05), rgba(234,149,58,1), rgba(234,149,58,.05));
	background-image:      -o-linear-gradient(left, rgba(234,149,58,.05), rgba(234,149,58,1), rgba(234,149,58,.05));
	background-image:         linear-gradient(left, rgba(234,149,58,.05), rgba(234,149,58,1), rgba(234,149,58,.05));
}

.section-title2 {
	line-height: 1.5;
}
.section-title2:after {
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	margin: .5em auto 0;

	background-image: -webkit-linear-gradient(left, rgba(59,60,149,.05), rgba(59,60,149,1), rgba(59,60,149,.05));
	background-image:    -moz-linear-gradient(left, rgba(59,60,149,.05), rgba(59,60,149,1), rgba(59,60,149,.05));
	background-image:     -ms-linear-gradient(left, rgba(59,60,149,.05), rgba(59,60,149,1), rgba(59,60,149,.05));
	background-image:      -o-linear-gradient(left, rgba(59,60,149,.05), rgba(59,60,149,1), rgba(59,60,149,.05));
	background-image:         linear-gradient(left, rgba(59,60,149,.05), rgba(59,60,149,1), rgba(59,60,149,.05));
}

.top-headline {
	background-color: #fafafa;
	padding: 10px;
	text-align: center;
	border: 1px solid #d0c7bb;
	margin: 0 5px 5px;
}
.top-headline ul {
	display: inline-block;
}
.top-headline ul li {
	margin-bottom: .3em;
	font-size: .95em;
	text-align: left;
}
.top-headline ul li:nth-last-of-type(1) {
	margin-bottom: 0;
}

.top-headline-item {
	display: flex;
}
.top-headline-item:before {
	font-family: "FontAwesome";
	content: "\f0da";
	display: inline-block;
	margin-right: .5em;
}
.top-headline-item span:nth-of-type(1) {
	min-width: 7em;
	margin-right: .5em;
	white-space: nowrap;
}
.top-headline ul li a:hover {
	text-decoration: underline;
}

.top-headline-title {
	background-color: #4a3f30;
	padding: .3em;
	margin-bottom: 10px;
	color: #fff;
	margin: -11px -11px 10px;
}

@media screen and (max-width: 768px) {
	.top-headline-item {
		display: block;
	}
	.top-headline-item span:nth-of-type(2) {
		display: block;
		padding-left: .8em;
	}
	.top-headline {
		border: 0;
		margin: 0 0 15px 0;
	}
	.top-headline-title {
		margin: -10px -10px 15px;
	}
}


.movie-panel a {
	position: relative;
	display: inline-block;
}

.movie-panel a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 62px;
	height: 69px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url("/assets/images/index/btn-movie.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
@media screen and (max-width: 1400px) {
	.movie-panel a:before {
		width: 4.42857vw;
		height: 4.92857vw;
	}
}
@media screen and (max-width: 768px) {
	.movie-panel a:before {
		width: 10.53333vw;
		height: 11.2vw;
	}
}

ol.default,
ul.default {
	margin: 0 0 1em;
}
ol.default li,
ul.default li {
	list-style-type: disc;
	list-style-position: outside;
	padding: 3px 3px 3px 0;
	margin-left: 1.5em;
}
ol.default li {
	list-style-type: decimal;
}

.lh-15 {
	line-height: 1.5 !important;
}

.bg-salmon {
	background-color: #e26a50 !important;
}
.text-salmon {
	color: #e26a50 !important;
}
.border-salmon {
	border-color: #e26a50 !important;
}
.headline-salmon {
	border-left: 5px solid #e26a50;
	padding: 3px 0 3px .8em;
}

.bg-blue {
	background-color: #3b3c95 !important;
}
.text-blue {
	color: #3b3c95 !important;
}
.border-blue {
	border-color: #3b3c95 !important;
}

.headline-blue {
	border-left: 5px solid #3b3c95;
	padding: 3px 0 3px .8em;
}

.bg-brown {
	background-color: #6b5750 !important;
}
.text-brown {
	color: #6b5750 !important;
}
.border-brown {
	border-color: #6b5750 !important;
}

.headline-brown {
	border-left: 5px solid #6b5750;
	padding: 3px 0 3px .8em;
}

.headline-dark-brown {
	border-left: 5px solid #684700;
	padding: 3px 0 3px .8em;
}

.border-orange {
	border-color: #ec992a !important;
}
.headline-orange {
	border-left: 5px solid #ec992a;
	padding: 3px 0 3px .8em;
}
.headline-gray {
	border-left: 5px solid #eee;
	padding: 3px 0 3px .8em;
}
.border-gray {
	border-color: #eee !important;
}

.border-sakura {
	border-color: #edd !important;
}

.bg-beige {
	background-color: #e6d1c3 !important;
}
.text-beige {
	color: #e6d1c3 !important;
}
.border-beige {
	border-color: #e6d1c3 !important;
}

.bg-cream {
	background-color: #faf7f2;
}

.bg-gold {
	background-color: #b38809;
}

.border-bottom-1 {
	border-bottom: 1px solid #ddd;
}

.table.table-irori th,
.table.table-irori td {
	line-height: 1.5;
}

hr.divline {
	margin-bottom: 80px;
	border-style: dotted;
	border-color: #ccc;
}

.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }

.mw-1200 {
	max-width: 1200px !important;
	height: auto;
}
.mw-1400 {
	max-width: 1400px !important;
	height: auto;
}
.mw-1600 {
	max-width: 1600px !important;
	height: auto;
}
.mw-1800 {
	max-width: 1800px !important;
	height: auto;
}

@media screen and (max-width: 768px) {
	.table-flex th, .table-flex td {
		display: block;
		width: 100%;
	}
}

.round-rect {
	padding: 1em;
	border-radius: 1em;
}

/**
 * 分灯式ページ用
 */

ul.buntoushiki-contact li {
	line-height: 1.5;
}
ul.buntoushiki-contact li span {
	display: block;
	margin-left: 1em;
	white-space: nowrap;
}
ul.buntoushiki-contact li span:before {
	font-family: "FontAwesome";
	content: "\f0da";
	display: inline-block;
	margin-right: .5em;
}
@media screen and (max-width: 768px) {
	ul.buntoushiki-contact li span {
		display: inline-block;
	}
}

/**
 * パスワード保護
 */
.post-password-form {
	display: block;
	margin: 5em auto;
}
.post-password-form p {
	text-align: center;
	line-height: 1.5;
	margin-bottom: 1em;
}

.post-password-form input[type=text],
.post-password-form input[type=password] {
	border: 1px solid #dbd4d4;
	padding: 0.35714vw 0.71429vw;
}

@media screen and (max-width: 768px) {
	.only-pc {
		display: none !important;
	}
}
@media screen and (min-width: 769px) {
	.only-sp {
		display: none !important;
	}
}


/* チェックボックスが正しく表示されないので・・・ */
input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
	width: auto !important;
}

input[type="radio"] {
	-webkit-appearance: radio !important;
	-moz-appearance: radio !important;
	appearance: radio !important;
	width: auto !important;
}

.contents-wrap.w-100 .formarea dl dt {
	width: 22em;
}
@media screen and (max-width: 1400px) {
	.contents-wrap.w-100 .formarea dl dd {
		width: 100%;
	}
	.contents-wrap.w-100 .formarea dl dt {
		width: 25em;
	}
}
@media screen and (max-width: 768px) {
	.contents-wrap.w-100 .formarea dl dt {
		width: 100%;
	}
}