<section class="concept">@charset "UTF-8";
/* CSS Document */


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

/*.wrapper {
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
    }*/


.header-title,
footer nav,
.footer-area,
section {
	width: 1118px;
	margin: auto;
	}
	
img {
    display: block;
    max-width: 100%;}


aside {
	border: solid 1px #ddd;
	padding: 20px;
	margin-bottom: 20px;
	}

a {color: #000000;}
a:hover {
	text-decoration: none;
	/*background-image:url(../contents/images/hover.png) !important;*/
	color: #000000;
	}
.active a:hover {background-image:none ;}

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


.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 15px;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	}

p.caution-mini {
    font-size: 12px;
	color: #666;
	margin: 10px 0;
	}
.caution-mini {
    display: block;
    font-size: 12px;
	color: #666;
	margin: 0;
	}


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

header {
    background-color: #eeefef;
    background-image: url("../contents/images/head_bg.gif");
    background-size: 56px;
    background-position: center;
    position: fixed;
    width: 100%;
    z-index: 100;
    margin: 0;
	}
.header-title {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 60px;
    margin: 0 auto;
    /*border: solid 1px #f6f;*/
    }
.site-title,
.link-icon {
    display: flex;
    align-items: center;
    }

.site-title {width: 60%;}

.site-title img.name {height: 22px;}

.link-icon {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    width: 40%;
    padding: 0;
    margin: 0;
   /* background-color: #ddd;*/
	}
.link-icon img {
	height: 38px;
	border-radius: 4px;
    margin-left: 10px;
	}
.link-icon li.rf-store img {
    height: 36px;
    border: solid 1px #6fa0de;
    background-color: #fff;
    margin-left: 15px;
    margin-right: 5px;
    }


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

.global-nav {
    margin: auto;
    }
    
header nav ul {
	list-style: none;
    /*border-bottom: solid 3px #555;*/
	padding: 0 0 10px;
	margin: 0 auto;
    /*border: solid 1px;*/
	}

header nav li,
header nav li.home{
	display: block;
	float: left;
	text-align: center;
	background-repeat: repeat-y;
	}
	
header nav li.home {width: 15%;}
header nav li {
    width: 42%;
    margin-right: 0.5%;
    }

header nav li a {
	display: block;
    background-color: #fff;
    border: solid 1px rgba(0,0,0,0.25);
	padding: 8px 0;
	}
header nav li:last-child {margin-right: 0;}
header nav li.home img,
header nav li img {
    display: block;
	height: 14px;
	margin: auto;
	/*background-color: #ddd;*/
	}

/*　ページトップ　*/

/*#pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 0px;
	padding: 5px;
	cursor: pointer;
	background: #aaa;
	background-color: rgba(150,150,150,0.65);
	width: 40px;
	color: #fff;
    z-index: 1000!important;
	border-radius: 4px 0px 0px 4px;
	box-shadow: 0 1px 5px rgba(0,0,0,0)
	}*/


/************************/
/*****　トップページ　*****/
/************************/


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

/*****　商品タイトル　*****/

.brand-title {
    padding: 120px 0 0;
    margin-bottom: 60px
    }

.brand-title h2 {
    color: #07586a;
    font-size: 26px;
    letter-spacing: 2px;
    text-decoration: underline 10px #f4ec44;
    text-underline-offset: 10px;
    padding: 0;
    margin: 30px 0 0;
    }


/*****　商品説明　*****/

ul.item-detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    list-style:none;
    margin: 0 auto 60px
    }
ul.item-detail img {
    width: 80%;
    margin: auto;
    }
ul.item-detail span {
    display: block;
    text-align: center;
    padding: 0 1em;
    margin: 15px auto 0;
    }


/*****　商品画像　*****/

section.lineup {
    margin: 0 auto 120px;
    /*border: solid 1px;*/
	}
section.lineup article + article {margin-top: 60px;}
    
ul.item-row {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
    align-items: flex-start;
	padding: 0;
	margin: 0 auto 40px;
	/*background-color: #eee;*/
	}
/*　1列　*/
ul.item-row.row-1 {width: 23.7%;}
/*　2列　*/
ul.item-row.row-2 {width: 56.2%; gap: 40px 100px;}
ul.item-row.row-2 li {width: calc(100% / 2 - 100px / 2)} 
/*　3列　*/
ul.item-row.row-3 {width: 83.3%; gap: 40px 70px;}
ul.item-row.row-3 li {width: calc(100% / 3 - 140px / 3);} 
/*　4列　*/
ul.item-row.row-4 li {width: calc(100% / 4 - 60px / 4)} 

.item-row li span {
    display: block;
	text-align: center;
	font-size: 14px;
	color: #999;
	margin: 15px 0 0;
	}
.item-row li img {
    width: 80%;
    margin: auto;
    }

/****　リフィル　****/

.refill-detail h3 {
    font-size: 24px;
    letter-spacing: 6px;
    border-left:solid 10px #ccc;
    line-height: 120%;
    padding: 0 0 0 10px;
    margin: 0 0 20px 0;
    }
.refill-detail h3 span {font-size: 18px;}

.refill-detail h3.red {
    color: #e61b46;
    border-color: #e61b46;
    }
.refill-detail h3.blue {
    color: #0077b3;
    border-color: #0077b3;
    }
.refill-detail h3.yellow {
    color: #fac319;
    border-color: #fac319;
    }
p.refill-reco span {
    display: inline-block;
    background-color: #07586a;
    width: 220px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    line-height: 160%;
    padding: 5px 0;
    margin: 0 20px 0 0;
    }
p.refill-reco {
    font-size: 17px;
    color: #07586a;
    font-weight: bold;
    line-height: 160%;
    letter-spacing: 2px;
    margin: 0 0 30px
    }
.bg-SYR1488,
.bg-SYR1489,
.bg-SYR1490 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right 10% bottom;
    }
.bg-SYR1488 {background-image: url("../contents/lineup/refill/images/SYR1488_illust.gif");}
.bg-SYR1489 {background-image: url("../contents/lineup/refill/images/SYR1489_illust.gif");}
.bg-SYR1490 {background-image: url("../contents/lineup/refill/images/SYR1490_illust.gif");}

.refill-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 0 auto 30px
    }

section.lineup.grid-refill-acc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px; 
    }
section.lineup.grid-refill-acc article + article {margin-top: 0;}
section.lineup.grid-refill-acc img.acc-img {
    width: 70%;
    margin: 0 auto 20px;
    }

/****　リフィル例　****/

.refill-use {
    background-color: #dae9e7;
    border-radius: 10px;
    text-align: center;
    }
.refill-use h3 {
    font-size: 22px;
    line-height: 160%;
    letter-spacing: 2px;
    color: #fff;
    padding: 0;
    margin: 0 auto;
    }
.refill-use h3 span {
    background-color: #07586a;
    display: inline-block;
    border-radius: 0 0 10px 10px;
    padding: 5px 25px;
    }
.refill-use h4 {
    font-size: 18px;
    line-height: 160%;
    color: #07586a;
    padding: 0;
    margin: 0 auto 20px
    }
.refill-use span.set {margin-left: 20px}
.refill-use span.color-m {color: #e61b46;}
.refill-use span.color-p {color: #0077b3;}
.refill-use span.color-d {color: #fac319;}

.refill-use article {
    display: grid;
    grid-template-columns: 1fr;
    rule: dashed 1px #3a7683;
    width: 96%;
    margin: 0 auto;
    /*border: solid 1px;*/
    }
.refill-use article div {
    padding: 30px 20px;
    /*border: solid 1px;*/
    }

/*****　商品名・品番・価格　*****/

.item-title {
    display: grid;
    grid-template-columns: calc(100% - 200px - 30px - 20px) 200px 30px;
    gap: 10px;
    align-items: center;
    /*height: 30px;*/
    padding: 0 10px 10px;
    border-bottom: solid 4px #548d84;
    /*background-color: #eee;*/
	}

.item-title h3 {
    font-size: 18px; 
	font-weight: bold;
    line-height: 140%;
	padding: 0;
	margin: 0;
    /*background-color: #ddd;*/
	}

.item-title .price {
    text-align: right;
    line-height: 140%;
	/*background-color: #ddd;*/
	}
.item-spec .item-title {margin: 0;}

/*　カゴ表示　*/
    
.cart {
	/*background-color: #666;*/
	}
.cart img {
	width: 25px;
	margin: 0 auto;
	}

/****　リフィル　****/

.grid-refill-acc .item-title {
    grid-template-columns: 1fr 220px 30px;
    /*height: 60px;*/
	}

.grid-refill-acc .item-title h3 {grid-column: 1 / 4;}
.grid-refill-acc .item-title .price {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    }
.grid-refill-acc .item-title .cart {
    grid-column: 3/ 4;
    grid-row: 2 / 3;
    }

    }


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


.table-spec {
	color: #000000;
	/*border-top: dotted 1px #ccc;*/
	width: 100%;
	}
.table-spec caption {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	margin: 10px 0;
	}
.table-spec th,
.table-spec td {
	border-bottom: dotted 1px #ccc;
	text-align: left;
	font-weight: normal;
	line-height: 140%;
	padding: 9px 5px 7px 10px;
	}
.table-spec th { padding-right: 0;}

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

.table-spec tr:nth-child(odd) {
	background-color: #fafafa;
	}
.table-spec th {
	width: 20%;
	line-height: 140%;
	}
.table-spec td {width: 80%;}

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

.table-spec ol {
	padding: 0 0 0 0;
	margin: 0;
	}
.table-spec ol li {
	list-style: none;
	line-height: 140%;
	margin: 3px 0 3px 0;
	}
.table-spec ol.number li {
	list-style: decimal;
	margin-left: 1em;
	}
	

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

footer {
	text-align: center;
	color: #555;
    background-color: #eeefef;
    background-image: url("../contents/images/head_bg.gif");
    background-size: 56px;
    background-position: center;
    padding: 20px 0;
	}

footer .footer-nav ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
	list-style: none;
    padding: 0;
	margin: 0 auto 30px;
	}
footer .footer-nav ul li a{
    display: block;
    background-color: #fff;
    padding: 8px 0;
    }

footer p:first-child {
    font-size: 13px;
    letter-spacing: 1px;
    }
footer p.copyright { font-size: 12px}


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

.appear992,
.appear840,
.appear600,
.appear480,
.appear380 { display: none !important;}


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


@media (max-width: 1118px) {


.header-title,
footer nav,
.footer-area,
section {width: 96%; }


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


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


/************************/
/*****　トップページ　*****/
/***********************/


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


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


}


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


@media (max-width: 992px) {


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

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

/************************/
/*****　トップページ　*****/
/***********************/

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

.away992 { display: none!important;}
.appear992 { display: block !important;}


}


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


@media (max-width: 840px) {

body {padding: 0;}

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

.site-title img.name {height: 20px;}
	

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

header nav li.home img,
header nav li img {height: 13px;}

/************************/
/*****　トップページ　*****/
/***********************/


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

/*****　商品タイトル　*****/

.brand-title {
    padding: 100px 0 0;
    margin-bottom: 50px
    }

.brand-title h2 {
    font-size: 24px;
    text-decoration: underline 8px #f4ec44;
    margin: 25px 0 0;
    }

/*****　商品説明　*****/

ul.item-detail img {width: 95%;}


/****　リフィル　****/

.refill-detail h3 {
    font-size: 22px;
    letter-spacing: 6px;
    border-left:solid 8px #ccc;
    }
.refill-detail h3 span {font-size: 16px;}

.bg-SYR1488,
.bg-SYR1489,
.bg-SYR1490 {background-position: right 5% bottom;}

section.lineup.grid-refill-acc {gap: 60px 30px;}
section.lineup.grid-refill-acc img.acc-img {width: 86%;}


/****　リフィル例　****/

.refill-use h3 {font-size: 20px;}
.refill-use h3 span {padding: 5px 20px;}
.refill-use article div {padding: 20px 10px;}


/*****　商品画像　*****/

/*　1列　*/
ul.item-row.row-1 {width: 23.7%;}
/*　2列　*/
ul.item-row.row-2 {width: 56.2%; gap: 40px 50px;}
ul.item-row.row-2 li {width: calc(100% / 2 - 50px / 2)} 
/*　3列　*/
ul.item-row.row-3 {width: 83.3%; gap: 40px 34px;}
ul.item-row.row-3 li {width: calc(100% / 3 - 68px / 3);} 
/*　4列　*/
ul.item-row.row-4 { gap: 40px 4px;}
ul.item-row.row-4 li {width: calc(100% / 4 - 12px / 4)} 

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

/*****　商品名・品番・価格　*****/

/****　リフィル　****/

.grid-refill-acc .item-title {grid-template-columns: 1fr 200px 30px;}


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


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

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


}

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


@media (max-width: 600px) {


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

.site-title a img.name {height: 18px;}
.link-icon {height: auto; width: 100%;}

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

#nav-sp {display: none!important;}


/*　パネル　*/

.icon-menu-area {
    position: absolute;
	right: 10px;
	top: 10px;
	height: 38px;
	width: 38px;
	background-image: url("../contents/images/icon_menu.png");
	background-position: center;
	background-size: 30px;
	background-repeat: no-repeat;
	transition-duration: 0.3s;
    /*background-color: #ccc;*/
 	}
.icon-menu-area.active {background-image: url(../contents/images/icon_menu_close.png);}

.panel {
	box-shadow: none;
    padding: 0;
	}
.panel-body ul {
	list-style: none;
    padding-bottom: 0px;
	margin: 0;
	}
	
.panel-body li {
    display: block;
	float: left;
    padding: 0;
	margin: 0;
	width: auto;
	}
.panel-body li a {border: none;}

.panel-body ul.link-icon {
    /*border-top: solid 1px #ccc;*/
    padding: 10px 0;
    margin: 0px auto 0px;
    }
.panel-body ul.link-icon li {width: 13.333%;}
.panel-body ul.link-icon li:nth-child(4),
.panel-body ul.link-icon li:nth-child(5){width: 30%;}

.panel-body ul.link-icon li a {background-color: transparent;}

.panel-body ul.link-icon img {
	height: 40px;
	width: auto;
	background-color: #fff;
	border-radius: 4px;
    margin: auto;
	}

.panel-body ul.link-icon img.rf-store {
    height: 38px;
    border: solid 1px #6fa0de;
    }

/************************/
/*****　トップページ　*****/
/************************/


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

/*****　商品タイトル　*****/

.brand-title {
    padding: 90px 0 0;
    margin-bottom: 40px
    }

.brand-title h2 {
    font-size: 22px;
    text-decoration: underline 6px #f4ec44;
    margin: 20px 0 0;
    }


/*****　商品説明　*****/

ul.item-detail {
    grid-template-columns: 1fr;
    gap: 20px;
    width: 80%;
    margin: 0 auto 40px
    }
ul.item-detail img {width: 95%;}


/****　リフィル　****/

.refill-detail h3 span {display: block;}

p.refill-reco span {
    display: block;
    width: 210px;
    font-size: 13px;
    margin: 0 0 5px 0;
    }
p.refill-reco {
    font-size: 16px;
    margin: 0 0 20px
    }

.bg-SYR1488,
.bg-SYR1489,
.bg-SYR1490 {
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: right bottom;
    }

.refill-detail-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 0 auto 20px
    }

section.lineup.grid-refill-acc {grid-template-columns: 1fr;}
section.lineup.grid-refill-acc img.acc-img {width: 70%;}


/****　リフィル例　****/

.refill-use h3 {font-size: 18px;}
.refill-use h4 {font-size: 16px;}
.refill-use article div {padding: 20px 5px;}


/*****　商品画像　*****/

.item-row li img {width: 100%;}

/*****　商品名・品番・価格　*****/

.item-title {
    grid-template-columns: 1fr 250px 40px;
    /*height: 60px;*/
	}
.item-title h3 {font-size: 17px;}
    
.item-title h3 {grid-column: 1 / 4;}
.item-title .price {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    }
.item-title .cart {
    grid-column: 3/ 4;
    grid-row: 2 / 3;
    }


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

.table-spec th {width: 30%;}
.table-spec td {width: 70%;}

.table-spec ol.serial li {
    width: 100%;
	float: nones;
	}


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

footer .footer-nav ul {
    grid-template-columns: 1fr 1fr;
    gap: 20px 2%;
    }


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

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


}


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

@media (max-width: 480px) {


.header-title,
section {width: 96%; }


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

.site-title img.name {height: 16px!important;}


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

/*　パネル　*/

.icon-menu-area {
	top: 10px;
	background-size: 28px;
 	}
.panel-body ul.link-icon {flex-wrap: wrap;}
.panel-body ul.link-icon li {width: 33.333%;}
.panel-body ul.link-icon li:nth-child(4),
.panel-body ul.link-icon li:nth-child(5){width: 50%;}


/************************/
/*****　トップページ　*****/
/************************/


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

/*****　商品タイトル　*****/

.brand-title {margin-bottom: 30px}
.brand-title h2 {font-size: 20px;}

/*****　商品説明　*****/

ul.item-detail {
    width: 86%;
    margin: 0 auto 40px
    }
ul.item-detail img {width: 100%;}


/****　リフィル　****/

.refill-detail h3 {
    font-size: 20px;
    border-left:solid 6px #ccc;
    }
.refill-detail h3 span {font-size: 15px;}

p.refill-reco span {width: 200px;}
p.refill-reco {font-size: 15px;}

.bg-SYR1488,
.bg-SYR1489,
.bg-SYR1490 {
    background-size: 37%;
    background-position: right bottom;
    }
    
section.lineup.grid-refill-acc img.acc-img {width: 90%;}


/****　リフィル例　****/

.refill-use h3 {font-size: 16px;}
.refill-use h3 span {
    border-radius: 0 0 7px 7px;
    padding: 5px 15px;
    }
.refill-use h4 {
    font-size: 16px;
    margin: 0 auto 10px;
    }
.refill-use span.set {
    display: block;
    margin-left: 0;
    }
.refill-use article div {padding: 20px 5px;}

/*****　商品画像　*****/

/*　スライド　*/

.slides {
    width: 100%;
	position: relative;
	padding: 0!important;
	margin: 0 auto 80px!important;
	/*background-color: #eee;*/
	}

.slider-item {
	text-align: center;
	margin: 0 auto 30px;
	}
.slider-item img {
    display: block;
	width: 75%!important;
	margin: auto;
	}
.slider-item span {
    display: block;
	color: #999;
    text-align: center;
	margin: 10px auto 10px ;
	}

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

.slider-item ul.slick-dots {
	height: 25px;
	bottom: -30px;
	padding: 0;
	margin: 0;
	}
.slider-item .slick-dots li {
    width: 25px;
    height: 25px;
    border-radius: 50%;
	padding-bottom: 0px;
	margin: 0 5px;
	}
.slider-item .slick-dots li button:before {
    width: 25px;
    height: 25px;
    opacity: 1;
    border-radius: 50%;
    background-color: #ccc;
    background-size: 24px;
    background-position: center;
    z-index: 1000;
	}
.slider-item .slick-dots li.slick-active button:before {opacity: 1;}


.dots-small .slick-dots li {
    width: 8px;
    height: 8px;
	padding-bottom: 0px;
	margin: 0 12px;
	/*border: solid 1px;*/
	}
.dots-small .slick-dots li button:before {
    width: 8px;
    height: 8px;
    opacity: 0.25;
	}
.dots-small .slick-dots li.slick-active button:before {opacity: 0.5;}

.dots-narrow  .slick-dots li {margin: 0 5px;}


ul.item-row.row-1 {width: 65%;}


/*****　商品名・品番・価格　*****/


/*　アイコン　*/
	

/*　各商品　*/

.item-detail {gap: 20px 20px;}
.item-detail .detail-3 {
    width: 80%;
    margin:auto;
    }

section.lineup {
	padding-bottom: 10px;
	margin-bottom: 60px;
	}

.slider-item .slick-dots li:nth-child(1) button:before  { background-color: #000; background-image: url("../contents/lineup/images/color_B.png");}
.slider-item .slick-dots li:nth-child(2) button:before  { background-color: #928680; background-image: url("../contents/lineup/images/color_N.png");}
.slider-item .slick-dots li:nth-child(3) button:before  { background-color: #7e3328; background-image: url("../contents/lineup/images/color_C.png");}
.slider-item .slick-dots li:nth-child(4) button:before  { background-color: #1b2f48; background-image: url("../contents/lineup/images/color_K.png");}
.slider-item .slick-dots li:nth-child(5) button:before  { background-color: #ccc; width: 20px; height: 20px;margin-top: 2px; border-radius: 2px}

/*section.lineup + section.lineup  {
    padding-top: 100px;
    margin-top: -60px
    }*/
    
    
/****************************/
/*****　テーブル　スペック　*****/
/****************************/

.table-spec th {width: 27%;}
.table-spec td {width: 73%;}


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

.footer-nav li {font-size: 12px; }


/*****　NEWアイコン　*****/

img.mark-new {width: 32px!important; }
img.mark-new.color {right: 40px;}


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

.away480 { display: none!important;}
.appear480 { display: block!important; }


}


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

@media (max-width: 380px) {


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


/*　パネル　*/

.icon-menu-area {right: 5px; }


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


/************************/
/*****　トップページ　*****/
/************************/


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


/*　ブランド　タイトル　*/


/*****　商品タイトル　共通　*****/


/*****　商品画像　各個　*****/


/*　スライド　*/

.slideItem img {width: 80%;}

ul.item-row.row-1 {width: 80%;}


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

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


}


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

@media (max-width: 320px) {


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

.site-title h1 {display: none;}

/*　パネル　*/

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


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


/************************/
/*****　トップページ　*****/
/************************/


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

/*　ブランド　タイトル　*/


/*****　商品タイトル　共通　*****/


}


@media print {

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