/*
    Theme Name:Noel child
    Theme URI:
    Description:WordPressテーマ「Noel」の自作子テーマです。
    Template:noel_tcd072
    Author:Beaver Ak
    Author URI:https://beaver-record.co.jp/
    Version:0.0.1
    */



/* blog edit */

.tsukushi-gothic {font-family:fot-tsukuardgothic-std, sans-serif;font-weight: 700;}
.side_widget .side_headline {position:relative;margin-left:2em;font-size:20px;}
.side_widget .side_headline:before {position:absolute;top:-0.2em;left:-2em;content:"";width:1.5em;height:1.5em;display:inline-block;background-repeat:no-repeat;background-size:contain;}
.side_widget#block-3 .side_headline:before {background-image:url("https://suisyun.jp/matsuiyamate/wp-content/uploads/2024/12/icon_side_headline1.gif");}
.side_widget#categories-3 .side_headline:before {background-image:url("https://suisyun.jp/matsuiyamate/wp-content/uploads/2024/12/icon_side_headline2.gif");}
.side_widget#tag_cloud-2 .side_headline:before {background-image:url("https://suisyun.jp/matsuiyamate/wp-content/uploads/2024/12/icon_side_headline3.gif");}

.post_content p {
	margin-bottom:0 !important;
}
p {font-size: 18px;margin-bottom:0;}
body {overflow: hidden;}
body.single-post p {margin-bottom:1em;}

@media screen and (max-width:750px) {
	p {font-size: 16px;}
}

.single-post .post_content {
    line-height: 1.75;
	font-size:18px;
}
.single-post .post_content img[class*=wp-image-] {
	display: block;
	padding-bottom:1.5em;
}


/* archive edit */

#blog_list .link {
    width: 90%;
    height: 100%;
    border: 1px solid #ccc;
}
#blog_list .item {margin-bottom: 1.5em;}
#blog_list .title_area {
    border: none;
    background: #ffe9e9;
}


*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
p,dl dt,dl dd,ul li {font-size:16px;}
/*.post_content p {margin-bottom:1em;line-height:2.2;}*/
body .post_content ul {margin:inherit;}
img {height:auto;}
.post_content ul li {list-style-type:none;}
.post_content ul.list-marker.disc li{list-style-type:disc;}

#container #one_col {
	max-width:100%!important;
	width:100%!important;
	margin:0 auto!important;
	padding:50px 0 150px;
	background:url(https://suisyun.jp/mino/wp-content/uploads/2021/08/bg_koushi_wh.gif);
}
.inner {
	margin: 0 auto;
	width: 1182px;
}
.flexbox {
	display: flex;
	flex-wrap: wrap;
}
.flexbox.between {
	justify-content:space-between;
}
.clear-fix:after {content: ".";
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;}
.fll {float: left}
.flr {float: right}
.pc_left {float: left;}
.pc_right {float: right;}

body .mgnA {margin-left:auto!important;margin-right:auto!important;}
body .mgnb0 {margin-bottom:0!important;}
body .mgnt5 {margin-top:5px!important;}
body .mgnt10 {margin-top:10px!important;}
body .mgnt15 {margin-top:15px!important;}
body .mgnt20 {margin-top:20px!important;}
body .mgnt25 {margin-top:25px!important;}
body .mgnt30 {margin-top:30px!important;}
body .mgnt40 {margin-top:40px!important;}
body .mgnt50 {margin-top:50px!important;}
body .mgnt60 {margin-top:60px!important;}
body .mgnt70 {margin-top:70px!important;}
body .mgnt80 {margin-top:80px!important;}
body .mgnt90 {margin-top:90px!important;}
body .mgnt100 {margin-top:100px!important;}
.wid {width:15%;}
.wid20 {width:20%;}
.wid25 {width:25%;}
.wid30 {width:30%;}
.wid35 {width:35%;}
.wid33 {width:33%;}
.wid40 {width:40%;}
.wid45 {width:45%;}
.wid48 {width:48%;}
.wid49 {width:49%;}
.wid50 {width:50%;}
.wid55 {width:55%;}
.wid60 {width:60%;}
.wid70 {width:70%;}
.wid80 {width:80%;}
.wid90 {width:90%;}
.wid95 {width:95%;}
.wid100 {width:100%;}
.wid15_m100 {width:15%;}
.wid20_m100 {width:20%;}
.wid25_m100 {width:25%;}
.wid30_m100 {width:30%;}
.wid33_m100 {width:33%;}
.wid35_m100 {width:35%;}
.wid40_m100 {width:40%;}
.wid45_m100 {width:45%;}
.wid48_m100 {width:48%;}
.wid49_m100 {width:49%;}
.wid50_m100 {width:50%;}
.wid55_m100 {width:55%;}
.wid60_m100 {width:60%;}
.wid65_m100 {width:65%;}
.wid70_m100 {width:70%;}
.wid75_m100 {width:75%;}
.wid80_m100 {width:80%;}
.wid85_m100 {width:85%;}
.wid90_m100 {width:90%;}
.wid95_m100 {width:95%;}
.mobile_only {display:none;}
.pc_only {display:block;}

.min2 {
	font-family: 'Playfair Display','Noto Serif Japanese',"Noto Serif CJK JP","ヒラギノ明朝 ProN W3",
	"Hiragino Mincho ProN","游明朝",YuMincho,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.small {font-size:13px;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.normal {font-weight:normal;}
.underline {text-decoration:underline;}
.red {color: #fb2828!important;}
.txt-gold2 {color: #B6A667;}
.txt-pi {color: #CF285C;}
.txt-wh {color: #fff;}
.encent {text-align: center;}
.enleft {text-align: left;}
.enright {text-align: right;}
.encent_mL {text-align: center;}
.post_content .lh180 {line-height:1.8;}
.lt {text-decoration:line-through;}
.lt01 {letter-spacing:0.1em;}
.letter-sp01 {letter-spacing:0.1em;}
span.br {display:inline-block;}
.over {opacity:1;transition:opacity 0.5s ease;}
.over:hover {opacity:0.8;}
.over2 {filter: contrast(100%);transition:filter 0.5s ease;}
.over2:hover {filter: contrast(150%);}
.kome {
	padding-left:1em;
	text-indent:-1em;
}
.post_content .list-style-none {list-style-type: none;}


.arrow:before {
    font-family: "dashicons";
    content: "\f345";
    padding-right: 0.3em;
	vertical-align: baseline;
    font-size: 0.75em;
}

.page.button a {
	display: inline-block;
	min-width: 240px;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background: url(https://suisyun.jp/mino/images/bg_ks-red20b.gif);
	color: #fff;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.page.button a:hover {
	color: #ffffff;
	background: #db1616;
	transition: all 1s ease;
	background: url(https://suisyun.jp/mino/images/bg_ks-red20.gif);
}

.linkBtn {
	/*width:100%;*/
	box-sizing:border-box;
	border:1px solid #B6A667;
	position:relative;
}
.linkBtn i {margin-right:0.5rem;/*color:#B6A667;*/}
.linkBtn a {
	box-sizing:border-box;
	padding:10px 20px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	line-height: 1.9;
	letter-spacing: 0.3em;
	transition: all 0.6s linear;
	color:#B6A667;
}
.linkBtn:hover a {
	margin-left:1rem;
	color:#aa8f25!important;
}
.linkBtn::before,.linkBtn::after{
	content:"";
	width: 0;height: 1px;
	position: absolute;
	transition: all 0.6s linear;
	background:#B6A667;
}
.linkBtn a::before,.linkBtn a::after {
	content:"";
	width:1px;height:0;
	position: absolute;
	transition: all 0.6s linear;
	background:#B6A667;
}
.linkBtn:hover::before,.linkBtn:hover::after {width: 100%;}
.linkBtn:hover a::before,.linkBtn:hover a::after {height:100%;}
.linkBtn::before,.linkBtn::after {transition-delay: 0.2s;}
.linkBtn a::before,.linkBtn a::after {transition-delay: 0s;}
.linkBtn::before {right: 0;top: 0;}
.linkBtn::after {left: 0;bottom: 0;}
.linkBtn a::before {left: 0;top: 0;}
.linkBtn a::after {right: 0;bottom: 0;}
.linkBtn:hover::before,.linkBtn:hover::after {transition-delay: 0s;}
.linkBtn:hover a::before, .linkBtn:hover a::after {transition-delay: 0.2s;}
/*.linkBtn.wh {border-color:#fff;}
.linkBtn.wh img,.linkBtn.wh a,.linkBtn.wh:hover a {color:#fff;}
.linkBtn.wh::before,.linkBtn.wh::after,.linkBtn.wh a::before,.linkBtn.wh a::after {background:#fff;color:#fff;}*/

.pc #global_menu > ul > li > a {padding:0;}

#container .commonTt {
	font-size: 33px;
	line-height: 150%;
	text-align: center;
	font-weight:normal;
}
.eng {
	font-size: 11px;
	line-height: 200%;
	letter-spacing: 2px;
	display: block;
	color: #998770;
}
/*
.commonTt .eng {
	font-size: 11px;
	line-height: 200%;
	letter-spacing: 2px;
	display: block;
	color: #998770;
}*/
.post_content .title2 {
	font-size:2.6em;
	color:#311f1a;
	text-align:center;
	letter-spacing:0.15em;
}

.post_content .title3 {
	background: rgba(196, 181, 122, 0.3);
	border-left: 5px solid #b09963;
	color:#3e3431;
	line-height:2.5;
	font-size:1.8em;
	padding: 0 0 0 1.2em;
	margin-top: 2.5em!important;
	margin-bottom:2em;
}
#container .title3:not(:first-of-type) {margin-top:4.5em!important;}
.post_content .title4 {
	font-size:1.6em;
	position:relative;
	border-bottom:3px solid #b7b4b4;
	line-height:1.8;
}
.post_content .title4:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ac8f6a;
	bottom: -3px;
	width: 20%;
}

.single-post #article h3 {
	border-left: 4px solid #9f8138;
	padding: 0 0 0 0.6em;
}
.single-post #article h2 {
	background: #f2e9c8;
	padding: 10px 0 10px 20px;
	color: #573c07;
}
#blog_list .title_area {
	background: #f7f3eb;
}

#archive_service .top_area {
	height: 140px;
}
#archive_service .bottom_area .sub_category {
	width: 100%;
	float:none;
}
#archive_service .bottom_area .sub_category li {
	width: 100%;
}

/*slick Sliderのarrow設定*/
.prev-arrow,.next-arrow {
	font-size: 35px;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	z-index: 1;
	opacity:0.8;
	color:#fff;
}
.prev-arrow {left:1.5%;}
.next-arrow {right:1.5%;}
/*-----------------------*/

@media screen and (max-width:1250px) {
	#container #one_col {width:100%!important;}
	.inner {
		width: auto;
		padding: 0 30px;
		/*padding: 15px 30px 60px;*/
	}
	.footer_info_content {display:none;}
}

@media screen and (max-width:550px) {
	p,dl dt,dl dd,ul li {font-size:15px;}
	.inner {
		width: auto;
		padding: 0 20px
		/*padding: 15px 20px 40px;*/
	}
	.pc_left {float: none;}
	.pc_right {float: none;}
	
	.encent_mL {text-align: left;}
	.wid15_m100 {width:100%;}
	.wid20_m100 {width:100%;}
	.wid25_m100 {width:100%;}
	.wid30_m100 {width:100%;}
	.wid33_m100 {width:100%;}
	.wid35_m100 {width:100%;}
	.wid40_m100 {width:100%;}
	.wid45_m100 {width:100%;}
	.wid48_m100 {width:100%;}
	.wid49_m100 {width:100%;}
	.wid50_m100 {width:100%;}
	.wid55_m100 {width:100%;}
	.wid60_m100 {width:100%;}
	.wid65_m100 {width:100%;}
	.wid70_m100 {width:100%;}
	.wid75_m100 {width:100%;}
	.wid80_m100 {width:100%;}
	.wid85_m100 {width:100%;}
	.wid90_m100 {width:100%;}
	.wid95_m100 {width:100%;}
	.mobile_only {display:block;}
	.pc_only {display:none;}
	
	#container .commonTt {font-size:24px;}
	
	.page.button a {
		height: auto;
		line-height: 30px;
		padding:15px;
		padding-left: 2.3em;
		text-indent: -1.5em;
	}
	.post_content .title2 {
		font-size:1.85em;
		letter-spacing:0.1em;
	}
	.post_content .title3 {
		font-size:1.5em;
		padding:0 0 0 1em;
	}
	.prev-arrow,.next-arrow {
		font-size:25px;
	}
}


/* Custom related */

@media screen and (min-width:992px) {
	section.related {
	width: 75%;
    margin: 2em auto;
    background-color: #fff;
    border: 1px solid #888;
    padding: 1em;
    box-sizing: border-box;
	}
	.related ul {display:flex;justify-content: space-evenly;list-style-type:none;margin-left: 0;}
	.related ul li {width:40%;}
	.related_block img {
    width: 100%;
    height: 240px;
	}
}
@media screen and (max-width:991px) {
	section.related {
	width: 92%;
    margin: 1em auto;
    background-color: #fff;
    border: 1px solid #888;
    padding: 1em;
    box-sizing: border-box;
	}
.related ul {display:flex;justify-content: space-around;list-style-type:none;margin-left: 0;}
	.related ul li {width:45%;}
.related_block img {
    width: 100%;
    height: 150px;
	}
}
h2.related_ttl {
	color: #311f1a;
	padding-bottom:1em;
    text-align: center;
	font-size: 1.85em;
    letter-spacing: .1em;
}

h3.related_block_ttl {
	padding-top:0.5em;
	color: #311f1a;
    text-align: center;
	font-size: 1.25em;

}

/*ホテル英語予約サイトへのバナー*/
#en-bn-reservation a {
	display:block;
	width:100%;
	padding:1em;
	border:2px solid #513e2d;
	border-radius:3px;
	font-size:20px;
	text-align:center;
	line-height: 1.5;
}
#en-bn-reservation a:hover {
	background:#513e2d;
	color:#fff;
}
@media screen and (max-width:550px) {
	#en-bn-reservation a{padding: 1em 0.5em;}
}

/* 投稿ページのタグ表示設定 */
.tagcloud {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1em;
}
.tagcloud a {
	text-decoration: none;
    flex: 1 1 auto;
    display: flex;
    border: 1px solid #aaa;
    padding: 3px 8px;
    box-sizing: border-box;
    margin: 2px;
}

/* FAQサーチ */
.faq-search-btn a {
	font-size: 1.1rem;
	display: block;
	padding: 1em;
	background: #f5efe5;
	border: 1px solid #ac9b75;
	border-radius: 3px;
	transition: background .4s ease;
	color: #443207;
}
.faq-search-btn a:hover {background: #ac9b75;color: #443207!important;}
.faq-search-btn {position:relative;}
.faq-search-btn a::after {
	content:'\f002';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size:1.4rem;
	color:#555;
	position: absolute;
	right: .8em;
	top: .7em;
}