@charset "UTF-8";
/* ================全ページ共通部分======================= */


/*要素リセット*/

*{ margin:0; padding:0;}
li{ list-style:none;}
h1,h2,h3,p,input,textarea,select{ font-size:100%; font-weight:normal;}
img{ border:0; vertical-align:bottom;}
body{
  font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
  color:#444;
  letter-spacing:normal;
}

/* 全ページ共通部分　*/

#wrapper{ width:900px; margin:0 auto; font-size:12px; background:#fff;}
.clear{height:10px; clear:both; background:#FFF;}

#header{border-top:solid #664242 10px; background-color:#ffffff;}
#header h1{ margin:15px;}
#header h2{
  margin-bottom: .5em;
  font-size: 12px
}
#header .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#soho-member{
  width: 100%;
  text-align: right;
}
#soho-member a:link{color:#666666; text-decoration:none;}
#soho-member a:visited{color:#666666; text-decoration:none;}
#soho-member a:hover{color:#664242; text-decoration:underline;}
#soho-member a:active{color:#664242; text-decoration:underline;}

#soho-member li{display:inline;}


/*上メニュー*/

#menu ul{
  background-color: #664242;
  text-align: center;
}
#menu li{
  display: inline-block;
}
#home_topics{
   margin-bottom: 50px;
}
.fs-p-dateList > li{
  border: none
}
h2.bar,
#home_topics h2{
  background-color: #664242;
  margin-bottom: 20px;
  padding: 10px 20px;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: .1em;
}
#home_topics dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 1.5em;
  font-weight: bold;
}
#home_topics dt{
  width: 13%;
}
#home_topics dd{
  width: 85%;
}
#home_topics dd p{
  margin: 0;
  font-weight: bold;
  line-height: 1.75
}
/* 左メニュー */


#left-bar{width:200px; margin:0 5px 10px 0; overflow:hidden; display:inline; background:#FFF;}
#upperleft{ width:200px; margin-bottom:15px;}
.main_baner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px 0 0;
}
.main_baner .souryo{
  width: 24%
}
.souryo{width:100%; margin-bottom:15px;}
.leftBanner a,
.leftBanner a img,
.souryo a,
.souryo img{
  display: block;
  width: 100%
}
.souryo p{padding-left:10px;}
.chair{margin-top:10px; margin-bottom:10px;}

.chair li{width:200px; height:50px; border-top:dotted 1px #664242;}
.chair li.isu9{width:200px; height:50px; border-top:dotted 1px #004a80; border-bottom:dotted 1px #664242;}
.chair li.isu14{width:200px; height:50px; border-top:dotted 1px #004a80; border-bottom:dotted 1px #664242;}

.chair li a{
  display:block;
  padding:0; margin:0;
  text-indent: -10000px; font-size:1%;
  outline:none;
  height:50px;
}


.chair li.isu1 a{background-image:url(../img/main/contessa.jpg); background-repeat:no-repeat;}
.chair li.isu2 a{background-image:url(../img/main/baron.jpg); background-repeat:no-repeat;}
.chair li.isu3 a{background-image:url(../img/main/duke.jpg); background-repeat:no-repeat;}
.chair li.isu4 a{background-image:url(../img/main/luxos.jpg); background-repeat:no-repeat;}
.chair li.isu5 a{background-image:url(../img/main/cruise-atlas.jpg); background-repeat:no-repeat;}
.chair li.isu6 a{background-image:url(../img/main/leopard.jpg); background-repeat:no-repeat;}
.chair li.isu7 a{background-image:url(../img/main/zephyr.jpg); background-repeat:no-repeat;}
.chair li.isu8 a{background-image:url(../img/main/feego.jpg); background-repeat:no-repeat;}
.chair li.isu9 a{background-image:url(../img/main/option.jpg); background-repeat:no-repeat;}
.chair li.isu10 a{background-image:url(../img/main/carrozza.jpg); background-repeat:no-repeat;}
.chair li.isu11 a{background-image:url(../img/main/feegomesh.jpg); background-repeat:no-repeat;}
.chair li.isu12 a{background-image:url(../img/main/escudo.jpg); background-repeat:no-repeat;}
.chair li.isu13 a{background-image:url(../img/main/ercio.jpg); background-repeat:no-repeat;}
.chair li.isu14 a{background-image:url(../img/main/luce.jpg); background-repeat:no-repeat;}

.chair li.isu1 a:hover{background-image:url(../img/main/contessa_on.jpg); background-repeat:no-repeat;}
.chair li.isu2 a:hover{background-image:url(../img/main/baron_on.jpg); background-repeat:no-repeat;}
.chair li.isu3 a:hover{background-image:url(../img/main/duke_on.jpg); background-repeat:no-repeat;}
.chair li.isu4 a:hover{background-image:url(../img/main/luxos_on.jpg); background-repeat:no-repeat;}
.chair li.isu5 a:hover{background-image:url(../img/main/cruise-atlas_on.jpg); background-repeat:no-repeat;}
.chair li.isu6 a:hover{background-image:url(../img/main/leopard_on.jpg); background-repeat:no-repeat;}
.chair li.isu7 a:hover{background-image:url(../img/main/zephyr_on.jpg); background-repeat:no-repeat;}
.chair li.isu8 a:hover{background-image:url(../img/main/feego_on.jpg); background-repeat:no-repeat;}
.chair li.isu9 a:hover{background-image:url(../img/main/option_on.jpg); background-repeat:no-repeat;}
.chair li.isu10 a:hover{background-image:url(../img/main/carrozza_on.jpg); background-repeat:no-repeat;}
.chair li.isu11 a:hover{background-image:url(../img/main/feegomesh_on.jpg); background-repeat:no-repeat;}
.chair li.isu12 a:hover{background-image:url(../img/main/escudo_on.jpg); background-repeat:no-repeat;}
.chair li.isu13 a:hover{background-image:url(../img/main/ercio_on.jpg); background-repeat:no-repeat;}
.chair li.isu14 a:hover{background-image:url(../img/main/luce_on.jpg); background-repeat:no-repeat;}



/* 共通部分（下）　*/

#footer{background:#664242; width:900px; height:50px; text-align:center; clear:both; color:#fff; padding-top:15px;}

#footer a:link{color:#ffffff; text-decoration:none;}
#footer a:visited{color:#ffffff; text-decoration:none;}
#footer a:hover{color:#F66; text-decoration:underline;}
#footer a:active{color:#F66; text-decoration:underline;}



/* カレンダー */

.calender{margin-top:30px; margin-bottom:10px; text-align:center;}
.calender p{text-align:center;}
.calender span{color:#ff0000;}
#open{width:200px; height:240px; border:none;}

@media screen and (max-width: 650px) {
.calender{margin-top:30px; margin-bottom:10px; text-align:center;}
.calender p{text-align:center;}
.calender span{color:#ff0000;}
#open{width:300px; height:300px; border:none;}
}


/* サイドメニューiframe */
#sidemenu_if{width:200px; height:2400px; border:none; margin-left:0px;overflow:hidden;display:inline-block;}


/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
display:table;
margin:0 auto;
width:100%;
max-width:1200px;
table-layout:fixed;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  cursor: default;
}


/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
  z-index: 1000;
}

#menu{
  background-color: #664242;
}

ul.MenuBarHorizontal li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  position: relative;
  text-align: center;
  cursor: pointer;
  width: auto;
  border-right:1px solid #fff;
}

ul.MenuBarHorizontal > li{
  display:table-cell!important;
}

#menu ul.MenuBarHorizontal li.sp{
display:none!important;
}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  z-index: 1020;
  cursor: default;
  width: 112px;
  position: absolute;
  left: -1000em;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
  left: auto;
}
/* Menu item containers are same fixed width as parent
子メニュー*/
ul.MenuBarHorizontal ul li
{
  width: 180px;
  text-align:left;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
  position: absolute;
  margin: -24% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
  left: auto;
  top: 0;
}


/* 201812.navi追記 */


/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
  border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
  display: block;
  cursor: pointer;
  background-color: #664242;
  padding: 0.6em 0.75em;
  color: #fff;
  text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
  background-color: #664242;
  color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text
マウスが乗ったときの背景色*/
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
  background-color: #845d5d;
  color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
  background-image: url(SpryMenuBarDown.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
  background-image: url(SpryMenuBarRight.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
  background-image: url(SpryMenuBarDownHover.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
  background-image: url(SpryMenuBarRightHover.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
  position: absolute;
  z-index: 1010;
  /* filter:alpha('opacity' : 0.1); */
  
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
  ul.MenuBarHorizontal li.MenuBarItemIE
  {
    display: inline;
    float: left;
    background: #FFF;
  }
}

.fs-l-main,
.container,
.main_content,
#slider_baner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%
}

.main_content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fs-l-main{
padding-top: 1em;
}

#slider_baner{
  margin-bottom: 30px;
}
#slider_baner .flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
#slider_baner .flex .col3{
  width: 32%
}
#slider_baner .flex .col3 img{
  display: block;
  width: 100%
}

@media screen and (max-width: 650px) {
#slider_baner .flex .col3{
  width: 100%;
  margin-bottom: 1rem;
}
}

.coupon_area {
   width: 100%; /* 横幅 */
   margin-bottom: 30px;
}

.coupon_area .coupon_box{
   width:100%x;
   margin-top: 10px;
}
#pickup ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pickup li{
  width: 24.5%;
  margin-bottom: 10px;
  position: relative;
  max-width: 246px;
  margin-bottom: 4px;
  color: black!important;
}
#pickup a{
  display: block;
  text-decoration: none;
  padding: 0 15px 15px;
  color: black;
}
#pickup a:hover{
  opacity: 0.5;
}
.fs-c-slick .slick-dots{
  padding: 20px 0;
}
.fs-l-pageMain{
  width: 78%
}

@media screen and (max-width: 650px) {
.fs-l-pageMain{
  margin-top: 70px;
}
}

.home_main{
  width: 75%
}
/* 2017新左メニュー 　*/

.sidebar{
  width: 20%;
}
#fs_CustomPage .sidebar{
      margin-top: 0em;
}
#NaviSideMenu .dvBody{
  border: 1px solid #ccc;
}

#NaviSideMenu .ptText{
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 10px 5px;
  font-size: 13px;
  background-color: #F5F5F5;
  text-align: center;
  font-weight: bold;
  color: #666;
}

#NaviSideMenu ul{
  list-style-type: none;
  margin:0;
  padding:5px 5px 10px 5px;
}
#NaviSideMenu li a{
  font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-size: 16px;
  display: block;
  padding: 5px;
  border-bottom: 1px solid #EEE;
  text-decoration: none;
  color: #666 !important;
  font-weight: 100;
/*  letter-spacing: 1px;*/
}

#NaviSideMenu li a:hover{
background-color: #666;
  color: #fff !important;
text-decoration: none;
}

#NaviSideMenu .menu_jp{
  font-size: 12px !important;
  color: #666 !important;
  font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
#NaviSideMenu li a:hover .menu_jp{
  color: #fff !important;
}
#NaviSideMenu .submenu{
  text-align: left;
}

#submenu_last{
  margin-bottom: -5px;
  border-bottom: none !important;
}


#NaviOtodoke .dvBody{
  border: 1px solid #ccc;
  margin-top: 20px;
  padding: 10px;
}
#NaviOtodoke .ptText{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
  color: #666;
}
.fs-l-footer{
  padding: 20px 0;
  background-color: #664242;
  color: #fff;
  text-align: center;
}
.fs-l-footer a{
  color: #fff;
}

/* CSS Document */

/*　各ページ共通　*/

#main{
  width:685px;
  margin-bottom:10px;
  background:#ffffff;
  float:right;
}
.contents{
  margin-top: 0px;
  margin-bottom:20px;
  clear:both;
}
.contents-sub{
  margin-top: 10px;
  margin-bottom:30px;
  clear:both;
}
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #c0c0c0;
    background:#f5f5f5;
}
.box1 h1{
    padding:0 0 0 0;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    color:#ff0000;
}
.box1 p {
    font-size:12px;
    margin: 0; 
    padding: 0;
}

.box_swift {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #c0c0c0;
    background:#f5f5f5;
}
.box_swift h1{
    padding:0 0 0 0;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    color:#ff0000;
}
.box_swift p {
    font-size:12px;
    margin: 0; 
    padding: 0;
}

.page_top {
    text-align: center;
    line-height:3; 
    margin-top: 70px;
    margin-bottom:20px;

}
.page_top h1{font-size:20px;font-weight:strong;}
.page_top h1 strong{color:#990000;}

.contents span{color:#F00;}


.contents h1{
  background:#E4DAD2;
  padding:7px 0 7px 15px;
  margin-top:15px;
  margin-bottom:15px;
  font-weight:bold;
}

.contents-sub h1{
  background:#E4DAD2;
  padding:7px 0 7px 15px;
  margin-top:15px;
  margin-bottom:15px;
  font-weight:bold;
}

.contents h1 a{
  color: #333;
  text-decoration: none
}
.contents h2{
  font-weight:bold;
  margin-left:5px;
  margin-bottom:10px;
}

.contents p{margin-left:10px; line-height:1.3em;}

.contents li{
  list-style:decimal;
  list-style-position:inside;
  padding-left:10px;
}

.contents li.attention{
  list-style:disc;
  list-style-position:inside;
  padding-left:10px;
}

/*　商品ページ　*/

.con_btn{
  width:100%;
  text-align:center;
}


/*　商品ページ　*/

#coupon-p{
  margin:60px 0 0 0;
}

/*　会社概要ページ用　*/

.kaisha {
width: 100%;
}
 
.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}
 
.kaisha th {
font-weight: bold;
background-color: #dedede; 
}
 
@media screen and (max-width: 650px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}

.contents h3{
  background:#664242;
  padding:10px 0 10px 15px;
  margin-bottom:15px;
  font-weight:bold;
  color:#fff;
}


/*　ガイドページ用　*/

.guide {
width: 100%;
}
 
.guide th,
.guide td {
border: 1px solid #ccc;
padding: 20px;
}
 
.guide th {
font-weight: bold;
background-color: #dedede; 
}
 
@media screen and (max-width: 650px) {
.gudie,
.gudie tr,
.gudie td,
.gudie th {display:block;}
.gudie th {width:auto;}
}

/*　Q&Aページ用　*/
#qa_title{
  margin-bottom:20px;
  background-color:#664242;
  }


/*　保証ページ用　*/

#renraku{
  border:dotted 2px #664242;
  width:500px;
  margin:10px 0 0 100px;
}

table#contact{
  width:500px;
  margin:10px 0;
}
table#contact th{
  background:#FFF;
  font-weight:normal;
  padding:3px 0;
  width:130px;
  }
ul.MenuBarHorizontal li:hover > ul{
  left: 0
}
#seach {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 15px;
}
#seach td{
  display: block;
  margin-bottom: 10px
}
#seach p{
  margin: 0 0 5px;
  font-size: 12px;
}
#seach td img{
  margin-right: 10px;
}
#seach td input[type="image"]{
  display: block;
  margin: 5px auto -10px;
}
#seach td.go img{
  display: block;
  margin: 0 auto;
}
.baner_typeA{
  display: block;
  margin-top: 20px
}
.item_area h2{
  margin-top: 0px;
  margin-bottom: .9em;
  color: #a2a2a2;
  font-size: 72px;
  text-align: center;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.item_area .container{
  width: 90%;
  margin: 0 auto;
  padding: 0;
  max-width: 756px;
}
.item_area h2 span{
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #a2a2a2;
  color: #000;
  font-size: .4em;
  text-align: center;
}
.contents h3 span{
  color: #000
}
.item_area table p{
  font-size: 14px
}
.item_area table{
  width: 100%
}
.item_area p{
  margin-bottom:30px;
  font-size: 16px;
  line-height: 2em;
  letter-spacing: .1em;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}

.qa_block p2{
  font-size: 16px;
  line-height: 2em;
  letter-spacing: .1em;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.item_area .link_list{
  margin-bottom: 50px
}
.item_area .link_list ul{
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #333;
  background-color: #f7f8f8;
}
.item_area .link_list ul li{
  width: 50%;
  border-right: 1px solid #333;
  padding: 15px 0;
  box-sizing: border-box;
  text-align: center;
}
.item_area .link_list ul li:nth-child(even){
  border: none;
}
.item_area .link_list ul li a{
  color: #333;
  font-size: 24px;
  text-decoration: none;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.item_area table{
  width: 100%
}
.item_area .link_list ul li a:hover{
  opacity: .8
}
.item_area .block{
  margin-bottom: 100px
}
.item_area h3{
  padding-bottom: .75em;
  font-size: 27px;
  margin-bottom: 1.8em;
  text-align: center;
  letter-spacing: .15em;
}
.item_area .contents h3{
  background: none;
    padding: 0 0 .75em;
    margin-bottom: 1.8em;
    font-weight: normal;
    color: #333;
    font-weight: 500;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.item_area h3 span{
  border-bottom: 1px solid #333;
  font-weight: 500;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}.item_area h4{
  background-color: #f7f8f8;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 500;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  text-align: center;
}
.item_area .img_block{
  margin-bottom: 35px
}
.item_area ul.flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.item_area .block{
  margin-bottom: 50px
}
.item_area .block .gray_block + p{
  margin-bottom: 80px;
  text-align: center;
}
p.midashi{
  font-weight: bold;
}
p.left{
  text-align: left!important
}
.item_area dl.flex{
  display: flex;
  justify-content: space-between;
}
.item_area dl.flex dt{
  width: 25%;
}
.item_area dl.flex dd{
  width: 72%;
}
.item_area ul.flex li{
  text-align: center;
}
.item_area ul.flex li img{
  display: block;
  width: 100%
}
.item_area ul.flex li.col2{
  width: 49%;
}
.item_area ul.flex li.col3{
  width: 32%;
}
.item_area ul.flex li.col4{
  width: 24.5%;
}
.item_area ul.flex li.col3 p.midashi{
  font-size: 14px;
}
.item_area ul.flex li.col3 p{
  font-size: 14px
}
.item_area ul.flex li.col5{
  width:19.5%;
}
.item_area ul.flex li.col5 p.midashi{
  font-size: 13px;
}
.item_area ul.flex li.col5 p{
  font-size: 11px
}
.mb60{
  margin-bottom: 60px
}

.btn_menu{
  display: none;
}
#menu li.sp{
  display: none;
}
.fs-c-heading--page{
  display: none;
}
.item_area{
  padding: 1em;
}
.item_area .link_list ul li,
.item_area .link_list ul li:nth-child(even){
  border-bottom: 1px solid #000;
}
.item_area .link_list ul li:last-child{
  border: none;
  border-right: 1px solid #000
}
@media only screen and (max-width: 600px){
  .item_area h2{
    font-size: 46px
  }
  .item_area{
    padding: 1em 0
  }
  #soho-member{
    display: none;
  }
  .btn_menu{
    position: fixed;
    top: 30px;
    right: 20px;
    display: block;
    width: 35px;
  }

ul.MenuBarHorizontal{
display:block;
}
ul.MenuBarHorizontal li{
width:100%;
  display:block;
}
  .fix_wrap{
    position: static;
  }

  .sidebar,
  .home_main{
    width: 100%
  }
  .fs-l-main,
  .main_content{
    flex-direction: column-reverse;
  }
  #home_topics dt,
  #home_topics dd{
    width: 100%
  }
  #coupon_area .coupon_box{
    width: 100%
  }
  #pickup ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #pickup li{
    display: block;
    width: 49%;
    margin: 0 0 6px;
  }
  .main_baner .souryo{
    width: 49%
  }
  #header .container{
    flex-wrap: wrap;
  }
  #header h2{
    display: none;
  }
  #header h1{
    text-align: center;
  }
  h1,
  #soho-member{
    width: 100%
  }
  #soho-member{
    margin-bottom: 20px
  }
  #menu li{
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
  }
  #menu li.sp{
    display: block;
  }
  .fs-l-pageMain{
    width: 100%
  }
  .item_area .link_list ul li a{
    font-size: 14px;
  }
  .item_area table p{
    font-size: 12px;
    margin: 0;
    padding: 10px 5px;
  }
  .item_area p{
    font-size: 13px;
  }
  .item_area h3{
    font-size: 22px;
    line-height: 1.5
  }
  .item_area ul.flex li.col3{
    width: 49%
  }
  #menu ul{
    display: none
  }
  .item_area dl.flex{
    width: 49%;
    flex-wrap: wrap;
  }
  .item_area dl.flex dt,
  .item_area dl.flex dd{
    width: 100%;
  }

#company table.company_about {
     width: 100%; 
    margin-top: 10px;
}
.contents {
  margin-top: 0;
}
}
.fs-c-breadcrumb {
  max-width: 1200px;
  width: 100%;
    margin: 0 auto;
    padding: 0 5%;
}

.company_about th {
     width: 25% !important; 
}

/*　181203追加　*/

@media screen and (max-width: 650px) {
.slider_area{
  margin-top:-80px;
}
}

.qa_block {
  background-color:#fff;
  padding:10px;
  margin:20px auto;
  border:1px #f0f0f0;
  margin-bottom: 40px
}
.qa_block_a {
  background-color:#fff;
}

h5 {
     position: relative;
     padding:0 0 0.5em 0.7em;
     border-bottom: 1px solid black;
     font-size: 30px;
     font-family: "游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
     margin-bottom: 20px;
}
 
h5::after {
     position: absolute;
     top: 0.2em;
     left:0;
     content: '';
     width: 5px;
     height:1em;
     background-color: #664242;
}


@media screen and (max-width: 650px) {
h5 {
     font-size: 20px;
}
}


.guide-h {
     position: relative;
     padding:0 0 0.5em 0;
     border-bottom: 1px solid black;
     font-size: 25px;
     font-family: "游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
     font-weight: bold;
     margin-bottom: 30px;
     margin-top: 40px;
}

/*　共通ボタン用　*/

.cp_btn {
    display: inline-block;
    padding: 0.8em 1em;
    text-decoration: none;
    background: #990000;
    color: white;
    border: solid 1px #990000;
    border-radius: 1px;
}

.cp_btn:hover {
    background: #ff9999;
    color: white;
}

.cp_btn2 {
    display: inline-block;
    padding: 0.8em 1em;
    text-decoration: none;
    color: #666666;
    border: solid 1px #666666;
    border-radius: 1px;
    transition: .4s;
}

.cp_btn2:hover {
    background: #666666;
    color: white;
}

.cp_btn3 {
    width: 100%;
    display: inline-block;
    padding: 0.8em 1em;
    text-decoration: none;
    background: #ffa500;
    color: white;
    border-radius: 1px;
    transition: .4s;
}

.cp_btn3:hover {
    color:white;
    background: #ffa500a6;
    border: solid 1px #ffa500;
}

.pro_btn {
    position: relative;
    padding: 8px 0 5px 2px;
    border-bottom: 1px solid #c0c0c0;
} 

/*　フリーパン屑調整用　*/
.bread {
    margin-top: 25px;
}

@media screen and (max-width: 650px) {
.bread{
  margin-top: 20px;
}
}

/*　スライダー系　*/

.fs-pt-carousel__slide {
  margin-top: 20px;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 650px) {
.fs-pt-carousel__slide {
  margin-top: 100px;
  padding: 0;
  position: relative;
}
}

.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
  border-bottom: 1px solid currentColor;
  color: #7C8790;
  font-size: 1.8rem;
  padding: 20px 0 8px;
  margin-bottom: 30px;
}

.fs-c-checkout-preview__title {
  border-bottom: 1px solid #999999;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #f5f5f5;
  line-height: 1;
  margin: 0 0 8px;
  padding: 10px 0 8px;
  text-align: center;
}

.fs-c-documentArticle__heading {
  background: #666666;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 10px 0 16px;
  padding: 4px 8px;
  text-align: center;
}

/*　商品詳細フリースペース　*/

div.imagebox {
   width: 200px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 2px;
   margin-bottom: 30px;
}
p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 2px; /* 4.余白・間隔 */
}
p.caption {
   font-size: 100%;  /* 5.文字サイズ */
}


@media screen and (max-width: 650px) {
div.imagebox {
   width: 100%; /* 横幅 */
   float: center; /* 左に配置 */
   margin: 2px;
   margin-bottom: 30px;
}
}


div.imagebox2 {
   width: 350px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 2px;
   margin-bottom: 30px;
}
p.image2, p.caption2 {
   text-align: left; /* 3.中央寄せ */
   margin: 2px; /* 4.余白・間隔 */
}
p.caption2 {
   font-size: 100%;  /* 5.文字サイズ */
}

.box_center{
   margin-top: 10px;
   margin-bottom: 45px;
background: #666666;
   }
p.box_center{
   text-align: center;
}

.pro_t{
    width:100%;
    text-align:center;
}


.pro_top {
    position: relative;
    width: 100%;
    height: 55px;
    text-align:center;
    font-size:17px;
    font-weight: 500;
    font-family: "游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
    display: inline-block;
    padding: 0.9em 1em;
    text-decoration: none;
    color: #808080;
    background: #f5f5f5;
    border: solid 1px #d3d3d3;
    border-radius: 5px;
    transition: .4s;
}

.pro_top:hover {
    background: #808080;
    color: white;
} 

.pro_top a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.coupon-product{
 width:100%;
    text-align: center;
}







/* ================全ページ共通部分======================= */


/*要素リセット*/

*{ margin:0; padding:0;}
li{ list-style:none;}
h1,h2,h3,p,input,textarea,select{ font-size:100%; font-weight:normal;}
img{ border:0; vertical-align:bottom;}
body{
  font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
  color:#444;
  letter-spacing:normal;
}

/* 全ページ共通部分　*/

#wrapper{ width:900px; margin:0 auto; font-size:12px; background:#fff;}
.clear{height:10px; clear:both; background:#FFF;}

#header{border-top:solid #664242 10px; background-color:#ffffff;}
#header h1{ margin:15px;}
#header h2{
  margin-bottom: .5em;
  font-size: 12px
}
#header .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#soho-member{
  width: 100%;
  text-align: right;
}
#soho-member a:link{color:#666666; text-decoration:none;}
#soho-member a:visited{color:#666666; text-decoration:none;}
#soho-member a:hover{color:#664242; text-decoration:underline;}
#soho-member a:active{color:#664242; text-decoration:underline;}

#soho-member li{display:inline;}


/*上メニュー*/

#menu ul{
  background-color: #664242;
  text-align: center;
}
#menu li{
  display: inline-block;
}
#home_topics{
   margin-bottom: 50px;
}
.fs-p-dateList > li{
  border: none
}
h2.bar,
#home_topics h2{
  background-color: #664242;
  margin-bottom: 20px;
  padding: 10px 20px;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: .1em;
}
#home_topics dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 1.5em;
  font-weight: bold;
}
#home_topics dt{
  width: 13%;
}
#home_topics dd{
  width: 85%;
}
#home_topics dd p{
  margin: 0;
  font-weight: bold;
  line-height: 1.75
}
/* 左メニュー */


#left-bar{width:200px; margin:0 5px 10px 0; overflow:hidden; display:inline; background:#FFF;}
#upperleft{ width:200px; margin-bottom:15px;}
.main_baner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px 0 0;
}
.main_baner .souryo{
  width: 24%
}
.souryo{width:100%; margin-bottom:15px;}
.leftBanner a,
.leftBanner a img,
.souryo a,
.souryo img{
  display: block;
  width: 100%
}
.souryo p{padding-left:10px;}
.chair{margin-top:10px; margin-bottom:10px;}

.chair li{width:200px; height:50px; border-top:dotted 1px #664242;}
.chair li.isu9{width:200px; height:50px; border-top:dotted 1px #004a80; border-bottom:dotted 1px #664242;}
.chair li.isu14{width:200px; height:50px; border-top:dotted 1px #004a80; border-bottom:dotted 1px #664242;}

.chair li a{
  display:block;
  padding:0; margin:0;
  text-indent: -10000px; font-size:1%;
  outline:none;
  height:50px;
}


.chair li.isu1 a{background-image:url(../img/main/contessa.jpg); background-repeat:no-repeat;}
.chair li.isu2 a{background-image:url(../img/main/baron.jpg); background-repeat:no-repeat;}
.chair li.isu3 a{background-image:url(../img/main/duke.jpg); background-repeat:no-repeat;}
.chair li.isu4 a{background-image:url(../img/main/luxos.jpg); background-repeat:no-repeat;}
.chair li.isu5 a{background-image:url(../img/main/cruise-atlas.jpg); background-repeat:no-repeat;}
.chair li.isu6 a{background-image:url(../img/main/leopard.jpg); background-repeat:no-repeat;}
.chair li.isu7 a{background-image:url(../img/main/zephyr.jpg); background-repeat:no-repeat;}
.chair li.isu8 a{background-image:url(../img/main/feego.jpg); background-repeat:no-repeat;}
.chair li.isu9 a{background-image:url(../img/main/option.jpg); background-repeat:no-repeat;}
.chair li.isu10 a{background-image:url(../img/main/carrozza.jpg); background-repeat:no-repeat;}
.chair li.isu11 a{background-image:url(../img/main/feegomesh.jpg); background-repeat:no-repeat;}
.chair li.isu12 a{background-image:url(../img/main/escudo.jpg); background-repeat:no-repeat;}
.chair li.isu13 a{background-image:url(../img/main/ercio.jpg); background-repeat:no-repeat;}
.chair li.isu14 a{background-image:url(../img/main/luce.jpg); background-repeat:no-repeat;}

.chair li.isu1 a:hover{background-image:url(../img/main/contessa_on.jpg); background-repeat:no-repeat;}
.chair li.isu2 a:hover{background-image:url(../img/main/baron_on.jpg); background-repeat:no-repeat;}
.chair li.isu3 a:hover{background-image:url(../img/main/duke_on.jpg); background-repeat:no-repeat;}
.chair li.isu4 a:hover{background-image:url(../img/main/luxos_on.jpg); background-repeat:no-repeat;}
.chair li.isu5 a:hover{background-image:url(../img/main/cruise-atlas_on.jpg); background-repeat:no-repeat;}
.chair li.isu6 a:hover{background-image:url(../img/main/leopard_on.jpg); background-repeat:no-repeat;}
.chair li.isu7 a:hover{background-image:url(../img/main/zephyr_on.jpg); background-repeat:no-repeat;}
.chair li.isu8 a:hover{background-image:url(../img/main/feego_on.jpg); background-repeat:no-repeat;}
.chair li.isu9 a:hover{background-image:url(../img/main/option_on.jpg); background-repeat:no-repeat;}
.chair li.isu10 a:hover{background-image:url(../img/main/carrozza_on.jpg); background-repeat:no-repeat;}
.chair li.isu11 a:hover{background-image:url(../img/main/feegomesh_on.jpg); background-repeat:no-repeat;}
.chair li.isu12 a:hover{background-image:url(../img/main/escudo_on.jpg); background-repeat:no-repeat;}
.chair li.isu13 a:hover{background-image:url(../img/main/ercio_on.jpg); background-repeat:no-repeat;}
.chair li.isu14 a:hover{background-image:url(../img/main/luce_on.jpg); background-repeat:no-repeat;}



/* 共通部分（下）　*/

#footer{background:#664242; width:900px; height:50px; text-align:center; clear:both; color:#fff; padding-top:15px;}

#footer a:link{color:#ffffff; text-decoration:none;}
#footer a:visited{color:#ffffff; text-decoration:none;}
#footer a:hover{color:#F66; text-decoration:underline;}
#footer a:active{color:#F66; text-decoration:underline;}



/* カレンダー */

.calender{margin-top:30px; margin-bottom:10px; text-align:center;}
.calender p{text-align:center;}
.calender span{color:#ff0000;}
#open{width:200px; height:240px; border:none;}

@media screen and (max-width: 650px) {
.calender{margin-top:30px; margin-bottom:10px; text-align:center;}
.calender p{text-align:center;}
.calender span{color:#ff0000;}
#open{width:300px; height:300px; border:none;}
}


/* サイドメニューiframe */
#sidemenu_if{width:200px; height:2400px; border:none; margin-left:0px;overflow:hidden;display:inline-block;}


/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
  z-index: 1000;
}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  z-index: 1020;
  cursor: default;
  width: 112px;
  position: absolute;
  left: -1000em;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
  left: auto;
}
/* Menu item containers are same fixed width as parent
子メニュー*/
ul.MenuBarHorizontal ul li
{
  width: 160px;
  text-align:left;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
  position: absolute;
  margin: -24% 0 0 100%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
  left: auto;
  top: 0;
}


/* 201812.navi追記 */


/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
  border: 1px solid #CCC;
}

ul:first-child {
  border-left:1px solid #fff;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
  display: block;
  cursor: pointer;
  background-color: #664242;
  padding: 0.5em 0.75em;
  color: #fff;
  text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
  background-color: #664242;
  color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text
マウスが乗ったときの背景色*/
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
  background-color: #845d5d;
  color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
  background-image: url(SpryMenuBarDown.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
  background-image: url(SpryMenuBarRight.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
  background-image: url(SpryMenuBarDownHover.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
  background-image: url(SpryMenuBarRightHover.gif);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
  position: absolute;
  z-index: 1010;
  /* filter:alpha(opacity:0.1); */
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
  ul.MenuBarHorizontal li.MenuBarItemIE
  {
    display: inline;
    float: left;
    background: #FFF;
  }
}

/*
.fs-l-main,
.fs-c-slick,
.container,
.main_content,
#slider_baner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%
}
*/
.fs-l-main,
.container,
.main_content,
#slider_baner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5%
}

.main_content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fs-l-main{
padding-top: 1em;
}

#slider_baner{
  margin-bottom: 30px;
}
#slider_baner .flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
#slider_baner .flex .col3{
  width: 32%
}
#slider_baner .flex .col3 img{
  display: block;
  width: 100%
}

@media screen and (max-width: 650px) {
#slider_baner .flex .col3{
  width: 100%
}
}

.coupon_area {
   width: 100%; /* 横幅 */
   margin-bottom: 30px;
}

.coupon_area .coupon_box{
   width:100%x;
   margin-top: 10px;
   margin-bottom: 10px;
}
#pickup ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#pickup a{
  display: block;
  color: #323232
}
.fs-c-slick .slick-dots{
  padding: 20px 0;
}
.fs-l-pageMain{
  width: 78%
}

@media screen and (max-width: 650px) {
.fs-l-pageMain{
  margin-top: 70px;
}
}

.home_main{
  width: 75%
}
/* 2017新左メニュー 　*/

.sidebar{
  width: 20%;
}
#fs_CustomPage .sidebar{
      margin-top: 0em;
}
#NaviSideMenu .dvBody{
  border: 1px solid #ccc;
}

#NaviSideMenu .ptText{
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 10px 5px;
  font-size: 13px;
  background-color: #F5F5F5;
  text-align: center;
  font-weight: bold;
  color: #666;
}

#NaviSideMenu ul{
  list-style-type: none;
  margin:0;
  padding:5px 5px 10px 5px;
}
#NaviSideMenu li a{
  font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-size: 16px;
  display: block;
  padding: 5px;
  border-bottom: 1px solid #EEE;
  text-decoration: none;
  color: #666 !important;
  font-weight: 100;
/*  letter-spacing: 1px;*/
}

#NaviSideMenu li a:hover{
background-color: #666;
  color: #fff !important;
text-decoration: none;
}

#NaviSideMenu .menu_jp{
  font-size: 12px !important;
  color: #666 !important;
  font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
#NaviSideMenu li a:hover .menu_jp{
  color: #fff !important;
}
#NaviSideMenu .submenu{
  text-align: left;
}

#submenu_last{
  margin-bottom: -5px;
  border-bottom: none !important;
}


#NaviOtodoke .dvBody{
  border: 1px solid #ccc;
  margin-top: 20px;
  padding: 10px;
}
#NaviOtodoke .ptText{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
  color: #666;
}
.fs-l-footer{
  padding: 20px 0;
  background-color: #664242;
  color: #fff;
  text-align: center;
}
.fs-l-footer a{
  color: #fff;
}

/* CSS Document */

/*　各ページ共通　*/

#main{
  width:685px;
  margin-bottom:10px;
  background:#ffffff;
  float:right;
}
.contents{
  margin-top: 0px;
  margin-bottom:20px;
  clear:both;
}
.contents-sub{
  margin-top: 10px;
  margin-bottom:30px;
  clear:both;
}
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #c0c0c0;
    background:#f5f5f5;
}
.box1 h1{
    padding:0 0 0 0;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

.page_top {
    text-align: center;
    line-height:3; 
    margin-top: 70px;
    margin-bottom:20px;

}
.page_top h1{font-size:20px;font-weight:strong;}
.page_top h1 strong{color:#990000;}

.contents span{color:#F00;}


.contents h1{
  background:#E4DAD2;
  padding:7px 0 7px 15px;
  margin-top:15px;
  margin-bottom:15px;
  font-weight:bold;
}

.contents-sub h1{
  background:#E4DAD2;
  padding:7px 0 7px 15px;
  margin-top:15px;
  margin-bottom:15px;
  font-weight:bold;
}
.contents h1 a{
  color: #333;
  text-decoration: none
}
.contents h2{
  font-weight:bold;
  margin-left:5px;
  margin-bottom:10px;
}

.contents-sub h3{
  background:#f5f5f5;
  padding:7px 0 7px 15px;
  margin-top:30px;
  margin-bottom:15px;
  font-weight:bold;
}
.contents-sub p{
  padding:15px 10px 0;
  line-height:40px
  
}

.contents p{margin-left:10px; line-height:1.3em;}

.contents li{
  list-style:decimal;
  list-style-position:inside;
  padding-left:10px;
}

.contents li.attention{
  list-style:disc;
  list-style-position:inside;
  padding-left:10px;
}

/*　商品ページ　*/

#coupon-p{
  margin:60px 0 0 0;
}

/*　会社概要ページ用　*/

.kaisha {
width: 100%;
}
 
.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}
 
.kaisha th {
width:120px;
background-color: #dedede; 
}
 
@media screen and (max-width: 650px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}

.contents h3{
  background:#664242;
  padding:10px 0 10px 15px;
  margin-bottom:15px;
  font-weight:bold;
  color:#fff;
}


/*　ガイドページ用　*/

.guide {
width: 100%;
}
 
.guide th,
.guide td {
border: 1px solid #ccc;
padding: 20px;
}
 
.guide th {
font-weight: bold;
background-color: #dedede; 
}
 
@media screen and (max-width: 768px) {
.gudie,
.gudie tr,
.gudie td,
.gudie th {display:block;}
.gudie th {width:auto;}
}

/*　Q&Aページ用　*/
#qa_title{
  margin-bottom:20px;
  background-color:#664242;
  }

/*　SWIFT_TOPページ用　*/
.swift_list{
  width:100%;
  clear: both;
  display: block;
}
.swift_img{
  float:left;
  width:230px;
}
.swift_p{
  width:420px;
  float: right;
}
@media(max-width: 768px) {

.swift_list{
    width:100%;
    text-align:center;
}
.swift_p {
    width:100%;
    float: none;
  }
.swift_img{
    float: none;
    width:100%;
  }
}


/*　保証ページ用　*/

#renraku{
  border:dotted 2px #664242;
  width:500px;
  margin:10px 0 0 100px;
}

table#contact{
  width:500px;
  margin:10px 0;
}
table#contact th{
  background:#FFF;
  font-weight:normal;
  padding:3px 0;
  width:130px;
  }
ul.MenuBarHorizontal li:hover > ul{
  left: 0
}
#seach {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 15px;
}
#seach td{
  display: block;
  margin-bottom: 10px
}
#seach p{
  margin: 0 0 5px;
  font-size: 12px;
}
#seach td img{
  margin-right: 10px;
}
#seach td input[type="image"]{
  display: block;
  margin: 5px auto -10px;
}
#seach td.go img{
  display: block;
  margin: 0 auto;
}
.baner_typeA{
  display: block;
  margin-top: 20px
}
.item_area h2{
  margin-top: 0px;
  margin-bottom: .9em;
  color: #a2a2a2;
  font-size: 72px;
  text-align: center;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.item_area .container{
  width: 90%;
  margin: 0 auto;
  padding: 0;
  max-width: 756px;
}
.item_area h2 span{
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #a2a2a2;
  color: #000;
  font-size: .4em;
  text-align: center;
}
.contents h3 span{
  color: #000
}
.item_area table p{
  font-size: 14px
}
.item_area table{
  width: 100%
}
.item_area p{
  margin-bottom:30px;
  font-size: 16px;
  line-height: 2em;
  letter-spacing: .1em;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.qa_block .p2{
  font-size: 16px;
  line-height: 2em;
  letter-spacing: .1em;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.item_area .link_list{
  margin-bottom: 50px
}
.item_area .link_list ul{
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #333;
  background-color: #f7f8f8;
}
.item_area .link_list ul li{
  width: 50%;
  border-right: 1px solid #333;
  padding: 15px 0;
  box-sizing: border-box;
  text-align: center;
}
.item_area .link_list ul li:nth-child(even){
  border: none;
}
.item_area .link_list ul li a{
  color: #333;
  font-size: 24px;
  text-decoration: none;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.item_area table{
  width: 100%
}
.item_area .link_list ul li a:hover{
  opacity: .8
}
.item_area .block{
  margin-bottom: 100px
}
.item_area h3{
  padding-bottom: .75em;
  font-size: 27px;
  margin-bottom: 1.8em;
  text-align: center;
  letter-spacing: .15em;
  margin-top:2em;
}
.item_area .contents h3{
  background: none;
    padding: 0 0 .75em;
    margin-bottom: 1.8em;
    font-weight: normal;
    color: #333;
    font-weight: 500;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.item_area h3 span{
  border-bottom: 1px solid #333;
  font-weight: 500;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}.item_area h4{
  background-color: #f7f8f8;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 500;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  text-align: center;
}
.item_area .img_block{
  margin-bottom: 35px
}
.item_area ul.flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.item_area .block{
  margin-bottom: 50px
}
.item_area .block .gray_block + p{
  margin-bottom: 80px;
  text-align: center;
}
p.midashi{
  font-weight: bold;
}
p.left{
  text-align: left!important
}
.item_area dl.flex{
  display: flex;
  justify-content: space-between;
}
.item_area dl.flex dt{
  width: 25%;
}
.item_area dl.flex dd{
  width: 72%;
}
.item_area ul.flex li{
  text-align: center;
}
.item_area ul.flex li img{
  display: block;
  width: 100%
}
.item_area ul.flex li.col2{
  width: 49%;
}
.item_area ul.flex li.col3{
  width: 32%;
}
.item_area ul.flex li.col4{
  width: 24.5%;
}
.item_area ul.flex li.col3 p.midashi{
  font-size: 14px;
}
.item_area ul.flex li.col3 p{
  font-size: 14px
}
.item_area ul.flex li.col5{
  width:19.5%;
}
.item_area ul.flex li.col5 p.midashi{
  font-size: 13px;
}
.item_area ul.flex li.col5 p{
  font-size: 11px
}
.mb60{
  margin-bottom: 60px
}

.btn_menu{
  display: none;
}
#menu li.sp{
  display: none;
}
.fs-c-heading--page{
  display: none;
}
.item_area{
  padding: 1em;
}
.item_area .link_list ul li,
.item_area .link_list ul li:nth-child(even){
  border-bottom: 1px solid #000;
}
.item_area .link_list ul li:last-child{
  border: none;
  border-right: 1px solid #000
}
@media only screen and (max-width: 600px){

#menu ul li ul{
display:none;
}

/*
#menu ul.MenuBarHorizontal{
display:none;
}
*/

#menu ul.sp-menu-list a{
  
  display: inline-block;
  cursor: pointer;
  background-color: #664242;
  padding: 0.6em 0.75em;
font-size:15px;
  color: #fff;
  text-decoration: none;

}

#menu ul.sp-menu-list li.sp-hierarchy{
position:relative;
}

#menu ul.sp-menu-list li.sp-hierarchy:after{
content:"↓";
position:absolute;
right: 0;
top: 0;
padding: 0.7em 10px;
background-color:#735f5f;
color:#fff;
}

#menu ul.sp-menu-list li.sp-hierarchy > ul{
border-top:1px solid #ffffff;
}
#menu ul.sp-menu-list li.sp-hierarchy > ul li:last-child{
border-bottom:0;
}

  .item_area h2{
    font-size: 46px
  }
  .item_area{
    padding: 1em 0
  }
  #soho-member{
    display: none;
  }
  .btn_menu{
    position: absolute;
    top: 30px;
    right: 20px;
    display: block;
    width: 35px;
    margin-top:-12px;
  }
/*
  .fix_wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
  }
*/
  .sidebar,
  .home_main{
    width: 100%
  }
  .fs-l-main,
  .main_content{
    flex-direction: column-reverse;
  }
  #home_topics dt,
  #home_topics dd{
    width: 100%
  }
  #coupon_area .coupon_box{
    width: 100%
  }
  #pickup ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #pickup li{
    display: block;
    width: 49%;
    margin: 0 0 6px;
    max-width: unset;
  }
  .main_baner .souryo{
    width: 49%
  }
  #header .container{
    flex-wrap: wrap;
    position: relative;
    z-index: 3;
  }
  #header h2{
    display: none;
  }
  #header h1{
    text-align: center;
  }
  h1,
  #soho-member{
    width: 100%
  }
  #soho-member{
    margin-bottom: 20px
  }

  #menu ul{
    display: none;
  }
  #menu li{
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
  }
  #menu li.sp{
    display: block;
  }
  .fs-l-pageMain{
    width: 100%
  }
  .item_area .link_list ul li a{
    font-size: 14px;
  }
  .item_area table p{
    font-size: 12px;
    margin: 0;
    padding: 10px 5px;
  }
  .item_area p{
    font-size: 13px;
  }
  .item_area h3{
    font-size: 22px;
    line-height: 1.5
  }
  .item_area ul.flex li.col3{
    width: 49%
  }
  .item_area dl.flex{
    width: 49%;
    flex-wrap: wrap;
  }
  .item_area dl.flex dt,
  .item_area dl.flex dd{
    width: 100%;
  }

  #company table.company_about {
      width: 100%; 
      margin-top: 10px;
  }
  .contents {
    margin-top: 0;
  }
}
.fs-c-breadcrumb {
  max-width: 1200px;
  width: 100%;
    margin: 0 auto;
    padding: 0 5%;
}

.company_about th {
     width: 25% !important; 
}

/*　181203追加　*/

@media screen and (max-width: 650px) {
  .slider_area{
    margin-top:-80px;
  }
}

.qa_block {
  background-color:#fff;
  padding:10px;
  margin:20px auto;
  border:1px #f0f0f0;
  margin-bottom: 40px
}
.qa_block_a {
  background-color:#fff;
}

h5 {
     position: relative;
     padding:0 0 0.5em 0.7em;
     border-bottom: 1px solid black;
     font-size: 30px;
     font-family: "游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
     margin-bottom: 20px;
}
 
h5::after {
     position: absolute;
     top: 0.2em;
     left:0;
     content: '';
     width: 5px;
     height:1em;
     background-color: #664242;
}


@media screen and (max-width: 650px) {
h5 {
     font-size: 20px;
}
}


.guide-h {
     position: relative;
     padding:0 0 0.5em 0;
     border-bottom: 1px solid black;
     font-size: 25px;
     font-family: "游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
     font-weight: bold;
     margin-bottom: 30px;
     margin-top: 40px;
}

/*　共通ボタン用　*/

.cp_btn {
    display: inline-block;
    padding: 0.8em 1em;
    text-decoration: none;
    background: #990000;
    color: white;
    border: solid 1px #990000;
    border-radius: 1px;
}

.cp_btn:hover {
    background: #ff9999;
    color: white;
}

.cp_btn2 {
    display: inline-block;
    padding: 0.8em 1em;
    text-decoration: none;
    color: #666666;
    border: solid 1px #666666;
    border-radius: 1px;
    transition: .4s;
}

.cp_btn2:hover {
    background: #666666;
    color: white;
}

.cp_btn3 {
    width: 100%;
    display: inline-block;
    padding: 0.8em 1em;
    text-decoration: none;
    background: #ffa500;
    color: white;
    border-radius: 1px;
    transition: .4s;
}

.cp_btn3:hover {
    color:white;
    background: #ffa500a6;
    border: solid 1px #ffa500;
}

.pro_btn {
    position: relative;
    padding: 8px 0 5px 2px;
    border-bottom: 1px solid #c0c0c0;
} 

/*　フリーパン屑調整用　*/
.bread {
    margin-top: 25px;
}

@media screen and (max-width: 650px) {
.bread{
  margin-top: 20px;
}
}

/*　スライダー系　*/

.fs-pt-carousel__slide {
  margin-top: 20px;
  padding: 0;
  position: relative;
}

@media screen and (max-width: 650px) {
.fs-pt-carousel__slide {
  margin-top: 100px;
  padding: 0;
  position: relative;
}
}

.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
  border-bottom: 1px solid currentColor;
  color: #7C8790;
  font-size: 1.8rem;
  padding: 20px 0 8px;
  margin-bottom: 30px;
}

.fs-c-checkout-preview__title {
  border-bottom: 1px solid #999999;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #f5f5f5;
  line-height: 1;
  margin: 0 0 8px;
  padding: 10px 0 8px;
  text-align: center;
}

.fs-c-documentArticle__heading {
  background: #666666;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 10px 0 16px;
  padding: 4px 8px;
  text-align: center;
}

/*　商品詳細フリースペース　*/

div.imagebox {
   width: 200px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 2px;
   margin-bottom: 30px;
}
p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 2px; /* 4.余白・間隔 */
}
p.caption {
   font-size: 100%;  /* 5.文字サイズ */
}


@media screen and (max-width: 650px) {
div.imagebox {
   width: 100%; /* 横幅 */
   float: center; /* 左に配置 */
   margin: 2px;
   margin-bottom: 30px;
}
}


div.imagebox2 {
   width: 350px; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 2px;
   margin-bottom: 30px;
}
p.image2, p.caption2 {
   text-align: left; /* 3.中央寄せ */
   margin: 2px; /* 4.余白・間隔 */
}
p.caption2 {
   font-size: 100%;  /* 5.文字サイズ */
}

.box_center{
   margin-top: 10px;
   margin-bottom: 45px;
background: #666666;
   }
p.box_center{
   text-align: center;
}

.pro_t{
    width:100%;
    text-align:center;
}


.pro_top {
    position: relative;
    width: 100%;
    height: 55px;
    text-align:center;
    font-size:17px;
    font-weight: 500;
    font-family: "游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
    display: inline-block;
    padding: 0.9em 1em;
    text-decoration: none;
    color: #808080;
    background: #f5f5f5;
    border: solid 1px #d3d3d3;
    border-radius: 5px;
    transition: .4s;
}

.pro_top:hover {
    background: #808080;
    color: white;
} 

.pro_top a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.coupon-product{
 width:100%;
    text-align: center;
}

@media only screen and (max-width: 600px){
ul.MenuBarHorizontal{
display:block;
table-layout:auto;
}
ul.MenuBarHorizontal li{
width:100%;
  display:block;
}
ul.MenuBarHorizontal li a{
font-size:15px;
}

ul.MenuBarHorizontal > li{
  width:100%;
  display:block!important;
}
}

@media only screen and (max-width: 968px){
.home_main,.fs-l-pageMain{width:68%;}
.sidebar{width:30%;}
.fs-l-main, .container, .main_content, #slider_baner {
    padding: 0 2%;
}
}

@media only screen and (max-width: 768px){
.home_main,.fs-l-pageMain{width:100%;}
.sidebar{width:100%;}
.fs-l-main, .main_content {
    flex-direction: column-reverse;
}
}
@media only screen and (max-width: 768px){
.fs-pt-carousel {
  position: relative;
  z-index: 1;
  margin-top:-60px;
}
.fs-l-pageMain{
  margin-top:0px;
}
.fs-c-breadcrumb {
    margin: 0 auto;
    padding: 0 2%;
}
}
.fs-l-header {
  display: block;
  padding-top: 0;
}
.con_h1{
  padding:5px 5px;
  font-weight:bold;
  margin-bottom: 10px;
}
.con_h2{
  background: #f5f5f5;
  padding:10px 5px;
  font-weight:bold;
}
p.con{
  margin:20px 0 20px 0;
  letter-spacing: 3px;
  font-size:14px;
}
p.con2{
  margin:20px 0 20px 0;
  letter-spacing: 2px;
  font-size:13px;
}


/*swift調整*/

.swift_box{
    width: 100%;
    margin: 30px auto 60px;
}
.swift_img{
    float: left;
    width: 200px;
    margin-left: 5px;
    margin-bottom:15px
}
.swift_p {
    float: right;
    width: 390px;
}

@media only screen and (max-width: 768px){
.swift_box{
    width: 100%;
    text-align:center;
}
.swift_img{
    width: 100%;
}
.swift_p {
    width: 100%;
}
}


/*Amazon Pay注文手続き画面レイアウトの調整*/
.fs-c-checkout-widgets__body {
  display: block;
}
.fs-c-checkout-amazonWidget + .fs-c-checkout-amazonWidget {
  margin: 16px 0 0;
}

.if_block{
  width:100%;
  height:500px;
  text-align:center;
}

@media only screen and (max-width: 768px){
.if_block{
  width:100%;
  height:350px;
  text-align:center;
}
}

/*仮告知ページ*/
p.new_p{
  font-size:22px;
}

.new{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 16px;
font-weight:700;
line-height: 1.7;
margin-bottom: 20px;
width: 100%;
text-align:center;
border: 2px solid red;
padding:30px 20px 20px 20px;
}

.new_icon{
padding:10px 50px 10px 50px;
border: 1px solid red;
background:red;
color:white;
width:80px;
}
p.new_p2{
margin-bottom:40px;
}

.item_area h6{
  background-color: #f7f8f8;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 500;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  text-align: center;
  margin-top:-20px;
}

p.b_titlle{
  font-size:20px;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  padding: 10px;
}

.coupon_area .coupon_box{
   width: 50%;
   margin-top: 10px;
   /* margin-bottom: 10px; */
   /* padding:10px 20px 10px 20px; */
}

.coupon_area ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* ストライカー */
.flex-start {
  justify-content: flex-start!important;
}
.color_img {
  width: 70px!important;
  margin: 0 auto;
  margin-top: 1rem;
}
.source_img {
  width: 105px!important;
  margin: 0 auto;
  margin-top: 1rem;
}
.w_30 {
  width: 30%!important;
}
.w_50 {
  width: 50%!important;
}
.red {
  color: red!important;
  border-bottom: 1px solid red!important;
}
.white {
  color: white!important;
}
.center {
text-align:center!important;
}
.sub_midashi{
  font-size: 10px;
}
.viewSp{
  display: none;
}
.viewPc{
  display: block!important;
}
.mx_auto {
  margin: 0 auto!important;
}
@media screen and (max-width:650px) {
  .viewSp{
    display: block!important;
  }
  .viewPc{
    display: none!important;
  }
  .item_area .function_box .function_list dl.flex {
    width: 100%!important;
    text-align: center!important;
  }
  .item_area ul.flex li.col2.lineUp {
    width: 100%!important;
  }
}
.width_300 {
  display: block;
  width: 300px!important;
  margin: 0 auto;
}
.w_40 {
  width: 40%!important;
}
.w_60 {
  width: 60%!important;
}
.height_439 {
  display: block;
  width: 86%!important;
  margin: 0 auto;
  min-height: 220px;
}
.width_578 {
  min-height: 220px;
}
.left {
  text-align: left!important;
}
.width_490 {
  width: 490px!important;
  display: block;
  margin: 0 auto;
}
.center_txt_left {
  width: 900px!important;
  margin: 0 auto;
}
.red_title {
  padding-bottom: .75em;
  font-size: 20px!important;
  margin-bottom: 1em;
  text-align: center;
  letter-spacing: .15em;
  margin-top: 1em;
}
@media screen and (max-width:768px){
  .width_490 {
    width: auto!important;
  }
}
@media screen and (max-width:500px){
  .height_439 {
    min-height: unset;
  }
  .width_578 {
    min-height: unset;
  }
  .red_title {
    margin-bottom: 0!important;
    font-size: 15px!important;
  }
}

/* 不要チェア・保証 */
.lh2{
  line-height: 2em;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.enhanced{
  font-weight: bold!important;
}
.free {
  border-bottom: 0!important;
  font-size: 50px!important;
  font-weight: bold!important;
}
.free_table{
  width: 100%;
  display: block;
  margin: 3rem 0 4rem;
}
.free_table th{
  width: 300px;
  display: block;
  text-align: left;
}
.free_table th p{
  display: inline-block;
  border-bottom: 1px solid;
}
.free_table td p{
  width: 300px;
  display: inline-block;
}
.title_cover{
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
}
.title_cover img{
  width: 100%;
}
.title_cover p{
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 33%;
  font-size: 3rem!important;
  font-weight: bold;
}
.border {
  width: 100%;
  margin: 0 auto;
  border: 1px solid black!important;
  padding: 2rem!important;
  font-size: 16px;
  line-height: 2em;
  letter-spacing: .1em;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.sticker {
  width: 400px!important;
  margin: 0 auto;
  display: block;
  margin-top: 2rem;
}

.guide_table {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  line-height: 2em;
  letter-spacing: .1em;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  border-collapse: collapse;
}
.guide_table th, .guide_table td{
  padding: 5px 0;
  border: 1px solid;
}
.bg_gray {
  background-color: #dedede;
}
.bg_blue {
  background-color: #f8fdff;
}
.guide_table .line1{
  width: 180px;
}
.guide_table .line2{
  width: 630px;
}
.guide_table .line3{
  width: 90px;
}

.btn {
  display: block;
  margin: 0 auto;
  text-decoration: none;
  padding: 15px 0;
  border: 1px solid #666;
  text-align: center;
  color: #666;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s ease 0s;
}
.btn:hover {
  background-color:#666;
  color: white;
}
.btn2 {
  max-width: 800px;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-decoration: none;
  padding: 15px 0;
  border: 1px solid red;
  text-align: center;
  color: red;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  transition: all 0.3s ease 0s;
}
.btn2:hover {
  background-color:red;
  color: white;
}
.btn3 {
  max-width: 800px;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-decoration: none;
  padding: 15px 0;
  border: 1px solid red;
  text-align: center;
  color: red!important;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: bold;
  transition: all 0.3s ease 0s;
}
.btn3:hover {
  background-color:red;
  color: white!important;
}
.block_center {
  max-width: 694px!important;
}

@media screen and (max-width:768px) {
  .title_cover p{
    top: 31%;
    font-size: 2.5rem!important;
  }
  .border {
    font-size: 13px;
    }
    .guide_table {
      font-size: 13px;
      width: 100%;
    }
}
@media screen and (max-width:400px) {
  .title_cover p{
    top: 19%;
    font-size: 2rem!important;
  }
}


/* ---------------------------------------
           top products list
--------------------------------------- */

.game {
  background-color: #f3ead4;
}
.office {
  background-color:#f7f8f8;
}
.meeting {
  background-color: #ecf3f7;
}
.desk {
  background-color: #f6eff2;
}
.home-desk {
  background-color: #FFF6E0;
}
.home-furniture {
  background-color: #edf1dd;
}
.after {
  background-color: none;
}
.product_list_item .cat {
  position: absolute;
  top: 8px;
  left: 15px;
  font-size: 10px;
  font-weight: bold;
}
.product_list_item .prod_image {
  text-align: center;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
}

.product_list_item a .prod_image img{
  transition: all 0.3s ease-in-out;
}

.product_list_item a:hover .prod_image img{
  transform: scale3d(1.2, 1.2, 1.2);
}

.product_list_item .prod_name {
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.product_list_item .prod_name .prod_name_kana {
  font-size: 12px;
  display: block;
  margin-top: 7px;
}


/* ---------------------------------------
  3/4/2021    sylphy page
--------------------------------------- */
.item_area h5.color_title{
  text-align: center;
  font-size: 16px;
  margin: 5rem auto 3rem;
  padding: 1rem;
  display: block;
  width: max-content;
  border: 1px solid #c7c7c7;
  font-family: "游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
}
.item_area h5.color_title::after{
  content: none;
}
.item_area ul.flex.color_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start!important;
}

.item_area ul.flex li.col8{
  width: 12.5%;
  margin-right: 1rem;
}
.item_area p.color_name{
  margin-bottom:30px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: .1em;
  font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.table-cation {
  color: red;
  text-align: center;
  border: 1px solid;
}
@media screen and (max-width:768px) {
  .item_area ul.flex.color_box{
    margin-left: 1rem;
  }
  .item_area ul.flex li.col8{
    width:calc(25% - 1rem);
    margin-right: 1rem;
  }
  .item_area ul.flex li.col8:nth-child(4n){
    margin-right: 0;
  }
  .item_area p.color_name{
    font-size: 13px;
  }
.table-cation {
    text-align: left;
    padding: 0.5rem 1rem;
  }
  .category_list  {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  _::-webkit-full-page-media, _:future, :root .category_list {
    writing-mode: unset;
  }
}

.spher_tb td{
  padding:10px;
}

.home-desk-table td a{
  display: block;
  padding: 1rem 0;
}











/* -------------------------------------------------------
    2023.05 add
------------------------------------------------------- */
.c-hamburger-menu{
  display: none;
}
.c-hamburger-menu__input {
  display: none;
}
.c-hamburger-menu__button {
  display: none;
}

@media screen and (max-width: 768px) {
  .c-hamburger-menu {
    position: relative;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: solid #664242 10px;
    background-color: #ffffff;
  }
  .c-header__logo {
    width: 100%;
    text-align: center;
    display: block;
    padding: 2.5rem 0 0;
  }
  .c-hamburger-menu__list {
    background-color: #eeeeee; /* カスタマイズしてください */
    align-items: flex-start;
    /* display: flex; */
    flex-direction: column;
    left: 0;
    padding: 2rem; /* カスタマイズしてください */
    position: absolute;
    /* transform: translateX(-100%); */
    display: none;
    transition: 0.3s; /* カスタマイズしてください */
    top: 100%;
    width:100%;
  }

  #hamburger:checked ~ .c-hamburger-menu__list {
    /* transform: translateX(0%); */
    display: flex;
    transition: 0.3s;
  }
  .c-hamburger-menu__bg {
    background-color: unset; /* カスタマイズしてください */
    cursor: pointer;
    display: none;
    height: 100vh;
    left: 0;
    opacity: 0.4; /* カスタマイズしてください */
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }

  #hamburger:checked ~ .c-hamburger-menu__bg {
    display: block;
  }
}



@media screen and (max-width: 768px) {
  .c-hamburger-menu__button {
    align-items: center;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 35px;
    justify-content: center;
    width: 32px; /* カスタマイズしてください */

    position: absolute;
    top: 28px;
    right: 20px;
    width: 35px;
    background: #664242;
    border-radius: 50%;
  }
  .c-hamburger-menu__button-mark {
    background-color: #fff; /* カスタマイズしてください */
    display: block;
    height: 3px; /* カスタマイズしてください */
    transition: 0.3s; /* カスタマイズしてください */
    width: 20px; /* カスタマイズしてください */
  }
}



@media screen and (max-width: 768px) {
  #hamburger:checked
    ~ .c-hamburger-menu__button
    .c-hamburger-menu__button-mark:nth-of-type(1) {
    transform: translate(2px, 1px) rotate(45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }
  #hamburger:checked
    ~ .c-hamburger-menu__button
    .c-hamburger-menu__button-mark:nth-of-type(2) {
    opacity: 0;
  }
  #hamburger:checked
    ~ .c-hamburger-menu__button
    .c-hamburger-menu__button-mark:nth-of-type(3) {
    transform: translate(2px, 1px) rotate(-45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }

  .c-header__list{
    background-color: #664242;
    padding: 0 2rem;
  }
  .c-header__list input{
    display: none;
  }
  .c-header__list > ul {
    list-style: none;
  }
  .c-header__list > li {
    width: 100%;
    list-style-type: none;
    line-height: 50px;
    border-top: 1px solid #fff;
  }
  .c-header__list > li a{
    color: white;
    display: inline-block;
    line-height: 1.6;
    padding: 0.5rem 0;
    padding-right: 1rem;
  }
  .c-header__list > li .item-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .c-header__list > li label {
    text-align: right;
    font-size: 1rem;
    display: block;
    width: 50%;
    float: right;
    position: relative;
    z-index: 2;
    height: 4.9rem;
  }
  .c-header__list > li > ul > li > label {
    height: 2.4rem;
  }
  /* .c-header__list > li > li {
    padding-left: 1rem;
    width: calc(100% - 1rem);
  } */
  .c-header__list > li .pd {
    display: inline-block;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 2rem;
    right: 1rem;
    padding: 0;
    line-height: 1;
  }
  .c-header__list > li > ul {
    margin: 0 auto;
    line-height: 50px;
    width: auto;
    margin-left: initial;
    position: relative;
    padding: 0;
    padding-left: 2rem;
  }
  .c-header__list > li > ul > li > ul{
    margin: 0 auto;
    line-height: 50px;
    width: auto;
    margin-left: initial;
    position: relative;
    padding: 0;
  }
  .c-header__list > li > ul li {
    font-size: 14px;
    display: none;
    /* padding-left: 1rem; */
    border-top: 1px solid #fff;
  }
  .c-header__list input[type="checkbox"]:checked ~ label ~ ul > li {
      max-height: inherit;
      overflow-y: visible;
      display: block;
  }
  .c-header__list input[type="checkbox"]:checked ~ label ~ ul > li > ul{
      padding-left: 2rem;
  }
  .c-header__list input[type="checkbox"]:checked ~ label ~ ul > li > ul > li{
      padding-left: 0;
  }
  .c-header__list input[type="checkbox"]:checked ~ label > .pd{
      transform: rotate(90deg);
  }


  .fix_wrap.sp{
    display: none;
  }
}



/* ---------------------------------
  add 2024/06 (parabel)
--------------------------------- */
/* set2024 */
.item_area ul.flex li.col3 p.midashi.line2 {
  height: 30px;
}
/* set2024 */
.item_area.set2024 .block h4 {
  background: #ccc;
  font-weight: 300;
  padding: 15px 0;
  margin-bottom: 20px;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 500;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.item_area.set2024 .block h5.gray_left {
  border-left: 12px solid #727272;
  border-bottom: 0;
  padding: 5px 20px;
  display: block;
  margin-top: 30px;
  font-size: 25px;
  font-weight: 500;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.item_area.set2024 .block h5.gray_left::after {
  content: none;
}
.item_area.set2024 dl.flex dt {
  width: 40%;
}
.item_area.set2024 dl.flex dd {
  width: 56%;
}
.item_area.set2024 dl.flex dd p {
  font-size: 12px;
}
/* card */
.item_area .block.card {
  border: 1px solid #ccc;
  text-align: center;
  padding: 0rem 4rem 2rem;
}
.item_area .block.card h3 {
  font-size: 21px;
  line-height: 2;
}
.item_area .block.card p {
  font-size: 12px;
}
.item_area .block.card .img_block img {
  width: 250px;
}
/* gray small */
.item_area .small-cation {
  margin-bottom: 50px;
}
.item_area .small-cation span {
  display: block;
  font-weight: bold;
  color: #5b5b5b;
  font-size: 14px;
  line-height: 1.5;
}


@media screen and (max-width: 650px) {
  .item_area.set2024 .block h3 span{
    line-height: 2;
  }
  .item_area.set2024 .block h4 {
    padding: 15px 10px;
  }
  .item_area.set2024 ul.flex li.col3 {
    width: 100%;
  }
  .item_area.set2024 dl.flex {
    width: 100%!important;
  }
  .item_area.set2024 dl.flex dt {
    width: 100%;
  }
  .item_area.set2024 dl.flex dd {
    width: 100%;
    margin-top: 2rem;
  }
  .item_area .block.card {
    padding: 0 3rem 2rem;
  }
}






/* ---------------------------------
  add 2024/07 (striker)
--------------------------------- */
/* common */
.item_area.striker {
  text-align: center;
}
.item_area.striker img {
  width: 100%;
}
.item_area.striker .block {
  position: relative;
  margin: 0;
}
.item_area.striker .bg-img {
  width: 100%;
  max-width: unset;
}
.item_area.striker .sec-title {
  text-align: center;
  padding: 2rem 0 4rem;
}
.item_area.striker .bg-black {
  background-color: #010101;
}
.item_area.striker .vp3 {
  padding: 3rem 0;
}
.item_area.striker .mt4 {
  margin-top: 4rem;
}
.item_area.striker .parent {
  position: relative;
}
.item_area.striker .img_block {
  text-align: center;
}
.item_area.striker .sec-title h3 {
  color: white;
  margin: 0;
  font-size: 2rem;
  font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
  font-weight: bold;
  padding-bottom: .75em;
  letter-spacing: .15em;
}
.item_area.striker .sec-title span {
  color: white;
  font-size: 1rem;
  font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
  font-weight: bold;
}

/* block1 */
.item_area.striker .block1 .container {
  position: absolute;
  /* left: 10%;
  top: 37rem; */
  width: 90%;
  top: 48rem;
  left: 5%;
}
.item_area.striker .block1 .container p {
  text-align: center;
  color: white;
  margin: 0 6rem;
  font-size: 14px;
}
.item_area.striker .block1 .container .img_block {
  margin-top: 3rem;
}
.item_area.striker .block1 .container .img_block img {
  width: 8rem;
}
.item_area.striker .block1 .top-btn-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #1e1d1d;
}
.item_area.striker .block1 .top-btn-box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  border: 0;
}
.item_area.striker .block1 .top-btn-box ul li {
  width: 50%;
  padding: 2rem 0;
}
.item_area.striker .block1 .top-btn-box ul li:first-child a {
  border-right: 1px solid white;
}
.item_area.striker .block1 .top-btn-box ul li a {
  color: white;
  display: block;
  font-size: 1.2rem;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
}
.item_area.striker .block1 .top-btn-box ul li a:hover {
  text-decoration: underline;
}

/* single-btn-box */
/* .single-btn-box {
  position: absolute;
} */
.single-btn-box a {
  display: block;
  color: white;
  background: #177787;
  text-decoration: none;
  padding: 1rem 0;
  font-size: 1.2rem;
  letter-spacing: 5px;
  margin: 0 auto;
}
.single-btn-box a:hover {
  text-decoration: underline;
}
/* .single-btn-box.btn-seat {
  top: 28rem;
  left: 8.75rem;
} */
.single-btn-box.btn-seat a {
  width: 20.8rem;
}
/* .single-btn-box.btn-option {
  bottom: 1.8rem;
  left: 31.3rem;
} */
.single-btn-box.btn-option a {
  width: 12rem;
  font-size: 1.1rem;
  letter-spacing: 2px;
}
.btn-box {
  width: 80%;
}
.btn-box.desk1 {
  margin: 0 auto 4rem;
}
.btn-box.desk2 {
  margin: -2rem auto 4rem;
}
.btn-box ul {
  border: 0;
  width: 400px;
  margin: 0 auto;
}
.btn-box ul li:first-child {
  margin-bottom: 1rem;
}
.btn-box ul li a {
  background: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
.btn-box ul li a:hover span {
  text-decoration: underline;
}
.btn-box ul li a p {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: calc(60% - 2rem);
  padding: 0.8rem 0 0.8rem 2rem;
  color: black;
  font-size: 14px;
}
.btn-box ul li a span {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40%;
  padding: 0.8rem 0;
  color: white;
  background: #177787;
  font-size: 14px;
  line-height: 2em;
  letter-spacing: .1em;
}

@media screen and (max-width: 650px) {
  .striker-sp-container {
    text-align: center;
  }
}

/* ---------------------------------
  add 2024/08 (不要な家具無料引き取りページリニューアル)
--------------------------------- */

.title_cover .ttl_text{
  position: absolute;
  display: block;
  width: 100%;
  font-size: 3rem !important;
  font-weight: bold;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  margin: 0;
}

.item_area .mb-110{
  margin-bottom: 130px;
}

.item_area .mb-none{
  margin-bottom: 0;
  text-shadow: 0 0 0.5px black;
}

.item_area h3 .red-font{
  color: #C1272D;
  border-bottom: none;
  text-shadow: 0 0 0.5px #C1272D;
}

.item_area h3 .notes{
  color: #C1272D;
  border-bottom: none;
  font-size: 19px;
  text-shadow: 0 0 0.5px #C1272D;
}

.container .midashi-top{
  background-color: white;
  margin: 70px auto;
  font-size: 23px;
  font-weight: bold;
  padding: 19px 0;
  border: 1.5px solid #000000;
  width: 65%;
}

.container .block .title-list{
  display: flex;
  margin-bottom: 40px;
}

.container .block .title-list .number{
  display: block;
  background-color: #1A1A1A;
  color: white;
  width: 10%;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  padding: 18px 0;
}

.container .block .title-list .main-midashi{
  display: block;
  text-align: center;
  width: 90%;
  background-color: #F2F2F2;
  padding: 18px 0;
  font-size: 23px;
  font-weight: bold;
}

.container .block .strong-red{
  color: #C1272D;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

.container .block .img_blocks{
  width: 90%;
  margin: 0 auto;
}

.container .block .img_blocks img{
  width: 100%;
}

.container .block .notes-inbox{
  display: block;
  text-align: center;
}

.container .block .notes-inbox p{
  display: inline-block;
  text-align: left;
  font-size: 13px;
}

.container .content-last{
  background-color: #F2F2F2;
  display: block;
  text-align: center;
  border-left: 18px solid #998675;
}

.container .content-last p{
  display: inline-block;
  text-align: left;
  font-size: 13px;
  padding: 2em 0 0;
}

@media screen and (max-width: 768px) {
  .title_cover .ttl_text{
    font-size: 2rem !important;
  }

  .item_area .mb-none{
    margin-top: 2.7em;
  }

  .container .midashi-top{
    font-size: 21px;
    width: 100%;
    margin: 0 auto 55px;
  }

  .container .block .title-list .number{
    width: 18%;
    font-size: 21px;
  }

  .container .block .title-list .main-midashi{
    width: 82%;
    font-size: 21px;
  }

  .container .content-last p{
    padding: 2em 2em 0;
  }

  .item_area .mb-110{
    margin-bottom: 110px;
  }

  .item_area .mb-40{
    margin-bottom: 40px;
  }
}

/* ---------------------------------
  add 2025/01 (バロンカテゴリーページリニューアル)
--------------------------------- */

.item_area.set2024 dl.flex dd .flex-p-basic {
    font-size: 16px;
    line-height: 2em;
    letter-spacing: .1em;
    font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', sans-serif;
  }

  @media screen and (max-width: 768px) {
    .item_area .youtube-bottom{
        margin-bottom: 340px;
    }
  }

  .item_area h3 .line2-txt{
    line-height: 60px;
  }