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

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

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

.fadeIn{
	-webkit-animation: fade 1s;
	animation-name: fade 1s;
}

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

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

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

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

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

.fair{
	background:rgba(0,9,65,0.75);
	border-left:4px solid #b5822f;
	border-right:4px solid #b5822f;
	box-shadow:0 0 12px #000;
	-webkit-box-shadow:0 0 12px #000;
	-moz-box-shadow:0 0 12px #000;
	margin: 0 0 50px;
}

.fair:before,
.fair:after {
content:"";
display:block;
height:4px;
width:100%;
background: -moz-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: -webkit-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: linear-gradient(to right,  #b5822f, #f7fabe, #b5822f);
}

.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;
	background:rgba(0,9,65,0.75);
}

.wide:before,
.wide:after {
content:"";
display:block;
height:4px;
width:100%;
background: -moz-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: -webkit-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: linear-gradient(to right,  #b5822f, #f7fabe, #b5822f);
}

.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;
}

.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;
	-webkit-text-shadow:0 0 12px #000;
	-moz-text-shadow:0 0 12px #000;
	margin-bottom:30px;
}
.wide div.contents div.text div.dl{
	text-align:center;
}

.wide div.contents div.text div.dl img{
	width:100%;
	height:auto;
	max-width:767px;
}

.wide div.contents div.text div.dl .dl_bt a img{
	max-width:309px;
	filter: brightness(100%);
	-moz-transition:1s ease;
	-webkit-transition:1s ease;
	-o-transition:1s ease;
	-ms-transition:1s ease;	
}

.wide div.contents div.text div.dl .dl_bt a:hover img{
	filter: brightness(150%);
}

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


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

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

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

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

.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 h3{
	display:block;
	text-align:center;
	margin-bottom:30px;
}

.tokuten .contents{
	background:rgba(0,9,65,0.75);
	border-left:4px solid #b5822f;
	border-right:4px solid #b5822f;
	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;
}

.tokuten .contents:before,
.tokuten .contents:after {
content:"";
display:block;
height:4px;
width:100%;
background: -moz-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: -webkit-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: linear-gradient(to right,  #b5822f, #f7fabe, #b5822f);
}

.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_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 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 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;
}

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_sp_01.jpg);
	background-position:center top;
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	
}

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

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

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

.fair{
	background:rgba(0,9,65,0.75);
	border-left:4px solid #b5822f;
	border-right:4px solid #b5822f;
	box-shadow:0 0 12px #000;
	-webkit-box-shadow:0 0 12px #000;
	-moz-box-shadow:0 0 12px #000;
}

.fair:before,
.fair:after {
content:"";
display:block;
height:4px;
width:100%;
background: -moz-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: -webkit-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: linear-gradient(to right,  #b5822f, #f7fabe, #b5822f);
}

.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;
	color: #c8c8c8;
	
}

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

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

.wide:before,
.wide:after {
content:"";
display:block;
height:4px;
width:100%;
background: -moz-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: -webkit-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: linear-gradient(to right,  #b5822f, #f7fabe, #b5822f);
}

.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.sp{
	-webkit-text-shadow:0 0 12px #000;
	-moz-text-shadow:0 0 12px #000;
	text-shadow:0 0 12px #000;
}


.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:79%;
	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;
}

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

.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);
	border-left:4px solid #b5822f;
	border-right:4px solid #b5822f;
	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 .contents:before,
.tokuten .contents:after {
content:"";
display:block;
height:4px;
width:100%;
background: -moz-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: -webkit-linear-gradient(to right, #b5822f, #f7fabe, #b5822f);
background: linear-gradient(to right,  #b5822f, #f7fabe, #b5822f);
}

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


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



.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 5px;
}

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

ul.bunner{
	overflow:hidden;
	width:100%;
	margin:30px auto;
}

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;
}

div.tag{
	text-align:center;
}

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



@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;
}

}