@charset "UTF-8";
/* CSS Document */


body {
	font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic", Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 180%;
	color: #000000;
	font-size: 15px;
	-webkit-text-size-adjust: 100%
	}

:focus {outline: 0;}

/*.wrapper{
    height: 100%;
	padding-bottom: 150px;
	}*/

section {
    width: 100%;
	padding: 60px 0;
	/*border: solid 2px #f33;*/
	}

/*header,*/
.header-area,
.nav-area,
/*footer,*/
.footer-nav ul,
section .contents,
section.page-title {
	display: block;
	width: 1118px;
	margin: auto;
	/*border: solid 1px #3f3;*/
	}
	
img {max-width: 100%;}

aside {
	border: solid 1px #ddd;
	padding: 20px;
	margin-bottom: 20px;
	}
aside h4 {
	font-size: 20px;
	padding: 0;
	margin:0 0 20px;
	/*background-color: #ff3;*/
	}

.active a:hover {background-image:none ;}

a,
a:hover,
a:focus {
    color: #000000;
	text-decoration: none;
	border: none;
	outline:none;
	}

h1,
h2 {
	padding: 0;
	margin:0;
	}

.small {
    font-size: 13px;
	line-height: 180%;
	}

.caution {
	font-size: 14px;
	color: rgba(0,0,0,0.5);
	}
.notice {
    display: block;
	color: #f33;
	font-weight: bold;
	}

p.patent,
span.patent {
	font-size: 12px;
	color: rgba(0,0,0,0.8);
	line-height: 100%;
	text-align: right;
	margin: 15px 0 6px !important;
	}
.patent span {
	border: solid 1px #aaa;
	border: solid 1px rgba(0,0,0,0.3);
	padding: 5px 12px;
	border-radius: 20px;
	}
span.patent.white {
	background-color: transparent;
	color: rgba(255,255,255,0.8);
	}
.patent.white span {
	border: solid 1px #fff;
	border: solid 1px rgba(255,255,255,0.75);
	}

p.soldout {
    text-align: center;
	color: #f33;
	margin-bottom: 30px;
	/*display: none;*/
	}
p.soldout span{
	display: block;
	width: 400px;
	border: solid 1px #f33;
	padding: 10px 5px;
	margin: auto;
	border-radius: 30px;
	}

.square img {border-radius: 0!important;}

.gold {color: #907608!important;}


/*****　ヘッダー　*****/

header  {
	display: block;
	position: fixed;
	width: 100%;
    /*height: 72px;*/
	background-color: rgba(255,255,255,1);
    /*border-bottom:  solid 1px #ccc;*/
    background-image: url("../contents/images/header_line.png");
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 800px;
    text-align: center;
    padding: 0px 0 5px;
	margin: 0px auto;
	z-index: 1000;
    }

.brandlogo-area {
	float: left;
	margin: 0;
    /*background-color: #ccc;*/
	}
.brandlogo-area span {
	display: table-cell;
	vertical-align: middle;
    height: calc( 45px + 20px)
	}
img.site-logo { margin-right: 10px;}
.brandlogo-area img.site-logo { height: 45px;} 

.link-icon {
    float: right;
	margin-left: 10px;
    margin-top: 15px;
	}
.link-icon img {
	height: 38px;
	display: block;
	border-radius: 4px;
	}
.link-icon.rf-store img {
    height: 38px;
    border: solid 1px #6fa0de;
    margin: 0 5px;
    }


/*****　グローバルナビ　*****/

/*.nav-area-bg {
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #f0ece2;
	}

header nav.global ul {
	list-style: none;
	width: 100%;
	border-left: solid 1px #fff;
	padding: 0;
	margin: 0;
	}
header nav.global li {
	display: block;
	float: left;
	width: 33.333%;
	height: 40px;
	font-size: 12px;
	line-height: 100%;
	text-align: center;
	border-right: solid 1px #fff;
	}

header nav.global li a {
	display: block;
	height: 40px;
	}
header nav.global li a:hover { margin: 0;}

header nav.global img {
	height: 40px;
	margin: auto;
	}*/
	

/*　ページトップ　*/

#pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 0px;
	padding: 5px;
	cursor: pointer;
	background: #c6be5a;
	width: 50px;
	color: #fff;
	border-radius: 4px 0px 0px 4px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);

	}


/*****　グリッド　*****/

.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-2-1 {float: left;}

.grid-2 {width: 48.75%;}
.grid-3 {width: 31.666%;}
.grid-4 {width: 23.125%;}
.grid-5 {width: 18%;}
.grid-2-1 {width: 65.832%;}

.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-2-1 {margin-right: 2.5%;}

.grid-2:nth-child(even),
.grid-3:nth-child(3n),
.grid-4:nth-child(4n),
.grid-5:nth-child(5n),
.grid-2-1 + .grid-3 {margin-right: 0}



.fade {opacity:0}
.no-js .fade {opacity:1}



/******************/
/*****　HOME　*****/
/*****************/



/***************************/
/*****　カテゴリーページ　*****/
/**************************/

/*****　タイトル　*****/

.lineup-title-area {
	background-color: #ccc4cc;
	padding-bottom: 0;
	margin-bottom: 0;
	}

.lineup-name-area {
    width: 1118px;
	position: relative;
	padding: 60px 0;
	margin: auto!important;
	/*border: solid 1px;*/
	}
.lineup-name-area h1 img {
    display: block;
	margin: auto;
	}
.lineup-name-area h1 img.logo {
	width: 240px;
	margin-bottom: 20px;
	}
.lineup-name-area h1 img.title-sub {
	width: 500px;
	margin-bottom: 20px;
    display: none!important;
	}
.lineup-name-area h1 img.title-list {
	width: 280px;
	}

.lineup-name-area .nav-lineup a {
    display: block;
	position: absolute;
	bottom: 20px;
	color: #333;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 100%;
	padding: 6px 25px 5px;
	border: solid 1px #eadabf;
	border-radius: 20px;
	background-color: #fff;
	background-image: url("../contents/images/arrow_black02.png");
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size: 18px;
    display: none;
	}

/*　ラインナップ　*/

article.category {
    border: none;
	padding: 0;
	}
article.category:first-child {margin-top: 40px;}
article.category + article.category {margin-top: 100px;}
	
.category-title h2 img {
    display: block;
	height: 22px;
	float: left;
	}
.category-title ul.img-pattern {
    display: none;
	float: left;
	width: auto!important;
	padding: 0;
	margin: -28px 0 0 10px;
	/*background-color: #eee;*/
	}
.category-title ul.img-pattern li {
	float: left;
	width: auto;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 100%;
	padding: 0;
	margin: 0 0 0 15px;
	}
.category-title ul.img-pattern img {
	display: block;
	height: 42px;
	width: 42px;
	border-radius: 50%;
	margin: 5px auto 0;
	}
article.category .h2-sub {
    font-size: 13px;
	border-top: solid 1px #000;
	padding: 8px 0 0;
    margin: 10px 0 0px;
    }

article.category ul {
    list-style: none;
	padding: 0;
	margin: 0;
	/*background-color: #ddd;*/
	}
article.category li {
    display: block;
	float: left;
	width: 23.5%;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 160%;
	margin: 10px 2% 20px 0;
	/*background-color: #eee;*/
	}
article.category li:nth-child(4n) {margin-right: 0;}

article.category ul a {display: block;}

article.category ul img {
    display: block;
	width: 70%;
	margin: 0 auto 10px;
	}



/************************/
/*****　各商品ページ　*****/
/***********************/


/*****　解説　*****/

section.item {
    position: relative;
    padding-bottom: 20px;
	/*margin-top: 100px;*/
	}

section.item h1{
    color: #333;
	font-size: 32px;
    font-weight:  bold;
    text-align: center;
    letter-spacing: 2px;
    line-height: 120%;
    margin: 70px 0 30px;
    }
section.item h1 span {
    display: block;
	font-size: 14px;
    letter-spacing: 1px;
	}
    
section.item h1 img.new {
    display: block;
    width: 70px;
    margin: 0 auto;
    }

section.item .nav-lineup a {
    display: block;
	position: absolute;
	top: calc(70px + 20px);
	color: #333;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 100%;
	padding: 5px 20px 5px 25px;
	border: solid 1px #eadabf;
	border-radius: 20px;
	background-color: #fff;
	background-image: url("../contents/images/arrow_black02.png");
	background-repeat: no-repeat;
	background-position: left 8px center;
	background-size: 16px;
	}

.item .item-summary {
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
	font-size: 22px;
	letter-spacing: 2px;
	text-align: center;
    line-height: 160%;
	padding: 0 0 50px;
	}

.detail-main {
    width: 900px;
    background-size:  100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.25s ease-out;
    position: relative;
    padding-top: 600px;
    margin: auto;
    }
    
.detail-main::before,
.detail-main::after {
    content: "";
    display: block;
    height: 20px;
    width: calc( 100% + 20px );
    position: absolute;
    background-image: url("../contents/images/deco_frame.gif");
    background-size: 130%;
    background-repeat: no-repeat;
    }

.detail-main::before {
    top: -10px;
    left:  -10px;
    padding-top: calc( 66.666% + 20px );
    }
.detail-main::after {
    bottom: -10px;
    right: -10px;
    padding-bottom: calc( 66.666% + 20px );
    transform: rotate(180deg);
    }

.detail-main.NSF1455 {background-image: url("../contents/stationery/NSF1455/images/title_photo.jpg")}
.detail-main.NSF1456 {background-image: url("../contents/stationery/NSF1456/images/title_photo.jpg")}
.detail-main.NSP1447 {background-image: url("../contents/stationery/NSP1447/images/title_photo.jpg")}
.detail-main.NSP1448 {background-image: url("../contents/stationery/NSP1448/images/title_photo.jpg")}
.detail-main.NSH1454 {background-image: url("../contents/stationery/NSH1454/images/title_photo.jpg")}
.detail-main.NSK1450 {background-image: url("../contents/stationery/NSK1450/images/title_photo.jpg")}
.detail-main.NSN1453 {background-image: url("../contents/stationery/NSN1453/images/title_photo.jpg")}
.detail-main.NSP1451 {background-image: url("../contents/stationery/NSP1451/images/title_photo.jpg")}
.detail-main.NSP1452 {background-image: url("../contents/stationery/NSP1452/images/title_photo.jpg")}
.detail-main.NSK1449 {background-image: url("../contents/stationery/NSK1449/images/title_photo.jpg")}

.detail-main.MC1339 {background-image: url("../contents/mobilecloset/MC1339/images/title_photo.jpg")}
.detail-main.MC1457 {background-image: url("../contents/mobilecloset/MC1457/images/title_photo.jpg")}
.detail-main.MC1458 {background-image: url("../contents/mobilecloset/MC1458/images/title_photo.jpg")}
.detail-main.MC1341 {background-image: url("../contents/mobilecloset/MC1341/images/title_photo.jpg")}
.detail-main.MC1342 {background-image: url("../contents/mobilecloset/MC1342/images/title_photo.jpg")}

.detail-main.MC1121 {background-image: url("../contents/mobilecloset/MC1121/images/title_photo.jpg")}
.detail-main.MC1120 {background-image: url("../contents/mobilecloset/MC1120/images/title_photo.jpg")}
.detail-main.MC1119 {background-image: url("../contents/mobilecloset/MC1119/images/title_photo.jpg")}
.detail-main.MC1122 {background-image: url("../contents/mobilecloset/MC1122/images/title_photo.jpg")}
.detail-main.MC1123 {background-image: url("../contents/mobilecloset/MC1123/images/title_photo.jpg")}
.detail-main.MC1038 {background-image: url("../contents/mobilecloset/MC1038/images/title_photo.jpg")}

ul.detail-addition {
    width: 900px;
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    list-style: none;
    padding: 0;
    margin: 80px auto 0;
    }
ul.detail-addition li {width: calc( 50% - 20px );}

ul.detail-addition.one {width: 450px;}
ul.detail-addition.one li {width: 100%;}

ul.detail-addition.plural {flex-wrap: wrap;}

.item-row figure {
	margin-bottom: 60px;
	/*border: solid 1px #f33;*/
	}
.item-row figure { text-align: center;}
.item-row figure img { width: 300px}
.item-row .grid-3 { margin-right: 0;}
.item-row .grid-3 { width: 33.333%;}


article {
	/*border-bottom: dotted 1px #ccc;*/
	padding-bottom: 60px;
	margin-bottom: 60px;
	}
/*article.detail {border-bottom: none;}*/
article.colors,
.spec article {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom:0;
	}

.grid-row + .item-row { margin-top: 20px; }

/*　商品カラー　*/

figcaption.color,
span.color {
	background-color: #ddd;
	color: #fff;
	display: block;
	font-size: 12px;
	width: 145px;
	line-height: 100%;
	padding: 5px 0 5px;
	margin: 20px auto 0;
	border-radius: 15px;
	}

.item .brown { background-color: #594a47;}
.item .navy { background-color: #111941;}
.item .blue { background-color: #c8dfde; color: rgba(0,0,0,0.5);}
.item .green { background-color: #d7e4ca; color: rgba(0,0,0,0.4);}
.item .white { background-color: #f4f3ee; color: rgba(0,0,0,0.4);}

.item .blue02 { background-color: #c0dedd;}
.item .blue03 { background-color: #b0b9cb;}
.item .pink { background-color: #f7c1ae;}
.item .pink02 { background-color: #ff6080;}
.item .pink03 { background-color: #c8a9ac;}
.item .yellow { background-color: #e7cd69;}
.item .orange { background-color: #fd6a52;}
.item .brown02 { background-color: #645f61;}
.item .darkbrown { background-color: #bf9681;}
.item .violet { background-color: #d2c1d7;}
.item .black { background-color: #333;}
.item .gray { background-color: #868791;}
.item .gray02 { background-color: #7c736a;}
.item .white02 { background-color: #edead4; color: #666;}
.item .camel { background-color: #c99b6d;}
.item .breeze { background-color: #dfc1bf;}
.item .stone { background-color: #c3c6d1;}
.item .pack { background-color: #fff; color: #666;}


/*　詳細　*/

article.detail picture img,
article.detail figure img {
   display: block;
   width: 860px;
   margin: auto;
   }


/*****　仕様　*****/

section.spec {background-color: #fcf3f5;}
.item-title h3 {
	font-size: 20px;
	color: #333;
	line-height: 140%;
	margin: 0 10px 10px;
	}

/*　スペックアイコン　*/

ul.spec-icon {
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 }
ul.spec-icon li {
	 display: block;
	 float: left;
	 background-color: #fff;
	 border: solid 1px #ddd;
	 color: #999;
	 font-size: 12px;
	 line-height: 100%;
	 padding: 5px 10px 5px;
	 margin: 0 0 0 10px;
     border-radius: 20px;
	 }
	

.item-price {
	border-bottom: solid 2px #a18f0d;
	}

.item-color  {
	display: block;
	font-size: 18px;
	margin-top: 10px;
	}
.price {
	display: block;
	width: 65%;
	float: left;
	font-size: 15px;
	color: #333;
	margin: 10px 0 10px 10px;
	}
.price span {
	font-size: 14px;
	margin-left: 10px
	}

.cart {
	display: none;
	width: 45px;
	float: right;
	margin: 10px 10px 10px 0;
	}
.cart img {
	display: block;
	width: 25px;
	margin: auto;
	}

.item-point {margin-left: 10px}



/******************************/
/*****　テーブル　スペック　******/
/*****************************/

.table-spec {
	color: #000000;
	/*border-top: dotted 1px #ccc;*/
	/*background-color: #fff;
	background-color: rgba(255,255,255,0.7);*/
	width: 100%;
	/*margin-bottom: 20px;*/
	}
.table-spec caption {
	font-weight: normal;
	background-color: #aaa;
	color: #fff;
	text-align: center;
	line-height: 100%;
	width: 200px;
	padding: 8px 0 6px;
	margin: 0;
	border-radius: 6px 6px 0 0;
	}

.table-spec th,
.table-spec td {
	border-bottom: dotted 1px #ccc;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	padding: 5px 5px 5px 10px;
	}

.table-spec td + th {
	border-left: dotted 1px #ccc;}

.table-spec th {
	width: 20%;
	line-height: 140%;
	font-weight: bold;
	color: rgba(0,0,0,0.6);
	padding-right: 0;
	}
.table-spec td {
    color: rgba(0,0,0,0.75);
/*	width: 75%;*/
	}

.item_comment .table-spec th,
.item_comment .table-spec td { padding-top: 5px; padding-bottom: 5px}

.table-spec tr:nth-child(odd) {
	background-color: rgba(0,0,0,0.025);
	/*background-color: rgba(0,0,0,0.05)*/
	}
.table-spec tr:nth-child(even) {
	background-color: transparent;
	}

.table-spec ul {
	padding: 0;
	margin-bottom: 0;
	}
.table-spec li {
	list-style: none;
	line-height: 140%;
	display: block;
	float: left;
	width: 50%;
	margin: 3px 0 3px 0;
	}

.table-spec ol {
	padding: 0 0 0 1.5em;
	margin: 0;
	}
.table-spec ol li {
	list-style: decimal;
	line-height: 140%;
	margin: 3px 0 3px 0;
	}
	
.table-spec + .table-spec {margin-top: 20px;}

.td-row-3 li {
    display: block;
	float: left;
	width: 33.333%;
	}




/********************/
/*****　フッター　*****/
/********************/

#store-induction {text-align:center;}

footer {
   /* position: fixed;
	bottom: 0;
	width: 100%;
	height: 150px;*/
    color: #b177b3;
    color: #a48d67;
	text-align: center;
	/*background-color: #fdf9dc;*/
    background-color: #c7dce9;
	padding-bottom: 10px;
    margin-top: 40px;
	}
.footer-nav {
    /*background-color: #f0ece2;*/
	margin-bottom: 20px;
	}
.footer-nav ul {
	list-style: none;
	border-left: solid 1px rgba(0,0,0,0.2);
	padding: 0;
	margin: 0 auto;
	}
.footer-nav li {
	float: left;
	width: 33.333%;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	border-right: solid 1px rgba(0,0,0,0.2);
	padding: 0;
	margin: 0;
	}
footer nav ul li a {
	display: block;
	color: rgba(0,0,0,0.6) ;
	padding: 5px 0;
	}
/*footer nav ul li a:hover {background-color: #e7d3da;}*/

img.footer-logo {
    width: 100px;
    margin: 10px 0 20px;
    }
p.copy-raymay {
	font-size: 14px;
	line-height: 160%;
	}

/*****　ボタン　*****/

.btn-normal {
	background-color: #92a3b7;
	color: #fff;
	width: 260px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-shadow: none;
	font-size: 15px;
	padding: 0;
	margin: 0 auto;
	border-radius: 20px;
	}
.btn-normal:hover,
.btn-normal a:hover {
	background-color: #adbfce;
	}
.btn-normal a {
	color: #fff;
	display: block;
	border-radius: 20px;
	}
.btn-normal.wide {width: 390px;}

/*　閉じる　*/

.menu-close a {
	display: block;
	height: 30px;
	width: 100%;
	background-image: url(../contents/images/icon_close.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px;
	line-height: 30px;
	margin: auto;
	}
.menu-close span {
	display: none;
	}



/*****　動画　*****/

/*.video {
	height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
	margin-bottom: 10px;
	border: none;
	}
.video iframe,  
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

.video-frame {
	background-color: #ccc;
	padding: 20px 100px 15px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
.video-frame p {
	text-align: right;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0;
	}
.video-frame p a {
	text-align: center;
	color: #fff;
	color: rgba(255,255,255,0.7);
	background-image: url(../contents/images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px;
	padding-right: 22px;
	}
*/

/*****　表示・非表示　*****/

.appear1118,
.appear1024,
.appear840,
.appear600,
.appear478,
.appear380,
.appear320 { display: none !important;}


/*****　フロート解除　*****/



/***************************************************************************　1280　**/

@media (min-width: 1280px) {



}




/***************************************************************************　1118　**/

@media (max-width: 1118px) {



.nav-area,
.footer-area,
.footer-nav ul,
section .contents .grid-row,
.home-title-area .grid-row,
.item-title-area h1,
section.summary .grid-row,
section.astro-info .grid-row  {width: 100%;}

.header-area,
.grid-row,
/*.item-title,*/
section .contents {
	width: 94%;
    transition: 0.5s;
	margin-left: auto; 
	margin-right: auto; 
	}


/*****　ヘッダー　*****/

header  {margin: 0px auto 0;}


/*****　グローバルナビ　*****/

/*header nav.global ul,
header nav.global li:last-child {border: none;}*/



/******************/
/*****　HOME　*****/
/*****************/


/***************************/
/*****　カテゴリーページ　*****/
/**************************/

/*****　タイトル　*****/

.lineup-name-area {
    width: 94%;
	padding: 50px 0;
	}
.lineup-name-area h1 img.logo {width: 220px;}
.lineup-name-area h1 img.title-sub {width: 460px;}
.lineup-name-area h1 img.title-list {width: 260px;}


/***********************/
/*****　各商品ページ　*****/
/***********************/

	
	
/*****　タイトル　*****/

/*.item-title-area,
.item-name-area,
.item-name,
.item-title-area img.item-main {height: 360px;}

.item-name {width: 94%;}
.item-title-area h1 span {font-size: 30px;}*/



/*****　解説　*****/

.detail-main {
    width: 100%;
    padding-top: 66.666%;
    }
ul.detail-addition { width: 100%;}

ul.detail-addition.one {width: 50%;}

/*　商品概要　*/

.item h2 { font-size: 42px; }
.item h2 span.serial {
	font-size: 24px;
	line-height: 30px;
	}
.item h2 span.add { font-size: 24px; }

.item-row figure img { width: 85%}

/*　詳細　*/

article.detail picture img,
article.detail figure img {width: 80%;}



/***********************/
/*****　フッター　*****/
/**********************/

.footer-nav ul,
.footer-nav ul:last-child {border-left: none;}
.footer-nav li:nth-child(3n) {border-right: none;}
.footer-nav li:first-child,
.footer-nav li:nth-child(4n) {border-left: none;}


/*****　表示・非表示　*****/

.away1118 { display: none;}
.appear1118 { display: block !important;}


}


/***************************************************************************　1024　**/

@media (max-width: 1024px) {


/******************/
/*****　HOME　*****/
/*****************/



/***********************/
/*****　各商品ページ　*****/
/***********************/

/*****　解説　*****/

/*　詳細　*/

article.detail picture img,
article.detail figure img {width: 90%;}


/*****　表示・非表示　*****/

.away1024 { display: none;}
.appear1024 { display: block !important;}
	

}




/***************************************************************************　840　**/

@media (max-width: 840px) {


/*section {padding: 40px 0;}*/


/*****　ヘッダー　*****/

.link-icon.rf-store img {
    height: 38px;
    border: none;
    margin: 0;
    }


/*****　グローバルナビ　*****/



/******************/
/*****　HOME　*****/
/*****************/


/***************************/
/*****　カテゴリーページ　*****/
/**************************/

/*****　タイトル　*****/

.lineup-name-area {padding: 60px 0 50px;}
.lineup-name-area h1 img.logo {width: 180px;}
.lineup-name-area h1 img.title-sub {width: 420px;}
.lineup-name-area h1 img.title-list {width: 220px;}

/*　ラインナップ　*/

.category-title h2 img {height: 20px;}
.category-title ul.img-pattern {
    width: 50%!important;
	margin: -25px 0 0 10px;
	}
.category-title ul.img-pattern img {
	height: 38px;
	width: 38px;
	}

article.category:first-child {margin-top: 30px;}

article.category li {width: 32%;}
article.category li:nth-child(4n) {margin-right: 2%;}
article.category li:nth-child(3n) {margin-right: 0;}

article.category ul img {width: 80%;}



/***********************/
/*****　各商品ページ　*****/
/***********************/

	
/*****　タイトル　*****/

/*.item-title-area,
.item-name-area,
.item-name,
.item-title-area img.item-main {height: 300px;}

.item-title-area h1{font-size: 13px;}
.item-title-area h1 span {font-size: 24px;}
.item-title-area h1 img {height: 22px;}*/


/*****　解説　*****/

section.item h1{
	font-size: 30px;
    margin: 70px 0 20px;
    }
section.item h1 span {font-size: 13px;}

.detail-main::before,
.detail-main::after {background-size: 160%; }

.item-row figure img { width: 95%}

/*　商品概要　*/

.item .item-summary {
	font-size: 18px;
	padding: 0 0 35px;
	}

article {
	padding-bottom: 40px;
	margin-bottom: 40px;
	}


/*　詳細　*/

article.detail picture img,
article.detail figure img {width: 100%;}
	


/******************************/
/*****　テーブル　スペック　******/
/*****************************/

.table-spec th {width: 25%;}

.td-row-3 li {width: 50%;}


/*****　動画　*****/

/*.video-frame { padding: 20px 20px 15px; }*/



/*****　表示・非表示　*****/

.away840 { display: none !important;}
.appear840 { display: block !important;}


}



/***************************************************************************　600　**/

@media (max-width: 600px) {


.header-area{ width:100%;}

/*****　ヘッダー　*****/

.brandlogo-area span {padding: 0 0 0 8%;}

/*****　グローバルナビ　*****/

/*　メニュー　*/

.icon-menu-area {
    display: block;
	height: 32px;
	width: 32px;
	float: right;
	background-image: url("../contents/images/icon_menu.png");
	background-position: center;
	background-size: 32px;
	background-repeat: no-repeat;
	transition-duration: 0.3s;
	margin: 18px 10px 0 0;
	/*background-color: #ddd;*/
 	}
.icon-menu-area.active {background-image: url(../contents/images/icon_menu_close.png);}

nav.global-sp {
	padding: 0;
	margin: 0;
	}
nav.global-sp img.icon-menu {
    width: 40px;
	display: block;
	float: right;
	margin-top: 8px;
	/*background-color: rgba(0,0,0,0.1);*/
	}

.panel {
	box-shadow: none;
	background-color: transparent;
	width: 100%;
	margin-top: 65px;
	}
ul.panel-body {
	list-style: none;
	width: 100%!important;
	/*border-bottom: solid 1px rgba(0,0,0,0.1);*/
	padding: 15px 4% 20px;
	margin: 0 0 -1px;
	}
ul.panel-body li {
    display: block;
    float: left;
    /*border: solid 1px;*/
	}
ul.panel-body li:first-child,
ul.panel-body li:nth-child(2){width: 20%;}
ul.panel-body li:nth-child(3),
ul.panel-body li:nth-child(4){width: 30%;}
ul.panel-body li a {display: block;}

ul.panel-body img {
	height: 40px;
	display: block;
	margin: auto;
	border-radius: 4px;
	}
ul.panel-body img.rf-store {
    height: 40px;
    border: solid 1px #6fa0de;
    }


/*****　グリッド　*****/

.grid-3.inline-600 {
    float: none;
	width: 100%;
	margin-bottom: 20px;
	}
.grid-3.inline-600:last-child {margin-bottom: 0;}

.grid-2-1,
.grid-2-1 + .grid-3{
    width: 50%;
	margin: 0;
	}


/******************/
/*****　HOME　*****/
/*****************/


/*******************************/
/*****　カテゴリーページ　*****/
/******************************/

/*****　タイトル　*****/

.lineup-name-area {padding: 55px 0 55px;}
.lineup-name-area h1 img.logo {width: 150px; margin-bottom: 15px;}
.lineup-name-area h1 img.title-sub {width: 380px; margin-bottom: 15px;}
.lineup-name-area h1 img.title-list {width: 200px;}

/*　ラインナップ　*/

.category-title h2 img {height: 18px;}
.category-title ul.img-pattern {
	width: auto!important;
	margin: -25px 0 0 10px;
	}
.category-title ul.img-pattern li {margin: 0 0 0 12px;}

	

/***************************/
/*****　各商品ページ　*****/
/**************************/

/*section.item-title-area {padding-top: 56px}*/

/*****　タイトル　*****/

/*.item-title-area {padding: 95px 0 0;}

.item-title-area,
.item-name-area,
.item-name,
.item-title-area img.item-main {height: 260px;}

.item-title-area h1{font-size: 12px;}
.item-title-area h1 span {font-size: 22px;}
.item-title-area h1 img {height: 20px;}*/

/*****　解説　*****/

/*section.item {margin-top: 95px;}*/

section.item h1{
	font-size: 26px;
    margin: 70px 0 15px;
    }

.detail-main {background-size:  120%; }

.detail-main::before,
.detail-main::after {background-size: 200%; }

ul.detail-addition {
    width: 60%;
    flex-wrap: wrap;
    gap: 30px;
    margin: 50px auto 0;
    }
ul.detail-addition li {width: 100%;}

ul.detail-addition.one {width: 60%;}


/**********************************/
/*****　テーブル　スペック　******/
/*********************************/

.grid-row.grid-spec .grid-2 {
	float: none;
	width: 100%;
	}

.table-spec th {width: 30%;}
.table-spec td {font-size: 13px;}


.table-spec li {
	float: none;
	width: 100%;
	}


/*****　表示・非表示　*****/

.appear600 { display: block !important; }
.global .appear600 { display: inline-block !important; }
.away600 { display: none !important;}



}


/***************************************************************************　478　**/

@media (max-width : 478px ){

section {padding: 20px 0;}

.title-img {background-position: center 30px;}


.grid-row,
.item-spec,
section .contents,
.summary span {width: 92%; margin: auto;}

section .contents .grid-row { width:100%;}



p.soldout span{
	width: 260px;
	line-height: 140%;
	padding: 5px 5px 4px;
	margin: auto;
	border-radius: 60px;
	}
	

/*****　ヘッダー　*****/

header {padding: 0 0 5px;}

.brandlogo-area {
	width: auto;
	margin-right: 0px;
	}
.brandlogo-area span { height: 48px;}
.brandlogo-area img.site-logo {height: 34px;}

/*****　グローバルナビ　*****/


/*　メニュー　*/

.icon-menu-area {margin-top: 10px;}

nav.global-sp img.icon-menu {
    width: 30px;
	margin-top: 9px;
	}

.panel {margin-top: 48px;}

ul.panel-body li {
    width: 50%!important;
    padding: 10px 0;
	}


/*****　グリッド　*****/

.grid-2,
.item-row .grid-3,
.grid-2-1,
.grid-2-1 + .grid-3 {float: none;}

.grid-2,
.item-row .grid-3,
.grid-2-1,
.grid-2-1 + .grid-3 {width: 100%;}

.grid-3,
.grid-4 {width: 48.75%;}
.grid-5 {width: 31.666%;}

.grid-3:nth-child(3n),
.grid-5:nth-child(5n)  {margin-right: 2.5%;}

.grid-2,
.grid-3:nth-child(even),
.grid-3:nth-child(6n),
.grid-4:nth-child(even),
.grid-5:nth-child(3n) {margin-right: 0;}

.keep .grid-2,
.keep .grid-3 {float: left;}

.keep .grid-2 {width: 48.75%;}
.keep .grid-3 {width: 31.666%;}

.keep .grid-2,
.keep .grid-3 {margin-left: 2.5%;}

.keep .grid-2:first-child,
.keep .grid-2:nth-child(odd),
.keep .grid-3:first-child {margin-left: 0;}


/********************/
/*****　HOME　*****/
/********************/


/***************************/
/*****　カテゴリーページ　*****/
/**************************/

/*****　タイトル　*****/

.lineup-name-area {padding: 80px 0 45px;}
.lineup-name-area h1 img.logo {width: 130px;}
.lineup-name-area h1 img.title-sub {width: 290px;}
.lineup-name-area h1 img.title-list {width: 190px;}
.lineup-name-area .nav-lineup a {
	bottom: 10px;
	right: 0;
	font: 12px;
	background-position: left 3px center;
	background-size: 16px;
	padding: 6px 20px 4px;
	}

/*　ラインナップ　*/

.category-title h2 img {
    float: none;
	height: 18px;
	}
.category-title ul.img-pattern {
    float: none;
	width: 100%!important;
	margin: 5px 0 0 0;
	}
.category-title ul.img-pattern li {margin: 0 15px 0 0!important;}

article.category .h2-sub {
    font-size: 12px;
	padding: 5px 0 0;
    }

article.category li {width: 49%;}
article.category li:nth-child(odd) {margin-right: 2%;}
article.category li:nth-child(even) {margin-right: 0;}

article.category ul img {width: 80%;}



/************************/
/*****　各商品ページ　*****/
/***********************/


/*****　タイトル　*****/


/*****　解説　*****/

/*section.item {margin-top: 345px;}*/

section.item h1{
	font-size: 24px;
    letter-spacing: 1px;
    margin: 95px 0 15px;
    }
section.item h1 img.new {
    width: 60px;
    margin: 0 auto 5px;
    }

section.item .nav-lineup a {top: calc(55px + 20px);}

.item .item-summary {
	font-size: 17px;
	padding: 0 0 15px;
	}

.detail-main {
    background-size:  170%;
    padding-top: 110%;
    }
.detail-main::before,
.detail-main::after {background-size: 250%; }

.detail-main::before {padding-top: calc( 110% + 20px ); }
.detail-main::after {padding-bottom: calc( 110% + 20px ); }

.detail-main.sp-move {
    background-position:left -40px top -60px;
    background-size:  200%;
    }

ul.detail-addition {width: 85%;}
ul.detail-addition.one {width: 85%;}


.item-row,
.item-row div { margin-bottom: 0px;}
.item-row figure { margin-bottom: 10px; }

.grid-row + .item-row { margin-top: 0; }

/*　商品概要　*/

.item-row .grid-2:last-child,
.item-row .grid-3 {
	width: 100%;
	display: block;
	margin: 0 auto 40px;;
	/*border: solid 1px;*/
	}
.item-row .grid-2:last-child img,
.item-row .grid-3 img {width: 75%;}

article.colors {
	border-bottom: none;
	padding-bottom: 0;
	/*margin-top: -20px;*/
	margin-bottom: 60px;
	/*border: solid 1px #ccc;*/
	}
.item-row figure img {
   width: 85%;
  /* border-bottom: solid 1px #f33;*/
   }
   
/*　スライド　*/

.slides {
    width: 100%;
	position: relative;
	padding: 0!important;
	margin: 0 auto!important;
	}
ul.slides li {
    }

.slider-item {
	text-align: center;
    padding: 0!important;
	margin: 0 auto;
    /*background-color: #ccc;*/
	}
.slider-item img {
    display: block;
	width: 95%!important;
	margin: 0 auto;
	}
.slider-item span {
    display: block;
	margin: 20px auto 0;
	}

.slick-slide:focus {outline: none;}

.slick-dots li:nth-child(1) button:before  { background-color: #594a47;}
.slick-dots li:nth-child(2) button:before  { background-color: #111941;}
.slick-dots li:nth-child(3) button:before  { background-color: #c8dfde;}
.slick-dots li:nth-child(4) button:before  { background-color: #d7e4ca;}
.slick-dots li:nth-child(5) button:before  { background-color: #f4f3ee; border: solid 1px rgba(0,0,0,0.10);}

/*
.item .brown { background-color: #594a47;}
.item .navy { background-color: #111941;}
.item .blue { background-color: #c8dfde; color: rgba(0,0,0,0.5);}
.item .green { background-color: #d7e4ca; color: rgba(0,0,0,0.4);}
.item .white { background-color: #f4f3ee; color: rgba(0,0,0,0.4);}
*/

/*
.newcolor .slick-dots li:nth-child(4) button:before  { background-color: #bf9681;}
.newcolor .slick-dots li:nth-child(5) button:before  { background-color: #8eacc4;}
 
.newcolor02 .slick-dots li:nth-child(6) button:before  { background-color: #bf9681;}
.newcolor02 .slick-dots li:nth-child(7) button:before  { background-color: #8eacc4;}
*/

.mobilecloset .slick-dots li:nth-child(1) button:before  { background-color: #594a47;}
.mobilecloset .slick-dots li:nth-child(2) button:before  { background-color: #111941;}
.mobilecloset .slick-dots li:nth-child(3) button:before  { background-color: #d7e4ca;}

.mobilecloset.item-2025 .slick-dots li:nth-child(1) button:before  { background-color: #645f61;}
.mobilecloset.item-2025 .slick-dots li:nth-child(2) button:before  { background-color: #b0b9cb;}
.mobilecloset.item-2025 .slick-dots li:nth-child(3) button:before  { background-color: #c8a9ac;}

/*.mobilecloset.MC1119.slick-dots li:nth-child(2) button:before  { background-color: #f7c1ae;}
.mobilecloset.MC1119 .slick-dots li:nth-child(3) button:before  { background-color: #d2c1d7;}

.mobilecloset.MC1038 .slick-dots li:nth-child(2) button:before  { background-color: #d2c1d7;}
.mobilecloset.MC1038 .slick-dots li:nth-child(3) button:before  { background-color: #f7c1ae;}

.mobilecloset.MC1120 .slick-dots li:nth-child(1) button:before  { background-color: #f7c1ae;}
.mobilecloset.MC1120 .slick-dots li:nth-child(2) button:before  { background-color: #f8f5ec;}
.mobilecloset.MC1120 .slick-dots li:nth-child(3) button:before  { background-color: #d2c1d7;}

.mobilecloset.MC1121 .slick-dots li:nth-child(1) button:before  { background-color: #f7c1ae;}

.mobilecloset.MC1123 .slick-dots li:nth-child(2) button:before  {
    background-color: #f7c1ae;
    width: 26px!important;
    height: 26px!important;
    border-radius: 20px!important;
    margin: 0 5px!important;
    }*/

.slick-dots {
    bottom: auto;
    margin: 10px auto 20px;
   /* background-color: #aaa;*/
    }

.slick-dots li {
    width: 26px;
    height: 26px;
    margin: 0 5px;
	}
.slick-dots li button:before {
    width: 26px;
    height: 26px;
    opacity: 1;
	}
.slick-dots li.slick-active button:before {opacity: 1;}

/*.slick-dots li:last-child button:before,
.mobilecloset .slick-dots li:last-child button:before {
    width: 18px;
    height: 18px;
    background-color: #ccc;
    border-radius: 3px;
    margin: 4px;
    opacity: 1;
	}*/

.colors .slick-prev,
.colors .slick-next {display: none !important;}


/*　商品カラー　*/

figcaption.color,
span.color{
	font-size: 13px;
	width: 170px;
	padding: 6px 0 5px;
	margin: 20px auto 10px;
	}


/*****　ボタン　*****/

.btn-normal.wide {width: 290px;}


/*****　仕様　*****/

.item-title h3 {font-size: 17px; }

/*　スペックアイコン　*/

ul.spec-icon li {
	 font-size: 10px;
	 padding: 5px 8px;
	 margin-bottom: 10px;
	 }


/******************************/
/*****　テーブル　スペック　******/
/*****************************/

.table-spec.normal th,
.table-spec.normal td {
	float: left;
	display: block;
	width: 100%;
	}
.table-spec.normal th {
	border: none;
	padding: 10px 10px 0;
	}
.table-spec.normal td {padding-left: 10px;}



/********************/
/*****　フッター　*****/
/********************/

.footer-nav li {
	float: none;
	width: 100%;
	text-align: left;
	border: none;
	border-bottom: solid 1px rgba(0,0,0,0.2);
	padding: 0;
	margin: 0;
	}

.footer-nav li a {
	background-image: url(../contents/images/arrow_black.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 22px;
	padding: 10px 15px;
	}
p.copy-raymay {font-size: 13px;}


/*****　動画　*****/

/*.video-frame { padding: 10px 10px 10px; }*/



/*****　表示・非表示　*****/

.away478 { display: none !important;}
.appear478 { display: block !important;}


}





/***************************************************************************　414　**/

@media (max-width : 414px ){


/******************/
/*****　HOME　*****/
/*****************/


/**********************************/
/*****　テーブル　スペック　******/
/*********************************/

.td-row-3 li {width: 100%;}



}




/***************************************************************************　377　**/

@media (max-width : 377px ){


/*****　ヘッダー　*****/


/*****　グローバルナビ　*****/

/*　メニュー　*/


/******************/
/*****　HOME　*****/
/*****************/


/*******************************/
/*****　カテゴリーページ　*****/
/******************************/

/*****　タイトル　*****/

.lineup-name-area {padding: 55px 0 45px;}
.lineup-name-area h1 img.logo {width: 120px;}
.lineup-name-area h1 img.title-sub {width: 270px;}
.lineup-name-area h1 img.title-list {width: 180px;}

/*　ラインナップ　*/

article.category ul img {width: 95%;}



/***************************/
/*****　各商品ページ　*****/
/**************************/

/*section.item-title-area {padding-top: 50px}*/

/*****　タイトル　*****/


	
/*****　解説　*****/

/*section.item {margin-top: 340px;}*/

/*　商品概要　*/

.item-row .grid-2:last-child img,
.item-row .grid-3 img { width: 85%; }

.item-row figure img {width: 95%;}

/*　スライド　*/

.slick-dots li {
    width: 24px;
    height: 24px;
	}
.slick-dots li button:before {
    width: 24px;
    height: 24px;
	}
   

/*****　動画　*****/

/*.video-frame { padding: 5px 5px 10px; }
.video-frame p {
	font-size: 12px;
	letter-spacing: 0.03em;
	}*/


/******　スタディスタイル　******/


.dct-study p.caution {font-size: 12px;}

.dct-study.globe {background-size: 90%;}


/**********************************/
/*****　テーブル　スペック　******/
/*********************************/





/*****　表示・非表示　*****/

.away380 { display: none !important;}
.appear380 { display: block !important;}

	
}


/***************************************************************************　320　**/

@media (max-width: 320px) {


/*****　ヘッダー　*****/


/*****　グローバルナビ　*****/



ul.panel-body img {height: 38px;}


/********************/
/*****　HOME　*****/
/********************/


/*******************************/
/*****　カテゴリーページ　*****/
/******************************/

/*****　タイトル　*****/

.lineup-name-area h1 img.logo {width: 110px;}
.lineup-name-area h1 img.title-sub {width: 250px;}
.lineup-name-area h1 img.title-list {width: 170px;}

/***************************/
/*****　各商品ページ　*****/
/**************************/

/*****　解説　*****/

.slick-dots li {
    width: 20px;
    height: 20px;
	margin: 0 8px;
	}


/*****　動画　*****/

/*.video-frame p { letter-spacing: 0px; }*/


/*****　表示・非表示　*****/

.away320 { display: none !important;}
.appear320 { display: block!important;}

	
}


@media print {

	a[href]:after {
  		content: "" !important;
	}
	abbr[title]:after {
  		content: "" !important;
	}
}