@charset "utf-8";

/* =================================================================
CSS情報　　 ：リセット
使用ファイル：すべてのファイル

html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
=================================================================*/

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0; padding:0; border:0; background:transparent; outline:0; font-size:100%; vertical-align:baseline;}

input{padding:0;}
body{line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
a{margin:0; padding:0; background:transparent; font-size:100%; vertical-align:baseline;}

/*  change colours to suit your needs
-------------------------------------------------------------*/
ins{color:#000; text-decoration:none;}

/*  change colours to suit your needs
-------------------------------------------------------------*/
mark{background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted inherit; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}

/*  change border colour to suit your needs
-------------------------------------------------------------*/
hr{display:block; height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #cccccc;}
input, select{vertical-align:middle;}


/* ===================================================================
CSS情報　　 ：基本情報
使用ファイル：すべてのファイル
=================================================================== */

body{font-family: 'Questrial', sans-serif, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 'Open Sans', sans-serif ;color:#666;font-size:14px;word-break:break-all;}

a:link{color:#1d6cb1;text-decoration:none;}
a:visited{color:#1d6cb1;text-decoration:none;}
a:hover{color:#1d6cb1;text-decoration:underline;}
a:active{color:#1d6cb1;text-decoration:underline;}

.inner{width:800px;margin:auto;padding:50px 0;}
@media (max-width: 960px) and (min-width: 640px) {
.inner{width:auto;padding:50px 30px;}
}
@media (max-width: 640px) {
.inner{width:auto;padding:30px 10px;}
}

.common__pc-hide{display:none;}
@media (max-width: 640px) {
.common__pc-hide{display:inline;}
}
.common_sm-hide{display:inline;}
@media (max-width: 640px) {
.common__sm-hide{display:none;}
}

.common__title{font-size:24px;margin-bottom:25px;font-weight:bold;color: #666;text-align: center;}


/* ===================================================================
CSS情報　　 header
使用ファイル：すべてのファイル
=================================================================== */

.header{}
.header__title{display: block;width: 100%;}


/* ===================================================================
CSS情報　　 subheader
使用ファイル：すべてのファイル
=================================================================== */

.subheader{background: #f7f8f3;}
.subheader__title{display: block;height: 120px;margin: auto;}

@media (max-width: 640px) {
.subheader__title{width:75%;height: auto;}
}

/* ===================================================================
CSS情報　　 nav
使用ファイル：すべてのファイル
=================================================================== */

.nav{position: sticky;position: -webkit-sticky;top:0;background: #d9eaf3;z-index:10;border-bottom: 1px solid #DDD;opacity: 0.9;}
.nav__ul{overflow:hidden;margin: 0 20px;}
.nav__link{float: left;width:20%;text-align: center;}
.nav__link a{display: block;padding: 20px 0;color: #666;text-decoration: none;font-size: 18px;}
.nav__link a:hover{color:#1d6cb1;}
.nav__link-current a{color: #1d6cb1;}

@media (max-width: 640px) {
.nav__ul{margin: 0;text-align: center;}
.nav__link{float:none;display:inline-block;width: auto;}
.nav__link a{display:inline-block;width: auto;padding: 17px 5px;font-size: 14px;}
}

/* ===================================================================
CSS情報　　 about
使用ファイル：すべてのファイル
=================================================================== */

.about{background:#ecf4f8;text-align:center;overflow:hidden;}
.about__title{}
.about__content{margin-top:20px;line-height:1.8;}
.about__social{margin-top: 20px;}
.about__social a{display:inline-block;width:80px;height:80px;border-radius:50%;font-size: 11px;padding-top:20px;margin: 0 10px;background: #FFF;overflow: hidden;}
.about__social a:hover{text-decoration: none;color: #FFF;background: #1d6cb1;}
.about__social a svg{display: block;font-size: 20px;margin: 0 auto 5px;}
.about__link{margin-top: 20px;}
.about__link li:before{font-family: fontAwesome;content: "\f105";margin-right: 5px;}
.about__banner{margin-top: 20px;text-align: center;}
.about__banner img{width: 300px;}
.about__banner img:hover{opacity: 0.8;}

@media (max-width: 640px) {
.about__title{font-size:18px;margin-bottom:15px;}
.about__subtitle{font-size:16px;margin-bottom:15px;}
.about__content{text-align:left;}
.about__social{margin: 20px -10px 0;}
.about__social a{margin: 0;width:18%;height:57px;padding-top: 12px;border-radius: 10px;margin: 0 0.3%;}
.about__social a svg{font-size: 18px;}
.about__detail{width: auto;}
}


/* ===================================================================
CSS情報　　 info
使用ファイル：すべてのファイル
=================================================================== */

.info{background:#FFF;text-align:center;overflow:hidden;}
.info__title{}
.info__detail{width: 450px;margin: 30px auto 0;line-height: 1.5;}
.info__detail th{width: 120px;padding: 3px 0;}
.info__detail td{text-align: left;padding: 3px 0;}

@media (max-width: 640px) {
.info__title{font-size:16px;margin-bottom:15px;}
.info__detail{width: auto;}
}


/* ===================================================================
CSS情報　　 biography
使用ファイル：すべてのファイル
=================================================================== */

.biography{background:#ecf4f8;text-align:center;overflow:hidden;}
.biography__title{}
.biography__subtitle{font-weight: bold;margin: 25px 0 10px;}
.biography__content{line-height: 1.8;}
.biography__date{margin-right: 15px;color: #999;}

@media (max-width: 640px) {
.biography__title{font-size:16px;margin-bottom:15px;}
.biography__content{text-align: left;}
.biography__date{display: block;margin-top: 10px;}
}


/* ===================================================================
CSS情報　　 disco
使用ファイル：すべてのファイル
=================================================================== */

.disco{background:#FFF;overflow:hidden;}
.disco__title{}
.disco__subtitle{font-size: 20px; margin-top:50px;}
.disco__content{text-align: center;margin-bottom: 25px;line-height: 1.5;}
.disco__box{margin-top: 40px;}
.disco__img{width: 100%;}
.disco__order{margin-bottom: 5px;}
.disco__name{font-size: 20px;margin-bottom: 5px;}
.disco__detail{margin-bottom: 20px;font-size: 13px;}
.disco__buy a{display: inline-block;background: #1d6cb1;color: #FFF;width: 150px;text-align: center;padding: 10px 0;border-radius: 2px;margin-right: 5px;}
.disco__buy a:hover{text-decoration: none;opacity: 0.8;}

@media (max-width: 640px) {
.disco__img{width:110%;margin-bottom: 10px;}
.disco__title{font-size:18px;margin-bottom:15px;}
.disco__buy a{width: 46.5%;font-size: 12px;}
}


/* ===================================================================
CSS情報　　 shcedule
使用ファイル：すべてのファイル
=================================================================== */

.schedule{background:#FFF;overflow:hidden;}
.schedule__title{}
.schedule__content{text-align: center;margin-bottom: 25px;line-height: 1.5;}
.schedule__calendar{margin-top: 20px;}

@media (max-width: 640px) {
.schedule__title{font-size:18px;margin-bottom:15px;}
.schedule__calendar{width:100%;overflow-x:scroll;}
}


/* ===================================================================
CSS情報　　contact
使用ファイル：すべてのファイル
=================================================================== */

.contact{background:#FFF;overflow:hidden;}
.contact__title{}
.contact__content{text-align: center;margin-bottom: 25px;line-height: 1.5;}
.contact__content-img{width: 280px;}
.contact dl{margin-right:20px;line-height:1.8;zoom:1;}
.contact dl:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
.contact dt{width:30%;float:left;text-align:center;font-weight:bold;}
.contact dd{width:70%;float:left;margin-bottom:20px;}

.contact .error{color:#F34B26;}

.contact input[type="text"]{background:#EEE;padding:10px;border:none;font-size:14px;border-radius:3px;width:90%;}
.contact select{background:#EEE;height:40px;border:none;font-size:14px;border-radius:3px;width:90%;}
.contact__select-amount{width: 150px !important;margin-right: 10px;}
.contact textarea{background:#EEE;padding:10px;border:none;font-size:14px;border-radius:3px;width:90%;height:200px;}
.contact .button{text-align:center;}
.contact .button input[type="submit"]{border:none;background:#1d6cb1;color:#FFF;padding:15px 0;font-size:16px;width:220px;margin:0 5px;border-radius:3px;line-height:1;-webkit-appearance: none;}
.contact .button input[type="submit"]:hover{opacity:0.8;}
.contact .button a{display:inline-block;background:#1d6cb1;color:#FFF;padding:15px 0;font-size:16px;width:220px;margin:0 5px;border-radius:3px;}
.contact .button a:hover{text-decoration:none;opacity:0.8;}
.contact__button-gray{background: #999 !important;}

@media (max-width: 640px) {
.contact__title{font-size:18px;margin-bottom:15px;}
.contact dl{margin:0 20px;font-size:14px;}
.contact dt{width:auto;float:none;}
.contact dd{width:auto;float:none;text-align:center;margin-bottom:10px;}
.contact input[type="text"]{width:100%;}
.contact select{width:100%;}
.contact textarea{width:100%;height:100px;}
.contact .button input[type="submit"]{margin-bottom:10px;}
.contact .button a{margin-bottom:10px;}
}


/* ===================================================================
CSS情報　　footer
使用ファイル：すべてのファイル
=================================================================== */

.footer{background:#666;text-align:center;color:#FFF;padding:30px 10px;overflow:hidden;}
.footer__copyright{margin-top: 20px;}
.footer__copyright a{text-decoration:underline;color:#FFF;}

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