@charset "utf-8";



/*全体設定
*****************************/

ul, menu, dir{
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
*, p, img, span, div, article, section, li{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
*, *:after, *:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}
.clearfix:before, .clearfix:after{
    display: table;
    content: '';
}
.clearfix:after{
    clear: both;
}
body{
    font-weight: 400;
    font-size: 12px;
    font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    background-color: #fff;
}
a{
    outline: none;
    color: #004098;
    text-decoration: none;
}
a:hover, a:focus{
    color: #69606b;
}
.container, .header-box{
    height: 100%;
    font-size: 12px;
}


#wrap{
    margin: 0 auto 5%;
	background-color: transparent;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.content{
    margin: 0 auto 0;
}
.section{
    width: 100%;
    min-height: 150px;
    margin: 0 auto 0;
    -moz-box-shadow: 0px 1px 3px #E3EBF6;
    -moz-border-radius: 3px;
    position: relative;
}



/*メインタイトル
*****************************/

#mainVisual{
    width: 100%;
    text-align: center;
    background-color: #ccc;
    background-color: #C3EBF5;
    color: #333;
    font-size: 30px;
    font-weight: bold;
    padding: 0;
    overflow: hidden;
    position: relative;
}
#mainVisual img{
    width: 100%;
    display: block;
}
#mainVisual .dept {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 110px;
	height: 30px;
	background: transparent url(../../img/bg_dpt.png) 0 0 no-repeat;
	background-size: 110px auto;
}
#mainVisual .dept span {
	display: flex;
	width: 72px;
	height: 24px;
	padding: 0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	align-items: center;
	justify-content: center;
}

/*ナビ
*****************************/
#navigationWrap {
	padding-bottom: 4%;
	background-color: #013d97;
}
#navigationWrap h3 {
	padding: 4% 0;
	color: #fff;
	font-size: 140%;
	text-align: center;
}
.navi-box {
	width: 92%;
	margin: 0 4% 0 4%;
	border-radius: 6px;
	background-color: #fff;
	padding: 3px;
}
.navi-box li {
	width: 50%;
	margin: 0;
	border: none;
	border-radius: 0px;
	border-bottom: dotted 1px #ccc;
	text-align: left;
	float: left;
}
.navi-box li:last-child {
	border-bottom: none;
}
.navi-box li:nth-child(odd) {
	border-right: dotted 1px #ccc;
}
.navi-box li a {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10% 7%;
	    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	background: url(../img/icon_next02.png) center right 4% no-repeat;
	background-size: 4%;
	line-height: 1.1;
}

/*パンクズ
*****************************/
#breadcrumbArea a {
	text-decoration: underline;
	display: inline-block;
	line-height: 2.5em;
}
#breadcrumbArea .breadcrumbList {
	padding: .3em 5px;
	background-color: #FFF;
	white-space: nowrap;
	overflow: auto;
}
#breadcrumbArea .breadcrumbList > li {
	display: inline-block;
}
#breadcrumbArea .breadcrumbList > li+li:before {
	content: "＞";
	margin: 0 .3em;
}
/*商品BOX
*****************************/

.content_box {
	padding-top: 8%;
	/*background: #fff url(../img/bg2.gif);*/
}
.overseas--wrap {
	width: 100%;
	margin-bottom: 10%;
	overflow: hidden;
}
.item-wrap {
	padding: 10px 0 0 10px;
	overflow-x: auto;
}
.overseas--wrap h2{
	margin: 0 3% 2%;
	padding: 2% 0 2% 2%;
	background-color: #E4007F;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
}
.overseas--wrap .note {
	padding: 0 20px;
}
.item-json-wrap {
	display: flex;
	flex-wrap: nowrap;
}
.item-json-wrap.item_6 {
	width: 270%;
}
.item-json-wrap.item_7 {
	width: 315%;
}
.item-json-wrap.item_9 {
	width: 405%;
}
.item-json-wrap.item_12 {
	width: 540%;
}

.item-box-inner:last-child {
	margin: 0 10px 0 0;
}
.item-json-wrap .item-box-inner {
	width: 44%;
	margin: .5%;
	border: solid 1px #222;
	background-color: #fff;
	box-sizing: border-box;
}
.item-json-wrap .item-box-inner:empty {
	display: none;
}
.item-json-wrap .item-box-inner a {
	display: block;
	text-decoration: none;
	padding-bottom: 7px;
}
.item-json-wrap .item-box-inner.brandT1 a {
	display: flex;
	flex-flow: row wrap;
}
.item-box-subttl,
.item-json-wrap .item-box-subttl { display: none; }
.item-json-wrap .item_subttl {
	width: 100%;
	order: 1;
}
.item-box-subttl,
.item-json-wrap .brandT1 .item-box-subttl {
	margin-bottom: 10px;
	padding: 10px 5px;
	border-bottom: dotted 2px #ccc;
	color: #000;
	font-size: 13px;
	line-height: 1.3em;
	font-weight: bold;
	display: block;
	width: 100%
}
.item-json-wrap .item_text {
	min-height: auto;
	margin-bottom: 10px;
	padding: 0 5px;
	color: #222;
	font-size: 12px;
	line-height: 1.4;
	order: 3;
}
.item-json-wrap .item-box-pic{
	width: 100%;
	overflow: hidden;
	height:100%;
	order: 2;
}
.item-json-wrap .item-box-pic img{
	width: 100%;
	display: block;
}
.item-json-wrap .item-box-price {
	margin: 0 0 7px 0;
	padding: 0 10px;
	color: #f1442c;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-align: right;
	order: 4;
	width: 100%
}
.item-json-wrap .item-box-dep {
	margin-bottom: 7px;
	padding: 0 5px;
	color: #666666;
	font-size: 10px;
	line-height: 1;
	text-align: right;
	order: 5;
	width: 100%
}
.item-json-wrap .item-box-fuel {
	margin-bottom: 7px;
	color: #F1442C;
	font-size: 10px;
	line-height: 1;
	text-align: right;
	order: 6;
	width: 100%
}
.item-json-wrap .item_icon {
	position: absolute;
}
.item-json-wrap .item_icon li {
	display: inline-block;
	margin: 8px 0 0 4px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.item-json-wrap .item_icon_online {
	padding: 4px 6px;
	border-radius: 2px;
	background-color: #FF5722;
}
.item-json-wrap .item_icon_web {
	padding: 4px 6px;
	border-radius: 2px;
	background-color: #1F9FAD;
}
.item-json-wrap .item_icon_imp {
	padding: 4px 6px;
	border-radius: 2px;
	background-color: #723F8D;
}
.item-json-wrap .item_icon_online:empty {
	display: none;
}
.item-json-wrap .item_icon_web:empty {
	display: none;
}
.item-json-wrap .item-box-hotel {
	/*padding: 7px 7px 20px 30px;
	background-image: url(../img/icon/icon_hotel01.png);
	background-repeat: no-repeat;
	background-position: left 7px top 5px;
	background-size: 18px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	color: #666;*/
	display: none;
}
.item-json-wrap li:not(.imp_notes) .item-box-note.show {
	display: none;
}
.item-json-wrap .imp_notes .item-box-note.show {
	order: 7;
	width: 100%
}

/*もっと見るボタン
*****************************/
.search_more {
	margin: 2% 6% 0;	
}
.search_more p {
	width: 100%;
	background-color: #ff9bc1;
	border-radius: 5px;
	text-align: center;
    margin-bottom: 2%;
}
.search_more p a {
	display: block;
	color: #000;
	text-decoration: inherit;
	padding: 5%;
}
.search_more p a:after {
    content: "\f054";
    position: relative;
    font-family: FontAwesome;
    margin-left: .5em;
}
/*impバナー
*****************************/
.bnr_imp {
	margin: 2% 4% 0;
}
.bnr_imp img {
	width: 100%;
}

/*area_select
*****************************/
.area_select {
	margin: 2% 4% 0;
	padding: 2% 4% 4%;
	background-color: #eee;
}
.area_select select {
	width: 100%;
	min-height: 40px;
	padding: 3.5% 2% 3% 2%;
	appearance: none;
	-webkit-appearance: none;
	background-color: #FFF;
	background-image: url(../img/icon/icon_down01.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 18px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.area_select .search_imp {
	width: 100%;
	min-height: 40px;
	appearance: none;
	-webkit-appearance: none;
	background-color: #FFF;
	background-image: url(../img/icon/icon_down01.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 18px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid rgb(169, 169, 169);
}
.area_select .search_imp a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 3.5% 2% 3% 2%;
	color: #000;
}
.area_select h4 {
	padding: 2% 2% 2% 8%;
	padding-left: 8%;
	background: url(../img/icon_search.png) no-repeat 0% 50%;
	background-size: 5.5%;
}

/*フットナビ
*****************************/
#footNaviWrap {
	width: 94%;
	margin: 0 auto;
	padding-bottom: 10px;
	background-color: #fff2f4;
}
#footNaviWrap h3 {
	margin-bottom: 10px;
    padding: 3px 0;
    background-color: #e97a8d;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
	text-align: center;
}
.foot-navi-box ul {
	width: 100%;
	overflow: hidden;
}
.foot-navi-box li {
	width: 48%;
	margin: 1%;
	border-top: solid 1px #e97a8d;
	border-right: solid 1px #e97a8d;
	border-bottom: solid 1px #e97a8d;
	border-left: solid 4px #e97a8d;
	background-color: #fff;
	box-sizing: border-box;
	float: left;
}
.foot-navi-box li a {
	display: block;
	font-size: 1.1em;
	color: #333;
	padding: 7% 0 7% 4%;
	background: url(../img/icon_next01.png) center right 2% no-repeat;
	background-size: 3%;
	line-height: 1.1;
}


/*pagetop
*****************************/

#pagetop{
position: fixed;
    bottom: 10px;
    right: 2px;
    z-index: 105;
}
#pagetop a{
display: block;
}
#pagetop a img{
    width: 54px;
    height: 49px;
    zoom: 0;
}


/* プレビュー用
========================= */

@media screen and (min-width: 1200px) {
	html{
		background: #DDD;
		width: 360px;
		margin: 0 auto;
	}
	body{
		width: 360px;
		margin: 10px auto;
		border:1px solid #EEE;
		position:relative;
	}
	#header{
			position: absolute;
			width: 100%;
		}
}