@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Amarante);
/*--------------------*/
/*common*/
/*--------------------*/
/*tag*/
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article, caption, dd, div, dl, dt, form, footer, header, h1, h2, h3, h4, h5, iframe, img, li, nav, ol, p, section, main, table, tbody, tr, th, td, ul{font-family: Arial, Verdana, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3"; font-size: 14px; line-height:1.5em; margin: 0; padding: 0; border: 0; outline: 0; background: transparent;}
input, select, option, textarea, label{font-family: Arial, Verdana, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3"; font-size: 14px; line-height:1.5em;margin: 0; border-radius: 0;/*-webkit-appearance: none;*/}
small, .small{font-size: 11px;}
em, strong, dl dt, table th{ font-weight:bold;}
img{max-width:100%; vertical-align: bottom;}
article, footer, header, nav, section, main{display: block;}
ol, ul {list-style: none;}
nav a{text-decoration: none;color:#fff;}
nav li{list-style:none;}
nav li a{color:#eee;}
ul{margin: 0;padding: 0;}
hr{ height:0; border:none;border-bottom: #333 1px solid; }
a {color:#eee}
input[type="text"], input[type="email"], textarea{border:#333 1px solid;background: #222;color:#fff; padding: 8px;-webkit-appearance: none;}
input[type="submit"]{background: none;-webkit-appearance: none;}
select, option{padding: 8px;height: 36px;border: none;}
input[type="text"], input[type="email"],select{width: 40%;}
select.input-short{width: 20%;margin-left: 10px;}
textarea{width: 80%;height: 200px;}
a, a img, .btn, .thumbnail{ transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
a:hover img{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.clearfix:after { content: ""; clear: both; display: block; }
.clearfix { *zoom: 1; }
.font, .hnav li, .fonttitle{ font-family: 'Amarante', cursive;}
.hidden{display:none;}
.list li{list-style: circle;margin-left: 1.5em;}
.label-new{background: #d0778b; color:#fff; display: inline-block;text-align: center;width: 40px; font-size: 11px;margin-left: 10px;line-height: 1.3;}

/*--------------------*/
/*common*/
/*--------------------*/
body{margin:0; padding:0;color:#eee;background: #000;}
.bg{position: fixed;width: 100%;height: 100%; z-index:-100;}
.bg-blur{-webkit-filter:blur(5px) !important;filter:blur(5px) !important;}
.wrapper{position: absolute;width: 100%;height: 100%; z-index:100;}
header{text-align: center;}
.pankuzu li{display: inline-block;font-size:11px;}
.pankuzu li:after{content:"/";margin: 0 5px;}
.pankuzu li:last-child:after{content:none;}
.panel{ background: rgba(0,0,0,0.8);}
@media all and (-ms-high-contrast:none){*::-ms-backdrop, .panel{ background: rgba(0,0,0,0.9);}} /* IE11 */
@media all and (-ms-high-contrast:none){.panel{ background: rgba(0,0,0,0.9);} /* IE10~ */}
.panel{ background: rgba(0,0,0,0.8)\0;} /* IE8~ */
.fnav li{display: inline;margin: 5px;}
.fnav .genericon{font-size:24px;}
.round{border-radius:50%;}
.dlgroup dl{border-bottom:#333 1px solid;padding:10px 0}
.btn{display:inline-block;border:#eee 1px solid;color:#eee !important;text-decoration: none;text-align:center;margin:10px 0;padding:3px;min-width:200px; }
.btn-large{min-width:260px;padding:10px;margin:30px 0;}
.btn:hover{background:#d0778b;border-color:#d0778b;}
.circle span{display: inline-block;background: #d0778b;text-align: center;border-radius: 50%;}
.img{text-align: center;}
.center{text-align:center;}
.bg-random{background: url(/img/common/bg1.jpg) top no-repeat;background-size:cover !important;}
.bg-hdc{background: url(/img/common/bg_hdc.jpg) top no-repeat;background-size:cover;}
.bg-0810{background: url(/img/common/bg_0810.jpg) top no-repeat;background-size:cover;}

/*index*/
@media screen and (min-width: 768px) {
	.information dt{text-align: left;}
}
.nextshow dt{text-align: center;}
.nextshow img{width: 80px;height: 80px;}
@media screen and (max-width: 767px) {
	.nextshow img{margin-bottom:10px;}
}

/*schedule*/
.gmap{width:100%;height:260px;margin: 10px 0;}

/*disco*/
.disco img{width: 300px;}
@media screen and (max-width: 767px) {
.disco img{width: 280px;}
}

/*member*/
.memberlist a{text-decoration: none;}
.memberlist a img{border:rgba(0,0,0,0) 8px solid;width: 320px;}
.memberlist a:hover img{border:#e59eae 3px solid;filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.memberlist .subtitle{margin: 10px 0 30px}
.memberdetail img{width:480px;}
.memberlink .col{padding: 5px;}
.memberlink a img{border:rgba(0,0,0,0) 5px solid;width: 120px;}
.memberlink p{margin: 5px;}
.memberlink .current, .memberlink .current p{filter: alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2;cursor:default;}
.memberlink .current:hover{color:#eee;}
.memberlink .current:hover img{border:rgba(0,0,0,0) 5px solid;}
@media screen and (max-width: 767px) {
	.memberlist a img{width: 240px;}
	.memberdetail img{width: 260px}
	.memberlink .colgroup{overflow: hidden;}
	.memberlink .col2{width: 33.3%;float: left;}
	.memberlink a img{width: 100%;}
}
.snslink li{display: inline;margin-right: 5px;}
.snslink li a{display: inline-block;display: inline-block;width: 26px;height: 26px;background: #fff;color:#111 !important;text-align: center;border-radius: 50%;text-decoration: none;font-size:20px !important;padding-top: 5px;}
.snslink li a:hover{background: #e59eae;}

/*photo*/
.gallery{overflow: hidden;}
.gallery li{width: 25%;height: 220px;float: left;}
.gallery li a{display:inline-block;width: 100%;height: 220px;background-size: cover !important;background-position: 50% 25% !important;}
@media screen and (min-width: 1400px) {
	.gallery li{width: 16.6%;height: 200px;}
	.gallery li a{height: 200px;}
}
@media screen and (max-width: 767px) {
	.gallery li{width: 33.3%;height: 130px;}
	.gallery li a{height: 130px;}
}
@media screen and (min-width: 768px) {
	.albumlist ul{border: #333 1px solid; border-bottom: none;}
	.albumlist li{width: 100%;}
	.albumlist li a{display: block;border-bottom: #333 1px solid; padding: 10px;}
	.albumlist li:after{content:none !important;}
}

/*blog*/
/*.articlelist{overflow: hidden;}*/
.articlelist article{text-align: center;margin: 30px 0;}
.articlelist article .date{font-size: 32px;margin: 0;}
.articlelist article .date span{font-size: 18px}
.articlelist article a img{height:auto;border:rgba(0,0,0,0) 8px solid;}
.articlelist article a:hover img{border:#e59eae 3px solid;filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.articlelist article a p{font-size:110%;}
@media screen and (max-width: 767px) {
.articlelist article a img{width: 240px;}
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
.articlelist .col{width: 33.3%}
.articlelist .col:nth-child(3n+1){clear: both;}
}
@media screen and (min-width: 1400px) {
.articlelist .col{width: 25%}
.articlelist .col:nth-child(4n+1){clear: both;}
}

article .contents{border-top: #333 1px solid;margin:20px 0 40px;padding-top:40px;}
article .contents img{height:auto !important;}
article .contents h2{font-size:1.4rem; line-height: 1.3;margin-top: 30px;}
article .contents h3{font-size:1.2rem; line-height: 1.3;margin-top: 20px;}
@media screen and (min-width: 768px){
article .contents img{max-width:650px !important;/*max-height:1000px !important;*/ }
article .contents h2{margin-top: 40px;}
}
@media screen and (max-width: 767px) {
article .contents a img{display: block;margin: 15px auto;}
}

.wp-pagenavi{text-align:center;}
.wp-pagenavi span.current, .wp-pagenavi a{display:inline-block;border:#eee 1px solid;color:#eee !important;text-decoration: none;text-align:center;margin:10px 3px;padding:5px;min-width:40px;}
.wp-pagenavi span.current{border-color:#555;}
.wp-pagenavi a:hover{background:#d0778b;border-color:#d0778b;}

/*--------------------*/
/*for mobile*/
/*--------------------*/
@media screen and (max-width: 767px) {
	input[type="text"], input[type="email"]{width: 100%;}
	select{width: 65%; display: inline;}
	select.input-short{width: 30%;margin-left: 2%;}
	textarea{width: 100%;height: 120px;}

	.bg-index{background: url(/img/common/bg_index_sp.jpg) top no-repeat;background-size:cover;}
	header{padding: 10px 10px 20px;}
	.logo img{width: 36px;margin-right: 5px;}
	.toggle{color:#fff; text-decoration: none;position: fixed;top:20px; right:10px;}
	.toggle-close{color:#fff; text-decoration: none;position: absolute;top:20px; right:10px;}
	.drawer-nav{background: #d0778b;}
	.hnav ul{margin-top: 60px;text-align: left;border-top: rgba(255,255,255,0.2) 1px solid;}
	.hnav li a{display: block;border-bottom: rgba(255,255,255,0.2) 1px solid;padding: 10px;}
	/*.pankuzu{display: none;}*/
	/*main{padding-top: 60px;}*/

	.pankuzu{padding: 0 10px}
	.panel .inner{padding:10px;}
	.pagetitle{ font-size: 32px;border-bottom: #333 1px solid;padding: 10px;text-align: center;line-height: 1;}
	.title{ font-size: 26px;margin:20px 0;line-height: 1.3}
	.subtitle{ font-size: 22px;margin:15px 0;line-height: 1.3}
	hr{ margin:20px -10px;}
	section p, section .img{margin:10px 0;}
	.pagenav ul{border: #333 1px solid; border-bottom: none;}
	.pagenav li a{display: block;border-bottom: #333 1px solid; padding: 10px;}
	.pagenav i{float: right;}
	/*.pfnav{background: #111;margin-top: 50px;}
	.pfnav li a{display: block;border-bottom: #222 1px solid;padding: 5px 10px;font-size:12px;}*/
	.pfnav{margin-top: 50px;}
	.pfnav .pagetop a{display: block;text-align: center;color:#eee;padding: 10px 0 5px;background: #d0778b;}
	footer{text-align: center;background: #111;padding: 20px 0;}
	footer .small{font-size: 9px;margin-top:10px;}

	.circle{ font-size: 28px;line-height: 0.8;margin:20px 0;}
	.circle span{height: 90px;width: 90px;padding-top: 25px;}
	.circle small{font-size:20px;}
	.circle-blog span{padding-top: 5px;}
	.circle small.year{font-size:14px;line-height: 1.5}
	.circle small.name{font-size:14px;}


	.youtube iframe{width: 100%;height: 240px;}


	.page-index main{padding-top: 260px}
	/*.page-hdc main{padding-top: 100px}*/

}

/*--------------------*/
/*for pc*/
/*--------------------*/
@media screen and (min-width: 768px) {
	main a:hover{ color:#e59eae; }

	body{position: relative;}
	.bg-index{background: url(/img/common/bg_index.jpg) center no-repeat ;background-size:cover; }
	header{ height:100%;min-height:100%;position: fixed; top:0;left:0; width:240px;padding: 60px 40px 0;}
	header small{display: block;}
	.logo:hover small{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
	.hnav ul{margin-top: 40px;}
	.hnav li a{display: block;text-align: left;padding: 10px 0;}
	.hnav li a:hover{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
	main{padding-left:240px;padding-right:40px;padding-top: 50px}
	
	.pankuzu{padding: 10px}
	.panel .inner{padding:50px;}
	.pagetitle{ font-size: 46px;padding:50px;border-bottom: #333 1px solid;}
	.title{ font-size: 32px;margin:40px 0;}
	.subtitle{ font-size:24px;margin:20px 0; line-height: 1.2;}
	hr{ margin:60px 0;}
	section p, section .img{margin:20px 0;}
	.pagenav li{display: inline-block;}
	.pagenav li:after{content:"|";margin: 0 10px;}
	.pagenav li:last-child:after{content:none;}
	.pfnav ul{padding: 20px 50px;background: #000;}
	.pfnav li{display: inline-block;font-size: 12px}
	.pfnav li:after{content:"|";margin: 0 10px;}
	.pfnav li:last-child:after{content:none;}
	.pfnav .pagetop a{display: block;text-align: center;color:#eee;padding: 20px;background: #d0778b;}
	.pfnav .pagetop a:hover{background:#e59eae;}
	footer{padding:20px 0 10px;text-align: center;}
	footer p{margin-top: 10px;}


	.circle{font-size: 36px;line-height: 0.8;margin:20px 0;}
	.circle span{height: 120px;width: 120px;padding-top: 38px;}
	.circle small{font-size:22px;}
	.circle small.year{font-size:16px;display: block;margin-top: -20px;margin-bottom: -15px;}
	.circle small.name{font-size:18px;}
	.youtube{text-align: center;}
	.youtube iframe{width:90%;height:450px;max-width:860px;}
	.youtube-small iframe{width: 100%; height:300px;max-width:480px;}



	.movie .col{margin: 10px 0;}
	.movie .update{margin-top: -10px;}

	.page-index main{padding-top: 700px}
	/*.page-hdc main{padding-top: 20px}*/

	


  /* Underline Reveal */
	.hnav li a {
	/*  display: inline-block;*/
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hnav li a:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #fff;
	  height: 2px;
	  -webkit-transform: translateY(2px);
	  transform: translateY(2px);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hnav li a:hover:before, .hnav li a:focus:before, .hnav li a:active:before {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}

}

.socialbtn{text-align:center;overflow:hidden;margin-top:40px;}
.socialbtn li{display:inline;font-size: 12px;margin: 3px }
.socialbtn li a{padding:8px 3px;}
.socialbtn li a small{background: rgba(255,255,255,0.2);padding: 0 8px;border-radius:8px;}
.socialbtn .sbtn-fb a:hover{background:#5383c3; border-color:#5383c3;}
.socialbtn .sbtn-tw a:hover{background:#3db7cc; border-color:#3db7cc;}
.socialbtn .sbtn-gp a:hover{background:#d46a55; border-color:#d46a55;}
.socialbtn .sbtn-ln a:hover{background:#6bb334; border-color:#6bb334;}
@media screen and ( max-width : 998px ) {
	.socialbtn li{display: inline-block;width: 31%;float: left;margin:1%;}
	.socialbtn li a{display: block;min-width:100%;}
	@media screen and ( max-width : 767px ) {
		.socialbtn{margin-top:20px;}
		.socialbtn li{width: 25%;padding: 2px;font-size:11px;margin:0;}
		.socialbtn li a{line-height: 1.2; padding: 8px 0;height: 50px;}
		.socialbtn li i{display: block;font-size: 20px}
	}
}