/*全体レイアウト
/*=========================================*/
#page{width:320px;}
#contents ,#footer{width:320px; margin:0 auto; float:none; display:block;}
#path,h1,#lnav_outer,#mk_nav740{display: none;}
h1 + div{display:none;}
h1 + div + div + script + div + table{display: none;}
#footer ul.fnav,#footer a.t_bold,#footer a.t_bold:last-child{display: none;}
#footer .f_pannel {display: none;}
img{width:100%}




/* 全体 (each にも存在します）
-------------------------------------------*/
.cc_pc_delete { display:block; }
.cc_pc_on { display:none; }
.cc_sh_width { width:320px; }





/*スマホoriginal
/*=========================================*/
.pc_delete{display:block;}

/* スマホ→PC→スマホ切替ボタン
-------------------------------------------*/
.switch_btn_pc{display: block;margin:10px auto;width: 90%;}
.switch_btn_mob{display: none;}

/* 緑メニュー
-------------------------------------------*/
/* トグルで表示切り替え用クラス（jsで使っている） */
#spmenu.spmenu_on{display: block;}
#spmenu{display: none;position:fixed;top:45px;background:#CCC;z-index:9999;}
#spmenu a,#spmenu p{
	display: block;
	font-family:"メイリオ", Meiryo, Osaka, sans-serif, Helvetica;
	text-align: left;
	margin:0.2em;
	padding:1em;
	width: 280px;
	background: #FFF;
	border-bottom:1px solid #333;
}
#spmenu a span.gt{font-size:1.5em;font-weight: bold;position: absolute;right:10px;color: #27ad64;}
#spmenu p .visited{text-decoration: underline;font-weight: bold;}
#spmenu span.sp{display: inline-block;}
.sp_mtsw_head{
	display: block;
	background: #CCC;
	margin-bottom:1em;
	position: fixed;
	top:0;
	box-shadow: 0 2px 6px rgba(60,60,60,0.3);
	z-index:1000;
}
.sp_mtsw_head img{width: 320px;height: auto;}

/*スマホver対応リンク
-------------------------------------------*/
#FEATURE,#COLOR,#VARIATION,#SOUSA,#SAISUN,#CHUMON,#HOSHO,#SERIES,#KAKAKU,
#EX,#ERABERU,#SLAT,#MIT_ICHI,#MIT_TAKASA,
#TAKASA,#CODE,
#BCLE,#WORM,#SAYU,#BUHIN01,#BUHIN02,
#HEADBOX,
#F3550,#F3550T {
	margin-top: -50px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 50px; /* 打ち消し用のパディング */
}






/*PC用css上書き
/*=========================================*/


h2.mainimg { display:block; position:relative; width:304px;margin:5px 0 0 5px;}
h2.mainimg img.main {width:300px; padding:4px; box-shadow: 0 0 6px #666;}

h2.mainimg img.mainimg_on {display:none;}
h2.mainimg img.mainimg_on_logo {position:absolute;top:20%; left:13px; z-index:90; width:280px;}


.area_sr_main h3 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom:10px;
	padding:0 0 15px 33px;
	color:#282b3a;
	font-size:17px; 
	font-weight:bold; 
	border-bottom:1px #ccc solid;
	background:url(../images/bg_sr_main.png) 0 5px no-repeat;
}
.area_sr_main h3 span {display:block;font-size:23px;}



p.p_h3 {font-size:22px;}
p.p_h3_sp {display:block;font-size:22px; border-bottom:2px #666 solid;}

h3.sr_main { font-size:24px; text-align:center;}
h3.sr_main span {
	display:block;
}
h4.sr_main {font-size:20px;}


/*グリッド
-------------------------------------------*/
.wrap_grid{width:100%;}
.grid3_1{width:100%;margin:0 0 20px 0;}
.grid3_2{width:100%;margin:0;}
.grid4_1{width:48%;margin:0.5em 0 0 0.3em;}
.grid4_2{width:100%;float: none;margin:0.5em 0 50px 0;}
.grid4_3{width:100%;float: none;margin:0.5em 0 0;}
.grid5_2{width:100%;margin:2.5em 0 0;;}
.grid5_3{width:100%;margin:0.5em 0 0;}
.grid5_1{width:48%;margin:0.5em 0 0 0.3em;}


.grid3_1 img{width:100%;}


/* ページトップボタン
-------------------------------------------*/
#PAGETOP_BTN {bottom: 10px;right: 10px;}
#PAGETOP_BTN a {width:40px;height:40px;}



/* main部分
-------------------------------------------*/

.sp_d_no {display:none;}
.pc_d_no {display:block;}

div.sr_main {position:relative;margin:0 auto; padding:30px 0 30px 0; text-align:center;}
div img.img_sr_main_sp {width:200px; margin:0 auto;}

div.sr_main img.img_sr_main_sp {display:block; margin-bottom:10px;}
div.sr_main img.img_sr_main_pc {display:none;}
div.sr_main img.img_logo_main {width:300px; margin-bottom:30px;}


.box_map_main { display:none;}
#map_area { display:none;}


.sr_main_title {margin-bottom:40px;padding:3px 0;text-align:center;}



#map_area_sp {display:block;}

#map_area_sp .map_sp {margin-bottom:160px;background: url(../images/bg_map_sp.png) no-repeat 100% 40% #FDFCF7;}

.box_map_area_sp {font-size:16px;}

.box_map_area_sp dt {
	font-weight:bold;
}

.box_map_area_sp dd a {
	float:left; 
	width:70px;
	margin:0 5px 5px 0; 
	padding:20px 0; 
	text-align:center;
	border:1px #ccc solid; 
	border-radius:4px; 
	background-color:#fff;
}

.box_map_area_sp dd a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#41A5A0;
}



a.btn_link { 
    display:block;
	float:none;	
	width:80%;
	margin:0 auto 5px;
	padding:20px 0;
	color:#fff;
	font-size:16px;
	text-align:center;
	border-radius:4px;
	background-color:#4B4A58;
}

a.btn_link:hover {
	text-decoration:none;
	background-color:#307d79;
}

a.btn_link_none { 
    display:block;
	float:right;	
	width:60%;
	margin:0 0 30px 0;
	padding:10px 0;
	color:#fff;
	font-size:16px;
	text-align:center;
	border-radius:4px;
	background-color:#4B4A58;
}

a.btn_link_none:hover {
	text-decoration:none;
	background-color:#307d79;
}




.area_event_new {margin-bottom:70px;}


.area_sr_main {margin-bottom:40px;}
.area_sr_main .box_sr_main { position:relative; margin-bottom:0; padding:10px;border-top:1px #eee solid;}

    .area_sr_main .box_sr_main.sr_main01 , .area_sr_main .box_sr_main.sr_main02 , .area_sr_main .box_sr_main.sr_main03 {background:none;}



.area_sr_main .box_sr_main img.img_sr_main {width:294px;margin-left:7px;padding:5px; transform: rotate(-1deg) translate3d(0, 0, 0);box-shadow: 0 0 6px #999;}

.area_sr_main .box_sr_main ul li .box_maker {float:right;margin:10px 0;border:1px #eee solid;}
.area_sr_main .box_sr_main ul li .box_maker .hanbai {float:right;margin:0; font-size:11px;}
.area_sr_main .box_sr_main ul li .box_maker img.maker {width:54px;padding:0;} 


.area_sr_main .box_sr_main ul { margin:10px 0 50px 0 ;padding:10px;color:#555; background-color:#f9f9f9;}
.area_sr_main .box_sr_main ul li {padding:0 5px;font-size:14px; }
.area_sr_main .box_sr_main ul li p { padding:0 10px;line-height:1.7em; border-bottom:0px #fff solid;}


.area_sr_main .box_link_go li a {display:none;}




.area_sr_main a.link_go_map , .area_sr_main a.link_go_caution , .area_sr_main a.link_go_cc , .area_sr_main a.link_go_faq {display:none;}
.link_gogo_sp {display:block;}

.area_sr_main .link_gogo_sp a.link_go_map_sp , .area_sr_main .link_gogo_sp a.link_go_caution_sp , .area_sr_main .link_gogo_sp a.link_go_cc_sp , .area_sr_main .link_gogo_sp a.link_go_faq_sp  {
	float:left;
	width:48%; 
	height:69px;
	margin:0 2px 10px 0;
	padding:auto 0;
	color:#333;
	text-align:center; 
	border:1px #eee solid; 
	border-radius:10px;
	background-color:#fff;
}
.area_sr_main a.link_go_map_sp:hover , .area_sr_main a.link_go_caution_sp:hover , .area_sr_main a.link_go_cc_sp:hover , .area_sr_main a.link_go_faq_sp:hover{background-color:#eee; text-decoration:none;}


.area_sr_main a.link_go_map_sp i , .area_sr_main a.link_go_caution_sp i , .area_sr_main a.link_go_cc_sp i, .area_sr_main a.link_go_faq_sp i{display:block;color:#666;font-size:24px;}
.area_sr_main a.link_go_map_sp span , .area_sr_main a.link_go_caution_sp span , .area_sr_main a.link_go_cc_sp span , .area_sr_main a.link_go_faq_sp span {display:block; }



.box_welcome {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width:290px;margin:10px auto 70px auto ; padding:10px; color:#555; font-size:14px; text-align:center; border:4px #eee double;}
	
	
	


/* メーカーなどのリスト
-------------------------------------------*/


.maker_list li {
margin-right:5px;
}
.maker_list li img {
width:70%;
}

.item_list {margin-bottom:50px;}
.item_list li{
	float:left;
	width:152px;
	margin:0 0 8px 5px;
	font-size:13px;
	overflow:hidden;
}


.item_list li img {width:152px;}




/* イベントカルーセル
-------------------------------------------

.title_sr_event {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width:80%;
	margin:0 auto 8px auto;
	padding:3px 0; 
	color:#fff;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	border-bottom:none;
	border-radius:10px;
	background-color:#D72353;
	background-image:none;
	position: relative;
}

.title_sr_event:after{
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #D72353;
	position: absolute;
	left:45%;
	bottom: -20px;
	z-index:1;
}
a.sw_box_event {display:block;margin:0 40px;padding:10px; color:#333;border:1px #9491a7 solid;border-radius:5px;}

a.sw_box_event .sw_box_event_title {margin-bottom:10px;font-size:15px;}
*/

/* swiper カルーセル部分 ---------------

.swiper_event { width:100%; height:270px;font-size:12px;} 
*/

/* swiper キャンペーンカルーセル --------------

.swiper-campaign { width:100%; height:200px; }
*/



/*mobile無効
-------------------------------------------*/
.highslide{pointer-events:none;}
.zoom,.zoom4_1,.zoom_varia,.zoom_nagasa,.zoom_saisun{display:none;}
.ngbr br{display:none;}
.mob_delete{display:none;}
.ml20{ margin-left:0;}

/*img
-------------------------------------------*/
.mob_top {margin-top:50px;}
.icon,.atnt,.ninki_icon{width:20%;}
.left{width:48%;}
.img_mini {width:98%;margin:0 0 2px;}
.icon_on_img {width:30%;}

/*他
-------------------------------------------*/

.modal_close{top: 20px;right: 20px;width: 30px;height: 30px;font-size:25px;}
#REI_TAKASA{padding:10px 0;width: 100%;max-height:80%;overflow:auto;}
.video{width:100%;height:230px;text-align:center;}


/* FORMスクロール
-------------------------------------------*/
/*はみ出たらスクロール*/
#slide-contents{-webkit-overflow-scrolling: touch;}
/*スクロールバー表示*/
#mm_req::-webkit-scrollbar{ width: 15px;right:0;}











/*===========================================*/
/* レスポンシブ専用ヘッダー                  */
/*===========================================*/

.sp_mtsw_head {
	display: block;
	background: #CCC;
	margin-bottom:1em;
	position: fixed;
	top:0;
	z-index: 9999;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.sp_mtsw_head img {
	width: 100%;
	max-width: 320px;
	height: auto;
}

/* PC/スマホ切り替えボタン */
/*---------------------------------------------------------*/
.switch_btn {
	display: none !important;
}

/* メニューボタン ------------------------------------- */
#spmenu {
	display: none;
	background:#CCC;
	z-index:9999;
	width: 100%;
}
#spmenu a,
#spmenu p {
	display: block;
	font-family:"メイリオ", Meiryo, Osaka, sans-serif, Helvetica; /* Helveticaはバグ対策 */
	text-align: left;
	margin:0.2em;
	padding:1em;
	width: auto;
	background: #FFF;
	border-bottom:1px solid #666;
	position:relative;
}
#spmenu a:hover .link {
	text-decoration:underline;
}
#spmenu a span.gt {
	font-size:1.5em;
	font-weight: bold;
	position: absolute;
	right:10px;
	color: #27ad64;
}
#spmenu p .visited {
	text-decoration: underline;
	font-weight: bold;
}
#spmenu span.sp {
	display: inline-block;
}
#spmenu .btnPC i:before {
	background:#4baa9f;
	color:#FFF;
	border-radius:4px;
	padding:5px 6px 4px 5px;
	font-size:16px;
}
#spmenu .btnPC {
	margin-bottom:5px;
}

/* トグルで表示切り替え用クラス（jsで使っている） */
#spmenu.spmenu_on {
	display: block;
}

/*-------------------------------------------------------------
// ページジャンプ時にヘッダー画像が重ならないように飛び先の上を空ける
// ※「smoothscroll」側で自動調整するので不要
-------------------------------------------------------------*/
/*
#TOP, #SELCT_COLOR, #TYPE, #COLOR_LIST, #P_COLOR,
#PRICE, #OPTION, #ORDER, #COR_COLORS, #SPEC,#OP_TOP,#TYPE_LIST,#SPECIF {
	padding-top:50px;
	margin-top:-50px;
}
*/

/* index #TOP #SELCT_COLOR #TYPE #OPTION #ORDER */
/* itemページ #TOP #TYPE #COLOR_LIST #PRICE #OPTION #ORDER #COR_COLORS */
/* typeページ #TOP #COR_COLORS #OPTION #SPEC #TYPE */
/* optページ #TOP #OP_TOP #OPTION #TYPE #ORDER #SPECIF*/
/* 他 #P_COLOR */


/* 個別対応用クラス */
.p_jump_space {
	padding-top:50px;
	margin-top:-50px;
}




/* 各種サービス4/16追記
-------------------------------------------*/
.brand_logo {
	width: 258px;
	padding: 10px;
}
.brand_logo img { width: 37px; }



/* ショールーム一覧6/21追記
-------------------------------------------*/
.area_w { width: 288px; }