@charset "utf-8";
/*
-----------------------------------------------------------------------
base
-----------------------------------------------------------------------
*/
body{
	margin:0;
	font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
}
#main_header *,
#main_footer *{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	color:#555;
	-webkit-text-size-adjust: none;
}
#main_footer a:hover{
	text-decoration:underline;
}
@media screen and (max-width:768px) {
	body.page_responsive #main_footer a:hover{
		text-decoration:none;
	}
}
/*
-----------------------------------------------------------------------
common
-----------------------------------------------------------------------
*/
/* ---------- op ---------- */
body.page_responsive .op:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.a_block{
	cursor:pointer;
}
@media screen and (max-width:768px) {
	body.page_responsive .op:hover{
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
	}
}
/* ---------- img ---------- */
@media screen and (max-width:480px) {
	body.page_responsive img.w100{
		width:100%;
		height:auto;
	}
}
/* ---------- pc_none ---------- */
.pc_none{
	display:none;
}

@media screen and (max-width:768px) {
	body.page_responsive .pc_none{
		display:block;
	}
	body.page_responsive .sp_none{
		display:none;
	}
}
@media screen and (max-width:480px) {
	body.page_responsive .sp_none2{
		display:none;
	}
}


/*
-----------------------------------------------------------------------
header
-----------------------------------------------------------------------
*/
#main_header{
	padding-bottom:0;
}
@media screen and (min-width:769px) {
	body.page_responsive #main_header{

	}
}

/* 通常 */
/*#main_header{
	width:100%;
	position:fixed;
	z-index:999;
	top:0;
	background:#fff;
}*/
/* 通常 */
/* 160107 */
#main_header{
	width:100%;
	position:fixed;
	z-index:999;
	top:0;
	background:url(/images/common/header/strawverry-bg.jpg) repeat-x;
	padding:0 0 10px 0;
}
/* 160107 */

@media screen and (max-width:480px) {
/* 160107 */
#main_header{
	top:0;
	background:url(/images/common/header/strawverry-bg.jpg) repeat-x;
	background-size:15px auto;
}
}
@media screen and (max-width:414px) {
/* 160107 */
#main_header{
	top:0;
	background:url(/images/common/header/strawverry-bg.jpg) repeat-x;
	background-size:13px auto;
}
}
@media screen and (max-width:320px) {
/* 160107 */
#main_header{
	top:0;
	background:url(/images/common/header/strawverry-bg.jpg) repeat-x;
	background-size:11px auto;
}
}

#main_header .main_header_inner{
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	padding-left:60px;
	padding-right:60px;
}
body.page_responsive #main_header .main_header_inner{
	width:auto;
	max-width:1080px;
}
@media screen and (max-width:1200px) {
	body.page_responsive #main_header{
		width:100%;
	}
	body.page_responsive #main_header .main_header_inner{
		width:90.32%;
		margin-left:auto;
		margin-right:auto;
		padding-left:0;
		padding-right:0;
	}
}
@media screen and (max-width:1080px) {
	body.page_responsive #main_header{
		width:100%;
	}
	body.page_responsive #main_header .main_header_inner{
		width:92.7%;
		margin-left:auto;
		margin-right:auto;
		padding-left:0;
		padding-right:0;
	}
}
#main_header .main_header_inner{
	overflow:hidden;
	
}
#main_header .main_header_inner h1{
	width:135px;
	float:left;
	padding-top:10px;
	text-align:left;
}
body.page_responsive #main_header .main_header_inner h1{
	width:20%;
}
#main_header .main_header_inner .h_nav{
	width:915px;
	float:right;
	overflow:hidden;
}
body.page_responsive #main_header .main_header_inner .h_nav{
	width:79%;
}
#main_header .main_header_inner .gnav{
	width:225px;
	float:left;
}
#main_header .main_header_inner .gnav{
	max-width:515px;
	width:68%;
}
body.page_responsive #main_header .main_header_inner .gnav ul{
	width:100%;
	overflow:hidden;
}
#main_header .main_header_inner .gnav ul li{
	float:left;
}
	#main_header .main_header_inner .gnav ul li{
		font-size:130%;
	}
@media screen and (min-width:769px) {
	body.page_responsive #main_header .main_header_inner .snav .snav_lang p{
		padding-top:3px;
	}
}
/* 通常 */
/*#main_header .main_header_inner .gnav ul li#gnav01{	width:17%;}
#main_header .main_header_inner .gnav ul li#gnav04{	width:17%;}
#main_header .main_header_inner .gnav ul li#gnav02{	width:29%;}
#main_header .main_header_inner .gnav ul li#gnav03{	width:17%;}
#main_header .main_header_inner .gnav ul li#gnav05{	width:19%;}*/

/*#main_header .main_header_inner .gnav ul li#gnav01{	width:17%;}
#main_header .main_header_inner .gnav ul li#gnav04{	width:17%;}
#main_header .main_header_inner .gnav ul li#gnav02{	width:24.5%;}
#main_header .main_header_inner .gnav ul li#gnav03{	width:17%;}
#main_header .main_header_inner .gnav ul li#gnav05{	width:24.5%;}*/

/*#main_header .main_header_inner .gnav ul li#gnav01{width:94px;}
#main_header .main_header_inner .gnav ul li#gnav02{width:136px;}
#main_header .main_header_inner .gnav ul li#gnav03{width:97px;}
#main_header .main_header_inner .gnav ul li#gnav04{width:99px;}
#main_header .main_header_inner .gnav ul li#gnav05{width:105px;}*/
/*#main_header .main_header_inner .gnav ul li#gnav01 a{background-image:url(../images/common/header/gnav01.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav02 a{background-image:url(../images/common/header/gnav02.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav03 a{background-image:url(../images/common/header/gnav03.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav04 a{background-image:url(../images/common/header/gnav04.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav05 a{background-image:url(../images/common/header/gnav05.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li a{
	display:block;
	padding-top:20px;
	height:50px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:center;
	color:#555;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
transition: all 0s ease;
}

#main_header .main_header_inner .gnav ul li a span{
}
#main_header .main_header_inner .gnav ul li#gnav01 a:hover{background-image:url(../images/common/header/gnav01_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav02 a:hover{background-image:url(../images/common/header/gnav02_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav03 a:hover{background-image:url(../images/common/header/gnav03_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav04 a:hover{background-image:url(../images/common/header/gnav04_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav05 a:hover{background-image:url(../images/common/header/gnav05_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li a:hover{
	background-position:center bottom;
}*/
/* 通常 */

/* 160107 */
#main_header .main_header_inner .gnav ul li#gnav01{	width:17%;}
#main_header .main_header_inner .gnav ul li#gnav04{	width:17%;}
#main_header .main_header_inner .gnav ul li#gnav02{	width:24.5%;}
#main_header .main_header_inner .gnav ul li#gnav03{	width:17%;}
#main_header .main_header_inner .gnav ul li#gnav05{	width:24.5%;}

#main_header .main_header_inner .gnav ul li#gnav01 a{background-image:url(../images/common/header/gnav01-s.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav02 a{background-image:url(../images/common/header/gnav02-s.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav03 a{background-image:url(../images/common/header/gnav03-s.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav04 a{background-image:url(../images/common/header/gnav04-s.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav05 a{background-image:url(../images/common/header/gnav05-s.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li a{
	display:block;
	padding-top:20px;
	height:50px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:center;
	color:#555;
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
transition: all 0s ease;
}

#main_header .main_header_inner .gnav ul li a span{
}
#main_header .main_header_inner .gnav ul li#gnav01 a:hover{background-image:url(../images/common/header/gnav01-s_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav02 a:hover{background-image:url(../images/common/header/gnav02-s_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav03 a:hover{background-image:url(../images/common/header/gnav03-s_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav04 a:hover{background-image:url(../images/common/header/gnav04-s_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li#gnav05 a:hover{background-image:url(../images/common/header/gnav05-s_on.png);background-size:auto 26px;}
#main_header .main_header_inner .gnav ul li a:hover{
	background-position:center bottom;
}
/* 160107 */

#main_header .main_header_inner .snav{
	width:30%;
	float:right;
	overflow:hidden;
}
#main_header .main_header_inner .snav .snav_lang{
	width:40%;
	float:left;
	padding-top:30px;
	padding-let:33px;
}
#main_header .main_header_inner .snav .snav_lang p{
	font-size: 100%;
}
#main_header .main_header_inner .snav .snav_lang p a{
	padding-left:20px;
	background:url(../images/common/header/h_arrow.jpg) no-repeat 0 50%;
	padding-bottom:2px;
}
#main_header .main_header_inner .snav #serachArea_box{
	width:58%;
	float:right;
}

/* 通常 */
/*#main_header .main_header_inner .snav #serachArea_box #serachArea{
	margin-top:28px;
	overflow:hidden;
	border:1px solid #CEA92D;
	border-radius:5px;
	background:#CEA92D;
}
#main_header .main_header_inner .snav #serachArea_box #serachArea #serachArea_input{
	display:block;
	width:78%;
	font-size: 130%;
	padding-left:4%;
	height:24px;
	float:left;
	border-right:1px solid #CEA92D;
	background:#fff;
}
#main_header .main_header_inner .snav #serachArea_box #serachArea #serachArea_Btn{
	display:block;
	height:24px;
	width:16%;
	height:auto;
	float:left;
	background:url(../images/common/header/search_btn.png) no-repeat 50% 3px #CEA92D;
	background-size: auto 85%;
	border-radius:0 5px 5px 0;
	display:block;
	padding-top:5px;
	text-indent:-9999px;
}*/
/* 通常 */

/* 160107 */
#main_header .main_header_inner .snav #serachArea_box #serachArea{
	margin-top:28px;
	overflow:hidden;
	border:1px solid #f2809d;
	border-radius:5px;
	background:#f2809d;
}
#main_header .main_header_inner .snav #serachArea_box #serachArea #serachArea_input{
	display:block;
	width:78%;
	font-size: 130%;
	padding-left:4%;
	height:24px;
	float:left;
	border-right:1px solid #f2809d;
	background:#fffaeb;
}
#main_header .main_header_inner .snav #serachArea_box #serachArea #serachArea_Btn{
	display:block;
	height:24px;
	width:16%;
	height:auto;
	float:left;
	background:url(../images/common/header/search_btn.png) no-repeat 50% 3px #f2809d;
	background-size: auto 85%;
	border-radius:0 5px 5px 0;
	display:block;
	padding-top:5px;
	text-indent:-9999px;
}
/* 160107 */

@media screen and (max-width:768px) {
	/* 通常 */
	/*body.page_responsive #main_header{
		border-bottom:1px solid #e6e6e6;
	}*/
	/* 通常 */
	
	/* 160107 */
	body.page_responsive #main_header{
		/*border-bottom:1px solid #e6e6e6;*/
	}
	/* 160107 */
	
	body.page_responsive #main_header .main_header_inner{
		width:auto;
		padding-left:0;
		padding-right:0;
	}
	body.page_responsive #main_header .main_header_inner{

	}
	body.page_responsive #main_header .main_header_inner h1{
		max-width:175px;
		width:30%;
		padding-top:14px;
	}
	body.page_responsive #main_header .main_header_inner h1 img{
		margin-left:20px;
	}
	body.page_responsive #main_header .main_header_inner .h_nav{
		width:70%;
		overflow:hidden;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .snav{
		width:70%;
		float:left;
		/*overflow:hidden;*/
		text-align:right;
		padding-top:15px;
		padding-right:4%;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .snav p{
		font-size:130%;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .snav .snav_lang{
		/*width:50%;
		float:left;*/
		display:inline;
	}
	body.page_responsive #main_header .main_header_inner .snav .snav_lang p a{
		padding-left:12px;
		background-size:10px auto;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .snav .snav_lang p a span{

	}
	body.page_responsive #main_header .main_header_inner .h_nav .snav #serachArea_box{
		/*
		width:45%;
		float:left;*/
		padding-top: 10px;
		display:inline;
	}
	/* 通常 */
	/*body.page_responsive #main_header .main_header_inner .h_nav .snav #serachArea_box #serachAreaSp a{
		padding-left:20px;
		background:url(../images/sp/common/header/search_btn.png) no-repeat 0 50%;
		background-size:auto 100%;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav{
		width:26%;
		max-width:70px;
		float:right;
		background:#E6D496;
	}*/
	/* 通常 */
	
	/* 160107 */
	body.page_responsive #main_header .main_header_inner .h_nav .snav #serachArea_box #serachAreaSp a{
		padding-left:20px;
		background:url(../images/sp/common/header/search_btn-s.png) no-repeat 0 50%;
		background-size:auto 100%;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav{
		width:26%;
		max-width:70px;
		float:right;
	}
	/* 160107 */
	
	body.page_responsive #main_header .main_header_inner .h_nav .gnav #gnav_btn{
/*		background:url(../images/sp/common/header/gnav_bg01.jpg) no-repeat center 50px #E6D496;
		background-size:30%;
		padding:10px 10px 0;
		height:60px;*/

	}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav #gnav_btn.bg2{
/*		background-image:url(../images/sp/common/header/gnav_bg02.jpg);
*/	}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav #gnav_btn #gnav_btn_inner{

	}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav #gnav_btn #gnav_btn_inner img{
		/*width:55%;*/
	}
	
	/* 通常 */
	/*body.page_responsive #main_header .main_header_inner .h_nav .gnav ul{
		position:fixed;
		width:100%;
		top:76px;
		left:0px;
		background:#FFFAE3;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li{
		font-size:150%;
		}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav01,
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav02,
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav03,
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav04,
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav05{
		float:none;
		width:100%;
	}
	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav01 a{background-image:url(../images/sp/common/header/gnav01.png);background-position:28px 50%;}
	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav02 a{background-image:url(../images/sp/common/header/gnav02.png);background-position:26px 50%;}
	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav03 a{background-image:url(../images/sp/common/header/gnav03.png);}
	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav04 a{background-image:url(../images/sp/common/header/gnav04.png);}
	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav05 a{background-image:url(../images/sp/common/header/gnav05.png);}
	body.page_responsive #main_header .main_header_inner .gnav ul li a{
		font-size:90%;
		display:block;
		padding-top:0;
		border-bottom:1px solid #EADCAB;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:25px 50%;
		background-size:auto 50%;
		text-align:left;
		padding-left:60px;
		padding-right:28px;
	}*/
	/* 通常 */
	
	/* 160107 */
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul{
		position:fixed;
		width:100%;
		top:76px;
		left:0px;
		background:#fffaeb;
		margin-top:-1.8%;
		z-index:998;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li{
		font-size:150%;
		}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav01,
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav02,
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav03,
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav04,
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul li#gnav05{
		float:none;
		width:100%;
	}

	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav01 a{background-image:url(../images/sp/common/header/gnav01-s.png);background-position:28px 50%;}
	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav02 a{background-image:url(../images/sp/common/header/gnav02-s.png);background-position:26px 50%;}
	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav03 a{background-image:url(../images/sp/common/header/gnav03-s.png);}
	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav04 a{background-image:url(../images/sp/common/header/gnav04-s.png);}
	body.page_responsive #main_header .main_header_inner .gnav ul li#gnav05 a{background-image:url(../images/sp/common/header/gnav05-s.png);}
	body.page_responsive #main_header .main_header_inner .gnav ul li a{
		font-size:90%;
		display:block;
		padding-top:0;
		border-bottom:1px solid #f7b2c4;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:25px 50%;
		background-size:auto 50%;
		text-align:left;
		padding-left:60px;
		padding-right:28px;
	}
	/* 160107 */
	body.page_responsive #main_header .main_header_inner .gnav ul li a span{
		display:block;
		line-height:54px;
		height:54px;
		/*background:url(../images/sp/common/header/gnav_bg.jpg) no-repeat right 50%;*/
		/*background:url(../images/sp/common/footer/f_arrow.png) no-repeat right 50%;
		background-size:12px;*/
		background:url(../images/mark/arrow2-black.png) no-repeat right 50%;
		background-size:8px 14px;
	}
}
@media screen and (max-width:436px) {
	/* 高さ70% */
	body.page_responsive #main_header .main_header_inner h1{
		padding-top: 8px;
		width: 30%;
	}
	body.page_responsive #main_header .main_header_inner h1 img {
		margin-left: 15px;
	}
	body.page_responsive #main_header .main_header_inner .h_nav {
		width: 58%;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .gnav{
		width: 21.5%;
	}
	#main_header .main_header_inner .snav .snav_lang{
		width: 30%;
	}
	/* 高さ70%end */
	
	body.page_responsive #main_header .main_header_inner .h_nav .snav{
		padding-top:0;
	}
	body.page_responsive #main_header .main_header_inner .gnav ul li a{
		background-position:22px 50%;
		padding-left:60px;
		padding-right:20px;
	}
	body.page_responsive #main_header .main_header_inner .h_nav .snav #serachArea_box{
		padding-top:15px;
	}
	
	body.page_responsive #main_header .main_header_inner .h_nav .gnav ul{
		margin-top:-3.3%;
		z-index:998;
	}
}