@charset "UTF-8";



/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

body {
	min-width:960px;
}

@media screen and (max-width:768px){
	
body {
	min-width:100%;
}
}

#nasben_contents {
	font-size: 62.5%;
}
#nasben_contents{
	background-color: #ffffff;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-weight: 300;
}
#nasben_contents *{
	box-sizing: border-box;
}
#nasben_contents ul li{
	list-style: none;
}

@media screen and (max-width:768px){
	#nasben_contents{
		min-width: 100%;
	}
	#nasben_contents img{
		width: 100%;
	}
}

/* Modules
---------------------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
}
.clearfix{
	display:block;
}
#nasben_contents .onlySP{
	display: none;
}
@media screen and (max-width:768px){
	#nasben_contents .onlyPC { display: none;}
	#nasben_contents .onlySP { display: block;}
	#nasben_contents img.onlySP { display: inline-block;}
}



/* SP NAVI
---------------------------------------------------------- */



/* 基本設定 解除
	---------------------------------------------------------- */


.onlySP { display:none;}
.sp_footer {
	display:none;
}

#container {
    width: 960px!important;
}

#content.noNavi #topicPath {
	width:960px!important;
}

#content.noNavi {
	width:960px!important;
}

@media screen and (max-width:768px){
	
	
	#container {
    width: 100%!important;
}

#content.noNavi #topicPath {
	width:100%!important;
}

#content.noNavi {
	width:100%!important;
}
	
	
	.onlySP { display:block;}
	.onlyPC { display:none;}
	.voiceGuide { display:none;}
	#header { display:none;}
	#topicPath { display:none;}
	
	#container { width:100%; padding-bottom:25px;}
	div#content.noNavi { width:100%;!important}
	
	
	#footer {margin-top:0;}
	#footContents { display:none;}
	#footer .pageTop { width:100%; display:none;}
	#footContents .footLinks  { width:100%;}
	#footContents .footLinks .linkCol li { float:none;}
	
	#companyCol .inner{
		width: 100%;
		padding: 0 0 10px;
	}
	
	
	#companyCol .leftBlock{
		float: none;
		width: 100%;
	}
	
	#companyCol .rightBlock{
		float: none;
		width: 100%;
		padding-top: 7px;
		text-align: center;
	}
	
	#companyCol .leftBlock ul{
		display: flex;
		flex-flow: row wrap;
		justify-content:center;
		align-items:stretch;

		/*--- IE10 逕ｨ ---*/
		display:-ms-flexbox;
		-ms-flex-flow:row wrap;
		-ms-flex-pack:center;
		-ms-flex-align:stretch;

		/*--- Android繝悶Λ繧ｦ繧ｶ逕ｨ ---*/
		display:-webkit-box;
		-webkit-box-direction:row;
		-webkit-box-pack:center;
		-webkit-box-align:stretch;

		/*--- safari��PC�臥畑 ---*/
		display:-webkit-flex;
		-webkit-flow:row wrap;
		-webkit-justify-content:center;
		-webkit-align-items:stretch;
		
		flex-wrap:5;
		
		background: url(../img/common/bg_line02.png) repeat-x center 40%;
	}
	
	#companyCol .leftBlock ul li{
		float: none;
		width: 20%;
		text-align: center;
		box-sizing: border-box;
		margin: 0 0 10px 0;
		padding: 0 8px;
		border-right: solid 1px #4d4d4f;
		font-size: 72%;
		line-height: 1;
		white-space: nowrap;
	}
	
	#companyCol .leftBlock ul li:nth-child(1),
	#companyCol .leftBlock ul li:nth-child(2){
		width: 18%;
	}
	
	#companyCol .leftBlock ul li:nth-child(4),
	#companyCol .leftBlock ul li:nth-child(5){
		width: 22%;
	}
	
	#companyCol .leftBlock ul li:nth-child(6),
	#companyCol .leftBlock ul li:nth-child(7){
		margin: 18px 0 13px 0;
		width: auto;
		
	}
	
	
}


	/* 共通レイアウト
	---------------------------------------------------------- */


@media screen and (min-width:641px){	


	
	#sp_header_menu {padding:0 5%; background:#ffffff;}
	#sp_header_menu div { text-align:center; border-bottom:1px solid #005aaa; padding-bottom:20px;}
	#sp_header_menu div a { color:#005aaa; font-weight:600; font-size:14px;}
	
	#sp_header_menu ul {
		width:100%;
	}
	
	

	#sp_header_menu ul li {
		display:inline-block;
		width:40%;
		padding:0 0 0 25px;
		margin-top:20px;
		text-align:left;
		background:url(../img/sp/common/sp_navi_icon.png) no-repeat left center;
		background-size:15px 14px;
	}
	#sp_header_menu ul li a{
		color:#005aaa;
		font-size:14px;
		font-weight:600;
	}
	
}


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


	
	#sp_header_menu {padding:0 5%; background:#ffffff;}
	#sp_header_menu div { text-align:center; border-bottom:1px solid #005aaa; padding-bottom:20px;}
	#sp_header_menu div a { color:#005aaa; font-weight:600; font-size:14px;}
	
	#sp_header_menu ul li {
		display:block;
		width:100%;
		padding:0 0 0 25px;
		margin-top:20px;
		text-align:left;
		background:url(../img/sp/common/sp_navi_icon.png) no-repeat left center;
		background-size:15px 14px;
	}
	#sp_header_menu ul li a{
		color:#005aaa;
		font-size:14px;
		font-weight:600;
	}
	
	
	
	
	
	
		
	
	.sp_footer {display:block;}
	.sp_footer .pageTop {
		text-align:right;
		padding:0 3% 1px 0;
	}
	
	.sp_footer ul {
		width:100%;
		background:#005aaa;
		overflow:hidden;
	}
	
	.sp_footer ul li {
		width:50%;
		float:left;
		background:#005aaa;
		padding:15px 0;
		border-bottom:1px solid #1467b1;
		box-sizing: border-box;

	}
	
	.sp_footer ul li a {
		display:block;
		color:#ffffff;
	}
	
	.sp_footer ul li:nth-child(1) { border-right:1px solid #1467b1;}
	.sp_footer ul li:nth-child(2) {}
	.sp_footer ul li:nth-child(3) { border-right:1px solid #1467b1;}
	.sp_footer ul li:nth-child(4) {}
	
	
	.sp_footer ul li:nth-child(5) {
		width:100%;
		border:none;
	}
	
	
	
	a:hover {
		text-decoration:none;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}
	
}




/* recipe_common
---------------------------------------------------------*/



.go_nasbentop {
	font-size:20px;
	font-weight:600;
	padding:38px 0 67px;
	text-align:center;
}

.go_nasbentop a {
	color:#492a17;
	background:url(../img/common/go_toppage.png) no-repeat left center;
	padding:10px 0 10px 44px;
}

.go_nasbentop a:hover {
	text-decoration:none;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
	
@media screen and (max-width:768px){
	
	.go_nasbentop {
	font-size:20px;
	font-weight:600;
	padding:25px 0 45px;
	text-align:center;
}

.go_nasbentop a {
	color:#492a17;
	background:url(../img/sp/common/go_toppage.png) no-repeat left center;
	background-size:26px;
	padding:5px 0 5px 32px;
}

.go_nasbentop a:hover {
	text-decoration:none;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
	
}


/* common
---------------------------------------------------------*/
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}