/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
  :root {
    --ink:#263238;
    --sub:#5f6b70;
    --line:#e6e1da;
    --bg:#f7f4ef;
    --panel:#ffffff;
    --accent:#8a5a2b;
    --accent-dark:#6e451f;
    --cta:#c96e2c;
    --cta-dark:#a95418;
    --green:#3e6c55;
    --soft:#f2eadf;
    --shadow:0 12px 30px rgba(31,37,40,.08);
  }body {
	margin: 0px;
	padding: 0px;
	color: #483f2a;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo, Osaka","ＭＳ Ｐゴシック","MS PGothic","sans-serif";	/*フォント指定*/
	font-size: 15px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}h1:where(:not(.as-h2)),
div.h_h1,
h2,
h1.as-h2,
div.h_h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure {margin:0px;padding:0px;}ul {list-style-type:none;}table {border-collapse:collapse;font-size:100%;border-spacing:0;}img {max-width:100%; width /***/:auto; /*IE8用ハック*/}/*画像サイズが横幅に合わせて可変します*/
iframe {width:100%;}/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #020bfa;	/*リンクテキストの色*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;text-decoration: none;			/*同上*/
}a:hover {
	color: #8f7e58;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	width: 100%;	/*横一杯使う為に100%指定*/
	background: #fff;	/*背景色（古いブラウザ用）*/
}/*サイト幅にしたheader内のブロック*/
header #inner {
	width: 1000px;	/*幅。「#menubar ul」と「#contents」と数字を揃える。*/
	height: 100px;	/*高さ*/
	margin: 0 auto;
	position: relative;
	z-index: 100;
}h1:where(:not(.as-h2)).h_h1,
div.h_h1.h_h1 {  font-size:18px;
                           font-weight:bold;line-height:130%;margin:15px 0 9px;}h2.h_h2,
h1.as-h2.h_h2,
div.h_h2.h_h2 {  font-size:11px;line-height:130%;}div.header_l {    width  :183px;
                   margin :0 0 0 0;
                   float:left;}header #logo {    position :relative;
                   top:0px;
                   left:0px;
                   z-index:2;}img.sp-image {    position :relative;
                   top:-40px;
                   left:0px;
                   margin  :0 auto;
                   z-index:1; }div.header_m1 {    width  :230px;
                   margin :0 0 0 30px;
                   float:left;
                   font-size  :10px;}div.header_m1 p { margin  :15px 0 0 0; }div.header_m2 { width  :192px;
                   margin :0 0 0 20px;
                   float:left;
                   font-size  :12px;}div.header_m2 p { margin  :15px 0 0 0; }div.header_r { width  :300px;
                   margin :7px 0 0 20px;
                   float:left;
                   height   :120px;}div.header_r ul { margin  :0 0 0 0;}div.header_r ul li { display  :inline;
                      margin  :0 0 0 5px;}p.h_h1 {  font-size:13px;
                    font-weight:bold;}p.h_h1_sp {  display  :none;}p.h_h2 {  font-size:11px;}div.header_m2 p {  font-size:12px;}.myButton {
	-moz-box-shadow: 3px 4px 0px 0px #1564ad;
	-webkit-box-shadow: 3px 4px 0px 0px #1564ad;
	box-shadow: 3px 4px 0px 0px #1564ad;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:12px 44px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#378de5;
}.myButton:active {
	position:relative;
	top:1px;}/*-----------------PCのみの表示-------------------------------*/


div.sp_menu {  width  :100%;
                    background :#fff;
                    display:none;}nav#mainNav {  display  :none; }#camwrap {
	width:100%;
	overflow:hidden;
	margin:30px 0 0;
	}#cam01 {
	width:48%;
	height:auto;
	float:left;
	}#cam02 {
	width:48%;
	height:auto;
	float:right;
	}/*-----------------PCのみの表示END-------------------------------*/


.slidbox {    margin:0px 0 0 0;
                height :400px;}/*-----------------サブメニュー（メインビジュアルの下のメニュー）-------------------------------*/


div.submenu { margin  :-80px 0 0 0;
                   width    :100%;
                   background-image    :url(/base/header_bg.jpg);
                   height:98px;
                   }div.submenu_box { width  :1000px;
                   margin :0 auto;
                   height: auto;
                   
	               z-index: 1;
	               	}div.submenu_box ul {  margin   :0 0 0 0;z-index: 100;}div.submenu_box ul li {  margin   :0px 0 0 0;
                          display  :inline;z-index: 100;}/*-----------------サブメニューend-------------------------------*/



/*-----------------サブメニュー下層ページ-------------------------------*/


div.submenu1 {   margin  :20px 0 0 0;
                   width    :100%;
                   background-image    :url(/base/header_bg.jpg);
                   height:98px;}div.submenu_box1 { width  :1000px;
                   margin :0 auto;
                   height: auto;
                   position: relative;
	               z-index: 1;	}div.submenu_box1 ul {  margin   :0 0 0 0;}div.submenu_box1 ul li { margin   :0px 0 0 0;
                         display  :inline;}/*-----------------サブメニューend-------------------------------*/


.k_menu {   width  :100%;
               margin:0 0 0 0;}.k_menubox {   width  :1000px;
               margin:0 auto;}p.km {   width   :120px;
               float   :left;
               margin:   30px 5px 0px 0;
               height  :43px;}p.km_last {   float   :left;
               margin:   30px 0px 0px 0;
               width   :120px;
               height  :43px;}/*-----------------下層ホバーメニュー-------------------------------*/



       
     .menu {
    position: relative;
    width: 1000px;
    height: 50px;
    max-width: 1000px;
    margin: 0 0 0 0;
    clear:both;
    z-index  :100;
}.menu > li {
    float: left;
    width: 300px; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
    margin:10px 15px 10px 18px;
background: #98C959;
    text-align :center;
     z-index  :100;
}.menu > li a {
    display: block;
    color: #fff;
}.menu > li a:hover {
    color: #fff;
}ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}ul.menu__second-level1 {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}ul.menu__second-level2 {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}.menu > li:hover {
    background: #98C959;
    -webkit-transition: all .5s;
    transition: all .5s;
}.menu__second-level li {
    border-top: 1px solid #111;
}.menu__second-level li a:hover {
    background: #98C959;
}.menu__second-level1 li a:hover {
    background: #98C959;
}.menu__second-level2 li a:hover {
    background: #98C959;
}/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}.menu:after {
    clear: both;
}.menu {
    *zoom: 1;
}li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 30px;
    left: 18px;
    box-sizing: border-box;
    width: 966px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}li.menu__mega:hover ul.menu__second-level {
    top: 60px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}li.menu__mega ul.menu__second-level1 {
    position: absolute;
    top: 30px;
    left: 18px;
    box-sizing: border-box;
    width: 966px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}li.menu__mega:hover ul.menu__second-level1 {
    top: 60px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}li.menu__mega ul.menu__second-level1 > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}li.menu__mega ul.menu__second-level1 > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}li.menu__mega ul.menu__second-level2 {
    position: absolute;
    top: 30px;
    left: 18px;
    box-sizing: border-box;
    width: 966px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}li.menu__mega:hover ul.menu__second-level2 {
    top: 60px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}li.menu__mega ul.menu__second-level2 > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}li.menu__mega ul.menu__second-level2 > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}/*-----------------下層ホバーメニューend-------------------------------*/

/* ========================================
   カーテンナビ 横並びメニュー
======================================== */

/* 全体 */
#navimenu {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #ffffff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}/* 親メニュー */
#navimenu > li {
    position: relative;
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    border-right: 1px solid #ddd;
}#navimenu > li:first-child {
    border-left: 1px solid #ddd;
}/* 親メニューリンク */
#navimenu > li > a {
    display: block;
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    transition: background 0.2s ease, color 0.2s ease;
}/* 親メニューホバー */
#navimenu > li:hover > a {
    background: #f3f3f3;
    color: #000;
}/* ========================================
   下層メニュー
======================================== */

#navimenu > li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;

    width: 100%;
    min-width: 160px;

    margin: 0;
    padding: 0;

    list-style: none;
    background: #fff;

    border: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}/* 親にマウスを乗せたら表示 */
#navimenu > li:hover > ul {
    display: block;
}/* 子メニュー */
#navimenu > li > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #eee;
}#navimenu > li > ul > li:last-child {
    border-bottom: none;
}/* 子メニューリンク */
#navimenu > li > ul > li > a {
    display: block;
    padding: 12px 15px;

    color: #333;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;

    background: #fff;
    transition: background 0.2s ease;
}/* 子メニューホバー */
#navimenu > li > ul > li > a:hover {
    background: #f5f5f5;
    color: #000;
}


/* ========================================
   スマートフォン
======================================== */

@media screen and (max-width: 767px) {#navimenu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }#navimenu > li {
        border-bottom: 1px solid #ddd;
    }#navimenu > li > a {
        padding: 12px 5px;
        font-size: 14px;
    }#navimenu > li > ul {
        min-width: 100%;
    }

}.accordion-006 {
    max-width: 749px;
    margin-bottom: 7px;
    background-color: #ebf3ff;
    border-radius: 5px;
}.accordion-006 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}.accordion-006 summary::-webkit-details-marker {
    display: none;
}.accordion-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #bbc3cf;
    border-right: 3px solid #bbc3cf;
    content: '';
    transition: transform .3s;
}.accordion-006[open] summary::after {
    transform: rotate(225deg);
}.accordion-006 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}.accordion-006[open] p {
    transform: none;
    opacity: 1;
}/*-----------------1カラムエリア-------------------------------*/


p.mainhow {  margin  :30px 0 0 0;}p.mainhow1 {  margin  :60px 0 0 0;}div.maincontents_t {     width: 100%;	/*横一杯使う為に100%指定*/
                       background: #fff;	/*背景色（古いブラウザ用）*/
}div.maincontents {
	width: 1000px;	/*幅。「#menubar ul」と「#contents」と数字を揃える。*/
	height: auto;	/*高さ*/
	margin: 0 auto;
	position: relative;
	z-index: 100;
}div.maincontents_c {     width: 1000px;	/*横一杯使う為に100%指定*/
                       background: #fff;	/*背景色（古いブラウザ用）*/
                       margin: 0 auto;
}div.maincontents_c2 {
	width: 1000px;	/*幅。「#menubar ul」と「#contents」と数字を揃える。*/
	height: auto;	/*高さ*/
	margin: 30px 0 0 0;
	position: relative;
	border-top  :1px dashed #dcdcdc;
	z-index: 1;
	padding  :30px 0 0px 0;
}p.cart_bt {    width:401px;
                     margin:0 0 0 65px;
                     float:left;}p.cart_bt1 {    width:401px;
                     margin:0 0 0 65px;
                     float:left;}p.mainhow1 {    display:none;}div.howto_l {     width    :450px;
                  margin   :30px 35px 0 0;
                  float    :left;
                  border   :1px dashed #dcdcdc;
                  padding  :13px 13px;}div.howto_r {     width    :450px;
                  margin   :30px 0 0 0;
                  float    :left;
                  border   :1px dashed #dcdcdc;
                  padding  :13px 13px;}p.howtoimage {   display:block;}p.howtoimage1 {   display:none;}p.large {     font-size :24px;
                  font-weight :bold;
                  text-align  :center;
                  color       :#595757;
                  margin   :30px 0 0 0;}div.searchbox {   width   :100%;
                    margin  :64px 0 20px 0;
                    border   :1px dashed #dcdcdc;
                    text-align :center;
                    padding  :20px 0px 20px 0px; }/*-----------------１カラムエリアend-------------------------------*/



/*コンテンツ（左右ブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	width: 1000px;	/*幅。「header #inner」と「#menubar ul」と数字を揃える。*/
	margin: 0 auto;
}/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	float: left;	/*左側に回り込み*/
	width: 745px;	/*幅*/
	margin-top:15px;
}#main2 {
	width: 100%;	/*幅*/
	margin-top:15px;
}/*mainコンテンツのh1タグの設定*/
#main h1:where(:not(.as-h2)) {
	clear: both;
	margin-bottom: 15px;
	font-size: 135%;
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faf8f2));	/*グラデーション*/
	background: -webkit-linear-gradient(#fff, #faf8f2);	/*同上*/
	background: linear-gradient(#fff, #faf8f2);			/*同上*/
	padding: 7px 15px;	/*上下、左右への余白*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ*/
	border-left: solid 1px #d6ccb7;		/*左側への線の線種、幅、色*/
	border-top: solid 1px #d6ccb7;		/*上側への線の線種、幅、色*/
	border-right: solid 1px #d6ccb7;	/*右側への線の線種、幅、色*/
	border-bottom: solid 5px #8f7e58;	/*下側への線の線種、幅、色*/
}/*mainコンテンツのh2タグの設定*/

#main h2,
/*mainコンテンツのh2タグの設定*/

#main h1.as-h2 {
	clear: both;
	margin-bottom: 15px;
	font-size: 135%;
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faf8f2));	/*グラデーション*/
	background: -webkit-linear-gradient(#fff, #faf8f2);	/*同上*/
	background: linear-gradient(#fff, #faf8f2);			/*同上*/
	padding: 7px 15px;	/*上下、左右への余白*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ*/
	border-left: solid 1px #d6ccb7;		/*左側への線の線種、幅、色*/
	border-top: solid 1px #d6ccb7;		/*上側への線の線種、幅、色*/
	border-right: solid 1px #d6ccb7;	/*右側への線の線種、幅、色*/
	border-bottom: solid 5px #8f7e58;	/*下側への線の線種、幅、色*/

}#main2 h2,
#main2 h1.as-h2 {
	clear: both;
	margin-bottom: 15px;
	font-size: 135%;
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faf8f2));	/*グラデーション*/
	background: -webkit-linear-gradient(#fff, #faf8f2);	/*同上*/
	background: linear-gradient(#fff, #faf8f2);			/*同上*/
	padding: 7px 15px;	/*上下、左右への余白*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ*/
	border-left: solid 1px #d6ccb7;		/*左側への線の線種、幅、色*/
	border-top: solid 1px #d6ccb7;		/*上側への線の線種、幅、色*/
	border-right: solid 1px #d6ccb7;	/*右側への線の線種、幅、色*/
	border-bottom: solid 5px #8f7e58;	/*下側への線の線種、幅、色*/

}#main h2.title1,
#main h1.as-h2.title1 {
	clear: both;
	margin:35px 0 15px 0;
	font-size: 135%;
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faf8f2));	/*グラデーション*/
	background: -webkit-linear-gradient(#fff, #faf8f2);	/*同上*/
	background: linear-gradient(#fff, #faf8f2);			/*同上*/
	padding: 7px 15px;	/*上下、左右への余白*/
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ*/
	border-left: solid 1px #d6ccb7;		/*左側への線の線種、幅、色*/
	border-top: solid 1px #d6ccb7;		/*上側への線の線種、幅、色*/
	border-right: solid 1px #d6ccb7;	/*右側への線の線種、幅、色*/
	border-bottom: solid 5px #8f7e58;	/*下側への線の線種、幅、色*/

}/*mainコンテンツのh3タグの設定*/
#main h3 {
	clear: both;
	margin:35px 0 15px 0;
	font-size: 110%;
	background: #FFF;	/*背景色*/
	padding: 4px 15px;	/*上下、左右への余白*/
	border: 1px solid #e4e4e4;	/*枠線の幅、線種、色*/
	border-radius: 4px;	/*角丸のサイズ*/
}/*mainコンテンツのh3タグの１文字目への設定*/
#main h3::first-letter {
	border-left: 3px solid #8f7e58;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 7px 5px 14px;	/*上、左右、下への余白*/
}#main p + p {
	padding-top: 0px;
}#main h2 + p,
#main h1.as-h2 + p,
#main h3 + p {
	padding-top: 0px;
	margin-top: -5px;
}/*-----------------main-------------------------------*/



div.type {   width  :745px;
                   border   :1px dashed #dcdcdc;
                   margin   :30px 0 0 0;
                   height   :108px;
                   }div.l_type {   width  :234px;
                   background   :#98C959;
                   margin   :0 0 0 0;
                   text-align:center;
                   padding :30px 0 30px 0;
                   float    :left;}div.l_type p {  color  :#fff;}div.r_type {   width  :505px;
                   margin   :0 0 0 0;
                   float    :left;}div.r_type ul {  margin  :15px 0 0 0;}div.r_type ul li {  display  :inline;
                    margin   :0px 0 0 20px;
                    font-size:14px;}div.genre {   width  :745px;
                   border   :1px dashed #dcdcdc;
                   margin   :30px 0 40px 0;
                   height   :184px;
                   }div.l_genre {   width  :234px;
                   background   :#98C959;
                   margin   :0 0 0 0;
                   text-align:center;
                   padding :68px 0 68px 0;
                   float    :left;}div.l_genre p {  color  :#fff;}div.r_genre {   width  :505px;
                   margin   :0 0 0px 0;
                   float    :left;}div.r_genre ul {  margin  :15px 0 0 0;}div.r_genre ul li {  display  :inline;
                    margin   :0px 0 0 20px;
                    font-size:14px;}div.osusumebox {  width  :745px;
                     margin :0 0 0 0;}div.osusumeboxin {  width  :220px;
                     margin :20px 40px 0 0;
                     padding :0 0 0 0;
                     float  :left;}div.osusumeboxin p img {  margin :0px 0px 0 -7px;
                            width  :100%;}div.osusumeboxin_last {  width  :222px;
                     margin :20px 0 0 0;
                     float  :left;}div.osusumeboxin_last p img {  margin :0px 0px 0 -7px;
                                 width  :100%;}p.syousai {    width:100%;
                        font-size   :12px;
                        margin:-10px 0 0 0px;
                        
                        }div.osusumebox a {   color  :#000;}div.osusumebox a:hover {   color  :#3E3A39;}div.news {   max-width:100%;
                        margin  :20px auto;
                        height:auto;
                        width:100%;
                        border  :1px dashed #dcdcdc;}table.news td { padding  :15px 10px 10px 20px;}/*-----------------main end-------------------------------*/





/*-----------------サイドバー-------------------------------*/

/* ---------------------------------------------------------
   サイドバー全体
   ※旧CSSは width:190px + 左右padding20px で外寸230px。
     レイアウトを変えないよう外寸230pxを維持します。
   --------------------------------------------------------- */

#sub1 .side_category,
#sub1 .side_category1,
#sub1 .side_category3 {
    box-sizing: border-box !important;
    width: 230px !important;
    max-width: 100% !important;
    margin: 24px 0 0 !important;
    padding: 14px !important;
    background: #f7f9f8 !important;
    border: 1px solid #dfe7e3 !important;
    border-radius: 10px !important;
    text-align: left !important;
}#sub1 .side_category1,
#sub1 .side_category3 {
    margin-top: 22px !important;
}/* ---------------------------------------------------------
   リスト
   --------------------------------------------------------- */

#sub1 .side_category ul,
#sub1 .side_category1 ul,
#sub1 .side_category3 ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}#sub1 .side_category ul li,
#sub1 .side_category1 ul li,
#sub1 .side_category3 ul li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e7ece9 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    list-style: none !important;
}#sub1 .side_category ul li:last-child,
#sub1 .side_category1 ul li:last-child,
#sub1 .side_category3 ul li:last-child {
    border-bottom: 0 !important;
}#sub1 .side_category ul li a,
#sub1 .side_category1 ul li a,
#sub1 .side_category3 ul li a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 22px 10px 7px !important;
    background: transparent !important;
    color: #55646a !important;
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease, padding-left .18s ease !important;
}#sub1 .side_category ul li a::after,
#sub1 .side_category1 ul li a::after,
#sub1 .side_category3 ul li a::after {
    content: "›" !important;
    position: absolute !important;
    top: 50% !important;
    right: 7px !important;
    transform: translateY(-52%) !important;
    color: #8fa39a !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1 !important;
}#sub1 .side_category ul li a:hover,
#sub1 .side_category1 ul li a:hover,
#sub1 .side_category3 ul li a:hover {
    padding-left: 11px !important;
    background: #edf4f1 !important;
    color: #365e50 !important;
}#sub1 .side_category ul li a:hover::after,
#sub1 .side_category1 ul li a:hover::after,
#sub1 .side_category3 ul li a:hover::after {
    color: #496b5e !important;
}/* 現在地表示に current / active / aria-current が使われている場合 */
#sub1 .side_category ul li.current > a,
#sub1 .side_category1 ul li.current > a,
#sub1 .side_category3 ul li.current > a,
#sub1 .side_category ul li.active > a,
#sub1 .side_category1 ul li.active > a,
#sub1 .side_category3 ul li.active > a,
#sub1 .side_category a[aria-current="page"],
#sub1 .side_category1 a[aria-current="page"],
#sub1 .side_category3 a[aria-current="page"] {
    padding-left: 11px !important;
    background: #e8f1ed !important;
    border-left: 3px solid #496b5e !important;
    color: #365e50 !important;
    font-weight: bold !important;
}/* ---------------------------------------------------------
   メニュー内ブロック
   --------------------------------------------------------- */

#sub1 .side_menu1,
#sub1 .side_menu2,
#sub1 .side_menu3 {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 14px 6px !important;
    border-bottom: 1px solid #e1e8e4 !important;
}#sub1 .side_menu1 {
    padding-top: 4px !important;
}#sub1 .side_menu3 {
    padding-bottom: 4px !important;
    border-bottom: 0 !important;
}/* ---------------------------------------------------------
   見出し共通
   旧デザインの原色・影・吹き出し三角を廃止
   --------------------------------------------------------- */

#sub1 h3.headding01,
#sub1 h3.headding02,
#sub1 h3.headding03,
#sub1 h3.headding04,
#sub1 h3.headding05,
#sub1 h3.headding08 {
    position: relative !important;
    display: block !important;
    margin: 0 0 10px !important;
    padding: 9px 10px 9px 13px !important;
    background: #ffffff !important;
    border: 1px solid #dfe7e3 !important;
    border-left: 4px solid #496b5e !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #365e50 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
    text-shadow: none !important;
}#sub1 h3.headding01::before,
#sub1 h3.headding02::before,
#sub1 h3.headding03::before,
#sub1 h3.headding04::before,
#sub1 h3.headding05::before,
#sub1 h3.headding08::before {
    content: none !important;
    display: none !important;
}/* 色はサイト全体のグリーン・生成り系に統一し、識別だけ残す */
#sub1 h3.headding01 {
    border-left-color: #496b5e !important;
    color: #365e50 !important;
}#sub1 h3.headding02 {
    border-left-color: #8f7960 !important;
    color: #665440 !important;
}#sub1 h3.headding03 {
    border-left-color: #5f7f8d !important;
    color: #486673 !important;
}#sub1 h3.headding04 {
    border-left-color: #a98956 !important;
    color: #765e38 !important;
}#sub1 h3.headding05 {
    border-left-color: #74845d !important;
    color: #596747 !important;
}#sub1 h3.headding08 {
    border-left-color: #557487 !important;
    color: #405e70 !important;
}/* ---------------------------------------------------------
   補助表示
   --------------------------------------------------------- */

#sub1 p.sp_c01,
#sub1 p.sp_block,
#sub1 p.sp_block1 {
    display: none !important;
}/* ---------------------------------------------------------
   画像リンク
   --------------------------------------------------------- */

#sub1 .side_category img,
#sub1 .side_category1 img,
#sub1 .side_category3 img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 7px !important;
}#sub1 .side_category a img,
#sub1 .side_category1 a img,
#sub1 .side_category3 a img {
    transition: opacity .18s ease !important;
}#sub1 .side_category a:hover img,
#sub1 .side_category1 a:hover img,
#sub1 .side_category3 a:hover img {
    opacity: .88 !important;
}

/* ---------------------------------------------------------
   スマホ
   --------------------------------------------------------- */

@media screen and (max-width: 787px) {#sub1 .side_category,
#sub1 .side_category1,
#sub1 .side_category3 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px 0 0 !important;
        padding: 13px !important;
    }#sub1 .side_category ul li a,
#sub1 .side_category1 ul li a,
#sub1 .side_category3 ul li a {
        min-height: 44px !important;
        padding-top: 11px !important;
        padding-bottom: 11px !important;
        font-size: 14px !important;
    }#sub1 h3.headding01,
#sub1 h3.headding02,
#sub1 h3.headding03,
#sub1 h3.headding04,
#sub1 h3.headding05,
#sub1 h3.headding08 {
        font-size: 15px !important;
    }
}/* =========================================================
   サイドメニュー右矢印 はみ出し修正
   ========================================================= */

#sub1 .side_category *,
#sub1 .side_category1 *,
#sub1 .side_category3 * {
    box-sizing: border-box !important;
}#sub1 .side_category ul li a,
#sub1 .side_category1 ul li a,
#sub1 .side_category3 ul li a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 24px 10px 7px !important;
    overflow: hidden !important;
}#sub1 .side_category ul li a::after,
#sub1 .side_category1 ul li a::after,
#sub1 .side_category3 ul li a::after {
    position: absolute !important;
    top: 50% !important;
    right: 7px !important;
    transform: translateY(-50%) !important;
}/*-----------------サイドバーend-------------------------------*/








/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: right;	/*右に回り込み*/
	width: 220px;
	margin:0 0 0 0;	/*幅*/
}/*subコンテンツ内のh2タグ設定*/
#sub h2,
/*subコンテンツ内のh2タグ設定*/
#sub h1.as-h2 {
	font-size: 100%;
	padding-bottom: 10px;
}/*subコンテンツのh2タグの１文字目への設定*/
#sub h2::first-letter,
/*subコンテンツのh2タグの１文字目への設定*/
#sub h1.as-h2::first-letter {
	border-left: 3px solid #8f7e58;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;
}#sub1 {
	float: right;	/*右に回り込み*/
	width: 220px;
	margin:16px 0 0 0;	/*幅*/
}/*subコンテンツ内のh2タグ設定*/
#sub1 h2,
/*subコンテンツ内のh2タグ設定*/
#sub1 h1.as-h2 {
	font-size: 100%;
	padding-bottom: 10px;
}/*subコンテンツのh2タグの１文字目への設定*/
#sub1 h2::first-letter,
/*subコンテンツのh2タグの１文字目への設定*/
#sub1 h1.as-h2::first-letter {
	border-left: 3px solid #8f7e58;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;
}/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub ul.submenu {
	margin-bottom: 15px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #d6ccb7;	/*上の線の線種、幅、色*/
}/*メニュー１個ごとの設定*/
#sub ul.submenu li {
	background: #fff;	/*背景色*/
	border-bottom: solid 1px #d6ccb7;	/*下の線の線種、幅、色*/
}#sub ul.submenu li a {
	text-decoration: none;
	display: block;
	padding: 2px 10px;	/*メニュー内の余白。上下、左右への設定。*/
}/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {
	padding: 15px;			/*ボックス内の余白*/
	margin-bottom: 15px;	/*ボックスの下に空けるスペース*/
	background: #faf8f2;	/*背景色*/
	border: solid 1px #d6ccb7;	/*線の線種、幅、色*/
}/*box1内のメニューの設定*/
#sub .box1 ul.submenu {
	margin-bottom: 0px;
}/*フッター設定
---------------------------------------------------------------------------*/

.mainfooter {    width :100%;
                    margin:0 0 0 0;}.mainfooter_in {    width :1000px;
                    margin:0 auto;}.footer_navi {     width   :1000px;
                     margin  :80px 0 0 0;
                     background-image    :url(/base/footer_navi.jpg);  
                     height  :401px; 
                     clear   :both; }p.f_navi {   margin:50px 0 0 28px;float:left;}p.f_navi_last {   margin:50px 0 0 20px;float:left;}.footer {    width  :100%;
                    margin :40px 0 0 0;
                    background  :#403A39;
                    height       :1310px;}.footer_box {   width  :1000px;
                    margin :0 auto;}.f_menu {  float:left;margin:30px 47px 0 0;}.f_menu_last {  float:left;margin:30px 0px 0 0;}.footer_l {   width  :480px;
                    float  :left;
                    margin :30px 40px 0 0;}.footer_r {   width  :480px;
                    float  :left;
                    margin :30px 0 0 0;}h2.footer_title,
h1.as-h2.footer_title,
div.h_h2.footer_title {  color  :#fff;
                    font-size :15px;
                    font-weight :bold;}.footer p { color   :#fff;
               font-size :12px;  }p.f_s {  background  :#F9F0AB;
            text-align  :center;
            padding     :10px 10px;
            margin      :20px 0 0 0;   }.footer_box1 {   width  :1000px;
                    margin :50px 0 0px 0;
                    border-top  :2px solid #fff;}.footer_box1_l {   width  :225px;
                    margin :0px 30px 0px 0;
                    float  :left;
                    }.footer_box1_l a {color:white;
                    }.footer_box1_m {   width  :300px;
                    margin :0px 0 0 0;
                    float  :left;
                    }.footer_box1_r {   width  :435px;
                    margin :0px 0 0 0;
                    float  :left;
                    }/*-----------------フッターend-------------------------------*/



p.f_banner {   float:left;
                  margin :30px 12px; 0 0;
                  }p.f_banner_last {   float:left;
                  margin :30px 0px 0 8px;
                  }p.sm {   display  :none;}footer {
	clear: both;
	background: #333;	/*背景色*/
	color: #fff;	/*文字色*/
	font-size: 85%;	/*文字サイズ*/
}footer a {
	color: #fff;
}footer a:hover {
	color: #fff;
}footer .pr {
	display: block;
	font-size: 80%;
}/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 940px;	/*幅*/
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0px;
}/*１行分の設定*/
#footermenu ul {
	float: left;	/*左に回り込み*/
	width: 18%;		/*幅。今回は５列作ったのでここの幅18%と下のpaddingの2%でトータル20%になるよう設定。列に応じて調整して下さい。*/
	padding-right: 2%;
}/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	color  :#fff;
	margin:0px 0 0 0;
	background: #111;	/*背景色*/
}#copyright a {
	text-decoration: none;
}/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
	padding-top: 40px;
}#pagetop a {
	color: #FFF;		/*文字色*/
	font-size: 20px;	/*文字サイズ*/
	padding: 0px 30px;	/*上下、左右へのボックス内余白*/
	background: #333;	/*背景色*/
	text-decoration: none;
	text-align: center;
	display: block;
	float: right;
	border-radius: 4px 4px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下。*/
}/*マウスオン時*/
#pagetop a:hover {
	background-color: #999;	/*背景色*/
	color: #FFF;			/*文字色*/
}/*下層ページ
---------------------------------------------------------------------------*/

table.responsive {    width  :100%;
                        font-size:12px;
                        overflow: auto;}table.responsive td {
	padding: 6px;
	border: 1px solid #fff;
        text-align :left;
        background  :#F5F5F4;
}table.responsive td.height {
	padding: 6px;
	border: 1px solid #fff;
        text-align :left;
        background  :#EFEFEF;
}table.responsive th {
	background: #EFEFEF;
	color: #696969;
        border: 1px solid #fff;
        padding  :6px;
        text-align  :left;font-weight:normal;
}table.responsive td a { color    :#1488B9;
                     font-weight:bold; }table.responsive td a:hover { filter:alpha(opacity=60);
                                  opacity:0.6;
                                  -webkit-transition: 0.6s ;
                                  transition: 0.6s ;}ul.pageNav01 {

	margin: 0 0 10px;

	padding: 10px 10px 5px;

	background: #fff;

	text-align: center;

}ul.pageNav01 li {

	display: inline;

	margin: 0 2px;

	padding: 0;

}ul.pageNav01 li span,
ul.pageNav01 li a {

	display: inline-block;

	margin-bottom: 5px;

	padding: 1px 8px;

	background: #fff;

	border: 1px solid #aaa;

	text-decoration: none;

	vertical-align: middle;

}ul.pageNav01 li a:hover {

	background: #eeeff7;

	border-color: #00f;

}div#features-wrapper {  margin:50px 0 0 0;}.cart_box {      width:320px;
            margin:30px 10px 30px 0;
            float:left;}.cart_box_last {      width:320px;
            margin:30px 0px 30px 0;
            float:left;}.cart_box_in {    margin  :0 0 0 10px;
                    width   :300px;}h2.s_title,
h1.as-h2.s_title,
div.h_h2.s_title {    text-align:center;
                  margin:30px 0 30px 0;
                  padding: 0.5em;
                  color: #1488B9;
                  border: solid 3px #1488B9;
                  border-radius: 0.5em;
                  }p.center {   text-align:center;}/*下層ページEND
---------------------------------------------------------------------------*/


/*カート関連
---------------------------------------------------------------------------*/

p.link01 a {   font-size:16px;
                 color    :#1488B9;
                 font-weight:bold;
                 text-decoration: underline;}p.link01 a:hover { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}p.link02 {text-align :center;}p.link02 a {   font-size:16px;
                 color    :#1488B9;
                 font-weight:bold;
                 text-decoration: underline;
                 }p.link02 a:hover { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}ul.global-nav li.contact_bt {   background:#A2CC52;
                                  width     :150px;
                                  padding   :10px 10px;
                                  text-align :center;
                                  color   :#fff;
                                  margin:20px 30px 0px 0;
                                  float :left;}ul.global-nav li.contact_bt:hover { filter:alpha(opacity=60);
                                        opacity:0.6;
                                        -webkit-transition: 0.6s ;
                                        transition: 0.6s ;}ul.global-nav li.favarit_bt {   background:#E95773;
                                  width     :150px;
                                  padding   :10px 10px;
                                  text-align :center;
                                  color   :#fff;
                                  margin:20px 0 0px 0;
                                  float :left;
                                  }ul.global-nav li.favarit_bt:hover { filter:alpha(opacity=60);
                                        opacity:0.6;
                                        -webkit-transition: 0.6s ;
                                        transition: 0.6s ;}.global-nav2 li {
  float: left;
  width: 50%;
  display:block;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}.global-nav2 a {
  display: block;
  line-height: 44px;
  color: #000;
  text-decoration: none;
}.global-nav2 a:hover {
  color: #000;
  background: #e6e6e6;
}div.clear1 {  clear:both;}h2.cart_title,
h1.as-h2.cart_title,
div.h_h2.cart_title {  background:#1488B9;
                   padding   :10px 10px;
                   margin    :30px 0 30px 0;
                   text-align :center;
                   color   :#fff; }h3.cart_title {  background:#1488B9;
                   padding   :10px 10px;
                   margin    :30px 0 30px 0;
                   text-align :center;
                   color   :#fff; }h4.under_title {  background:#9BD6E3;
                   padding   :10px 10px;
                   margin    :30px 0 30px 0;
                   text-align :center;
                   color   :#fff; }.thread {      width:300px;
            margin:30px 50px 30px 0;
            float:left;}.thread_last {      width:300px;
            margin:30px 0px 30px 0;
            float:left;}p.thread_bt {  text-align  :center;
                 clear       :both;}p.thread_bt:hover { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}/*demo01
----------------------------*/                   
                   
table.demo01 {  margin :0px 0 0 0;
                    border :1px solid #fff;}table.demo01 th {  background:#9BD6E3;
                    width :20%;
                    padding :20px;}table.demo01 td {  background:#F7F8F8;
                    padding :20px;}table.demo01 td a { color    :#1488B9; }/*demo02
----------------------------*/ 



table.demo02 {  margin :30px 0 0 0;
                    border :1px solid #fff;
                    width  :100%;
                    font-size:12px;}table.demo02 td {
	padding: 5px;
	border: 1px solid #fff;
        text-align :left;
        background  :#F5F5F4;
}table.demo02 td.height {
	padding: 5px;
	border: 1px solid #fff;
        text-align :left;
        background  :#EFEFEF;
}table.demo02 th {
	background: #EFEFEF;
	color: #696969;
        border: 1px solid #fff;
        padding  :5px;
        text-align  :left;
}table.demo02 td a { color    :#1488B9;
                     font-weight:bold; }/*demo03
----------------------------*/ 

.table-wrap {  overflow: auto;}table.demo03 {  margin :0px 0 0 0;
                    border :1px solid #fff;}table.demo03 th {  background:#9BD6E3;
                    width :20%;
                    padding :20px;}table.demo03 td {  background:#F7F8F8;
                    padding :20px;}table.demo03 td a { color    :#1488B9; }p.midashi {   text-align :center;
               padding    :10px 10px;
               background:#1488B9;
               color:#fff;
               margin:20px 0 20px 0;}ul.global-nav {   margin :0 auto;}ul.global-nav li {   background:#A2CC52;
                       width     :auto;
                       padding   :10px 10px;
                       text-align :center;
                       color   :#fff;
                       margin:20px 1px 0px 0;
                       float :left;  }ul.global-nav li:hover { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}.cart_inner {    width  :600px;
                    margin :0 auto;}.cart_inner1 {    width  :640px;
                    margin :0 auto;}.cart_inner22 {    width  :640px;
                    margin :-20px 0 0 0;}.cart_inner2 {    width  :600px;
                    margin :0 auto;}.cart_inner3 {    width  :595px;
                    margin :0 auto;}p.mitsumori_bt {  text-align  :center;}p.mitsumori_bt:hover { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}p.cart_bt {  text-align  :center;}p.center:hover { filter:alpha(opacity=60);
                       opacity:0.6;
                       -webkit-transition: 0.6s ;
                       transition: 0.6s ;}.accbox {
    margin: 2em 0;
    padding: 0;

}.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 12px;
    color :#ffffff;
    font-weight: bold;
    background :#1488B9;
    text-align:center;
    cursor :pointer;
    transition: all 0.5s;
}.accbox label:hover {
    background :#1CBCFF;
}.accbox input {
    display: none;
}.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}




/*カート関連END
---------------------------------------------------------------------------*/







/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:800px){/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*サイト幅にしたheader内のブロック*/
header #inner {
	width : auto;
}div.maincontents {
	width : auto;
}div.submenu_box {
	width : auto;
}.slidbox {    margin:50px 0 0 0;}div.submenu {      margin  :-80px 0 0 0;
                     width    :100%;
                     background :#E3DCCF;
                     text-align  :center;
                     height:170px;
                     z-index: 1;
                      }div.submenu_box {
	height : 300px;
}div.submenu1 {      margin  :0px 0 0 0;
                     width    :auto;
                     background :#E3DCCF;
                     text-align  :center;
                     height:170px;
                      }div.submenu_box1 {  width  :auto;
	height : 300px;
}/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	width: auto;

}.maincontents {
	width: auto;
	
}/*main,
subコンテンツ
---------------------------------------------------------------------------*/
#main,
#sub,
#sub1,
.howto_l {
	float: none;
	width: auto;
}/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: 90%;
}/*その他
---------------------------------------------------------------------------*/
body.s-n #sub {
	display: none;
}#camwrap {
	width:100%;
	overflow:hidden;
	}#cam01 {
	width:48%;
	height:auto;
	float:left;
	}#cam02 {
	width:48%;
	height:auto;
	float:right;
	}

}



/*画面幅650px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:650px){/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	width: 100%;
}.slidbox {    margin:50px 0 0 0;}div.submenu {      margin  :-80px 0 0 0;
                     width    :100%;
                     background :#E3DCCF;
                     text-align  :center;
                     height:250px;
                      }div.submenu_box {
	height : 300px;
}div.submenu1 {      margin  :0px 0 0 0;
                     width    :auto;
                     background :#E3DCCF;
                     text-align  :center;
                     height:250px;
                      }div.submenu_box1 {   width   :auto;
	height : 300px;
}




}












/*画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:480px){h1:where(:not(.as-h2)).h_h1,
div.h_h1.h_h1 {       font-size  :  18px;
                             font-weight : bold;
                             position   : absolute;
                             top        : -7px;
                             left : 80px;
                             display : block;
                           }h2.h_h2,
h1.as-h2.h_h2,
div.h_h2.h_h2 {       display:none;
                           }/*ヘッダー（サイトロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	margin:0 0 0 0;
}div#logo img {    width :43px;
                    height :46px;}/*サイト幅にしたheader内のブロック*/


div.header_l {    
                       margin :0 0 0 20px;
                       text-align:left;
                       padding :0 0px 0 0;
                       float:left;
                       
                   }div.header_m1 {    width  :auto;
                       margin :0 0 0 0px;
                       text-align:center;
                       padding :0 20px 0 20px;
                       float:left;
                   }div.header_m2 {    width  :auto;
                       margin :0 0 0 0px;
                       text-align:center;
                       padding :0 25px 0 25px;
                       display:none;
                   }p.h_h1 {    font-size:15px;
                   font-weight:bold;
                   position   :absolute;
                   top        :-7px;
                   left:80px;
                   display:none;}p.h_h1_sp {  font-size:18px;
                   font-weight:bold;
                   position   :absolute;
                   top        :-7px;
                   left:80px;
                   display:block;}p.h_h2 {    font-size:10.5px;
                   background  :#C30D23;
                   padding:10px;
                   margin:0px 0 20px 0;
                   color:#fff;
                   position :relative;
                   top:-10px;
                   display:none;
                   }div.header_m2 p {    font-size:14px;
                   display:none;}div.header_r {    display:none;
                   }nav#mainNav {   display  :block;
                    margin   :40px 0 0 0; }.slidbox {    margin:40px 0 0 0;
               }div.clear {    clear  :both;
            
                     }div.sp_menu {    width  :100%;
                     background :#333333;
                     display:block;
                     height  :50px;
                     margin:20px 0 0 0;
                      position: fixed;
                     bottom: 0px;
                    z-index: 100000;}div.sp_menu ul {    margin  :6px 0 0 0;}div.sp_menu ul li {    display:inline;
                         margin  :0 0 0 17px;}/* 下層のホバーメニュー */



.menu {
    position: relative;
    width: auto;
    height: 50px;
    max-width: 1000px;
    margin: 20px 0 0 0;
    clear:both;
    z-index  :100;
}.menu > li {
    width: 325px; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
    margin:10px 15px 10px 18px;
background: #98C959;
    text-align :center;
     z-index  :100;
}li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 30px;
    left: 18px;
    box-sizing: border-box;
    width: 325px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}li.menu__mega ul.menu__second-level1 {
    position: absolute;
    top: 90px;
    left: 18px;
    box-sizing: border-box;
    width: 325px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}li.menu__mega:hover ul.menu__second-level1 {
    top: 130px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}li.menu__mega ul.menu__second-level1 > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}li.menu__mega ul.menu__second-level1 > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}li.menu__mega ul.menu__second-level2 {
    position: absolute;
    top: 90px;
    left: 18px;
    box-sizing: border-box;
    width: 325px;
    padding: 20px 2%;
    background: #AED481;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
     z-index  :100;
}li.menu__mega:hover ul.menu__second-level2 {
    top: 200px;
    visibility: visible;
    opacity: 1;
     z-index  :100;
}li.menu__mega ul.menu__second-level2 > li {
    float: left;
    width: 32%;
    border: none;
     z-index  :100;
}li.menu__mega ul.menu__second-level2 > li:nth-child(3n+2) {
    margin: 0 1%;
     z-index  :100;
}.k_menubox {   width  :auto;
               margin:20px 0 0 0;
               }p.km {    width   :auto;
                   margin:   0 0px 10px 18px;
                   height  :63px;}p.km img {  width  :153px;
                height :54px;}p.km_last {    margin:   0 0 30px 18px;
                        width   :auto;
                        height  :63px;}p.km_last img {  width  :153px;
                height :54px;}/*カート
---------------------------------------------------------------------------*/

div.maincontents_c {     width: auto;	/*横一杯使う為に100%指定*/
                       background: #fff;	/*背景色（古いブラウザ用）*/
                       margin: 0 auto;
}div.maincontents_c2 {
	width: auto;	/*幅。「#menubar ul」と「#contents」と数字を揃える。*/
	height: auto;	/*高さ*/
	margin: 10px 0 0 0;
	border-top  :1px dashed #dcdcdc;
	z-index: 1;
	padding  :30px 0 0px 0;
}p.cart_bt {    width:auto;
                     margin:0 0 0px 0px;
                     padding  :10px 10px;
                     }p.cart_bt1 {    width:auto;
                     margin:0 0 30px 0px;
                     padding  :10px 10px;
                     }/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	width: auto;
	margin:2%;z-index: 1;
}div.submenu {      margin  :-80px 0 0 0;
                     width    :100%;
                     background :#E3DCCF;
                     text-align  :center;
                     height:245px;
                     display:none;  }div.submenu_box {
	height : 300px;z-index: 1;
}div.submenu_box ul li.sm1 {  display:none;}div.submenu1 {      margin  :20px 0 0 0;
                     width    :auto;
                     background :#E3DCCF;
                     text-align  :center;
                     height:338px;
                     display:none; }div.submenu_box1 {   height : 300px;
                       width  :auto;
                                          }div.maincontents_t {     z-index: 1;
                          width  :auto;
                          margin-top:-60px;
                                          }div.maincontents {     z-index: 1;
                                          }p.mainhow {    display:none;}p.mainhow1 {    display:block;}div.howto_l {     width    :auto;
                  margin   :2%;
                  border   :1px dashed #dcdcdc;
                  padding  :10px 10px;}p.howtoimage {   width  :100%;
                  margin :0 auto;
                  text-align:center;
                  display  :none;}p.howtoimage1 {   width  :100%;
                  margin :0 auto;
                  text-align:center;
                  display:block;}div.howto_r {     width    :auto;
                  margin   :2%;
                  border   :1px dashed #dcdcdc;
                  padding  :10px 10px;}div.searchbox {   display:none; }p.large {     display:none; }/*タイプから選ぶ
---------------------------------------------------------------------------*/

div.type {   width  :auto;
                   border   :1px dashed #dcdcdc;
                   margin   :30px 0 0 0;
                   height   :200px;
                   padding  :0 0 40px 0;
                   }div.l_type {   width  :100%;
                    margin   :0 0 0 0;
                   text-align:center;
                   padding :3px 0 0px 0;
                  
                   }div.l_type p {  color  :#fff;}div.r_type {   width  :auto;
                   margin   :0 0 0 0;
                   }div.r_type ul {  margin  :10px 0 0 0;
                    width   :auto;
                    padding :5px 5px;}div.r_type ul li {  float:left;
                    margin   :0px 0 8px 10px;
                    font-size:15px;}div.genre {   width  :auto;
                   border   :1px dashed #dcdcdc;
                   margin   :30px 0 40px 0;
                   height   :320px;
                   }div.l_genre {   width  :100%;
                   background   :#98C959;
                   margin   :0 0 0 0;
                   text-align:center;
                  padding :3px 0 0px 0;
                   }div.l_genre p {  color  :#fff;}div.r_genre {   width  :auto;
                   margin   :0 0 0px 0;
                   }div.r_genre ul {  margin  :10px 0 0 0;
                    width   :auto;
                    padding :5px 5px;}div.r_genre ul li {  float:left;
                    margin   :0px 10px 8px 10px;
                    font-size:15px;}/*タイプから選ぶEND
---------------------------------------------------------------------------*/



/*下層ページ
---------------------------------------------------------------------------*/


table.responsive {  display:block;}.responsive thead {
    display:block;
    float:left;
  }.responsive tbody {
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;padding:0;margin:0;
  }.responsive tr {padding:0;margin:0;
    display:inline-block;
  }.responsive td {
    display:block;
    padding:0;margin:0;
  }.responsive th {
    display:block;
    padding:0;margin:0;
  }ul.pageNav01 li.next {   width:30px;border :1px solid #000;text-align:center;float:left;}table.demo01 th,
.demo01 td {
    width: 100%;
    display: block;
    border-top: none;
    }table.demo02 {  display:block;border:1px solid #fff;}.demo02 thead {
    display:block;
    float:left;
  }.demo02 tbody {
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;padding:0;margin:0;
  }.demo02 tr {padding:0;margin:0;
    display:inline-block;
  }.demo02 td {
    display:block;
    padding:0;margin:0;
  }.demo02 th {
    display:block;
    padding:0;margin:0;
  }.thread {      width:300px;
            margin:30px 0 0 24px;
            }.thread_last {      width:300px;
            margin:30px 0 0 24px;
            }/*下層ページEND
---------------------------------------------------------------------------*/


div.osusumebox {  width  :auto;
                     margin :0 0 0 0;}div.osusumeboxin {  width  :100%;
                     margin :0 0 0 5px;
                     text-align  :center;
                     }div.osusumeboxin_last {  width  :100%;
                     margin :0px 0 0 5px;
                     text-align  :center;
                     }div.side_category {     width   :auto;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :24px 0 0 0;
                           padding    :20px 20px 20px 20px;
                           }div.side_category ul li { font-size:15px;}div.side_category1 {     width   :auto;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :24px 0 0 0;
                           padding    :20px 20px 20px 20px;
                           }div.side_category1 ul li { font-size:15px;}div.side_category2 {     width   :auto;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :24px 0 0 0;
                           padding    :20px 20px 20px 20px;}div.side_category3 {     width   :auto;
                           background :#F0EEE8;
                           text-align :center;
                           margin     :24px 0 0 0;
                           padding    :20px 20px 20px 20px;}p.pc_c01 {     display  :none;}p.sp_c01 {     display  :block;}p.pc_block {     display  :none;}p.sp_block {     display  :block;}p.sp_block1 {     display  :block;
                         width    :85%;
                         margin   :0 auto;}td.t_y img {     width   :50px;}td.t_c img {     width   :200px;}/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/

.mainfooter {    width :auto;
                    margin:0 0 0 0;}.mainfooter_in {    width :auto;
                    margin:0 auto;}p.f_banner {   width  :100%;
                  margin :0 auto;
                    text-align :center;}p.f_banner_last {   width  :100%;
                  margin :0 auto;
                    text-align :center;}.footer_navi {     width   :auto;
                     margin  :80px 0 20px 0;
                     background   :#FEF9F1;  
                     padding   :30px 0 0 0;
                     height  :1350px; 
                     clear   :both; }p.f_navi {   width  :100%;
                  margin :30px 0 0 0;
                  text-align:center;}p.f_navi_last {   width  :100%;
                  margin :30px 0 0 0;
                  text-align:center;}p.pc {   display  :none;}p.sm {   display  :block;
            text-align:center;
            margin  :20px 0 0 0;
            font-weight  :bold;}.footer {    width  :auto;
                    margin :40px 0 0 0;
                    background  :#403A39;
                    height       :2970px;}.f_menu {  width  :100%;
                  margin :30px 0 0 0;
                  text-align:center;}.f_menu_last {  width  :100%;
                  margin :30px 0 0 0;
                  text-align:center;}.footer_box {   width  :auto;
                    margin :0 auto;}.footer_l {   width  :auto;
                    margin :30px 0px 0 0;
                    padding:0 0 0 20px;}.footer_r {   width  :auto;
                    margin :30px 0 0 0;
                    padding:0 0 0 20px;}.footer_box1 {   width  :auto;
                    margin :50px 0 0px 0;
                    border-top  :2px solid #fff;}.footer_box1_l {   width  :auto;
                    margin :0px 30px 0px 0;
                    padding:0 0 0 20px;}.footer_box1_m {   width  :auto;
                    margin :0px 0 0 0;
                    padding:0 0 0 20px;
                    
                    }.footer_box1_r {   width  :auto;
                    margin :0px 0 0 0;
                    padding:0 0 0 20px;
                    
                    }p.gm {   width  :300px;}p.f_s {  background  :#F9F0AB;
            text-align  :center;
            width       :88%;
            padding     :10px 10px;
            margin      :20px 0 0 0;   }table.responsive {    width  :auto;
                        font-size;12px;}.cart_inner {width  :auto;
              margin:0 0 0 24px;}.cart_inner1 {width  :auto;
               margin:0 0 0 5px;}.cart_inner22 {width  :auto;
               margin:-20px 0 0 0px;}.cart_inner2 {width  :auto;
               margin:0 0 0 20px;}.cart_inner3 {width  :auto;
               margin:0 0 0 20px;}.cart_box {      width:320px;
            margin:30px 0px 0px 15px;
            }.cart_box_last {      width:320px;
            margin:30px 0px 0px 15px;
            }.cart_box_in {    margin  :0 0 0 10px;
                    width   :300px;}


}a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}/* ゆっくりにする場合は追加 */
img {
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}dl.search2 {
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	border-radius:6px;
	margin:10px 0 10px 0;
}dl.search2 dt {
	padding:0px 0 3px 5px;
}dl.search2 dt input {
	width:80%;
	height:20px;
	line-height:30px;
	background:none;
	border:none;
	
}dl.search2 dd {
	position:absolute;
	top:0;
	right:0;
}dl.search2 dd button {
	display:block;
	padding:6px 0 0 0;
	background:none;
	border:none;
}dl.search2 dd button span {
	display:block;
	width:30px;
	height:30px;
	background:url(/base/search_ic.png) no-repeat scroll 0 0;
}dl.search3 {
	position:relative;
	background-color:#fff;
	border:1px solid #dcdcdc;
	border-radius:6px;
	margin:10px 0 10px 0;
	width:500px;
	text-align:center;
}dl.search3 dt {
	padding:1px 1px 0px 0px;
}dl.search3 dt input {
	width:85%;
	height:20px;
	line-height:30px;
	background:none;
	border:none;
	
}dl.search3 dt #email {  padding:0px 0 0 0;}dl.search3 dd {
	position:absolute;
	top:0;
	right:0;
}dl.search3 dd button {
	display:block;
	padding:7px 0 0 0;
	background:none;
	border:none;
}dl.search3 dd button span {
	display:block;
	width:30px;
	height:30px;
	background:url(/base/search_ic.png) no-repeat scroll 0 0;
}.fuwauki_btn_red {
  display: inline-block;
  background-color: #E85A70;
  color: #FFF;
  width: 160px;
  padding: 0.8em;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .2s ease-out;
}.fuwauki_btn_red:hover {
	 cursor: pointer;
	 text-decoration: none;
	 transform: translateY(-4px);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
}.button2 {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 6px 23px;   /* 余白       */
  background    : #ff66ff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 6px #666666;  /* 影の設定 */
  border        : 2px solid #ff66ff;    /* 枠の指定 */
}.button2:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ff66ff;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}.mt-site-search-form {
	width: 300px;
	margin: 16px auto;
	display: flex;
}.mt-site-search-form__query {
	width: 204px;
	height: 32px;
	padding: 0 8px;
	border: 1px solid #cccccc;
	font-size: 1rem;
}.mt-site-search-form__button {
	width: 80px;
	height: 32px;
	font-size: 1rem;
	margin-left: 18px;
}.button03 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #2285b1;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #2285b1;
}.button03 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #2285b1;
  border-right: 3px solid #2285b1;
  transform: rotate(45deg);
}.button03 a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #a0c4d3;
}.button03 a:hover::after {
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
}/*-----------------目次-------------------------------*/
.toc-005 {
    margin-bottom: 30px;
    border-radius: 3px;
    background-color: #f2f2f2;
}.toc-005 div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}.toc-005 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}.toc-005 ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
}.toc-005 > ol {
    padding: 1em 1em 1em 3em;
}.toc-005 ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}.toc-005 li {
    padding: 5px 0;
    font-weight: 600;
}.toc-005 ol ol li {
    font-weight: 500;
    font-size: .9em;
}.toc-005 a {
    color: #333;
    text-decoration: none;
}/* =========================================================
   カーテン選びガイド セクション
   ========================================================= */

#main .content-block .home-curtain-guide,
#main .content-block .home-curtain-guide * {
    box-sizing: border-box;
}#main .content-block .home-curtain-guide {
    display: block !important;
    width: 100% !important;
    margin: 58px 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}#main .content-block .home-curtain-guide-inner {
    display: block !important;
    width: 100% !important;
    padding: 30px 26px !important;
    background: #f6f9f7 !important;
    border: 1px solid #dde7e2 !important;
    border-radius: 18px !important;
}/* CMSの自動BR対策 */
#main .content-block .home-curtain-guide > br,
#main .content-block .home-curtain-guide-inner > br,
#main .content-block .home-curtain-guide-grid > br,
#main .content-block .home-curtain-guide-card > br,
#main .content-block .home-curtain-guide-all > br,
#main .content-block .home-curtain-guide-all-copy > br {
    display: none !important;
}#main .content-block .home-curtain-guide-eyebrow {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: #5c7a6d !important;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    letter-spacing: .13em !important;
}#main .content-block h2.home-curtain-guide-title,
#main .content-block h1.as-h2.home-curtain-guide-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    color: #27323a !important;
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: left !important;
}#main .content-block .home-curtain-guide-lead {
    max-width: 680px !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    color: #5f6b70 !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
}#main .content-block .home-curtain-guide-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}#main .content-block .home-curtain-guide-card {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 205px !important;
    padding: 18px !important;
    background: #ffffff !important;
    border: 1px solid #dfe7e3 !important;
    border-radius: 13px !important;
    color: #27323a !important;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}#main .content-block .home-curtain-guide-card:hover {
    transform: translateY(-2px) !important;
    border-color: #b8ccc3 !important;
    box-shadow: 0 8px 20px rgba(43,61,53,.08) !important;
}#main .content-block .home-curtain-guide-label {
    display: inline-block !important;
    align-self: flex-start !important;
    margin: 0 0 9px !important;
    padding: 4px 8px !important;
    background: #edf4f1 !important;
    border-radius: 999px !important;
    color: #52786b !important;
    font-size: 10px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    letter-spacing: .08em !important;
}#main .content-block .home-curtain-guide-card strong {
    display: block !important;
    margin: 0 0 7px !important;
    color: #365e50 !important;
    font-size: 17px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .home-curtain-guide-card p {
    margin: 0 0 14px !important;
    color: #657178 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .home-curtain-guide-link {
    display: block !important;
    margin-top: auto !important;
    color: #356452 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}#main .content-block .home-curtain-guide-all {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 22px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 20px 0 0 !important;
    padding: 18px 19px !important;
    background: #496b5e !important;
    border-radius: 13px !important;
}#main .content-block .home-curtain-guide-all-copy {
    min-width: 0 !important;
}#main .content-block .home-curtain-guide-all-copy strong {
    display: block !important;
    margin: 0 0 4px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.55 !important;
}#main .content-block .home-curtain-guide-all-copy p {
    margin: 0 !important;
    color: #e5efeb !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}#main .content-block .home-curtain-guide-all-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 225px !important;
    min-height: 48px !important;
    padding: 12px 18px !important;
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 9px !important;
    color: #365e50 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-align: center !important;
    text-decoration: none !important;
}#main .content-block .home-curtain-guide-all-btn:hover {
    opacity: .9 !important;
}


/* TABLET */
@media screen and (max-width: 900px) {#main .content-block .home-curtain-guide-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }#main .content-block .home-curtain-guide-all {
        grid-template-columns: 1fr !important;
    }#main .content-block .home-curtain-guide-all-btn {
        width: 100% !important;
    }
}


/* MOBILE */
@media screen and (max-width: 787px) {#main .content-block .home-curtain-guide {
        width: 94% !important;
        margin: 42px auto !important;
    }#main .content-block .home-curtain-guide-inner {
        padding: 24px 15px !important;
        border-radius: 14px !important;
    }#main .content-block h2.home-curtain-guide-title,
#main .content-block h1.as-h2.home-curtain-guide-title {
        font-size: 23px !important;
        line-height: 1.55 !important;
    }#main .content-block .home-curtain-guide-lead {
        margin-bottom: 20px !important;
        font-size: 14px !important;
        line-height: 1.85 !important;
    }#main .content-block .home-curtain-guide-grid {
        display: block !important;
        width: 100% !important;
    }#main .content-block .home-curtain-guide-card {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 10px !important;
        padding: 16px !important;
    }#main .content-block .home-curtain-guide-card p {
        font-size: 13px !important;
    }#main .content-block .home-curtain-guide-link {
        margin-top: 8px !important;
    }#main .content-block .home-curtain-guide-all {
        display: block !important;
        margin-top: 16px !important;
        padding: 17px 15px !important;
    }#main .content-block .home-curtain-guide-all-copy strong {
        font-size: 15px !important;
    }#main .content-block .home-curtain-guide-all-copy p {
        margin-bottom: 13px !important;
        font-size: 13px !important;
    }#main .content-block .home-curtain-guide-all-btn {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
    }
}/* =========================================================
   カーテン選びガイド案内
   ========================================================= */

.side-curtain-guide,
.side-curtain-guide * {
    box-sizing: border-box;
}.side-curtain-guide {
    display: block !important;
    width: 100% !important;
    margin: 20px 0 20px !important;
    padding: 17px 15px 15px !important;
    background: #f5f9f7 !important;
    border: 1px solid #d9e5df !important;
    border-top: 4px solid #496b5e !important;
    border-radius: 8px !important;
    color: #27323a !important;
}/* CMS自動BR対策 */
.side-curtain-guide > br,
.side-curtain-guide-link > br {
    display: none !important;
}.side-curtain-guide-kicker {
    display: block !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #638074 !important;
    font-size: 10px !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
    letter-spacing: .12em !important;
}.side-curtain-guide-title {
    display: block !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    color: #365e50 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}.side-curtain-guide-text {
    display: block !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
    color: #5f6b70 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}.side-curtain-guide-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 10px 11px !important;
    background: #496b5e !important;
    border: 1px solid #496b5e !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}.side-curtain-guide-link span {
    display: inline-block !important;
    margin-left: 8px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1 !important;
}.side-curtain-guide-link:hover {
    opacity: .88 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/* スマホではmainカラム側のガイドを使うため非表示 */
@media screen and (max-width: 787px) {#sub1 {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }#main {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}/* =========================================================
   PC用・スマホ用 サイド画像の表示切替
   ========================================================= */

.pc_c01 {
    display: block !important;
}.sp_c01 {
    display: none !important;
}.pc_c01 img,
.sp_c01 img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    border: 0 !important;
}

@media screen and (max-width: 787px) {.pc_c01 {
        display: none !important;
    }.sp_c01 {
        display: block !important;
    }

}/* =========================================================
   YouTube動画
   ========================================================= */

.video-responsive {
    display: block !important;
    width: 100% !important;
    max-width: 745px !important;
    margin: 20px auto 30px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
}.video-responsive iframe {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    aspect-ratio: 16 / 9 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* スマホ */
@media screen and (max-width: 787px) {.video-responsive {
        width: 94% !important;
        max-width: none !important;
        margin: 16px auto 24px !important;
    }.video-responsive iframe {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }

}