@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0; margin:0; padding:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*-------------------------------------------------------------- */

a { text-decoration: none; color:#333;}
a:hover { text-decoration: none; color:#333;}
a:hover img{opacity:0.6;}
a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 .row:after,
article:after,
section:after,
header:after,
.clearfix:after {content: "";display: block;clear: both;height: 0;visibility: hidden;}
a img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}


a:active { text-decoration: none; color:#333;}

body{
color:#000;
font:100% verdana,"ヒラギノ角ゴ Pro W3","メイリオ","Meiryo", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.8;
-webkit-text-size-adjust: none;
}

#wrap{margin:0px 0px;padding:0px 0px;width:100%;}
header{padding:0px 0px;text-align:center;}
header > p{text-align:center;background:#FFF;padding:10px 0px 6px;}
header > p > img{max-width:96%;height:auto;display:block;margin:0px auto;}
header .hc{max-height:680px;position:relative;}
header .hc .item1{position:relative;background:url(./img/hbg.jpg) center top;background-size:contain;}
header .hc .item2{position:relative;background:url(./img/item2_bg.jpg) center bottom repeat-x;background-size:auto 100%;}
header .hc .item3{position:relative;background:#D72118;}
header .hc .item2 > div,
header .hc .item3 > div{margin:0px auto;}
header .hc .item2 > div img,
header .hc .item3 > div img{width:auto;height:auto;display:block;max-width:100%;margin:0px auto;}

header .hc h1{margin:0px auto;}
header .hc h1 img{width:100%;max-width:1130px;height:auto;}
header .hc p{position:absolute;bottom:20px;left:0px;width:100%;background:rgba(255,255,255,0.6);}
header .hc p img{width:100%;max-width:906px;margin:0px auto;}
main{}

article{}

section{position:relative;}
section > p{width:96%;max-width:960px;margin:0px auto;}
section > p > img{display:block;width:100%;margin:0px auto;}
section.bg2,
section.bg{background:url(./img/cbg.jpg);}
section.bg > p{position:relative;top:-30px;margin:0px auto;}
section.bg > p img{max-width:1073px;width:100%;margin:0px auto;display:block;}
section.bg :after{content:"";background:url(./img/c1bg.png) right bottom no-repeat;width:40%;max-width:466px;background-size:contain;position:absolute;left:50%;margin-left:40px;bottom:-30px;display:block;height:266px;}

.row.col2.btn{padding:10px 0px 40px 0px;}
section .col2{width:96%;margin:0px auto;max-width:960px;}
section .col2 > a{display:block;width:50%;float:left;}
section .col2 > a img{width:100%;display:block;height:auto;}
section .col2 > p{width:50%;float:left;padding:30px 0px;}
section .col2 > p > img{display:block;width:100%;height:auto;margin:0px auto;}

.caption{width:96%;max-width:640px;margin:10px auto 20px;font-size:90%;}

div.timer{width:96%;max-width:960px;padding:20px 0px;background:#FF7B99;color:#FFF;margin:0px auto;text-align:center;font-weight:bold;}
div.timer h3{font-size:200%;padding:0px 10px;}
div.timer p{font-size:240%;padding:0px 20px;}
div.timer p span{font-size:250%;line-height:130%;}
div.timer time{background:#FFF;color:#000;border-radius:12px;padding:5px auto;font-weight:bold;text-align:center;display:block;margin:20px auto;width:80%;}
footer{background:#E70A6B;text-align:center;color:#FFF;padding:6px 0px;}

section.pink{background:#E70A6B;color:#FFF;margin-top:100px;padding:30px 0px 0px;}
section.blue{background:#044AC2;color:#FFF;padding:0px 0px 100px;}
section.grad{background: rgb(4,74,194);
background: -moz-linear-gradient(top, rgba(4,74,194,1) 0%, rgba(4,74,194,1) 50%, rgba(0,190,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(4,74,194,1) 0%,rgba(4,74,194,1) 50%,rgba(0,190,255,1) 100%);
background: linear-gradient(to bottom, rgba(4,74,194,1) 0%,rgba(4,74,194,1) 50%,rgba(0,190,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044ac2', endColorstr='#00beff',GradientType=0 );}

section.cp1 p img,
section.cp3 p img,
section.blue h2 img,
section.blue div.cp2 p img,
section h2 img{display:block;width:100%;height:auto;margin:0px auto;max-width:960px;height:auto;}

section.cp1{height:800px;background:url(./img/cp1bg.jpg) center top no-repeat;background-size:cover;}
section.cp1 h2{width:96%;max-width:960px;padding:50px 0px 0px;margin:0px auto;}
section.cp1 p{position:absolute;bottom:0px;width:100%;max-width:100%;background:rgba(0,0,0,0.5);padding:10px 0px;}

section.blue h2{padding:50px 0px;width:96%;max-width:960px;margin:0px auto;}
section.blue div.cp2{height:800px;background:url(./img/cp2bg.jpg) center top no-repeat;background-size:cover;position:relative;}
section.blue div.cp2 p{position:absolute;bottom:0px;width:100%;max-width:100%;background:rgba(4,74,94,0.5);padding:10px 0px;}

section.cp3{height:800px;background:url(./img/cp3bg.jpg) center 50px no-repeat;background-size:cover;margin-bottom:30px;}
section.cp3 h2{padding:20px 0px;}
section.cp3 p{position:absolute;bottom:0px;width:100%;max-width:100%;background:rgba(255,255,255,0.5);padding:10px 0px;}

section.bg2{padding:20px 0px;}
section.bg2 h2{}
.col6 {width:96%;max-width:960px;margin:20px auto;}
.col6 > img{float:left;width:40%;margin:0px auto;display:block;height:auto;}
.col6 > div{float:right;width:59%;}
.col6 > div > p{background:#FFF;padding:20px;font-size:90%;}
.col6 > div > img{width:100%;max-width:475px;font-size:90%;}

.col4 {width:96%;max-width:960px;margin:20px auto;}
.col4 > img{float:right;width:40%;margin:0px auto;display:block;height:auto;}
.col4 > div{float:left;width:59%;}
.col4 > div > p{background:#FFF;padding:20px;}
.col4 > div > img{width:100%;max-width:475px;}

#fc{width:92%;max-width:960px;margin:2rem auto 4rem;}
#fc h3{font-size:1.3em;font-weight:bold;border-bottom:1px solid #000;padding-bottom:0.5rem;}
#fc ul{}
#fc ul li{padding-left:1.4rem;margin-top:1rem;position:relative;}
#fc ul li:before{width:10px;height:10px;border-radius:50%;border:1px solid #000;position:absolute;left:4px;top:10px;content:"";}


/* タブレット横 */
@media screen and (max-width: 959px) {
section.cp1{height:600px;}
section.blue div.cp2{height:500px;}
section.cp3{height:600px;}
}
/* タブレット縦 */
@media screen and (max-width: 768px) {

section.cp1{height:480px;}
section.cp1 h2{padding-top:25px;}
section.blue{padding-bottom:40px;}
section.blue div.cp2{height:400px;}
section.cp3{height:500px;}
section .col2 > p{width:90%;float:none;padding:20px 0px;margin:0px auto;font-size:90%;}
section .col2 > p > img{width:80%;}
section.pink{margin-top:30px;}
.col6 > img{float:none;width:70%;margin:0px auto;}
.col6 > div{float:none;width:90%;margin:0px auto;}
.col4 > img{float:none;width:70%;margin:0px auto;}
.col4 > div{float:none;width:90%;margin:0px auto;}

div.timer p{font-size:200%;padding:0px 20px;}
}

/* スマホ縦 */
@media screen and (max-width: 480px) {
.caption{width:96%;max-width:640px;margin:10px auto 20px;font-size:90%;}
div.timer h3{font-size:150%;}
div.timer p{font-size:100%;padding:0px 20px;}
section.cp1{height:300px;}
section.blue div.cp2{height:240px;}
section.cp3{height:320px;}
}