@charset "utf-8";

/* --------------------------------------------------------- */
/* base.css */
/* --------------------------------------------------------- */

#wrap{background:#fff;position:relative;overflow:hidden;}
.section{width:100%;margin:0 auto;}
.content{width:100%;margin:0 auto;}
.layer{width:100%;max-width:960px;margin:0 auto;position:relative;}

a{display:block;}
img{width:100%;height:auto;}

.sp{display:none;}

#footer{border-top:1px solid #ccc;}
#footer .copy{padding:4.167% 0;color:#555;font-size:18px;line-height:100%;text-align:center;}



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

.layer{width:80%;}

#footer .copy{font-size:1.5vw;}
	
}



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

.layer{width:100%;}

.pc{display:none;}
.sp{display:block;}

#footer .copy{padding:5.334% 0;font-size:3.734vw;}
	
}




/* --------------------------------------------------------- */
/* single.css */
/* --------------------------------------------------------- */

#main{}
#main .layer{max-width:880px;}
#main .layer:before,
#main .layer:after{content:'';display:block;padding-top:4.546%;}
#main .layer:after{padding-top:16.478%;}

#title{margin-bottom:1.8em;padding-bottom:0.1em;font-size:28px;line-height:150%;border-bottom:1px solid gray;}

/*入力欄*/
.editor-styles-wrapper{}
.editor-styles-wrapper h2{margin-bottom:0.5em;padding-bottom:0.75em;font-size:28px;font-weight:500;line-height:100%;border-bottom:1px solid #555;}
.editor-styles-wrapper h3{margin-bottom:0.5em;font-size:26px;font-weight:500;line-height:160%;}
.editor-styles-wrapper h4{margin-bottom:0.5em;font-size:22px;font-weight:500;line-height:160%;}
.editor-styles-wrapper h5{margin-bottom:0.5em;padding:0 0.5em;font-size:18px;font-weight:500;line-height:166%;background:#f5f5f5;box-sizing:border-box;}
.editor-styles-wrapper h6{margin-bottom:0.25em;font-size:18px;font-weight:500;line-height:150%;}
.editor-styles-wrapper p,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
.editor-styles-wrapper table,
.editor-styles-wrapper figure,
.editor-styles-wrapper .video-box{margin-bottom:1em;font-size:16px;line-height:150%;}
.editor-styles-wrapper a{display:inline-block;}

.editor-styles-wrapper table{width:100%;border-top:1px solid #ccc;}
.editor-styles-wrapper tr{border-left:1px solid #ccc;}
.editor-styles-wrapper th,
.editor-styles-wrapper td{padding:0.5em 1em;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:normal;text-align:left;vertical-align:middle;}

.editor-styles-wrapper ul{padding-left:1em;list-style:inherit;box-sizing:border-box;}
.editor-styles-wrapper ul li{margin-bottom:0.5em;list-style:inherit;}
.editor-styles-wrapper ul li:last-of-type{margin-bottom:0;}
.editor-styles-wrapper ol{padding-left:1em;list-style:auto;box-sizing:border-box;}
.editor-styles-wrapper ol li{margin-bottom:0.5em;list-style:inherit;}
.editor-styles-wrapper ol li:last-of-type{margin-bottom:0;}

.editor-styles-wrapper figure{margin-top:0;margin-left:0;margin-right:0;}
.editor-styles-wrapper img{width:auto;max-width:100%;margin:0;}

.editor-styles-wrapper .aligncenter{margin-left:auto;margin-right:auto;}
.editor-styles-wrapper .alignleft{float:left;}
.editor-styles-wrapper .alignright{float:right;}

.editor-styles-wrapper .video-box{width:100%;aspect-ratio:16 / 9;margin-right:auto;margin-left:auto;}
.editor-styles-wrapper .video-box iframe{width:100%;height:100%;display:block;aspect-ratio:16 / 9;}



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

#main .layer{max-width:73.334%;}

#title{font-size:2.334vw;}

/*入力欄*/
.editor-styles-wrapper h2{font-size:2.334vw;}
.editor-styles-wrapper h3{font-size:2.167vw;}
.editor-styles-wrapper h4{font-size:1.834vw;}
.editor-styles-wrapper h5,
.editor-styles-wrapper h6{font-size:1.5vw;}
.editor-styles-wrapper p,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
.editor-styles-wrapper table,
.editor-styles-wrapper figure,
.editor-styles-wrapper .video-box{font-size:1.334vw;}

}



@media screen and (max-width: 750px){
	
#main .layer{max-width:86.667%;/*650*/}
#main .layer:before{padding-top:9.231%;}
#main .layer:after{padding-top:38.462%;}

#title{font-size:5.334vw;}

/*入力欄*/
.editor-styles-wrapper{}
.editor-styles-wrapper h2{font-size:4.534vw;border-bottom-width:2px;}
.editor-styles-wrapper h3{font-size:4.267vw;}
.editor-styles-wrapper h4{font-size:4vw;}
.editor-styles-wrapper h5{font-size:3.734vw;padding:0 0.858em;line-height:214%;}
.editor-styles-wrapper h6{font-size:3.734vw;}
.editor-styles-wrapper p,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol,
.editor-styles-wrapper table,
.editor-styles-wrapper figure,
.editor-styles-wrapper .video-box{font-size:3.2vw;}

}