@charset "utf-8";

html {font-size:62.5%;}

html,body {height:100%;}
body{
	background:#000!important;
	font-family: "MS PGothic", "Osaka", Arial, sans-serif;
}



h1 {display:none;}

.section-body a{
	color:#000;
	text-decoration:none;
}
a:hover img{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
transition: .5s;}

.Display_Block{display:block;}

/*===== SectionBox =====*/
.section-body{
    max-width: 1000px;
    width: 96%;
    height: auto;
    margin: 2% auto;
    padding:20px 0;
    background-color: #fff;
    box-shadow: 0 0 30px #fff;
    -webkit-box-shadow: 0 0 30px #fff;
    -moz-box-shadow: 0 0 30px #fff;
}
.section-body_01{
    background-image: url(../images/kekka01_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 60% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_02{
    background-image: url(../images/kekka02_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 68% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_03{
    background-image: url(../images/kekka03_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 56% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_04{
    background-image: url(../images/kekka04_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 100% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_05{
    background-image: url(../images/kekka05_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 60% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_06{
    background-image: url(../images/kekka06_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 60% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_07{
    background-image: url(../images/kekka07_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 88% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_08{
    background-image: url(../images/kekka08_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 79% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_09{
    background-image: url(../images/kekka09_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 43% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_10{
    background-image: url(../images/kekka10_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 100% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_11{
    background-image: url(../images/kekka11_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 67% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_12{
    background-image: url(../images/kekka12_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 60% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_13{
    background-image: url(../images/kekka13_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 100% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_14{
    background-image: url(../images/kekka14_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 48% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;
}
.section-body_15{
    background-image: url(../images/kekka15_bg.png),url(../images/bg.jpg);
    background-attachment: scroll,fixed;
    background-size: 45% auto, auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0,0% 0%;

}
.fadeIn{
  animation-name: fadeIn;
  animation-duration: 3s;
  animation-timing-function: ease;
  animation-fill-mode:backwards;
  animation-delay: 0.3s;
  }
 @keyframes fadeIn{
   0% {opacity: 0}
   100% {opacity: 1}
}

h2 {
    display: block;
    padding-left: 20px;
    width: 65%;
}

h2 img{
    width:100%;
    height:auto;
}


.description{
    width: 100%;
    background: -moz-linear-gradient(to right, rgba(80,71,107,0.9), rgba(80,71,107,0.9) 50%, rgba(80,71,107,0) 80%, rgba(80,71,107,0));
    background: -webkit-linear-gradient(to right, rgba(80,71,107,0.9), rgba(80,71,107,0.9) 50%, rgba(80,71,107,0) 80%, rgba(80,71,107,0));
    background: linear-gradient(to right, rgba(80,71,107,0.9), rgba(80,71,107,0.9) 50%, rgba(80,71,107,0) 80%, rgba(80,71,107,0));
}

.description .des_text{
    width: 70%;
    margin: 10px 0 80px 20px;
    font-size: 1.7em;
    padding: 30px 0;
    line-height: 2;
    color: #fff;
    text-shadow: 0 0 12px #000;
    -webkit-text-shadow: 0 0 12px #000;
    -moz-text-shadow: 0 0 12px #000;
}

.description .des_text .type{
    display: block;
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1.5;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.product{
    width: 95%;
    background: url(../images/product_bg.png);
    margin: 0 auto 30px;
    border: 2px solid #6c6c6c;
    padding: 10px 1%;
}

.product ul{
	overflow:hidden
}

.product ul li{
    float: left;
    list-style-type: none!important;
}

.product ul li img{
    width:100%;
    height:auto;
}

.product ul li:first-child{
    width: 35%;

}

.product ul li:nth-child(2){
    width: 60%;
}



.online,.more{
	text-align:center;
	margin-bottom:30px;
}

.online img,.more img{
    filter: brightness(100%);
transition:.3s ease-on-out;
-webkit-transition:.3s ease-on-out;
}

.online:hover img,.more:hover img{
	filter: brightness(150%);
	opacity:1!important;
}

.online img,.more img{
width:90%;
max-width:567px;
height:auto;
}


.k_middle{
	clear:both;
}

.k_middle .coment{
	width:90%;
	background:#000;
	margin: 15px auto;
}

.k_middle .coment .coment_box{
	padding: 5%;
	font-size:1.2em;
}

.twi{
	text-align:center;
	margin-bottom:30px;
}

.twi img{
width:90%;
max-width:468px;
height:auto;
}

#twitter-widget-0{
width:100%!important;
}


.text{
	text-align: center;
}

textarea {
    width: 90%;
    max-width: 600px;
    margin-top: 1%;
}

/*フッター*/
.footer_bnr img{
    text-align: center;
    padding: 2% 0;
    margin: 10px auto;
    display: block;
    width: 100%;
    max-width: 330px;}

.copy{
color:#fff;
text-align:center;
}

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

html{ font-size: calc(11px + 0.25vw) }
.section-body{
margin:auto;
}
main{
    width: 95%;
    margin: 2% auto;
	}

.pc{
    display:none;
}

.description .des_text{
    margin: 10px 0 30px 20px;
    font-size:1em;
}
.online, .more {
    text-align: center;
    margin-bottom: 20px;
}
}