@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Lato);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);


/*
	font-family:"FontAwesome";
	font-family:"Font Awesome 5 Free";
*/


/*========================================
 Base
========================================*/
html {font-size:62.5%;}
body{
	font-size:1.2rem;
	line-height:1.6;
}

body > #top{
    background:#fff;
    font-size:12px;
    margin-top:-15px;
    padding-top:15px;
}
div#header{
	background:none !important;
	margin:0 auto;
}
div#contents div.topic_path,
div#contents div.topic_path a{
	width:1080px;
	margin:0 auto;
	padding-left:10px;
	text-decoration:none;
	box-sizing:border-box;
}

div#contents{
	position:relative;
	width:1080px;
	margin:0 auto;
}
#contents * {box-sizing:border-box;}
.corner_info p {padding:0;}

div.corner_product {margin:0 0 50px !important;}
div.itemdetail{
	width:1080px;
	margin:0;
	height:auto;
	border:none;
	font-size:1.3rem;
	text-overflow:inherit;
}
.corner_info h3 {border:none; background:none;}
.corner_info > h3 {display:none !important;}
.corner_info > p {display:none;}

.footer_link a {color:#262626 !important;}


/*商品情報*/
#detailBox{
	float:none;
	width:1000px;
	margin:0 auto 40px;
	padding:10px 0 20px;
	font-size:12px;
}
ul.searchList{
	display:block;
	border-collapse:separate;
	border-spacing:14px;
	width:1020px !important;
	margin:0 auto !important;
	padding:0 13px;
}
ul.searchList:last-child {margin-bottom:30px !important;}
ul.searchList li div div.detail, #detailBox {width:700px;}
ul.searchList li p.photo{
	height:175px;
	padding-top:10px;
}
ul.searchList li h5{
	padding-bottom:10px;
	border-bottom:1px dotted #aaaaaa;
}

#detailBox .detailArea div {padding:5px;}
#detailBox .detailArea div p.date {font-size: 1.2em;}

/*#contents {padding-bottom:30px;}*/
div#sns {overflow:hidden;}


/* リセット */
#contents ul{
	-webkit-margin-before:0;
	-webkit-margin-after:0;
	-webkit-padding-start:0;
}
#contents a:hover {opacity:1;}
#contents footer a:hover {opacity:0.5;}


/*========================================
 カスタム
========================================*/
/* 商品 */
ul.searchList li{
	background:#fff;
	float:none;
	display:table-cell;
	width:231px !important;
	padding:10px;
	vertical-align:top;
	border:1px dotted #999 !important;
	border-radius:8px;
	box-sizing:border-box;
}
ul.searchList li a {color:#9c8871;}


/* 全体 */
#contents{
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/bg_pattern.jpg) center top;
	position:relative;
	margin-bottom:0 !important;
	color:#262626;
	/*box-shadow:0 0 10px #08162e;*/
}
#contents .smOnly {display:none;}
#contents a {color:#262626;}

#contents .topic_path,
#contents .topic_path a{
	padding-top:10px !important;
	color:#262626;
}
#contents .topic_path a:hover {opacity:0.5;}

#contents .itemdetail {border-radius:10px 10px 0 0;}
#contents .corner_product {width:1080px;}
ul.searchList:last-child {padding-bottom:20px;}

#contents .corner_main_banner {display:none;}
/*#contents .corner_info > div {margin-bottom:80px;}*/


/**** SNS ****/
#contents #sns{
	position:absolute;
	top:0;
	right:20px;
	width:auto !important;
	z-index:50;
}


/* header */
#contents #headerWrap{
	margin-bottom:30px;
	padding:20px 0 16px;
	border-top:20px solid #47b475;
	border-bottom:20px solid #47b475;
}


/* 概要 */
#contents .outlineBox{
	margin-bottom:3em;
	padding:12px;
	font-size:1.6rem;
	border:5px solid #47b475;
	border-radius:8px;
}
#contents .outlineBox dt{
	background:#47b475;
	margin-bottom:4px;
	padding:2px 8px;
	font-size:1.8rem;
	font-weight:bold;
	color:#fff;
}
#contents .outlineBox dd {margin:0 0 1em 2px;}
#contents .outlineBox dd:last-child {margin-bottom:0;}
#contents .outlineBox dd ul {margin-top:8px;}
#contents .outlineBox dd li {font-size:1.2rem;}


/* Hタグ */
#contents h2.title{
	background:repeating-linear-gradient(#47b475, #47b475 1px, #56d08a 0, #56d08a 2px);
	margin-bottom:8px;
	padding:8px 10px;
	font-size:2.2rem;
	font-weight:bold;
	color:#fff;
	border-radius:8px;
}

/*=================================
スマートフォン
=================================*/
#top #header {background:#fff !important;}
.li-box {overflow:hidden;}
.li-box > p:first-child,
.li-box > p:last-child,
#corner_name,
#corner_main_text li.title {display:none;}
.li-box section{
	background:none;
	font-size:1.2rem;
	line-height:1.5;
}
h2.search-h2 {display:none;}
#corner_sphone_banner img {max-width:640px;}
section#corner_name {display:none;}

#top #bread-crumb-list {color:#000;}

.itemsList {margin-bottom:20px;}
.itemsList li{
	height:auto;
	width:94%;
	margin:0 auto 10px;
}
.itemsList li:last-child {margin-bottom:30px;}
/*.itemsList li div > span {color:#fff;}*/

div.li-box ul li {margin:0;}

#top h2{
	-webkit-margin-before:0;
	-webkit-margin-after:0;
}


/*** カスタム ***/
.wrapper {}
div.sphone_banner img {width:100%;}
.li-box .line,
.copyright .line{
	width:100%;
	margin-bottom:10px;
	text-indent:-9999px;
}
#top .tiles {background:#fff;}
#top #bread-crumb-list a, .li-box a {color:#08162e;}
#corner_products ul.tiles li a {}
#corner_products ul.tiles:last-child {margin-bottom:20px;}
.to-top a {color:#000 !important;}

#top{
	font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/bg_pattern.jpg) center top;
	background-size:11%;
	width:100%;
	margin:0 auto;
}
#top .pcOnly {display:none;}
#top * {box-sizing:border-box;}
.show-all,
.show-all a {box-sizing:inherit !important;}

div#product-detail-images div.product-deteail-image-box{
	display:block;
	margin-top:10px;
	padding-top:10px;
	border-top:10px solid #47b475;
	border-bottom:10px solid #47b475;
}
#top #product-detail-images {margin-bottom:14px;}
div#corner_extra {display:none;}
#top .li-box{
	width:100%;
	margin:0;
}

#top .copyright > p {display:none;}


/* header */
#top #headerWrap {display:none;}


/* Hタグ */
#top h2.title{
	background:repeating-linear-gradient(#47b475, #47b475 1px, #56d08a 0, #56d08a 2px);
	width:98%;
	margin:0 auto 4px;
	padding:4px 10px;
	font-size:1.5rem;
	font-weight:bold;
	color:#fff;
	border-radius:4px;
}