@charset "utf-8";

/* 共通
------------------------------------------------------------*/
body {color: #FFF;font-size:15px;line-height:175%;letter-spacing:2px;-webkit-text-size-adjust: 100%;scroll-behavior: smooth;user-select: none;}
a {color:#2e2b29;text-decoration: none;} a:hover { color: #660000; } img { max-width:100%; }
p { display:block; margin:0 0 20px; }
.aligncenter { text-align:center !important; } .alignright { text-align:right !important; } .alignleft { text-align:left !important; }
.DPBK { display:block !important; }
.SpOnly{display: none;} .PcOnly{display: block;}

.Border { border:1px solid #dcdcdc !important; } .Border-bottom { border-bottom:1px solid #dcdcdc !important; }

/* アニメーションボタン */
a.AnimeBtn {display: inline-block;text-indent:0 !important;padding:18px 30px 18px;line-height:145%;text-align: center;text-decoration: none;outline: none;position: relative;z-index: 2;background-color: #e8dcd4;border: 1px solid #0f798c;}
a.AnimeBtn::before, a.AnimeBtn::after {position: absolute;z-index: -1;display: block;content: '';top: 0;width: 50%;height: 100%;background-color: #0f798c;}
a.AnimeBtn, a.AnimeBtn::before, a.AnimeBtn::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;color: #FFF;}
a.AnimeBtn:hover {background-color: #e8dcd4;color: #2e2b29;border-color: #e8dcd4;} a.AnimeBtn::before {right: 0;} a.AnimeBtn::after {left: 0;} a.AnimeBtn:hover::before, a.AnimeBtn:hover::after {width: 0;background-color: #333;}
/* 白で線 */
a.BtnWhiteBorder {background-color: #FFF;border: 1px solid #000;color: #000;}
a.BtnWhiteBorder::before, a.BtnWhiteBorder::after {background-color: #FFF;}
a.BtnWhiteBorder:hover {background-color: #000;color: #FFF !important;}
/* 線ボタン */
.btn-border {display: inline-block;text-align: center;border: 3px solid #0097cc;font-size: 18px;line-height: 125%;  color: #0097cc;text-decoration: none;font-weight: bold;padding: 10px 25px;transition: .4s;}
.btn-border:hover {background-color: #0097cc;border-color: #0097cc;color: #FFF;}
/* 線のボタン 白 */
.BtnBWhite {border: 3px solid #FFF !important;color: #FFF;}
.BtnBWhite:hover {background-color: #FFF;border-color: #FFF;color: #0097cc;}

/* 線のボタン >付き */
.btnlinestretches4{position:relative;color:#333;padding: 10px 50px 10px 30px;display:inline-block;text-decoration: none;outline: none;}
.btnlinestretches4::before,.btnlinestretches4::after{content:'';position:absolute;z-index:1;bottom:0;left:0;background:#333;width:100%;height:2px;transition:all 0.3s ease-in-out;}
.btnlinestretches4::after{width:0;background:#ccc;}
.btnlinestretches4:hover::after {width:100%;}
.btnlinestretches4 span::after {content: '';position: absolute;top: 1.3em;right: 20px;width: 5px;height: 5px;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg);transition: all .3s;}
.btnlinestretches4:hover span::after {right:15px;}

/* テーブル */
table{margin: 0 auto 20px;border-collapse: collapse;} table td, table th {padding: 15px 15px 12px; border: 1px solid #ddd;letter-spacing: 1px;line-height: 145%;} table th{background: #fafafa;}

@media only screen and (max-width:999px){
	img.imgright, img.imgleft { float:none; margin:0 auto 15px; }
	p {font-size:95%;letter-spacing: 0;}
}
@media only screen and (max-width:480px){
	.SpOnly{display: block;} .PcOnly{display: none;}
}
/* 画像lightbox */
.overlay {position: fixed;background: rgba(0, 0, 0, 0.2);visibility: hidden;opacity: 0;top: 0;left: 0;bottom: 0;right: 0;}
.pop-up {display: none;}
.pop-up:checked + .overlay {visibility: visible;opacity: 1;z-index: 100200;background-color: #000000E0;width: 100%;}
.popWindow {max-height: 90%;max-width: 90%;transform: scale(0.3);z-index: 100210;margin: 10px auto;padding: 4px 10px;transition: all 0.5s 0s ease;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.pop-up:checked + .overlay .popWindow {transform: scale(1);}
.pbox {display: flex;justify-content: center;align-items: center;height: 90%;padding: 30px 0 0 0;} .pbox label img{max-height: calc(90vh - 50px);}
.popWindow .ptitle{margin: 5px;color: #FFF;width:calc(100% - 60px);float:left;text-align: left;} .popWindow .ptitle a{text-decoration: none;color: #FFF;font-size:115%;} .popWindow .ptitle a:hover{color: #FFF;}
.popWindow .close {position: relative;float: right;transition: all 5ms;font-size: 25px;line-height: inherit;font-weight: bold;text-decoration: none;color: #FFF;padding: 2px;}
.popWindow .close:hover {color: #660000;}
.pbox::-webkit-scrollbar-track {background: none;}
.pbox::-webkit-scrollbar {width: 10px;height: 10px;}
.pbox::-webkit-scrollbar-thumb {background: #999;border-radius: 5px;}
.clickable:hover {cursor: pointer;}
.c p span, .popWindow .ptitle span{display: block;font-size:85%;line-height: 145%;text-align: left;} .c img{display: block;margin: 0 auto;}
@media only screen and (max-width:999px){
	.post_col-2 .c, .post_col-3 .c,.post_col-70 .c,.post_col-30 .c{width:70%;display: block;margin: 0 auto;} /* iPadだけ少し小さく */
}
@media only screen and (max-width:767px){
	.popWindow .ptitle{width:calc(100% - 40px);}
}
@media only screen and (max-width:480px){
	.post_col-2 .c, .post_col-3 .c,.post_col-70 .c,.post_col-30 .c{width:100%;}
}
/* レイアウト
------------------------------------------------------------*/
#wrapper {display:block;width:100%;margin:0;padding:0;background: #313131;}
.Content {display:block;width:100%;margin:0;padding:80px 0 30px;background: #313131;}
.inner {display:block;width:800px;margin:0 auto;}

/* FlexBox */
.column{ display: flex;align-items: flex-start;flex-wrap:wrap;justify-content:center;margin-top: 50px;}
.column .column__col-50{width: calc(50% - 50px);margin: 0 100px 50px 0;} .column .column__col-50:nth-child(2), .column .column__col-50:nth-child(3){margin-right:0;}

.column .column__col-50 a{display: block;text-align: left;background:#4b4b4b;padding: 35px 27px 5px;border-radius: 5px;} .column .column__col-50 a:hover{background: #353535;-webkit-transition: all .3s;transition: all .3s;} .column .column__col-50 a .imagebox{overflow:hidden;display: block;} .column .column__col-50 a .imagebox img{transition:1s all;} .column .column__col-50 a .imagebox img:hover{transform:scale(1.2,1.2);transition:1s all;} .column .column__col-50 a:hover{text-decoration: none;} .column .column__col-50 a p{color: #c9af87;font-size:110%;font-weight:500;margin:20px 0 40px;} .column .column__col-50 a p.detail{border:none;color:#FFF;font-size:85%;display: block;line-height: 130%;font-weight:400;} .column .column__col-50 a p span{border-bottom:1px solid #c9af87;padding-bottom: 15px;} 

/* カラムレイアウト */
.post_row{margin: 0;} .post_row:before, .post_row:after{display:table; content: " "; } .post_row:after{clear: both;} .post_col, .post_col-2, .post_col-3,.post_col-70,.post_col-30 {-webkit-box-sizing: border-box; box-sizing: border-box; position: relative; min-height: 1px; margin-bottom: 20px; float: left;} .post_col-2 {width: 50%;} .post_col-2:nth-child(2n+1){padding-right: 20px;} .post_col-2:nth-child(2n){padding-left: 20px;} .post_col-3{width: 33.33333%;}
.post_col-70 {width: 70%;padding-right: 20px;}.post_col-30 {width: 30%;padding-left: 20px;}

@media only screen and (max-width:1199px){
	.inner {width:86%;}
}
@media only screen and (max-width:999px){
	#wrapper {width: 100%;margin:0;} .inner {width:88%;}
	.post_col-2, .post_col-3,.post_col-70,.post_col-30 {width: 100%;float:none;padding-right: 15px;padding-left: 15px;margin-bottom: 40px;}
	.column .column__col-50{width: calc(50% - 15px);margin-right:30px;} .column .column__col-50 a p.detail{font-size:95%;}
}
@media only screen and (max-width:480px){
	.column .column__col-50{width: 100%;margin:0 0 30px;}
}

/* ヘッダー
------------------------------------------------------------*/
.header {display:block;background: #4b4b4b;width: 100%;padding: 25px 0;} .header h1{display: inline-block;float:left;} .header h1 img{max-height:30px;} .header p{color: #c9af87;text-align: right;float:right;line-height: 125%; margin:0;font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
@media only screen and (max-width:480px){
	.header h1, .header p{display: block;float:none;text-align: center;} .header h1{margin-bottom: 10px;}
}

/* フッター
------------------------------------------------------------*/
#footer {width:100%;height: 360px;padding:150px 0 20px;background: url("../img/bg01.jpg")no-repeat center top;background-size: cover;display:flex; flex-direction:column; align-items: center;} #footer .footerbg{background-color: rgba(255,255,255,0.7);padding: 2px 10px;margin-bottom: 10px;} #footer p{display: inline-block;margin: 0 auto; color:#9a8667;text-align:center;font-size:110%;font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;} #footer p.copyright {color: #bf9c77;}

/* タイトル
------------------------------------------------------------*/
.subpage h1 {display:block;color: #FFF;text-align:center;font-size:215%; line-height:110%;letter-spacing: 2px;margin:0;padding-top: 110px; font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;} .subpage h1 span {display: block;font-size:50%;letter-spacing: 1px;font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

h2 {display:block;text-align:left;font-size:150%;letter-spacing:4px; margin:20px 0 30px;padding: 0 0 15px;font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.subpage h2{margin:100px 0 40px;position:relative;border-bottom:1px solid #1e1e1e;} .subpage h2::before{content:'';position: absolute;top: 100%;left: 50%;transform: translateX(-50%) skew(-25deg);height: 15px;width: 15px;border-right: 1px solid currentColor;background-color: #fff !important; border-left: none; border-top: unset;border-bottom: unset;} .subpage h2:first-child{margin-top: 0;}
.subpage h2.SmallTxt{font-size:120%;letter-spacing:1px;}

h3 {display:block;text-align:left;font-size:155%;}
.subpage h3 {position: relative;font-size:135%;padding: 0 7px 10px;text-align: left;margin: 50px 0 30px;border-bottom: solid 3px #cccccc;}
.subpage h3:after {position: absolute;bottom: -3px;left:0;content: '';width: 20%;height:3px;background-color: #660000;}

h4 {display:block;text-align:center;font-size:125%;}
.subpage h4 {position: relative;margin:50px 0;}
.subpage h4:before {content: '';position: absolute;bottom: -20px;display: inline-block;width: 8%;height: 6px;left: 50%;transform: translateX(-50%);background-color: #333;border-radius: 3px;} .subpage h4 span{display: block;font-size:70%;}
@media screen and (max-width: 640px) {
	.subpage h1{font-size:185%;}
	h2{letter-spacing: 0;font-size: 115%;} .toppage h2{font-size: 30px;} .subpage h2 {font-size: 155%;}
	h4{font-size:110%;}
}

/* トップページ
------------------------------------------------------------*/
.contents-header{height:280px;background: url("../img/slider01.jpg")no-repeat center;background-size:cover;display: block;} .contents-header p{text-align: center;padding-top:100px;} .contents-header p img{height:80px;}

@media screen and (max-width: 999px) {
}
@media screen and (max-width: 640px) {
}