@charset "shift_jis";

/*=== Webフォント ===*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700;900&display=swap');

/* SP版ジャケットズームの表示調整 */
/* /css/usr/sb_firstview_goodsdetail.css */
@media screen and (max-width: 767px) {
	/* ----Left---- */
	.zoom-overlay-open.page-goods #pane_goods_main_top,.page-goods #pane_goods_main_bottom {
		position: static;
	}
}


/*=== 共通要素 ===*/

html {
	font-size: 62.5%;
}

.main1c *, .main1c *:before, .main1c *:after {
	box-sizing: content-box;
}

#container, .main1c, #shop_contents2 {
	width: 100%;
}

#container {
	position: relative;
	padding-bottom: 0;
}

/*#container, .main1c, #shop_contents2, #topicpath */
#header2, .global-navi-bar-width,
.section, .whole-bg, .whole-bg-high, .whole-bg-low,
.hidden + [data-readmore-toggle], .hidden[data-readmore],
.tracklist + [data-readmore-toggle], .tracklist[data-readmore],
#topicpath ul, .topimage li {
	width: 1050px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.main1c,  div,  p,  ul, ol, li,  dl,  dt,  dd,  table,  th,  td,  h1,  h2,  h3,  h4,  h5,  form,  img {
	color: #222;
	/* font-family: YakuHanJPs, 'メイリオ', 'Meiryo', sans-serif; */
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0;
	word-break: break-all;
}

div img, p img, ol img, li img, dt img, dd img, th img, td img {
	width: 100%;
}

.imgzoom {
	position: relative;
}

.imgzoom:after {
	content: '';
	background: url(/defaultShop/js/base2016_js/zoom_icon.png) top left no-repeat;
	width: 25px;
	height: 25px;
	background-size: 25px;
	display: block;
	display: inline-block;
	position: absolute;
	bottom: 5px;
	right: 5px;
	pointer-events: none;
}

.price-block .imgzoom:after {
	width: 30px;
	height: 30px;
}

.main1c body, .main1c div, .main1c p, .main1c ul, .main1c ol, .main1c li, .main1c dl, .main1c dt, .main1c dd, .main1c table, .main1c th, .main1c td, .main1c form, .main1c img {
	font-size: 18px;
	font-size: 1.8rem;
}


.main1c a,
.open-link a span,
.hidden-link a span {
	color: #1d54a7;
	text-decoration: underline;
	transition: all 0.3s;
}

.main1c a:hover,
.main1c a:active {
	color: #ff6600;
	text-decoration: none;
}

.main1c a img {
	transition: all 0.3s;
}

.main1c a:hover img,
.main1c a:active img {
	opacity: 0.8;
}



.font-normal {
	font-weight: normal !important;
}
.font-bold {
	font-weight: bold !important;
}

.border-bottom {
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 6px;
}

.main1c dl {
	border-top: 1px dotted #ccc;
	margin-bottom: 20px;
}

.main1c dl dt {
	font-weight: bold;
	float: left;
	width: 30%;
	padding: 5px 0;
}

.main1c dl dd {
	padding: 5px 0;
	padding-left: 30%;
	width: 70%;
	border-bottom: 1px dotted #ccc;
}

.main1c ul, .main1c ol {
	margin-bottom: 20px;
}

.main1c ul li {
	list-style: disc;
	margin-left: 20px;
}

.main1c ol li {
	list-style: decimal;
	list-style-position: inside;
	margin-left: 0;
}

.main1c ul .title, ol .title {
	list-style: none;
	padding: 0 10px;
	margin-left: 0;
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	display: inline-block;
}

#hnavi li,
#warp_footertop li {
	list-style:none;
	margin-left: 0;
}

.main1c .button {
	display: block;
	border: 2px solid;
	width: 80%;
	border-radius: 50px;
	color: #fff;
	text-decoration: none !important;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto 20px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

.main1c .button:visited {
	color: #fff;
}

.main1c .button:hover,
.main1c .button:active {
	background: #fff;
}

.movie {
	margin-bottom: 10px;
}

.movie iframe {
	border: 10px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


/*=== ClearFix ===*/
.section:before,
.section:after,
.feature .point:before,
.feature .point:after {
	content: ' ';
	display: table;
	font-size: 0;
	line-height: 0;
}

.section:after,
.feature .point:after {
	clear: both;
}

.section,
.feature .point {
	zoom: 1;
}

.main1c h1.font-serif, .main1c h2.font-serif, .main1c h3.font-serif, .main1c h4.font-serif, .main1c h5.font-serif {
	font-family: "Noto Serif JP", 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
	font-weight: 900;
}

.main1c h1, .main1c h2, .main1c h3, .main1c h4, .main1c h5 {
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: bold;
	letter-spacing: -0.03em;
	line-height: 1.3;
	margin: 0 0 30px;
}

.main1c h1 {
	font-size: 40px;
	font-size: 4rem;
	line-height: 1.25;
	font-weight: 900;
}

.main1c h1 span {
	font-family: Gothic MB101 Regular;
	font-weight: normal;
	font-weight: 300;
}


.main1c h2 {
	border-top: 1px solid #ddd;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 900;
	padding: 30px 0 25px;
	position: relative;
	margin: 20px 0px;
}

.main1c h2 span {
	display:block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	font-weight: 300;
	padding: 0;
}

.main1c h2 .itemtitle {
	font-family: 'ヒラギノ角ゴ Pro', 'メイリオ', 'Meiryo', sans-serif;
	letter-spacing: 0;
	position: absolute;
	font-size:15px;
	font-weight: normal;
	bottom: 0;
	right: 0;
	padding: 0;
}
h2 .itemtitle {
	color: #aaa;
}

.main1c h2::after {
	content: '';
	display:block;
	width: 100%;
	height: 6px;
	border-radius: 3px;
	line-height: 0;
	overflow: hidden;
	margin: 10px 0 0;
}

.main1c h3,
.spec-title,
.main1c .style-h3 {
	position: relative;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 900;
	padding: 8px 18px;
	overflow: hidden;
	margin-bottom: 20px;
	border-top: none;
}

.main1c h3::before,
.spec-title::before,
.style-h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 4px;
	width: 8px;
	height: 100%;
}


.col1 h3, .col2 h3, .col3 h3, .col4 h3 {
	margin-bottom: 20px;
}


.main1c h4,
.main1c .style-h4 {
	border-top: none;
	border-left: none;
	font-weight: bold;
	padding: 0;
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 10px;
}

.style-h4::before,
.style-h3::after, .style-h4::after {
	display: none !important;
}

.main1c .underline {
	display: block;
	display: inline-block;
	border-bottom: 2px solid;
	padding: 0 0 2px;
}
.main1c .underline:before {
	content: none;
}


/*=== レイアウト ===*/

#container, .main1c, #shop_contents2, #topicpath {
	margin-left: auto;
	margin-right: auto;
}

.section {
	padding: 0 0 20px;
}

.section p,
.section img {
	margin-bottom: 20px;
}

.section p {
line-height: 1.6;
}

em {
	font-weight: bold;
}

.fontsize-extrasmall,
.fontsize-extrasmall p,
.fontsize-extrasmall li,
.fontsize-extrasmall dt,
.fontsize-extrasmall dd {
	font-size: 13px !important;
	font-size: 1.3rem !important;
	line-height: 1.8 !important;
}

.fontsize-small,
.fontsize-small p,
.fontsize-small li,
.fontsize-small dt,
.fontsize-small dd {
	font-size: 15px !important;
	font-size: 1.5rem !important;
	line-height: 1.6 !important;
}

.fontsize-large,
.fontsize-large p,
.fontsize-large li,
.fontsize-large dt,
.fontsize-large dd {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}

.fontsize-extralarge,
.fontsize-extralarge p,
.fontsize-extralarge li,
.fontsize-extralarge dt,
.fontsize-extralarge dd {
	font-size: 26px !important;
	font-size: 2.6rem !important;
}

.annotation {
	display: block;
	color: #666 !important;
	font-size: 14px !important;
	font-size: 1.4rem !important;
	line-height: 1.4 !important;
	margin-top: 10px;
}

ul.annotation li {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 14px;
	margin-bottom: 5px;
	text-indent: -14px;
}

ul.annotation li:before {
	content: '※';
}

.section h1, .section h2, .section h3, .section h4,
.section p, .section table, .section ul, .section dl,
.col2-1, .col3-1, .col4-1,
.whole-bg, .whole-bg-high, .whole-bg-low {
	clear: both;
}

.col2-1, .col2-2,
.col3-1, .col3-2, .col3-3,
.col4-1, .col4-2, .col4-3, .col4-4 {
	margin-bottom: 10px;
}

/* 2 column */

.col2-1 {
	width: 48%;
	float: left;
}
.col2-2 {
	width: 48%;
	float: right;
}

.col2-1.no-margin,
.col2-2.no-margin {
	width: 50%;
}

.col2-1.no-margin.per60,
.col2-2.no-margin.per60 {
	width: 60%;
}

.col2-1.per60,
.col2-2.per60 {
	width: 57%;
}

.col2-1.per40,
.col2-2.per40 {
	width: 40%;
}

.col2-1.no-margin.per80,
.col2-2.no-margin.per80 {
	width: 80%;
}

.col2-1.no-margin.per20,
.col2-2.no-margin.per20 {
	width: 20%;
}

.col2-1.per80,
.col2-2.per80 {
	width: 77%;
}

.col2-1.per20,
.col2-2.per20 {
	width: 20%;
}

/* 3 column */

.col3-1, .col3-2, .col3-3 {
	width: 30%;
	float: left;
}

.col3-1, .col3-2 {
	padding-right: 5%;
}

.col3-1.no-margin, .col3-2.no-margin, .col3-3.no-margin {
	width: 33%;
	width: 33.33%;
	padding-right: 0;
}

/* 4 column */

.col4-1, .col4-2, .col4-3, .col4-4 {
	width: 22%;
	float: left;
}

.col4-1, .col4-2, .col4-3 {
	padding-right: 4%;
}

.col4-1.no-margin, .col4-2.no-margin, .col4-3.no-margin, .col4-4.no-margin {
	width: 25%;
	padding-right: 0;
}

/*=== ヘッダー ===*/
/* 
#topicpath {
  padding: 13px 0 0;
	position: absolute;
	margin: 0 auto;
	width: 100%;
}

#topicpath .now,
#topicpath .now strong {
	font-weight: normal;
}

#topicpath ul li {
	list-style: none;
	margin-left: 0;
}

#head_bana {
	float: right;
	margin: 5px 0;
	width: 328px;
	padding-left: 250px;
}

.global-navi-bar {
	padding: 10px 0;
}

.global-navi-bar ul {
	margin-bottom: 0;
}

.global-navi-bar ul li {
	list-style: none;
}

#header2 #h_logo h1 {
	left: 0px;
	top: 15px;
	margin-bottom: 0;
	font-family: sans-serif;
	letter-spacing: 0;
}

#header2 #h_logo span.sitename {
	left: 0px;
	top: 13px;
	margin-bottom: 0;
}


#header2 #h_logo h1 a {
	left: 0;
	top: 17px;
	width: 312px;
	height: 43px;
	background: url(/defaultShop/images/top/logo.gif) top left no-repeat;
	display: block;
	text-indent: -9999px;
}


#header2 #h_logo a {
	left: 0;
	top: 32px;
}


#header2 #hnavi ul {
	margin-bottom: 0;
} */

/*=== トップイメージ ===*/

.topimage {
	background: #fff;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 30%, rgba(255,255,255,1) 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1) 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,1) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100% !important;
	padding: 45px 0 0px;
	margin-bottom: 10px;
}

.topimage img {
	display: block;
	display: inline-block;
	text-align: left;
	width: auto;
	max-width: 100%;
	margin-bottom: 10px;
}

.topimage ul {
	line-height: 0;
	margin-bottom: 0;
}

.topimage li {
	width: 100%;
	text-align: center;
	line-height: 1.2;
	list-style: none !important;
	margin-left: 0;
}

.topimage h1 {
	margin: 0 0 20px;
}

.topimage a {
	display: none;
	transition: all 0s;
}

.topimage a img {
	transition: all 0s;
}

/* 購入ボタン追従 */

.orderbox {
	display: none;

/*	display: block;
	height: 120px;
	margin-bottom: 10px; */
}

.first-price .price-block,
.first-price .order-henpin-block,
.first-price .order-sns {
	display: none;
}

.first-price .buybutton-temp {
	height: 160px;
}

.first-price .buybutton-temp a {
	transition: bottom .3s,background .3s,box-shadow .3s,border .3s, opacity .3s;
}

.buybutton-temp {
margin-left: -85px;
}

.buybutton-temp a {
width: 880px;
height: 130px;
font-size: 48px;
}

.first-price .buybutton-temp .order-fixed1 {
	display: block;
	position: fixed;
	bottom: -120px;
	right: 15px;
	z-index: 100;
	font-size: 18px !important;
	width: 260px !important;
	height: 60px !important;
	line-height: 54px !important;
	border-width: 3px;
	box-shadow: 0 2px 6px #888 !important;
	margin: 0;
	transition: bottom .3s,background .3s,box-shadow .3s,border .3s;
}

.first-price .buybutton-temp .order-fixed2 {
	bottom: 20px;
	transition: bottom .3s,background .3s,box-shadow .3s,border .3s;
}


.another1 {
margin-bottom: 20px !important;
}



/*=== SNSボタン ===*/

#sns_top {
	width: 100%;
	display: block;
	position: relative;
}

#sns_sptop {
	display: none;
}

#sns_top .sns_tw {
	position: absolute;
	top: -45px;
	right: 40px;
}

#sns_top .sns_fb {
	position: absolute;
	top: -45px;
	right: 0;
}

#sns_sptop .sns_tw {
	display: inline-block;
}

#sns_sptop .sns_fb {
	display: inline-block;
}


.sns_tw,
.sns_fb,
.topimage .sns_tw,
.topimage .sns_fb,
.topimage .sns_tw {
	display: block;
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	text-decoration: none;
	margin: 7px 0 0 6px;
	background-size: 32px !important;
	border: none;
	box-shadow: none;
}

#sns_sptop .sns_fb,
#sns_sptop .sns_tw,
#sns_sptop .sns_li {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 5px;
text-decoration: none;
margin: 0 10px;
background-size: 40px !important;
border: none;
box-shadow: 0 2px 2px #ccc;
}

#sns_btm {
	display: block;
	width: 180px;
	margin: 0 auto;
}

#sns_btm .sns_fb,
#sns_btm .sns_tw {
	width: 50px;
	height: 50px;
	margin: 20px;
	background-size: 50px !important;
	text-decoration: none;
	box-shadow: 0 2px 2px #ccc;
}

#sns_btm .sns_fb:hover,
#sns_btm .sns_fb:active,
#sns_btm .sns_tw:hover,
#sns_btm .sns_tw:active {
	box-shadow: none;
}

#sns_btm .sns_li {
	display: none;
}


.sns_tw {
	background: #1da1f2 url(/defaultShop/images/parts/sns_button_tw.png) center center no-repeat !important;
}

.sns_fb {
	background: #4267b2 url(/defaultShop/images/parts/sns_button_fb.png) center center no-repeat !important;
}

.sns_li {
	background: #00b900 url(/defaultShop/images/parts/sns_button_li.png) center center no-repeat !important;
}

.sns_tw:hover,
.sns_tw:active,
.sns_fb:hover,
.sns_fb:active {
	opacity: 0.7;
}



/*=== 価格ブロック ===*/

.order-wrap {
	margin: 0 auto 20px;
}

.order-button li,
.order-option li,
.order-alert li,
.order-alert-2 li {
	list-style: none;
}

.order-button {
	margin: 30px 0;
}

.order-option {
	margin-bottom: 15px;
}

.order-title {
	padding: 20px 20px 5px;
	font-size: 2.4rem;
	color: #222;
	border: 1px solid #ccc;
	border-bottom: none;
	line-height: 1.3;
	margin-bottom: 0;
}

.order-area {
	border: 1px solid #ccc;
	border-top: none;
	padding: 0 20px 15px;
}

.order-content {
	margin: 0
}

.only-pay {
	color: #222;
	font-size: 14px;
	font-size: 1.4rem;
}

.mizai p {
	font-size: 16px;
	font-size: 1.6rem;
}

.whole-topimage + .clearing + .detailetmpl .item-gift {
	margin-top: 40px;
}

.whole-topimage + .clearing + .detailetmpl .order-wrap .order-arrow,
.whole-topimage + .clearing + .detailetmpl .order-wrap .order-button,
.whole-topimage + .clearing + .detailetmpl .order-wrap .order-option,
.whole-topimage + .clearing + .detailetmpl .order-wrap .order-title,
.whole-topimage + .clearing + .detailetmpl .order-wrap .order-area,
#sns_sptop + .clearing + .detailetmpl .order-wrap .order-arrow,
#sns_sptop + .clearing + .detailetmpl .order-wrap .order-button,
#sns_sptop + .clearing + .detailetmpl .order-wrap .order-option,
#sns_sptop + .clearing + .detailetmpl .order-wrap .order-area {
	display: none;
}

.whole-topimage + .clearing + .detailetmpl .order-wrap .mizai,
#sns_sptop + .clearing + .detailetmpl .order-wrap .mizai {
	margin-top: 20px;
}

.whole-topimage + .clearing + .detailetmpl .item-gift,
#sns_sptop + .clearing + .detailetmpl .item-gift {
	margin-top: 30px;
}

.order-price-divide {
    font-size: 16px !important;
}

.order-price-divide span {
	font-size: 28px;
}

.order-price-divide span span {
    font-size: 48px;
}

.payway {
    margin: 10px 0 0;
}



/*=== UV ===*/

.uv {
	border: 1px solid #bbb;
	border-radius: 7px;
	padding: 15px 15px 5px;
	margin-bottom: 15px;
	box-shadow: 0 0 4px #eee;
}

.uv p {
	margin-bottom: 0;
}

.uv span {
	color: #666;
	display: block;
	border-top: 1px dotted #aaa;
	text-align: right;
	font-size: 80%;
	padding: 3px 3px 0;
	margin: 5px 0 0;
}

.man {
	background: #EAF5FF;
}

.man span {
	color: #4383b7;
}

.woman {
	background: #FFEAF2;
}

.woman span {
	color: #c64776;
}



/*=== アコーディオンメニュー ===*/

.accordion-block {
	padding-bottom: 0;
}

.accordion-block div {
	border-radius: 15px;
	padding: 0;
	margin: 0 0 30px;
	box-shadow: 0 2px 2px #ccc;
}

.accordion-block a {
	font-weight: bold;
	padding: 20px 3%;
	padding-right: 3%;
	color: #fff;
	border-radius: 15px;
	display: block;
	cursor: pointer;
	position: relative;
	width: 80%;
	padding-right: 17%;
}

.accordion-block a:hover,
.accordion-block a:active {
	color:	#fff;
	background: rgba(255,255,255,0.3);
}

.accordion-block a.open {
	background: none;
	border-radius: 8px 8px 0 0;
}

.accordion-block a:after {
	content: '[開く↓]';
	text-align: right;
	font-size: 18px;
	font-weight: normal;
	opacity: 0.8;
	margin-top: -8px;
	top: 42%;
	right: 3%;
	display: block;
	position: absolute;
}

.accordion-block a.open:after {
	content: '[閉じる↑]';
}

.accordion-block div div {
	border-radius: 0 0 15px 15px;
	padding: 20px;
	background: #f1f1f1;
	background: rgba(255,255,255,0.9);
	display: none;
}

.accordion-block .open {
	display: block;
}

/*=== タブメニュー ===*/

.tab-menu {
	margin: 0 auto;
	position: relative;
	border-radius: 15px 15px 0 0;
}

.tab-menu dl {
	border-top: none;
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}

.tab-menu dl dt {
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	position: absolute;
	box-sizing: border-box;
	border-right: 2px solid #fff;
	border-radius: 15px 15px 0 0;
}

.tab-menu.tab-2 dl dt {width: 50%;}
.tab-menu.tab-3 dl dt {width: 33%; width: 33.3%;}
.tab-menu.tab-4 dl dt {width: 25%;}
.tab-menu.tab-5 dl dt {width: 20%;}
.tab-menu.tab-2 dl:nth-child(2) dt {left: 50%;}
.tab-menu.tab-3 dl:nth-child(2) dt {left: 33%; left:33.3%;}
.tab-menu.tab-4 dl:nth-child(2) dt {left: 25%;}
.tab-menu.tab-5 dl:nth-child(2) dt {left: 20%;}
.tab-menu.tab-3 dl:nth-child(3) dt {left: 66%; left:66.66%; width: 34%; width: 33.4%;}
.tab-menu.tab-4 dl:nth-child(3) dt {left: 50%;}
.tab-menu.tab-5 dl:nth-child(3) dt {left: 40%;}
.tab-menu.tab-4 dl:nth-child(4) dt {left: 75%;}
.tab-menu.tab-5 dl:nth-child(4) dt {left: 60%;}
.tab-menu.tab-5 dl:nth-child(5) dt {left: 80%;}

.tab-menu dl dt a {
	background: rgba(255,255,255,0.8);
	border-radius: 13px 13px 0 0;
	color: #333;
	font-weight: bold;
	padding: 20px 0;
	display: block;
	text-align: center;
}

.tab-menu dl dt a:hover,
.tab-menu dl dt a:active {
	color: #fff;
	text-decoration: underline;
	background: none;
}

.tab-menu dl dt.btnAcv a {
	background: none;
	color: #fff;
	text-decoration: none;
}

.tab-menu dl dd {
	top: 70px;
	left: 0;
	background: #fff;
	padding: 20px;
	width: 100%;
	overflow-y: auto;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

/*=== コンテンツ拡大・縮小 ===*/

.hidden {
	margin: 0 auto;
	padding: 0;
}

.open-link,
.hidden-link {
	margin: 0 auto 30px;
	position: relative;
	border-bottom: 1px solid #ddd;
}

.open-link:before {
	background-color: #fff;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%);
	background-color: transparent;
	content: '';
	display: block;
	height: 350px;
	position: absolute;
	top: -350px;
}

.open-link a,
.hidden-link a {
	display: block;
	background: #fff;
	margin: -20px 0 0;
	padding: 10px 0 25px;
	text-decoration: none;
}

.open-link a:hover,
.hidden-link a:hover {
	color: #fff;
}

.open-link a span,
.hidden-link a span {
	color: #fff;
	border: 2px solid;
	border-radius: 50px;
	display: block;
	font-weight: bold;
	margin: 0 auto 10px;
	text-align: center;
	text-decoration: none;
	text-indent: 5px;
	width: 30%;
	padding: 12px 0;
}

.open-link a:hover span,
.open-link a:active span,
.hidden-link a:hover span,
.hidden-link a:active span {
	background: #fff;
}

.hidden,.open-link,.hidden-link,.open-link:before {
	width: 100%;
}

/* .hidden-link {display: none !important;} 閉じるボタンを非表示に */


/*=== 特長・ポイント (幅710px前提) ===*/

.feature h3,
.feature p {
	padding-left: 115px;
}

.feature h3 {
	font-size: 28px;
	font-size: 2.8rem;
	border-left: none;
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 10px;
}

.feature h3:before {
	content: none;
}

.feature p {
	margin: 15px 0 0;
}

.feature div {
	position: relative;
	border-bottom: 5px dotted #e5e5e5;
	padding-bottom: 15px;
	margin: 0 0 15px;
	min-height: 90px;
}

.feature .point {
	padding-left: 115px;
	margin-top: -10px;
	margin-bottom: 0;
	border: none;
	padding-bottom: 0;
	min-height: auto;
}

.feature .point .col2-1, .feature .point .col2-2,
.feature .point .col3-1, .feature .point .col3-2, .feature .point .col3-3,
.feature .point .col4-1, .feature .point .col4-2, .feature .point .col4-3, .feature .point .col4-4 {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.feature .point p,
.feature .point .col2-1 p, .feature .point .col2-2 p,
.feature .point .col3-1 p, .feature .point .col3-2 p, .feature .point .col3-3 p,
.feature .point .col4-1 p, .feature .point .col4-2 p, .feature .point .col4-3 p, .feature .point .col4-4 p {
	padding-left: 0
}


p.point-number {
	border-radius: 50%;
	color: #ffffff;
	display: block;
	font-size: 15px;
	height: 80px;
	line-height: 25px;
	padding: 10px 0 0;
	margin: 0 0 20px;
	position: absolute;
	text-align: center;
	width: 90px;
}
p.point-number span {
	display: block;
	padding-top: 10px;
	font-size: 45px;
	font-weight: 700;
	font-family: 'Century Gothic', Helvetica, 'Helvetica Neue', Futura;
}

/*=== トラックリスト ===*/

.jacket {
	border: 1px solid #ccc;
	box-shadow: 0 2px 4px #ccc;
}

.jacket img {
	margin-bottom: 0;
}

.tracklist {
	padding: 0;
}

.tracklist h3 {
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 15px;
}

.tracklist ol,
.tracklist ul {
	border-top: 2px dotted #e5e5e5;
	margin-bottom: 20px;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 20%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5f5f5 20%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f5f5 20%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tracklist ul li {
	border-bottom: 2px dotted #e5e5e5;
	padding: 6px 6px 6px 35px;
	list-style: none;
	margin-left: 0;
}

.tracklist ol li {
	list-style: decimal;
	list-style-position: inside;
	border-bottom: 2px dotted #e5e5e5;
	padding: 6px 6px 6px 35px;
	text-indent: -25px;
	margin-left: 0;
}

.tracklist p .sub,
.tracklist li .sub {
	color: #888;
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.3;
	text-indent: 0;
	padding: 5px 0;
}


/*=== 商品仕様 ===*/

.spec {
	padding: 40px 0 0;
	margin: 20px 0;
	border-top: 1px solid #ddd;
}

.section .spec-title {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: normal !important;
	margin: 0 0 20px;
}

.spec dl {
	background: #f1f1f1;
	background: -moz-linear-gradient(left,	#fff 0%, #f1f1f1 28%, #fff 28%);
	background: -webkit-linear-gradient(left,	#fff 0%,#f1f1f1 28%, #fff 28%);
	background: linear-gradient(to right,	#fff 0%,#f1f1f1 28%, #fff 28%);
	border-top: none;
	border-bottom: 1px dotted #ccc;
	font-size: 16px;
	font-size: 1.6rem;
	overflow: hidden;
	margin-bottom: 10px;
}

.spec dl dt {
	border-top: 1px dotted #ccc;
	font-weight: normal;
	clear: both;
	float: left;
	padding: 1.5% 2%;
	width: 24%;
}

.spec dl dd {
	background: #fff;
	border-top: 1px dotted #ccc;
	border-bottom: none;
	float: right;
	padding: 1.5% 2%;
	width: 68%;
}

.spec-1col {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 1.5% 2%;
}

.spec ul.annotation {
	clear: both;
	padding: 10px 0 0;
}

.spec ul.annotation li {
	list-style: none;
}


/*=== 背景色 ===*/

.whole-bg, .whole-bg-low, .whole-bg-high {
border-radius: 10px;
}

.whole-bg-high, .whole-bg-low {
	box-sizing: border-box;
	word-break: break-all;
}

.whole-bg .section, .whole-bg-high .section,
.whole-bg-low .section {
	width: 100% !important;
}

.whole-bg .section, .whole-bg .accordion-block,
.whole-bg h2 {
	box-sizing: border-box;
	background: rgba(255,255,255,0.9);
}

.whole-bg .section, .whole-bg .accordion-block,
.whole-bg-high, .whole-bg-low {
	padding: 25px 2% 1px;
	margin-bottom: 30px;
}

.whole-bg-high .section,
.whole-bg-low .section {
	padding-bottom: 1px;
}

.whole-bg .accordion-block div div,
.whole-bg-high .accordion-block div div,
.whole-bg-low .accordion-block div div {
	background: #fff;
}

.whole-bg h2,
.whole-bg-high h2,
.whole-bg-low h2 {
	border-top: none;
	padding: 20px 3%;
	margin: 0;
}
.whole-bg h2 .itemtitle,
.whole-bg-high h2 .itemtitle,
.whole-bg-low h2 .itemtitle {
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 0;
	bottom: -5px;
	color: #aaa;
}

.whole-bg .section h2,
.whole-bg-high .section h2,
.whole-bg-low .section h2 {
	background: none;
	margin: 0 0 20px;
	padding: 0 0 20px;
}

.whole-bg-high .section h2::after {
	background: #af9424;
}

.whole-bg .section h2 .itemtitle,
.whole-bg-high .section h2 .itemtitle,
.whole-bg-low .section h2 .itemtitle {
	padding-left: 0;
	padding-right: 0;
}


.whole-bg {
	margin-bottom: 30px !important;
	padding: 0 !important;
}

.whole-bg-high {background: #fcfcae !important;}
.whole-bg-low {background: #e5e5e5 !important;}

.whole-bg .col1, .whole-bg .col2, .whole-bg .col3, .whole-bg .col4,
.whole-bg-high .col1, .whole-bg-high .col2, .whole-bg-high .col3, .whole-bg-high .col4,
.whole-bg-low .col1, .whole-bg-low .col2, .whole-bg-low .col3, .whole-bg-low .col4 {
	padding-bottom: 0;
}

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

#warp_footertop {
	margin-top: 250px;
}

#static-responsive #warp_footertop {
	margin-top: 0;
}

#static-responsive #wrap00 {
	margin-bottom: 0;
}

#static-responsive #container {
	padding-bottom: 0;
}



#bottom-recom-item,
#bottom-relate-item {
	width: 710px;
	margin: 0 auto;
}

#bottom-recent-item h3, #bottom-recom-item h3 {
	background: #f5deb3;
	border: 1px solid #ccc;
	display: block;
	font-size: 2rem;
	margin: 0 0 15px;
	width: 100%;
	padding: 0;
}

#bottom-relate-item h3 {
	border: 1px solid #ccc;
	display: block;
	font-size: 2rem;
	margin: 0 0 15px;
	width: 100%;
	padding: 0;
}


#bottom-relate-item h3 span, #bottom-recent-item h3 span, #bottom-recom-item h3 span {
	padding: 10px;
}

.itemlist2c {
	margin-bottom: 30px;
}

.itemlist2c h3::before {
	content: none;
}

.itemlist2c a dl {
	border-top: none;
	margin-bottom: 0;
}

.itemlist2c a dl dt {
	float: none;
	margin-bottom: 0;
	width: 100%;
	padding: 0;
}

.itemlist2c a dl dd {
	display: block;
	clear: both;
	line-height: 1.4;
	width: 100%;
	padding: 5px 0 0;
	border-bottom: none;
	font-size: 16px;
	font-size: 1.6rem;
}


.itemlist3c {display: none;} /*特集バナー非表示 */


#footer2 img {
	width: auto;
}

.catebox ul {
	margin-bottom: 0;
}

#foot_catelink {
	padding: 10px 0 0;
}

#foot_catelink .catebox li.topcate a {
	padding: 1px 5px 2px 22px;
}

#foot_catelink .catebox li.topcate li a {
	padding: 0 10px 5px 0;
}

#foot_catelink .catebox li.topcate {
	margin-bottom: 10px;
}

#footer2 #fnavi {
	line-height: 150%;
}


/*=== 強制適用クラス ===*/

/* universal margin selecta */
.m00{margin: 0px !important;} .m05{margin:5px !important ;} .m10{margin:10px !important ;} .m15{margin:15px !important ;} .m20{margin:20px !important ;} .m25{margin:25px !important ;} .m30{margin:30px !important ;} .m35{margin:35px !important ;} .m40{margin:40px !important ;} .m45{margin:45px !important ;} .m50{margin:50px !important ;} .m55{margin:55px !important ;} .m60{margin:60px !important ;} .m65{margin:65px !important ;} .m70{margin:70px !important ;} .m75{margin:75px !important ;} .m80{margin:80px !important ;} .m85{margin:85px !important ;} .m90{margin:90px !important ;} .m95{margin:95px !important ;} .m100{margin:100px !important ;}
.mt00{margin-top: 0px !important;} .mt05{margin-top:5px !important ;} .mt10{margin-top:10px !important ;} .mt15{margin-top:15px !important ;} .mt20{margin-top:20px !important ;} .mt25{margin-top:25px !important ;} .mt30{margin-top:30px !important ;} .mt35{margin-top:35px !important ;} .mt40{margin-top:40px !important ;} .mt45{margin-top:45px !important ;} .mt50{margin-top:50px !important ;} .mt55{margin-top:55px !important ;} .mt60{margin-top:60px !important ;} .mt65{margin-top:65px !important ;} .mt70{margin-top:70px !important ;} .mt75{margin-top:75px !important ;} .mt80{margin-top:80px !important ;} .mt85{margin-top:85px !important ;} .mt90{margin-top:90px !important ;} .mt95{margin-top:95px !important ;} .mt100{margin-top:100px !important ;}
.mr00{margin-right: 0px !important;} .mr05{margin-right:5px !important ;} .mr10{margin-right:10px !important ;} .mr15{margin-right:15px !important ;} .mr20{margin-right:20px !important ;} .mr25{margin-right:25px !important ;} .mr30{margin-right:30px !important ;} .mr35{margin-right:35px !important ;} .mr40{margin-right:40px !important ;} .mr45{margin-right:45px !important ;} .mr50{margin-right:50px !important ;} .mr55{margin-right:55px !important ;} .mr60{margin-right:60px !important ;} .mr65{margin-right:65px !important ;} .mr70{margin-right:70px !important ;} .mr75{margin-right:75px !important ;} .mr80{margin-right:80px !important ;} .mr85{margin-right:85px !important ;} .mr90{margin-right:90px !important ;} .mr95{margin-right:95px !important ;} .mr100{margin-right:100px !important ;}
.mb00{margin-bottom: 0px !important;} .mb05{margin-bottom:5px !important ;} .mb10{margin-bottom:10px !important ;} .mb15{margin-bottom:15px !important ;} .mb20{margin-bottom:20px !important ;} .mb25{margin-bottom:25px !important ;} .mb30{margin-bottom:30px !important ;} .mb35{margin-bottom:35px !important ;} .mb40{margin-bottom:40px !important ;} .mb45{margin-bottom:45px !important ;} .mb50{margin-bottom:50px !important ;} .mb55{margin-bottom:55px !important ;} .mb60{margin-bottom:60px !important ;} .mb65{margin-bottom:65px !important ;} .mb70{margin-bottom:70px !important ;} .mb75{margin-bottom:75px !important ;} .mb80{margin-bottom:80px !important ;} .mb85{margin-bottom:85px !important ;} .mb90{margin-bottom:90px !important ;} .mb95{margin-bottom:95px !important ;} .mb100{margin-bottom:100px !important ;}
.ml00{margin-left: 0px !important;} .ml05{margin-left:5px !important ;} .ml10{margin-left:10px !important ;} .ml15{margin-left:15px !important ;} .ml20{margin-left:20px !important ;} .ml25{margin-left:25px !important ;} .ml30{margin-left:30px !important ;} .ml35{margin-left:35px !important ;} .ml40{margin-left:40px !important ;} .ml45{margin-left:45px !important ;} .ml50{margin-left:50px !important ;} .ml55{margin-left:55px !important ;} .ml60{margin-left:60px !important ;} .ml65{margin-left:65px !important ;} .ml70{margin-left:70px !important ;} .ml75{margin-left:75px !important ;} .ml80{margin-left:80px !important ;} .ml85{margin-left:85px !important ;} .ml90{margin-left:90px !important ;} .ml95{margin-left:95px !important ;} .ml100{margin-left:100px !important ;}

/* universal padding selecta */
.p00{padding:0px !important ;} .p05{padding:5px !important ;} .p10{padding:10px !important ;} .p15{padding:15px !important ;} .p20{padding:20px !important ;} .p25{padding:25px !important ;} .p30{padding:30px !important ;} .p35{padding:35px !important ;} .p40{padding:40px !important ;} .p45{padding:45px !important ;} .p50{padding:50px !important ;} .p55{padding:55px !important ;} .p60{padding:60px !important ;} .p65{padding:65px !important ;} .p70{padding:70px !important ;} .p75{padding:75px !important ;} .p80{padding:80px !important ;} .p85{padding:85px !important ;} .p90{padding:90px !important ;} .p95{padding:95px !important ;} .p100{padding:100px !important ;}
.pt00{padding-top:0px !important ;} .pt05{padding-top:5px !important ;} .pt10{padding-top:10px !important ;} .pt15{padding-top:15px !important ;} .pt20{padding-top:20px !important ;} .pt25{padding-top:25px !important ;} .pt30{padding-top:30px !important ;} .pt35{padding-top:35px !important ;} .pt40{padding-top:40px !important ;} .pt45{padding-top:45px !important ;} .pt50{padding-top:50px !important ;} .pt55{padding-top:55px !important ;} .pt60{padding-top:60px !important ;} .pt65{padding-top:65px !important ;} .pt70{padding-top:70px !important ;} .pt75{padding-top:75px !important ;} .pt80{padding-top:80px !important ;} .pt85{padding-top:85px !important ;} .pt90{padding-top:90px !important ;} .pt95{padding-top:95px !important ;} .pt100{padding-top:100px !important ;}
.pr00{padding-right:0px !important ;} .pr05{padding-right:5px !important ;} .pr10{padding-right:10px !important ;} .pr15{padding-right:15px !important ;} .pr20{padding-right:20px !important ;} .pr25{padding-right:25px !important ;} .pr30{padding-right:30px !important ;} .pr35{padding-right:35px !important ;} .pr40{padding-right:40px !important ;} .pr45{padding-right:45px !important ;} .pr50{padding-right:50px !important ;} .pr55{padding-right:55px !important ;} .pr60{padding-right:60px !important ;} .pr65{padding-right:65px !important ;} .pr70{padding-right:70px !important ;} .pr75{padding-right:75px !important ;} .pr80{padding-right:80px !important ;} .pr85{padding-right:85px !important ;} .pr90{padding-right:90px !important ;} .pr95{padding-right:95px !important ;} .pr100{padding-right:100px !important ;}
.pb00{padding-bottom:0px !important ;} .pb05{padding-bottom:5px !important ;} .pb10{padding-bottom:10px !important ;} .pb15{padding-bottom:15px !important ;} .pb20{padding-bottom:20px !important ;} .pb25{padding-bottom:25px !important ;} .pb30{padding-bottom:30px !important ;} .pb35{padding-bottom:35px !important ;} .pb40{padding-bottom:40px !important ;} .pb45{padding-bottom:45px !important ;} .pb50{padding-bottom:50px !important ;} .pb55{padding-bottom:55px !important ;} .pb60{padding-bottom:60px !important ;} .pb65{padding-bottom:65px !important ;} .pb70{padding-bottom:70px !important ;} .pb75{padding-bottom:75px !important ;} .pb80{padding-bottom:80px !important ;} .pb85{padding-bottom:85px !important ;} .pb90{padding-bottom:90px !important ;} .pb95{padding-bottom:95px !important ;} .pb100{padding-bottom:100px !important ;}
.pl00{padding-left:0px !important ;} .pl05{padding-left:5px !important ;} .pl10{padding-left:10px !important ;} .pl15{padding-left:15px !important ;} .pl20{padding-left:20px !important ;} .pl25{padding-left:25px !important ;} .pl30{padding-left:30px !important ;} .pl35{padding-left:35px !important ;} .pl40{padding-left:40px !important ;} .pl45{padding-left:45px !important ;} .pl50{padding-left:50px !important ;} .pl55{padding-left:55px !important ;} .pl60{padding-left:60px !important ;} .pl65{padding-left:65px !important ;} .pl70{padding-left:70px !important ;} .pl75{padding-left:75px !important ;} .pl80{padding-left:80px !important ;} .pl85{padding-left:85px !important ;} .pl90{padding-left:90px !important ;} .pl95{padding-left:95px !important ;} .pl100{padding-left:100px !important ;}

/* textalign */
.textalign-left{text-align:left !important;} .textalign-center{text-align:center !important;} .textalign-right{text-align:right !important;}

/*============ PC用 ===========*/


/*============ タブレット用 ===========*/

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

html {
	width: 100%;
}

body {
	width: 1100px;
}

} /* @media */

/*============ スマートフォン用 ===========*/

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

/* body {
	width: 100%;
	margin: 0;
} */

.main1c, .main1c div, .main1c p, .main1c ul, .main1c ol, .main1c li, .main1c dl, .main1c dt, .main1c dd, .main1c table, .main1c th, .main1c td, .main1c h1, .main1c h2, .main1c h3, .main1c h4, .main1c h5, .main1c form, .main1c img,
.main1c p {
	line-height: 7vw;
}

.main1c body, .main1c div, .main1c p, .main1c ul, .main1c ol, .main1c li, .main1c table, .main1c th, .main1c td, .main1c img, .main1c dt, .main1c dd {
	font-size: 4.5vw;
}
.page-goods div[class^='block-goods-comment'] .main1c p.text {
	font-size: 4.5vw;
}
img[data-action="zoom"] {
	cursor: default !important;
}

.jacket img[data-action="zoom"],
.sp-col2-1 img[data-action="zoom"], .sp-col2-2 img[data-action="zoom"],
.sp-col3-1 img[data-action="zoom"], .sp-col3-2 img[data-action="zoom"], .sp-col3-3 img[data-action="zoom"],
.sp-col4-1 img[data-action="zoom"], .sp-col4-2 img[data-action="zoom"], .sp-col4-3 img[data-action="zoom"], .sp-col4-4 img[data-action="zoom"] {
	cursor: pointer !important;
	cursor: -webkit-zoom-in !important;
	cursor: -moz-zoom-in !important;
}

/* .imgzoom:after {
	display: none;
} */

.jacket.imgzoom:after,
.price-block .imgzoom:after,
.sp-col2-1 .imgzoom:after, .sp-col2-2 .imgzoom:after,
.sp-col3-1 .imgzoom:after, .sp-col3-2 .imgzoom:after, .sp-col3-3 .imgzoom:after,
.sp-col4-1 .imgzoom:after, .sp-col4-2 .imgzoom:after, .sp-col4-3 .imgzoom:after, .sp-col4-4 .imgzoom:after {
	display: block;
	width: 18px;
	height: 18px;
	background-size: 18px;
	bottom: 1px;
	right: 1px;
}

.price-block .imgzoom:after {
	display: none !important;
	width: 7vw;
  height: 7vw;
  background-size: 7vw;
  bottom: 3vw;
  right: 1.8vw;
}

.whole-bg .section h2,
.whole-bg-high .section h2,
.whole-bg-low .section h2 {
	margin: 0 0 9vw;
	padding: 0 0 0;
}

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


/*
.search_form {
	margin:0px auto 12px;
	width: 300px;
}

#keywords2 {
	color: #333;
	border: 1px solid #aaa;
	border-radius: 8px;
	display: block;
	float: left;
	height: 35px;
	outline: 0 none;
	outline-offset: 0;
	line-height: 30px;
	padding: 1px 8px 0;
	width: 200px;
	font-size: 20px !important;
	box-shadow: none;
	-webkit-appearance: none;
	background: #edf8ff;
	background: -moz-linear-gradient(top, #edf8ff 0%, #f9fdff 100%);
	background: -webkit-linear-gradient(top, #edf8ff 0%,#f9fdff 100%);
	background: linear-gradient(to bottom, #edf8ff 0%,#f9fdff 100%);
	border-top: 2px solid #aaa;
}

#keywords2:focus {
	background: #FCFFD3;
	border-color: #888;
	border-top: 1px solid #888;
	height: 36px;
}

.search_form #searchBtn {
	padding-left: 0;
	width: 75px;
	float: right;
	height: auto;
border-radius: 6px;
}

*/

/* #wrap01 {
	width: 100% !important;
	min-width: 100% !important;
	margin: 0;
	background: none;
}

#header2 {
	width: 100% !important;
	height: auto;
}

#hnavi {
	display: none;
}

#header2 #h_logo h1 {
	line-height: 0;
	text-indent: -9999px;
	position: relative;
	top: 0;
}

#header2 #h_logo h1 a {
	display: block;
	width: 97.5%;
	height: 13vw;
	background: url(/defaultShop/images/smph/sp_logo.gif) top center no-repeat;
	background-size: 100%;
	overflow: auto;
	position: relative;
	top: 0;
	left: 0;
	margin: 10px auto 0;
	box-sizing: border-box;
}


#header2 #h_logo a {
	display: block;
	width: 97.5%;
	height: 10vw;
	background: url(/defaultShop/images/smph/sp_logo.gif) center center no-repeat;
	background-size: 75%;
	overflow: auto;
	position: relative;
	top: 0;
	left: 0;
	margin: 1.5vw auto;
	box-sizing: border-box;
}

#header2 #h_logo a img {
	display: none;
}

#head_bana {
	display:none;
}

#static-responsive #head_bana {
	float: none;
	margin: 0 auto;
	width: 90%;
	height: 13vw;
	padding-left: 0;
	background: url(/defaultShop/images/smph/sp_bana_souryou1.gif) top center no-repeat;
	background-size: 100%;
	display: block;
}

#head_bana img {
	display: none;
}
 */

#topicpath {
	display: none;
}


/*=== 共通要素 ===*/

.main1c h1, .main1c h2, .main1c h3, .main1c h4, .main1c h5 {
	margin: 0 0 30px;
}

.main1c h1 {
	font-size: 5vw;
	line-height: 1.2;
}

.main1c h1 span {
	font-weight: normal;
	font-weight: 300;
}


.main1c h2 {
	border-top: none;
	font-size: 6vw;
	line-height: 1.3;
	padding: 20px 3% 0;
	margin-bottom: 10vw;
}

.section h2 {
	padding: 10px 0 0;
}

.main1c h2 span {
	font-size: 4.2vw;
	font-weight: 500;
	padding-top: 5px;
}

.main1c h2 .itemtitle {
	font-family: sans-serif;
	font-size: 3vw;
	right: 3%;
	bottom: -8.6vw;
	padding-top: 0;
	height: 3.5;
	overflow: hidden;
	width: 94%;
}
h2 .itemtitle {
	color: #bbb;
}
.section h2 .itemtitle {
	right: 0;
	width: auto;
	height: 8vw;
	overflow: hidden;
	text-align: left;
}

.main1c h2::before {
	content: '';
	display:block;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	line-height: 0;
	overflow: hidden;
	margin: 0 0 3vw;
}

.main1c h2::after {
	border-radius: 2px;
	height: 4px;
	margin: 3vw 0 0;
}

.main1c h3,
.spec-title,
.main1c .style-h3 {
	font-size: 5vw;
	padding: 8px 15px;
	overflow: hidden;
	margin-bottom: 15px;
}

.main1c h3::before,
.spec-title::before,
.style-h3::before {
	border-radius: 3px;
	width: 6px;
}




.main1c h4,
.main1c .style-h4 {
	font-size: 4.5vw;
	margin-bottom: 10px;
}

.main1c dl dt {
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	float: none;
	width: 100%;
}

.main1c dl dd {
	box-sizing: border-box;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}

.main1c .button {
	width: 85%;
	padding: 8px 0;
	font-size: 4vw;
}

.movie {
	margin-bottom: 30px;
}

.movie iframe {
	width: 95% !important;
	height: 50vw !important;
	border: 8px solid #ccc;
}

ul .title, ol .title {
	padding-left: 5px;
	padding-right: 5px;
}


/*=== レイアウト ===*/

#container, .main1c, #shop_contents2, #topicpath,
.hidden + [data-readmore-toggle], .hidden[data-readmore] {
	width: 100% !important;
}

.section, .accordion-block, .main1c .hidden, .spec {
	width: 94% !important;
	margin-left: auto;
	margin-right: auto;
}

.section {
	padding: 0;
}

#shop_contents2 > p,
#shop_contents2 > ul,
#shop_contents2 > ol,
#shop_contents2 > table,
#shop_contents2 > dl,
#shop_contents2 > h3,
#shop_contents2 > h4,
.main1c > p,
.main1c > ul,
.main1c > ol,
.main1c > table,
.main1c > dl,
.main1c > h3,
.main1c > h4 {
	margin-left:3%;
	margin-right:3%;
}



#shop_contents2 > .open-link,
#shop_contents2 > .hidden-link,
.main1c > .open-link,
.main1c > .hidden-link {
	margin-left: 3%;
	margin-right: 3%;
	margin-top: 8%;
	width: 94% !important;
}

.fontsize-extrasmall,
.fontsize-extrasmall p,
.fontsize-extrasmall li,
.fontsize-extrasmall dt,
.fontsize-extrasmall dd {
	font-size: 3.5vw !important;
	line-height: 1.6 !important;
}

.fontsize-small,
.fontsize-small p,
.fontsize-small li,
.fontsize-small dt,
.fontsize-small dd {
	font-size: 4.0vw !important;
}

.fontsize-large,
.fontsize-large p,
.fontsize-large li,
.fontsize-large dt,
.fontsize-large dd {
	font-size: 5vw !important;
	line-height: 1.5 !important;
}

.fontsize-extralarge,
.fontsize-extralarge p,
.fontsize-extralarge li,
.fontsize-extralarge dt,
.fontsize-extralarge dd {
	font-size: 6vw !important;
	line-height: 1.5 !important;
}

.annotation {
	font-size: 4vw !important;
}

.section h2 {
	width: 100%;
	box-sizing: border-box;
}


/* Forced 1 column only for SP */

.col1, .col2-1, .col2-2, .col3-1, .col3-2, .col3-3, .col4-1, .col4-2, .col4-3, .col4-4,
.col2-1.per20, .col2-2.per20,
.col2-1.per40, .col2-2.per40,
.col2-1.per60, .col2-2.per60,
.col2-1.per80, .col2-2.per80,
.col2-1.no-margin, .col2-2.no-margin,
.col3-1.no-margin, .col3-2.no-margin, .col3-3.no-margin,
.col4-1.no-margin, .col4-2.no-margin, .col4-3.no-margin, .col4-4.no-margin {
	width: 100%;
	padding: 0;
}


/* 4 column */

.sp-col4-1, .sp-col4-2, .sp-col4-3, .sp-col4-4 {
	width: 22%;
	float: left;
}

.sp-col4-1, .sp-col4-2, .sp-col4-3 {
	padding-right: 4%;
}

.sp-col4-1.no-margin, .sp-col4-2.no-margin, .sp-col4-3.no-margin, .col4-4.no-margin {
	width: 25%;
	padding-right: 0;
}


/* 3 column */

.sp-col3-1, .sp-col3-2, .sp-col3-3 {
	width: 31%;
	float: left;
}

.sp-col3-1, .sp-col3-2 {
	padding-right: 3.5%;
}

.sp-col3-1.no-margin, .sp-col3-2.no-margin, .sp-col3-3.no-margin {
	width: 33%;
	width: 33.33%;
	padding-right: 0;
}


/* 2 column */

.sp-col2-1 {
	width: 48%;
	float: left;
}
.sp-col2-2 {
	width: 48%;
	float: right;
}

.sp-col2-1.no-margin,
.sp-col2-2.no-margin {
	width: 50%;
}

.sp-col2-1.no-margin.per60,
.sp-col2-2.no-margin.per60,
.sp-col2-1.no-margin.per80,
.sp-col2-2.no-margin.per80 {
	width: 60%;
}

.sp-col2-1.per60,
.sp-col2-2.per60,
.sp-col2-1.per80,
.sp-col2-2.per80 {
	width: 56%;
}


.sp-col2-1.per40,
.sp-col2-2.per40,
.sp-col2-1.per20,
.sp-col2-2.per20,
.sp-col2-1.no-margin.per40,
.sp-col2-2.no-margin.per40,
.sp-col2-1.no-margin.per20,
.sp-col2-2.no-margin.per20 {
	width: 40%;
}

.sp-col2-1.per60.no-margin,
.sp-col2-2.per60.no-margin,
.sp-col2-1.per80.no-margin,
.sp-col2-2.per80.no-margin {
	width: 60%;
}


.sp-col2-1, .sp-col3-1, .sp-col4-1 {
	clear: both;
}

.sp-col2-2,
.sp-col3-2, .sp-col3-3,
.sp-col4-2, .sp-col4-3, .sp-col4-4 {
	clear: none;
}


/*=== トップイメージ ===*/

.topimage {
	width: 100% !important;
	border-top: none;
	border-bottom: none;
	padding: 0;
	margin-bottom: 20px;
}

.topimage img {
	margin-bottom: 0;
}

.topimage li {
	font-size: 0;
	width: 100% !important;
}

.topimage-title {
	width: 100%;
	max-width: 100%;
	padding: 0;
	list-style: none;
}

.topimage h1 {
	color: #fff;
	padding: 3vw 3%;
	margin: 0;
}

.topimage span {
	display: inline-block;
}


.topimage a,
.topimage a:hover,
.topimage a:active {
	background: #f51d12;
	color: #fff;
	box-shadow: 0 2px 2px #aaa;
	border-width: 2px;
	font-family: sans-serif;
	width: 90%;
	border-radius: 80px;
	margin: 20px auto 10px;
	font-size: 6vw;
	height: 18vw;
	line-height: 18vw;
}

/* 購入ボタン追従 */

.topimage .orderbox {
	height: 0;
	margin-bottom: 0;
}

.order-fixed1,
.order-fixed1a {
	border-radius: 50%;
	position: fixed;
	bottom: -25vw;
	right: 2vw;
	z-index: 100;
	font-size: 0 !important;
	width: 20vw !important;
	height: 20vw !important;
	border: 2px solid #fff !important;
}

.order-fixed1:before,
.order-fixed1a:before {
	content: "ご購入はこちら";
	font-size: 4vw;
	text-align: center;
	width: 18vw;
	margin: 5.5vw auto 0;
	display: block;
	line-height: 1.3;
}

.order-fixed2 {
	bottom: 12vw;
}

.order-fixed2a {
	bottom: 35vw;
}

.another1 {
	margin-bottom: -5px !important;
}


/*=== SNSボタン ===*/

#sns_top {
	display: none;
}

.topimage {
	padding: 0;
}

#sns_sptop {
	display: block;
	width: 180px;
	margin: 15px auto 20px;
}

.sns_tw:hover,
.sns_tw:active,
.sns_fb:hover,
.sns_fb:active {
	opacity: 1;
}

#shop_contents2 #sns_btm,
.main1c #sns_btm {
	width: 195px;
	margin-left: auto;
	margin-right: auto;
}


#sns_btm .sns_fb,
#sns_btm .sns_tw,
#sns_btm .sns_li {
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 5px;
	text-decoration: none;
	margin: 0 10px;
	background-size: 45px !important;
	border: none;
	box-shadow: 0 2px 2px #ccc;
}

#sns_btm .sns_fb:hover,
#sns_btm .sns_fb:active,
#sns_btm .sns_tw:hover,
#sns_btm .sns_tw:active,
#sns_btm .sns_li:hover,
#sns_btm .sns_li:active {
	box-shadow: 0 2px 2px #ccc;
}



/*=== アコーディオンメニュー ===*/

.accordion-block a:hover,
.accordion-block a:active {
	background: none;
	text-decoration: underline;
}

.accordion-block div {
	margin: 0 0 20px;
}

.accordion-block a {
	width: 70%;
	padding-right: 27%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.accordion-block a:after {
	font-size: 4vw;
	top: 42%;
}

/*=== タブメニュー ===*/

.tab-menu {
	height: auto !important;
	margin-bottom: 30px;
}

.tab-menu dl {
	position: relative;
	margin-bottom: 10px;
}

.tab-menu dl dt {
	position: relative;
	width: 100% !important;
	top: auto;
	left: auto !important;
	border-right: 0;
}

.tab-menu dl dt a {
	cursor: default;
	background: none;
	color: #fff;
	text-decoration: none;
	padding: 10px 0;
}

.tab-menu dl dt a:hover,
.tab-menu dl dt a:active {
	text-decoration: none;
}

.tab-menu dl dd {
	height: auto !important;
	position: relative;
	top: 0;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 15px 15px;
	margin-bottom: 0;
	padding: 15px 10px 0;
}

/*=== コンテンツ拡大・縮小 ===*/

#tracklist {
	margin-bottom: 20vw;
}

.open-link::before {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 95%);
	height: 250px;
	top: -250px;
	border-bottom: 1px solid #ddd;
	margin-left: -3%;
	width: 106%;
}

.hidden-link {
	padding-bottom: 30px;
}

.open-link a, .hidden-link a {
	padding-bottom: 0;
}

.open-link a {
	position: absolute;
	width: 100%;
	height: 0;
	padding-top: 0;
}

.open-link a span,
.hidden-link a span {
	width: 80%;
	border-radius: 100vw;
	box-shadow: 0 1px 6px #666;
	border: 2px solid #fff !important;
	box-sizing: border-box;
	padding: 15px 0;
	margin-top: -12px;
}

.hidden-link a span {
	margin-top: 0;
}

#shop_contents2 > .open-link,
.main1c > .open-link {
	margin-bottom: 80px;
}


/*=== 特長・ポイント (幅710px前提) ===*/

.feature p {
	margin: 10px 0 0;
	padding-left: 80px;
}

.main1c .feature h3 {
	font-size: 5.5vw;
	padding-left: 80px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0;
}

.feature div {
	position: relative;
	border-bottom: 5px dotted #ddd;
	padding-bottom: 10px;
	margin: 0 0 10px;
	min-height: 70px;
}

.feature .point {
	padding-left: 80px;
	margin-top: 0;
	margin-bottom: 0;
	border: none;
	padding-bottom: 0;
}



p.point-number {
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	height: 58px;
	padding: 12px 0 0;
	margin: 0 0 10px;
	position: absolute;
	text-align: center;
	width: 70px;
}

p.point-number span {
	font-size: 40px;
	padding-top: 0;
}

/*=== トラックリスト ===*/

.tracklist + [data-readmore-toggle], .tracklist[data-readmore] {
	width: 94% !important;
}

.tracklist .col2-1, .tracklist .col2-2,
.tracklist .col3-1, .tracklist .col3-2, .tracklist .col3-3,
.tracklist .col4-1, .tracklist .col4-2, .tracklist .col4-3, .tracklist .col4-4 {
	width: 100%;
}

.jacket {
	width: 65%;
	height: auto;
	margin: 0 auto;
}

.tracklist ol,
.tracklist ul {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	display: table-cell;
	display: flex;
	flex-wrap: wrap;
}

.tracklist ul li {
	width: 50%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 6px 10px 6px 35px;
}

.tracklist ol li {
	width: 50%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 6px 10px 6px 35px;
	text-indent: 0;
	padding-left: 2vw;
}

.tracklist p .sub,
.tracklist li .sub {
	color: #888;
	display: block;
	font-size: 4vw;
	text-indent: 0;
	padding: 4px 0 2px;
}


/*=== 商品仕様 ===*/

.spec {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin-bottom: 30px;
}

.section .spec-title {
	font-size: 4.5vw;
	padding-left: 15px;
	margin: 0 0 10px;
}

.spec dl {
	background: #fff;
	border-bottom: 1px dotted #ddd;
	overflow: hidden;
}

.spec dl dt {
	font-size: 4vw;
	font-weight: bold;
	border-top: 1px dotted #ddd;
	float: none;
	padding: 5px 5px 0;
	width: 100%;
	box-sizing: border-box;
}

.spec dl dd {
	font-size: 4vw;
	line-height: 1.3;
	background: #fff;
	border-top: none;
	float: none;
	padding: 0 15px 8px;
	width: 100%;
	box-sizing: border-box;
}

.spec .spec-1col {
	font-size: 4vw;
	font-weight: normal;
	line-height: 1.4;
	padding: 10px 5px;
}

.spec ul.annotation {
	padding-top: 0;
	margin-bottom: 0;
}

.spec ul.annotation li {
	font-size: 4vw;
	line-height: 1.4;
	margin-bottom: 10px;
}

/*=== FOOTER ===*/

#warp_footertop {
	margin-top: 0;
}

#bottom-relate-item .itemlist2c span, #bottom-recent-item h3, #bottom-recom-item h3 {
	font-size: 4.5vw;
	padding: 10px;
	font-weight: bold;
	font-family: sans-serif;
}

#bottom-recent-item h3, #bottom-recom-item h3 {
	width: auto;
}

.itemlist2c a {
	padding: 10px;
}

.itemlist2c a div {
	width: 22%;
}

.itemlist2c a div img {
	width: 100%;
}

.itemlist2c a dl {
	border-top: none;
	margin-bottom: 0;
}

.itemlist2c a dl dt {
	font-size: 4.5vw;
	line-height: 1.3;
	padding-top: 0;
}

.itemlist2c a dl dd {
	font-size: 4vw;
	padding-top: 5px;
	border-bottom: none;
}

.itemlist2c a dl dt,
.itemlist2c a dl dd {
	padding-left: 0;
	padding-right: 0;
}


.itemlist2c a dl {
	width: 72%;
}

.navicatetitle, .cateboxtitle {
	 font-size: 5vw !important;
}

.foot_navi {
	margin: 10px 10px 0;
}

.foot_navi li a, .catebox a {
	font-size: 4.5vw !important;
}

#foot_catelink .catebox li.topcate a {
	padding: 20px 15px;
}

#foot_catelink .catebox li.topcate li a {
	padding: 15px 10px;
}

#foot_catelink .catebox li.topcate {
	margin-bottom: 0;
}


.foot_navi li a,
.catebox a {
	line-height: 1;
}

.catebox ul li ul li {
	height: auto !important;
}

#member_btn button,
.pagetop a {
	font-size: 5vw !important;
	height: 50px !important;
	line-height: 50px;
	padding: 0 !important;
}

.pagetop {
	margin-top: 30px !important;
	height: 50px !important;
}

#member_btn {
	margin:0 10px;
}

#member_btn img {
	width: auto;
	vertical-align: middle;
}

.itemlist2c h3 {
	border: none;
	padding: 0;
}

#bottom-relate-item, #bottom-recom-item {
	width: auto;
	margin: 0 10px;
}

.itemlist2c {
	width: 100%;
	margin-bottom: 0;
}

.itemlist2c a {
	width: 100%;
	box-sizing: border-box;
}

#footer2 #fnavi {
	width: 94%;
	margin-top: 20px;
	font-size: 3.5vw !important;
	line-height: 1.6 !important;
	text-align: left;
}

#footer2 #fnavi a {
	display: inline;
	margin: 5px 2px;
}

#footer2 #fnavi br {
	display: none;
}

/*=== FOOTER (静的ページ用) ===*/

#static-responsive #warp_footertop {
	height: 0;
}

#footer2 #fnavi a {
	font-size: 100%;
}

#static-responsive #warp_footertop .foot_navi,
#static-responsive #footer2 {
	width: 100%;
}

#static-responsive #foot_catelink,
#static-responsive #flogo,
#static-responsive #footer2 #fmark {
	display: none;
}

#static-responsive #footer2 #fnavi {
	width: 90%;
	margin: 0 auto 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid silver;
	margin-top: 20px;
}

#static-responsive #footer2 #copyright {
	color: #666666;
	padding-bottom: 0;
}

#static-responsive .pagetop {
	margin-top: 10px !important;
	height: 40px !important;
}

#static-responsive .pagetop a {
	font-size: 4vw !important;
	padding-left: 20px !important;
	height: auto !important;
	background-position: left center;
}



/*=== 背景色 ===*/

.whole-bg, .whole-bg-high, .whole-bg-low {
	width: 100% !important;
	border-radius: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.whole-bg .section, .whole-bg-high .section, .whole-bg-low .section {
	padding-left: 4%;
	padding-right: 4%;
	box-sizing: border-box;
}

.whole-bg h2 .itemtitle, .whole-bg-high h2 .itemtitle, .whole-bg-low h2 .itemtitle {
	bottom: 0;
	padding: 0;
}

.whole-bg-high .section h2::before {
	background: #af9424;
}

.section > .whole-bg,
.section > .whole-bg-high,
.section > .whole-bg-low {
	width: 106.137% !important;
  margin-left: -3.08% !important;
}

.section > .whole-bg .section,
.section > .whole-bg-high .section,
.section > .whole-bg-low .section {
	margin-bottom: 0;
}


/*=== スマホ価格表示 ===*/

.mizai {
	width: auto;
	margin: 0 3% 20px;
	border: 2px solid #aaa;
	padding: 10px 8px;
}

.mizai p {
	font-size: 3.5vw;
	line-height: 1.5;
}


.detailetmpl {
	width: 94%;
}

.order-wrap,
.order-arrow, .order-arrow img,
.order-button ul li img,
.order-option,
.order-alert {
	width: 100%;
}

.order-arrow {
	margin-bottom: 20px;
}

.order-button {
	margin-top: 0;
}

.order-button img {
	height: auto !important;
}

.order-option ul li {
	margin: 0;
}

.order-option ul li img {
	height: auto !important;
}

.order-option ul li:nth-child(1) {
	width: 47%;
	margin-right: 3%;
}

.order-option ul li:nth-child(2) {
	width: 50%;
}


.order-title {
	padding: 10px 10px 5px;
	line-height: 1.2;
	font-size: 6vw;
}

.order-area {
	padding: 0 10px 10px;
}

.order-content {
	padding-top: 10px;
}

.order-img {
	text-align: center;
	width: 100%;
	margin: 0;
}

.order-img img {
	display: inline-block;
	text-align: left;
	height: auto;
	width: 200px;
}

.order-area table {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.order-area table .price-top {
	font-family: sans-serif;
	font-size: 5vw;
	padding-bottom: 4px;
	display: block;
}

.order-area table .price-1 {
	font-family: sans-serif;
	font-size: 10vw;
	padding-bottom: 10px;
	display:inline-block;
}

.order-area table .price-2,
.order-area table .price-3 {
	color: #555;
	font-family: sans-serif;
	font-size: 6vw;
	font-weight: normal;
}

.order-area table .price-4,
.order-area table .price-5 {
	color: #555;
	font-family: sans-serif;
	font-size: 4.5vw;
	font-weight: normal;
	line-height: 1.5;
	padding: 2px 0 0;
	border-top: 1px solid #ccc;
}

.order-area table tr:nth-child(7) td {
	display: none;
}

.order-alert ul {
	margin-bottom: 0;
}

.order-alert ul li, .order-alert-2 ul li {
	font-family: sans-serif;
	font-size: 3.5vw !important;
	line-height: 130% !important;
	margin: 0 0 5px;
	padding-left: 5.5vw;
	text-indent: -5.5vw;
}

.order-alert-2 {
	width: 100%;
}

.delivery-option .delivery-1 {
	font-family: sans-serif;
	font-size: 3.5vw;
	line-height: 1.4;
	padding: 8px;
}

.delivery-option .delivery-2 {
	font-family: sans-serif;
	font-size: 3.5vw;
	line-height: 1.4;
	padding: 8px;
}

.delivery-option .delivery-2 span {
	font-size: 3vw;
}

.social-area {
	float: right;
	width: 96%;
	margin: 10px 0 1px;
}

.social-gplus,
.social-hatebu {
	display: none;
}

.order-content .only-pay p {
	font-family: sans-serif;
	font-size: 4vw;
}

.whole-topimage + .clearing + .detailetmpl .item-gift,
.item-gift {
	margin-top: 20px;
}

.whole-topimage + .clearing + .detailetmpl .order-wrap .mizai {
	margin-top: 20px;
}


/* Android Fontsize Adjust */
body, .main1c, h1, h2, h2 span, h2 .itemtitle, h3, .spec-title, h4, .topimage a, .accordion-block a:after, .feature h3, p.point-number, p.point-number span, .tracklist span, .section .spec-title, .spec dl, .spec ul.annotation, #footer2 #fnavi {
	max-height: 100%;
}

/* Flexbox */
.flexbox {
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flexbox > div,
.flexbox > p {
	-webkit-order: 100;
	order: 10;}
.flexbox .order1 {
	-webkit-order: 1;
	order: 1;}
.flexbox .order2 {
	-webkit-order: 2;
	order: 2;}
.flexbox .order3 {
	-webkit-order: 3;
	order: 3;}
.flexbox .order4 {
	-webkit-order: 4;
	order: 4;}
.flexbox .order5 {
	-webkit-order: 5;
	order: 5;}
.flexbox .order6 {
	-webkit-order: 6;
	order: 6;}
.flexbox .order7 {
	-webkit-order: 7;
	order: 7;}
.flexbox .order8 {
	-webkit-order: 8;
	order: 8;}
.flexbox .order9 {
	-webkit-order: 9;
	order: 9;}
.flexbox > div {
	width: 100%;
	padding: 0;
}

.sample-priceblock {display: none !important;} /*サンプル価格表示をスマホのみ非表示に */



/*▽---価格表示ブロック変更---------------------------------------▽ */

.first-price .buybutton-temp {
	height: 28vw;
	margin-top: -1vw;
}

.first-price .buybutton-temp .order-fixed1 {
	width: 22vw !important;
	height: 22vw !important;
	right: 2vw;
}

.first-price .buybutton-temp .order-fixed2 {
	bottom: 8vw;
}


.first-price .buybutton-temp .order-fixed1:before,
.first-price .buybutton-temp .order-fixed1a:before {
    font-size: 4.3vw;
    width: 18vw;
    margin: 5.5vw auto 0;
}

.detailetmpl {
	font-size: 16px; !important;
}

.mizai {
margin: 20px auto !important;
border: 1px solid #ccc !important;
background: none !important;
padding: 20px !important;
font-size: 3.8vw !important;
line-height: 1.5 !important;
padding: 3vw !important;
}

.order-wrap {
	width: 100% !important;
}

.price-block {
      border: 1px solid #bbb;
    padding: 3%;
    margin: 10px 0;
}

.price-block::after{
  content: "";
  display: block;
  clear: both;
}

.order-title {
    padding: 0 0 8px !important;
    border: none !important;
    font-size: 5vw !important;
    border-bottom: 3px solid #ccc !important;
    margin: 0 0 10px !important;
    line-height: 1.3 !important;
}

.order-option {
	display: inline !important;
}

.order-option li {
	display: inline;
}

.order-option li img {
    display: inline-block;
    width: 48.5%;
    height: auto;
}

.haisou {
	    margin: 0 1% 0 0;
}

.henpin {
	    margin: 0 0 0 0;
}

.order-img {
    margin: 15px auto !important;
    width: 80% !important;
    float: none;
}

.order-img img {
	width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto;
  border-radius: 6px;
}

.order-price-divide,
.divide-detail,
.order-price-bulk,
.payway-list,
.payway {
    margin-left: 0 !important;
    float: none;
}

.payway-list {
    font-size: 3.4vw !important;
    padding: 2vw 2.8vw;
    line-height: 1.5 !important;
}

.order-price-divide {
	font-size: 3.8vw !important;
}

.order-price-divide span {
	color: #cf1f1f;
	font-weight: bold;
    font-size: 6vw;
}

.order-price-divide span span {
  padding: 0 2px;
  font-size: 10.5vw;
}

.order-price-divide .ikkatsu span {
    font-size: 8.5vw;
}

.payway {
		padding: 0 0 3px;
		font-size: 3.2vw !important;
    margin: 10px auto 0 !important;
    line-height: 1.4 !important;
}

.order-price-bulk {
	color: #222;
	font-weight: normal !important;
	border-bottom: 2px dotted #ddd;
	display: block;
}

.order-price-bulk span {
	font-size: 5vw;
	padding: 0 5px 0 0;
}

.order-price-bulk span span {
	font-size: 4vw;
}

.divide-detail {
    margin-bottom: 5px;
    margin: 0 auto !important;
}

.divide-detail dt,
.divide-detail dd {
    font-weight: normal;
    font-size: 2.8vw !important;
    padding: 2px 0;
    line-height: 1.4;
}

.divide-detail dt {
	width: 40%;
	padding-left: 5%;
}

.divide-detail dt:first-child,
.divide-detail dt:nth-child(9) {
	padding-left: 2%;
}

.divide-detail dd {
	width: 60%;
}

.order-notice {
	margin-top: 15px;
	clear: both;
	margin-bottom: 0;
}

.order-notice li {
  list-style: none;
  margin: 0px;
	list-style: none;
    margin: 0px;
    color: #777;
    font-size: 3.5vw !important;
      line-height: 1.3;
    padding-bottom: 5px;
    text-indent: -4vw;
    padding-left: 4vw;
}

.only-pay {
    color: #555;
    background: none;
    border: 1px solid #cf1f1f;
    margin: 10px 0 !important;
    background: #ffeeee;
    font-size: 3.5vw !important;
    line-height: 1.4 !important;
}

.order-delivery {
	margin-top: 0;	
}

 .order-delivery li {
	float: left;
	list-style: none;
		padding: 0 0 0 26vw !important;
    color: #555;
    border-radius: 6px;
    display: inline-block;
    margin: 5px 0 0;
    height: 46px !important;
    font-size: 3.8vw !important;
    width: 100%;
    box-sizing: border-box;
	line-height: 46px;
}

.order-delivery .delivery-1 {
		border: 1px solid #76a813;
    background: #eaffd7 url(/defaultShop/images/parts/price_selecttime.png) left center no-repeat;
    background-size: 50px;
    margin-right: 8px !important;
    line-height: 42px;
		background-position: 11.5vw;
}

.order-delivery .delivery-2 {
	border: 1px solid #f17d00;
    background: #fff4cd url(/defaultShop/images/parts/price_selectday.png) left center no-repeat;
    background-size: 70px;
    line-height: 28px;
    height: 45px !important;
    margin-top: 8px !important;
		background-position: 5vw;
}

.order-delivery .delivery-2 span {
	display: block;
  font-weight: normal;
font-size: 3vw;
    padding-top: 2px !important;
    line-height: 0.1;
}

.buybutton-temp {
margin-left: 0;
}

.buybutton-temp a,
.listbutton a {
/*
font-family: YakuHanJPs, "Noto Sans JP", "メイリオ", sans-serif;
    display: block;
    background: #f51d12;
    border-radius: 300px;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    padding: 0;
    font-weight: bold;
    overflow: hidden;
    letter-spacing: -1px;
    box-sizing: border-box;
    transition: bottom .3s,background .3s,box-shadow .3s,border .3s;
    cursor: pointer !important;
*/

    margin: 30px auto;
    border: 1vw solid #fff;
    box-shadow: 0 1px 6px #aaa;
    width: 100%;
    height: 23vw;
    font-size: 5.5vw;
    line-height: 21vw;
}

.listbutton a {
font-size: 4.5vw;
    background: #117ce0;
    margin: -15px auto 30px;
    height: 17vw;
    line-height: 16vw !important;
    border: 2px solid #fff;
    }

/*
.buybutton-temp a:hover,
.buybutton-temp a:active {
	    background: #fff;
    color: #f51d12 !important;
    border-color: #f51d12;
    box-shadow: 0 0 2px #555;
}

.listbutton a:hover,
.listbutton a:active {
    background: #fff;
    color: #117ce0 !important;
    border-color: #117ce0;
    box-shadow: 0 0 2px #555;
}
*/

.order-henpin-block {
   border: 1px solid #bbb;
   padding: 2% 2.5%;
	 font-size: 3.6vw !important;
   line-height: 1.5 !important;
   margin: 0;
}

.order-sns {
    display: none;
    width: 48vw;
    margin: 20px auto 30px;
}

.sns_tw {
    background: #1da1f2 url(/defaultShop/images/parts/sns_button_tw.png) center center no-repeat !important;
}

.sns_fb {
    background: #4267b2 url(/defaultShop/images/parts/sns_button_fb.png) center center no-repeat !important;
}

.sns_li {
    background: #00b900 url(/defaultShop/images/parts/sns_button_li.png) center center no-repeat !important;
    display: inline-block !important;
}

.order-sns .sns_fb, .order-sns .sns_tw, .sns_li {
	display: inline-block;
    width: 12vw;
    height: 12vw;
    border-radius: 2vw;
    text-decoration: none;
    margin: 0 2vw;
    background-size: 12vw !important;
    border: none;
    box-shadow: 0 2px 2px #ccc;
}

.order-sns a {
	transition: opacity .3s;
	text-decoration: none;
}

.order-sns a:hover,
.order-sns a:active {
	opacity: 0.8;
}

.order-sns .sns_li {
	display: block;
}

.first-price .order-sns {
	display: none;
	margin: 15px auto 20px;
}


/* 2020.08追加 カテゴリ/ジャンルメニュー用 */

#warp_footertop .navicatetitle, #warp_footertop .cateboxtitle {
    font-size: 4.2vw !important;
    line-height: 1;
    padding: 0 0 1.8vw;
}

.foot_navi {
	margin: 0;
}

#foot_catelink .catebox > ul > li:nth-child(1),
#foot_catelink .catebox > ul > li:nth-child(2),
#foot_catelink .catebox > ul > li:nth-child(3) {
	margin-bottom: 0.6vw !important;
}

.foot_navi li a {
	line-height: 50px;
	font-size: 100% !important;
}

.foot_navi, #foot_catelink {
    padding: 0;
}

.foot_navi li a, #foot_catelink .catebox li.topcate a, .footer-navi-cat li a, .footer-navi-genre li a, .link-media a {
    background: #fff;
    color: #1D3994 !important;
    text-decoration: underline;
    display: block;
    width: 100%;
    position: relative;
    letter-spacing: 0.1vw;
    padding: 0 4vw;
    box-sizing: border-box;
    font-size: 100%;
    font-weight: bold;
}

 #foot_catelink .catebox li.topcate a {
	 line-height: 50px;
	 font-size: 88% !important;
 }

#foot_catelink .accordion > li:nth-child(1) > a, #foot_catelink .accordion > li:nth-child(2) > a, #foot_catelink .accordion > li:nth-child(3) > a, .footer-navi-genre.accordion > li:nth-child(1) > a, .footer-navi-genre.accordion > li:nth-child(2) > a, .footer-navi-genre.accordion > li:nth-child(3) > a {
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: initial;
    text-decoration-color: initial;
}

.foot_navi li a, #foot_catelink li a, .footer-navi-cat li a, .footer-navi-genre li a, .link-media a {
    background: #fff;
    color: #1D3994 !important;
    text-decoration: underline;
    text-decoration-line: underline;
    text-decoration-style: initial;
    text-decoration-color: initial;
    display: block;
    width: 100%;
    position: relative;
    letter-spacing: 0.1vw;
    padding: 0 4vw !important;
    box-sizing: border-box;
    font-size: 100%;
    font-weight: bold;
}

	#foot_catelink .catebox li:nth-child(1) ul li a,
	#foot_catelink .catebox li:nth-child(2) ul li a,
	#foot_catelink .catebox li:nth-child(3) ul li a,
	.footer-navi-genre li:nth-child(1) ul li a,
	.footer-navi-genre li:nth-child(2) ul li a,
	.footer-navi-genre li:nth-child(3) ul li a {
		color: #222 !important;
		border-radius: 0;
		line-height: 5vw !important;
		height: 8vw;
		font-size: 3.15vw !important;
		padding: 0 8vw !important;
		overflow: hidden;
	}

	#foot_catelink .catebox li ul li:nth-child(2n) a,
	.footer-navi-genre li ul li:nth-child(2n) a {
		padding: 0 0 0 0 !important;		
	}

	#foot_catelink .catebox li ul li:nth-child(2n-1) a,
	.footer-navi-genre li ul li:nth-child(2n-1) a {
		padding: 0 0 0 6vw !important;		
	}

#foot_catelink .catebox li:nth-child(1), #foot_catelink .catebox li:nth-child(2), #foot_catelink .catebox li:nth-child(3), .footer-navi-genre li:nth-child(1), .footer-navi-genre li:nth-child(2), .footer-navi-genre li:nth-child(3) {
    margin-bottom: 0.65vw;
}

#footer2 #fnavi {
    width: 92%;
    margin-top: 2vw;
    font-size: 3.5vw !important;
    line-height: 1.6 !important;
    text-align: center;
}

#footer2 #fnavi a {
    display: inline-block;
}







}/* Media Query for SmartPhone */


@media screen and (min-width: 768px) {

.topimage h1 {
	background: none !important;
}
	
} /* @ media query */


/* CSS HACK for IE9 */

@media screen and (min-width: 0\0) and (min-resolution: .001dpcm) {

.tracklist ol li, .tracklist ul li {
	background: #f5f5f5 !important;
}

} /* @ media query */


/* for Print */

@media print{

.accordion-block div div {
	display: block !important;
}

.accordion-block a::after {
	display: none !important;
}

.tracklist, .hidden {
	height: auto !important;
	}

.tracklist[data-readmore],
.hidden[data-readmore] {
	overflow: auto !important;
}

.open-link, .hidden-link {
	display: none !important;
}

.order-fixed2 {
	display: none !important;
}

} /* @ media print */


/*=== ギフトHTML用 2020.06 ===*/

.detailetmpl {
width: 100%;
}

.gift-text-block {
width: 100%;
margin: 60px auto;
box-sizing: border-box;
padding: 0;
}

.bg-red {background: #ffa9a9}
.bg-orange {background: #ffc230}
.bg-lime {background: #dfdf00}
.bg-green {background: #bee36c}
.bg-aqua {background: #a0eee3}
.bg-blue {background: #8fdaff}
.bg-purple {background: #dbc3f7}
.bg-pink {background: #ffcee0}
.bg-gold {background: #dbc367}
.bg-grey {background: #e6e6e6}
.bg-black {background: #222}

.gift-text-block-inside {
max-width: 1000px;
margin: 0 auto;
position: relative;
}

.gift-text-title-icon {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff !important;
font-family: "Noto Serif JP", serif;
    font-size: 40px !important;
font-weight: bold;
    height: auto;
    padding: 15px 0 20px;
    text-shadow: 0 2px 0 #555;
    background: #e08499;
    background: url(/defaultShop/images/gift/sample.jpg) center center no-repeat;
    background-size: 100%;
}

.gift-text-title-icon br {
display: none;
}

.gift-text-title-icon img {
		width: 100px;
    margin: -8px 0 -3px;
}

.gift-text-column {
padding: 40px 0;
display: flex;
justify-content: space-between;
}

.gift-text-item {
width: 46%;
}

.gift-text-item img {
max-width: 100%;
box-sizing: border-box;
box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.bg-black .gift-text-item img {
box-shadow: 0 0 8px #fff;
}

.gift-text-detail {
width: 50%;
}

.gift-text-detail p {
font-size: 18px !important
}

.gift-text-detail p {
	color: #222 !important;
}

.bg-black .gift-text-detail p {
	color: #ccc !important;
}


.gift-text-detail .gift-text-title-sub {
padding: 0;
font-family: "Noto Sans JP", sans-serif;
font-size: 48px !important;
font-weight: 700;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
line-height: 1.2;
border: 1px solid #222;
padding: 12px 15px;
margin: 0 0 25px;
background: #fff;
box-shadow: 6px 6px 0 rgba(0,0,0,0.6);
border-color: rgba(0,0,0,0.6);
}

.bg-black .gift-text-detail .gift-text-title-sub {
color: #EA3363 !important;
border: 1px solid #222;
box-shadow: 6px 6px 0 rgba(255,255,255,0.8);
}

.gift-text-detail .gift-text-title-sub span {
font-size: 34px !important;
padding: 0 2px;
}

.gift-text-detail .gift-text-caption {
font-family: "Noto Sans JP",sans-serif;
font-size: 28px !important;
line-height: 1.2;
letter-spacing: -1px;
font-weight: 700;
margin-bottom: 15px;
}

.bg-black .gift-text-detail .gift-text-caption {
color: #fff !important;
}

.gift-text-detail .detail {
font-size: 13px !important;
line-height: 1.4;
color: rgba(0,0,0,0.5) !important;
border: 1px solid #000;
display: inline-block;
border-color: rgba(0,0,0,0.2);
padding: 4px 6px;
margin: 20px 0;
max-width: 80%;
}

.bg-black .gift-text-detail .detail {
    color: rgba(255,255,255,0.4) !important;
    border-color: rgba(255,255,255,0.4);
}

.gift-text-detail .gift-text-limit {
display: flex;
background: #fff;
padding: 10px 10px;
border-radius: 500px;
font-family: "Noto Sans JP",sans-serif;
font-size: 40px !important;
font-weight: 700;
color: #d90202 !important;
justify-content: center;
align-items: center;
line-height: 1;
}

.bg-black .gift-text-detail .gift-text-limit {
color: #d90202 !important;
}

.gift-text-detail .gift-text-limit-sub {
font-size: 15px !important;
line-height: 1.2;
font-weight: 500;
padding-right: 10px;
}

.gift-text-detail .gift-text-limit-date span {
font-size: 22px !important;
color: #222 !important;
padding: 0 2px;
}


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

.order-wrap {
width: 94% !important;
}

.gift-text-column {
    padding: 8vw 5vw 6vw;
    display: block;
}

.gift-text-item {
    width: 84%;
    margin: 0 auto 0vw;
    z-index: 1000;
}

.gift-text-block {
    margin: 8vw auto !important;
}

.gift-text-title-icon {
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 3.5vw 0 2.5vw;
    border: none;
    height: auto;
font-family: sans-serif;
font-weight: bold;
    font-size: 2.6rem !important;
letter-spacing: 0 !important;
    line-height: 1.2 !important;
    background-size: 125%;
}

.gift-text-title-icon br {
display: block;
}

.gift-text-title-icon img {
    width: 22vw;
    margin: -3vw 0 0vw;
}

.gift-text-detail {
    width: 100%;
    z-index: 10;
    margin-top: -4vw;
}

.gift-text-detail .gift-text-title-sub {
    box-sizing: border-box;
    width: 98%;
    box-shadow: 2vw 2vw 0 rgba(0,0,0,0.6);
    font-size: 7.5vw !important;
    padding: 7vw 2.5vw 3vw;
    margin: 0 0 6vw;
}

.gift-text-detail .gift-text-title-sub span {
    font-size: 5.5vw !important;
    padding: 0px 1vw;
}

.gift-text-detail .gift-text-caption {
    font-size: 5.5vw !important;
    line-height: 1.4;
    margin-bottom: 2vw;
}

.gift-text-detail p {
    font-size: 4vw !important;
    line-height: 1.4;
}

.gift-text-detail .detail {
    font-size: 3vw !important;
    padding: 2vw;
    margin: 3vw 0 4vw;
    max-width: 100%;
}

.gift-text-detail .gift-text-limit {
    display: block;
    padding: 3vw 0px;
		width: 102%;
    margin-left: -1%;
}

.gift-text-detail .gift-text-limit-sub {
    font-size: 4vw !important;
    padding: 0 0 5px;
    display: block;
    text-align: center;
}

.gift-text-detail .gift-text-limit-sub br {
	display: none;
}

.gift-text-detail .gift-text-limit {
    font-size: 8.4vw !important;
    text-align: center;
}

.gift-text-detail .gift-text-limit-date span {
    font-size: 4.5vw !important;
    padding: 0;
}


}/*media query */

.block-no-stock--message div{
    color: #fff;
}