@charset "utf-8";

/* --------------------------------------------------------- */
/* index.css */
/* --------------------------------------------------------- */

/* メイン
----------------------- */
#main{}
#main .image{width:49.2%;margin:6% auto 0;}
#main .txtbox{width:75%;margin:7% auto 0;}
#main .head{margin-bottom:0.5em;padding-bottom:0.5em;font-size:18px;line-height:144%;border-bottom:2px solid #333;}
#main .head span{color:#ad1e23;}
#main .txt,
#main .txt li{font-size:15px;line-height:186%;box-sizing:border-box;}
#main .txt a{display:inline;color:#00a0e9;}
#main .txt a.blank:after{content:'';display:inline-block;width:0.834em;padding-top:0.834em;margin-left:0.5em;background:url(../img/icon-blank.png) no-repeat center left;background-size:100% auto;}
#main .txt a:hover{text-decoration:none;}

/* lead ------------------------------ */
#main #lead{margin-top:3.5%;}

/* schedule ------------------------------ */
#schedule .txt li{font-size:18px;position:relative;}
#schedule .txt li span{position:absolute;left:0;}
#schedule .txt li + li{margin-top:1em;}

/* detail ------------------------------ */
#detail .txt li{padding-left:2.5em;font-size:18px;position:relative;}
#detail .txt li span{position:absolute;left:0;}
#detail .txt li + li{margin-top:0.25em;}

/* contact ------------------------------ */
#main #contact{padding-bottom:10%;}
#contact .txt{margin-top:3.734%;padding:2.667% 4%;font-size:18px;border:1px solid #333;background:#ffdb3f;box-sizing:border-box;}
#contact .txt + .txt{margin-top:1.334%;}
#contact .txt strong span{font-size:22px;}
#contact .txt strong small{font-size:15px;}



@media screen and (max-width: 1000px){

#main .txt,
#main .txt li{font-size:1.5vw;}

/* schedule ------------------------------ */
#schedule .txt li{font-size:1.8vw;}

/* detail ------------------------------ */
#detail .txt li{font-size:1.8vw;}

/* contact ------------------------------ */
#contact .txt{font-size:1.8vw;}
#contact .txt strong span{font-size:2.2vw;}
#contact .txt strong small{font-size:1.5vw;}

}



@media screen and (max-width: 750px){

/* メイン
----------------------- */
#main{}
#main .image{width:89.334%;margin-top:12.534%;}
#main .txtbox{width:89.334%;margin-top:12%;}
#main .head{font-size:3.734vw;line-height:100%;border-width:0.267vw;}
#main .txt,
#main .txt li{font-size:3.2vw;line-height:175%;}
#main .txt a.blank:after{background-image:url(../img/sp-icon-blank.png);}
#main .txt a:hover{text-decoration:underline;}

/* lead ------------------------------ */
#main #lead{margin-top:2.667%;}

/* schedule ------------------------------ */
#schedule .txt li{font-size:3.2vw;}

/* detail ------------------------------ */
#detail .txt li{font-size:3.2vw;}

/* contact ------------------------------ */
#main #contact{padding-bottom:13.334%;}
#contact .txt{margin-top:5.672%;padding:2.986% 15.672%;font-size:3.2vw;border-width:0.134vw;}
#contact .txt + .txt{margin-top:2.986%;}
#contact .txt strong{display:block;margin-top:0.5em;font-size:4.267vw;}
#contact .txt strong span{font-size:6vw;}
#contact .txt strong small{display:block;font-size:3.2vw;}

}