/*
Theme Name:story_tcd041 child
Theme URI:
Description:WordPressテーマ「story_tcd041」の自作子テーマです。
Template:story_tcd041
Author:Hironobu Tobisawa
Author URI:https://tcd-theme.com/
Version:1.14
*/


h1.logo a { color:#9F886E;; }
body { background-image: url("images/background.gif"); background-position:left top; }
p.column-layout03-text { /*line-height:1.8em;*/ }




div.column-layout03-title { }
div.column-layout03-title span { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; display: inline-block; font-size: 50%; /*background-color:#9F886E; color:#fff;*/ color:#9F886E; font-weight: bold; margin-left:10px; }
@media only screen and (max-width: 767px) {
	div.column-layout03-title span { top:5.5px; padding:0 5px 0 5px; margin-left:10px; }
}

/*
div.column-layout03-title { position: relative; }
div.column-layout03-title span { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; display: inline-block; font-size: 50%; color:#9F886E; font-weight: bold; position: absolute; top:9px; padding:0 5px 0 5px; margin-left:10px; }
@media only screen and (max-width: 767px) {
	div.column-layout03-title span { top:5.5px; padding:0 5px 0 5px; margin-left:10px; }
}
*/



p { font-size:17px; }
p.align1 { font-size:12px; }
p.copyright { font-size:12px; }
.headline-primary { font-size:50px; } /*42*/
@media only screen and (max-width: 767px) {
	p { font-size:13px !important; }
	p.align1 { font-size:12px !important; }
	p.copyright { font-size:12px !important; }
	.headline-primary { font-size:30px !important; } /*24*/
}
h1.post-title { font-family: 'Noto Serif JP', serif; }



body.news-template-default div.primary { width:100%; }/*singleの右サイドバー非表示に合わせて幅100%*/
body.news-template-default div.secondary { display: none; } /*singleの右サイドバー非表示に*/
body.news-template-default div.primary p.post-thumbnail img { width:100%; height:auto; max-width: 600px; }

div#cidre-content1 { background-image: url("images/cidre-content1-bg.gif"); background-position:center top; background-size:1500px auto; border-top:10px solid #9F886E; border-bottom:10px solid #9F886E; }

div#cidre-content1 { margin-top: 100px !important; }
@media only screen and (max-width: 1200px) { div#cidre-content1 { margin-top: 55px !important; } }

@media only screen and (max-width: 767px) { 
	div.fade01 h2 { background-image: none; padding:30px 0 0 0; }
}

div#cidre-content1 div#cidre-content1-background { background-image: url("images/top-content-image1-yuzu.png"); background-position:center top; background-size:auto 100%; background-repeat:no-repeat; }
@media only screen and (max-width: 767px) { div#cidre-content1 div#cidre-content1-background { background-image: url("images/top-content-image1-yuzu.jpg"); } }

div.fade01 div.inner p.default { text-align:center; /*line-height: 1.8em;*/ padding: 60px 6.11111% 100px 6.11111%; }
@media only screen and (max-width: 767px) { div.fade01 div.inner p.default { text-align:left; padding: 30px 6.11111% 50px 6.11111%; } }





div.fade01 div.inner p.default2 { text-align:center; box-sizing: border-box; display: block; width:43em !important; text-align:center; margin:4em auto 3em auto !important; border:0.7px solid #d3d3d3; }
@media only screen and (max-width: 767px) { div.fade01 div.inner p.default2 { width:auto !important; text-align:left; margin: 3em 2em 25px 2em !important; text-indent: -1em; padding: 0.5em 0.5em 0.6em 1.6em; line-height: 1.4em; font-size:70% !important; } }
div.column-layout03-content { background-color:#f5f5f5; }




div#cidre-content1 div#cidre-content2-background { background-image: url("images/top-content-image2.png"); background-position:center top; background-size:auto 100%; background-repeat:no-repeat; }
@media only screen and (max-width: 767px) { div#cidre-content1 div#cidre-content2-background { background-image: url("images/top-content-image2.jpg"); } }

@media only screen and (max-width: 767px) { .column-layout03-content { width:100% !important; } }


a.a-cidrebtn { display: block; background-color:#a0c7be; border:3px solid #a0c7be; color:#fff; font-weight: bold; font-size:120%; text-align: center; margin:2em 0 2em 0; border-radius:5px; }
a:hover.a-cidrebtn { background-color:#fff; color:#a0c7be; }
a.a-cidrebtn.toiawase { background-color:#9F886E; border:3px solid #9F886E; }
a:hover.a-cidrebtn.toiawase { background-color:#fff; color:#9F886E; }
@media only screen and (max-width: 767px) { a.a-cidrebtn { font-size:110%; padding:0.6em 0 0.7em 0; line-height:1.3em; } }



a.a-kodawaribtn { display: block; background-color:#9F886E; border:3px solid #9F886E; color:#fff; font-weight: bold; font-size:108%; font-weight: 100; text-align: center; margin:2em 0 2em 0; border-radius:5px; padding:0.6em 0 0.7em 0; }
a:hover.a-kodawaribtn { background-color:#fff; color:#9F886E; }
@media only screen and (max-width: 767px) { a.a-kodawaribtn { font-size:100%; font-weight: 100; padding:0.4em 0 0.5em 0; line-height:1.3em; margin-bottom:4em; } }





h2.headline-primary { font-family: 'Bitter', serif; }
div.column-layout03-title { font-family: 'Bitter', serif; }
div.column-layout03-title.font2 { font-family: 'EB Garamond', serif; }

.headline-font-type { font-family: 'Noto Serif JP', serif !important; }



span.hanbainashi2024 { display: block; color: #fff; background-color:#9F886E; font-weight:bold; width:70%; margin:0 auto 2em auto; }
span.kodawarimidashi { display: block; color: #9F886E; font-family: 'Noto Serif JP', serif !important; font-size: 47px; margin-top:3em; }
@media only screen and (max-width: 767px) { span.kodawarimidashi { font-size: 26px; margin-top:2em; } }




.column-layout03-wrapper div.column-layout03:first-child div.column-layout03-content div.headline-font-type { }
.column-layout03-wrapper div.column-layout03:nth-child(2) div.column-layout03-content div.headline-font-type { display: none; }
.column-layout03-wrapper div.column-layout03:last-child div.column-layout03-content div.headline-font-type { display: none; }

.column-layout03-wrapper div.column-layout03 div.column-layout03-content div.column-layout03-text p { line-height:1.5em; }

.column-layout05 div.column-layout05-item:first-child { width: 100%; }
.column-layout05 div.column-layout05-item:nth-child(2) { display: none; }

.cover { max-width: 800px; display: block; margin:0 auto 10em auto; }

h2.headline-primary {margin-top: 130px; /*100*/ }
@media only screen and (max-width: 767px) {
	h2.headline-primary {margin-top: 70px; /*100*/ }
}


h1.logo { width:160px; height:auto; }
h1.logo a img { width:100%; height:auto; }
h1.logo-image { top:10px; }
@media only screen and (max-width: 1200px) {
h1.logo { width:80px; height:auto; }
h1.logo a img { width:100%; height:auto; }
h1.logo-image { top:2px; }
}

div.logo { width:160px; height:auto; }
div.logo a img { width:100%; height:auto; }
div.logo-image { top:10px; }
@media only screen and (max-width: 1200px) {
div.logo { width:80px; height:auto; }
div.logo a img { width:100%; height:auto; }
div.logo-image { top:2px; }
}


div.footer-logo { width:15vw; margin-right:auto; margin-left:auto; }
div.footer-logo a img.f_logo { width:100%; height:auto; }
@media only screen and (max-width: 767px) { 
div.footer-logo { width:50vw; margin-right:auto; margin-left:auto; }
div.footer-logo a img.f_logo { width:100%; height:auto; }
}

.pc-display { display: block; }
.sp-display { display: none; }
@media only screen and (max-width: 767px) {
.pc-display { display: none; }
.sp-display { display: block; }
}