@charset "utf-8";
/*
 * ↓Browser Reset
 */
body,div,img,h1,h2,h3,h4,p,ul,li,dl,dt,dd,table,caption,td,th,input,textarea,address,select,form {
	margin: 0;
	padding: 0;
}
div:after,
dl:after,
ul:after{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
div,dl,ul{
	zoom: 100%;
}
img { vertical-align: bottom; }
a{text-decoration:none;}
a,a img { border: none; }
li { list-style: none; }

/*
 * ↓背景を白に上書きするブランドサイト共通設定
 */
*:focus { outline:none; }
div#wrap{
	padding: 0px 0px 20px;
	background:none #FFF !important;
    font-size: 75%;
}
div#wrap #body{
	width: 100% !important;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* 
 * ↓コンテンツごとにCSSを定義してください。
 */
#contents #c-lbox {
	background:url(../images/top_bg_01.jpg) repeat-x #e5f7ff;
}
#contents .c-box01 {
	background:url(../images/top_bg_02.png) no-repeat top center;
}
#sns {
	height: 45px;
    overflow: hidden;
}
#sns #sns-box {
	margin-top: 5px;
	width: 190px;
	float: right;
    overflow: hidden;
}
#sns .fb {
	float: left;
	width: 70px !important;
}
@media all and (-ms-high-contrast: none){
    #sns .fb {
        float: right; /* IE10以上 */
    }
}
#sns .fb span{
	vertical-align: top !important;
}
#sns .twitter {
	float:right;
	width: 87px !important;
    display: none\9;/* IE9以下 */
}
@media all and (-ms-high-contrast: none){
    #sns .twitter{
        display: none; /* IE10以上 */
    }
}
#main-content {
	position: relative;
}
#main-content{
	width: 950px;
	margin: 0 auto;
}
/*幅950pxは全地域表示時のスタイル*/
#aria-nav {
/*	width: 950px;
	margin: 0 auto;*/
}
/*幅633pxは6地域表示時のスタイル
#aria-nav {
	width: 633px;
	margin: 0 auto;
}*/


#aria-nav {
	width: 800px;
	margin: 0 auto;
}
#main-content h1 {
	padding-left: 80px;
}
#main-content .read {
	padding-top: 18px;
	padding-left: 90px;
}
.left-box {
	float: left;
}
.right-box {
	float: right;
	width: 209px;
}
.right-box .pick-up,
.right-box .choice {
	background: url(../images/inner_parts_01.gif) repeat-y;
	text-align: center;
	margin-bottom: 5px;
}
.pick-up .pick-up-inner {
	background: url(../images/bottom_parts_01.gif) no-repeat bottom;
	padding: 20px 15px 13px;
	color: #73501d;
}
.choice .choice-inner {
	background: url(../images/bottom_parts_02.gif) no-repeat bottom;
	padding: 11px 13px 13px;
}

.pick-up .image {
	padding: 15px 0;
	margin-bottom: 10px;
	border-bottom: solid 1px #dbdbdb;
}
.choice ul {
	margin-top: 11px;
}
.choice li {
	text-align: left;
	line-height: 1.5;
	padding-left: 10px;
	background: url(../images/icon_01.gif) 0 5px no-repeat;
}
.choice li a {
	text-decoration: underline;
}
.choice .more {
	margin-top: 11px;
}
.choice #acMenu dt {
	cursor: pointer;
	text-indent: -9999px;
	width: 177px;
	height: 23px;
	background: url(../images/more_btn_01.gif) no-repeat;
}
.choice #acMenu dt.active{
	background: url(../images/close_btn_01.gif) no-repeat;
}
.choice #acMenu dt.ii {
	display: none;
}
.choice #acMenu dd {
	display: none;
}
.choice #acMenu ul {
	margin-top: 0;
}
.choice #acMenu .close {
	margin-top: 11px;
	cursor: pointer;
}
.banner {
	margin-top: 11px;
	margin-bottom: 75px;
}
.banner p {
	margin-bottom: 7px;
}

#map {
	position: absolute;
	top: 39px;
	left: 0;
}
/*--========= マップエリア別ポイント =========--*/

#mapPointHokkaido {
	position: absolute;
	top: 92px;
	left: 579px;
	cursor: pointer;
}
#mapPointTohoku {
	position: absolute;
	top: 261px;
	left: 590px;
	cursor: pointer;
}

#mapPointNigata {
	position: absolute;
	top: 327px;
	left: 517px;
	cursor: pointer;
}

#mapPointKanto {
	position: absolute;
	top: 424px;
	left: 536px;
	cursor: pointer;
}

#mapPointNagano {
	position: absolute;
	top: 378px;
	left: 446px;
	cursor: pointer;
}

#mapPointKansai {
	position: absolute;
	top: 408px;
	left: 368px;
	cursor: pointer;
}

#mapPointToukai {
	position: absolute;
	top: 435px;
	left: 420px;
	cursor: pointer;
}


#mapPointChubu {
	position: absolute;
	top: 432px;
	left: 495px;
	cursor: pointer;
}

#mapPointKyushu {
	position: absolute;
	top: 452px;
	left: 91px;
	cursor: pointer;
}

#mapPointOkinawa {
	position: absolute;
	top: 522px;
	left: 65px;
	cursor: pointer;
}

/*--========= マップエリア別ポップアップ =========--*/

.float-map ul {
	padding: 27px;
}
.float-map02 ul {
	padding: 27px 39px;
}
/*.float-map ul.hok {
	padding: 20px 27px 27px 55px;
}*/
.float-map ul.hok {
	padding: 20px 22px 12px 27px;
}
.float-map ul.hok>li:nth-child(1){
	margin: 0 0 8px 0;
}
.float-map ul.hok>li:nth-child(2){
	margin: 0 0 8px 29px;
}
.float-map ul.hok>li:nth-child(4){
	margin: 0;
}
.float-map ul.hok>li:nth-child(5){
	margin: 0 0 8px 12px;
}
.float-map ul.toh {
	padding: 44px 27px 27px 27px;
}

.float-map li {
	float: left;
	margin-left: 20px;
}
.float-map li.first {
	margin-left: 0;
}
/*#floatingHokkaido {
	position: absolute;
	background:url(../images/hok_pop.png) no-repeat;
	width: 266px;
	height: 325px;
	top: 16px;
	right: 59px;
	visibility: hidden;
}*/
#floatingHokkaido {
	position: absolute;
    background-color: #fff;
    border: 5px solid #1c68c1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 4px 4px 0 #154d91;
    -moz-box-shadow: 4px 4px 0 #154d91;
    box-shadow: 4px 4px 0 #154d91;
    top:16px;
    right:50px;
    visibility: hidden;
}
#floatingHokkaido:after{
    content: "";
    position: absolute;
    background: url(../images/hok_pop_parts.png) no-repeat;
    width: 28px;
    height: 158px;
    top: 87px;
    left: -28px;
    visibility: inherit;
}

#floatingTohoku {
	position: absolute;
	background:url(../images/toh_pop.png) no-repeat;
	width: 238px;
	height: 173px;
	top: 311px;
	left: 587px;
	visibility: hidden;
}

#floatingNigata {
	position: absolute;
	background:url(../images/niga_pop.png) no-repeat;
	width: 149px;
	height: 173px;
	top: 170px;
	left: 422px;
	visibility: hidden;
}

#floatingKanto {
	position: absolute;
	background:url(../images/kant_pop.png) no-repeat;
	width: 149px;
	height: 173px;
	top: 313px;
	left: 586px;
	visibility: hidden;
}

#floatingNagano {
	position: absolute;
	background:url(../images/naga_pop.png) no-repeat;
	width: 149px;
	height: 173px;
	top: 221px;
	left: 362px;
	visibility: hidden;
}

#floatingKansai {
	position: absolute;
	background:url(../images/kans_pop.png) no-repeat;
	width: 147px;
	height: 174px;
	top: 250px;
	left: 286px;
	visibility: hidden;
}

#floatingChubu {
	position: absolute;
	background:url(../images/chu_pop.png) no-repeat;
	width: 160px;
	height: 155px;
	top: 465px;
	left: 547px;
	visibility: hidden;
}

#floatingToukai {
	position: absolute;
	background:url(../images/toukai_pop.png) no-repeat;
	width: 139px;
	height: 153px;
	top: 500px;
	left: 360px;
	padding:10px 0 0 10px;
	visibility: hidden;
}


#floatingKyushu {
	position: absolute;
	background:url(../images/kyu_pop.png) no-repeat;
	width: 149px;
	height: 173px;
	top: 291px;
	left: -33px;
	visibility: hidden;
}

#floatingOkinawa {
	position: absolute;
	background:url(../images/oki_pop.png) no-repeat;
	width: 149px;
	height: 173px;
	top: 362px;
	left: -80px;
	visibility: hidden;
}




#acMenu dt img.close {
	display: none;
}

/* aria-nav */

#contents .c-box02 {
	background: url(../images/nav_bg.jpg) repeat-x bottom;
	height:65px;
}
#aria-nav ul {
	height: 65px;
	margin: 0 100px;
}
/*幅11.1%は全地域表示時のスタイル*/
#aria-nav li {
	/*float: left;
	width: 11.1%;
	position: relative;
	top: -20px;*/
}
/*幅16.666%は全地域表示時のスタイル*/
#aria-nav li {
	float: left;
	/*width: 16%;*/
	width: 300px;
	position: relative;
	top: -20px;
}
#aria-nav li a {
	display: block;
	padding: 5px 0;
	text-align: center;
}
#aria-nav li img:hover {
	
}

#contents .c-box03 {
background: #fff;
}
#contents .c-box03 .prod_item{
width: 950px;
margin: 22px auto 0;
display: flex;
justify-content: space-between;
}
#contents .c-box03 .prod_item .item{
width: 33%;
text-align: center;
}

/* Slider */
#contents .c-box03 .show {
	display: none;
}
#contents .c-box03 .slick-list {
	height: 103px;
	margin-left: 52.5px;/* スライダーなし */
	/*margin-left: 105px;*//* スライダーあり */
}
#sliders {
	width: 950px;
	margin: 30px auto 15px;
}
.slick-slider {
    margin-bottom: 0px;
}
.multiple-items .slick-prev
{
	width: 24px;
    height: 40px;
	background:url(../images/prev.png) 0 0 no-repeat;
    top: 45px;
	left: -47px;
	text-indent:-9999px;
}
[dir='rtl'] .multiple-items .slick-prev
{
    right: -47px;
    left: auto;
}
.multiple-items .slick-prev:hover,
.multiple-items .slick-prev:focus
{
    background:url(../images/prev.png) 0 0 no-repeat;
}

.multiple-items .slick-next
{
	width: 24px;
    height: 40px;
	background:url(../images/next.png) 0 0 no-repeat;
	top: 45px;
    right: -47px;
	text-indent:-9999px;
}
[dir='rtl'] .multiple-items .slick-next
{
    right: auto;
    left: -47px;
}
.multiple-items .slick-next:hover,
.multiple-items .slick-next:focus{
	background:url(../images/next.png) 0 0 no-repeat;
}

@media screen and (max-width: 1024px){
	
#sliders {
	width:800px;
}

}