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

body{
	font-size:16px;
	margin:0;
	padding:0;
	color:#fff;
	line-height:1.5;
	background:url(../image/bg_02.png),url(../image/bg_pc_02.jpg);
	background-position:center top;
	background-attachment:fixed,fixed;
	background-size: auto,cover;
	background-repeat:repeat,no-repeat;
	
}

.at{
text-align:center;
background:#121c3d;
font-size:0.8em;
    color: #969696;
    line-height: 2em;
}

.at a{
color: #969696;
}

.fadeIn{
	-webkit-animation: fade 1s;
	animation-name: fade 1s;
	width: 100%;
	overflow-x: hidden;
}

@-webkit-keyframes fade {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fade {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

ul li{
	list-style-type:none!Important;
}

.container{
	width:1080px;
	margin:0 auto;
}

.relative{
	position:relative;
}

h1.mv{
	margin-bottom:50px;
	position:relative;
	-webkit-animation: noise-3 1s linear infinite;
	animation: noise-3 1s linear infinite;
}

h1.mv img{
	width:100%;
	height:auto;
}

h1.mv img{
	width:100%;
	height:auto;
}

.fair{
	background:rgba(0,9,65,0.75);
	box-shadow:0 0 12px #000;
	-webkit-box-shadow:0 0 12px #000;
	-moz-box-shadow:0 0 12px #000;
	-webkit-animation: noise-3 1s linear infinite;
animation: noise-3 1s linear infinite;
}

.fair:before{
	content: '';
  position: absolute;
  width:100%;
  height:800px;
  background:url(../image/bg.png);
  top: 20%;
  bottom: 0;
  left: 0;
  right: 35%;
  opacity: 0;
   -webkit-animation: noise-2 .2s linear infinite;
          animation: noise-2 .2s linear infinite;
}

.fair:after{
	content: '';
  position: absolute;
  width:100%;
  height:500px;
  background:url(../image/bg.png);
  top: 0;
  bottom: 20%;
  left: 0;
  right: 35%;
  opacity: 0;
  -webkit-animation: noise-1 .2s linear infinite;
          animation: noise-1 .2s linear infinite;
}

.fair div.contents{
	padding:30px;
}

.fair div.contents h2{
	display:block;
	text-align:center;
}

.fair div.contents p{
	padding:30px;
	font-size:1.1em;
}

.fair div.contents .fair_img{
	text-align:center;
	margin-bottom:30px;
}

.fair div.contents dl{
	overflow:hidden;
}

.fair div.contents dl dt{
	display:block;
	width:10%;
	float:left;
	margin-bottom:1em;
	
}

.fair div.contents dl dd{
	display:block;
	width:88%;
	float:left;
	margin-left:2%;
	margin-bottom:1em;
}

.wide{
	width:100%;
	margin:50px 0;
	padding:30px;
	background:rgba(0,9,65,0.75);
}

.wide:before{
	content: '';
  position: absolute;
  width:100%;
  height:100%;
  background:url(../image/bg.png);
  top: 0;
  bottom: 0;
  left: 0;
  right: 35%;
  opacity: 0;
   -webkit-animation: noise-2 .2s linear infinite;
  animation: noise-2 .2s linear infinite;
}

.wide div.contents{
	width:1080px;
	padding: 0;
	margin:50px auto;
	text-align:center;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	-webkit-animation: noise-3 1s linear infinite;
    animation: noise-3 1s linear infinite;
}

.wide div.contents h2{
	text-align:center;
	display:block;
	margin-bottom:30px;
}

.wide div.contents div.text{
	font-size:1.5em;
	text-shadow:0 0 12px #000;
	margin-bottom:30px;
}
.wide div.contents div.text div.red{
	color:#bc000b;
	width:300px;
	margin:0 auto 1em;
}

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



.info .product{
	margin-bottom:50px;
	
}

.info .product h2{
	display:block;
	text-align:center;
	-webkit-animation: noise-3 1s linear infinite;
	animation: noise-3 1s linear infinite;
}

.info .product ul {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
}

.info .product ul li{
	float:left;
	width:48%;
	margin:1%;
	max-width:495px;
	-webkit-animation: noise-3 1s linear infinite;
	animation: noise-3 1s linear infinite;
}

.info .product .kanren_bottom li{
	float:none;
	margin:0 auto;
}

.info .product ul li div.topbox {
    width: 81%;
    background: rgba(0,9,65,0.75);
    padding: 1em 10%;
    margin-bottom: 0.5em;
}

.info .product ul li div.topbox div.img{
	text-align:center;
}

.info .product ul li div.topbox div.img a:hover img{
	opacity:0.5;
}

.info .product ul li div.topbox p.tit {
    height: 3em;
}

.info .product ul li div.topbox p.tit a{
	text-decoration:none!Important;
	color:#fff;
}

.info .product ul li div.topbox p.tit a:hover{
	text-decoration:underline!Important;
}

.info .product ul li div.topbox div.text{
	text-align:left;
}

.info .product ul li div.bt_01 a img{
	filter: brightness(100%);
	-moz-transition:1s ease;
	-webkit-transition:1s ease;
	-o-transition:1s ease;
	-ms-transition:1s ease;
}

.info .product ul li div.bt_01 a:hover img{
	filter: brightness(50%);
}

.info .product ul li div.bt_02 a img{
	filter: brightness(100%);
	-moz-transition:1s ease;
	-webkit-transition:1s ease;
	-o-transition:1s ease;
	-ms-transition:1s ease;
}

.info .product ul li div.bt_02 a:hover img{
	filter: brightness(50%);
}

.tokuten{
	
}



.tokuten:before{
	content: '';
  position: absolute;
  width:100%;
  height:100%;
  background:url(../image/bg.png);
  top: 0;
  bottom: 0;
  left: 0;
  right: 35%;
  opacity: 0;
   -webkit-animation: noise-2 .2s linear infinite;
  animation: noise-2 .2s linear infinite;
}


.tokuten h3{
	display:block;
	text-align:center;
	margin-bottom:30px;
}

.tokuten .contents{
	background:rgba(0,9,65,0.75);
	box-shadow:0 0 12px #000;
	-webkit-box-shadow:0 0 12px #000;
	-moz-box-shadow:0 0 12px #000;
	margin:30px 0;
	padding:0;
	-webkit-animation: noise-3 1s linear infinite;
	animation: noise-3 1s linear infinite;
}



.tokuten ul{
	padding:2em;
}


.tokuten ul li{
	overflow:hidden;
	margin-bottom:2em;
}



.tokuten ul li div.text{
	width:65%;
	float:left;	
	margin-left:5%;
}

.tokuten ul li div.text div.bt_02 a img{
	filter: brightness(100%);
	-moz-transition:1s ease;
	-webkit-transition:1s ease;
	-o-transition:1s ease;
	-ms-transition:1s ease;
}

.tokuten ul li div.text div.bt_02 a:hover img{
	filter: brightness(50%);
}

.tokuten ul li div.text_02 {
    padding-top: 50px;
}

.tokuten ul li div.text .logo{
}

.tokuten ul li div.text .tit{
	display:block;
	border-bottom:1px solid #fff;
}

.tokuten ul li div.text h4{
	font-size: 3em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-shadow:0 0 12px #000;
	-webkit-margin-before: 0!Important;
    -webkit-margin-after: 0!Important;
}

.tokuten ul li div.img{
	width:30%;
	float:left;	
}

.tokuten ul li div.img img{
	width:99%;
	height:auto;	
	border:1px solid #fff;
}
ul.bunner{
	overflow:hidden;
	width:70%;
	margin:30px auto;
}

ul.bunner li{
	display:block;
	width:50%;
	text-align:center;
	float:left;
}

ul.switch{
	overflow:hidden;
	width:90%;
	margin:30px auto;
}


ul.switch li{
	display:block;
	width:25%;
	text-align:center;
	float:left;
}

ul.switch li a img{
	filter: brightness(100%);
	-moz-transition:.5s ease;
	-webkit-transition:.5s ease;
	-o-transition:.5s ease;
	-ms-transition:.5s ease;
}

ul.switch li a:hover img{
	filter: brightness(150%);
}

footer .copy{
	font-size:0.8em;
	text-align:center;
	display:block;
}

.moza_01,.moza_02,.moza_03,.moza_04,.moza_05,.moza_06,.moza_07,.moza_08,.moza_09{
	position:absolute;
}



.moza_01,.moza_02,.moza_03,.moza_04,.moza_05,.moza_06,.moza_07,.moza_08,.moza_09{
	position:absolute;
}

.moza_01{
	bottom:-100px;
	left:-30px;
}

.moza_01:before,
.moza_02:before,
.moza_03:before,
.moza_04:before,
.moza_05:before,
.moza_06:before,
.moza_07:before,
.moza_08:before,
.moza_09:before{
	content: '';
  position: absolute;
  width:100%;
  height:500px;
  background:url(../image/moza.png);
  top: 0;
  bottom: 20%;
  left: 0;
  right: 35%;
  opacity: 0;
  -webkit-animation: noise-1 .2s linear infinite;
          animation: noise-1 .2s linear infinite;
}

.moza_01:after,
.moza_02:after,
.moza_03:after,
.moza_04:after,
.moza_05:after,
.moza_06:after,
.moza_07:after,
.moza_08:after,
.moza_09:after{
	content: '';
  position: absolute;
  width:100%;
  height:500px;
  background:url(../image/moza.png);
  top: 20%;
  bottom: 0;
  left: 0;
  right: 35%;
  opacity: 0;
   -webkit-animation: noise-2 .2s linear infinite;
          animation: noise-2 .2s linear infinite;
}

.moza_02{
	bottom: -30px;
    right: -300px;
}



.moza_03{
	top:-100px;
	left:-30px;
}

.moza_04{
	bottom: 350px;
    right: -350px;
}

.moza_05{
	top:-100px;
	left:-300px;
}

.moza_06{
	top:500px;
	right:-200px;
}

.moza_07{
	bottom: 150px;
	left:-300px;
}

.moza_08{
	bottom: 150px;
	right:-300px;
}

.moza_09{
	bottom: 600px;
    left: -30%;
}


@-webkit-keyframes noise-1 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: -6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: 2px;}
}

@keyframes noise-1 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: -6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: 2px;}
}

@-webkit-keyframes noise-2 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: 6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: -2px;}
}

@keyframes noise-2 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: 6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: -2px;}
}

@-webkit-keyframes noise {
  0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}  
  4.3% {opacity: 1; -webkit-transform: scaleY(1.7); transform: scaleY(1.7);}
  43% {opacity: 1; -webkit-transform: scaleX(1.5); transform: scaleX(1.5);}
}

@keyframes noise {
  0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}  
  4.3% {opacity: 1; -webkit-transform: scaleY(1.7); transform: scaleY(1.7);}
  43% {opacity: 1; -webkit-transform: scaleX(1.5); transform: scaleX(1.5);}
}

@-webkit-keyframes noise-3 {
  0%,3%,5%,42%,44%,100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}
  4.3% {opacity: 1; -webkit-transform: scaleY(4); transform: scaleY(4);}
  43% {opacity: 1; -webkit-transform: scaleX(10) rotate(60deg); transform: scaleX(10) rotate(60deg);}
}

@keyframes noise-3 {
  0%,3%,5%,42%,44%,100% {opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1);}
  4.3% {opacity: 1; -webkit-transform: scaleY(4); transform: scaleY(4);}
  43% {opacity: 1; -webkit-transform: scaleX(10) rotate(60deg); transform: scaleX(10) rotate(60deg);}
}

div.tag{
	text-align:center;
}

div.tag a img{
	filter: brightness(100%);
	-moz-transition:.5s ease;
	-webkit-transition:.5s ease;
	-o-transition:.5s ease;
	-ms-transition:.5s ease;
}

div.tag a:hover img{
	filter: brightness(150%);
}

/*====================================================

　■PC

====================================================*/
@media only screen and (min-width: 641px) {
	
.sp{
	display:none;
}

div.contents div.text .sp{
	margin-left:2em;
	display:block;
	float:left;
}

.wide div.contents h2.sp {
    display:none!important;
}

}
	

/*====================================================

　■スマートフォン

====================================================*/
@media only screen and (max-width: 640px) {
	
.pc{
	display:none;
}
	
body{
	font-size: calc(11px + 0.25vw);
	margin:0;
	padding:0;
	color:#fff;
	line-height:1.5;
	background:url(../image/bg_02.png),url(../image/bg_sp_02.jpg);
	background-position:center top;
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	overflow-x: hidden;
	width:100%;
	
}

.container{
	width:95%;
	margin:0 auto;
}

h1.mv{
	margin-bottom:30px;
}

h1.mv img{
	width:100%;
	height:auto;
}

.fair div.contents{
	padding:1em 2%;
	width:96%;
}

.fair div.contents h2{
	display:block;
	text-align:center;
}

.fair div.contents h2 img{
	width:50%;
	height:auto;
	max-width:382px;
}

.fair div.contents p{
	padding:1em 0;
	font-size:1.1em;
}

.fair div.contents .fair_img{
	text-align:center;
	margin-bottom:30px;
}

.fair div.contents .fair_img img{
	width:100%;
	height:auto;
}

.fair div.contents dl{
	overflow:auto;
}

.fair div.contents dl dt{
	display:block;
	width:100%;
	float:none;
	margin-bottom:1em;
	border-bottom:1px solid;
	
}

.fair div.contents dl dd{
	display:block;
	width:100%;
	float:none;
	margin-left:0%;
	margin-bottom:2em;
}

.wide{
	width:100%;
	margin:50px 0;
	background:rgba(0,9,65,0.75);
	padding: 30px 0;
}

.wide div.contents{
	width:90%;
	padding: 0;
	margin:30px auto;
	text-align:left;
}

.wide div.contents h2{
	font-size:1.5em;
	margin-bottom:30px;
}

.wide div.contents h2 img{
	width:100%;
	height:auto;
	display:none;
}

.wide div.contents div.text{
	font-size:1.3em;
	text-shadow:0 0 12px #000;
	margin-bottom:30px;
}
.wide div.contents div.text div.red{
	color:red;
	width:300px;
	margin:0 auto 1em;
}

#twitter-widget-0{
	width:100%!important;
}
.k_middle .coment{
	width:90%;
	margin: 15px auto;
}

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

.info .product{
	margin-bottom:20px;
}

.info .product h2{
	display:block;
	text-align:center;
	
}

.info .product h2 img{
	width:70%;
	height:auto;
	max-width:595px;
}

.info .product .kanren img {
    width: 40%;
    height: auto;
    max-width: 300px;
}

.info .product ul{
	overflow:hidden;
	width:100%;
}
.info .product ul li{
	float:left;
	width:48%;
	margin:1%;
	max-width:495px;
}

.info .product ul li div.topbox{
	width:80%;
	background:rgba(0,9,65,0.75);
	padding:1em 10%;
	margin-bottom: 0.2em;
	min-height:150px;
}

.info .product ul li div.topbox div.img{
	text-align:center;
}

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

.info .product ul li div.topbox p.tit{
	font-size:0.8em;
	height: 3em;
}

.info .product ul li div.topbox p.text{
	font-size:0.8em;
}

.info .product ul li div.bt_01 a img{
	width:100%;
	height:auto;
	max-width:488px;
}


.info .product ul li div.bt_02 a img{
	width:100%;
	height:auto;
	max-width:488px;
}


.tokuten{
	
}

.tokuten h3{
	display:block;
	text-align:center;
	margin-bottom:0;
}

.tokuten h3 img{
	width:100%;
	height:auto;
	max-width:800px;
}

.tokuten .contents{
	background:rgba(0,9,65,0.75);
	box-shadow:0 0 12px #000;
	-webkit-box-shadow:0 0 12px #000;
	-moz-box-shadow:0 0 12px #000;
	margin: 0 0 30px;
	padding:0;
}

.tokuten ul{
padding: 1em 5%;
}


.tokuten ul li{
	overflow:hidden;
	margin-bottom:2em;
}

.tokuten ul li div.bt_02 a img{
	width:100%;
	height:auto;
}



.tokuten ul li div.text{
	width:100%;
	float:none;	
	margin-left:0;
	margin-bottom: 10px;
}

.tokuten ul li div.text_02 {
    padding-top: 0;
}

.tokuten ul li div.text .logo{
	margin-bottom: 20px;
}
.tokuten ul li div.text .logo img{
	width:40%;
	height:auto;
	max-width:300px;
}

.tokuten ul li div.text .tit{
	display:block;
	border-bottom:1px solid #fff;
}

.tokuten ul li div.text h4{
	font-size:1.5em;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-shadow:0 0 12px #000;
	margin-bottom: 10px;
}

.tokuten ul li div.img{
	width:100%;
	float:none;	
	max-width:250px;
	text-align:center;
	margin: 0 auto 20px;
}

ul.bunner{
	overflow:hidden;
	width:100%;
	margin:30px auto;
	display: block;
    text-align: center;
    max-width: 300px;
}

ul.bunner li{
	display:block;
	width:100%;
	text-align:center;
	float:none;
}

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

ul.switch{
	overflow:hidden;
	width:70%;
	margin:30px auto;
}


ul.switch li{
	display:block;
	width:100%;
	text-align:center;
	float:left;
	text-align:center;
}

ul.switch li img{
	width:100%;
	height:auto;
	max-width:233px;
}

footer .copy{
	font-size:0.8em;
	text-align:center;
	display:block;
}

.moza_01,.moza_02,.moza_03,.moza_04,.moza_05,.moza_06,.moza_07,.moza_08,.moza_09{
	
}

.moza_01 img,
.moza_02 img,
.moza_03 img,
.moza_04 img,
.moza_05 img,
.moza_06 img,
.moza_07 img,
.moza_08 img,
.moza_09 img{
	width:80%;
	height:auto;
}


.moza_01:before,
.moza_02:before,
.moza_03:before,
.moza_04:before,
.moza_05:before,
.moza_06:before,
.moza_07:before,
.moza_08:before,
.moza_09:before{
	content: '';
  position: absolute;
  width:80%;
  height:300px;
  background:url(../image/moza.png);
  background-size:contain;
  background-repeat:no-repeat;
  top: 0;
  bottom: 20%;
  left: 0;
  right: 35%;
  opacity: 0;
  -webkit-animation: noise-1 .2s linear infinite;
          animation: noise-1 .2s linear infinite;
}

.moza_01:after,
.moza_02:after,
.moza_03:after,
.moza_04:after,
.moza_05:after,
.moza_06:after,
.moza_07:after,
.moza_08:after,
.moza_09:after{
	content: '';
  position: absolute;
  width:80%;
  height:500px;
  background:url(../image/moza.png);
  background-size:contain;
  background-repeat:no-repeat;
  top: 20%;
  bottom: 0;
  left: 0;
  right: 35%;
  opacity: 0;
   -webkit-animation: noise-2 .2s linear infinite;
          animation: noise-2 .2s linear infinite;
}

.moza_01{
	bottom:-100px;
	left:0;
}


.moza_02{
	bottom: 150px;
    right: 0;
    text-align: right;
}



.moza_03{
	top:-100px;
	left:0;
	
}

.moza_04{
	bottom: 300px;
    right: 0;
    text-align: right;
	display: none;
}

.moza_05{
	top: 0;
    left: -100px;
}

.moza_06{
	top: 600px;
    right: 0;
	display: none;
}

.moza_07{
	bottom: 300px;
    left: 0;
	display: none;
}

.moza_08{
	bottom: -320px;
    right: 0;
    text-align: right;
	display: none;
}

.moza_09{
	bottom: 600px;
    left: 0;
	    display: none;
}

div.tag{
	text-align:center;
}

div.tag a img{
	width:100%;
	height:auto;
}

#header_link_wrapper2 {
    margin: 0 auto!important;
}	
	
	
}

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

.info .product ul li div.topbox p.text {
    height: 4em;
}

.info .product ul li div.topbox p.tit {
    height: 4.5em;
}

}