@charset "UTF-8";

/* --------------------------
 * adjustment
-------------------------- */
body {font-size:13px;line-height:1.8em;margin: 0;padding: 0;overflow-x: hidden;}
.cf:before,.cf:after {content:"";display:table;}.cf:after {clear:both;}.cf {zoom:1;}
a.alpha img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
a.alpha:hover img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.mT100 {margin-top: 100px;}..mT50 {margin-top: 50px;}.mL50 {margin-left: 50px;}.mR50 {margin-right: 50px;}.mB50 {margin-bottom: 50px;}
.mT30 {margin-top: 30px;}.mL30 {margin-left: 30px;}.mR30 {margin-right: 30px;}.mB30 {margin-bottom: 30px;}.mB15 {margin-bottom: 15px;}
.mT10 {margin-top: 10px;}.mL10 {margin-left: 10px;}.mR10 {margin-right: 10px;}.mB10 {margin-bottom: 10px;}
.pT50 {padding-top: 50px;}.pL50 {padding-left: 50px;}.pR50 {padding-right: 50px;}.pB50 {padding-bottom: 50px;}
.pT30 {padding-top: 30px;}.pL30 {padding-left: 30px;}.pR30 {padding-right: 30px;}.pB30 {padding-bottom: 30px;}
.pT10 {padding-top: 10px;}.pL10 {padding-left: 10px;}.pR10 {padding-right: 10px;}.pB10 {padding-bottom: 10px;}
.bold { font-weight:bold;}
.text-center {text-align: center;}
h1,.h1 {margin: 0;padding: 0;}
h2,.h2 {margin: 0;padding: 0;}
h3,.h3 {margin: 0;padding: 0;}
h4,.h4 {margin: 0;padding: 0;}
ul {margin: 0;padding: 0; list-style: none;}
a { color:#000; text-decoration: none;}
a:hover { color:#B5A158; text-decoration: none;}
.trans { transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
h1,h2,h3,h4,h5,p {margin: 0;padding: 0;font-weight: normal;}
.nowrap {overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
p {margin: 0;padding: 0;}
h1.seo { font-size:11px; position:fixed;top:0; left:0;color:#fff; height:0px; width:0px; overflow:hidden;}

.share {margin-bottom: 30px;}
.share ul { text-align: center;}
.share ul li {display: inline-block; *display: block;*zoom:1;}
iframe.twitter-share-button {width: 80px!important;overflow: hidden;margin: 0px; padding: 0px;display: block;}
.fb-like {margin: 0px;padding: 0px;float: left;padding-right: 10px;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
#fb-root { display:none;}
.twitter-timeline { font-size:12px !important;}

body {width: 100%;height: 100%;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','YuGothic','游ゴシック',sans-serif;color: #000;background-color: #FFF;}
html {width: 100%;height: 100%;}
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}
.mincho { font-weight: 100; font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

/* --------------------------
 * bootstrap
-------------------------- */
figure img { height:auto; width:100%;}
.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"]  {padding-right:0;padding-left:0;}
.dsplnon {display: none;}

.table { font-size: 14px;border-bottom: 1px solid #ddd;font-weight: 100; font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.table > tbody > tr > th { text-align: right; font-weight: normal;}
.table > tbody > tr > th,
.table > tbody > tr > td {padding: 12px; line-height:2em;}
.table > tbody > tr > td > ul { width: 50%; float: left;}

.table-condensed th,.table-condensed td { padding: 10px;}
.table-bordered {margin-bottom: 25px;}
.table-bordered th {text-align: center;}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,.table-bordered > tfoot > tr > td {padding: 15px;}

/* --------------------------
 * btn
-------------------------- */
.btn { text-align: center;display: block;margin-bottom: 10px;}
.btn:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.btn a { position: relative; font-size: 14px; display: block;background-color:#000;color: #FFF;height:50px; text-align: center; line-height:50px;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;-o-border-radius: 0.5em;-ms-border-radius: 0.5em; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.btn a .fa { position: absolute; right: 15px; top: 18px; font-size: 18px;}
.btn a:hover { background-color:#fafafa;color: #000; text-decoration: none;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.btn a span {font-size: 12px;margin-left: 10px;}

.btnoff { background-color: #fafafa; text-align: center;font-weight: normal; font-size: 16px; display: block; border: 1px solid #eee; color: #ddd; height:30px; text-align: center; line-height: 29px; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

.btn.min { width: 150px;padding-top: 25px; padding-bottom: 25px; margin-left: 0px; margin: 0 auto;}
.btn.min a {background-color:#000; color: #FFF;  padding: 0px; height:30px;line-height: 28px; font-size: 11px; font-weight: normal;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;}
.btn.min a:hover { color: #000; background-color: #bfa235;}

.btn.minwh { width: 150px;padding-top: 25px; padding-bottom: 25px; margin-left: 0px; margin: 0 auto;}
.btn.minwh a {background-color: transparent; color: #FFF;  border: 1px solid #FFF; padding: 0px; height:30px;line-height: 28px; font-size: 11px; font-weight: normal;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;}
.btn.minwh a:hover { color: #000; background-color: #FFF;}

.btn_group {}
.btn_group ul {margin-top: 25px;}
.btn_group ul li { font-size: 13px; display: inline-block; *display: inline;*zoom:1; margin: 0;margin-left: 10px;}
.btn_group ul li:first-child { margin-left: 0;}
.btn_group ul li a { text-align: center; color: #000; display: block; width: 130px; height: 35px; line-height: 35px; background-color:#fff; border: 1px solid #000; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.btn_group ul li a:hover { background-color:#000;border: 1px solid #000; color: #FFF;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

/* --------------------------
 * nav
-------------------------- */


/* --------------------------
 * layout
-------------------------- */
body,html { height: 100%; width: 100%;}

h1.title {text-align: center; font-weight: 100; font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-size: 24px;padding:70px 0px 50px 0px; }
h1.title span { display: block; font-size: 24px;  margin-top: 30px; font-family: 'Great Vibes', cursive;font-weight: 400;}
h1.title { background-image: url(../images/title_deco.png); background-position: center top; background-size: 163px 50px; background-repeat: no-repeat; }
h2.lead { text-align: center; font-size: 21px; font-weight:normal; line-height: 2em; text-align: center;margin-bottom: 25px;}
h2.title { margin-bottom: 25px; padding-bottom: 25px;font-size: 24px; border-bottom: 1px solid #eee;}
h2.title span { font-size: 24px; font-weight: normal; margin-left: 10px;  font-family: 'Great Vibes', cursive;font-weight: 400;}
h3.subTitle { padding-bottom: 5px; font-size: 14px; font-weight: bold;}

#content {height: 100%; width: 100%;}
.section {width: 100%;margin: 0;padding: 0;}
.sections {width: 100%;margin: 0;padding: 0;}
.interval {display: block; background:url(../images/bgimg.jpg); background-repeat: repeat; background-size: 125px; background-attachment: fixed;background-position: center center;}

#caution {padding-top: 50px;}
#caution .inner {border:1px solid #000;padding: 25px; font-size: 14px;}
#caution .inner h1 { font-size:18px; border-bottom: 1px solid #000;margin-bottom: 20px;padding-bottom: 20px;}
#caution .inner h1 span { margin-left: 10px;font-size:18px;font-family: 'Great Vibes', cursive;font-weight: 400;}

#intro { display: block;background-image: url(../images/mainImg.jpg); background-size:cover; width: 100%;background-position: center center;background-attachment: fixed;position: relative;}
#intro .logo { display: block;height: 350px; width: 400px; position: absolute;top:0; left: 0; right: 0; bottom:0;margin: auto;}
#intro .logo figure { width: 400px; margin: 0 auto; margin-top: 25px;}
#intro h1 { text-align: center; font-size: 24px; position: absolute; width: 100%;left: 0; bottom: 100px;color: #fff; font-weight:300; line-height: 1.8em;}

#news h1 {margin-top: 18px; text-align: right; font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-size: 24px;}
#news h1 span { display: block; font-size: 18px;  margin-top: 15px; color: #000;  font-family: 'Great Vibes', cursive;font-weight: 400;}
#news .twBox {border-left: 1px solid #000; padding-left: 30px;}
#news .twBoxnews {border-left: 1px solid #000; padding-left: 30px;}

#about {}
#about .container .text { line-height: 2em; font-size: 16px;}
#about .no-gutters .inner { padding: 50px 50px 0px;}
#about .no-gutters .inner h2 { padding: 0px 0px 25px;font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#about .no-gutters .inner h2 span { font-size: 16px; margin-left: 10px;  font-family: 'Great Vibes', cursive;font-weight: 400;}
#about .no-gutters .inner .text { font-size: 11px; line-height: 1.8em; margin-bottom: 0;padding-bottom: }
#about .no-gutters .inner .text h3 { padding: 0px; font-weight: bold;}

#schedule .no-gutters .inner { padding: 50px 50px 0px;}
#schedule .no-gutters .inner h2 { padding: 0px 0px 25px;font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#schedule .no-gutters .inner h2 span { font-size: 16px; margin-left: 10px;  font-family: 'Great Vibes', cursive;font-weight: 400;}
#schedule .no-gutters .inner .text { font-size: 11px; line-height: 1.8em; margin-bottom: 0;padding-bottom: }
#schedule .no-gutters .inner .text h3 { padding: 0px; font-weight: bold;}

.profile {}
.profile h3 {font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;margin-top: 15px; font-size: 18px; font-weight: bold; text-align: right;}
.profile h3 span {margin-left: 10px; font-weight: normal;font-size: 14px;}
.profile figure {margin-right: 25px;margin-top: 10px;}
.profile .text {margin: 0;padding: 0;line-height: 2em; font-size: 16px;}

#footer { background-color: #222;padding-top: 50px; position: relative;}
#footer .pagetop {  position: absolute; top: -30px; left: 0px; text-align: center;display: block; height: 30px; width: 100%; z-index:999; }
#footer .pagetop span {z-index: 9999;margin: 0 auto; height: 30px; width: 60px; line-height: 40px; font-size: 24px; text-align: center; color: #FFF; background-color: #222;cursor: pointer;display: block;border-top-right-radius : 5em;-moz-border-top-right-radius : 5em;-webkit-border-top-right-radius : 5em;-o-border-top-right-radius : 5em;-ms-border-top-right-radius : 5em;border-top-left-radius : 5em;-moz-border-top-left-radius : 5em;-webkit-border-top-left-radius : 5em;-o-border-top-left-radius : 5em;-ms-border-top-left-radius : 5em;}
#footer .footNav { margin: 0;padding: 0; text-align: center;margin-bottom: 50px;}
#footer .footNav ul {margin: 0;padding: 0px;}
#footer .footNav ul li {display: inline;margin: 10px;}
#footer .footNav ul li a {color: #666; font-size: 12px;}
#footer .footNav ul li .fa {margin-right: 5px;}
#footer .footNav ul li a:hover {}
#footer .footNav ul li a .fa-chevron-right {display: none;}
#footer .logo { width: 200px; height: auto; margin: 0 auto; margin-bottom: 25px;}
#footer .copyright{ display: block; position: relative;color: #666; text-align: center; font-size: 10px; height: 50px; line-height: 50px; letter-spacing:1px;}

.pageScrlTop { cursor: pointer;}

@media(max-width: 480px) {
	#about .row.no-gutters {margin-top: 0px;}
	.section { padding-bottom: 0px;padding-top: 0px;}
	.sections { padding-bottom: 0px;padding-top: 0px;}
	.text.ｓｍ５０ { padding-bottom:0px;}

}
/*スマホ*/
@media(max-width:767px) {
	#intro { height: 480px;background-attachment: inherit;margin-top: 80px;}
	.section { padding-bottom: 50px;padding-top: 100px;}
	.sections { padding-bottom: 50px;padding-top: 0px;}
	.block { padding-bottom: 0px;}
	.interval { display: none;}
	body { width: inherit;}
	html { width: inherit;}
	.sliderWrap { width: 100%;overflow-x: hidden; display: block;}

	h1.title {text-align: center; font-weight: 100; font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-size: 24px;padding:70px 50px 50px 50px; }

	#intro .gnav .brand { width: 150px; height: auto; display: inherit;height: auto;  margin: 25px auto 0px; }
	#intro .gnav {z-index: 9999;  background-color: #fff;margin: 0;padding: 0;padding-left: 10px; display: block; position: fixed; top: 0; left: 0; height: 80px; width: 100%;box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-moz-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-o-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-ms-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);}
	#intro .gnav ul { display: none;}
	#intro .logo { display: block;height:200px; width: 60%; position: absolute;top:0; left: 0; right: 0; bottom:0;margin: auto;}
	#intro .logo figure { width: 100%; margin: 0 auto; margin-top: 25px;}
	#intro .humberger {display:inherit; position:fixed;top:25px; left: 25px; font-size: 36px; color: #000; z-index: 9999; cursor: pointer;}
	#intro .humberger img { height: 20px; width: 30px;}
	#intro .gnav .inner > .sns { height: 80px; width: 80px; position: absolute;right:0; top: 0;}
	#intro .gnav .inner > .sns a { margin:0px; padding: 0; display: block; font-size: 30px; line-height: 80px; text-align: center;}

	#news { padding: 80px 0px 50px;}
	#news h1 { text-align: center; margin-bottom: 25px;}
	#news .twBox {border-left:none; padding-left: 0px; max-width: 500px; margin: 0 auto;}
	#news .twBoxnews {border-left:none; padding-left: 0px; max-width: 500px; margin: 0 auto; text-align: center;}

	#about .no-gutters .inner h2 { text-align: center;}
	#about .no-gutters .inner { padding: 50px 0px 0px;}

	#schedule .no-gutters .inner h2 { text-align: center;}
	#schedule .no-gutters .inner { padding: 50px 0px 0px;}

	.slider.center {margin-bottom: 100px;}
	.text {padding: 0 25px 50px;}

	#access { padding-top: 100px;}
	.profile {margin-top: 50px;}
	.profile figure { max-width: 240px; height: auto;  margin: 0 auto; margin-bottom: 25px;}

	#footer .sns { margin: 0px auto; padding: 30px 0px 30px;}
	#footer .logo { width: 200px; height: auto; margin: 0 auto; margin-bottom: 25px;}
	#footer .footNav {padding-top: 0px;}
	#footer .footNav ul {}
	#footer .footNav ul li {margin: 0;padding: 0;}
	#footer .footNav ul li:first-child {margin-top: 0px;}
	#footer .footNav ul li a { border-bottom: 1px solid #222; text-align: left; color: #ccc; background-color: #313131; display: block; position: relative; font-size: 16px; height: 40px; line-height: 40px;padding-left: 20px;}
	#footer .footNav ul li a .fa-caret-right {display: none;}
	#footer .footNav ul li a .fa-chevron-right {display:block; position: absolute;right: 15px; top: 0; line-height: 40px;}
	#footer .footNav ul li a:hover, #footer .footNav ul li a:focus, #footer .footNav ul li.active a { background-color:#000; color: #fff; }

	.drawerNav {opacity: 0.9; z-index: 99999; display:none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000;}
	.drawerNav ul { text-align: center; margin-top: 50px;}
	.drawerNav ul li {display: block; font-size: 21px;margin-bottom: 20px;font-family: 'Abel', sans-serif; font-weight: 400;}
	.drawerNav ul li a {color: #fff;}
	.drawerNav ul li a span { margin-left: 10px;font-size: 13px;}
	.drawerNav ul li a:hover,.drawerNav ul li a:focus { text-decoration: underline; color: #fff;}
	.drawerNav ul li.close { cursor: pointer; font-size:16px; margin:0 auto;margin-top: 50px; color: #fff; border: 1px solid #fff; width: 150px; padding: 10px;}
}
/*pc*/
@media(min-width:767px) {
	#intro { height: 100%;}
	.section { padding-bottom: 50px;padding-top: 80px;}
	.sections { padding-bottom: 50px;padding-top: 0px;}
	.interval { height: 300px;}
	.block { padding-bottom: 50px;}
	#intro .gnav { z-index: 9999; margin: 0;padding: 0;padding-left: 10px; display: block; position: absolute; bottom: 0; left: 0; height: 80px; background-color: #fff; width: 100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
	#intro .gnav .inner { position: relative; width: 100%; height: 80px;}
	#intro .gnav .inner > .brand { position: absolute;top: 30px; left: 25px;}
	#intro .gnav .inner > .brand figure { width: 150px; height: auto;}
	#intro .gnav .inner > .sns { height: 80px; width: 80px; position: absolute;right:0;}
	#intro .gnav .inner > .sns a { margin:0px; padding: 0; display: block; font-size: 24px; line-height: 80px; text-align: center;}

	#intro .gnav .inner > ul { text-align: center; height: 30px; line-height: 30px; position: absolute; right: 80px; top: 0;}
	#intro .gnav .inner > ul > li { display: inline-block; *display: inline; *zoom:1;margin: 0;}
	#intro .gnav .inner > ul > li a {margin: 0; padding: 0 9px; display: block; color: #000;font-size: 16px;line-height: 77px; font-weight: bold;}
	#intro .gnav .inner > ul > li a:hover { border-top: 3px solid #ccc;background-color: transparent;}
	#intro .gnav .inner > ul > li a:focus { text-decoration: none;background-color: transparent;}
	#intro .gnav .inner > ul > li.active a { border-top: 3px solid #000;}

	#intro .gnav.fixed {position: fixed; top: 0; left: 0; background-color: #fff; width: 100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-moz-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-o-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-ms-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);}
	#intro .gnav.fixed .inner > ul > li a:hover { border-bottom: 3px solid #ccc;background-color: transparent;border-top:none;}
	#intro .gnav.fixed .inner > ul > li.active a { border-bottom: 3px solid #000;border-top:none;}

	#news { padding: 130px 0px 50px;}
	#access { padding-top: 130px;}

	#intro .humberger {display: none;}
	.drawerNav {display: none;}
	#footer .footNav ul li a .fa {display: none;}
}

.news { color:red; text-decoration: underline red;}

.kamitama { font-weight:bold; }
.kamitama-img { width: 300px; height: 225px; }

@media(max-width:767px) {
.kamitama-img { width: 80%; height: auto; }
}

.text_blueb { font-weight:bold; font-size:36px; text-align: center; }

@media(max-width:767px) {
.text_blueb { font-weight:bold; font-size:18px; text-align: center; padding-top: 30px; }
}