@charset "utf-8";



/*商品設定（横スライド）
*****************************/
/*商品設定(汎用AIR)
*****************************/
/*個別設定追加
*****************************/

/*#itemBox01 .section-ttl{
    background-color: #75B347;
}*/
.select-menu-box li a{
    color: #FFF;
}
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;
    /*text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;*/
    /* overflow-x: hidden;*/
    /*min-height: 100%;
    height: 100%;*/
}
a{
    outline: none;
    color: #004098;
    text-decoration: none;
}
a:hover, a:focus{
    color: #69606b;
}
.container, .header-box{
    height: 100%;
    font-size: 12px;
}

.content{
    margin: 0 auto 0;
    padding: 1em 0 0;
    background-color: #EAEAEA;
    /*background-image: url(/kix/fair/hatsuyume/sp/img/bg_gold.jpg);*/
    /* -webkit-background-size: cover; */
    /*     -moz-background-size: cover;
    -o-background-size: cover; */
    /* background-size: cover; */
}
.section{
    width: 100%;
    min-height: 150px;
    margin: 0 auto 0;
    -moz-box-shadow: 0px 1px 3px #E3EBF6;
    -moz-border-radius: 3px;
    position: relative;
}
.section-ttl{
    width: 100%;
    padding: 0.6em 0;
    color: #FFF;
    font-size: 1em;
    line-height: 1.4;
    font-weight: 500;
    text-align: left;
}
.section-pic{
    width: 91%;
    margin: 0 auto;
    padding: 0.6em 0;
    text-align: center;
}
.section-pic img{
    width: 100%;
    display: block;
}
.section-ttl-bottom{
    width: 100%;
    padding: 1em;
    border-top: 1px solid #eee;
    color: #333;
    font-size: 1.2em;
    background-color: #FCFCFC;
    text-align: right;
}
.select-type-box{
    width: 100%;
    margin: 0 auto;
}
.select-type-box li{
    width: 48%;
    float: left;
    background-color: #E6EDF7;
    padding: 0.5em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 0.6em;
    margin: 0 1%;
    margin-bottom: 0.8em;
    vertical-align: middle;
    display: inline-block;
}
.select-type-box li img{
    width: 18px;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}
.select-type-box li a{
    display: block;
}
.select-menu-box{
    width: 100%;
    margin: 0 auto;
}
.select-menu-box li{
    width: 24%;
    float: left;
    color: #FFF;
    padding: 0.2em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 0 0.5% 1em;
    font-size: 0.6em;
    text-align: center;
}
.select-menu-box li img{
    width: 100%;
    display: block;
    padding-bottom: 5px;
}


/*パンクズ
*****************************/
/*SubNavi*/
#breadcrumbsList{
    padding: 0;
}
.subnavi-wrap{
    /*position: absolute;*/
    width: 100%;
    /* height:25px; */
    background:#FFF;
    /* z-index:100; */
    display:block;
    padding: 0 1em;
    /* line-height: 1.5em; */
    /* border-bottom: 1px solid #ddd; */
}

.SubNaviBox{
    margin: 0 auto;
    width: 100%;
    /* max-width: 860px; */
    /* width: 80%; */
}

/*SubNaviパンくず*/
.pan-box{
    margin: 0;
    text-align: left;
    padding: 10px 0px 10px;
    float:left;
    /* font-size: 0.5em; */
    /* line-height: 1.4em; */
}
.pan-box ul{
/* overflow:hidden; */}
.pan-box ul li{
    padding: 0 5px 0 0;
    color: #004098;
    float: left;
    list-style-type: none;
    font-weight: bold;
    /* font-size: 1.8em; */
    min-height: 20px;
}

.pan-box ul li a{
    text-decoration:underline;
    color: #84765C;
    font-weight: normal;
    /* font-size: 0.5em; */
}
.pan-box ul li a:hover{
    text-decoration:none;
    color: #84765C;
}



/*itemBox
*****************************/

/*#itemBox{
}*/
/*.item-box-wrap .section-ttl{
    width: 100%;
    padding: 0.5em 0.8em 0.5em;
    border: none;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #004098;
    margin-bottom: 1em;
}*/
/*.item-box-wrap .section-ttl img{
    width: 25px;
    margin-right: 5px;
    vertical-align: middle;
}*/
/*.more-btn{
    display: inline-block;
    background-color: #FFFFFF;
    color: #004098;
    padding: 0.3em 0.5em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 0.7em;
    position: absolute;
    top: 9px;
    right: 10px;
}*/

/*.the-third{
}*/



/*商品BOX
*****************************/
.item-box{
    width: 95%;
    background-color: #FFF;
    margin: 0.5em auto 0.5em;
    padding: 1em 0.7em;
    text-align: left;
    box-shadow: 0px 1px 2px #ccc;
    -moz-box-shadow: 0px 1px 2px #ccc;
    -webkit-box-shadow: 0px 1px 2px #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 1.2;
}

.item-box-wrap{
    padding-top: 0;
}

.item-box-wrap .section{
    background-color: transparent;
    border-bottom: none;
    border: none;
    position: relative;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    padding: 1em 0;
}
.item-box-wrap .section:first-child{
    padding-top:0;
}
.item-box-pic{
    margin-bottom: 5px;
    float: left;
    width: 30%;
}
.item-imp .item-box-pic{
    margin-bottom: 5px;
    padding-bottom: 2px;
    float: left;
    width: 30%;
    /*background-color: #CD8D00;*/
    color: #FFF;
}
.item-box-pic img{
    width: 100%;
    box-sizing: border-box;
}
.item-imp .item-box-pic span{
    padding:5px;
    display:none;
}
.item-box-info{
    width: 70%;
    float: right;
    padding-left: 0.5em;
}
.item-box-ttl{
    clear: both;
    font-size: 0.9em;
    line-height: 1.2;
    color: #004098;
    padding: 2px 5px;
    text-align: left;
    margin-bottom: 0.2em;
}
.item-box-date{
    clear: both;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.2;
    color: #004098;
    padding: 0 5px;
    text-align: left;
}
.item-box-txt{
    clear: both;
    font-size: 0.8em;
    line-height: 1.2;
    margin-bottom: 5px;
    margin-left: 2%;
    padding: 3px 5px;
    text-align: left;
    color: #333;
    background-color: #EAF2FA;
    width: 97%;
}
.item-box-price{
    clear: both;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: bold;
    color: red;
    text-align: right;
    padding: 0 5px 5px;
}
.item-box-fuel{
    text-align: right;
    font-size: 0.6em;
}
.item-box-btn{
    clear: both;
    width: 65%;
    margin: 1em auto 1em;
    text-align: center;
    padding: 1em;
    color: #FFF;
    background-color: #7F0000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.item-box-btn a{
    display: block;
    color: #FFF;
}
.arrange-btn{
    clear: both;
    display: block;
    width: 90%;
    text-align: center;
    margin: 0.5em auto 0.5em;
    padding: 0.5em 0.5em 0;
    font-size: 1.2em;
    line-height: 1.3em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
}
.arrange-btn a{
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: underline;
    background-color: #CD8D00;
    padding: 0.4em 0.2em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.arrange-btn img{
    position: absolute;
    right: 15px;
    top: 24px;
}
.other-item .other-item-wrap{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1em;
}
.other-item .other-item-box{
    min-width: 1000px;
    padding-bottom: 0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.other-item .other-item-box li{
    float: left;
    background-color: #EBECE6;
    padding: 0.5em 1em;
    margin: 0.5em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


/*全方面から探す
*****************************/
#itemMenu .section{
    padding-bottom: 0;
}
#itemMenu .section-ttl{
    margin-bottom: 0;
}

#subBnrArea{
    padding: 1em 0;
}



/*footer
*****************************/

.pagetop-line a {
    display: block;
    width: 100%;
    color: #FFF;
    padding: 1em 0;
    background-color: #333;
    text-align: center;
}

.pan-list {
    width: 100%;
    box-sizing: border-box;
    padding: 1.2em 1em;
    font-size: 1em;
    text-align: center;
}

.tel-box {
	background: #eaf2fa;
	padding: 5%;
	color: #333333;
	line-height: 160%;
	font-size: 12px;
}
.tel-text {
	font-size: 15px;
	font-weight: bold;
}
.tel a {
	background: #FFF;
	padding: 4%;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	margin: 2% auto;
	color: #red;
	text-decoration: none;
	display: block;
	border-radius: 5px;
	border: #004bb0 1px solid;
	border-bottom: solid 3px #004bb0;
}
footer .tel a:before {
	content: ' ';
	display: inline-block;
	background-position: -158px 0px;
	background-size: 500px 60px;
	margin: 0 13px -5px 0;
	width: 16px;
	height: 28px;
	background-image: url(https://www.his-j.com/headfoot_sp/images/sprite_common.png) ;
	background-repeat: no-repeat;
	vertical-align: baseline;
}
.online {
	padding: 0;
	/*border-bottom: 5px #D59200 solid;
	border-top: 5px #D59200 solid;*/
	background-color: #FE0000;
}
.online img{
	width: 100%;
}
.online a{
	padding: 0;
	margin: 0;
}
.bn-area {
	padding: 5% 0;
	text-align: center;
	background: url(https://www.his-j.com/kix/smt/tour/fair/hatsuyume2015/yokoku/bg_bn_area.jpg);
	background-size: 100%;
}
.bn-area p {
	color: #FFF;
	font-size: 1em;
}




.sp-ttl{
	width: 75%;
	background-color: #999;
	color: #FFF;
	text-align: center;
	padding: 0.4em 1em 0.4em 1em;
	margin:0.8em auto 0.5em;
	/*box-shadow: 0px 1px 1px #333;*/
	border-radius: 2px;
}