@charset "utf-8";

/* --------------------------------------------------------- */
/* date.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{font-size:28px;line-height:150%;}

/*入力欄*/
.editor-styles-wrapper{margin-bottom:11.364%;}
.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;}


#main .return{width:28.41%;margin:0 auto;}
#main .return a{transition:opacity ease 0.3s;}
#main .return a:hover{opacity:0.7;}



@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{margin-bottom:15.385%;}
.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;}


#main .return{width:69.231%;}
#main .return a:hover{opacity:1;}

}