@charset "UTF-8";

#contents {
	padding: 0 0 80px 0;
}

.mainimg #pnavi {
	width: 1080px;
	margin: 0 auto;
	position: relative;
}
.mainimg #pnavi ul {
	position: absolute;
	top: 14px;
	left: 0;
	padding: 0;
	width: inherit;
}

/* .mainimg */
.mainimg {
	width: 100%;
	min-width: 1100px;
	clear: both;
	margin-bottom: 15px;
	overflow: hidden;
	text-align: center;
}

.mainimg h2 {
	margin-top: 40px;
	text-align: center;
}

/* .itemBox */
.itemBox {
	width: 1100px;
	overflow: hidden;
	margin: 0 auto;
}

.itemBox .inner {
	width: 1112px !important;
	margin: 0 auto 68px !important;
}

.itemBox .inner .oneBox {
	width: 266px;
	float: left;
	font-size: 14px;
	margin: 0 12px 12px 0;
}

.itemBox .inner .oneBox .area {
	width: 266px;
	height: 40px;
	line-height: 40px;
	background: url(../img/nationwide/bg_box_head.png) no-repeat center top;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.itemBox .inner .oneBox .boxInner {
	position: relative;
	min-height: 384px;
	padding: 0 15px;
	background: url(../img/nationwide/bg_box_base.png) no-repeat center bottom;
}
.itemBox .inner .oneBox .boxInner .image {
	padding: 15px 0;
	text-align: center;
}
.itemBox .inner .oneBox .boxInner h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px 0;
}
.itemBox .inner .oneBox .boxInner .txt {
	margin: 0 0 15px 0;
}
.itemBox .inner .oneBox .boxInner dl {
	width: 236px;
	margin: 0 auto;
}
.itemBox .inner .oneBox .boxInner dl dt {
	float: left;
	width: 84px;
}
.itemBox .inner .oneBox .boxInner dl dt img {
	width: 84px;
	height: auto;
}
.itemBox .inner .oneBox .boxInner dl dd {
	height: 22px;
	line-height: 22px;
	padding: 0 0 8px 90px;
}

.itemBox .inner .oneBox .boxInner .icon {
	position: absolute;
	top: 0;
	left: 15px;
}
.itemBox .inner .oneBox .boxInner .icon span {
	display: none;
}
.itemBox .inner .oneBox.iconNew .boxInner div.icon span.new {
	display: block;
}
.itemBox .inner .oneBox.iconConvenience .boxInner div.icon span.convenience {
	display: block;
}
.itemBox .inner .oneBox.iconTime .boxInner div.icon span.time {
	display: block;
}
.itemBox .inner .oneBox.iconFinish .boxInner div.icon span.finish {
	display: block;
}

.btmTxt {
	text-align: center;
	margin: 0 0 30px 0;
}

/* .jumpBox */
.jumpBtnBox {
	clear: both;
	width: 100%;
	text-align: center;
}

.jumpBtnBox p {
	display: inline-block;
	padding: 0 20px;
}

/*バナーエリア*/

#bnr_contents{
	background:#fffce0;
	padding:50px 0 75px;
}

#bnr_contents .inner{
	width:1100px;
	margin:auto;
}

#bnr_contents .ttl_sideline{
	line-height:1;
	padding: 10px 0 10px 20px;
	border-left: 6px solid #fd933e;
	font-size:20px;
	margin:0 0 15px;
}

#bnr_contents .net_shop a{
	display:block;
	width:1000px;
	margin:0 auto 40px;
	padding:30px 60px;
	background:#fff;
	border:1px solid #e6dfb9;
	border-radius:7px;
	box-sizing:border-box;
}

#bnr_contents .net_shop a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#bnr_contents .net_shop .pic{
	float:left;
}

#bnr_contents .net_shop .txt_area{
	width:480px;
	float:right;
}

#bnr_contents .net_shop .txt_area .ttl{
	font-size:22px;
	line-height:1.4;
	font-weight:bold;
	color:#333;
	border-bottom:1px solid #d7dde3;
	padding:0 0 15px;
}

#bnr_contents .net_shop .txt_area .txt{
	font-size:16px;
	line-height:1.7;
	color:#333;
	padding:20px 0 14px;
}

#bnr_contents .net_shop .txt_area .txt span{
	display:block;
	font-size:12px;
	margin-top:3px;
}

#bnr_contents .online_shop{
	width:1000px;
	margin:auto;
}

#bnr_contents .online_shop ul li.lohaco{
	float:left;
}
	
#bnr_contents .online_shop ul li.amazon{
	float:right;
}

#bnr_contents .online_shop ul li span{
	display:block;
	line-height:1.6;
	margin:5px 0 0;
	font-size:13px;
}


/* sp
================================================================================================================== */
@media screen and (max-width: 640px) {

#contents {
	padding: 0 0 10% 0;
}

.mainimg #pnavi {
	display: none;
}

/* .mainimg */
.mainimg {
	padding: 0;
	width: 100%;
	min-width: inherit;
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}

.mainimg h2 {
	margin-top: 0;
	text-align: center;
}

/* .itemBox */
.itemBox {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.itemBox .inner {
	width: auto !important;
	margin: 0 !important;
	padding: 0 3.5%;
}

.itemBox .inner .oneBox {
	width: 48%;
	float: left;
	font-size: 10px;
	margin: 0 0 5% 0;
}

.itemBox .inner .oneBox:nth-child(even) {
	float: right;
}

.itemBox .inner .oneBox .area {
	width: 100%;
	background: url(../img/nationwide/bg_box_head.png) no-repeat center top;
	background-size: 100% auto;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	height: auto;
	line-height: 1;
	padding: 3% 0 2% 0;
}

.itemBox .inner .oneBox .boxInner {
	min-height: inherit;
	padding: 0 15px;
	background: url(../img/nationwide/bg_box_base_sp.png) no-repeat center bottom;
	background-size: 100% auto;
}
.itemBox .inner .oneBox .boxInner .image {
	padding: 0;
	text-align: center;
}
.itemBox .inner .oneBox .boxInner .image img {
	width: 100%;
	height: auto;
}
.itemBox .inner .oneBox .boxInner h3 {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	min-height: 50px;
}
.itemBox .inner .oneBox .boxInner .txt {
	min-height: 105px;
	margin: 0;
}
.itemBox .inner .oneBox .boxInner dl {
	width: 80%;
	margin: 0 auto;
}
.itemBox .inner .oneBox .boxInner dl dt {
	float: none;
	width: 80%;
	margin: 0 auto;
	padding: 0 0 3% 0;
}
.itemBox .inner .oneBox .boxInner dl dt img {
	width: 100%;
	height: auto;
}
.itemBox .inner .oneBox .boxInner dl dd {
	height: !important;
	line-height: 1.6;
	padding: 0 0 3% 0;
	text-align: center;
}

.itemBox .inner .oneBox .boxInner .icon {
	position: absolute;
	top: 0;
	left: 15px;
}
.itemBox .inner .oneBox .boxInner .icon span {
	width:75%;
}
.itemBox .inner .oneBox .boxInner .icon span img {
	width:100%;
	height: auto;
}


.btmTxt {
	text-align: center;
	margin: 0 0 5% 0;
}

/* .jumpBox */
.jumpBtnBox {
	clear: both;
	width: 100%;
	text-align: center;
}

.jumpBtnBox p {
	clear: both;
	width: 80%;
	margin: 0 auto;
}

.jumpBtnBox p + p {
	margin-top: 5%;
}

.jumpBtnBox p img {
	width: 100%;
	height: auto;
}

/*バナーエリア*/

#bnr_contents{
	background:#fffce0;
	padding:13% 0;
}

#bnr_contents .inner{
	width:93%;
	margin:auto;
}

#bnr_contents .ttl_sideline{
	line-height:1.6;
	padding: 5px 0 5px 15px;
	border-left: 4px solid #fd933e;
	margin:0 0 4.5%;
}

#bnr_contents .net_shop a{
	width:100%;
	margin:0 auto 14%;
	padding:9% 6%;
	text-decoration:none;
}

#bnr_contents .net_shop .pic{
	width:75%;
	margin:0 auto 9%;
	float:none;
}

#bnr_contents .net_shop .txt_area{
	width:auto;
	float:none;
}

#bnr_contents .net_shop .txt_area .ttl{
	font-size:20px;
	line-height:1.4;
	padding:0 0 3%;
}

#bnr_contents .net_shop .txt_area .txt{
	line-height:1.5;
	padding:4.5% 0 7%;
}

#bnr_contents .online_shop{
	width:100%;
}

#bnr_contents .online_shop ul li.lohaco{
	float:none;
	margin:0 0 7%;
}
	
#bnr_contents .online_shop ul li.amazon{
	float:none;
}

#bnr_contents .online_shop ul li span{
	margin:2% 0 0;
	font-size:11px;
}

}