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

@import url(https://fonts.googleapis.com/css?family=Dosis:700&display=swap);

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

          パソコン・スマホ共通

*****************************************/
/* --------------------------------
	全体設定
-------------------------------- */

/* body */
#contents_top{
	margin-bottom: 0;
}


/* フォント */
.bold{
	font-weight: bold;
}
.big{
	font-size: 120%;
}
.small{
	font-size: 80%;
}
.txt_center{
	text-align: center;
}
p.txt_mt_none{
	margin-top: 0;
}


/* 改行 */
.line_break{
    padding-top: 20px;
}
@media print, screen and (min-width: 768px){	
    .br-pc { display:block; }
    .br-sp { display:none; }
}
@media screen and (max-width: 767px){	
    .br-pc { display:none; }
    .br-sp { display:block; }
}


/* オンマウス時のアクション */
a:hover img.img_opacity{
	opacity: 0.75;
	filter: alpha(opacity=75);
}


/* clearfix */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: block;
} 
* html .clearfix{ /* Hides from IE Mac */
    height: 1%;
}
/* End Hack */


/* margin設定 */
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb40{
	margin-bottom: 40px;
}

#contents_bottom{
	clear: both;
}


/* --------------------------------
	footer
-------------------------------- */

#footer {
	background: #F8F9F8;
    border-top: 1px solid #CCD5CC;
	padding: 50px 0 0;
}

#footer a:link,#footer a:visited{
    color: #333;
}
#footer a:hover,#footer a:active {
    color: #999;
    text-decoration: underline;
}

.copyright{
	padding: 12px 0;
	background: #2E9648;
	color: #FFF;
	font-family: 'Dosis', sans-serif;
	letter-spacing: 1.2px;
	text-align: center;
	margin: 0;
}


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

/* category */

h2.subhead01{	
	position: relative;
	margin: 0 0 32px;
	padding-bottom: 20px;
	font-size: 2.8rem;
	text-align: center;
}
h2.subhead01 span.en{
	display: block;
	color: #2E9648;
	font-size: 2.0rem;
	font-family: 'Dosis', sans-serif;
	font-weight: normal;
	letter-spacing: 1.2px;
}
h2.subhead01:before{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	width: 80px;
	height: 4px;
	margin: auto;
	background: #2E9648;
}

.top_category p{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

/* おすすめ商品 */
#item_list{
	margin-bottom: 48px;
}

.item_name{
	height: auto !important;
	margin: 0 0 20px;
	padding-bottom: 10px;
    border-bottom: 3px double #B8C2B8;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

/* 新着情報 */
.news_contents{
	margin-bottom: 52px;
}

/* メインサイトバナー */
.top_main_bana{
	text-align: center;
}


/* --------------------------------
	下層共通
-------------------------------- */

h1.page-heading{
	margin-bottom: 30px;
	padding: 7px 0 12px 20px;
	border-left: 5px solid #2E9648;
	font-size: 2.4rem;
}


/* --------------------------------
	商品一覧
-------------------------------- */

#topicpath{
	padding: 0 16px;
	border: none;
}

#topicpath ol{
	margin-bottom: 30px;
	padding: 7px 0 12px 20px;
	border-left: 5px solid #2E9648;
	border-bottom: 1px solid #ccc;
	font-size: 2.4rem;
	font-weight: bold;
}

#topicpath li{
	font-size: 2.4rem;
}

#topicpath a:hover,#topicpath a:focus,#topicpath a:active{
	color: #999;
	text-decoration: none;
}


/* --------------------------------
	カート内　商品欄
-------------------------------- */

.cart .item_box .item_name{
	margin-right: 0;
	padding: 0;
	background: none;
}



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

          パソコン用

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

@media screen and (min-width: 768px){
	
	/* --------------------------------
		全体設定
	-------------------------------- */
	
	#contents{
		padding-top: 0;
		background: none;
	}
	
	#contents_bottom{
		padding-top: 0;
	}
	
	#main_middle{
		margin-bottom: 18px;	
	}
	
	
	/* --------------------------------
		商品詳細ページ
	-------------------------------- */
	
	#detail_wrap{
		margin-left: 0;
		margin-right: 0;
	}
	
	#item_photo_area{
		padding: 0 20px 0 0;
	}
	
	#item_detail_area .item_name{
		margin: 0 0 30px;		
		font-size: 2.6rem;
		font-weight: bold;
		text-align: left;
	}
	
	#item_photo_area .slick-dots{
		margin: 0 auto;
	}
	
	#item_detail_area .item_detail .item_comment{
		margin-top: 0;
		margin-bottom: 50px;
	}
	
	#item_photo_area .slick-dots li:nth-child(3n+1){
		clear: both;
	}


	/* --------------------------------
		当サイトについて
	-------------------------------- */
	
	.dl_table{
		border-top: 1px solid #CCD5CC;		
	}
	
	.dl_table dt{
		padding-left: 16px;
		border-left: 1px solid #CCD5CC;
		border-right: 1px solid #CCD5CC;
		border-bottom: 1px solid #CCD5CC;
		background-color: #F8F9F8;
	}
	
	.dl_table dd{
		border-right: 1px solid #D9CEBE;
		border-bottom: 1px solid #D9CEBE;
		background-color: #FFF;
	}
}


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

          タブレット用

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

@media screen and (max-width: 1120px) {
	
	/* --------------------------------
		header
	-------------------------------- */
	
	#header .header_bottom_area{
		padding-top: 85px;
	}

	
	/* カート */
	#header #cart_area {
		top: 155px;
	}
	
	/* 検索窓 */
	#search {
		position: absolute;
		top: 140px;
		right: 280px;
		min-width: 470px;
	}
}


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

          スマホ用

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

@media screen and (max-width: 767px) {

	/* --------------------------------
		全体設定
	-------------------------------- */

	#contents{
		background: none;
	}


	/* --------------------------------
		header
	-------------------------------- */

	#header{
		padding: 0 0 15px;
		margin-bottom: 20px;
	}

	#header .copy{
		margin-bottom: 0;
		text-align: right;
	}
	
	.header_logo_area{
		margin: 0;
	}
	
	h1.header_logo img{
		width: 45%;
	}

	
	/* カート・ナビ */
	#btn_menu{
		top: 25px;
		right: 10px;
	}
	
	#header #cart_area {
		top: 25px;
	}
	
	.member_link a{
		color: #000;
	}
	
	.member_link a:hover{
		color: #454545;
	}
	

	/* --------------------------------
		footer
	-------------------------------- */
	
	#footer{
		margin-top: 50px;
	}
	
	.footer_logo_area .logo{
		margin-bottom: 20px;
	}
	
	.footer_logo_area .logo img{
		width: 45%;
	}
	
	.copyright{
		font-size: 1.2rem;
	}
	

	/* --------------------------------
		トップページ
	-------------------------------- */
	
	/* 見出し */
	h2.subhead01{
		margin-bottom: 20px;
		font-size: 2.2rem;
	}
	h2.subhead01 span.en{
		font-size: 1.6rem;
	}
	
	
	/* おすすめ商品 */
	
	#item_list{
		margin-bottom: 28px;
	}
	
	.pickup_item{
		margin-bottom: 20px;
	}
	
	/* news */
	
	.newslist dl{
		padding: 12px;
	}
	
	.newslist dt .angle-circle{
		right: 5px;
	}


	/* --------------------------------
		下層共通
	-------------------------------- */

	h1.page-heading{
		border-top: none;
		font-size: 2.0rem;
	}
	
	h2.page-heading{
		border-top: none;
		font-size: 2.0rem;
	}
	
	h3.page-heading{
		border-top: none;
	}


	/* --------------------------------
		商品一覧ページ
	-------------------------------- */
	
	#topicpath{
		border: none;
		padding: 0 8px;
	}
	
	#topicpath ol{
		font-size: 2.0rem;
	}
	#topicpath ol li{
		font-size: 2.0rem;
	}

	.product_page .product_item a{
		padding-bottom: 30px;	
	}
	.item_comment{
		font-size: 90%;	
	}
	
	.product_item_wrap{
		margin-bottom: 40px;
	}
	
	.item_name{
		font-size: 1.8rem;
	}


	/* --------------------------------
		商品詳細ページ
	-------------------------------- */

	#item_photo_area{
		padding-bottom: 30px;
	}
	#item_detail_area .item_name{
		font-weight: bold;	
	}
	#item_detail_area .item_detail .relative_cat{
		display: none;
	}
	#item_detail_area .item_detail .item_comment{
		margin-bottom: 20px;
	}
	.extra-form {
		margin: 30px 0;
	}
	

	/* --------------------------------
		特商法　送料について
	-------------------------------- */

	.dl_table{
		border-top: none;
	}
	.dl_table dl {
		padding: 0;
		margin-bottom: 15px;
		border-bottom: none;
	}
	.dl_table dt{
		padding: 8px;
		border: 1px solid #CCD5CC;
		border-bottom: none;
		background-color: #F8F9F8;

	}
	.dl_table dd{
		padding: 8px;
		border: 1px solid #CCD5CC;
		background-color: #FFF;
	}
}