@charset "UTF-8";

/* =Layout
-----------------------------------------------------------------------------*/

.wrapper {
	margin: auto;
	max-width: 990px;
}

#main {
	clear: both;
}

#blocks li {
	background-color: #f8f8f8;
	height: 100px;
}

a img {
	transition: opacity 0.2s ease 0s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

a:hover img {
	opacity: 0.7;
}

/* =Header
-----------------------------------------------------------------------------*/

#hNav {
	float: left;
	margin: 32px 0 0;
}

#hNav ul li {
	/* background: url(../images/line01.gif) no-repeat scroll 0 2px; */
	padding: 0 17px;
	float: left;
}

#hNavside ul li {
	padding: 2px 0;
}

#snsBtn ul li {
	float: left;
}

.flexslider {
	clear: both;
}

.youtube {
	padding: 0 20px 0 20px;
}

.twitter,
.facebook {
	padding: 0 20px 0 0;
}

/* menu styles */

#jsddm {
	margin: 0;
	padding: 0;
	text-align: center;
}

#jsddm li a {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #aba7a5;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 15px 0;
	display: inline;
	float: none;
	font-size: 14px;
	line-height: 1.4;
}

#jsddm li a span {
	font-size: 11px;
	color: #999;
	margin-top:3px;
}

#jsddm li a:hover {
	color: #494646;

}

#jsddm li.active a {
	color: #494646;
	font-weight: 500;
}

#jsddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 999;
	visibility: hidden;
	margin-top: 10px;

}

#jsddm li ul li {
	float: none;
	background: none;
	line-height: 24px;
	padding: 0;
}

#jsddm li ul li a {
	width: auto;
	color: #322825;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	padding: 2px 20px;
	display: block;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	border-bottom: solid 1px #FFF;
	background-color: #FFF;
	text-align: left;
}

#jsddm li ul li a,
#jsddm li ul li a span:hover {
	color: #221714;
	border-bottom: solid 1px #dfdfdf;
}



/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	clear: both;
	overflow: hidden;
	overflow-x: hidden;
	margin-bottom: 30px;
}

#footer ul li {
	padding: 0 20px 0 0;
	float: left;
}

#fNav ul li a {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #aba7a5;
	font-weight: 500;
	letter-spacing: 0.4px;
	font-size: 0.9em;
	line-height: 18px;
}

#fNav li a:hover {
	color: #494646;
	font-weight: 500;
}


/* Top
-----------------------------------------------------------------------------*/

.twothird {
	width: 632px;
	margin: 0;
}

.third {
	width: 308px;
	margin: 0 0 0 16px;
	position: relative;
}

.quarter {
	margin-bottom: 25px;
}

#home .imgBig img {
	width: 308px;
}

#home .imgBig img.movie {
	width: 472px;
}

.top-Bttl {
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	padding: 0 0 12px 2px;
	text-align: left;
}


.top-Lttl {
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;
	padding: 8px 0 30px;
	text-align: center;
}

.top-New_mark {
	float: left;
	width: 37px;
	height: 11px;
	padding: 0 0 0 7px;
	line-height: 30px;
}

.top-New_mark img {
	width: 37px;
	height: 11px;
}

span.tp-date {
	bottom: 15px;
	font-size: 9px;
	/*position: absolute;*/
	right: 0;
	font-family: 'Noto Sans', sans-serif;
	line-height: 20px;
	display: block;
}

.ttlSp {
	font-family: 'Noto Sans', sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 15px;
}

#jsddm li a.no_link:hover {
	color: #aba7a5;
}

/* Topics */

.topic-year {
	font-size: 1.5em;
	text-align: center;
	margin: 20px 0;
}

.topic-year a,
span {
	color: #666;
}

#topics_2015 {
	color: #666;
	font-size: 1.5em;
	text-align: center;
	margin: 20px 0;
}

.imgBig.smpimg {
	float: none !important;
	width: calc(96%/3);
	display: inline-block;
	margin-right: 10px;
}

.imgBig.smpimg .clearfix {
	padding: 0 4px;
}

.imgBig:nth-child(3n+3) {
	margin-right: 0;
}

/*.topics_bnr_inner{
text-align:center;
margin-right:0.5%;
margin-left:0.5%;
}*/

@media (max-width:735px) {
	.imgBig.smpimg {
		width: calc(86%/2);
		margin: 0;
	}

	.pagettl {
		padding-left: 45px;
	}

	.imgBig:nth-child(odd) {
		margin-right: 10px;
	}
}

@media (max-width:568px) {
	.imgBig.smpimg {
		width: calc(90%/2);
	}
}

/* ここからDEALERS */

.dealers_wrap {
	margin-top: 30px;
}

.de_wrap {
	border-left: 1px dotted #ccc;
	display: inline-block;
	/* display: -webkit-inline-box; */
	display: -moz-inline-block;
}

.dealer_box {
	font-size: 15px;
	font-weight: 800;
	margin: 15px;
}

.dealer_box:last-child {
	margin-right: 0;
}

.dealer_box a {
	text-decoration: none;
}

.dealer_box a:hover,
.shop_wrap a:hover {
	color: #ccc;
}

.shop_wrap {
	margin-top: 30px;
}

.shop_area {
	font-size: 14px;
	margin: 15px 0;
}

.box-left,
.box-center,
.box-right {
	width: calc(100%/3);
	float: left;
}

.shoplist_wrap {
	margin-left: 20px;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	display: flex;
	font-weight: 400;
}

.shoplist_wrap a {
	text-decoration: none;
	width: 150px;
}

.shoplist_wrap dt {
	font-size: 12px;
}

.shoplist_wrap .dfs_data {
	float: left;
	margin-right: 15px;
}

.clearfix:after {
	/*floatの解除、ここがポイント*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.clearfix {
	min-height: 1px;
	/*IE6、7対策*/
}

* html .clearfix {
	height: 1px;
	/*\*/
	/*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

.clear {
	clear: both;
}

/* SHOP LIST */

.tabrow {
	text-align: center;
	list-style: none;
	margin: -2px;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
}

.tabrow li {
	border: 1px solid #AAA;
	background: #ccc;
	display: inline-block;
	margin: 0 -6px;
	padding: 0 25px;
	font-size: 13px;
}

.tabrow li.selected {
	background: #FFF;
	color: #000;
}

.tabrow {
	position: relative;
}

.tabrow li {
	position: relative;
	z-index: 0;
	margin: 0 -5px;
	padding: 0 20px;
}

.tabrow li.selected {
	z-index: 2;
	border-bottom-color: #FFF;
}

.shop_footer_wrap {
	font-size: 15px;
	height: 40px;
	width: 100%;
	position: relative;
}

.shop_foot a {
	text-decoration: none;
	margin: 10px
}

.shop_foot {
	text-align: center;
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.shop_foot li {
	display: -moz-inline-box;
	display: -webkit-inline-box;
	display: inline-box;
	margin: 0 20px;
}

.shop_foot a:hover {
	color: #ccc;
}


/* Products
-----------------------------------------------------------------------------*/

#main img.kvProducts {
	width: 960px;
}

.thumbnail li {
	margin-bottom: 5px;
}

.thumbnail li a:hover {
	opacity: 0.6;
}

.thumbnail li a:active {
	opacity: 0.6;
}

/* fancybox */

.fancybox-skin {
	background: #fff!important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.fancybox-close {
	top: 0 !important;
	right: 0 !important;
	width: 20px!important;
	height: 20px!important;
}

.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
	background-image: url(../products/images/btm_close.gif)!important;
}

/* Products-text */

#carddata a.fancybox {
	margin: 0 13px 25px 0!important;
}

#select-wrap {
	margin-bottom: 40px;
	text-align: right;
}

#select-wrap select {
	margin-right: 20px;
	display: inline-block;
}

.price_mi {
	float: right;
	padding-top: 1px;
	letter-spacing: 0 !important;
}

.hide-color {
	display: none;
}

/* IE8
-----------------------------------------------------------------------------*/

#picBoots {
	margin-bottom: 25px\9;
	height: 310px;
}

#picBoots ul.thumbnail {
	margin-right: 30px\9;
	float: left\9;
}

#infoBoots {
	clear: both\9;
}

.photo img {
	position: absolute\9;
}

.item {
	border-bottom: 1px solid #eee\9;
	padding-bottom: 25px\9;
	margin-bottom: 12px\9;
}

.name {
	float: left;
	margin-right: 15px\9;
}

.price {
	padding-top: 5px\9;
	display: block\9;
}

.like {
	display: block\9;
	position: absolute\9;
	top: 365px\9;
	left: 590px\9;
}

.info {
	clear: both\9;
}

.text {
	border-right: 1px solid #eee\9;
	width: 60%\9;
	padding-right: 10px\9;
	margin-right: 15px\9;
	margin-bottom: 40px\9;
	display: block\9;
	float: left\9;
	font-size: 12px\9;
}

.data li {
	margin-bottom: 5px\9;
	font-size: 12px\9;
}

.notes {
	font-size: 11px\9;
}

#picItem {
	width: 100%\9;
}

#picItem .phItem {
	width: 442px\9;
	margin: 0 auto\9;
}

#infoItem {
	margin-top: 330px\9;
	clear: both\9;
}

.like01 {
	float: right\9;
	display: block\9;
	position: absolute\9;
	top: 330px\9;
	left: 600px\9;
}

.phItem img {
	position: absolute\9;
}


/* Quality
-----------------------------------------------------------------------------*/

iframe {
	width: 100%!important;
}

.readTxt {
	display: block;
	margin-bottom: 25px;
}

.craftBox {
	margin: 0 auto;
}

.craftTtl {
	text-align: center;
	margin: 30px 0 10px;
}

.craftTtl img.like {
	position: absolute;
	top: 348px;
	left: 580px;
}

.craftTxt {
	font-size: 12px;
}

/* About Danner
-----------------------------------------------------------------------------*/

.agency {
	margin: 15px 0 10px;
}

/* PrivacyPolicy
-----------------------------------------------------------------------------*/

.ppBox {
	margin-bottom: 20px;
}

.ppTtl {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

/* Sitemap
-----------------------------------------------------------------------------*/

.smBox {
	margin-bottom: 50px;
}

.smTtl {
	color: #4B4240;
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	margin-bottom: 10px;
}

.smTtl a {
	color: #4B4240;
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.smTxt {
	margin-left: 1.0em;
}

/*responsive
==========================================================================================*/

.pagettl {
	font-family: 'Noto Sans', sans-serif;
	font-size: 19px;
	letter-spacing: 1px;
	/*width: 100%;*/
	margin: 0 auto;
	/*padding-left:13px;*/
}

.link-hc {
	float: right;
	font-size: 12px;
	line-height: 3em;
	font-weight: bold;
}


@media only screen and (max-width: 1024px) {
	.shoplist_wrap {
		margin-left: 30px;
	}
}

@media (max-width: 970px) {
	.dealers_wrap {
		padding: 20px;
	}

	.de_wrap {
		margin-right: 30px !important;
	}

	.shop_wrap {
		justify-content: center;
		padding: 20px;
	}

	.box-left,
	.box-center,
	.box-right {
		width: calc(100%/2);
		display: inline-block;
		display: -moz-inline-box;
	}

	.box-center {
		float: right;
	}
}


@media (max-width: 690px) {
	.de_wrap a {
		font-size: 13px;
	}
}

@media (max-width: 570px) {
	#main {
		margin-top: 20px;
	}

	.tabrow {
		padding-top: 20px;
	}

	.dealers_wrap {
		margin: 0 auto;
	}

	.de_wrap {
		text-align: center;
		margin-right: 0;
		display: block;
		display: -webkit-block;
		display: -moz-block;
		border: none;
		font-size: 15px
	}

	.box-left,
	.box-center,
	.box-right {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-box;
		display: -webkit-flexbox;
		display: -moz-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-lines: multiple;
		-moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		float: none;
		width: 100%;
	}

	#hokkaido,
	#touhoku,
	#hokushin,
	#kantou,
	#toukai,
	#kansai,
	#shikoku,
	#kyusyu,
	#webshop {
		margin: 0 auto;
	}

	.shoplist_wrap {
		margin-left: 0;
	}

	.de_wrap {
		margin-right: 0 !important;
	}

	#jsddm li a,
	#jsddm li span {
		line-height: 3em;
	}
	#jsddm li ul {
		display: none;
	}
}


@media (max-width: 530px) {
	.de_wrap {
		display: block;
	}
	#jsddm li ul {
		display: none;
	}
}

@media only screen and (max-width: 430px) {
	.shop_wrap {
		padding: 10px;
	}

	#footer {
		margin-top: 30px;
	}

	.shop_foot li {
		margin: 0 10px;
	}
}

@media only screen and (max-width: 375px) {
	.tabrow li {
		padding: 0 10px;
		font-size: 12px;
	}
}

/* =PC 
-----------------------------------------------------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 3200px) {

	#header {
		overflow: hidden;
		margin-bottom: 30px;
	}
	#header h1 {
		float: left;
		margin: 0 3% 0 0;
	}
	#header h1 img {
		padding-top: 20px;
	}
	#snsBtn {
		float: right;
		margin: 40px 0 0;
	}
	#hNav {
		max-width: calc(100% - 300px);
	}
	#fNav {
		border-top: 1px solid #eee;
		padding-top: 12px;
		clear: both;
	}
	#fNav ul li {
		padding: 0 20px 0 0;
		float: left;
	}
	.likeF {
		float: right;
		margin-bottom: 5px;
	}
	#picBoots {
		margin-bottom: 25px;
	}
	#picBoots ul.thumbnail {
		margin-right: 30px;
		float: left;
	}
	#infoBoots {
		clear: both;
	}
	.photo img {
		position: absolute;
	}
	.item {
		border-bottom: 1px solid #eee;
		padding-bottom: 25px;
		margin-bottom: 12px;
	}
	.name {
		float: left;
		margin-right: 15px;
	}
	.price {
		padding-top: 5px;
		display: block;
	}
	.like {
		display: block;
		position: absolute;
		top: 365px;
		left: 590px;
	}
	.info {
		clear: both;
	}
	.text {
		border-right: 1px solid #eee;
		width: 60%;
		padding-right: 10px;
		margin-right: 15px;
		margin-bottom: 40px;
		display: block;
		float: left;
		font-size: 12px;
	}
	.data li {
		margin-bottom: 5px;
		font-size: 12px;
	}
	.notes {
		font-size: 11px;
	}
	.movie {
		width: 560px;
		height: 315px;
	}
	.historyBoxR {
		padding-top: 20px;
	}
	#picItem {
		width: 100%;
	}
	#picItem .phItem {
		width: 442px;
		margin: 0 auto;
	}
	#infoItem {
		margin-top: 330px;
		clear: both;
	}
	.like01 {
		float: right;
		display: block;
		position: absolute;
		top: 330px;
		left: 600px;
	}
	.phItem img {
		position: absolute;
	}
	.mlBox {
		margin-left: 30px;
	}
	.smBoxL {
		float: left;
		margin-right: 5%;
		width: 35%;
		border-right: 1px solid #eee;
	}
	.smBoxR {
		float: left;
		width: 55%;
	}
	.notesMovies {
		float: right;
		margin-bottom: 15px;
	}
	.copyright {
		float: right;
		color: #ABA7A5;
		font-family: 'Roboto', sans-serif;
		font-size: 0.9em;
	}

	.big_d {
		width: 960px;
		margin: 0 auto;
		padding: 0 0 0 140px;
	}

	.bigd_sho_ml {
		padding: 0 0 0 60px;
	}

	.sho_title {
		width: 430px;
		text-align: center;
	}

	.sp-style {
		float: right;
	}

	.sp-bottom-L {
		margin: 0;
		float: left;
	}
	.sp-bottom-R {
		margin: 0 0 0 15px;
		float: left;
	}


	/***追加****/
	.footer_product {
		float: left;
		width: 75%;
		padding-top: 15px;
	}

	.footer_product_img {
		float: left;
		width: 206px;
		padding-right: 25px;
	}

	.smponly {
		display: none;
	}
	body#dl .row .smpimg {
		width: 308px;
	}
	body#dl span.tp-date {
		font-size: 12px;
	}

}

/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/

@media only screen and (min-width: 569px) and (max-width: 1140px) {
	/* .wrapper { width: 710px; } */
	
	#jsddm li a,
	#jsddm li span {
		line-height: 3em;
	}
	
	#jsddm li ul {
    display: none;
}
	
	#header {
		width: 100%;
		margin-bottom: 10px;
	}
	#header h1 {
		width: 100%;
		text-align: center;
		margin: 5% auto 2% auto;
	}

	#snsBtn {
		margin: 0 auto;
		width: 160px;
	}
	#fNav {
		border-top: 1px solid #eee;
		padding-top: 17px;
		clear: both;
	}

	#hNav {
		max-width: 100%;
		width: 100%;
	}

#snsBtn {
	margin: 0 auto;
	width:170px;
	float: unset;
	/* margin-top: 30px; */
	padding: 30px 0;
	clear: both;
	
}

	#hNav ul li {
		padding: 0 15px 20px;
		display: inline;
		float: none;
		word-break: keep-all;
	}



	#fNav ul li {
		padding: 0 20px 0 0;
		float: left;
	}
	.likeF {
		float: right;
		margin-bottom: 5px;
	}

	#picBoots {
		margin-bottom: 25px;
	}
	#picBoots ul.thumbnail {
		margin-right: 10px;
		float: left;
	}
	#infoBoots {
		margin-top: 50px;
		clear: both;
	}
	.thumbnail {
		padding-right: 50px;
	}
	.photo img {
		position: absolute;
	}
	.item {
		border-bottom: 1px solid #eee;
		padding-bottom: 6px;
		margin-bottom: 12px;
	}


	.price {
		padding-top: 10px;
		display: block;
	}
	.like {
		display: block;
		position: absolute;
		top: 365px;
		left: 590px;
	}
	.info {
		clear: both;
	}
	.text {
		border-right: 1px solid #eee;
		width: 60%;
		padding-right: 10px;
		margin-right: 15px;
		margin-bottom: 40px;
		display: block;
		float: left;
		font-size: 12px;
	}
	.data li {
		margin-bottom: 5px;
		font-size: 12px;
	}
	.notes {
		font-size: 11px;
	}
	.qualityBox img {
		width: 45%;
		height: 45%;
	}
	.movie {
		width: 560px;
		height: 315px;
	}
	.smBoxL {
		float: none!important;
	}
	.mainSub {
		margin: 0 auto;
	}
	.third {
		/* width: 308px !important; */
		margin: 0 40px 0 0;
		position: relative;
	}
	.mb25 {
		margin-right: 15px !important;
	}

	.ttl img {
		padding-left: 4%;
	}
	.readTxt {
		margin-bottom: 25px;
	}
	#picItem {
		width: 100%;
	}
	#picItem .phItem {
		width: 442px;
		margin: 0 auto;
	}
	#infoItem {
		margin-top: 330px;
		clear: both;
	}
	.like01 {
		float: right;
		display: block;
		position: absolute;
		top: 330px;
		left: 580px;
	}
	.phItem img {
		position: absolute;
	}
	.mlBox {
		margin-left: 20px;
	}
	.smBoxL {
		width: 290px;
		border-right: 1px solid #eee;
	}
	.smBoxR {
		position: absolute;
		top: 155px;
		left: 350px;
		width: 400px
	}
	.flex-direction-nav {
		visibility: hidden;
	}
	.copyright {
		float: right;
		color: #ABA7A5;
		font-family: 'Roboto', sans-serif;
		font-size: 0.9em;
	}
	.sho_title {
		width: 330px;
		text-align: center;
	}
}

/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/

@media only screen and (max-width: 320px) {
	.wrapper {
		/*width: 96%;*/
		/*width: 100%;*/
		margin: 0 auto;
		overflow: hidden;
		padding-top: 0;
		padding-bottom: 0;
	}

	#snsWrap {
		width: 100%;
	}

	#header {
		width: 100%;
		margin-bottom: 10px;
	}
	#header h1 {
		width: 60px;
		margin: 5% auto 2% auto;
	}

	/*#hNav {width: 243px; margin: 20px 0 10px 35px;}*/
	#hNav {
		/*width: 243px;*/
		margin: 10px 0 0 25px;
		font-size: 12px;
	}

	/*#hNav ul li {padding: 0 10px 5px 10px; width: 6em;}*/
	#hNav ul li {
		padding: 0 10px 10px;
		width: auto;
	}

	#hNav ul li.mNav {
		margin-left: 0;
		width: auto;
	}
	#hNav ul li ul li {
		width: auto;
	}
	/* #snsBtn {display: none;} */
	#fNav {
		width: 100%;
		border-top: 1px solid #eee;
		padding-top: 15px;
		clear: both;
		margin-bottom: 20px;
	}
	#fNav ul {
		padding: 0 0 10px 35px;
	}
	#fNav ul li {
		padding: 0 14px 0 0;
	}

	ul,
	ol,
	ul ul,
	ol ol,
	ul ol,
	ol ul {
		margin: 0 0 0 0!important;
	}
	.flex-direction-nav {
		visibility: hidden;
	}
	#main {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#main img {
		max-width: 100%;
		height: auto;
		width: auto\9;
		/* ie8 */
	}

	#mainBox {
		width: 100%;
		/*margin:0 auto;*/
		margin: 0 0 0 5px;
	}
	.thumbnail li {
		float: left;
		padding-right: 12px;
		width: 50px;
	}
	.photo {
		position: absolute;
		top: 70px;
		width: 100%;
	}
	.photo img {
		position: absolute;
		width: 240px;
	}
	#infoBoots {
		position: absolute;
		top: 270px;
	}
	.item {
		margin-bottom: 12px;
	}
	.name,
	.price,
	.text,
	.info,
	.data,
	.like {
		display: block;
	}
	#infoItem .price {
		padding-top: 25px;
	}
	.info {
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		padding-top: 10px;
		clear: both;
	}
	.like {
		float: left;
	}
	.like01 {}
	.text {
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 12px;
	}
	.data li {
		margin-bottom: 2px;
		font-size: 8px;
	}
	.ttl img {
		width: 50%;
		padding: 0 5%;
	}
	.readTxt {
		padding: 0 5%;
		margin-bottom: 25px;
	}
	.craftTxt {
		font-size: 8px;
	}
	.craftTtl {
		width: 50%;
	}
	#infoItem {
		position: absolute!important;
		top: 200px!important;
	}
	.ttlSp {
		width: 100%;
	}
	.likeF {
		display: none;
	}
	.row .imgBig,
	.row .topfirst {
		position: relative;
		/*  left: 35px;*/
		max-width: 100%;
	}


	.top-New_mark {
		left: 205px !important;
		bottom: 15px !important;
	}
	.row .third {
		/* margin-bottom: 2em;*/
	}

	.copyright {
		margin: 20px 0 0;
		color: #ABA7A5;
		font-family: 'Roboto', sans-serif;
		font-size: 0.9em;
		text-align: center;
		clear: both;
	}

	#StylebookRight {
		float: left !important;
	}

	span.tp-date {
		bottom: 0;
	}

	/***追加****/
	#home .imgBig img {
		width: 100%;
	}

	a img,
	th img,
	td img {
		width: 100%;
	}

	.pagettl {
		font-size: 15px;
		margin-left: 5px;
	}

	span.tp-date {
		margin-right: 5px;
	}

	.mlmb5 {
		margin-left: 0;
	}

	.sp-style {
		max-width: 50%;
		float: left;
	}

	.sp-bottom-L {
		max-width: 46%;
		float: right;
		margin: 0;
	}

	.sp-bottom-R {
		max-width: 46%;
		float: right;
		margin: 0;
	}

	.link-hc {
		font-size: 11px;
	}
	.spm3 {
		margin: 0 10px;
	}
	.footer_product {
		width: 95%;
	}

	.footer_product_img {
		float: none;
		margin: 0 auto;
		width: 206px;
		padding-right: 0;
	}

	.smpimg {
		width: 46%;
		float: left;
		padding: 0 0 0 10px;
	}

	.top-Bttl {
		font-size: 11px;
	}

	.newitem img {
		width: 50%;
	}
	.CenterCap_top {
		line-height: 1;
	}
	.CenterCap_top span {
		font-size: 0.6em !important;
	}

	body#dl .row .smpimg:last-child {
		display: none;
	}
	.smponly {
		display: block;
	}
	.flexslider {
		margin-bottom: 50px !important;
	}
	.flex-control-nav li {
		margin: 0 4px !important;
	}
	.flex-control-nav li a {
		font-size: 8px !important;
		width: 8px !important;
		height: 8px !important;
	}
	.row > p {
		line-height: 1.5 !important;
		text-align: left !important;
		padding-right: 5%;
		padding-left: 5%;
		font-size: 12px !important;
	}
	.row dt,
	.row td {
		line-height: 1.5 !important;
		text-align: left !important;
		font-size: 12px !important;
	}
	.footer_product p {
		line-height: 1.5 !important;
		text-align: left !important;
		font-size: 12px !important;
	}
	body#dl span.tp-date {
		line-height: 1.5;
	}
	.topfirst .smponly {
		padding: 5px 0 0 0;
		text-align: center !important;
	}
	.shoplist img {
		width: 20% !important;
		height: auto !important;
	}

}


/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/

@media only screen and (min-width: 321px) and (max-width: 568px) {
	/*.wrapper { width: 98%; }*/
	.wrapper {
		padding-top: 0;
	}

	#header {
		width: 100%;
		margin-bottom: 10px;
	}
	#header h1 {
		width: 60px;
		margin: 5% auto 2% auto;
	}

	#snsBtn {
		/* display: none; */
		margin: 0 auto;
		width: 160px;
		padding-right:30px;
	}

	#snsBtn img {
		width: 20px;
	}

	#fNav {
		width: 100%;
		border-top: 1px solid #eee;
		padding-top: 15px;
		clear: both;
	}
	#fNav ul {
		padding: 0 0 10px 50px
	}
	#fNav ul li {
		padding: 0 10px;
	}

	/**追加**/
	#hNav {
		float: left;
		/* margin: 10px 0 0 20px; */
		margin: 10px 5% 20px;
		width: 90%;
	}

	#hNav ul li {
		padding: 0 15px 20px;
		display: inline;
		float: none;
	}

	#hNav ul li ul li {
		padding: 0 15px 0 15px;
		font-size: 12px;
		line-height: 30px;
	}

	.likeF {
		display: none;
	}

	.thumbnail li {
		width: 65px;
	}
	.photo {
		position: absolute;
		top: 10px;
		left: 100px;
	}
	.photo img {
		/* position:absolute; */
		position: relative;
		width: 350px;
	}
	#infoBoots {
		position: absolute;
		top: 300px;
	}
	.item {
		margin-bottom: 12px;
	}
	.name,
	.price,
	.text,
	.info,
	.data,
	.like {
		display: block;
	}
	.info {
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		padding-top: 10px;
		clear: both;
	}
	.price {
		padding-left: 10px;
		float: left;
	}
	.like {
		float: right;
	}
	.like01 {
		float: right;
	}
	.text {
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 12px;
		font-size: 12px;
	}
	.data li {
		margin-bottom: 2px;
		font-size: 8px;
	}
	.mainSub {
		margin: 0 auto;
		width: 100%;
	}

	#infoItem {
		position: absolute;
		top: 350px;
	}
	.copyright {
		margin: 20px 0 0;
		color: #ABA7A5;
		font-family: 'Roboto', sans-serif;
		font-size: 0.9em;
		text-align: center;
		clear: both;
	}

	.sho_title {
		width: 200px;
		text-align: center;

		margin: 0 0 0 -30px;

	}

	/***** 追加  *****/
	.row .imgBig,
	.row .topfirst {
		position: relative;
		/*  left: 35px;*/
		max-width: 100%;
		vertical-align: top;
	}

	#home .imgBig img {
		width: 100%;
	}

	a img,
	th img,
	td img {
		vertical-align: top;
		width: 100%;
	}

	.mlmb5 {
		margin-left: 0;
	}

	.sp-style {
		max-width: 50%;
		float: left;
	}

	.sp-bottom-L {
		max-width: 46%;
		float: right;
		margin: 0;
	}

	.sp-bottom-R {
		max-width: 46%;
		float: right;
		margin: 0;
	}

	.pagettl {
		font-size: 15px;
		/*margin-left:5px;*/
		padding-left: 20px;
	}

	.link-hc {
		font-size: 11px;
	}

	.spm3 {
		margin: 0 10px;
	}

	.footer_product {
		width: 95%;
	}
	.footer_product_img {
		float: none;
		margin: 0 auto;
		width: 206px;
		padding-right: 0;
	}

	.smpimg {
		width: 46%;
		float: left;
		padding: 0 0 0 10px;
	}
	.top-Bttl {
		font-size: 11px;
	}

	.newitem img {
		width: 50%;
	}
	.CenterCap_top {
		line-height: 1;
	}
	.CenterCap_top span {
		font-size: 0.6em !important;
	}

	body#dl .row .smpimg:last-child {
		display: none;
	}
	.smponly {
		display: block;
	}
	.flexslider {
		margin-bottom: 50px !important;
	}
	.flex-control-nav li {
		margin: 0 4px !important;
	}
	.flex-control-nav li a {
		font-size: 8px !important;
		width: 8px !important;
		height: 8px !important;
	}
	.row > p {
		line-height: 1.5 !important;
		/* text-align: left !important; */
		padding-right: 5%;
		padding-left: 5%;
		font-size: 12px !important;
	}
	.row dt,
	.row td {
		line-height: 1.5 !important;
		text-align: left !important;
		font-size: 12px !important;
	}
	.footer_product p {
		line-height: 1.5 !important;
		text-align: left !important;
		font-size: 12px !important;
	}
	body#dl span.tp-date {
		line-height: 1.5;
	}
	.topfirst .smponly {
		padding: 5px 0 0 0;
		text-align: center !important;
	}
	.shoplist img {
		width: auto !important;
	}

}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/

@media only screen and (min-width: 321px) and (max-width: 480px) {
	/*.wrapper { width: 98%; }*/
	.wrapper {
		padding-top: 0;
	}

	#header {
		width: 100%;
	}
	#header h1 {
		width: 60px;
		margin: 5% auto 2% auto;
	}

	/* #snsBtn {display: none;} */
	#fNav {
		width: 100%;
		border-top: 1px solid #eee;
		padding-top: 15px;
		clear: both;
	}
	#fNav ul {
		padding: 0 0 10px 50px
	}
	#fNav ul li {
		padding: 0 10px;
	}

	.likeF {
		display: none;
	}

	.thumbnail li {
		width: 60px;
	}
	.photo {
		position: absolute;
		top: 30px;
		left: 70px;
		width: 80%;
	}
	.photo img {
		position: absolute;
		width: 320px;
	}
	#infoBoots {
		position: absolute;
		top: 300px;
	}
	.item {
		margin-bottom: 12px;
	}
	.name,
	.price,
	.text,
	.info,
	.data,
	.like {
		display: block;
	}
	.info {
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		padding-top: 10px;
		clear: both;
	}
	.price {
		padding-left: 10px;
		float: left;
	}
	.like {
		float: right;
	}
	.text {
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 12px;
		font-size: 12px;
	}
	.data li {
		margin-bottom: 2px;
		font-size: 8px;
	}
	#infoItem {
		position: absolute;
		top: 300px;
	}
	.copyright {
		/*margin: 20px 0 0 55px;*/
	}

	body#dl .row .smpimg:last-child {
		display: none;
	}
	.smponly {
		display: block;
	}
	.flexslider {
		margin-bottom: 50px !important;
	}
	.row > p {
		line-height: 1.5 !important;
		text-align: left !important;
		padding-right: 5%;
		padding-left: 5%;
		font-size: 12px !important;
	}
	.row dt,
	.row td {
		line-height: 1.5 !important;
		text-align: left !important;
		font-size: 12px !important;
	}
	.footer_product p {
		line-height: 1.5 !important;
		text-align: left !important;
		font-size: 12px !important;
	}
	body#dl span.tp-date {
		line-height: 1.5;
	}
	.topfirst .smponly {
		padding: 5px 0 0 0;
		text-align: center !important;
	}
	.shoplist img {
		width: auto !important;
	}

}



/* =PC
-----------------------------------------------------------------------------*/

#snsBox {
	margin: 40px auto 0;
	background: #040707;
	padding: 40px;
	max-width: 1200px;
}

.newww {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

.fancybox {
	position: relative;
	display: block;
	float: left;
}

ul.slides a.fancybox {
	width: 100%;
	height: 100%;
}



/* DannerxHuman */

.dhc_dd dd {
	margin: 0 0 1em;
	color: #636466;
	line-height: 1.7;
}

.dhc_q {
	margin-bottom: 1em;
}

/*20150409追加*/

.dhc_dd17 dd {
	margin: 0 0 1em;
	color: #636466;
	line-height: 1.7;
	font-size: 17px;
}

.dhc_q17 {
	margin-bottom: 1em;
	font-size: 17px;
}

/*******/

.dhc_a {}

.dhc_a td {
	border: none;
	padding: 0;
}

.dhc_a td.initial {
	width: 27px;
}





.dhc_nh {
	color: #231F20;
	font-weight: bold;
}

/* Products-text- */

.prodName {
	font-size: 13px;
	font-weight: bold;
	font-family: 'Noto Sans', sans-serif;
	color: #211817;
	line-height: 20px;
	height: 43px;
}

.prodName span {
	font-size: 10px;
	letter-spacing: -1px;
}


.prodName a {
	text-decoration: none;
}

.name {
	float: left;
	margin-right: 15px;
	font-size: 19px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}

.name span {
	font-size: 14px;
	font-weight: normal;
}


.photo,
.photo img {
	background-color: #FFF;
}


/* PageTop-iphone */

#topcontrol {
	z-index: 100;
}


.dhc_dd .dfs_data {
	line-height: 1.7;
	margin: 0;
}

.CenterCap {
	border-bottom: 1px solid #EEEEEE;
	font-family: 'Noto Sans', sans-serif;
	font-size: 17px;
	padding: 10px 0 20px;
	text-align: center;
	font-weight: bold;
}

.CenterDname {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	padding: 0 0 5px;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
}

.CenterDname span {
	font-weight: bold;
	letter-spacing: 1.5px;
}

.Dline {
	height: 2px;
	background-color: #000;
	text-align: center;
	width: 100px;
	margin: 0 auto 10px;
}

.dtxt_name {
	color: #636466;
	line-height: 1.7;
	text-align: center;
	font-size: 12px;
	padding-bottom: 26px;
}

.dtxt {
	color: #636466;
	line-height: 1.7;
	text-align: center;

}

.dtxt17 {
	color: #636466;
	line-height: 1.7;
	text-align: center;
	font-size: 17px;

}

ul#Pcat_menu {
	margin: 0 4% 30px;
	padding: 0;
	color: #777;
}

ul#Pcat_menu li {
	display: inline-block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	line-height: 2.4;
}

ul#Pcat_menu:before,
ul#Pcat_menu li:after {
	content: "|";
	color: #999;
	font-size: 12px;
}

ul#Pcat_menu li a {
	letter-spacing: 2px;
	padding: 2px 14px;
	text-decoration: none;
}

ul#Pcat_menu li.u20 a {
	letter-spacing: 2px;
	padding: 2px 20px;
}


ul#Pcat_menu li a:hover,
ul#Pcat_menu li.active a {
	color: #efefef;
	background: #333;
}



.newitem {
	text-align: center;
	margin: 30px 0 40px;
}


/* 20160425 TOPICS　テキストスタイル追記 */

.topics_text_wrap p {
	color: #656464;
	text-align: center;
	line-height: 1.8em;
	font-size: 15px;
}

/* 0511 追記 */

.movie_title {
	font-size: 20px;
	text-align: center;
	margin-top: 35px;
	font-weight: bold;
}

#movie_wrap {
	max-width: 956px;
	width: 100%;
}

#movie_wrap img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
}

.qualityBox {
	width: 100%;
}

@media only screen and (max-width: 1000px) and (min-width: 770px) {
	.mlmb5 {
		width: calc(97%/3);
	}
}

@media (max-width: 769px) {
	.qualityBox {
		text-align: center;
	}
}

@media (max-width: 570px) {
	.mlmb5 {
		width: 70%;
	}
}


/* 20160513追加 */

.topics_text {
	color: #636466;
	text-align: center;
	line-height: 2;
	font-size: 14px;
	margin-bottom: 20px;
}

.topics_title {
	color: #636466;
	text-align: center;
	line-height: 2;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

#color_search {
	position: relative;
	width: 100%;
	height: 50px;
	max-width: 1000px;
	margin: 0 auto;
}

#color_search > li {
	float: left;
	width: 25%;
	/* グローバルナビ4つの場合 */
	height: 50px;
	line-height: 50px;
	background: rgb(29, 33, 19);
}

#color_search > li a {
	display: block;
	color: #fff;
}

#color_search > li a:hover {
	color: #999;
}

ul#color_search_second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

ul#color_search_third-level {
	visibility: hidden;
	opacity: 0;
}

ul#color_search_fourth-level {
	visibility: hidden;
	opacity: 0;
}

#color_search > li:hover {
	background: #072A24;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#color_search_second-level li {
	border-top: 1px solid #111;
}

#color_search_third-level li {
	border-top: 1px solid #111;
}

#color_search_second-level li a:hover {
	background: #111;
}

#color_search_third-level li a:hover {
	background: #2a1f1f;
}

#color_search_fourth-level li a:hover {
	background: #1d0f0f;
}

/* 下矢印 */

.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クリア */

#color_search:before,
#color_search:after {
	content: " ";
	display: table;
}

#color_search:after {
	clear: both;
}

#color_search {
	*zoom: 1;
}

#color_search > li#color_search_single {
	position: relative;
}

li#color_search_single ul#color_search_second-level {
	position: absolute;
	top: 40px;
	width: 100%;
	background: #072A24;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li#color_search_single:hover ul#color_search_second-level {
	top: 50px;
	visibility: visible;
	opacity: 1;
}



/* BUYボタン */

.data li.buy-button {
	margin: 10px 0 0;
}

.data li.buy-button a {
	background-color: #000;
	border: 2px solid #000;
	color: #fff;
	display: table-cell;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	width: 95vw;
}

.data li.buy-button a:hover {
	background-color: #fff;
	color: #000;
}

.data li.support-logo {
	text-align: right;
	line-height: 30px;
}

.data li.support-logo img {
	width: 68px;
}


/*GナビのBUYとCONTACTボタン*/

li.contactBtn a {
	font-family: 'Roboto', sans-serif;
	background: #ccc;
	color: #fff;
	padding: 10px 10px;
	border-radius: 3px;
	width: 90px;
	text-align: center;
	margin: -8px 10px 0px 15px;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;

}

li.contactBtn a:hover {
	background: #494646;
	color: #fff;
}


.pc_header {
	display: block;
}
	
.sp_header {
	display: none;
}

@media only screen and (max-width: 1140px) {
	.pc_header {
		display: none;
	}
	.sp_header {
		display: block;
	}
}


#jsddm li.contactBtnSP a {
	font-family: 'Roboto', sans-serif;
	background: #ccc;
	color: #fff;
	padding: 1vw 10px;
	border-radius: 3px;
	width: 90px;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;

}

.wrapper1 {  max-width: 1200px;
}
.wrapper1 {    width: 96%;
    padding: 0;
}

.wrapper1 { margin:0 auto; }