@charset "utf-8";
/* CSS Document */



/*--------------------------------------------------------------------------------------------------- */
/* 共通----------------- */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');

*{margin:0;padding:0;box-sizing:border-box; font-family: 'Zen Maru Gothic', sans-serif;}
html{scroll-behavior: smooth;}
body{letter-spacing:1px;text-align: center;
	font-family:'秀英にじみ丸ゴシック B JIS2004','Shuei NijimiMGo B JIS2004','游ゴシック','Yu Gothic', 'Noto Serif JP', serif;
	/* font-family: "UDデジタル教科書体 M","UDDigiKyokasho M","游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-family: "メイリオ", Meiryo, sans-serif;*/
	/* font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold; */
	-webkit-text-size-adjust: 100%; color: #333;}
#container{}

header,footer{ width: 100%; text-align: center; overflow: hidden;}
.content{ width: 100%; text-align: center; }
.inner{position: relative;}
h2{color: rgba(170,67,87,1); font-weight: bold;}
@media screen and (min-width:641px){ /*PC*/
    body{font-size:16px; width:100%; line-height:26px;}
    #container { min-width:1100px;}
    .spOnly{display: none;}
    .inner{ width:1000px; margin: 0 auto;}
	a:hover{opacity: 0.7;}
	h2{font-size:36px; line-height: 48px; margin-bottom:60px;}
}
@media screen and (max-width: 640px){ /*SP*/
    body{font-size:14px; line-height:20px;}
    #container { width:100%;}
    .pcOnly{display: none;}
    .inner{ width: 94%; margin: 0 3%; }
	h2{font-size: 25px; line-height: 32px; margin-bottom:45px;}
}


nav{ background-color: #474749;text-align: left;}
@media screen and (min-width:641px){ /*PC*/
	nav img{ width: 240px;}
}
@media screen and (max-width: 640px){ /*SP*/
	nav img{ width: 140px;}
}

/*----ヘッダー-------------------------------*/
header{overflow:hidden; background-color: #eee;}
header img{ vertical-align:bottom;}
@media screen and (min-width:641px){ /*PC*/
	header{position: relative; }
	header img{width:100%; top:0;}
}
@media screen and (max-width: 640px){ /*SP*/
	header .inner{width:100%; margin: 0; padding: 0; }
	header img{width: 100%;}
}


/*----コンテンツ-------------------------------*/
.content{background-color: #FFF;}


.lead{ }
@media screen and (min-width:641px){ /*PC*/
.lead .inner{ padding:70px 0 20px;}
}
@media screen and (max-width: 599px){ /*SP*/
	.lead .inner{ padding:30px 0 10px; font-size: 14px; line-height: 24px;}
}


/*----注意書き-------------------------------*/
.att{color: #333;font-family:"メイリオ", Meiryo, sans-serif;}
.att .inner{ text-align:left;}
@media screen and (min-width:641px){ /*PC*/
	.att{padding:0px 0;margin:20px 0; font-size: 14px; line-height: 22px; }
	.att .inner{ padding:30px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.att{padding:0px 0;margin:10px 0 20px 0; font-size: 12px; line-height: 20px; }
	.att .inner{ padding:0px 0;}
	.att .inner p{display: block; padding: 15px;}
}

/*----一覧----------------*/
.post_list h3{border-bottom: 1px dotted #ccc;}
.indexlist {text-align: left;}
.indexlist dl dt{ border: 1px solid #ccc;display:flex; justify-content: center; align-items: center; width: 100%; overflow: hidden; padding: 2px;}
.indexlist dl dt a{display:flex; justify-content: center; align-items: center; width: 100%; overflow: hidden;}
.indexlist dl dt img{width: 100%;max-width:98%; max-height:98%;}
.indexlist dl dd .date,.indexlist dl dd .title,.indexlist dl dd .user{text-align: left; display: block;}
.indexlist a{text-decoration: none; color: rgba(83,83,83,1.00);}
.indexlist a .title{color:rgba(170,67,87,1)}
@media screen and (min-width:641px){ /*PC*/
	.indexlist{display: flex; justify-content:flex-start; flex-wrap: wrap;}
	.post_list h3{margin-bottom: 40px; padding:70px 0 10px; font-size: 24px; line-height: 30px;} 
	.indexlist dl{width: 21%; margin: 2%;}
	.indexlist dl dt{ margin:0 0 10px; height: 150px;}
	.indexlist dl dd{display:inline-block; width: 100%; margin-right: 5%;}
	.indexlist dl dt img{max-width: 100%;max-height: 100%;}
	.indexlist dl dd .date{font-size: 12px; line-height: 16px;}
	.indexlist dl dd .title{font-weight: bold;}
	.indexlist dl dd .user{font-size: 11px; line-height: 16px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.indexlist{display: flex; justify-content:flex-start; flex-wrap: wrap;}
	.post_list h3{margin-bottom: 20px; padding:30px 0 10px; font-size: 20px; line-height: 30px;} 
	.indexlist dl{width: 46%; margin: 2%;}
	.indexlist dl dt{display:flex; justify-content: center; align-items: center;width: 100%; margin:0 0 10px; height: 100px; overflow: hidden; padding: 2px;}
	.indexlist dl dd{display:inline-block; width: 100%; margin-right: 5%;}
	.indexlist dl dd .date{font-size: 12px; line-height: 16px;}
	.indexlist dl dd .title{font-weight: bold;}
	.indexlist dl dd .user{font-size: 11px; line-height: 16px;}
	
}




/*----ページネーション-------------------------------*/
				
.futnav{color:#777;}
.futnav a{text-decoration: none;}
.futnav .all{display: inline-block;}
.futnav .prev{display: inline-block;}
.futnav .page{display: inline-block;}
.futnav .next{display: inline-block;}
.futnav span{display: inline-block;border: 1px solid rgba(170,67,87,0.1); background-color: #fff;color:#777;}
.futnav .page a{display: inline-block;border: 1px solid rgba(170,67,87,0.8); background-color: rgba(170,67,87,0.1);color:rgba(170,67,87,1);}
.futnav .page a span{display: inline-block;color:rgba(170,67,87,1);}
.futnav a{color:rgba(170,67,87,1);}
.futnav a span.lsf-icon{color:rgba(170,67,87,0.7); font-size: 80%; margin:0 6px; border: none;}
@media screen and (min-width: 641px){ /*PC*/
	.futnav {margin:30px auto 00px; line-height: 18px;text-align: center; padding: 0 0 20px;}
	.futnav .all{display: inline-block;}
	.futnav .page a,.futnav .page span{padding:8px;margin: 3px;}
}
@media screen and (max-width:599px){ /*SP*/
	.futnav .all{display:block; margin-bottom: 10px;text-align: center;}
	.futnav {margin-top:25px; line-height: 18px;}
	.futnav .page a,.futnav .page span{padding:6px;margin: 1px;}
}




/*----記事----------------*/
.post{}
.post h2{border-top: 3px solid #666;}
	.post ul{ list-style: none;text-align:left;border-top: 1px solid #999; border-bottom: 1px dotted #ccc; padding: 10px 0;}
	.post ul li{display: inline-block; margin-right: 10px;}
.post p.text{text-align: left;}
@media screen and (min-width:641px){ /*PC*/
	.post{} 
	.post h2{margin:90px 0 10px; padding:40px 0 30px; font-size: 32px; line-height: 34px;} 
	.post ul{ margin:0px 0 40px;}
	.post ul li{}
	.post p.text{width: 80%; margin:0 auto 50px auto;font-size: 18px; line-height:38px;}
	.post article img{ width: 80%; margin: 50px auto;}

}
@media screen and (max-width: 640px){ /*SP*/
	.post{} 
	.post h2{margin:40px 0 10px; padding:20px 0 10px; font-size: 22px; line-height: 28px;} 
	.post ul{ margin:0px 0 20px;}
	.post ul li{font-size: 11px; line-height: 20px;}
	.post p.text{width: 90%; margin:0 auto 20px auto;font-size: 14px; line-height:30px;}
	.post article img{ width: 90%; margin: 20px auto;}
	
}

/*動画*/
.video{ text-align: center;}
.video .yt { position: relative;  width: 100%; padding: calc(315 / 560 * 100%) 0 0; overflow: hidden;border:12px solid #fff; background: rgba(255,255,255,1.00);filter: drop-shadow(-2px -2px 3px rgba(0,0,0,0.1));}
.video .yt iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (min-width: 641px){ /*PC*/
.video{padding: 40px 0 50px; margin: 0 auto; width:80%;}
}
@media screen and (max-width: 640px){ /*SP*/
.video{padding: 10px 0 20px; margin: 0 auto; width:95%;}
}

/*----このサイトについて-------------------------------*/
 .about .inner{ text-align: left;}
@media screen and (min-width: 641px){ /*PC*/
 .about .inner{ padding: 0 100px;}
	.about h2{ padding:70px 0 30px; margin-bottom: 0}
	.about h3{ padding:40px 0 20px;}
	.about h4{ padding:40px 0 20px;}
}
@media screen and (max-width: 640px){ /*SP*/
 .about .inner{ padding: 0 20px;}
	.about h2{ padding:40px 0 20px; margin-bottom: 0}
	.about h3{ padding:30px 0 10px;}
	.about h4{ padding:20px 0 8px;}
}


/*----フッダー-------------------------------*/
footer{background-color:rgba(95,84,80,0.1);}
address{ text-decoration: none; font-style: normal; color:#666;}
address a{color:rgb(212, 183, 126);}
footer a { text-decoration: none; color:rgb(195,153,127);}

@media screen and (min-width:641px){ /*PC*/
	footer{margin-top: 90px; }
	footer > .inner{ padding: 30px 0 10px;}
	footer .inner {font-size: 12px;}
    footer address{ font-size:80%; padding:0 0 20px 0; }
	
}
@media screen and (max-width: 640px){ /*SP*/
	footer{margin-top: 40px; }
	footer > .inner{ padding:20px 0 0; font-size:10px; }
    footer address{ font-size:9px; padding:10px 0; line-height: 16px; /*margin-bottom: 52px;*/ }
	.confirm footer address,
	.thanks footer address{ margin-bottom:0px; }
	.thanks footer{position: fixed; bottom:0px;}
	
	body .mark{font-size: 11px; line-height: 16px;text-align: left;  border-bottom: 1px solid #ddd; padding: 10px 10px ; margin: 0px 0; height: 70px;}
	body .mark.set01{border-top: 1px solid #ddd;}
	img.jpx {float: right; width:85px;margin:0 5px;}
	.mark.set02 img{float: right; width:85px; margin:0 5px;}
	.sns{ padding: 15px 0 5px; }
	.sns .twitter-share-button,
	.sns .line-it-button{margin-top: 10px; }
}