/* 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:100%;max-width:960px;margin:0 auto;text-align:left;}
header #logo h1 span{width:96%;height:auto;}
header #logo h1 span img{height:auto;vertical-align:middle;}
header h2{width:100%;text-align:center;font-size:30px;}
header h2 span{display:inline-block;padding-left:60px;padding-top:15px;padding-bottom:8px;margin-bottom:7px;background-repeat:no-repeat;background-size:auto 60px;background-position:center left;}
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:100%;margin:0 auto;text-align:center;}
header #mainimg p img{width:auto;height:400px;}
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%;overflow:hidden;}
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:3% auto 10% auto;}
section #text p{margin-bottom:3%;}
/*pageTop*/
#pageTop {position: fixed;bottom: 0;right: 20px;margin-bottom:1%;}
#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:0.5% 0;}
#top p{width:100%;height:auto;text-align:center}
#top p a{color:#000;text-decoration:none;display:block;width:100%;height:auto;text-align:center;}
#top p a span:hover{text-decoration:underline;}
#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:922px;margin:0 auto;font-size:24px;font-weight:normal;}
.modal h2 span{background:#e4dec3;padding:10px 50px;display:inline-block;}
.modal #modalContenar{background:#e4dec3;padding:70px 0;}
.modal #modalContenar ul{width:100%;max-width:922px; margin:0 auto;padding:0;overflow:hidden;}
.modal #modalContenar ul li{ width:32%;height:74px;background:#fff;list-style:none;margin:2% 2% 2% 0;float:left;border:2px solid #fff;box-sizing:border-box;}
.modal #modalContenar ul li a{width:85%; padding:23px 7.5%;text-decoration:none;color:#000;display:inline-block;cursor:pointer;}
#modal-open {color:#00f;text-decoration:underline;}

.modal #modalContenar ul li:hover{border:2px solid #ceb64b;}
.modal #modalContenar ul .margin{margin:2% 0;}
.modal #modalContenar ul .height{}
.modal #modalContenar ul .btn .height{padding:11px 7.5%;}
.modal .modal-content{position:fixed;top:50%;left:50%; display:none;z-index:2;width:80%;max-width: 882px;margin:0 auto;padding:20px;background:#fff;overflow:auto;height:auto;max-height: 500px;min-height:300px;}
.modal .modal-content p{margin-bottom:12px;}
.modal .modal-content p .modal-close{cursor:pointer;display: block;}
.modal .modal-content h3{text-align:center;font-size:16px;padding-bottom:30px;}
.modal .modal-content h4{margin:20px 0 0 0;}
.modal .modal-content .center{text-align:center;width:50px;margin:60px auto 0px auto;}
.modal .modal-content .img{text-align: center;margin-bottom: 12px;}
#ysm .modal .modal-content .text{margin-bottom:40px;}
#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 {background-color:#000;color:#fff;width:100%;}
footer #footer a{color:#fff;text-decoration:none;display:block;}
footer #footer{width:100%;max-width:960px;margin:0 auto;overflow:hidden;}
footer #footer #wrap{width:96%;height:auto;margin:0 2%;}
footer #footer p#td01,footer #footer p#td02{background-color:#494949;width:23%;padding:1.25% 0;margin-right:2%;margin-bottom:1.5%;margin-top:1.5%;text-align:center;float:left;transition: 0.3s ease;}
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:5%;float:left;margin:1.5% 0.5%;}
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:6%;}
footer #footer p#td06{width:100%;text-align:center;font-size:14px;margin:20px 0;float:left;}
/*footer end*/

.fixed {position: fixed;width: 100%;height: 100%;}