@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------------------
reset
----------------------------------------------------------- */
div {   zoom: 1;/*for IE 5.5-7*/}
div:after {/*for modern browser*/  content: ".";   clear: both;    display: block; line-height: 0; height: 0;  visibility: hidden;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {
margin:0;
padding:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
}
table {
border-collapse:collapse;
border-spacing:0;
border:none;
}
caption,th {
text-align:left;
}
object,
embed {
vertical-align:top;
}
hr,legend {
display:none;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
img,abbr,acronym,fieldset,a {
border:0;
}
ul li {
list-style-type:none;
}
ol li {
list-style-type:none;
}
img{
vertical-align:bottom;
}

/*-----------------------------------------------------------
body
----------------------------------------------------------- */
/*基本設定*/
body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:center;
font-size: 16px;
line-height:1.7em;
background: center no-repeat;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}
strong{
font-weight: normal;
}

/* LayoutClass - Float
============================================================================= */

.alignL { text-align: left; }
.alignR { text-align: right; }
.alignC { text-align: center; }
.alignM { margin: 0px auto; }

.floatL { float: left; }
.floatR { float: right; }
.floatC { clear:both;}



/* LayoutClass - space
============================================================================= */

.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}

.mt-15 { margin-top: -15px;}

.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb80 { margin-bottom: 80px;}
.mb90 { margin-bottom: 90px;}
.mb100 { margin-bottom: 100px;}

.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}
.ml55 { margin-left: 55px;}


.mr5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}
.mr55 { margin-right: 55px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pr5 {padding-right:5px;}
.prd10 {padding-right:10px;}
.prd15 {padding-right:15px;}
.prd20 {padding-right:20px;}
.prd25 {padding-right:25px;}
.prd30 {padding-right:30px;}
.prd35 {padding-right:35px;}
.prd40 {padding-right:40px;}
.prd45 {padding-right:45px;}
.prd50 {padding-right:50px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl70 {padding-left:70px;}


/* Link
============================================================================= */

a{color:#C41F46; text-decoration:underline;}
a:hover {color:#C41F46; text-decoration:none;}
a:hover img {opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .80; /* Safari 1.x */
-moz-opacity: .80; /* FF lt 1.5, Netscape */
}

/* -----------------------------------------------------------
ベースレイアウト
iPadなどのレイアウトのインデント調整のため
text-indent: -10000;ではなく下記を使用しています。

text-indent: 100%;
white-space: nowrap;
overflow: hidden;
----------------------------------------------------------- */

/*=======================================================================
各種ラッパー用CSS
=======================================================================*/
#wrapper {
width: 100%;
margin: 0 auto;
overflow: hidden;
text-align: center;
border-top: #DDDDDD solid 10px;
}

.wrap{
position: relative;
width: 50%;
margin: 50px auto 50px auto;
}

.coming .wrap{width: 20%;background: none;text-align: center;}

.wrap img{width: 90%; height: auto;margin-bottom: 50px;}


h1{width: 35%;margin: 30px auto;}
h1 img{width: 100%;height: auto;}

.coming h1{width: 80%;margin: 30px auto;}

footer{
background-color: #DDDDDD;
color: #fff;
padding: 0.5em;
text-align: center;
}

@media (max-width:980px) {
h1{width: 80%;margin: 30px auto;}
.wrap{width: 80%;}
}

@media (max-width:780px) {
h1{width: 80%;margin: 30px auto;}
.floatL,.floatR{width: 50%;}
}

@media (max-width:480px) {
.wrap{
width: 96%;
h1{width: 80%;margin: 30px auto;}
background: none;
}

.floatL,.floatR{width: 50%;}
}