@charset "euc-jp";
/*
------------------------------------------------------------------------------------------ 
BusinessRalliart inc.
------------------------------------------------------------------------------------------ 
*/


/* スマホ用　*/
.center_column_720 {
	line-height: 1.6;
}
.center_column_720 img {
	width: 100%;
	height: auto;
}

/*-----------------------------------------------------
	speical_index
----------------------------------------------------**/
#speical_index .copyTxt {
	font-size: 14px;
	padding: 10px;
}
#speical_index .pageMenu {
	width: 730px;
	margin: 0 -5px;
	overflow: hidden;
}
#speical_index .pageMenu li {
	float: left;
	width: 365px;
}
#speical_index .pageMenu li img {
	vertical-align: text-bottom;
}
#speical_index .pageMenu02 {
}
#speical_index .pageMenu02 li {
	padding: 0 0 10px 0;
}
#speical_index .pageMenu02 li img {
	vertical-align: text-bottom;
}
/*-----------------------------------------------------
	planBoxA
----------------------------------------------------**/
#speical_index .planBoxA {
	margin: 10px 0 30px;
}
#speical_index .planBoxA h3.plan01 {
	background: url(../image/icn_plan01.jpg) no-repeat left top;
	background-size: 40px auto;
	padding: 0 0 0 50px;
	color: #204388;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px 0;
}
#speical_index .planBoxA .planMainArea {
	padding: 0 0 5px 0;
}
#speical_index .planBoxA .planMainArea .planImg {
	margin: 0 0 10px;
}
#speical_index .planBoxA .planMainArea .planOutline {
	overflow: hidden;
	_zoom: 1;
	font-size: 13px;
}
#speical_index .planBoxA .planMainArea .planOutline p {
	margin: 10px 0;
}
#speical_index .planBoxA .planMainArea .planOutline .recommendPoint {
	background: url(../image/bg_recommend_point.gif) no-repeat left top;
	height: 200px;
	width: 272px;
	font-size: 15px;
	padding: 55px 23px 0 23px;
	margin: 10px auto;
}
/*-- plunSubArea -----------------------------------------**/
#speical_index .planBoxA .planThumb {
}
#speical_index .planBoxA .planThumb li {
	font-size: 13px;
	margin: 0 0 20px;
}
#speical_index .planBoxA .planUserVoice {
	background: #f9f8f8 url(../image/bg_user_voice_sp.jpg) no-repeat scroll center 10px / 110px auto;
	border-bottom: 3px solid #fe9a9a;
    border-top: 3px solid #fe9a9a;
    clear: both;
    font-size: 13px;
    margin: 0 0 20px;
    padding: 80px 10px 10px;
}
/*-- planShopInfo -----------------------------------------**/
#speical_index .planBoxA .planShopInfo {
	background: url(../image/bg_plan01_shop.jpg) no-repeat left top / 100% auto;
	padding: 62.8% 0 0;
}
#speical_index .planBoxA .planShopInfo dt {
	font-size: 24px;
	font-weight: bold;
}
#speical_index .planBoxA .planShopInfo dd {
	font-size: 13px;
	margin-left: 0;
}
#speical_index .planBoxA .detailBtn {
	padding: 10px 0 0 0;
}
#speical_index .planBoxA .detailBtn img {
	padding: 0 10px 0 0;
	width: 50%;
}
/*-----------------------------------------------------
	planBoxB
----------------------------------------------------**/
#speical_index .planBoxB {
	margin: 10px 0;
	background: url(../image/hr.gif) repeat-x left bottom;
	padding: 0 0 15px 0;
	margin: 15px 0;
}
#speical_index .planBoxB .planImg {
	margin: 0 0 10px;
}
#speical_index .planBoxB .planOutline {
	overflow: hidden;
	_zoom: 1;
	font-size: 12px;
}
#speical_index .planBoxB .planShopInfo {
	background: url(../image/bg_shop.gif) repeat;
	padding: 10px;
	margin: 10px 0 0 0;
}
#speical_index .planBoxB .planShopInfo p span {
	font-size: 18px;
	font-weight: bold;
}
#speical_index .planBoxB .planShopInfo dt {
	float: left;
}
#speical_index .planBoxB .planShopInfo dd {
	overflow: hidden;
	_zoom: 1;
}
#speical_index .planBoxB .detailBtn {
	padding: 8px 0 0 0;
}
#speical_index .planBoxB .detailBtn img {
	padding: 0 10px 0 0;
	width: 50%;
}
/*-----------------------------------------------------
	planBoxC
----------------------------------------------------**/
#speical_index .planBoxC {
	margin: 10px 0;
	background: url(../image/hr.gif) repeat-x left bottom;
	padding: 0 0 15px 0;
	margin: 15px 0;
	clear: both;
}
#speical_index .planBoxC .planList {
}
#speical_index .planBoxC .planList li {
    font-size: 13px;
    margin: 0 0 20px;
    padding: 0 5px;
	padding: 20px 5px 0;
	border-top: 1px dashed #ccc;
}
#speical_index .planBoxC .planList li:first-child {
	border-top: none;
	padding: 0 5px;
}
#speical_index .planBoxC .shopCopy {
	padding: 0 0 5px 0;
}
#speical_index .planBoxC .planShopInfo {
	background: url(../image/bg_shop_info.gif) no-repeat left top;
	background-size: 100% auto;
	padding: 15px 0 0 0;
}
#speical_index .planBoxC .planShopInfo .shopName dt {
	font-size: 12px;
	float: left;
	padding: 0 5px 0 0;
}
#speical_index .planBoxC .planShopInfo .shopName dd {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1;
	overflow: hidden;
	_zoom: 1;
	margin-left: 0;
}
#speical_index .planBoxC .planShopInfo .shopData dt {
	float: left;
}
#speical_index .planBoxC .planShopInfo .shopData dd {
	overflow: hidden;
	_zoom: 1;
}
#speical_index .planBoxC .detailBtn {
	padding: 8px 0 0 0;
}
#speical_index .planBoxC .detailBtn img {
	padding: 0 3px 0 0;
	width: 50%;
}
/*-----------------------------------------------------
	title
----------------------------------------------------**/
#speical_index .planBoxA h4.planTtl01 {
	background: url(../image/ttl_plan01.gif) no-repeat 176px top;
	padding: 15px 0 0 0;
	font-size: 18px;
	color: #e86700;
	line-height: 1.1;
}
#speical_index .planBoxA h4.planTtl01 span.family {
	color: #0071bc;
}
#speical_index .planBoxA h4.planTtl01 span.plus {
	color: #ff7bac;
}
#speical_index .planBoxB h4 {
	font-weight: bold;
	color: #e86700;
	font-size: 22px;
	line-height: 1.1;
}
#speical_index .planBoxB h4.planTtl02 {
	background: url(../image/ttl_plan02.gif) no-repeat 70px center / 35px auto;
	padding: 20px 0 0 0;
	height: 47px;
}
#speical_index .planBoxB h4.planTtl03 {
	background: url(../image/ttl_plan03.gif) no-repeat 250px center / 35px auto;
	padding: 20px 0 0 0;
	height: 47px;
}
#speical_index .planBoxB h4.planTtl04 {
	font-size: 20px;
	background: url(../image/ttl_plan04.gif) no-repeat right center / 35px auto;
	height: 51px;
}
#speical_index .planBoxB h4.planTtl05 {
	background: url(../image/ttl_plan05.gif) no-repeat 134px center / 35px auto;
	padding: 20px 0 0 0;
	height: 47px;
}
#speical_index .planBoxB h4.planTtl06 {
	background: url(../image/ttl_plan06.gif) no-repeat 204px center / 35px auto;
	padding: 20px 0 0 0;
	height: 47px;
}
#speical_index .planBoxB h4.planTtl07 {
	background: url(../image/ttl_plan07.gif) no-repeat 224px center / 35px auto;
	padding: 20px 0 0 0;
	height: 47px;
}
#speical_index .planBoxB h4.planTtl08 {
	background: url(../image/ttl_plan08.gif) no-repeat 204px center / 35px auto;
	padding: 20px 0 0 0;
	height: 47px;
}
#speical_index .planBoxB h4.planTtl09 {
	background: url(../image/ttl_plan09.gif) no-repeat 138px center / 35px auto;
	padding: 20px 0 0 0;
	height: 47px;
}
#speical_index .planBoxB h4.planTtl10 {
	background: url(../image/ttl_plan10.gif) no-repeat 208px center / 35px auto;
	padding: 20px 0 0 0;
	height: 47px;
}

/*--  -----------------------------------------**/
#speical_index .planBoxB h3,
#speical_index .planBoxC h3 {
	padding: 0 0 0 50px;
	color: #204388;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 5px 0;
}
#speical_index h3.plan02 {
	background: url(../image/icn_plan02.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan03 {
	background: url(../image/icn_plan03.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan04 {
	background: url(../image/icn_plan04.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan05 {
	background: url(../image/icn_plan05.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan06 {
	background: url(../image/icn_plan06.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan07 {
	background: url(../image/icn_plan07.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan08 {
	background: url(../image/icn_plan08.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan09 {
	background: url(../image/icn_plan09.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan10 {
	background: url(../image/icn_plan10.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan11 {
	background: url(../image/icn_plan11.jpg) no-repeat left top / 40px auto;
}
#speical_index h3.plan12 {
	background: url(../image/icn_plan12.jpg) no-repeat left top / 40px auto;
}
/*-----------------------------------------------------
	special_edition
----------------------------------------------------**/
#special_edition {
}
#special_edition h4 {
	background-color: #F7931E;
}

#special_edition h4::before {
    color: #fff;
    content: "その他のおすすめ特集";
    display: block;
    padding: 3px;
}

#special_edition h4 img {
    display: none;
}
#special_edition ul {
	display: block;
	background-color: #FFF6D2;
	padding: 10px 0;
}
#special_edition ul li {
	display: inline;
	float: left;
	width: 50%;
	padding: 5px 13px 5px 14px;
	font-size: 83%;
}
#special_edition ul li a img {
	display: block;
	margin-bottom: 5px;
}
#special_edition ul li.line {
	border-right: 1px solid #F7931E;
	min-height: 150px;
}
#special_edition ul li ul li {
	display: list-item;
	margin: 0 0 0 1.5em;
	padding: 0;
	list-style-type: disc;
	float: none;
	width: 135px;
	font-size: 85%;
}
#special_edition ul li span.title {
	font-weight: bold;
}


/* Tablet */
@media (min-width: 768px) {
	.center_column_720 img { width: auto; }
	
	/*-----------------------------------------------------
		speical_index
	----------------------------------------------------**/
	#speical_index .copyTxt {
		padding: 15px 35px;
	}
	
	#speical_index .pageMenu02 {
		width: 727px;
		margin: 0 -3px 20px;
		overflow: hidden;
		clear: both;
	}
	
	/*-----------------------------------------------------
		planBoxA
	----------------------------------------------------**/
	#speical_index .planBoxA {
		margin: 10px 0;
	}
	
	#speical_index .planBoxA h3.plan01 {
		background: url(../image/icn_plan01.jpg) no-repeat left center;
		background-size: auto;
		padding: 10px 0 10px 90px;
		font-size: 22px;
	}
	#speical_index .planBoxA .planMainArea .planImg {
		float: left;
		margin: 0 15px 0 0;
	}
	#speical_index .planBoxA .planMainArea .planOutline .recommendPoint { margin: 10px 0; }
	
	/*-- plunSubArea -----------------------------------------**/
	#speical_index .planBoxA .planThumb {
		width: 741px;
		margin: 0 -18px 10px 0;
		overflow: hidden;
	}
	#speical_index .planBoxA .planThumb li {
		width: 229px;
		float: left;
		font-size: 13px;
		margin: 0 18px 0 0;
	}
	#speical_index .planBoxA .planUserVoice {
		background: url(../image/bg_user_voice.jpg) no-repeat left top / auto;
		height: 145px;
		padding: 30px 50px 0 250px;
		margin: 0 0 20px 0;
		clear: both;
		font-size: 13px;
		border: none;
	}
	/*-- planShopInfo -----------------------------------------**/
	#speical_index .planBoxA .planShopInfo {
		background-size: auto;
		height: 445px;
		padding: 252px 0 0 20px;
	}
	#speical_index .planBoxA .detailBtn img { width: auto; }
	
	/*-----------------------------------------------------
		planBoxB
	----------------------------------------------------**/
	#speical_index .planBoxB .planImg {
		float: left;
		margin: 0 15px 0 0;
		padding: 5px 0 0 0;
	}
	#speical_index .planBoxB .detailBtn img {
		width: auto;
	}
	
	/*-----------------------------------------------------
		planBoxC
	----------------------------------------------------**/
	#speical_index .planBoxC .planList {
		width: 741px;
		margin: 0 -18px 10px 0;
		overflow: hidden;
	}
	#speical_index .planBoxC .planList li,
	#speical_index .planBoxC .planList li:first-child {
		width: 229px;
		float: left;
		font-size: 13px;
		padding: 0;
		margin: 0 18px 0 0;
		border-top: none;
	}
	#speical_index .planBoxC .planShopInfo {
		background-size: auto;
	}
	#speical_index .planBoxC .planShopInfo .shopName dd {
		font-size: 18px;
	}
	#speical_index .planBoxC .detailBtn img {
		padding: 0 10px 0 0;
		height: auto;
		width: auto;
	}
	
	
	/*-----------------------------------------------------
		title
	----------------------------------------------------**/
	#speical_index .planBoxA h4.planTtl01 {
		background: url(../image/ttl_plan01.gif) no-repeat 210px top;
		padding: 15px 0 0 0;
		font-size: 28px;
		color: #e86700;
		line-height: 1.1;
	}
	
	#speical_index .planBoxB h4 {
		font-size: 24px;
		line-height: 1.1;
	}
	#speical_index .planBoxB h4.planTtl02 {
		background: url(../image/ttl_plan02.gif) no-repeat 80px top / auto;
		padding: 20px 0 0 0;
		height: 47px;
	}
	#speical_index .planBoxB h4.planTtl03 {
		background: url(../image/ttl_plan03.gif) no-repeat 280px top / auto;
		padding: 20px 0 0 0;
		height: 47px;
	}
	#speical_index .planBoxB h4.planTtl04 {
		font-size: 24px;
		background: url(../image/ttl_plan04.gif) no-repeat 320px top / auto;
		height: 51px;
	}
	#speical_index .planBoxB h4.planTtl05 {
		background: url(../image/ttl_plan05.gif) no-repeat 150px top / auto;
		padding: 20px 0 0 0;
		height: 47px;
	}
	#speical_index .planBoxB h4.planTtl06 {
		background: url(../image/ttl_plan06.gif) no-repeat 250px top / auto;
		padding: 20px 0 0 0;
		height: 47px;
	}
	#speical_index .planBoxB h4.planTtl07 {
		background: url(../image/ttl_plan07.gif) no-repeat 250px top / auto;
		padding: 20px 0 0 0;
		height: 47px;
	}
	#speical_index .planBoxB h4.planTtl08 {
		background: url(../image/ttl_plan08.gif) no-repeat 230px top / auto;
		padding: 20px 0 0 0;
		height: 47px;
	}
	#speical_index .planBoxB h4.planTtl09 {
		background: url(../image/ttl_plan09.gif) no-repeat 160px top / auto;
		padding: 20px 0 0 0;
		height: 47px;
	}
	#speical_index .planBoxB h4.planTtl10 {
		background: url(../image/ttl_plan10.gif) no-repeat 230px top / auto;
		padding: 20px 0 0 0;
		height: 47px;
	}

	/*--  -----------------------------------------**/
	#speical_index .planBoxB h3, #speical_index .planBoxC h3 {
		padding: 5px 0 5px 75px;
		font-size: 19px;
	}
	
	#speical_index h3.plan02,
	#speical_index h3.plan03,
	#speical_index h3.plan04,
	#speical_index h3.plan05,
	#speical_index h3.plan06,
	#speical_index h3.plan07,
	#speical_index h3.plan08,
	#speical_index h3.plan09,
	#speical_index h3.plan10,
	#speical_index h3.plan11,
	#speical_index h3.plan12 {
		background-size: auto;
		background-position: left center;
	}
	
	/*-----------------------------------------------------
		special_edition
	----------------------------------------------------**/
	#special_edition h4::before {
		display: none;
	}
	
	#special_edition h4 img {
		display: block;
	}
	#special_edition ul li {
		width: 25%;
	}

}

/* DeskTop */
@media (min-width: 1280px) {
}