@charset "utf-8";
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: 100;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;} 
a img {border-style:none;//IE8}
img{max-width: 100%;}
a {color:#ce0e16;outline: none;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:link{color:#ce0e16;}
a:visited{color:#808080;}
a:hover{color:#203868;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top}
.clrfx:before,.clrfx:after {content: " ";display: table;clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.dn{display: none;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
}

/* Common
 * --------------------------------------------------------*/
body {
	letter-spacing: 1px;
	font:normal 14px/24px "YuGothic", "Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff url(../images/common/bk.jpg) repeat 0 0;
	color: #333333;
}
.wFont{
	font-family: "秀英角ゴシック銀 B", "Shuei KakuGo Gin B", "YuGothic", "Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wrapper {
	width: 950px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 #666;
	-moz-box-shadow: 0 0 10px 0 #666;
	box-shadow: 0 0 10px 0 #666;
}
.hideImg {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: center;
	background-repeat: no-repeat;
}

/* item共通 */
.itemNm{
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}
.price{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.explain{
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	padding-top: 5px;
	height: 60px;
}
.pl50 {padding-left: 50px;}
.pl40 {padding-left: 40px;}
.pl30 {padding-left: 30px;}
.pl20 {padding-left: 20px;}
.pl10 {padding-left: 10px;}
.pr50 {padding-right: 50px;}
.pr40 {padding-right: 40px;}
.pr30 {padding-right: 30px;}
.pr20 {padding-right: 20px;}
.pr10 {padding-right: 10px;}

.imgAdjst {padding-bottom: 20px;}

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

/* header */
#header {
	padding: 20px 10px 20px 20px;
}
#header .fl a{
	display: block;
	padding: 0 0 5px 16px;
}
#header .yodogawa {
	font-size: 12px;
	line-height: 22px;
}

/* slider */
.slider {
	position: relative;
}
.slider .newsIcon {
	position: absolute;
	z-index: 900;
	top:20px;
	right:20px;
}

/* nav_index */
.nav_index {
	width: 910px;
	margin: 10px auto 20px auto;
}
.nav_index li {
	padding-left: 20px;
}

/* item */
.item {
	margin-bottom: 60px;
}
.item.item_needle {
	margin-bottom: 0px;
}
.item .itemExplain{
	font-family: "秀英角ゴシック銀 B", "Shuei KakuGo Gin B", "YuGothic", "Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #203868;
	border-left: 20px solid #203868;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-bottom: 50px;
}
.item .itemExplain h2{
	font-size: 28px;
	line-height: 48px;
}
.item .itemExplain p{
	font-size: 14px;
	line-height: 22px;
}
.item .item_ttl .kagiCap{
	font-family: "秀英角ゴシック銀 B", "Shuei KakuGo Gin B", "YuGothic", "Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #203868;
	font-size: 12px;
	padding-top: 70px;
    padding-right: 60px;	
}


.item ul {
	text-align: center;
	
}
.item li {
	padding-bottom: 50px;
	vertical-align: bottom;
}
.item li a {
	vertical-align: bottom;
	display: inline-block;
}
.item .pointMovie {
	background-color: #EFEDDE;
	border-radius: 5px;
	width: 900px;
	margin: 0 auto;
	padding: 10px;
	margin-bottom: 40px;
}
.item .pointMovie p {
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	padding: 10px;
}
.item .pointMovie p span {
	font-size: 12px;
}

/* item */ 
.item .index_sub{
	padding-right: 15px;
	text-align: center;
	margin-top: -60px;
}
.item .col3 li {
	/*width: 290px;*/
}

.item .col4 li {
	vertical-align: top;
}
.item .col6 li {
	
}

/* cart */
.cart {
	margin-top: 10px;
	text-align: center;
}
.stock, .shipping {
	color: #CE0E16;
	display: block;
	font-size: 11px;
	height: 20px;
}

/* salesInfo */
.salesInfo{
	width: 880px;
	margin: 20px auto 0 auto;
	
}
.salesInfo .info dt{
	color: #FFFFFF;
	background-color: #666666;
	border-radius: 15px;
	width: 70px;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 0.2em;
	text-align: center;
	display: inline-block;
}
.salesInfo .info dd{
	font-size: 14px;
	margin-top: -20px;
	padding: 0 0 30px 80px;
}

.salesInfo .iframe_fb_sp{display:none;}

.pageTop {
	padding-left: 40px;
}

/* footer */
#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	width: 880px;
	margin: 0 auto;
}
#footer ul {
	margin-bottom: 50px;
}
#footer li {
	padding: 0 20px;
}

#footer .share li {
	padding-top: 15px;
	display: inline-block;
    vertical-align: middle;
}
#footer li.line{
	display: none;
}
#footer .creditName {
	font-size: 11px;
	font-family: "Georgia", sans-serif;
	line-height: 19px;
	color:#7C7C7C;
	text-align: right;
}
#footer .copy {
	padding-top: 8px;
	margin: 0 auto;
	text-align: center;
}

#footer .wear{
    padding-top: 18px;
}

/* cBox */
.cBox {
	padding: 30px 20px;
	margin: 0 auto;
}

/* profile */
.prof_pc{display: block;}
.prof_sp{display: none;}
.prof_pc_box{display: none;}
#profile{
	width: 460px;
}
#profile h3,
#profile p,
#profile div.link {
	padding:0 30px 40px 30px;
	text-align: left;
}
#profile2 h3,
#profile2 p,
#profile2 div.link {
	padding:0 30px 40px 30px;
	text-align: left;
}
#profile h3 {
	padding-bottom: 20px;
}

#profile h5 {
	padding-bottom: 20px;
}
#profile .kk a {
	display: inline-block;
	padding-top: 30px;
	padding-left: 20px;
}

.prof2 {
	padding-top: 90px;
    padding-right: 60px;
}

.prof2_sp{display: none;}

/* 着用クレジット */
.wear_pc{display: block;}
.wear_sp{display: none;}
.wear_pc_box{display: none;}
#wearing{
	width: 550px;
}
#wearing h3,
#wearing p {
	padding:0 30px;
	text-align: left;
}
#wearing h3 {
	padding-bottom: 20px;
}

.contents {
	margin-top: 80px;
}

.chu {
	color: #CE0E16;
	font-weight:bold;
}

/* detail
 * --------------------------------------------------------*/
#detail #header .fr li {
	padding: 0 10px;
	margin-top: 20px;
}
#detail h2 {
	font-family: "秀英角ゴシック銀 B", "Shuei KakuGo Gin B", "YuGothic", "Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#detail .contents{
	width: 880px;
	margin: 0 auto 100px auto;
	padding-top: 60px;
	position: relative;
}
#detail .contents .d_explain{
	width: 420px;
	padding-left: 20px;
}
#detail .contents .d_explain h2{
	font-size: 34px;
	font-weight: bold;
	padding-bottom: 30px;
	line-height: 1.3;
}
#detail .contents .d_explain p{
	padding-bottom: 20px;
}
#detail .contents .d_items{
	padding-right: 30px;
}

#detail .detail_sub {
	position:relative;
	bottom:0;
}
#detail .wear {
	padding-top: 30px;
}
#detail .slider_item li{
	padding-top:15px;
	padding-bottom: 20px;
	 outline : none;
}

/* この商品について知っておいてほしいこと */
#detail .relation h2{
	color: #203868;
	border-left: 20px solid #203868;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-bottom: 50px;

	font-size: 25px;
	line-height: 48px;
}

#detail ul.slider_goods{
	text-align: left;
	width: 900px;	
	margin: 0 auto;
}
#detail ul.slider_goods li{
	text-align:center;
	vertical-align: bottom;
	padding-bottom: 30px;
}

/* att */
#detail .attention {
	width: 800px;
	margin: 30px auto 55px auto;
	font-size: 12px;
}
#detail .attention h4{
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 40px;
	font-weight: bold;
	margin-left: -5px;
}
#detail .attention p{
	padding-bottom: 10px;
}
#detail .attention  dl{
	border: 1px solid #999;
	font-size: 13px;
}
#detail .attention  dt{
	background:#999;
	color: #FFFFFF;
	padding: 5px 10px;
}
#detail .attention  dd{
	padding: 5px 10px;
}
#detail .pageTop {
	padding-left: 70px;
}


/*for window size*/
#detail .contents .d_items{
	width: 318px;
	margin: 0 auto;
}
#detail .contents .d_items .cart {
	text-align: center;
	display: inline-block;
    margin: 0 auto;
    padding: 2px 0;
}

#detail .slick-slide img {
	display: inline-block;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.mikuni {
	display: block;
	padding-left: 10em;
}

.jameson{
	color:#704009;
	font-size:90%;
	}
	
.jameson_title{
	margin-top:20px;
	font-size:130%;
	font-weight:bold;}

.movie {
 padding-top:10px;
 margin-bottom:50px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie  iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.anime{
	width:950px;
	margin:0 auto;
	text-align:center;
	padding-bottom:15px;}

/* sp
 * --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
	body {width: 95%;margin: 0 auto;}
	.wrapper,.anime {width:100%;}
	img{max-width:100%;height:auto;}
	.fl,.fr {float: none;}
	
	.pl50,.pl40,.pl30,.pl20,.pl10 {padding-left: 0;}
	.pr50,.pr40,.pr30,.pr20,.pr10{padding-right: 0;}
	.imgAdjst {padding-bottom: 0;}
	
	#header .yodogawa {
		padding-top: 20px;
	}
	/* [sp] nav_index */
	.nav_index {
		width: 95%;
		text-align: center;
	}
	.nav_index ul.fr {
		margin-top: 10px;
	}
	.nav_index ul.fr li {
		padding: 0 0 5px 0;
		display: block;
	}
	.nav_index .nav3{
		padding-left: 10px;
	}
	/* [sp] slider */
	.slider .newsIcon {
		width: 30%;
		top:5px;
		right:5px;
	}
	/* [sp] item */
	.contents {
		margin-top: 0;
	}
	.item ul {
		width: 100%;
	    margin: 0 auto;
		text-align: left;
	}
	.item ul li {
		width: 48%;
		text-align: center;
	}
	.item .itemExplain{
		padding-bottom: 5px;
		padding-left: 10px;
		margin-bottom: 25px;
	}
	.item .index_sub{
		width: 50%;
		float: right;
		text-align: right;
		padding-bottom: 30px;
		margin-top: 0;
	}
	.item .item_ttl .kagiCap{
		padding-top: 0;
		padding-right: 0; 
		text-align: right;
	}
	.item .pointMovie {
		width: 90%;
		margin: -10px auto 0 auto;
		padding: 10px;
		
	}
	.item .pointMovie .movie_icon{
		float: right;
		padding-right: 5px;
	}
	
	
	/* salesInfo */
	.salesInfo{
		width: 100%; 
		margin: 40px auto 20px auto;
	}
	.salesInfo .info {
		width: 80%;
		margin: 0 auto;
	}
	.salesInfo .info dd{
		font-size: 14px;
		 margin-top: 5px; 
		 padding: 0 0 30px 0; 
	}
	
	.salesInfo .iframe_fb_pc{display:none;}
	.salesInfo .iframe_fb_sp{display:block;margin: 0 auto;}
	
	.pageTop {
		text-align: center;
		padding: 20px 0;
	}
	/* [sp] footer */
	#footer {
		width: 100%;
		padding-bottom: 60px;
	}
	#footer ul {
		margin-bottom: 24px;
		text-align: center;
	}
	#footer li{
		padding: 10px;
		text-align: center;
	}
	#footer .share li{
		padding: 5px;
		vertical-align: middle;
	}
	#footer li.line{
		display: inline-block;
		padding-top: 8px;
	}
	#footer .wear {
		text-align: right;
		padding-right: 8px;
	}
	#footer .creditName {
		padding: 20px 5px 50px 0;
	}
	/* [sp] cBox */
	.cBox {
	}
	/* [sp] profile */
	.close {
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		padding: 20px 0;
	}
	.prof_pc{display: none;}
	.prof_sp{display: block;}
	.prof2_sp{display: block;text-align: right;padding-right: 12px;}
	.prof_pc_box{display: block;}
	#profile,#profile2{
		width: 100%;
		padding: 10px 0 15px 0;
		display: none;
	}
	#profile h3,
	#profile p,
	#profile2 h3,
	#profile2 p {
		font-size: 14px;
		line-height: 24px;
		text-align: left;
		padding-left: 25px;
	}
	#profile h3 {
		padding-bottom: 20px;
	}
	.prof2 {
		margin-top: -20px;
	    padding-top: 0;
	    padding-right: 5px;
	}
	/* [sp] 着用クレジット */
	.wear_pc{display: none;}
	.wear_sp{display: block;}
	.wear_pc_box{display: block;}
	#wearing{
		width: 100%;
		padding: 10px 0 15px 0;
		display: none;
	}
	#wearing h3,
	#wearing p {
		font-size: 14px;
		line-height: 24px;
		text-align: left;
		padding-left: 25px;
	}
	#wearing h3 {
		padding-bottom: 20px;
	}
	
	/* [sp] detail ------------------------------- */
	#detail #header {
		text-align: center;
	}
	#detail #header .fr ul {
		margin-top: 20px;
	}
	#detail #header .fr li {
		margin-top: 10px;
	}
	
	#detail .contents{
		width: 100%;
		margin: 0 auto 100px auto;
		padding-top: 48px;
		position: relative;
	}
	#detail .contents .d_explain{
		width: 90%;
		padding-left: 0;
		margin: 0 auto;
	}
	#detail .contents .d_explain h2{
		font-size: 26px;
		padding-bottom: 30px;
		line-height: 36px;
	}
	#detail .contents .d_items{
		padding-right: 0;
	}
	
	#detail .detail_sub {
		position:relative; 
		padding-top: 60px;
		width:90%;
		margin:0 auto;
	}
	#detail .wear {
		margin-bottom: 50px;
	}
	 /* [sp] この商品について知っておいてほしいこと */
	#detail .relation {
	 	padding-bottom: 60px;
	 }
	#detail .relation h2{
		padding-left: 10px;
		margin-bottom: 20px;
	}
	
	#detail ul.slider_goods{
		width: 100%;	
	}
	/* [sp] att */
	#detail .attention {
		width: 90%;
		margin: 30px auto 30px auto;
	}
	#detail .attention h4 {
		padding-bottom: 20px;
	}
	#detail .attention  dl{
		width: 90%;
		margin: 20px auto;
	}
	#detail .pageTop {
		padding-left: 0;
	}
	#detail #footer li{
		padding: 10px 0;
	}
	#detail #footer li.home{
		padding: 10px;
	}
	.indent {
	text-indent: 0;
	padding-left: 0;
}
.mikuni {
	padding-left: 0; /* 文章の後ろに付けないときは適当な値 */
	text-aling: right;
}
.mint img{
	width:90%;}
}