/* CSS Document */
/*reset*/
body,h1,h2,h3,p,dl,dt,dd{margin:0;padding:0;}
/*reset end*/
/*基本設定*/
body{width:100%;height:100%;font-size:12px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;position:relative;}
img{vertical-align:bottom;	}
/*基本設定 end*/
header #logo{background-color:#000;width:100%;}
header #logo h1{width:50%;max-width:960px;margin: 0 0 0 1%;text-align:left;}
header #logo h1 span{width:96%;height:auto;}
header #logo h1 span img{width:100%;height:auto;vertical-align:middle;}
header h2{width:100%;text-align:center;font-size:20px;}
header h2 span{display:inline-block;padding-left:45px;padding-top:10px;padding-bottom:10px;background-image:url(../imgs/map-aicon_on.png);background-repeat:no-repeat;background-size:auto 40px;background-position:0px 4px;}
header h2 span.a{background-image:url(../imgs/icon_A_select.png);}
header h2 span.b{background-image:url(../imgs/icon_B_select.png);}
header h2 span.c{background-image:url(../imgs/icon_C_select.png);}
header h2 span.d{background-image:url(../imgs/icon_D_select.png);}
header h2 span.e{background-image:url(../imgs/icon_E_select.png);}
header h2 span.t{background-image:url(../imgs/icon_T_select.png);}
header #mainimg{width:100%;background:#000;background-image:url(../imgs/mainimg_bg.jpg);background-repeat:repeat-y;background-position:center;background-size:960px;}
header #mainimg p{width:96%;margin:0 2%;text-align:center;}
header #mainimg p img{width:100%;height:auto;}
section{width:100%;max-width:960px;margin:5% auto;line-height:2;}
section #video,
section #video2{width:96%;height:auto;margin:0 2% 5% 2%;text-align:center;position: relative;padding-top: 56.25%;}
section #video iframe,
section #video2 iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
section dl{width:96%;height:auto;margin:0 auto 1% auto;overflow:hidden;text-align:center;}
section dl dt{background-color:#0b8083;color:#fff;	float:left;width:80px;}
section dl dd{float:left;margin-left:1%;}
section #text{clear:left;width:96%;height:auto;margin:5% auto 20% auto;}
section #text p{margin-bottom:3%;}
#pageTop {position: fixed;bottom: 15px;right: 20px;margin-bottom:2%;}
#pageTop a {display: block;z-index: 999;width: 70px;height: 70px;}
#pageTop a:hover {opacity: 0.7;}
/*top*/
#top{background-color:#cccccc;width:100%;font-weight:bold;padding:2% 0;}
#top p{width:100%;height:auto;}
#top p a{text-align:center;display:block;color:#000;text-decoration:none;}
#top p a span{display:inline-block;background-image:url(../imgs/top.png);background-repeat:no-repeat;background-position :left center;padding-left:10px;padding-top:1.5px;}
/*modal*/
.fixed {position: fixed;width: 100%;height: 100%;}
.modal{width:100%;line-height:2;}
.modal h2{max-width:640px;margin:0 auto;font-size:16px;font-weight:normal;}
.modal h2 span{width:40%; background:#e4dec3;padding:10px 5%;text-align:center; display:inline-block;}
.modal #modalContenar{background:#e4dec3;padding:20px 0px 80px;}
.modal #modalContenar ul{width:100%;max-width:640px; margin:0 auto;padding:0;overflow:hidden;text-align:center;}
.modal #modalContenar ul li{width:100%;height:50px;background:#fff;list-style:none;margin:2% 0;float:none;border:2px solid #fff;box-sizing:border-box;}
.modal #modalContenar ul .margin{margin:2% 0;}
.modal #modalContenar ul li a{width:90%; padding:11px 5%;text-decoration:none;color:#000;display:inline-block;cursor:pointer;-webkit-tap-highlight-color: transparent;}
.modal #modalContenar ul li a br{display:none;}
.modal-open {color:#00f;text-decoration:underline;}

.modal #modalContenar ul li:hover{border:2px solid #fff;}
.modal .modal-content{position:fixed;top:50%;left:50%; display:none;z-index:2;width:80%;margin:0 auto;padding: 20px;background:#fff;overflow:auto;height:auto;max-height: 300px;}
.modal .modal-content .inner{overflow:visible;height:300px;}
.modal .modal-content h3{text-align:center;font-size:14px;padding-bottom:10px;}
.modal .modal-content h4{margin:20px 0 0 0;}
.modal .modal-content .center{text-align:center;width:50px;margin:20px auto;}
.modal .modal-content p {margin-bottom: 12px;}
.modal .modal-content p .modal-close{cursor:pointer;display: block;}

.modal .modal-content .img{text-align: center;margin-bottom: 12px;}
#ysm .modal .modal-content .text{margin-bottom:20px;}
#ysm .modal #con1 .img img{width:100%;height:auto;max-width:610px;}
#ysm .modal #con2 .img img{width:100%;height:auto;max-width:297px;}
#ysm .modal #con3 .img img{width:100%;height:auto;max-width:367px;}
#ysm .modal #con4 .img img{width:100%;height:auto;max-width:610px;}
#ysm .modal #con5 .img img{width:100%;height:auto;max-width:366px;}
#ysm .modal #con6 .img img{width:100%;height:auto;max-width:609px;}
#ysm .modal #con7 .img img{width:100%;height:auto;max-width:609px;}
#ysm .modal #con8 .img img{width:100%;height:auto;max-width:610px;}
#ysm .modal #con9 .img img{width:100%;height:auto;max-width:520px;}
#ysm .modal #con10 .img img{width:100%;height:auto;max-width:384px;}
#ysm .modal #con11 .img img{width:100%;height:auto;max-width:263px;}
#ysm .modal #con12 .img img{width:100%;height:auto;max-width:271px;}
#ysm .modal #con13 .img img{width:100%;height:auto;max-width:218px;}
#ysm .modal #con14 .img img{width:100%;height:auto;max-width:160px;}
#ysm .modal #con15 .img img{width:100%;height:auto;max-width:224px;}
#ysm .modal #con16 .img img{width:100%;height:auto;max-width:205px;}
#ysm .modal #con17 .img img{width:100%;height:auto;max-width:224px;}
#ysm .modal #con18 .img img{width:100%;height:auto;max-width:160px;}
#ysm .modal #con19 .img img{width:100%;height:auto;max-width:484px;}
#ysm .modal #con20 .img img{width:100%;height:auto;max-width:427px;}
#ysm .modal #con21 .img img{width:100%;height:auto;max-width:277px;}

.modal .modal-content .color{color:#cc3333;}
.modal-overlay {z-index:1;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.75);}

/*footer*/
footer {color:#fff;font-size:10px;width:100%;background-color:#fff;}
#footer a{color:#fff;text-decoration:none;display:block;}
footer #footer{background-color:#000;width:100%;}
footer #footer #wrap{width:80%;margin:0 auto;overflow:hidden;}
footer #footer p#td01,footer #footer p#td02{background-color:#494949;text-align:center;float:left;transition: 0.3s ease;width:45%;height:auto;margin:2.5%;padding:4% 0;color:#fff;}
footer #footer p#td01:hover,footer #footer p#td02:hover{background-color:rgba(255,255,255,0.5);}
footer #footer p#td03,footer #footer p#td04,footer #footer p#td05{width:10%;margin:3% 1%;float:left;}
footer #footer p#td03 img,footer #footer p#td04 img,footer #footer p#td05 img{width:100%;height:auto;}
footer #footer p#td03{margin-left:33%;}
footer #footer p#td05{margin-right:33%;}
footer #footer p#td06{width:100%;text-align:center;margin:15px auto;font-size:12px;float:left;padding:5px 0;}