@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
:root{
	--MAINCOLOR:rgb(50,92,162);
	--SUBCOLOR:rgb(0,102,51);
	--COLOR1:rgb(51,102,204);
	--COLOR2:rgb(186,200,198);
	--WHITE:rgb(255,255,255);
	--FONT:rgb(21,12,21);
}
.flash{-webkit-animation:blink 2s ease-in-out infinite alternate;-moz-animation:blink 2s ease-in-out infinite alternate;animation:blink 2s ease-in-out infinite alternate;}

body{background:rgb(255,255,255)!important;color:var(--FONT);overflow-x:hidden;}
.entry-title{display:none!important;}
.header-container{height:3em;}
.content-in{padding-bottom:0;margin-bottom:-5em;}
.logo-header{position:absolute;top:0;left:0;}
.logo-header img{width:auto;height:2.2em;}
.eye-catch-wrap{display:none;}
.tagline{margin:0;padding:-1em;font-size:1.25em;}
.info-list{margin-right:-1.5em;margin-left:-1.5em;}
.info-list .info-list-item{padding:0.5em;}
.info-list-item-content .info-list-item-content-link{display:block!important;padding:0;margin-bottom:-0.5em;}

.mobile-footer-menu-buttons{z-index:9999!important;}
.navi-menu-content{background:rgba(245,245,245,0.9);}

.small{font-size:75%!important;}
.smaller{font-size:85%!important;}
.big{font-size:125%!important;}
.bigger{font-size:110%!important;}
.bolder{font-weight:bolder;}
.bold{font-weight:700;}
.red{color:rgb(255,0,70);}
.white{color:rgb(255,255,255);}
.blue{color:rgb(102,153,255);}
.royalblue{color:rgb(65,105,225);}
.black{color:rgb(21,12,21);}
.green{color:rgb(50,205,50);}
.dgreen{color:rgb(0,100,0);}
.yellow{color:rgb(255,255,224);}
.pink{color:rgb(242,98,132);}
.apricot{color:rgb(247,185,119);}
.mintgreen{color:rgb(120,204,198);}
.lefts{text-align:left!important;}
.centers{text-align:center!important;}
.rights{text-align:right!important;}
.bgnone{background:transparent!important;}
.noborder{border:0!important;border-radius:0!important;box-shadow:none!important;}
.br05{border-radius:0.5em!important;}
.mb01{margin-bottom:0.1em!important;}
.mb02{margin-bottom:0.2em!important;}
.mb03{margin-bottom:0.3em!important;}
.mb05{margin-bottom:0.5em!important;}
.mb2{margin-bottom:2em!important;}
.mb5{margin-bottom:5em!important;}
.mt05{margin-top:0.5em!important;}
.mt02{margin-top:0.2em!important;}
.mt1{margin-top:1em!important;}
.mr1{margin-right:1em!important;}
.mb1{margin-bottom:1em!important;}
.ml1{margin-left:1em!important;}
.m0{margin:0!important;}
.mt0{margin-top:0!important;}
.mr0{margin-right:0!important;}
.mb0{margin-bottom:0!important;}
.ml0{margin-left:0!important;}
.p0{padding:0!important;}
.pt0{padding-top:0!important;}
.pr0{padding-right:0!important;}
.pb0{padding-bottom:0!important;}
.pl0{padding-left:0!important;}
.pt05{padding-top:0.5em!important;}
.pr05{padding-right:0.5em!important;}
.pb05{padding-bottom:0.5em!important;}
.pl05{padding-left:0.5em!important;}
.pt1{padding-top:1em!important;}
.pb1{padding-bottom:1em!important;}
.pr1{padding-right:1em!important;}
.pl1{padding-top:1em!important;}
.prl05{padding-right:0.5em!important;padding-left:0.5em!important;}
.prl1{padding-right:1em!important;padding-left:1em!important;}
.ptb05{padding-top:0.5em!important;padding-bottom:0.5em!important;}
.ptb1{padding-top:1em!important;padding-bottom:1em!important;}
.pa05{padding:0.5em!important;}
.pa1{padding:1em!important;}
.all0{margin:0!important;padding:0!important;}
.br05{border-radius:0.5em!important;}
.block{display:block!important;}
.decimalinput{text-align:right;}
.pointer{cursor:pointer!important;}

div.textswrapper{position:relative;padding:1em!important;background:transparent;padding:0.5em 0 0.5em 0;margin-bottom:2em;}
div.textswrapper:before,div.textswrapper:after{content:"";position:absolute;display:inline-block;width:100%;height:1.2em;}
div.textswrapper:before{top:0;left:0;border:0.15em solid var(--COLOR2);border-bottom:0;}
div.textswrapper:after{bottom:0;right:0;border:0.15em solid var(--COLOR2);border-top:0;}
div.textswrapper.none:before,div.textswrapper.none:after{content:"";width:0;height:0;border:0;}
div.texts{position:relative;padding:0 1em 0 1em;margin-bottom:1em;}

div.sitelayout.pc{padding:0 2em 0 2em;}
div.sitelayout.sp{padding:0;}

div.filter{z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100%;background:rgb(255,255,255);}
div.cover{position:relative;width;100%;padding:0;margin:0 auto;}
div.loadingimage{position:fixed;top:25%;right:25%;left:25%;text-align:center;}
div.loadingimage.pc img{width:40%;height:auto;}
div.loadingimage.sp img{width:100%;height:auto;}
div.loadingname{position:fixed;right:0;left:0;text-align:center;font-size:1.5em;color:var(--MAINCOLOR);}
div.loadingname.pc{bottom:25%;}
div.loadingname.sp{bottom:40%;}

div.boxlayout{position:relative;width:100%;text-align:center;margin-bottom:1em;}
div.boxlayout div{position:relative;display:inline-block;text-align:left;vertical-align:top;}
div.boxlayout.pc div.outer{width:48%;}
div.boxlayout.sp div.outer{width:98%;}
div.boxlayout div div{display:block;}

div.flowbox{position:relative;display:flex;width:100%;overflow-x:scroll!important;}
div.flowbox div{position:relative;flex-shrink:0;margin:0.25em;padding:0.25em;text-align:center;cursor:pointer;}
div.flowbox.pc div.skin{width:30%;}
div.flowbox.sp div.skin{width:60%;}
div.flowbox div div{display:block;width:100%;}
div.flowbox div div.images{margin-bottom:0.5em;}
div.flowbox div div.images img{width:100%;object-fit:contain;}
div.flowbox.pc div div.images img{height:12em;}
div.flowbox.sp div div.images img{height:8em;}

div.rowset{margin-bottom:1em;}
div.rowset div{width:inherit;display:block;}
div.rowset div.title{margin-bottom:0.5em;}
div.rowset div.content{padding:0 0.5em 0 0.5em;margin-bottom:1em;}
div.rowset div.title span{display:inline-block;border-bottom:0.15em dotted var(--MAINCOLOR);padding:0.25em 0.5em 0.25em 0.5em;color:var(--MAINCOLOR);}

div.formbutton{position:relative;margin:0 auto;width:50%!important;text-align:center;}
div.formbutton input[type=submit]{width:100%;cursor:pointer;background:var(--MAINCOLOR);color:var(--WHITE);border-radius:0.5em;}
div.formbutton input[type=submit]:hover{opacity:0.7;}

div.imageblock{margin-bottom:1em;text-align:center;}
div.imageblock div{display:inline-block!important;margin:0.2em;}
div.imageblock div img{width:100%;height:auto;}
div.imageblock.pc div.one{width:70%;}
div.imageblock.pc div.one.narrow{width:30%;}
div.imageblock.sp div.one{width:80%;}
div.imageblock div.one.full{width:100%;}
div.imageblock div.two{width:45%;}
div.imageblock.pc div.two1{width:45%;}
div.imageblock.sp div.two1{width:75%;}
div.imageblock div.two2{width:40%;}

div.underline{font-size:1.05em;margin-bottom:1em;padding:0.25em;border-bottom:0.15em solid var(--MAINCOLOR);color:var(--MAINCOLOR);}

div.slideset{position:relative;margin-right:-1em;margin-left:-1em;}
div.slideset div.slidebody img{width:100%;height:auto;border-radius:0;}
div.slideset div.slidesettext{position:absolute;color:var(--WHITE);}
div.slideset div.slidesettext{right:1em;left:1em;font-size:2em;}
div.slideset.pc div.slidesettext{top:3em;font-size:2em;}
div.slideset.sp div.slidesettext{top:8em;right:0;left:0;font-size:1.25em;padding:right:1em;padding-left:1em;}
div.slideset div.scrollnavi{text-align:center;position:absolute;right:1em;bottom:25%;left:0;color:var(--WHITE);}
div.slideset div.scrollnavi span{padding:0.35em;font-size:1.1em;}

div.weather div{position:relative!important;margin:0 auto!important;}

h2.heading{padding:0.25em;margin-bottom:1em;border-left:1em solid var(--MAINCOLOR);color:var(--MAINCOLOR);background:none;font-weight:500;}
h3.heading{padding:0.25em;margin-bottom:1em;color:var(--MAINCOLOR);border:0;border-top:0.05em solid var(--MAINCOLOR);border-bottom:0.1em solid var(--MAINCOLOR);background:none;}

div.pickup{padding:1em;border-radius:0.5em;background:rgba(226,178,205,0.3);}
div.resframe{padding:1em;border-radius:0.5em;background:rgba(226,178,205,0.5);}
div.resframe:hover{background:rgba(226,178,205,0.3);}


div.banners{position:relative;margin:0 auto;width:100%;text-align:center;padding:1em 0.25em 1em 0.25em;border-top:0.15em solid var(--MAINCOLOR);border-bottom:0.15em solid var(--MAINCOLOR);}
div.banners div{display:inline-block;vertical-align:top;margin:0.25em 0.5em 0.25em 0.5em;cursor:pointer;}
div.banners div img{width:100%;height:auto;}
div.banners.pc div{width:20%;}
div.banners.sp div{width:40%;}

div.mf.pc{position:relative;margin:0 auto;width:80%;}

.slider1{display: flex;margin: 0 calc(50% - 50vw);width: 100vw;height:200px;overflow: hidden;}
.slider1 ul{display:flex;padding: 0;margin:0;}
.slider1 li{width:300px;list-style: none;}
.slider1 ul:first-child{ animation: slide1 100s -50s linear infinite;}
.slider1 ul:last-child{ animation: slide2 100s linear infinite;}
@keyframes slide1{0%{transform: translateX(100%);}to{transform: translateX(-100%);}}
@keyframes slide2{0%{transform: translateX(0);}to{transform: translateX(-200%);}}

/*
body.category-info h1.archive-title{display:none!important;}
body.category-info div#list{display:flex;flex-wrap:wrap;width:100%;}
body.pc.category-info div#list a.entry-card-wrap{display:block;width:30%;background:rgb(224,240,234);margin:1em;}
body.sp.category-info div#list a.entry-card-wrap{display:block;width:90%;background:rgb(224,240,234);margin:1em;}
body.category-info div#list figure.entry-card-thumb{width:96%;margin:0 auto;float:none;}
body.category-info div#list figure.entry-card-thumb img{width:100%;object-fit:contain;}
body.pc.category-info div#list figure.entry-card-thumb img{height:15em;}
body.sp.category-info div#list figure.entry-card-thumb img{height:10em;}
body.category-info div.entry-card-content{width:96%;margin:0 auto;}
body.category-info h2.entry-card-title{color:rgb(130,130,130);margin:0 auto;}
body.category-info span.cat-label{visibility:hidden;}
body.category-info div.pagination-next{width:20%;margin:0 auto;font-size:0.6em;padding:0.2em 0.3em;}
body.category-info div.pagination-next a{color:rgb(130,130,130);}
body.category-info div.pagination{font-size:0.6em;padding:0.2em 0.3em;}
body.category-info div.pagination a{color:rgb(130,130,130);}
body.category-info div.pagination span.page-numbers{color:rgb(90,90,90);}
body.category-info div#list a:hover,body.category-info div.pagination-next a:hover,body.category-info div.pagination a:hover{opacity:0.8;}

body.category-blog h1.archive-title{display:none!important;}
body.category-blog div#list{display:flex;flex-wrap:wrap;width:100%;}
body.pc.category-blog div#list a.entry-card-wrap{display:block;width:30%;background:rgb(224,240,234);margin:1em;}
body.sp.category-blog div#list a.entry-card-wrap{display:block;width:90%;background:rgb(224,240,234);margin:1em;}
body.category-blog div#list figure.entry-card-thumb{width:96%;margin:0 auto;float:none;}
body.category-blog div#list figure.entry-card-thumb img{width:100%;object-fit:contain;}
body.pc.category-blog div#list figure.entry-card-thumb img{height:15em;}
body.sp.category-blog div#list figure.entry-card-thumb img{height:10em;}
body.category-blog div.entry-card-content{width:96%;margin:0 auto;}
body.category-blog h2.entry-card-title{color:rgb(130,130,130);margin:0 auto;}
body.category-blog span.cat-label{visibility:hidden;}
body.category-blog div.pagination-next{width:20%;margin:0 auto;font-size:0.6em;padding:0.2em 0.3em;}
body.category-blog div.pagination-next a{color:rgb(130,130,130);}
body.category-blog div.pagination{font-size:0.6em;padding:0.2em 0.3em;}
body.category-blog div.pagination a{color:rgb(130,130,130);}
body.category-blog div.pagination span.page-numbers{color:rgb(90,90,90);}
body.category-blog div#list a:hover,body.category-blog div.pagination-next a:hover,body.category-blog div.pagination a:hover{opacity:0.8;}
*/
body.single-post h1.entry-title{display:block!important;}

table.tablepress thead tr th, table.tablepress tr td{border:0.1em solid var(--MAINCOLOR);}

iframe.gmap{border:0;width:100%;}
iframe.gmap.pc{height:30em;}
iframe.gmap.sp{height:15em;}

ul.point,ul.faq{list-style:none;margin:0 auto;padding:0;margin-right:0;margin-left:0;}
ul.point li, ul.faq li{position:relative;padding-left:1.05em;}
ul li:before{font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;color:inherit;}
ul.point li:before{content:"\f02e";}
ul.faq li.q:before{content:"\f059";}
ul.faq li.a:before{content:"\f2bd";}

a.pagelink{display:block;margin-bottom:0!important;border-radius:0.25em;font-size:140%;font-weight:550;text-align:center;}
span.pagelink{text-decoration:underline;color:rgb(247,185,119);cursor:pointer;}
p.accomselecttitle{margin-bottom:0.5em!important;color:rgb(132,176,2);font-size:1.1em;}
select.accomselect{display:block;margin-bottom:1em;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:0;border-bottom:0.1em solid rgb(132,176,2);background:none;width:100%;text-align:center;font-size:1.1em;}
.cursors{cursor:pointer;}

span.out{text-decoration:line-through;}

.sitelayout.pc .new-entry-cards{display:flex;flex-wrap:wrap;width:100%;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.logo-header img{width:auto;height:1.8em;}
.tagline{position:absolute;top:0;right:0;bottom:0;left:2em;margin:0;padding:0.15em!important;text-align:center;padding:0;font-size:1.5em;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.logo-header img{width:auto;height:1.8em;}	.tagline{position:absolute;top:0;right:0;bottom:0;left:2em;margin:0;padding:0.15em!important;text-align:center;padding:0;font-size:1.5em;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.logo-header img{width:auto;height:1.8em;}
.tagline{position:absolute;top:0;right:0;bottom:0;left:2em;margin:0;padding:0.15em!important;text-align:center;padding:0;font-size:1.5em;}
}