
@charset "utf-8";
/*---------------------------------------------
 reset
---------------------------------------------*/

body,
header,
footer,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
figure,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
 margin: 0;
 padding: 0;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
fieldset,
img {
 border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
 font-style: normal;
 font-weight: normal;
}
ol,
ul {
 list-style: none;
}
caption,
th {
 text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-size: 100%;
 font-weight: normal;
}
q:before,
q:after {
 content: '';
}
abbr,
acronym {
 border: 0;
 font-variant: normal;
}
sup {
 vertical-align: text-top;
}
sub {
 vertical-align: text-bottom;
}
input,
textarea,
select {
 font-family: inherit;
 font-size: inherit;
 font-weight: inherit;
}
input,
textarea,
select {
*font-size:100%;
}
legend {
 color: #000;
}
li {
 list-style: none;
}
img {
 border: none;
 background: transparent;
 vertical-align: bottom;
}

a img,
a:hover img,
a:active img {
 border: none;
 background: transparent;
}
li {
 list-style: none;
}
img {
 border: none;
 background: transparent;
 vertical-align: bottom;
}

/*---------------------------------------------
 custom
---------------------------------------------*/
html,
body {
	color: #3c3c3c;
	height: 100%;
	font-family:"Montserrat","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic", Osaka, Verdana, sans-serif;
	font-size:16px;
	line-height: 1.5;
	word-break: break-all;
}
a {
	color: #666;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-tap-highlight-color: transparent;
}
a:hover,
a:active { color: #ed6f00; }
a:focus { outline: 0; }
input {
	-webkit-tap-highlight-color: transparent;
}
input:focus {
	outline: 0;
}
* {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}
@charset "utf-8";
/*---------------------------------------------
 wrap
---------------------------------------------*/
body.fixed {
	overflow: hidden;
}
#wrap{ position: relative; height: auto !important; height: 100%; min-height: 100%;}
body.fixed #wrap{
	position: fixed;
	left: 0;
	width: 100%;
}
@media screen and (min-width: 768px) {
#wrap {
	min-width: 1100px;
}
}

/*---------------------------------------------
 header
---------------------------------------------*/
header {
	background-color: #fff;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
}
header .searchBlock form {
	display: flex;
	width: 100%;
}
header .searchBlock form .selectScope {
	width: 120px;
	position: relative;
}
header .searchBlock form .selectScope:after {
	background: url(/files/commonfiles/images/icn_search_down.png) no-repeat 0 0 / 9px auto;
	content: "";
	display: block;
	width: 9px;
	height: 5px;
	position: absolute;
	right: 9px;
	top: 18px;
	z-index: 2;
}
header .searchBlock form .selectScope .choiced {
	background-color: #e8eaeb;
	border: 2px solid #e8eaeb;
	border-radius: 40px 0 0 40px;
	display: flex;
	align-items: center;
	font-size: 12px;
	letter-spacing: -0.05em;
	padding-left: 15px;
	width: 120px;
	height: 40px;
	position: relative;
	z-index: 1;
}
header .searchBlock form .selectScope .scope {
	background-color: #f5f7f7;
	border: 2px solid #e8eaeb;
	border-radius: 20px 0 20px 20px;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 120px;
	z-index: 3;
	transition: all 0.3s ease;
}
header .searchBlock form .selectScope .scope.show {
	opacity: 1;
	pointer-events: auto;
}
header .searchBlock form .selectScope .scope a {
	display: flex;
	align-items: center;
	height: 36px;
	padding: 0 15px;
	font-size: 12px;
	letter-spacing: -0.05em;
}
header .searchBlock form .formWrap {
	background-color: #fff;
	border: 2px solid #e8eaeb;
	border-left: none;
	border-radius: 0 40px 40px 0;
	display: flex;
	align-items: center;
	flex: 1;
	padding: 4px 6px;
}
header .searchBlock form .formWrap input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	font-size: 12px;
	flex: 1;
	height: auto;
	margin: 0;
}
header .searchBlock form .formWrap input[type=text]:focus {
	outline: 0;
}
header .searchBlock form .formWrap input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #e8eaeb url(/files/commonfiles/images/icn_search.png) no-repeat center center / 15px auto;
	border: none;
	border-radius: 28px;
	cursor: pointer;
	width: 28px;
	height: 28px;
	margin-left: 6px;
}
header .inner .headLink {
	display: flex;
}
header .inner .headLink a {
	display: inline-block;
	text-align: center;
	margin-left: 30px;
	position: relative;
}
header .inner .headLink a:first-child {
	margin-left: 100px;
}
header .inner .welcome+.headLink a:first-child {
	margin-left: 30px;
}
header .inner .headLink a span {
	font-size: 10px;
	margin-top: 10px;
}
header .inner .headLink a .badge {
	background-color: #f98d28;
	border-radius: 24px;
	color: #fff;
	display: flex;
/*	display: none; */
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-style: normal;
	width: 24px;
	height: 24px;
	position: absolute;
	right: -10px;
	top: -10px;
}


@media screen and (min-width: 768px) {

header.logoOnly,
header.bdr {
	border-bottom: 2px solid #e8eaeb;
}
header .inner {
	display: flex;
	align-items: flex-start;
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 15px;
	position: relative;
	z-index: 1;
}
header .inner .logo {
	width: 150px;
}
header .inner .logo a:hover {
	opacity: .7;
}
header .inner .logo img {
	width: 100%;
	height: auto;
}
header .inner .searchBlock {
	flex: 1;
	margin-left: 29px;
	padding-top: 4px;
}
header .searchBlock form .formWrap input[type=submit] {
	transition: all 0.3s ease;
}
header .searchBlock form .formWrap input[type=submit]:hover {
	opacity: .7;
}
header .menuBtn {
	display: none;
}
header .inner .welcome {
	margin-left: 20px;
}
header .inner .welcome .txt {
	font-size: 12px;
}
header .inner .welcome div {
	font-size: 14px;
	font-weight: bold;
}
header .inner .welcome .name {
	display: inline-block;
	width: 5em;
	overflow: hidden;
	vertical-align: middle;
}
header .inner .welcome .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
header .inner .headLink .first img,
header .inner .headLink .login img {
	width: 16px;
	height: auto;
}
header .inner .headLink .mypage img {
	width: 20px;
	height: auto;
}
header .inner .headLink .guide img {
	width: 23px;
	height: auto;
}
header .inner .headLink .cart img {
	width: 19px;
	height: auto;
}
header .searchBlock form .selectScope .scope a {
	transition: all 0.3s ease;
}
header .searchBlock form .selectScope .scope a:hover {
	background-color: #e8eaeb;
	color: #3c3c3c;
}
#gnavSP {
	display: none !important;
}
#gnavPC {
	background-color: #fff;
	border-bottom: 2px solid #e8eaeb;
	width: 100%;
	position: fixed;
	top: 86px;
	left: 0;
	z-index: 98;
	transition: all 0.3s ease;
}
#gnavPC.hide {
	top: -141px;
}
.reverse #gnavPC {
	position: fixed;
}
#gnavPC > ul {
	width: 980px;
	display: flex;
	margin: 0 auto;
}
#gnavPC > ul > li {
	width: 250%;
	margin-bottom: -2px;
}
#gnavPC > ul > li > .title {
	border-bottom: 2px solid #e8eaeb;
	color: #3c3c3c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	width: 100%;
	height: 49px;
}
#ctgry #gnavPC > ul > li:nth-of-type(4) > .title,
#catalog #gnavPC > ul > li:nth-of-type(3) > .title,
#shop #gnavPC > ul > li:nth-of-type(2) > .title,
#tv #gnavPC > ul > li:nth-of-type(1) > .title,
#gnavPC > ul > li > .title.opened,
#gnavPC > ul > li > .title:hover {
	border-color: #f98d28;
}
#gnavPC > ul > li > .title span {
	background: url(/files/commonfiles/images/icn_mega_down.png) no-repeat right center;
	display: inline-block;
	padding-right: 25px;
}
#gnavPC > ul > li > .title.opened span {
	background-image: url(/files/commonfiles/images/icn_mega_up.png);
}
#gnavPC > ul > li .megaDrop {
	background-color: #e8eaeb;
	display: none;
	width: 100%;
	max-height: calc(100vh - 140px);
	overflow-y: auto;
	padding: 40px 0 50px;
	position: absolute;
	left: 0;
	top: calc(100% + 1px);
	z-index: 1;
}
#gnavPC > ul > li .megaDrop.show {
	display: block;
}
#gnavPC > ul > li > .title.opened + .megaDrop {
	z-index: 2;
}
#gnavPC > ul > li .megaDrop .imgLink {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 980px;
}
#gnavPC > ul > li .megaDrop .imgLink .col {
	display: block;
	width: 220px;
	margin-right: 33px;
}
#gnavPC > ul > li .megaDrop .imgLink .col:nth-of-type(4n) {
	margin-right: 0;
}
#gnavPC > ul > li .megaDrop .imgLink .col:nth-of-type(n+5) {
	margin-top: 40px;
}
#gnavPC > ul > li .megaDrop .imgLink .col img {
	margin-bottom: 16px;
	transition: all 0.3s ease;
}
#gnavPC > ul > li .megaDrop .imgLink .col:hover img {
	opacity: .7;
}
#gnavPC > ul > li .megaDrop .btnWrapper {
	margin-top: 40px;
	text-align: center;
}
#gnavPC > ul > li .megaDrop .btnWrapper a {
	background-color: #fff;
	border: 2px solid #848a92;
	border-radius: 30px;
	display: inline-block;
	line-height: 56px;
	padding: 0 36px;
	transition: all 0.3s ease;
}
#gnavPC > ul > li .megaDrop .btnWrapper a:hover {
	border-color: #f98d28;
	color: #f98d28;
}
#gnavPC > ul > li .megaDrop .btnWrapper a span {
	display: inline-block;
	position: relative;
	width: auto;
}
#gnavPC > ul > li .megaDrop .btnWrapper a span:after {
	background: url(/files/commonfiles/images/icn_mega_arrow.png) no-repeat 0 0;
	content: "";
	display: block;
	width: 8px;
	height: 16px;
	position: absolute;
	left: calc(100% + 8px);
	top: 50%;
	margin-top: -8px;
}
#gnavPC > ul > li .megaDrop .btnWrapper a:hover span:after {
	background-image: url(/files/commonfiles/images/icn_mega_arrow_hover.png);
}
#gnavPC > ul > li .megaDrop .categoryLink {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 980px;
}
#gnavPC > ul > li .megaDrop .categoryLink .col {
	display: block;
	width: 245px;
	padding: 0 5px;
	padding-bottom: 40px;
	border-bottom: 1px solid #dcdde0;
}
#gnavPC > ul > li .megaDrop .categoryLink .col:nth-of-type(4n) {
	padding-right: 0;
}
#gnavPC > ul > li .megaDrop .categoryLink .col:nth-of-type(n+5) {
	padding-top: 40px;
}
#gnavPC > ul > li .megaDrop .categoryLink .col:nth-last-child(-n+4) {
	border-bottom: none;
}
#gnavPC > ul > li .megaDrop .categoryLink .col .category {
	font-weight: bold;
	margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {

header .inner {
	background-color: #fff;
	border-bottom: 1px solid #e8eaeb;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	position: relative;
	z-index: 2;
}
header .inner .logo {
	width: 105px;
	padding: 6px 0;
}
header .inner .logo img {
	width: 100%;
	height: auto;
}
header .inner .searchBlock {
	display: none;
}
header .inner .headLink {
	padding-right: 55px;
}
header .inner .headLink a {
	margin-left: 20px !important;
}
header .inner .headLink .guide,
header .inner .headLink .first {
	display: none;
}
header .inner .headLink .login img {
	width: 12px;
	height: auto;
}
header .inner .headLink .mypage img {
	width: 18px;
	height: auto;
}
header .inner .headLink .cart img {
	width: 15px;
	height: auto;
}
header .inner .headLink a span {
	margin-top: 5px;
}
header .inner .headLink a .badge {
	width: 18px;
	height: 18px;
	right: -5px;
	top: -5px;
}
header .menuBtn {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}
header .menuBtn:after,
header .menuBtn:before,
header .menuBtn span {
	background-color: #684831;
	border-radius: 2px;
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.3s ease;
}
header .menuBtn:before {
	transform: translateY(-6px);
}
header .menuBtn:after {
	transform: translateY(6px);
}
header .menuBtn.opened span {
	opacity: 0;
	transform: translateX(50%);
}
header .menuBtn.opened:before {
	transform: rotate(-45deg);
}
header .menuBtn.opened:after {
	transform: rotate(45deg);
}
header .inner .welcome,
#gnavPC {
	display: none !important;
}
#gnavSP {
	background-color: #e8eaeb;
	padding-top: 68px;
	position: fixed;
	left: 0;
	top: -150vh;
	width: 100%;
	max-height: 100%;
	overflow-y: auto;
	z-index: 1;
	transition: all 0.3s ease;
}
#gnavSP.show {
	top: 0;
}
#gnavSP .welcome {
/*
	background-color: #3c3c3c;
*/
	background-color: #666;
	color: #fff;
	padding: 8px;
}
#gnavSP .welcome p,
#gnavSP .welcome div {
	display: inline-block;
	font-size: 18px;
}
#gnavSP .searchBlock {
/*
	background-color: #5c5753;
*/
	background-color: #8e8680;
	padding: 16px 8px;
}
#gnavSP .searchBlock .first {
	color: #fff;
	display: inline-block;
}
#gnavSP .searchBlock .first:before {
	background: url(/files/commonfiles/images/icn_first_sp.png) no-repeat 0 0 / 15px auto;
	content: "";
	display: inline-block;
	width: 15px;
	height: 17px;
	margin-right: 10px;
	vertical-align: middle;
}
#gnavSP .searchBlock .first:after {
	background: url(/files/commonfiles/images/icn_arrow_white_sp.png) no-repeat 0 0 / 7px auto;
	content: "";
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-left: 20px;
	vertical-align: middle;
}
#gnavSP .searchBlock form {
	margin-top: 16px;
}
header .searchBlock form .selectScope {
	width: 97px;
}
header .searchBlock form .selectScope:after {
	background: url(/files/commonfiles/images/icn_arrow_down_sp.png) no-repeat 0 0 / 12px auto;
	width: 12px;
	height: 7px;
	transition: all 0.3s ease;
}
header .searchBlock form .selectScope .choiced {
	border-width: 1px;
	padding: 0 26px 0 10px;
	width: 97px;
	height: 45px;
	overflow: hidden;
}
header .searchBlock form .selectScope .choiced span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
header .searchBlock form .selectScope .scope a {
	height: 43px;
	padding: 0 10px;
}
header .searchBlock form .formWrap input[type=text] {
	font-size: 11px;
}
#gnavSP > ul > li + li {
	border-top: 1px solid #e8eaeb;
}
#gnavSP > ul > li a {
	color: #666 !important;
}
#gnavSP > ul > li > a {
	background-color: #fff;
	display: block;
	padding: 10px 60px 10px 16px;
	position: relative;
}
#gnavSP > ul > li a.opened {
	font-weight: bold;
}
#gnavSP .menuToggle:after {
	background: #f5f7f7 url(/files/commonfiles/images/icn_arrow_down_sp.png) no-repeat center center / 12px auto;
	border-radius: 30px;
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}
#gnavSP .menuToggle.opened:after {
	background-image: url(/files/commonfiles/images/icn_arrow_up_sp.png);
}
#gnavSP > ul > li > ul > li > .menuToggle:after {
	background-color: #fff;
}
#gnavSP > ul > li ul {
	display: none;
}
#gnavSP > ul > li ul.show {
	display: block;
}
#gnavSP > ul > li > ul > li + li {
	border-top: 1px solid #fafcfc;
}
#gnavSP > ul > li > ul > li > a {
	background-color: #f5f7f7;
	display: block;
	padding: 10px 60px 10px 29px;
	position: relative;
}
#gnavSP > ul > li > ul > li > ul > li + li {
	border-top: 1px solid #ebeced;
}
#gnavSP > ul > li > ul > li > ul > li > a {
	background-color: #e3e5e6;
	display: block;
	padding: 10px 10px 10px 41px;
	position: relative;
}
#gnavSP .etcLink {
	background-color: #fff;
	margin-top: 4px;
	padding: 20px 15px;
}
#gnavSP .etcLink li + li {
	margin-top: 10px;
}
#gnavSP .etcLink a:after {
	background: url(/files/commonfiles/images/icn_gnav_arrow.png) no-repeat 0 0 / 7px auto;
	content: "";
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-left: 12px;
	vertical-align: middle;
}
#gnavSP .menuClose {
	padding: 16px 15px;
}
#gnavSP .menuClose a {
	background-color: #5c5753;
	border-radius: 40px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	width: 100%;
	height: 40px;
}


}

/*---------------------------------------------
 contents
---------------------------------------------*/
#contents {
	padding-top: 135px;
/*
	position: relative;
	z-index: 1;
*/
}
.logoOnly #contents {
	padding-top: 88px;
}
@media screen and (min-width: 768px) {
#contents .inner {
	width: 980px;
	margin: 0 auto;
}
#contents .mainArea .inner {
	width: 720px;
}
#contents .contentsWrapper {
	display: flex;
	justify-content: space-between;
	width: 1060px;
	margin: 40px auto 0;
	padding: 0 40px;
}
#contents .contentsWrapper .mainArea {
	width: 720px;
	order: 2;
}
#contents .contentsWrapper .sideNav {
	order: 1;
}

}
@media screen and (max-width: 767px) {
.logoOnly #contents,
#contents {
	padding-top: 69px;
}
#contents .inner {
	padding: 0 15px;
}
#contents .contentsWrapper {
	margin: 40px 0;
}
#contents .contentsWrapper .sideNav {
	border-top: 1px solid #f5f7f7;
	margin-top: 40px;
	padding-top: 40px;
}

}
/*---------------------------------------------
 footer
---------------------------------------------*/
footer {
	border-top: 1px solid #e8eaeb;
	padding-top: 40px;
}
footer.simple {
	border-top: none;
	padding-top: 0;
}
.topicPath + footer {
	margin-top: 30px;
}
footer .pageTop a {
	background: url(/files/commonfiles/images/btn_page_top.png) no-repeat 0 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
}
footer .footNav {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin: 0 auto;
	width: 980px;
}
footer .footNav .col:last-of-type {
	width: 320px;
}
footer .footNav ul + p {
	margin-top: 10px;
}
footer .footNav .title {
	font-weight: bold;
	margin-bottom: 25px;
}
footer .footNav p + .title,
footer .footNav ul + .title {
	margin-top: 50px;
}
footer .footNav .discList li {
	padding-left: 1em;
	text-indent: -1em;
}
footer .footNav ul li + li {
	margin-top: 10px;
}
footer .bgBox {
	background-color: #5c5753;
	margin-top: 60px;
	padding: 30px 20px;
}
footer .bgBox .footLink li a {
	color: #fff;
}
footer .bgBox .registration {
	color: #fff;
	font-size: 12px;
	text-align: center;
}
footer .bgBox  .footLink + .registration {
	margin-top: 55px;
}


@media screen and (min-width: 768px) {

footer .pageTop {
	position: fixed;
	right: 50px;
	bottom: 68px;
	width: 60px;
	height: 60px;
	z-index: 10;
	transition: all 0.3s ease;
}
footer .pageTop.hide {
	opacity: 0;
	pointer-events: none;
}
footer .pageTop a:hover {
	opacity: .7;
}
footer .bgBox {
	min-width: 1060px;
}
footer .bgBox .footLink {
	display: flex;
	justify-content: center;
	font-size: 14px;
}
footer .bgBox .footLink li + li {
	margin-left: 30px;
}
footer .bgBox .footLink li a:hover {
	color: #ed6f00;
}
footer .bgBox .copyright {
	color: #fff;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	margin: 25px auto 0;
	width: 980px;
}
footer .bgBox .copyright p:last-of-type {
	font-size: 10px;
}


}
@media screen and (max-width: 767px) {

.topicPath + footer,
footer {
	padding-top: 40px;
	position: relative;
}
footer .footNav {
	display: block;
	width: 100%;
}
footer .footNav .col {
	display: none;
}
footer .footNav .col:last-of-type {
	display: block;
	width: 100%;
	padding: 0 15px;
}
footer .footNav .title {
	margin-bottom: 20px;
}
footer .footNav .link {
	margin-top: 10px;
}
footer .footNav a:after {
	background: url(/files/commonfiles/images/icn_link_arrow_sp.png) no-repeat 0 0 / 5px auto;
	content: "";
	display: inline-block;
	width: 5px;
	height: 9px;
	margin-left: 8px;
	vertical-align: middle;
}
footer .bgBox {
	color: #fff;
	font-size: 12px;
	margin-top: 40px;
	position: relative;
}
footer .pageTop {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	top: 15px;
}
footer .pageTop a {
	background-size: 30px auto;
	width: 30px;
	height: 30px;
}
footer .bgBox .footLink li {
	display: inline-block;
	margin: 0 25px 25px 0;
}
footer .bgBox .footLink li a:after {
	background: url(/files/commonfiles/images/icn_arrow_white_sp.png) no-repeat 0 0 / 6px auto;
	content: "";
	display: inline-block;
	width: 6px;
	height: 12px;
	margin-left: 8px;
	vertical-align: middle;
}
footer .bgBox  .footLink + .registration {
	margin-top: 5px;
}
footer .bgBox .copyright {
	text-align: center;
}
footer .bgBox .copyright p {
	margin-top: 20px;
}


}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset "utf-8";

/* @import "/files/exfiles/slick/slick.css/"; */

/*---------------------------------------------
 generic  class
---------------------------------------------*/

.txtB { font-weight: bold; }
.txtN { font-weight: normal; }
.layoutC { text-align: center; }
.layoutL { text-align: left; }
.layoutR { text-align: right; }
/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb100 { margin-bottom: 100px !important; }
.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
/*---------------------------------------------
 base padding
---------------------------------------------*/
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }

/* font size */
.fz13 { font-size: 13px !important; }
.fz14 { font-size: 14px !important; }
.fz16 { font-size: 16px !important; }
.fz18 { font-size: 18px !important; }
.fz24 { font-size: 24px !important; }
.note { font-size: 14px; }

/* width */
.w10p { width: 10% !important; }
.w20p { width: 20% !important; }
.w25p { width: 25% !important; }
.w30p { width: 30% !important; }
.w40p { width: 40% !important; }
.w50p { width: 50% !important; }
.w60p { width: 60% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.w90p { width: 90% !important; }
.w100p { width: 100% !important; }

@media screen and (min-width: 768px) {
	.spOnly { display: none !important; }
	.anchorTarget {
		border: none;
		height: 0;
		margin: 0;
		padding: 0;
		padding-top: 140px;
		margin-top: -140px;
	}
	.sourceview{
		border: 1px solid #e8eaeb;
		padding: 16px;
		background-color: #f5f7f7;
		width: 980px;
		margin: 20px auto;
		max-height: 200px;
		overflow: auto;
		font-size: 14px;
	}
	.contentsWrapper .sourceview{
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.pcOnly { display: none !important; }
	.anchorTarget {
		border: none;
		height: 0;
		margin: 0;
		padding: 0;
		padding-top: 69px;
		margin-top: -69px;
	}
}
.comLabel {
	max-width: 980px;
	margin: 60px auto 0;
	margin-bottom: 10px;
}
.comLabel:first-child {
	margin-top: 0;
}
.comLabel span {
	border: 1px solid #000;
	display: inline-block;
	padding: 5px 10px;
	position: relative;
}
.comLabel span:after, .comLabel span:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.comLabel span:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.comLabel span:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 11px;
	margin-left: -11px;
}
#mask {
	background-color: rgba(0, 0, 0, .8);
	width: 100%;
	height: 100%;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	transition: all 0.3s;
}
#mask.show {
	opacity: 1;
}

/* title */
.h2Title {
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 30px;
}
.h2Title.narrowM {
	margin-bottom: 12px;
}
.h2Title .sub { font-size: 24px; }
.h2Title .date { font-size: 16px; }
.h3Title {
	font-size: 22px;
	margin: 50px 0 25px;
}
.txtTitle {
	width: 980px;
	margin: 0 auto;
	padding-top: 24px;
}
#contents .mainArea .txtTitle,
.mainArea .txtTitle {
	width: 100%;
	padding: 0;
}
.txtTitle h1 {
	font-size: 36px;
	line-height: 1.2;
}
.txtTitle .copy {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}

/* link */
.btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 2px solid #c4c8cc;
	border-radius: 60px;
	cursor: pointer;
	color: #3c3c3c;
	display: inline-block;
	padding: 6px 30px;
	position: relative;
	text-align: center;
	transition: all 0.3s ease;
}
.btn.orange {
	border-color: #f98d28;
	color: #f98d28;
}
.btnWrapper .bgBtn + .btn,
.btnWrapper .btn + .bgBtn,
.btnWrapper .bgBtn + .bgBtn,
.btnWrapper .btn + .btn {
	margin-left: 20px;
}
.btn.programLink {
	padding-left: 20px;
}
.btn:after {
	background: url(/files/commonfiles/images/icn_arrow_btn.png) no-repeat 0 0;
	content: "";
	display: block;
	width: 8px;
	height: 12px;
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -6px;
	transition: all 0.3s ease;
}
.btn.prev:after {
	background-image: url(/files/commonfiles/images/icn_arrow_btn_prev.png);
	right: auto;
	left: 14px;
}
.btn.close:after {
	background: url(/files/commonfiles/images/icn_close.png) no-repeat 0 0 / 10px auto;
	width: 10px;
	height: 10px;
	right: auto;
	left: 14px;
	margin-top: -5px;
}
.btn.noarrow:after {
	display: none;
}
.btn[target='_blank']:after {
	background: url(/files/commonfiles/images/icn_blank.png) no-repeat 0 0 / 14px auto;
	width: 14px;
	height: 14px;
	right: 10px;
	margin-top: -7px;
}
.underline {
	text-decoration: underline;
}
a.underline:hover {
	text-decoration: none;
}
.anchorIcon:after {
	background: url(/files/commonfiles/images/icn_link_arrow_down.png) no-repeat 0 0 / 12px auto;
	content: "";
	display: inline-block;
	width: 12px;
	height: 7px;
	margin-left: 10px;
	vertical-align: middle;
	transition: all 0.3s ease;
}
.external:after {
	background: url(/files/commonfiles/images/icn_blank.png) no-repeat 0 0 / 14px auto;
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 8px;
	transition: all 0.3s ease;
}
.return:after {
	background: url(/files/commonfiles/images/icn_return.png) no-repeat 0 0 / 13px auto;
	content: "";
	display: inline-block;
	width: 13px;
	height: 12px;
	margin-left: 8px;
	transition: all 0.3s ease;
}


/* tile link */
.items {
	display: flex;
}
.itemList .items {
	flex-wrap: wrap;
}
.ranking .items {
	padding-top: 67px;
}
.items .item {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	color: #3c3c3c !important;
	display: block;
	padding-bottom: 15px;
	position: relative;
	width: 220px;
}
.itemList .items .item {
	margin-right: 30px;
}
.itemList .items .item:nth-of-type(4n) {
	margin-right: 0;
}
.mainArea .itemList .items .item:nth-of-type(4n) {
	margin-right: 30px;
}
.mainArea .itemList .items .item:nth-of-type(3n) {
	margin-right: 0;
}
.mainArea .itemList .items .item:nth-of-type(n+4),
.itemList .items .item:nth-of-type(n+5) {
	margin-top: 30px;
}
.itemSlider .items .item + .item {
	margin-left: 15px;
}
.itemList .items .item .priceSale {
	color: #c00;
	font-weight: bold;
	font-size: 1.6em;
	margin-top: 0;
}
.items .item img {
	border-radius: 10px 10px 0 0;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
}
.item .itemName {
	font-size: 18px;
}
.items .item .itemName {
	padding: 0 10px;
}
.item .flag {
	margin-top: 5px;
	padding: 0 10px;
}
.flag .tag {
	border: 1px solid #ed6f00;
	border-radius: 10px;
	color: #ed6f00;
	font-style: normal;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	margin-right: 8px;
	padding: 3px 14px;
}
.itemInfoTop .itemImg .recommend,
.itemInfoTop .itemImg .campaign,
.item .flag .recommend,
.item .flag .campaign {
	background: url(/files/commonfiles/images/lbl_campaign.png) no-repeat 0 0 / 80px auto;
	border-radius: 10px 0 0 0;
	display: block;
	width: 80px;
	height: 81px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
        background-clip: padding-box;
}
.itemInfoTop .itemImg .recommend,
.item .flag .recommend {
	background-image: url(/files/commonfiles/images/lbl_recommend.png);
}
.item .info {
	color: #666 !important;
	font-size: 13px;
	line-height: 1.5;
	overflow: hidden;
	position: relative;
	margin: 10px auto 0 10px;
	width: 15em;
	height: 3em;
}
.item .info:after {
	background-color: #fff;
	content: "…";
	line-height: 1.5;
	width: 1em;
	height: 1.5em;
	position: absolute;
	right: 0;
	bottom: 0;
}
.price,
.noPrice {
	font-size: 18px;
}
.items .item .price {
	margin-top: 10px;
	padding: 0 10px;
}
.price .tax {
	font-size: 12px;
}
.price .yen {
	font-size: 16px;
}
.ranking .items .item .label {
	width: 22px;
	height: 52px;
	position: absolute;
	bottom: calc(100% + 14px);
	left: 50%;
	margin-left: -11;
}
.ranking .items .item .label img {
	width: 100%;
	height: auto;
}
.items .item .secLabel {
	color: #999 !important;
	font-size: 13px;
	margin-top: 10px;
	padding: 0 10px;
}
.items .item .notice {
	color: #c00 !important;
	font-size: 14px;
	margin-top: 10px;
	padding: 0 10px;
}

/* slider */
.itemSlider {
	width: 1060px;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0 10px 40px;
	position: relative;
}
.mainArea .itemSlider {
	width: 800px;
	margin: 0 -40px;
}
.itemSlider.ranking {
	padding-top: 0;
}
.itemSlider.ranking.hide {
	display: none;
}
.itemSlider:after,
.itemSlider:before {
	background-color: #fff;
	content: "";
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
}
.itemSlider:before {
	width: 30px;
	left: 0;
}
.itemSlider:after {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	right: 0;
}
.itemSlider .next,
.itemSlider .prev {
	background: url(/files/commonfiles/images/icn_slider_prev.png) no-repeat 0 0;
	display: block;
	width: 50px;
	height: 50px;
	opacity: .6;
	position: absolute;
	top: 85px;
	z-index: 3;
}
.itemSlider.ranking .next,
.itemSlider.ranking .prev {
	top: 152px;
}
.program .itemSlider .next,
.program .itemSlider .prev {
	top: 170px;
}
.itemSlider .prev {
	left: 15px;
}
.itemSlider .next {
	background-image: url(/files/commonfiles/images/icn_slider_next.png);
	right: 15px;
}
.itemSlider .next.hide,
.itemSlider .prev.hide {
	opacity: 0;
	pointer-events: none;
}
.itemSlider .slider {
	display: flex;
	opacity: 0;
	position: relative;
	transition: all 0.5s ease;
	width: auto;
	z-index: 1;
}
.itemSlider .slider .dayBox + .dayBox {
	margin-left: 15px;
}
.itemSlider .slider .dayBox .day {
	border-bottom: 1px solid #e8eaeb;
	color: #3c3c3c;
	margin-bottom: 18px;
	padding: 30px 0 10px 6px;
}
.itemSlider .slider .dayBox .day:before {
	background: url(/files/commonfiles/images/icn_onair.png) no-repeat 0 0 / 28px auto;
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 28px;
	height: 26px;
	vertical-align: middle;
}

/* block */
.sepBlock {
	display: flex;
	flex-wrap: wrap;
}
.od1 {
	order: 1;
}
.od2 {
	order: 2;
}
.sepBlock.sep2 {
	justify-content: space-between;
}
.sepBlock.sep2 .col {
	width: calc((100% - 40px) / 2);
}
.sepBlock.sep2 .col:nth-child(n+3) {
	margin-top: 40px;
}
.sepBlock.sep3 .col {
	width: calc((100% - 80px) / 3);
	margin-right: 40px;
}
.sepBlock.sep3 .col:nth-child(3n) {
	margin-right: 0;
}
.sepBlock.sep3 .col:nth-child(n+4) {
	margin-top: 40px;
}
.sepBlock .col.sep3-1 {
	width: calc((100% - 80px) / 3);
	margin-right: 40px;
}
.sepBlock .col.sep3-2 {
	width: calc(((100% - 80px) / 3) * 2 + 40px);
	margin-right: 40px;
}
.imgTitleBox .col {
	background-color: #fff;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	border-radius: 10px;
	overflow: hidden;
}
.imgTitleBox .col .body {
	padding: 25px 20px;
}
.imgTitleBox .col .body > p {
	color: #666;
	font-size: 13px;
}
.imgTitleBox .col .body .item {
	display: flex;
	align-items: flex-start;
	margin-top: 20px;
}
.imgTitleBox .col .body .btnWrapper {
	margin-top: 15px;
	text-align: center;
}
.imgTitleBox .col h3 img {
        width: 470px;
        height: 120px;
}
.fBox {
	display: flex;
	align-items: center;
}
.fBox .col{
	margin-right: 40px;
}
.fBox.jcBetween {
	justify-content: space-between;
}
.flx1 {
	flex: 1;
}
.bdrFrame {
	border: 1px solid #e8eaeb;
	padding: 16px;
}
.bdrFrame.error {
	border-color: #cc0000;
	color: #cc0000;
	background-color: #fff;
}
.bdrFrame.warning {
	border-color: #ed6f00;
	color: #ed6f00;
	background-color: #faf8f5;
}
.bdrFrame.info {
	background-color: #f5f7f7;
}
.msgBdrFrame {
	border-color: #ed6f00;
	background-color: #faf8f5;
}


/* list */
.lineList {
	border-top: 1px solid #c4c8cc;
}
.lineList li {
	border-bottom: 1px solid #c4c8cc;
	padding: 23px 16px;
}

/* sideNav */
.sideNav {
	width: 220px;
}
.sideNav h2 {
	color: #333;
	font-size: 18px;
	margin-bottom: 20px;
}
.sideNav h2 img {
	vertical-align: middle;
}
.sideNav .airDate {
	margin-bottom: 55px;
}
.sideNav .calender {
	border: 1px solid #e8eaeb;
	border-radius: 10px;
	padding: 14px;
}
.sideNav .calender .calenderInner[data-month="lastMonth"] {
	display: none;
}
.sideNav .calender .month {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sideNav .calender .month a {
	display: block;
	width: 16px;
	height: 16px;
}
.sideNav .calender .month .prev { background: url(/files/commonfiles/images/icn_calender_prev.png) no-repeat center center; }
.sideNav .calender .month .next { background: url(/files/commonfiles/images/icn_calender_next.png) no-repeat center center; }
.sideNav .calender .calenderInner[data-month="lastMonth"] .month .prev,
.sideNav .calender .calenderInner[data-month="currentMonth"] .month .next {
	opacity: 0;
	pointer-events: none;
}
.sideNav .calender .month p {
	font-size: 14px;
	font-weight: bold;
}
.sideNav .calender .week {
	color: #666;
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	margin-top: 20px;
}
.sideNav .calender .day li,
.sideNav .calender .week li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin-right: 13px;
	position: relative;
}
.sideNav .calender .day li:nth-of-type(7n),
.sideNav .calender .week li:nth-of-type(7n) {
	margin-right: 0;
}
.sideNav .calender .day {
	color: #c4c8cc;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 13px;
}
.sideNav .calender .day li {
	margin-top: 8px;
}
.sideNav .calender .day li a {
	background-color: #fff;
	border-radius: 16px;
	color: #5b636d;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	position: relative;
	transition: background-color .3s;
}
.sideNav .calender .day li a:hover {
	color: #ed6f00;
}
.sideNav .calender .day li .cur {
	background-color: #f98d28;
	border-radius: 15px;
	color: #fff !important;
	width: 30px;
	height: 30px;
	margin: -7px;
}
.categoryBox {
	margin-bottom: 50px;
}
.categoryList > li h3 {
	display: block;
	font-size: 14px;
	padding: 10px 27px 10px 0;
	position: relative;
}
.categoryList > li > a {
	display: block;
	font-size: 14px;
	padding: 10px 27px 10px 0;
	position: relative;
}
.categoryList > li  a.cur,
.categoryList > li > a.opened {
	font-weight: bold;
}
.categoryList > li .menuToggle:after {
	background: #f5f7f7 url(/files/commonfiles/images/icn_arrow_down_sp.png) no-repeat center center / 12px auto;
	border-radius: 30px;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.categoryList > li .menuToggle.opened:after {
	background-image: url(/files/commonfiles/images/icn_arrow_up_sp.png);
}
.categoryList > li > ul {
	display: none;
}
.categoryList > li > ul.show {
	display: block;
}
.categoryList > li > ul > li {
	padding-left: 10px;
}
.categoryList > li > ul > li + li {
	margin-top: 4px;
}
.categoryList > li > ul > li > a {
	font-size: 13px;
}
.sideNav .sideBanner li + li {
	margin-top: 20px;
}
.sideNav .sideBanner img {
	width: 220px;
	height: auto;
}
.tweetBox {
	margin-bottom: 30px;
}
.tweetBox .timeline {
	border: 2px solid #e8eaeb;
	border-top: none;
	border-radius: 0 0 10px 10px;
	padding-bottom: 18px;
}
.tweetBox .followBtn {
	padding: 10px 18px 0;
	text-align: center;
}
.tweetBox .followBtn a {
	background-color: #00a0ec;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	width: 180px;
	padding: 8px;
	text-align: center;
}
.searchWord {
	margin-bottom: 35px;
}
.searchWord a {
	background-color: #f98d28;
	border-radius: 80px;
	color: #fff !important;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 3px 38px 4px 20px;
	position: relative;
}
.searchWord a + a {
	margin-top: 8px;
}
.searchWord a:after {
	background: url(/files/commonfiles/images/icn_close_white.png) no-repeat 0 0 / 22px auto;
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -11px;
}
.sideNav .checkboxList li {
	margin-top: 4px;
}
.sideNav h3 {
	line-height: 1.2;
}
.sideNav h3 .sub {
	font-size: 13px;
}
.sideNav * + h3 {
	margin-top: 30px;
}
.sideNav .checkboxWrap {
	font-size: 14px;
}
.sideNav h4 {
	font-size: 14px;
}
.sideNav * + h4 {
	margin-top: 10px;
}
.narrowBox {
	margin-bottom: 35px;
}
hr.genreTopLine {
	height: 1px;
	background-color: #f5f7f7;
	border: none;
	margin-bottom: 30px;
}
.genreBox {
	margin-bottom: 35px;
}
.genreBox > ul > li + li {
	margin-top: 20px;
}
.genreBox > ul > li {
	line-height: 1.2;
}
.genreBox .sub {
	font-size: 13px;
}
.genreBox > ul > li ul {
	font-size: 14px;
	margin-top: 20px;
}
.genreBox > ul > li ul li + li {
	margin-top: 10px;
}
.sideInquiryBlock {
	font-size: 14px;
}
.sideInquiryBlock .inqiuryBox {
	border: 1px solid #e8eaeb;
	font-size: 12px;
	letter-spacing: -0.02em;
	padding: 16px 9px;
	margin-top: 10px;
	text-align: center;
}
.sideInquiryBlock .inqiuryBox .mail,
.sideInquiryBlock .inqiuryBox .btnWrapper,
.sideInquiryBlock .inqiuryBox h3 {
	margin-bottom: 4px;
}
.sideInquiryBlock .inqiuryBox h3 img {
	vertical-align: middle;
}
.sideInquiryBlock .inqiuryBox .tel {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 4px;
}
.sideInquiryBlock .inqiuryBox .mail {
	font-weight: bold;
}
.sideInquiryBlock .faq {
	margin: 15px 0;
	padding: 0 10px;
	text-align: center;
}
.sideInquiryBlock .faq .btnWrapper {
	margin-top: 4px;
}
.sideInquiryBlock .faq .btn {
	width: 100%;
}


/* form */
.checkboxWrap {
	display: inline-block;
	margin-right: 16px;
	position: relative;
}
.checkboxWrap input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}
.checkboxWrap input[type=checkbox] + label {
	display: inline-block;
	padding-left: 27px;
	position: relative;
	text-indent: -27px;
	cursor: pointer;
}
.checkboxWrap input[type=checkbox] + label:before {
	background: url(/files/commonfiles/images/icn_checkbox.png) no-repeat 0 bottom / 21px auto;
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-right: 6px;
	vertical-align: middle;
}
.checkboxWrap input[type=checkbox]:checked + label:before {
	background-position: 0 0;
}
.confirmCheck:before {
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	vertical-align: middle;
	background: url(/files/commonfiles/images/icn_checkbox.png) no-repeat 0 bottom / 21px auto;
}
.confirmCheck.checked:before {
	background-position: 0 0;
}
.radioWrap {
	display: inline-block;
	position: relative;
}
.radioWrap + .radioWrap {
	margin-left: 24px;
}
.radioWrap input[type='radio'] {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.radioWrap input[type='radio'] + label {
	display: inline-block;
	padding-left: 30px;
	text-indent: -30px;
}
.radioWrap input[type='radio'] + label:before {
	background: url(/files/commonfiles/images/icn_radiobox.png) no-repeat 0 bottom / 18px auto;
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 12px;
	vertical-align: middle;
}
.radioWrap input[type='radio']:checked + label:before {
	background-position: 0 0;
}

/* banner */
.bnrArea {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 90px;
}
.bnrArea a {
	border-radius: 10px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	display: inline-block;
	width: 300px;
	height: 90px;
	overflow: hidden;
}
.bnrArea a + a {
	margin-left: 40px;
}
.bnrArea a img {
	width: 100%;
	height: auto;
}

/* inquiry */
.inquiryBlock {
	border: 1px solid #ebebeb;
	margin: 45px auto 0;
	padding: 40px 0;
	width: 980px;
}
.inquiryBlock .lead {
	font-size: 18px;
	text-align: center;
}
.inquiryBlock .inquiryBox {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}
.inquiryBlock .inquiryBox .col .counter {
	font-size: 24px;
}
.inquiryBlock .inquiryBox .col .counter .label {
	background-color: #e8eaeb;
	border-radius: 30px;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	margin-left: 10px;
	padding: 0 12px;
	vertical-align: middle;
}
.inquiryBlock .inquiryBox .col .telNum {
	font-size: 36px;
	font-weight: bold;
	position: relative;
}
.inquiryBlock .inquiryBox .col .telNum:before {
	background: url(/files/commonfiles/images/icn_tel.png) no-repeat 0 0 / 25px auto;
	content: "";
	display: block;
	width: 25px;
	height: 31px;
	position: absolute;
	right: calc(100% + 15px);
	top: 0;
	bottom: 0;
	margin: auto;
}
.inquiryBlock .inquiryBox .col .note {
	font-size: 16px;
}

/* attention */
.attention a {
	background-color: #e8eaeb;
	border-radius: 10px;
	color: #666;
	display: block;
	font-size: 18px;
	margin: 20px auto 50px;
	line-height: 60px;
	text-align: center;
	width: 980px;
}
.attention a:before {
	background: url(/files/commonfiles/images/icn_attention.png) no-repeat 0 0 / 23px auto;
	content: "";
	display: inline-block;
	width: 23px;
	height: 21px;
	margin-right: 15px;
	vertical-align: middle;
}

/* topic path */
.topicPath {
	color: #5b636d;
	font-size: 13px;
	width: 980px;
	margin: 50px auto 30px;
}
.shopWrapper .topicPath {
	background-color: rgba(0, 0, 0, .6);
	border-radius: 10px;
	margin-bottom: 0;
	width: 1060px;
	padding: 10px;
}
.topicPath.white a,
.topicPath.white {
	color: #fff;
}
.topicPath.white a:hover {
	color: #ed6f00;
}
.topicPath ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.topicPath ul span.home {
	background: url(/files/commonfiles/images/icn_home.png) no-repeat 0 center;
	display: inline-block;
	width: 15px;
	height: 14px;
	margin-right: 4px;
}
.topicPath.white ul span.home {
	background-image: url(/files/commonfiles/images/icn_home_white.png);
}
.topicPath ul li + li {
	background: url(/files/commonfiles/images/icn_arrow_topic_path.png) no-repeat 0 center;
	margin-left: 10px;
	padding-left: 16px;
}
.topicPath.white ul li + li {
	background-image: url(/files/commonfiles/images/icn_arrow_topic_path_white.png);
}

/* top page */
.mainSlider {
	overflow: hidden;
	padding: 24px 0 0;
	width: 100%;
	height: 308px;
}
.mainSlider .slider .slick-arrow {
	border: none;
	cursor: pointer;
	width: 50px;
	height: 50px;
	opacity: .6;
	outline: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 95px;
	transition: all 0.3s ease;
	-webkit-tap-highlight-color: transparent;
	z-index: 3;
}
.mainSlider .slider .slick-prev {
	background: url(/files/commonfiles/images/icn_slider_prev.png) no-repeat 0 0;
	right: 50%;
	margin-right: 275px;
}
.mainSlider .slider .slick-next {
	background: url(/files/commonfiles/images/icn_slider_next.png) no-repeat 0 0;
	left: 50%;
	margin-left: 275px;
}
.mainSlider .slider .slick-list {
	overflow: visible;
	z-index: 1;
}
.mainSlider .slider .slick-slide {
	padding: 0 9px;
}
.mainSlider .slider .slick-slide a {
	border-radius: 10px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	display: block;
	overflow: hidden;
}
.mainSlider .slider .slick-dots {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.mainSlider .slider .slick-dots li + li {
	margin-left: 10px;
}
.mainSlider .slider .slick-dots button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #dbd5cd;
	border: none;
	border-radius: 10px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
}
.mainSlider .slider .slick-dots button:focus {
	outline: 0;
}
.mainSlider .slider .slick-dots .slick-active button {
	background-color: #f98d28;
}
.notification {
	margin: 25px auto 0;
	width: 980px;
}
.notification a {
	border: 1px solid #e8eaeb;
	display: block;
	padding: 10px;
	text-align: center;
}
.notification a .date {
	display: inline-block;
	margin-right: 35px;
}
#tvOrderArea {
	border-bottom: 1px solid #f5f7f7;
	margin-top: 30px;
	padding-bottom: 20px;
}
#tvOrderArea .h2Title {
	max-width: 980px;
	margin: 0 auto 30px;
}
#tvOrderArea .program + .program {
	margin-top: 10px;
}
#tvOrderArea .program .programTitle {
	background-color: #f5f7f7;
}
.mainArea #tvOrderArea .program .programTitle {
	width: 800px;
}
#tvOrderArea .program .programTitle .inner {
	display: flex;
	align-items: center;
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}
#tvOrderArea .program .programTitle .inner .img {
	flex: 1;
	position: relative;
	z-index: 1;
}
#tvOrderArea .program .programTitle .inner .info {
	font-size: 14px;
	margin-right: 20px;
}
#tvOrderArea .program .programTitle .inner .programLink {
	margin-right: 45px;
	position: relative;
	z-index: 3;
}
.mainArea #tvOrderArea .program .programTitle .inner .programLink {
	margin-right: 0;
}
#tvOrderArea .program .programTitle .inner .programToggle {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
#tvOrderArea .program .programTitle .inner .programToggle:after {
	background: url(/files/commonfiles/images/icn_top_tv_up.png) no-repeat center center;
	content: "";
	display: block;
	width: 25px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}
#tvOrderArea .program .programTitle .inner .programToggle.closed:after {
	background-image: url(/files/commonfiles/images/icn_top_tv_down.png);
}
#tvOrderArea .program .itemSlider {
	padding-bottom: 35px;
}
#catalogArea {
	background-color: #f5f7f7;
	margin-top: 7px;
	padding: 40px 10px 55px;
}
#officialArea .inner > .btnWrapper,
#catalogArea .inner > .btnWrapper {
	margin-top: 30px;
	text-align: center;
}
#officialArea {
	background-color: #f9f1e8;
	padding: 50px 10px 40px;
}
#campaignArea {
	border-top: 1px solid #f5f7f7;
	padding-top: 50px;
}
#campaignArea .sepBlock.sep3 .col {
	width: 300px;
}
#campaignArea .cpLink {
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	border-radius: 10px;
	display: block;
	overflow: hidden;
}
#campaignArea .cpLink + p {
	color: #5b636d;
	margin-top: 20px;
}
.lineSection {
	border-top: 1px solid #f5f7f7;
	margin-top: 65px;
	padding-top: 50px;
}
.orderWrap .etcArea+.lineSection { margin-top: 120px; }
#newsArea .newsList {
	border: 1px solid #e8eaeb;
	overflow-y: auto;
	padding: 16px;
	height: 144px;
}
#newsArea .newsList li + li {
	margin-top: 20px;
}
#newsArea .newsList .date {
	display: inline-block;
	width: 140px;
}
.lineSection h2 {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/* tv tshuhan */
.catalogTitle,
.tvTopTitle {
	background-color: #f5f7f7;
}
.catalogTitle .inner,
.tvTopTitle .inner {
	display: flex;
	align-items: center;
	width: 980px;
	margin: 0 auto;
}
.catalogTitle .inner .info,
.tvTopTitle .inner .info {
	flex: 1;
}
.itemSearch {
	display: flex;
	max-width: 980px;
	margin: 25px auto 0;
}
.itemSearch .title {
	background-color: #e8eaeb;
	border-radius: 25px 0 0 25px;
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: bold;
	padding: 0 12px 0 18px;
}
.itemSearch form {
	background-color: #fff;
	border: 2px solid #e8eaeb;
	border-radius: 0 25px 25px 0;
	display: flex;
	flex: 1;
	padding: 9px;
}
.itemSearch form input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	flex: 1;
	height: auto;
	margin: 0;
}
.itemSearch form input[type=text]:focus {
	outline: 0;
}
.itemSearch form input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #e8eaeb url(/files/commonfiles/images/icn_search.png) no-repeat center center / 15px auto;
	border: none;
	border-radius: 28px;
	cursor: pointer;
	width: 28px;
	height: 28px;
	margin-left: 6px;
	transition: all 0.3s ease;
}
.airDayBlock + .airDayBlock {
	margin-top: 60px;
}
.pager {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}
.pager .disabled {
	opacity: .5;
	pointer-events: none;
}
.pager ul {
	display: flex;
	align-items: center;
	margin: 0 60px;
}
.pager ul li + li {
	margin-left: 14px;
}
.pager ul li span,
.pager ul li a {
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
}
.pager ul li span.current,
.pager ul li a:hover {
	background-color: #f6902d;
	color: #fff;
}

/* shop */
.newItemBox {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	display: flex;
	align-items: center;
}
.newItemBox .img {
	width: 340px;
}
.newItemBox .img img {
	border-radius: 10px 0 0 10px;
	width: 100%;
	height: auto;
}
.newItemBox .txtArea {
	color: #666;
	flex: 1;
	font-size: 13px;
	padding: 20px;
}
.newItemBox .txtArea .title {
	color: #000;
	font-size: 18px;
	margin-top: 10px;
}
.newItemBox .txtArea .txt {
	margin-top: 20px;
}
.ind1em {
	padding-left: 1em;
	text-indent: -1em;
}
.ind3em {
	padding-left: 3em;
	text-indent: -3em;
}
.ind1emList > li {
	padding-left: 1em;
	text-indent: -1em;
}
.ind15emList > li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.ind2emList > li {
	padding-left: 2em;
	text-indent: -2em;
}
.ind3emList > li {
	padding-left: 3em;
	text-indent: -3em;
}
.ind3emList > li > *,
.ind2emList > li > *,
.ind15emList > li > *,
.ind1emList > li > *,
.ind3em > *,
.ind1em > * {
	text-indent: 0;
}
.notice {
	color: #c00;
}
.shopLink {
	font-size: 18px;
	display: inline-block;
	margin-left: 20px;
}
.shopInfo dl {
	display: flex;
	align-items: flex-start;
	margin-top: 20px;
}
.shopInfo dl dt {
	width: 150px;
}
.shopInfo dl dd {
	flex: 1;
}
.shopAccess {
	display: flex;
	align-items: flex-start;
}
.shopAccess .map {
	width: 340px;
}
.shopAccess .map img {
	border: 1px solid #e8eaeb;
	width: 100%;
	height: auto;
}
.shopAccess .txt {
	color: #000;
	flex: 1;
	margin-left: 40px;
}
.shopAccess .txt p + p {
	margin-top: 30px;
}
.imgTitle {
	width: 100%;
}
.imgTitle h1 img {
	width: 100%;
	height: auto;
}
.topNews {
	padding: 20px 0 30px;
}
.topNews .inner {
	overflow: hidden;
}
.topNews .snsArea {
	float: right;
}
.snsArea ul {
	display: flex;
}
.snsArea ul li + li {
	margin-left: 10px;
}
.snsArea ul li .fb-share-button > span {
	vertical-align: top !important;
}
.topNews .newsList {
	font-size: 14px;
	margin-top: 20px;
}
.topNews .newsList li {
	padding-left: 155px;
	text-indent: -155px;
}
.topNews .newsList li > * {
	text-indent: 0;
}
.topNews .newsList li + li {
	margin-top: 10px;
}
.topNews .newsList li .date {
	color: #000;
	display: inline-block;
	width: 155px;
}
.shopWrapper {
	background: url(/pagefiles/pc/shop/bg_shop_bangumi.jpg) no-repeat center bottom / cover;
	padding: 35px 15px;
}
#contents .shopWrapper .contentsWrapper {
	background-color: #fff;
	border-radius: 10px;
	padding: 50px 40px 150px;
}
.sortBtnWrap {
	display: flex;
	justify-content: space-between;
}
.sortBtnWrap a {
	border: 3px solid #f98d28;
	border-radius: 50px;
	color: #f98d28;
	display: block;
	font-size: 18px;
	font-weight: bold;
	width: calc((100% - 72px ) / 3);
	padding: 8px;
	text-align: center;
}
.sortBtnWrap a.cur {
	background-color: #f98d28;
	color: #fff;
	pointer-events: none;
}
.hitNumWrap {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.sortBtnWrap + .hitNumWrap {
	margin-top: 40px;
}
.hitNumWrap .hit strong {
	font-size: 24px;
}
.hitNumWrap .display {
	color: #666;
}
.orderBox {
	display: flex;
	align-items: center;
	margin: 20px 0 30px;
}
.orderBox .title {
	font-size: 14px;
}
.orderBox .orderSelect {
	margin-left: 15px;
}
.orderBox .orderSelect .selectorWrapper .selector {
	display: flex;
}
.orderBox .orderSelect .selectorWrapper .selector a {
	background-color: #fff;
	border-radius: 30px;
	display: inline-block;
	line-height: 30px;
	padding: 0 12px;
}
.orderBox .orderSelect .selectorWrapper .selector a + a {
	margin-left: 5px;
}
.orderBox .orderSelect .selectorWrapper .selector .current {
	background-color: #f6902d;
	color: #fff;
	pointer-events: none;
}

/* item detail */
.itemInfoTop {
	margin-top: 16px;
}
.itemInfoTop .inner {
	display: flex;
	align-items: flex-start;
}
.itemInfoTop .itemImg {
	width: 460px;
	position: relative;
}
.itemInfoTop .itemImg .recommend,
.itemInfoTop .itemImg .campaign {
	border-radius: 0;
}
.itemInfoTop .itemImg img {
	width: 100%;
	height: auto;
}
.itemInfoTop .itemImg .imgBlock .img {
	position: relative;
	z-index: 1;
}
.itemInfoTop .itemImg .imgBlock a {
	display: block;
	position: relative;
}
.itemInfoTop .itemImg .imgBlock .zoom {
	background: #f5f7f7 url(/files/commonfiles/images/icn_zoom.png) no-repeat center center / 23px auto;
	border-radius: 45px;
	display: block;
	width: 45px;
	height: 45px;
	position: absolute;
	right: 1px;
	bottom: 1px;
}
.itemInfoTop .itemImg .imgBlock .info {
	font-size: 14px;
	margin-top: 15px;
}
.itemInfoTop .itemImg .thumbnail {
	margin-top: 20px;
}
.itemInfoTop .itemImg .thumbnail .slider:after {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	content: "";
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
	right: 0;
}
.itemInfoTop .itemImg .thumbnail .slick-slide {
	margin-right: 10px;
}
.itemInfoTop .itemImg .thumbnail .slick-slide a {
	display: block;
	width: 84px;
	height: 84px;
	position: relative;
}
.itemInfoTop .itemImg .thumbnail .slick-slide .cur:after {
	border: 4px solid #f98d28;
	box-sizing: border-box;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.itemInfoTop .itemImg .thumbnail .slick-arrow {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	width: 25px;
	height: 25px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease;
	z-index: 3;
}
.itemInfoTop .itemImg .thumbnail .slick-arrow:focus {
	outline: 0;
}
.itemInfoTop .itemImg .thumbnail .slick-prev {
	background: url(/files/commonfiles/images/icn_slider_prev.png) no-repeat 0 0 / 25px auto;
	left: -13px;
}
.itemInfoTop .itemImg .thumbnail .slick-next {
	background: url(/files/commonfiles/images/icn_slider_next.png) no-repeat 0 0 / 25px auto;
	right: -13px;
}
.itemInfoTop .itemImg .thumbnail .slick-disabled {
	opacity: 0;
	pointer-events: none;
}
.itemInfoTop .itemImg .snsArea {
	margin-top: 30px;
}
.itemInfoTop .rightArea {
	flex: 1;
	margin-left: 50px;
}
.itemInfoTop .rightArea .flag {
	margin-bottom: 16px;
}
.itemInfoTop .rightArea .campaginBox {
	border: 1px solid #e8eaeb;
	padding: 19px;
	margin-bottom: 30px;
}
.itemInfoTop .rightArea .campaginBox .sec {
	font-size: 14px;
}
.itemInfoTop .rightArea .campaginBox .sec + .sec {
	border-top: 1px solid #e8eaeb;
	margin-top: 24px;
	padding-top: 24px;
}
.itemInfoTop .rightArea .campaginBox .sec .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.itemInfoTop .rightArea dl {
	display: flex;
	align-items: center;
}
.itemInfoTop .rightArea dl.carriage,
.itemInfoTop .rightArea dl.price {
	align-items: flex-end;
}
.itemInfoTop .rightArea dl + dl {
	margin-top: 20px;
}
.itemInfoTop .rightArea dl dt {
	font-size: 16px;
	width: 60px;
}
.itemInfoTop .rightArea dl dd {
	flex: 1;
}
.itemInfoTop .rightArea dl.price dd {
	font-size: 14px;
	line-height: 1;
}
.itemInfoTop .rightArea dl.price dd strong {
	font-size: 36px;
}
.itemInfoTop .rightArea dl.price .taxRedu {
	display: inline-block;
	margin-left: 16px;
}
.itemInfoTop .rightArea dl.carriage dd {
	font-size: 13px;
}
.itemInfoTop .rightArea dl.carriage dd strong {
	font-size: 16px;
}
i.carriageLabel {
	border: 1px solid #e8eaeb;
	color: #f98d28;
	margin-left: 16px;
	padding: 4px 8px;
}
.itemInfoTop .rightArea .selectError {
	color: #f98d28;
	margin: 15px 0;
}
.itemInfoTop .rightArea .cantBuy {
	margin-top: 30px;
}
.itemInfoTop .rightArea .cantBuy .	 {
	border: 1px solid #c00;
	color: #c00;
	display: inline-block;
	font-size: 14px;
	padding: 4px 8px;
}
.itemInfoTop .rightArea .cantBuy .status + .btn {
	margin-left: 16px;
}
.itemInfoTop .rightArea dl dd .selectWrapper {
	width: 100%;
}
.selectWrapper {
	border: 2px solid #e8eaeb;
	border-radius: 5px;
	display: inline-block;
	position: relative;
}
.selectWrapper.disabled {
	pointer-events: none;
}
.selectWrapper:after {
	background: url(/files/commonfiles/images/icn_search_down.png) no-repeat 0 0;
	content: "";
	display: block;
	width: 18px;
	height: 10px;
	pointer-events: none;
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -5px;
	z-index: 2;
}
.selectWrapper select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #f5f7f7;
	border: none;
	border-radius: 5px;
	font-size: 18px;
	padding: 0 50px 0 16px;
	position: relative;
	width: 100%;
	height: 40px;
	z-index: 1;
}
select::-ms-expand {
	display: none;
}
.selectWrapper select:focus {
	outline: 0;
}
.periodInfo {
	padding: 12px 16px;
	font-weight: bold;
	color: #fff;
	background-color: #cc0000;
	text-align: center;
	position: relative;
}
.toCartBox {
	background-color: #faf8f5;
	display: flex;
	align-items: center;
	margin-top: 30px;
	padding: 16px;
}
.toCartBox .num {
	display: flex;
	align-items: center;
	width: 150px;
}
#fitArea .toCartBox .num dt,
.itemInfoTop .rightArea .toCartBox .num dt {
	width: 50px;
}
.toCartBox .cartBtn {
	background-color: #f98d28;
	border-radius: 25px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin-left: 24px;
	height: 50px;
	line-height: 50px;
	flex: 1;
	text-align: center;
}
.toCartBox .cartBtn.disabled {
	background-color: #e8eaeb;
	pointer-events: none;
}
.toCartBox .cartBtn:before {
	background: url(/files/commonfiles/images/icn_cart_white.png) no-repeat 0 0 / 19px auto;
	content: "";
	display: inline-block;
	width: 19px;
	height: 18px;
	margin-right: 12px;
	vertical-align: middle;
}
.supplementBlock {
	background-color: #f5f7f7;
	font-size: 14px;
	margin-top: 40px;
	padding: 20px;
}
.supplementBlock .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.supplementBlock p + .title {
	margin-top: 24px;
}
.itemInfo {
	max-width: 700px;
	margin: 0 auto;
}
.itemInfo .movieArea {
	width: 100%;
	padding-top: 56%;
	position: relative;
}
.itemInfo .movieArea iframe {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.itemInfo .catch {
	font-size: 14px;
	margin-top: 10px;
}
.itemInfo .imgDetailBlock > div {
	margin-top: 40px;
}
.itemInfo .imgDetailBlock h3 {
	font-size: 22px;
	margin-top: 10px;
}
.itemInfo .imgDetailBlock .info {
	font-size: 14px;
	margin-top: 10px;
}
.specArea {
	font-size: 14px;
	max-width: 980px;
	margin: 0 auto;
}
.specArea h2 {
	font-size: 28px;
	line-height: 1.6;
	margin-bottom: 30px;
}
.specArea p + p {
	margin-top: 16px;
}
.specArea strong {
	font-size: 16px;
	font-weight: bold;
}
.backBtnWraper {
	margin-top: 20px;
	text-align: center;
}
#fitArea {
	background-color: #faf8f5;
	display: flex;
	justify-content: center;
	width: 100%;
	opacity: 1;
	padding: 16px 0;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
	transition: opacity 0.3s ease;
}
#fitArea.hide {
	opacity: 0;
	pointer-events: none;
}
#fitArea .toCartBox {
	margin-top: 0;
	padding: 0;
	width: 440px;
}
.popWin {
	background-color: #fff;
	border: 1px solid #e8eaeb;
	border-radius: 10px;
	max-width: 732px;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	padding: 40px 16px 16px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: opacity 0.3s;
	z-index: -1;
}
.popWin.show {
	opacity: 1;
	pointer-events: auto;
	z-index: 1001;
}
.popWin .closeBtn {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 8px;
	top: 8px;
}
.popWin .closeBtn:after,
.popWin .closeBtn:before {
	background-color: #5b636d;
	content: "";
	width: 24px;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.popWin .closeBtn:before {
	transform: rotate(45deg);
}
.popWin .closeBtn:after {
	transform: rotate(-45deg);
}
.popWin.returnPop,
#alertPop {
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
}
#alertPop p {
	font-weight: bold;
}
#alertPop .txtN {
	font-weight: normal;
}
#alertPop p + p {
	margin-top: 16px;
}
#alertPop .btnWrapper {
	display: flex;
	justify-content: center;
	margin-top: 16px;
}
#alertPop .btnWrapper.jcSb {
	justify-content: space-between;
}
#alertPop .btnWrapper a {
	width: 250px;
}
#alertPop .btnWrapper a + a {
	margin-left: 16px;
}
#arrivalNewsPop {
	max-width: 540px;
}
#arrivalNewsPop .title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#arrivalNewsPop .mail {
	display: flex;
	align-items: center;
	margin-top: 24px;
}
#arrivalNewsPop .mail dd {
	flex: 1;
	margin-left: 16px;
}
#arrivalNewsPop .note {
	margin-top: 16px;
}
#arrivalNewsPop .btnWrapper {
	margin-top: 24px;
	text-align: center;
}
.popWin.returnPop .returnTxt {
	width: 500px;
	max-height: 400px;
	overflow-y: auto;
}
#formPop h2 {
	font-weight: bold;
	margin-bottom: 16px;
}
#formPop h2 span {
	display: none;
}
#formPop h2 span.show {
	display: inline;
}
#formPop form {
	display: none;
}
#formPop .tableWrapper {
	display: none;
	margin-top: 10px;
	height: 400px;
	overflow-y: auto;
}
#formPop form.show,
#formPop .tableWrapper.show {
	display: block;
}
#formPop .btnWrapper {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

/* catalog */
.catalogSearchBlock {
	border: 1px solid #e8eaeb;
	max-width: 980px;
	margin: 24px auto 0;
	padding: 31px;
}
.catalogSearchBlock .searchBlock {
	display: flex;
	align-items: center;
}
.catalogSearchBlock .searchBlock .itemSearch {
	flex: 1;
	margin: 0;
}
.catalogSearchBlock .searchBlock .howtoBtn {
	margin-left: 32px;
}
.catalogSearchBlock .searchBlock .howtoBtn a {
	display: inline-block;
	padding-right: 36px;
	position: relative;
}
.catalogSearchBlock .searchBlock .howtoBtn a:after {
	background: #f5f7f7 url(/files/commonfiles/images/icn_arrow_up_sp.png) no-repeat center center / 12px auto;
	border-radius: 30px;
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.catalogSearchBlock .searchBlock .howtoBtn a.closed:after {
	background-image: url(/files/commonfiles/images/icn_arrow_down_sp.png);
}
.catalogSearchBlock .howtoBlock {
	padding-top: 24px;
	position: relative;
}
.catalogSearchBlock .howtoBlock.hide {
	display: none;
}
.catalogSearchBlock .howtoBlock .howto {
	display: flex;
	justify-content: space-between;
}
.catalogSearchBlock .howtoBlock .howto .howtoSlide {
	display: none;
}
.catalogSearchBlock .howtoBlock .howto .col {
	width: calc((100% - 72px) / 2);
	position: relative;
}
.catalogSearchBlock .howtoBlock .howto .col + .col:before {
	background: url(/pagefiles/pc/catalog/icn_catalog_arrow.png) no-repeat center center;
	content: "";
	display: block;
	width: 20px;
	height: 44px;
	position: absolute;
	left: -46px;
	bottom: 49px;
}
.catalogSearchBlock .howtoBlock .howto .txt {
	font-size: 18px;
}
.catalogSearchBlock .howtoBlock .howto .txt .num {
	color: #f98d28;
	font-size: 26px;
	font-weight: bold;
	display: inline-block;
	margin-right: 12px;
}
.catalogSearchBlock .howtoBlock .howto .img {
	margin-top: 10px;
}
.catalogSearchBlock .howtoBlock .btnWrapper {
	margin-top: 24px;
	text-align: center;
}
.catalogSearchBlock .howtoBlock .btnWrapper .close {
	width: 240px;
}
.catalogSearchBlock .howtoBlock .btnWrapper .close:after {
	background: url(/files/commonfiles/images/icn_arrow_btn_up.png) no-repeat 0 0 / 12px auto;
	width: 12px;
	height: 8px;
	margin-top: -4px;
}
.section {
	margin-top: 30px;
}
.catalogTitle .inner h1 {
	margin-right: 10px;
}

/* category */
#ctgry .section {
	margin-top: 20px;
}
.categoryBlock {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.categoryBlock .box {
	border-bottom: 1px solid #f5f7f7;
	display: flex;
	align-items: flex-start;
	width: calc((100% - 40px) / 2);
	padding: 29px 10px;
}
.categoryBlock .box:nth-of-type(2),
.categoryBlock .box:nth-of-type(1) {
	border-top: 1px solid #f5f7f7;
}
.categoryBlock .box.fcenter {
	align-items: center;
}
.categoryBlock .box .img img {
	border-radius: 10px;
}
.categoryBlock .box .link {
	flex: 1;
	margin-left: 30px;
}
.categoryBlock .box .link .category {
	font-size: 18px;
	font-weight: bold;
}
.categoryBlock .box .link ul {
	margin-top: 20px;
	font-size: 14px;
}
.categoryBlock .box .link ul li + li {
	margin-top: 10px;
}

/* campagin */
.campaignBox {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	color: #666 !important;
	display: flex;
	align-items: center;
	font-size: 13px;
	overflow: hidden;
}
.campaignBox + .campaignBox {
	margin-top: 40px;
}
.campaignBox .txt {
	flex: 1;
	padding: 20px 24px 20px 20px;
}
.campaignBox .txt .title {
	color: #3c3c3c !important;
	font-size: 18px;
	margin-bottom: 15px;
}

.alertTxt {
	font-size: 14px;
}
.alertTxt p + p {
	margin-top: 20px;
}
.alertTxt p strong {
	font-size: 16px;
	font-weight: bold;
}

/* cart */
.cartBlock {
	font-size: 14px;
	margin-top: 20px;
}
.cartMsg {
	margin-top: 20px;
}
.cartMsg li {
	margin-top: 10px;
}
.cartMsg li:first-child {
	margin-top: 0;
}
.cartTable {
	margin-top: 40px;
}
.tableWrapper .tableTitle {
	padding: 10px 19px;
	border-top: 1px solid #e8eaeb;
	border-right: 1px solid #e8eaeb;
	border-left: 1px solid #e8eaeb;
}
.tableWrapper .tableTitle p {
	font-weight: bold;
}
.tableWrapper .tableWrapInner {
	padding: 20px 19px;
	border: 1px solid #e8eaeb;
}
.tableWrapper .tableWrapInner table.default thead tr th.cardNum { min-width: 420px; }
.tableWrapper table {
	width: 100%;
}
table.default tr.used,
table.default tr.used th,
table.default tr.shipped {
	background-color: #c4c8cc;
}
table.default tr th {
	background-color: #faf8f5;
	border: 1px solid #e8eaeb;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}
table.default thead tr th {
	text-align: center;
	border-bottom: none;
}
table.default tbody tr th {
	border-right: none;
	padding: 10px 19px;
}
table.default tr td {
	border: 1px solid #e8eaeb;
	padding: 28px 19px;
}
table.default tbody tr td.rsCell,
table.default tbody tr th + td {
	border-left: none;
}
table.default tbody tr td.nBdrB {
	border-bottom: none;
	padding-bottom: 0;
}
table.default tbody tr td.nBdrT {
	border-top: none;
}
table.default tr td .selectCard { font-size: 14px; color: #c4c8cc; padding-left: 30px;}
table.default thead + tbody tr:first-child td {
	border-top: none;
}
.item.lineType {
	color: #666;
	display: flex;
	align-items: flex-start;
}
.item.lineType .img {
	border: 1px solid #e8eaeb;
	border-radius: 10px;
	display: block;
	overflow: hidden;
	width: 120px;
	height: 120px;
	margin-right: 18px;
}
.item.lineType .img img {
	width: 100%;
	height: auto;
}
.item.lineType .txtArea {
	flex: 1;
}
.item.lineType .txtArea .flag {
	padding: 0;
}
.item.lineType .txtArea .option {
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
}
.item.lineType .txtArea .option dt {
	background-color: #f5f7f7;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	text-align: center;
	width: 66px;
}
.item.lineType .txtArea .option dd {
	font-size: 13px;
	flex: 1;
}
.item.lineType .txtArea .price {
	margin-top: 20px;
}
.item.lineType .txtArea .extra {
	margin-top: 20px;
}
.cartBoxWrap .cartBox.used {
	background-color: #c4c8cc;
}
.cartBox .extra p.age,
.item.lineType .txtArea .extra p.age {
	margin: 5px 0;
}
.cartBox .extra p:first-child,
.item.lineType .txtArea .extra p:first-child {
	margin-top: 0;
}
.cartBox .extra .age,
.item.lineType .txtArea .extra .age {
	display: inline-block;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px;
	border: 1px solid #666;
}
.cartBox .extra .cp,
.item.lineType .txtArea .extra .cp {
	color: #ed6f00;
	font-size: 12px;
	font-weight: bold;
}
.cartBox .extra .cpFrame,
.item.lineType .txtArea .extra .cpFrame {
	display: inline-block;
	color: #ed6f00;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px;
	border: 1px solid #ed6f00;
}
.cartBox .service,
.item.lineType .extra .service,
.orderDetailBox .service {
	font-size: 12px;
	font-weight: bold;
}
.cartBox .service.aServ::before,
.item.lineType .extra .service.aServ::before,
.orderDetailBox .service.aServ::before {
	content:"■";
	margin-right: 3px;
	color: #ed6f00;
}
.cartBox .service.nAServ::before,
.item.lineType .extra .service.nAServ::before,
.orderDetailBox .service.nAServ::before {
	content:"□";
	margin-right: 3px;
	color: #ed6f00;
}
.cartTable .selectWrapper {
	width: 100%;
}
.cartTable .btnWrapper {
	text-align: center;
}
.cartTable * + .btnWrapper {
	margin-top: 8px;
}
.couponListWrap,
.historyWrapper,
.cartBoxWrap {
	margin-top: 32px;
}
.couponListWrap li,
.orderDetailWrapper .orderDetailBox,
.historyWrapper .historyBox,
.wrappingArea .wrappingBox,
.cartBoxWrap .cartBox {
	border: 1px solid #e8eaeb;
	padding: 15px;
}
.couponListWrap li + li,
.orderDetailWrapper .orderDetailBox + .orderDetailBox,
.historyWrapper .historyBox + .historyBox,
.wrappingArea .wrappingBox + .wrappingBox,
.cartBoxWrap .cartBox + .cartBox {
	margin-top: 16px;
}
.couponListWrap li.used{
	background-color: #c4c8cc;
}
.cartBox .extra {
	margin-top: 15px;
}
.orderDetailWrapper .orderDetailBox > dl,
.historyWrapper .historyBox > dl,
.cartBox .btnWrapper,
.cartBox > dl {
	border-top: 1px solid #e8eaeb;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	padding-top: 10px;
}
.cartBox .btnWrapper.jcCenter {
	justify-content: center;
}
.orderDetailWrapper .orderDetailBox > dl:first-child,
.historyWrapper .historyBox > dl:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.orderDetailWrapper .orderDetailBox > dl > dd + dt,
.historyWrapper .historyBox > dl > dd + dt,
.cartBox > dl > dd + dt {
	border-left: 1px solid #e8eaeb;
	margin-left: 24px;
	padding-left: 24px;
}
.orderDetailWrapper .orderDetailBox > dl > dd,
.historyWrapper .historyBox > dl > dd,
.cartBox > dl > dd {
	flex: 1;
	padding-left: 10px;
	text-align: right;
}
.cartBox .selectWrapper {
	margin-right: 8px;
}
.cartBoxWrap .useCoupon {
	font-size: 14px;
	padding: 16px;
}
.bgBtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 32px;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	padding: 8px 30px;
	text-align: center;
	transition: all 0.3s ease;
	word-break: keep-all;
}
.cartBox .bgBtn,
.cartTable .bgBtn {
	font-size: 12px;
	width: 90px;
	padding: 6px 0;
}
.cartTable .bgBtn + .bgBtn {
	margin: 8px 0 0;
}
.bgBtn.mgray {
	background-color: #666666;
	color: #fff;
}
.bgBtn.pgray {
	background-color: #c4c8cc;
	color: #fff;
}
.bgBtn.igray {
	background-color: #f5f7f7;
	color: #666;
}
.bgBtn.corange {
	background-color: #f98d28;
	color: #fff;
}
.bgBtn.disabled {
	background-color: #e8eaeb;
	color: #fff;
	pointer-events: none;
}
.cartFitBtn {
	display: flex;
	justify-content: center;
}
.cartFitBtn .bgBtn {
	font-size: 18px;
	width: 268px;
}
.cartFitBtn .bgBtn + .bgBtn {
	margin-left: 24px;
}
.totaleBoxArea {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.totaleBoxArea.boxOnly {
	justify-content: flex-end;
}
.totaleBoxArea .totalBox {
	border: 1px solid #f98d28;
	order: 2;
	padding: 24px 19px;
	width: 470px;
}
.totaleBoxArea .totalBox dl {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.price.discount {
	color: #c00;
}
.price.discount .minus {
	font-size: 12px;
}
.totaleBoxArea .totalBox .total {
	border-top: 1px solid #e8eaeb;
	margin-top: 10px;
	padding-top: 10px;
}
.totaleBoxArea .totalBox .total dt {
	font-size: 16px;
	font-weight: bold;
}
.totaleBoxArea .totalBox .grayPrice,
.totaleBoxArea .totalBox .grayTtl {
	color: #999;
}
.total .price {
	font-size: 36px;
	line-height: 1.2;
}
.total .price.small {
	font-size: 26px;
}
.total .price .tax {
	font-size: 14px;
}
.total .price .yen {
	font-size: 32px;
}
.total .price.small .yen {
	font-size: 20px;
}
.totaleBoxArea .supplementBlock {
	order: 1;
	margin-top: 0;
	width: 470px;
}
.cartBlock .toClear .bgBtn {
	font-size: 18px;
	width: 268px;
	line-height: 1.5;
}
.cartBlock .toBuy .bgBtn {
	font-size: 18px;
	width: 268px;
}
.cartBlock .orderOrClear {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.ageCheckBox {
	margin-top: 20px;
}
.ageCheckBox .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.ageCheckBox .checkboxWrap label {
	font-weight: bold;
}
.campaignList {
	font-weight: bold;
	margin-top: 40px;
}
.campaignList li + li {
	margin-top: 20px;
}
.campaignDetail {
	display: none;
	margin-top: 40px;
}
.campaignDetail.show {
	display: block;
}
.campaignDetail .itemSlider {
	margin-top: 20px;
}
.catalogTitle {
	background: #f5f7f7;
	padding-bottom: 24px;
}

/* cart login */
#loginArea {
	margin-bottom: 50px;
}
.loginBlock {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.loginBlock > .col {
	border: 1px solid #e8eaeb;
	width: 470px;
}
.loginBlock .col .title {
	background-color: #faf8f5;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
.loginBlock .col .body {
	font-size: 14px;
	padding: 20px;
}
.loginBlock .col .body > p {
	margin-bottom: 20px;
}
.loginBlock .col .body form > label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
input[type=password],
input[type=email],
input[type=text] {
	background-color: #fff;
	border: 1px solid #e8eaeb;
	margin-bottom: 10px;
	padding: 0 10px;
	height: 40px;
	width: 100%;
}
input[type=password]:last-child,
input[type=email]:last-child,
input[type=text]:last-child {
	margin-bottom: 0;
}
input.name {
	width: 120px;
	margin-left: 10px;
}
input.zip {
	width: 120px;
}
input.cardNum {
	width: 185px;
}
input.securityNum {
	width: 65px;
}
.errorBox {
	background-color: rgba(204, 0, 0, .2);
	margin-bottom: 10px;
	padding: 16px 16px 16px 55px;
	position: relative;
}
.errorBox:before {
	background: url(/files/commonfiles/images/icn_attention_red.png) no-repeat 0 0 / 23px auto;
	content: "";
	display: block;
	width: 23px;
	height: 21px;
	position: absolute;
	left: 16px;
	top: 16px;
}
.selectWrapper select.error,
input[type=password].error,
input[type=email].error,
input[type=text].error {
	background-color: rgba(204, 0, 0, .2);
}
.errorTxt {
	color: #c00;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.required {
	background-color: #f98d28;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	margin-left: 12px;
	padding: 4px 10px;
	word-break: keep-all;
}
.loginBlock .loginBox .btnWraper {
	margin-top: 20px;
	text-align: center;
}
.loginBlock .loginBox .btnWraper .btn {
	border-color: #f98d28;
	color: #f98d28;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 60px 10px 85px;
}
.loginBlock .loginBox .btnWraper .btn:after {
	background: url(/files/commonfiles/images/icn_login_orange.png) no-repeat 0 0 / 14px auto;
	width: 14px;
	height: 18px;
	right: auto;
	left: 60px;
	margin-top: -9px;
}
.loginBlock .loginBox .forgot {
	margin-top: 10px;
	text-align: center;
}
.loginBlock .signInBox .btnWrapper {
	text-align: center;
}
.loginBlock .signInBox .btnWrapper .bgBtn {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 60px;
}
.loginBlock .signInBox h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 25px;
	text-align: center;
}
.loginBlock .signInBox .merit {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
.loginBlock .signInBox .merit .col {
	background-color: #f5f7f7;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	letter-spacing: -0.05em;
	padding: 15px 0;
	text-align: center;
	width: calc((100% - 28px) / 3);
}
.loginBlock .signInBox .merit .col i {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-bottom: 5px;
}
.loginBlock .signInBox .merit .mail {
	background: url(/files/commonfiles/images/icn_mail.png) no-repeat 0 0 / 32px auto;
}
.loginBlock .signInBox .merit .pencil {
	background: url(/files/commonfiles/images/icn_pencil.png) no-repeat 0 0 / 32px auto;
}
.loginBlock .signInBox .merit .gift {
	background: url(/files/commonfiles/images/icn_gift.png) no-repeat 0 0 / 32px auto;
}
.loginBlock .signInBox .guestBuy {
	border-top: 1px solid #e8eaeb;
	margin-top: 20px;
	padding-top: 20px;
}
.loginBlock .signInBox .guestBuy h3 {
	margin-top: 0;
}
.loginBlock .signInBox .guestBuy > p {
	margin: 10px 0 20px;
}

.purchaseFlow {
	margin-bottom: 14px;
}
.purchaseFlow ul {
	display: flex;
	overflow: hidden;
}
.purchaseFlow ul li {
	background-color: #e8eaeb;
	width: 25%;
	font-size: 18px;
	padding: 11px 10px 12px 30px;
	position: relative;
	text-align: center;
	z-index: 1;
}
.purchaseFlow ul li:nth-of-type(1) {
	padding-left: 10px;
}
.contentsWrapper .purchaseFlow ul li{
	font-size: 16px;
}
.purchaseFlow.guideFlow ul li {
	font-size: 14px;
	padding: 5px 10px;
}

.purchaseFlow.step3 ul li {
	width: 33.33%;
}
.purchaseFlow.guestStep ul li {
	width: 50%;
}
.purchaseFlow.guestStep ul li:last-of-type {
	width: calc(50% - 20px);
}
.purchaseFlow ul li:nth-of-type(1) { z-index: 5; }
.purchaseFlow ul li:nth-of-type(2) { z-index: 4; }
.purchaseFlow ul li:nth-of-type(3) { z-index: 3; }
.purchaseFlow ul li:nth-of-type(4) { z-index: 2; }
.purchaseFlow ul li.cur {
	background-color: #f98d28;
	color: #fff;
}
.purchaseFlow ul li:before,
.purchaseFlow ul li:after {
	border-style: solid;
	border-width: 50px 0 50px 40px;
	border-color: transparent transparent transparent #e8eaeb;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: calc(100% - 20px);
	top: 50%;
	z-index: 2;
	margin-top: -50px;
}
.purchaseFlow ul li.cur:before {
	border-color: transparent transparent transparent #f98d28;
}
.purchaseFlow ul li:after {
	border-width: 37.5px 0 37.5px 30px;
	border-color: transparent transparent transparent #fff;
	z-index: 1;
	left: 100%;
	margin-top: -37.5px;
}
.purchaseFlow ul li span {
	position: relative;
	z-index: 3;
}
.addresChoice {
	margin-top: 40px;
}
.addresChoice .selectArea .selectWrapper {
	margin-right: 24px;
}
.addresChoice .tableWrapper {
	margin-top: 20px;
}
.wrappingArea td {
	position: relative;
	z-index: 1;
}
.wrappingBtn {
	text-align: center;
}
.wrappingBtn .btn {
	padding: 6px 10px;
}
.wrappingBtn .choicedWrapping {
	margin-top: 20px;
	text-align: center;
}
.wrappingChoice {
	background-color: #fff;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	display: none;
	opacity: 0;
	padding: 30px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1001;
	transform: translate( -50%, -50%);
	transition: all 0.3s ease;
}
.wrappingChoice.show {
	opacity: 1;
}
.wrappingChoice .close {
	background-color: #e8eaeb;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
}
.wrappingChoice .close:after,
.wrappingChoice .close:before {
	background-color: #734f3a;
	content: "";
	width: 16px;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.wrappingChoice .close:before {
	transform: rotate(-45deg);
}
.wrappingChoice .close:after {
	transform: rotate(45deg);
}
.wrappingChoice .txt {
	font-weight: bold;
}
.wrappingChoice ul {
	margin-top: 20px;
}
.wrappingChoice ul li + li {
	margin-top: 16px;
}
.wrappingChoice .btnWrapper {
	margin-top: 20px;
	text-align: center;
}
.orderBtnWrapper {
	font-size: 18px;
	margin: 40px 0 100px;
	text-align: center;
}
.orderBtnWrapper .submit {
	padding: 8px 60px;
	position: relative;
	margin-left: 20px;
}
.orderBtnWrapper .submit:after {
	background: url(/files/commonfiles/images/icn_arrow_white_sp.png) no-repeat 0 0 / 7px auto;
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -6px;
}
textarea {
	border: 1px solid #e8eaeb;
	width: 100%;
	height: 250px;
	padding: 10px;
}
.wrappingArea .wrappingBox .choiceArea {
	border-top: 1px solid #e8eaeb;
	margin-top: 10px;
	padding-top: 10px;
}
.wrappingArea .wrappingBox .choiceArea .head {
	font-weight: bold;
	margin-bottom: 5px;
}
.zipBox .btn {
	font-size: 16px;
	margin-left: 20px;
}
.zipBox .note {
	margin-left: 20px;
}
.paymentBox {
	background-color: #f5f7f7;
	border: 2px solid #e8eaeb;
	display: none;
	margin-top: 16px;
	padding: 15px;
}
.paymentBox.show {
	display: block;
}
.paymentBox p + p {
	margin-top: 10px;
}
.paymentBox .creditForm {
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
}
.paymentBox .creditForm dt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 40px;
	width: 250px;
}
.paymentBox .creditForm dt .required {
	line-height: 1.5;
}
.paymentBox .creditForm dd {
	flex: 1;
	padding-left: 24px;
}
.paymentBox .creditForm .cardNum {
	width: 200px;
}
.paymentBox .creditForm .code {
	width: 75px;
}
.paymentBox.creditTableArea table {
	background-color: #fff;
}
.paymentBox.creditTableArea .addNewCredit {
	background-color: #f5f7f7;
	padding: 20px;
}
.paymentBox.creditTableArea .spOnly .selectWrapper select {
	padding: 0 40px 0 16px
}
.useCoupon {
	background-color: #f5f7f7;
}
.modifyBtn {
	font-size: 16px;
	font-weight: normal;
}
.confirmBox {
	display: flex;
}
.confirmBox dt {
	font-weight: bold;
	width: 200px;
}
.confirmBox dd {
	flex: 1;
	margin-left: 24px;
}
.completeBtnWrapper {
	margin: 40px 0 100px;
	text-align: center;
}
.shippingFlow li {
	display: flex;
	align-items: flex-start;
	position: relative;
}
.shippingFlow li + li {
	margin-top: 52px;
}
.shippingFlow li:after {
	border-style: solid;
	border-width: 20px 22px 0 22px;
	border-color: #c4c8cc transparent transparent transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: calc(100% + 16px);
	left: 128px;
}
.shippingFlow li:last-child:after {
	display: none;
}
.shippingFlow li .txt {
	margin-left: 40px;
}
.shippingFlow li .txt h3 {
	font-weight: bold;
	margin-bottom: 24px;
}
.policyBox {
	border: 1px solid #e8eaeb;
	margin-top: 20px;
	width: 100%;
	height: 300px;
	overflow-y: auto;
}
.policyBox h3 {
	margin: 32px 0 16px;
}
.policyBox h3:first-child {
	margin-top: 0;
}
.policyBox ol li + li {
	margin-top: 10px;
}
.policyBox ol li ol {
	margin-top: 10px;
}
.alcoholNotice {
	margin: 30px 0 100px;
	text-align: center;
}
.privacyPolicyBox {
	border: 1px solid #e8eaeb;
	padding: 16px;
	margin-top: 20px;
	width: 100%;
	overflow-y: auto;
	font-size: 14px;
}
.privacyPolicyBox h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.privacyPolicyBox ul {
	margin: 5px 0;
}
.privacyPolicyBox li {
	padding-left: 1em;
	text-indent: -1em;
}

/* mypage */
.couponInfoArea {
	background-color: #f5f7f7;
	font-size: 14px;
	max-width: 980px;
	margin: 25px auto 0;
	padding: 19px;
}
.couponInfoArea .owned {
	font-weight: bold;
	margin-left: 20px;
}
.couponInfoArea strong {
	font-size: 18px;
	font-weight: bold;
}
.mainMenu {
	display: flex;
	justify-content: space-between;
}
.subMenu .col,
.mainMenu .col {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	color: #666;
	display: block;
	font-size: 13px;
	padding: 20px;
	text-align: center;
}
.mainMenu .col {
	width: calc((100% - 56px) / 3);
}
.mainMenu .col .title {
	color: #3c3c3c;
	font-size: 18px;
}
.mainMenu .col .txt {
	margin-top: 15px;
}
.mainMenu .col .img {
	margin-top: 15px;
}
.subMenu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 28px;
}
.subMenu .col {
	display: flex;
	align-items: center;
	width: calc((100% - 28px) / 2);
	text-align: left;
}
.subMenu .col:nth-of-type(n+3) {
	margin-top: 28px;
}
.subMenu .col .img {
	margin-right: 15px;
}
.subMenu .col .txtArea {
	flex: 1;
}
.subMenu .col .txtArea .title {
	color: #3c3c3c;
	font-size: 16px;
}
.subMenu .col .txtArea .txt {
	margin-top: 5px;
}
.tableWrapper .tableWrapInner table.default thead tr th { min-width: 110px; }
#orderDetailArea,
#orderHistoryArea {
	margin-top: 20px;
}
#orderHistoryArea .tableWrapper {
	margin-top: 24px;
}
#orderHistoryArea .tableWrapper table.default thead tr th {
	font-size: 16px;
}
#orderHistoryArea .tableWrapper table.default tbody tr td {
	font-size: 12px;
	padding: 20px 16px;
}
#orderHistoryArea .tableWrapper table.default tbody tr td:nth-of-type(8),
#orderHistoryArea .tableWrapper table.default tbody tr td:nth-of-type(6),
#orderHistoryArea .tableWrapper table.default tbody tr td:nth-of-type(5),
#orderHistoryArea .tableWrapper table.default tbody tr td:nth-of-type(2),
#orderHistoryArea .tableWrapper table.default tbody tr td:nth-of-type(1) {
	text-align: center;
}
#orderHistoryArea .tableWrapper table.default tbody tr td:nth-of-type(8) {
	padding: 20px 10px;
}
#orderHistoryArea .tableWrapper table.default .price {
	font-size: 16px;
}
#orderHistoryArea .tableWrapper table.default .price .tax {
	font-size: 12px;
}
#orderHistoryArea .tableWrapper table.default .price .yen {
	font-size: 14px;
}
#orderHistoryArea .tableWrapper table.default .btn {
	font-size: 12px;
	padding: 4px 8px;
	width: 100%;
}
#orderHistoryArea .tableWrapper table.default .btn + .btn {
	margin-top: 8px;
}
#orderHistoryArea .btnWrapper {
	margin-top: 24px;
}
.historyWrapper .historyBox.shipped {
	background-color: #c4c8cc;
}
.historyWrapper .historyBox > dl .price {
	font-size: 14px;
}
.historyWrapper .historyBox > dl .price .tax {
	font-size: 12px;
}
.historyWrapper .historyBox > dl .price .yen {
	font-size: 14px;
}
.historyWrapper .historyBox .btnWrapper {
	border-top: 1px solid #e8eaeb;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
}
.historyWrapper .historyBox .btnWrapper .btn {
	font-size: 12px;
	padding: 8px 16px;
}
.historyWrapper .historyBox .btnWrapper a + a {
	margin-left: 16px;
}
.toMypage {
	margin-top: 40px;
	text-align: center;
}
.orderDetailWrapper .orderDetailBox > .orderItem {
	border-top: 1px solid #e8eaeb;
	margin-top: 10px;
	padding-top: 10px;
}
#couponList .tableWrapper {
	margin-top: 24px;
}

/* guide */
#guide .firstLead {
	margin-top: 15px;
}
#guide .firstLead .catch {
	font-size: 18px;
}
#guide .firstLead .img {
	margin-top: 40px;
	text-align: center;
}
#guide .icon {
	display: inline-block;
	margin-right: 16px;
	width: 30px;
	height: 30px;
	vertical-align: middle;
}
#guide .icon.first {
	background: url(/files/commonfiles/images/icn_first_orange.png) no-repeat 0 0 / 25px auto;
	width: 25px;
}
#guide .icon.mail {
	background: url(/files/commonfiles/images/icn_mail_orange.png) no-repeat 0 0 / 30px auto;
}
#guide .icon.search {
	background: url(/files/commonfiles/images/icn_search_orange.png) no-repeat 0 0 / 30px auto;
}
#guide #aboutArea .logos {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
#guide #aboutArea .logos > div {
	background-color: #f5f7f7;
	padding: 20px;
}
#guide #aboutArea .logos .bellMark {
	display: flex;
	align-items: center;
	flex: 1;
	font-size: 14px;
}
#guide #aboutArea .logos .bellMark .img {
	margin-right: 16px;
}
#guide #aboutArea .logos .jadma {
	margin-left: 16px;
}
#guide .h3Title {
	font-size: 18px;
	font-weight: bold;
	margin: 40px 0 16px;
}
#guide #mailmagazineArea .mailExample {
	display: flex;
	justify-content: space-between;
}
#guide #mailmagazineArea .mailExample .col {
	background-color: #f5f7f7;
	width: calc((100% - 48px) / 4);
	padding: 25px 20px;
	text-align: center;
}
#guide #mailmagazineArea .mailExample .col .txt {
	margin-top: 5px;
}
#guide #mailmagazineArea .btnWrapper {
	margin-top: 20px;
	text-align: center;
}
#guide #mailmagazineArea .btnWrapper .bgBtn {
	width: 490px;
}
#guide #mailmagazineArea .btnWrapper .bgBtn.mail:before {
	background: url(/files/commonfiles/images/icn_mail_white.png) no-repeat 0 0 / 18px auto;
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 14px;
	vertical-align: middle;
}
#guide #searchArea .bnrSearch {
	display: flex;
	justify-content: space-between;
}
#guide #searchArea .bnrSearch li {
	width: calc((100% - 48px ) / 3);
}
#guide #searchArea .bnrSearch li .img {
	border-radius: 10px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	display: block;
	overflow: hidden;
}
#guide #searchArea .bnrSearch li .img + a {
	display: inline-block;
	letter-spacing: -0.02em;
	margin-top: 5px;
}
#guide #searchArea .categoryBlock .categoryList {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#guide #searchArea .categoryBlock .categoryList + .categoryList {
	margin-top: 50px;
}
#guide #searchArea .categoryBlock .categoryList .col {
	width: 30%;
}
#guide #searchArea .categoryBlock .categoryList .col .category {
	font-weight: bold;
}
#guide #searchArea .categoryBlock .categoryList .col ul {
	font-size: 14px;
	margin-top: 15px;
}
#guide #searchArea .categoryBlock .categoryList .col ul li + li {
	margin-top: 10px;
}
.privacyMark {
	display: flex;
	align-items: center;
}
.privacyMark .txt {
	flex: 1;
}
.privacyList li + li {
	margin-top: 10px;
}
.flowList li {
	padding-left: 1em;
	text-indent: -1em;
}
.flowList li + li {
	margin-top: 10px;
}
.flowList li img {
	margin: 5px 0;
}
.txt02,
.txt01,
.noticeTxt {
	display: none;
}
.noticeTxt {
	margin-top: 14px;
}

/* infomation */
.informationArea .inner > * {
	margin-top: 20px;
}
.informationArea .inner > *:first-child {
	margin-top: 0;
}
.closeWrap {
	margin-top: 24px;
	text-align: center;
}

/* sitemap */
.sitemap h3 {
	font-size: 18px;
}
.sitemap ul + h3 {
	margin-top: 32px;
}
.sitemap ul {
	padding-left: 16px;
}
.sitemap ul li {
	margin-top: 10px;
}
.sitemap p + p,
.sitemap ul + p {
	margin-top: 32px;
}

@media screen and (min-width: 768px) {

.itemSlider .next:hover,
.itemSlider .prev:hover,
.mainSlider .slider .slick-arrow:hover {
	opacity: 1;
}
.btn.orange:hover,
#guide #searchArea .bnrSearch li .img:hover,
.subMenu .col:hover,
.mainMenu .col:hover,
.categoryBlock .box .img a:hover,
.wrappingArea .wrappingChoice .close:hover,
.itemSearch form input[type=submit]:hover,
.bgBtn:hover,
.imgTitleBox .col h3 a:hover,
a.item.lineType:hover,
.campaignBox:hover,
.searchWord a:hover,
#rankingArea .rankingSelect .selectorWrapper .selectorBtn:hover,
.toCartBox .cartBtn:hover,
.itemInfoTop .itemImg .slick-arrow:hover,
.itemInfoTop .itemImg a:hover,
.sortBtnWrap a:hover,
.newItemBox a:hover,
.tweetBox .followBtn a:hover,
.sideNav .sideBanner a:hover,
.sideNav .calender .month a:hover,
.mainSlider .slider .slick-slide a:hover,
#campaignArea .cpLink:hover,
.items .item:hover,
.programToggle:hover,
.bnrArea a:hover,
.attention a:hover,
.hover:hover {
	opacity: .6;
}
.btn:hover {
	border-color: #f98d28;
	color: #f98d28;
}
.btn:hover:after {
	background-image: url(/files/commonfiles/images/icn_arrow_btn_hover.png);
}
.btn.prev:hover:after {
	background-image: url(/files/commonfiles/images/icn_arrow_btn_prev_hover.png);
}
.btn.close:hover:after {
	background-image: url(/files/commonfiles/images/icn_close_hover.png);
}
.anchorIcon:hover:after {
	background-image: url(/files/commonfiles/images/icn_link_arrow_down_hover.png);
}
.external:hover:after,
.btn[target='_blank']:hover:after {
	background-image: url(/files/commonfiles/images/icn_blank_hover.png);
}
.return:hover:after {
	background-image: url(/files/commonfiles/images/icn_return_hover.png);
}
.catalogSearchBlock .howtoBlock .btnWrapper .close:hover:after {
	background-image: url(/files/commonfiles/images/icn_arrow_btn_up_hover.png);
}
.loginBlock .loginBox .btnWraper .btn:hover {
	opacity: .6;
}
.loginBlock .loginBox .btnWraper .btn:hover:after {
	background-image: url(/files/commonfiles/images/icn_login_orange.png);
}

.fBoxPC {
	display: flex;
	align-items: center;
}


/* inquiry */
.inquiryBlock .inquiryBox .col .telNum a {
	pointer-events: none;
}

/* top page */
#tvOrderArea .program .btnWrapper,
#rankingArea .rankingSelect .choiceArea {
	display: none;
}
#rankingArea .rankingSelect {
	position: relative;
	margin: 0 auto 25px;
	width: 980px;
}
#rankingArea .rankingSelect .selectorWrapper {
	position: relative;
	opacity: 0;
	transition: all 0.3s ease;
}
#rankingArea .rankingSelect .selectorWrapper.show {
	opacity: 1;
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn {
	display: block;
	width: 30px;
	height: 34px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -17px;
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn:focus {
	outline: 0;
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn.prev {
	background: #fff url(/files/commonfiles/images/icn_arrow_ranking_prev.png) no-repeat 3px center;
	border-right: 1px solid #c4c8cc;
	right: calc(100% + 4px);
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn.next {
	background: #fff url(/files/commonfiles/images/icn_arrow_ranking_next.png) no-repeat 15px center;
	border-left: 1px solid #c4c8cc;
	left: calc(100% + 4px);
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn.disabled {
	opacity: 0;
	pointer-events: none;
}
#rankingArea .rankingSelect .selectorWrapper .selector {
	overflow: hidden;
	position: relative;
}
#rankingArea .rankingSelect .selectorWrapper .selector:after {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	content: "";
	width: 32px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#rankingArea .rankingSelect .selectorWrapper .selector .selectorInner {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	transition: all 0.3s ease;
}
#rankingArea .rankingSelect .selectorWrapper .selector a {
	background-color: #fff;
	border-radius: 30px;
	display: inline-block;
	line-height: 30px;
	padding: 0 12px;
}
#rankingArea .rankingSelect .selectorWrapper .selector .current {
	background-color: #f98d28;
	color: #fff;
	pointer-events: none;
}

/* shop */
.orderBox .orderSelect .choiceArea {
	display: none;
}

/* item detail */
.itemInfoTop .itemImg .imgBlock > div {
	display: none;
}
.itemInfoTop .itemImg .imgBlock > div.show {
	display: block;
}

/* sideNav */
.sideInquiryBlock .btn {
	padding: 4px 15px;
}
.sideInquiryBlock .btn:after {
	background-size: 4px auto;
	width: 4px;
	height: 8px;
	right: 8px;
	margin-top: -4px;
}

}
.campaignBox .img img {
	width: 220px;
	height: 220px;
}
@media screen and (max-width: 767px) {
/*---------------------------------------------
 base margin
---------------------------------------------*/
.sp_mt0 { margin-top: 0px !important; }
.sp_mt10 { margin-top: 10px !important; }
.sp_mt15 { margin-top: 15px !important; }
.sp_mt20 { margin-top: 20px !important; }
.sp_mt30 { margin-top: 30px !important; }
.sp_mt40 { margin-top: 40px !important; }
.sp_ml0 { margin-left: 0 !important; }
.sp_ml5 { margin-left: 5px !important; }
.sp_ml10 { margin-left: 10px !important; }
.sp_ml15 { margin-left: 15px !important; }
.sp_ml20 { margin-left: 20px !important; }
.sp_ml30 { margin-left: 30px !important; }
.sp_ml40 { margin-left: 40px !important; }
.sp_mb0 { margin-bottom: 0px !important; }
.sp_mb5 { margin-bottom: 5px !important; }
.sp_mb10 { margin-bottom: 10px !important; }
.sp_mb15 { margin-bottom: 15px !important; }
.sp_mb20 { margin-bottom: 20px !important; }
.sp_mb30 { margin-bottom: 30px !important; }
.sp_mb40 { margin-bottom: 40px !important; }
.sp_mb50 { margin-bottom: 50px !important; }
.sp_mb60 { margin-bottom: 60px !important; }
.sp_mb70 { margin-bottom: 70px !important; }
.sp_mr0 { margin-right: 0px !important; }
.sp_mr5 { margin-right: 5px !important; }
.sp_mr10 { margin-right: 10px !important; }
.sp_mr20 { margin-right: 20px !important; }
.sp_mr30 { margin-right: 30px !important; }
.sp_mr35 { margin-right: 35px !important; }
.sp_mr40 { margin-right: 40px !important; }
/*---------------------------------------------
 base padding
---------------------------------------------*/
.sp_pt0 { padding-top: 0px !important; }
.sp_pt5 { padding-top: 5px !important; }
.sp_pt10 { padding-top: 10px !important; }
.sp_pt15 { padding-top: 15px !important; }
.sp_pt20 { padding-top: 20px !important; }
.sp_pt30 { padding-top: 30px !important; }
.sp_pt40 { padding-top: 40px !important; }
.sp_pl0 { padding-left: 0 !important; }
.sp_pl5 { padding-left: 5px !important; }
.sp_pl10 { padding-left: 10px !important; }
.sp_pl15 { padding-left: 15px !important; }
.sp_pl20 { padding-left: 20px !important; }
.sp_pl30 { padding-left: 30px !important; }
.sp_pl40 { padding-left: 40px !important; }
.sp_pb0 { padding-bottom: 0px !important; }
.sp_pb5 { padding-bottom: 5px !important; }
.sp_pb10 { padding-bottom: 10px !important; }
.sp_pb15 { padding-bottom: 15px !important; }
.sp_pb20 { padding-bottom: 20px !important; }
.sp_pb30 { padding-bottom: 30px !important; }
.sp_pb40 { padding-bottom: 40px !important; }
.sp_pb50 { padding-bottom: 50px !important; }
.sp_pb60 { padding-bottom: 60px !important; }
.sp_pb70 { padding-bottom: 70px !important; }
.sp_pr0 { padding-right: 0px !important; }
.sp_pr5 { padding-right: 5px !important; }
.sp_pr10 { padding-right: 10px !important; }
.sp_pr20 { padding-right: 20px !important; }
.sp_pr30 { padding-right: 30px !important; }
.sp_pr35 { padding-right: 35px !important; }
.sp_pr40 { padding-right: 40px !important; }
img {
	max-width: 100%;
}

/* title */
.h2Title {
	font-size: 26px;
	margin-bottom: 20px;
}
.h2Title .sub { font-size: 16px; }
.h2Title .date { font-size: 15px; }
.h3Title {
	margin: 30px 0;
}
#contents .txtTitle,
.txtTitle {
	font-size: 26px;
	padding-top: 20px;
}
#contents .txtTitle,
.txtTitle {
	width: 100%;
	padding: 20px 15px 0;
}
#contents .txtTitle h1,
.txtTitle h1 {
	font-size: 26px;
}

/* link */
.btn {
	border-width: 1px;
}
.btnWrapper .bgBtn + .btn,
.btnWrapper .btn + .bgBtn,
.btnWrapper .bgBtn + .bgBtn,
.btnWrapper .btn + .btn {
	margin-left: 16px;
}
.btn:after {
	background: url(/files/commonfiles/images/icn_arrow_btn_sp.png) no-repeat 0 0 / 7px auto;
	width: 7px;
	height: 12px;
}
.spArrow:after {
	background: url(/files/commonfiles/images/icn_link_arrow_sp.png) no-repeat 0 0 / 5px auto;
	content: "";
	display: inline-block;
	width: 5px;
	height: 9px;
	margin-left: 8px;
	vertical-align: middle;
}

/* tile link */
.items .item {
	border-radius: 5px;
	width: 175px;
	padding-bottom: 15px;
}
.mainArea .itemList .items .item:nth-of-type(3n),
.itemList .items .item {
	width: calc((100% - 10px) / 2);
	margin-right: 10px;
}
.mainArea .itemList .items .item:nth-of-type(2n),
.itemList .items .item:nth-of-type(2n) {
	margin-right: 0;
}
.mainArea .itemList .items .item:nth-of-type(n+4),
.itemList .items .item:nth-of-type(n+5),
.itemList .items .item:nth-of-type(n+3) {
	margin-top: 10px;
}
@media screen and (orientation: landscape) {
.itemList .items .item:nth-of-type(3n) {
	margin-right: 0;
}
.itemList .items .item:nth-of-type(2n) {
	margin-right: 10px;
}
.mainArea .itemList .items .item:nth-of-type(n+4),
.itemList .items .item:nth-of-type(n+5),
.itemList .items .item:nth-of-type(n+3) {
	margin-top: 0;
}
.mainArea .itemList .items .item:nth-of-type(n+4) {
	margin-top: 10px;
}
}
.items .item img {
	border-radius: 5px 5px 0 0;
	margin-bottom: 15px;
}
.item .itemName {
	font-size: 16px;
}
.items .item .itemName {
	padding: 0 15px;
}
.item .flag {
	margin-top: 10px;
	padding: 0 15px;
}
.item .flag .new {
	font-size: 14px;
	padding: 3px 10px;
}
.item .info {
	display: none;
}
.price,
.noPrice {
	font-size: 14px;
}
.items .item .price {
	padding: 0 15px;
}
.price .yen {
	font-size: 14px;
}
.items .item .secLabel {
	padding: 0 15px;
}
.item .notice {
	font-size: 12px;
	padding: 0 15px;
}

/* slider */
.mainArea .itemSlider,
.itemSlider {
	width: auto;
	padding-left: 15px;
	margin: 0 -15px;
}
.program .itemSlider {
	margin: 0;
}
.itemSlider:after,
.itemSlider:before {
	display: none;
}
.itemSlider .next,
.itemSlider .prev {
	background: url(/files/commonfiles/images/icn_slider_prev_sp.png) no-repeat 0 0 / 30px auto;
	width: 30px;
	height: 60px;
	opacity: 1;
	top: 60px;
}
.itemSlider.ranking .next,
.itemSlider.ranking .prev {
	top: 128px;
}
.program .itemSlider .next,
.program .itemSlider .prev {
	top: 133px;
}
.itemSlider .prev {
	left: 0;
}
.itemSlider .next {
	background-image: url(/files/commonfiles/images/icn_slider_next_sp.png);
	right: 0;
}
.itemSlider .slider .dayBox .day {
	font-size: 14px;
	padding: 20px 0 10px 3px;
}

/* block */
.od2,
.od1 {
	order: 0;
}
.sepBlock .col.sep3-2,
.sepBlock .col.sep3-1,
.sepBlock.sep3 .col,
.sepBlock.sep2 .col {
	width: 100%;
	margin: 0;
}
.sepBlock.sep2 .col + .col {
	margin-top: 15px;
}
.sepBlock.sep3 .col + .col {
	margin-top: 24px;
}

.imgTitleBox .col {
	border-radius: 5px;
}
.imgTitleBox .col h3 img {
	width: 100%;
	height: auto;
}
.imgTitleBox .col .body {
	padding: 20px;
}
/*
.imgTitleBox .col .body .item .img {
	border-radius: 5px;
}
*/
.imgTitleBox .col .body .btnWrapper {
	margin-top: 20px;
}

/* sideNav */
.sideNav {
	width: 100%;
}
.sideNav h2 {
	font-size: 26px;
	padding: 0 15px;
	margin-bottom: 25px;
}
.categoryBox {
	margin-bottom: 15px;
}
.categoryList {
	border-bottom: 1px solid #e8eaeb;
}
.categoryList > li {
	border-top: 1px solid #e8eaeb;
}
.categoryList > li > a {
	color: #5b636d !important;
	font-size: 16px;
	padding: 10px 40px 10px 16px;
}
.categoryList > li .menuToggle:after {
	width: 30px;
	height: 30px;
	right: 15px;
}
.categoryList > li > ul > li {
	padding-left: 0;
}
.categoryList > li > ul > li + li {
	margin-top: 1px;
}
.categoryList > li > ul > li > a {
	background-color: #f5f7f7;
	display: block;
	padding: 10px 10px 10px 36px;
	position: relative;
}
.sideNav .sideBanner {
	padding: 0 15px;
}
.sideNav .sideBanner li + li {
	margin-top: 15px;
}
.sideNav .sideBanner img {
	width: 100%;
	height: auto;
}
.tweetBox {
	margin-bottom: 40px;
}
.tweetBox .timeline {
	border-width: 1px;
}
.tweetBox .followBtn {
	padding: 4px 10px 0;
}
.shopLink {
	display: block;
	font-size: 16px;
	margin: 10px 0 0;
	text-align: right;
}
.shopInfo dl {
	display: block;
}
.shopInfo dl dt {
	width: 100%;
}
.shopInfo dl dd {
	margin-top: 10px;
}
.genreBox {
	margin-bottom: 15px;
	padding: 0 15px;
}
.sideInquiryBlock {
	padding: 0 15px;
}
.sideNav .sideInquiryBlock h2 {
	padding: 0;
}
.sideInquiryBlock .inqiuryBox {
	font-size: 16px;
}
.sideInquiryBlock .inqiuryBox .mail,
.sideInquiryBlock .inqiuryBox .btnWrapper,
.sideInquiryBlock .inqiuryBox h3 {
	margin-bottom: 10px;
}
.sideInquiryBlock .inqiuryBox h3 img {
	width: 20px;
	height: auto;
}

/* banner */
.bnrArea {
	display: block;
	margin-top: 40px;
	padding: 0 15px;
}
.bnrArea a {
	width: 100%;
	height: auto;
}
.bnrArea a + a {
	margin: 20px 0 0;
}

/* inquiry */
.inquiryBlock {
	margin: 40px 15px 0;
	width: auto;
}
.inquiryBlock .lead {
	font-size: 20px;
}
.inquiryBlock .inquiryBox {
	display: block;
	padding: 0 20px;
}
.inquiryBlock .inquiryBox .col {
	padding-left: 30px;
}
.inquiryBlock .inquiryBox .col + .col {
	border-top: 1px solid #ebebeb;
	margin-top: 30px;
	padding-top: 30px;
}
.inquiryBlock .inquiryBox .col .counter {
	font-size: 22px;
}
.inquiryBlock .inquiryBox .col .counter .label {
	margin-left: 5px;
}
.inquiryBlock .inquiryBox .col .telNum {
	font-size: 29px;
}
.inquiryBlock .inquiryBox .col .telNum:before {
	right: calc(100% + 6px);
}

/* attention */
.attention a {
	border-radius: 5px;
	font-size: 14px;
	margin: 15px 15px 40px;
	line-height: 50px;
	width: auto;
}
.attention a:before {
	margin-right: 10px;
}

/* topic path */
.topicPath {
	display: none;
}

/* top page */
.mainSlider {
	padding: 20px 0 0;
	height: 172px;
}
.mainSlider .slider .slick-arrow {
	width: 30px;
	height: 60px;
	opacity: 1;
	top: 30px;
}
.mainSlider .slider .slick-prev {
	background: url(/files/commonfiles/images/icn_slider_prev_sp.png) no-repeat 0 0 / 30px auto;
	left: 0;
	right: auto;
	margin-right: 0;
}
.mainSlider .slider .slick-next {
	background: url(/files/commonfiles/images/icn_slider_next_sp.png) no-repeat 0 0 / 30px auto;
	left: auto;
	right: 0;
	margin-left: 0;
}
.mainSlider .slider .slick-slide {
	padding: 0 4px;
}
.mainSlider .slider .slick-slide a {
	border-radius: 5px;
}
.mainSlider .slider .slick-slide a img {
	width: 300px;
	height: auto;
}
.mainSlider .slider .slick-dots {
	margin-top: 8px;
}
.mainSlider .slider .slick-dots li + li {
	margin-left: 8px;
}
.mainSlider .slider .slick-dots button {
	width: 8px;
	height: 8px;
}
.notification {
	margin: 20px auto 0;
	width: calc(100% - 30px);
}
.notification a {
	text-align: left;
	padding: 16px;
}
.notification a .date {
	display: block;
	margin: 0 0 10px;
}
.searchArea {
	background-color: #e8eaeb;
	margin-top: 40px;
	padding: 15px;
}
.searchArea .lead {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.searchArea form {
	background-color: #fff;
	border-radius: 50px;
	display: flex;
	margin-top: 12px;
	padding: 10px 10px 10px 18px;
}
.searchArea form input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	font-size: 12px;
	flex: 1;
	height: auto;
	margin: 0;
}
.searchArea form input[type=text]:focus {
	outline: 0;
}
.searchArea form input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #e8eaeb url(/files/commonfiles/images/icn_search.png) no-repeat center center / 15px auto;
	border: none;
	border-radius: 28px;
	cursor: pointer;
	width: 28px;
	height: 28px;
	margin-left: 6px;
}
#tvOrderArea {
	border-bottom: none;
	margin-top: 40px;
	padding-bottom: 0;
}
#tvOrderArea .h2Title {
	width: 100%;
	padding: 0 15px;
	margin-bottom: 20px;
}
.mainArea #tvOrderArea .program .programTitle {
	width: 100%;
}
#tvOrderArea .program .programTitle .inner {
	width: 100%;
	padding: 0 25px 0 0;
	position: relative;
}
#tvOrderArea .program .programTitle .inner .img {
	position: relative;
	z-index: 1;
}
#tvOrderArea .program .programTitle .inner .img img {
	width: 320px;
	height: auto;
}
#tvOrderArea .program .programTitle .inner .programLink,
#tvOrderArea .program .programTitle .inner .info {
	display: none;
}
#tvOrderArea .program .programTitle .inner .programToggle:after {
	background: url(/files/commonfiles/images/icn_top_tv_up_sp.png) no-repeat 0 0 / 26px auto;
	width: 26px;
	right: 25px;
}
#tvOrderArea .program .programTitle .inner .programToggle.closed:after {
	background-image: url(/files/commonfiles/images/icn_top_tv_down_sp.png);
}
#tvOrderArea .program .itemSlider {
	padding-bottom: 20px;
}
#tvOrderArea .program .btnWrapper {
	display: block;
	text-align: center;
	padding-bottom: 40px;
}
#tvOrderArea .program:last-child .btnWrapper {
	margin-bottom: 0;
}
#officialArea,
#catalogArea {
	margin-top: 40px;
	padding: 40px 0;
}
#officialArea .inner > .btnWrapper,
#catalogArea .inner > .btnWrapper {
	margin-top: 20px;
}
#campaignArea {
	border-top: none;
	padding-top: 40px;
}
#campaignArea .sepBlock.sep3 .col {
	width: 100%;
}
#campaignArea .cpLink {
	border-radius: 5px;
	width: 100%;
}
#campaignArea .cpLink img {
	width: 100%;
	height: auto;
}
#campaignArea .cpLink + p {
	margin-top: 15px;
}
.lineSection {
	border-top: 1px solid #f5f7f7;
	margin-top: 30px;
	padding: 30px 15px 0;
}
.orderWrap .etcArea+.lineSection { margin-top: 80px; }
#contents .lineSection .inner {
	padding: 0;
}
#contents .spLineSection {
	border-top: 1px solid #f5f7f7;
	margin-top: 40px;
	padding-top: 40px;
}
#newsArea .newsList {
	height: 220px;
}
#newsArea .newsList li + li {
	margin-top: 20px;
}
#newsArea .newsList .date {
	display: block;
	width: 100%;
}
#newsArea .btnWrapper {
	margin-top: 30px;
	text-align: center;
}
#rankingArea .rankingSelect {
	margin: 25px 0;
	position: relative;
}
#rankingArea .rankingSelect .choiceArea {
	border-radius: 37px;
	display: flex;
	height: 37px;
	position: relative;
	z-index: 1;
}
#rankingArea .rankingSelect .choiceArea .choiced {
	background-color: #f5f7f7;
	border: 1px solid #c4c8cc;
	border-right: none;
	border-radius: 18px 0 0 18px;
	color: #3c3c3c !important;
	display: flex;
	align-items: center;
	flex: 1;
	font-size: 14px;
	padding: 0 15px;
}
#rankingArea .rankingSelect .choiceArea .arrow {
	background: #f98d28 url(/files/commonfiles/images/icn_arrow_select_white_sp.png) no-repeat center center / 12px auto;
	border-radius: 0 18px 18px 0;
	display: block;
	width: 50px;
	height: 37px;
}
#rankingArea .rankingSelect .choiceArea.opened .arrow {
	background-image: url(/files/commonfiles/images/icn_arrow_select_white_up_sp.png);
}
#rankingArea .rankingSelect .selectorWrapper {
	background-color: #f5f7f7;
	border: 1px solid #c4c8cc;
	border-radius: 18px 0 18px 18px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	height: 340px;
	opacity: 0;
	overflow-y: auto;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
	width: calc(100% - 50px);
	z-index: 2;
}
#rankingArea .rankingSelect .selectorWrapper.show {
	opacity: 1;
	pointer-events: auto;
}
#rankingArea .rankingSelect .selectorWrapper a {
	display: block;
	font-size: 14px;
	width: 100%;
	line-height: 37px;
	padding: 0 15px;
}
#rankingArea .rankingSelect .selectorWrapper a.current {
	background-color: #e8eaeb;
}
#rankingArea .rankingSelect .selectorWrapper button {
	display: none !important;
}

/* tv tshuhan */
#contents .catalogTitle .inner,
#contents .tvTopTitle .inner {
	width: 100%;
	padding: 0;
}
#contents .catalogTitle .inner{
	width: 100%;
	padding: 0;
        display: block;
}

.imgTitle h1,
.catalogTitle .inner h1,
.tvTopTitle .inner h1 {
	display: block;
	width: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.catalogTitle .inner h1 img,
.tvTopTitle .inner h1 img {
	width: 100%;
	max-width: none;
}
.imgTitle h1 img {
	width: 150%;
	max-width: 1000px;
	margin-left: -25%;
}

.catalogTitle .inner .info,
.tvTopTitle .inner .img,
.tvTopTitle .inner .info {
	display: none;
}
.catalogTitle .inner .btnArea {
	text-align: center;
}

.itemSearch {
	background-color: #e8eaeb;
	display: block;
	margin-top: 40px;
	padding: 15px;
}
.itemSearch .title {
	border-radius: 0;
	display: block;
	font-size: 14px;
	text-align: center;
	padding: 0;
}
.itemSearch form {
	background-color: #fff;
	border: none;
	border-radius: 50px;
	margin-top: 12px;
	padding: 10px 10px 10px 20px;
}
.itemSearch form input[type=text] {
	font-size: 14px;
}
.choiceDateBox {
	padding: 15px 0;
}
#dateChoicePop .choicedDate,
.choiceDateBox .choiceDate {
	background-color: #fff;
	padding: 6px 20px 6px 47px;
}
#dateChoicePop .choicedDate:after,
.choiceDateBox .choiceDate:after {
	background: url(/files/commonfiles/images/icn_calender.png) no-repeat 0 0 / 16px auto;
	width: 16px;
	height: 18px;
	right: auto;
	left: 19px;
	margin-top: -9px;
}
.airDayBlock {
	border-top: 1px solid #f5f7f7;
	padding: 40px 0 0;
}
.airDayBlock + .airDayBlock {
	margin-top: 40px;
}
.pager {
	justify-content: space-between;
}
.pager .btn {
	padding: 6px 26px;
}
.pager ul {
	display: none;
}
#dateChoicePop {
	opacity: 0;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 15px;
	z-index: 1001;
}
#dateChoicePop.show {
	opacity: 1;
}
#dateChoicePop .closeBtn {
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	right: 15px;
	top: 0;
}
#dateChoicePop .closeBtn:after,
#dateChoicePop .closeBtn:before {
	background-color: #fff;
	content: "";
	width: 38px;
	height: 4px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#dateChoicePop .closeBtn:before {
	transform: rotate(-45deg)
}
#dateChoicePop .closeBtn:after {
	transform: rotate(45deg)
}
#dateChoicePop .calender {
	background-color: #fff;
	border: 1px solid #e8eaeb;
	border-radius: 10px;
	padding: 14px;
	margin: 10px auto 0;
	max-width: 340px;
}
#dateChoicePop .calender .calenderInner[data-month="lastMonth"] {
	display: none;
}
#dateChoicePop .calender .month {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#dateChoicePop .calender .month a {
	display: block;
	width: 20px;
	height: 28px;
}
#dateChoicePop .calender .month .prev { background: url(/files/commonfiles/images/icn_calender_prev_sp.png) no-repeat center center / 10px auto; }
#dateChoicePop .calender .month .next { background: url(/files/commonfiles/images/icn_calender_next_sp.png) no-repeat center center / 10px auto; }
#dateChoicePop .calender .calenderInner[data-month="lastMonth"] .month .prev,
#dateChoicePop .calender .calenderInner[data-month="currentMonth"] .month .next {
	opacity: 0;
	pointer-events: none;
}
#dateChoicePop .calender .month p {
	font-size: 22px;
	font-weight: bold;
}
#dateChoicePop .calender .week {
	color: #666;
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	margin-top: 30px;
}
#dateChoicePop .calender .day li,
#dateChoicePop .calender .week li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin-right: 16px;
	position: relative;
}
#dateChoicePop .calender .day li:nth-of-type(7n),
#dateChoicePop .calender .week li:nth-of-type(7n) {
	margin-right: 0;
}
#dateChoicePop .calender .day {
	color: #c4c8cc;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 20px;
	font-weight: bold;
}
#dateChoicePop .calender .day li {
	margin-top: 16px;
}
#dateChoicePop .calender .day li a {
	border-radius: 23px;
	color: #5b636d;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	position: relative;
}
#dateChoicePop .calender .day li .cur {
	background-color: #f98d28;
	color: #fff;
	width: 46px;
	height: 46px;
	margin: -10px;
}

/* shop */
.categoryBox h2 {
	font-size: 26px;
	padding: 0 15px;
	margin-bottom: 30px;
}
.newItemBox {
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 20px;
	margin: 0 15px;
}
.newItemBox .img {
	width: 125px;
}
.newItemBox .img img {
	border-radius: 5px;
}
.newItemBox .txtArea {
	padding: 0;
	margin-left: 12px;
}
.newItemBox .spTxt {
	color: #666;
	font-size: 13px;
	margin-top: 5px;
	width: 100%;
}
.tweetBnr {
	padding: 0 15px;
	margin-top: 40px;
}
.tweetBnr .title img {
	width: 100%;
	height: auto;
}
.tweetBnr .sideBanner li + li {
	margin-top: 15px;
}
.tweetBnr .sideBanner img {
	width: 100%;
	height: auto;
}
.shopAccess {
	display: block;
}
.shopAccess .map {
	width: 100%;
}
.shopAccess .txt {
	margin: 18px 0 0;
}
.shopAccess .txt p + p {
	margin-top: 20px;
}
.topNews {
	padding: 15px 0 0;
}
.topNews .inner {
	padding: 0;
}
.topNews .snsArea {
	border-bottom: 1px solid #f5f7f7;
	float: none;
	padding-bottom: 15px;
}
.topNews .snsArea ul {
	justify-content: center;
}
.topNews .news {
	padding: 40px 15px 0;
}
.topNews .news h2 {
	font-size: 20px;
}
.topNews .newsList {
	font-size: 16px;
}
.topNews .newsList li {
	padding-left: 0;
	text-indent: 0;
}
.topNews .newsList li + li {
	margin-top: 20px;
}
.topNews .newsList li .date {
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
.shopWrapper {
	background: none;
	padding: 0;
}
#contents .shopWrapper .contentsWrapper {
	border-radius: 0;
	padding: 0;
}
.sortBtnWrap a {
	font-size: 16px;
	width: calc((100% - 20px ) / 3);
}
.hitNumWrap {
	font-size: 14px;
}
.sortBtnWrap + .hitNumWrap {
	margin-top: 20px;
}
.hitNumWrap .hit strong {
	font-size: 20px;
}
.orderBox {
	margin: 20px 0 35px;
}
.orderBox .title {
	font-size: 16px;
}
.orderBox .orderSelect {
	margin-left: 0;
	flex: 1;
	position: relative;
}
.orderBox .orderSelect .choiceArea {
	border-radius: 37px;
	display: flex;
	height: 37px;
	position: relative;
	z-index: 1;
}
.orderBox .orderSelect .choiceArea .choiced {
	background-color: #f5f7f7;
	border: 1px solid #c4c8cc;
	border-right: none;
	border-radius: 18px 0 0 18px;
	color: #3c3c3c !important;
	display: flex;
	align-items: center;
	flex: 1;
	font-size: 14px;
	padding: 0 15px;
}
.orderBox .orderSelect .choiceArea .arrow {
	background: #f6902d url(/files/commonfiles/images/icn_arrow_select_white_sp.png) no-repeat center center / 12px auto;
	border-radius: 0 18px 18px 0;
	display: block;
	width: 50px;
	height: 37px;
}
.orderBox .orderSelect .choiceArea.opened .arrow {
	background-image: url(/files/commonfiles/images/icn_arrow_select_white_up_sp.png);
}
.orderBox .orderSelect .selectorWrapper {
	background-color: #f5f7f7;
	border: 1px solid #c4c8cc;
	border-radius: 18px 0 18px 18px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	opacity: 0;
	overflow-y: auto;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
	width: calc(100% - 50px);
	z-index: 10;
}
.orderBox .orderSelect .selectorWrapper.show {
	opacity: 1;
	pointer-events: auto;
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn {
	display: none;
}
.orderBox .orderSelect .selectorWrapper .selector {
	display: block;
}
.orderBox .orderSelect .selectorWrapper .selector a {
	background: none;
	border-radius: 0;
	display: block;
	font-size: 14px;
	width: 100%;
	line-height: 37px;
	padding: 0 15px;
}
.orderBox .orderSelect .selectorWrapper .selector a + a {
	margin: 0;
}
.orderBox .orderSelect .selectorWrapper .selector .current {
	background-color: #e8eaeb;
	color: #5b636d;
}

/* item detail */
.itemInfoTop .inner {
	display: block;
}
.itemInfoTop .itemImg {
	width: 100%;
}
.itemInfoTop .itemImg .imgBlock {
	position: relative;
	margin-right: -15px;
}
.itemInfoTop .itemImg .imgBlock .info {
	margin-top: 10px;
}
.itemInfoTop .itemImg .imgBlock .slick-arrow {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	width: 30px;
	height: 60px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	transition: all 0.3s ease;
	z-index: 3;
}
.itemInfoTop .itemImg .imgBlock .slick-arrow.show {
	opacity: 1;
}
.itemInfoTop .itemImg .imgBlock .slick-dots button:focus,
.itemInfoTop .itemImg .imgBlock .slick-arrow:focus {
	outline: 0;
}
.itemInfoTop .itemImg .imgBlock .slick-prev {
	background: url(/files/commonfiles/images/icn_slider_prev_sp.png) no-repeat 0 0 / 30px auto;
	left: -15px;
}
.itemInfoTop .itemImg .imgBlock .slick-next {
	background: url(/files/commonfiles/images/icn_slider_next_sp.png) no-repeat 0 0 / 30px auto;
	right: 0;
}
.itemInfoTop .itemImg .imgBlock .slick-disabled.show,
.itemInfoTop .itemImg .imgBlock .slick-disabled {
	opacity: 0;
	pointer-events: none;
}
.itemInfoTop .itemImg .imgBlock .slick-slide {
	margin-right: 15px;
}
.itemInfoTop .itemImg .imgBlock .slick-dots {
	display: flex;
	justify-content: center;
	margin-top: 24px;
}
.itemInfoTop .itemImg .imgBlock .slick-dots li + li {
	margin-left: 8px;
}
.itemInfoTop .itemImg .imgBlock .slick-dots li button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #dbd5cd;
	border: none;
	border-radius: 10px;
	width: 8px;
	height: 8px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
}
.itemInfoTop .itemImg .imgBlock .slick-dots .slick-active button {
	background-color: #f98d28;
}
.itemInfoTop .itemImg .thumbnail {
	display: none;
}
.itemInfoTop .rightArea {
	margin: 15px 0 0;
}
.itemInfoTop .rightArea .campaginBox .sec + .sec {
	margin-top: 16px;
	padding-top: 16px;
}
.itemInfoTop .rightArea dl.price .taxRedu {
	display: block;
	margin: 8px 0 0;
}
.itemInfoTop .rightArea .toCartBox {
	padding: 15px;
	position: relative;
	margin: 30px -15px 0;
}
.toCartBox .num {
	width: auto;
}
.toCartBox .cartBtn {
	margin-left: 16px;
}
.itemInfoTop .rightArea .snsArea {
	margin-top: 15px;
}
.itemInfoTop .rightArea .snsArea ul {
	justify-content: center;
}
.supplementBlock {
	margin-top: 15px;
}
.itemInfo img {
	width: 100%;
	height: auto;
}
.specArea h2 {
	font-size: 26px;
	margin-bottom: 20px;
}
#fitArea {
	padding: 10px 15px;
}
#fitArea form {
	display: block;
	width: 100%;
}
#fitArea .toCartBox {
	width: 100%;
}
#fitArea .toCartBox .num {
	width: auto;
}
.popWin {
	width: calc(100% - 30px);
	max-height: calc(100% - 30px);
	padding: 40px 8px 16px;
	margin: auto;
	top: 0 !important;
	bottom: 0;
	position: fixed;
}
.popWin .img {
	width: 100%;
	height: 100%;
	overflow: auto;
}
#alertPop {
	width: 300px;
	top: 50% !important;
	bottom: auto;
	transform: translate(-50%, -50%);
}
#alertPop .btnWrapper a {
	display: block;
	width: 100%;
}
#alertPop .btnWrapper {
	margin-top: 24px;
}
#alertPop .btnWrapper a + a {
	margin: 8px 0 0;
}
#arrivalNewsPop {
	top: 50% !important;
	bottom: auto;
	transform: translate(-50%, -50%);
}
#arrivalNewsPop .mail {
	display: block;
	margin-top: 16px;
}
#arrivalNewsPop .mail dd {
	margin: 8px 0 0;
}
#arrivalNewsPop .note {
	margin-top: 8px;
}
#arrivalNewsPop .btnWrapper {
	margin-top: 16px;
}
.popWin.returnPop {
	top: 50% !important;
	bottom: auto;
	transform: translate(-50%, -50%);
}
.popWin.returnPop .returnTxt {
	width: 100%;
}
@media screen and (orientation: landscape) {
.popWin.returnPop .returnTxt {
	max-height: 300px;
}
}

.catalogSearchBlock {
	border: none;
	border-bottom: 1px solid #e8eaeb;
	margin-top: 20px;
	padding: 0 0 16px;
}
.catalogSearchBlock .searchBlock {
	display: block;
}
.catalogSearchBlock .searchBlock .howtoBtn {
	margin: 16px 0 0;
	text-align: center;
}
.catalogSearchBlock .howtoBlock {
	padding-top: 16px;
}
.catalogSearchBlock .howtoBlock .howtoWrap {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.catalogSearchBlock .howtoBlock .howtoWrap .howtoSlide {
	display: block;
	width: 30px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	transition: all 0.3s;
	z-index: 2;
}
.catalogSearchBlock .howtoBlock .howtoWrap .howtoSlide.prev {
	background: url(/files/commonfiles/images/icn_slider_prev_sp.png) no-repeat 0 0 / 30px auto;
	left: 0;
}
.catalogSearchBlock .howtoBlock .howtoWrap .howtoSlide.next {
	background: url(/files/commonfiles/images/icn_slider_next_sp.png) no-repeat 0 0 / 30px auto;
	right: 0;
}
.catalogSearchBlock .howtoBlock .howtoWrap .howtoSlide.disabled {
	opacity: 0;
	pointer-events: none;
}
.catalogSearchBlock .howtoBlock .howto {
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
	position: relative;
	width: 200%;
	transition: all 0.3s;
	z-index: 1;
}
.catalogSearchBlock .howtoBlock .howto.slide {
	transform: translateX(-50%);
}
.catalogSearchBlock .howtoBlock .howto .col {
	width: calc((100% - 30px) / 2);
}
.catalogSearchBlock .howtoBlock .howto .col + .col:before {
	display: none;
}
.catalogSearchBlock .howtoBlock .howto .txt {
	font-size: 16px;
}
.catalogSearchBlock .howtoBlock .howto .txt .num {
	font-size: 24px;
}
.catalogSearchBlock .howtoBlock .howto .img {
	margin-top: 8px;
}
.catalogSearchBlock .howtoBlock .howto .img img {
	width: 100%;
	height: auto;
}
.catalogSearchBlock .howtoBlock .btnWrapper {
	margin-top: 16px;
}
.section {
	margin-top: 32px;
}
.searchWord {
	margin: 0;
}
.searchWord a {
	display: inline-block;
	margin: 8px 8px 0 0;
}
.narrowBox {
	margin-top: 10px;
}
#NarrowPop .narrowCloseBtn,
.narrowBox h2 a {
	color: #666 !important;
	display: block;
	padding: 10px 15px;
	position: relative;
	width: 100%;
}
#NarrowPop .narrowCloseBtn:after,
.narrowBox h2 a:after {
	background: #f5f7f7 url(/files/commonfiles/images/icn_arrow_down_sp.png) no-repeat center center / 12px auto;
	border-radius: 30px;
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.narrowBox .hiddenList {
	display: none;
}
#NarrowPop {
	background-color: #fff;
	width: calc(100% - 15px);
	height: calc(100% - 95px);
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 80px;
	z-index: 1001;
	transition: all 0.3s;
}
#NarrowPop.show {
	opacity: 1;
	pointer-events: auto;
}
#NarrowPop .narrowCloseBtn:after {
	background-image: url(/files/commonfiles/images/icn_arrow_up_sp.png);
	right: 15px;
}
#NarrowPop .narrowBox {
	height: calc(100% - 54px);
	overflow-y: auto;
	padding: 10px 0;
}
#NarrowPop .narrowBox h3 {
	padding: 0 15px;
}
#NarrowPop .narrowBox * + h3 {
	margin-top: 16px;
}
#NarrowPop .narrowBox h4 {
	font-size: 14px;
	padding: 0 15px;
}
#NarrowPop .narrowBox * + h4 {
	margin-top: 10px;
}
#NarrowPop .narrowBox .checkboxWrap {
	font-size: 14px;
}
#NarrowPop .narrowBox .checkboxList {
	margin-top: 10px;
	padding: 0 15px;
}
#NarrowPop .narrowBox .checkboxList li + li {
	margin-top: 4px;
}
#NarrowPop .narrowBox .categoryList > li > ul > li {
	background-color: #f5f7f7;
	padding: 10px 10px 10px 15px;
}
#NarrowPop .narrowBox .categoryList > li > ul > li + li {
	margin-top: 1px;
}
.alertTxt {
	margin-top: 40px;
}

/* category */
#ctgry .section {
	margin-top: 16px;
}
.categoryBlock .box {
	width: 100%;
	padding: 14px 10px;
}
.categoryBlock .box:nth-of-type(2) {
	border-top: none;
}
.categoryBlock .box .img {
	width: 60px;
}
.categoryBlock .box .img img {
	width: 100%;
	height: auto;
}
.categoryBlock .box .link {
	margin-left: 15px;
}
.categoryBlock .box .link .category {
	font-size: 16px;
}
.categoryBlock .box .link ul {
	margin-top: 10px;
}
.categoryBlock .box .link ul li + li {
	margin-top: 5px;
}

/* campagin */
.campaignBox {
	display: block;
	font-size: 14px;
}
.campaignBox + .campaignBox {
	margin-top: 24px;
}
.campaignBox .img {
	width: 220px;
	margin: 0 auto;
}
.campaignBox .img img {
	width: 100%;
	height: auto;
}
.campaignBox .txt {
	padding: 16px;
}
.campaignBox .txt .title {
	margin-bottom: 10px;
}

/* cart */
.cartFitBtn .bgBtn {
	font-size: 14px;
	padding: 6px 0;
	width: calc((100% - 8px) / 2);
}
.cartFitBtn .bgBtn + .bgBtn {
	margin-left: 8px;
}
.totaleBoxArea {
	display: block;
	margin-top: 24px;
}
.totaleBoxArea .totalBox {
	width: 100%;
}
.total .price {
	font-size: 26px;
}
.total .price .yen {
	font-size: 20px;
}
.totaleBoxArea .supplementBlock {
	width: 100%;
	margin-top: 16px;
}
.cartBlock .orderOrClear .toClear,
.cartBlock .orderOrClear .toBuy {
	width: calc((100% - 8px) / 2);
}
.cartBlock .toBuy .bgBtn,
.cartBlock .toClear .bgBtn {
	font-size: 14px;
	padding: 6px 0;
	width: 100%;
}
.campaignList {
	margin-top: 32px;
}
.campaignList li + li {
	margin-top: 10px;
}
.campaignDetail {
	margin-top: 32px;
}

/* cart login */
.loginBlock {
	display: block;
	margin-bottom: 32px;
}
.loginBlock > .col {
	width: 100%;
}
.loginBlock > .col + .col {
	margin-top: 24px;
}
.loginBlock .col .body {
	padding: 14px;
}
.loginBlock .col .body > p {
	margin-bottom: 10px;
}
.loginBlock .loginBox .checkboxWrap {
	margin: 6px 0 16px;
}
.loginBlock .loginBox .btnWraper {
	margin-top: 0;
}
.loginBlock .loginBox .btnWraper .btn {
	font-size: 16px;
	padding: 8px 32px 8px 48px;
}
.loginBlock .loginBox .btnWraper .btn:after {
	left: 24px;
}
.loginBlock .signInBox .btnWrapper .bgBtn {
	padding: 9px 60px;
}
.loginBlock .signInBox .merit {
	display: block;
	margin-top: 10px;
}
.loginBlock .signInBox .merit .col {
	justify-content: flex-start;
	padding: 10px;
	width: 100%;
	text-align: left;
}
.loginBlock .signInBox .merit .col + .col {
	margin-top: 16px;
}
.loginBlock .signInBox .merit .col .colInner {
	display: flex;
	align-items: center;
}
.loginBlock .signInBox .merit .col i {
	margin-right: 16px;
}
.loginBlock .signInBox .merit .col p {
	flex: 1;
}
.loginBlock .signInBox .guestBuy > p {
	margin: 10px 0;
}
.purchaseFlow ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	font-size: 12px;
	padding: 4px;
}
.purchaseFlow.guideFlow ul li {
	font-size: 12px;
	padding: 4px;
}
.purchaseFlow ul li:nth-of-type(2) {
	padding-left: 26px;
}
.purchaseFlow ul li:nth-of-type(3) {
	padding-left: 27px;
}
.purchaseFlow ul li:nth-of-type(4) {
	padding-left: 25px;
}
.purchaseFlow ul li:nth-of-type(5) {
	padding-left: 25px;
}
.purchaseFlow.step3 ul li:nth-of-type(2) {
	padding-left: 27px;
}
.purchaseFlow.step3 ul li:nth-of-type(3) {
	padding-left: 18px;
}
.wrappingChoice {
	padding: 30px 15px;
	width: calc(100% - 30px );
}

table.default tbody tr td,
table.default tbody tr th {
	padding: 5px 10px;
}
table.default tbody tr.bdrAdd th {
	padding: 10px;
	border-right: 1px solid #e8eaeb;
}
table.default.spBlock td,
table.default.spBlock th,
table.default.spBlock tr,
table.default.spBlock tbody,
table.default.spBlock {
	display: block;
	width: 100%;
}
table.default.spBlock tbody tr th {
	border-right: 1px solid #e8eaeb;
	border-bottom: none;
	padding: 10px;
}
table.default.spBlock tbody tr + tr th {
	border-top: none;
}
table.default.spBlock tbody tr td:first-child,
table.default.spBlock tbody tr td + td,
table.default.spBlock tbody tr th + td {
	border-top: none;
	border-left: 1px solid #e8eaeb;
}
table.default.spBlock td {
	padding: 10px;
}
.orderBtnWrapper {
	display: flex;
	justify-content: space-between;
	margin: 24px 0 48px;
}
.orderBtnWrapper.jcCenter {
	justify-content: center;
}
.orderBtnWrapper .submit {
	flex: 1;
	padding: 6px 30px;
	margin-left: 16px;
}
.spBlock.orderBtnWrapper{
	display: block;
}
.zipBox {
	margin-bottom: 10px;
}
.zipBox .note {
	display: block;
	margin: 0;
}
.paymentBox .creditForm {
	display: block;
}
.paymentBox .creditForm dt {
	width: 100%;
}
.paymentBox .creditForm dd {
	margin-top: 10px;
	padding-left: 0;
}
.modifyBtn {
	font-size: 14px;
}
.confirmBox.spBox {
	display: block;
}
.confirmBox dt {
	width: 100px;
}
.confirmBox.spBox dt {
	width: 100%;
}
.confirmBox dd {
	margin-left: 16px;
}
.confirmBox.spBox dd {
	margin: 16px 0 0;
}
.completeBtnWrapper {
	display: flex;
	justify-content: space-between;
	margin: 24px 0 48px;
}
.completeBtnWrapper .btn + .btn {
	margin-left: 0;
}
.shippingFlow li {
	display: block;
}
.shippingFlow li:after {
	left: 50%;
	margin-left: -22px;
}
.shippingFlow li .img {
	text-align: center;
}
.shippingFlow li .img img {
	width: 150px;
	height: auto;
}
.shippingFlow li .txt {
	margin: 16px 0 0;
}
.shippingFlow li .txt h3 {
	margin-bottom: 16px;
}
.birthday .selectWrapper {
	margin-bottom: 10px;
}
.birthday .selectWrapper:last-of-type {
	margin-bottom: 0;
}
.alcoholNotice {
	margin: 24px 0 48px;
}
.alcoholNotice img {
	width: 100%;
	height: auto;
}

/* mypage */
.couponInfoArea {
	margin-top: 16px;
	padding: 15px;
}
.couponInfoArea .owned {
	margin-left: 10px;
}
.mainMenu {
	display: block;
}
.subMenu .col,
.mainMenu .col {
	width: 100%;
	font-size: 14px;
}
.subMenu .col + .col,
.mainMenu .col + .col {
	margin-top: 16px;
}
.mainMenu .col .txt {
	margin-top: 10px;
}
.mainMenu .col .img {
	margin-top: 10px;
}
.mainMenu .col .img img {
	width: 43px;
	height: auto;
}
.mainMenu .col:nth-of-type(2) .img img {
	width: 46px;
	height: auto;
}

/* guide */
#guide .firstLead .img {
	margin-top: 16px;
}
#guide .firstLead .img img {
	width: 120px;
	height: auto;
}
#guide #aboutArea .logos {
}
#guide #aboutArea .logos > div {
	padding: 10px;
	width: 100%;
}
#guide #aboutArea .logos .bellMark .img {
	margin-right: 8px;
	width: 46px;
}
#guide #aboutArea .logos .bellMark .txt {
	flex: 1;
}
#guide #aboutArea .logos .jadma {
	display: flex;
	align-items: center;
	width: 91px;
	margin-left: 8px;
}
#guide #aboutArea .logos .bellMark .img img,
#guide #aboutArea .logos .jadma img {
	width: 100%;
	height: auto;
}
#guide .h3Title {
	margin: 24px 0 10px;
}
#guide #mailmagazineArea .mailExample {
	display: block;
}
#guide #mailmagazineArea .mailExample .col {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 10px;
	text-align: left;
}
#guide #mailmagazineArea .mailExample .col + .col {
	margin-top: 8px;
}
#guide #mailmagazineArea .mailExample .col .txt {
	flex: 1;
	margin: 0 0 0 8px;
}
#guide #mailmagazineArea .btnWrapper {
	margin-top: 16px;
}
#guide #mailmagazineArea .btnWrapper .bgBtn {
	width: 100%;
}
#guide #searchArea .bnrSearch {
	display: block;
}
#guide #searchArea .bnrSearch li {
	width: 100%;
}
#guide #searchArea .bnrSearch li + li {
	margin-top: 16px;
}
#guide #searchArea .bnrSearch li .img img {
	width: 100%;
	height: auto;
}
#guide #searchArea .categoryBlock .categoryList {
	border-bottom: none;
	display: block;
}
#guide #searchArea .categoryBlock .categoryList + .categoryList {
	margin-top: 10px;
}
#guide #searchArea .categoryBlock .categoryList .col {
	width: 100%;
}
#guide #searchArea .categoryBlock .categoryList .col + .col {
	margin-top: 10px;
}
#guide #searchArea .categoryBlock .categoryList .col .category {
	font-weight: normal;
}
#guide #searchArea .categoryBlock .categoryList .col ul {
	display: none;
}
.privacyMark {
	display: block;
}
.privacyMark .img {
	margin-top: 16px;
	text-align: center;
}

/* infomation */
.informationArea .inner img {
	width: 100%;
	height: auto;
}

/* affiliate */
.rakutenImg {
	text-align: center;
}
.informationArea .inner .rakutenImg img {
	width: 88px;
	height: auto;
}


}

/*FAQ*/
.qaBox {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e8eaeb;
}
.qaBox:last-of-type {
	border-bottom: none;
}
.qaBox a.lh25 {
	line-height: 2.5em;
}
.qaBox .qTxt {
	padding-left: 48px;
	text-indent: -36px;
	margin-bottom: 20px;
	color: #f6902d;
}
.qaBox .qTxt span {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-right: 18px;
	position: relative;
}
.qaBox .qTxt span::before {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	position: absolute;
	background-color: #f6902d;
	top: -7px;
	left: -11px;
	z-index: -1;
}

.qaBox .aTxt {
	padding-left: 49px;
	text-indent: -35px;
}
.qaBox .aTxt span.a {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-right: 18px;
	position: relative;
}
.qaBox .aTxt span.a::before {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	position: absolute;
	background-color: #c4c8cc;
	top: -7px;
	left: -12px;
	z-index: -1;
}
.inquiryWrap {
	border: 1px solid #e8eaeb;
	margin-top: 30px;
}
.inquiryWrap .ttl {
	font-weight: bold;
	font-size: 18px;
	padding: 15px 0;
	background-color: #faf8f5;
	text-align: center;
}
.inquiryWrap dl dt {
	text-align: center;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}
.inquiryWrap dl dd {
	width: 28%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.inquiryWrap dl dd ul li {
	list-style: disc;
}
.inquiryWrap .btnWrapper {
	width: 256px;
	margin-left: auto;
	margin-right: auto;
}
.inquiryWrap .inrWrap {
	padding: 30px 30px;
}
.inquiryWrap .inqiuryBox {
	text-align: center;
	width: 50%;
}
.inquiryWrap .inqiuryBox h3 {
	font-weight: bold;
}
.inquiryWrap .inqiuryBox:first-of-type {
	padding-right: 40px;
	border-right: 1px solid #e8eaeb;
}
.inquiryWrap .inqiuryBox:nth-of-type(2) {
	padding-left: 40px;
}
.inquiryWrap .flexBox {
	display: flex;
	justify-content: center;
}
.inquiryWrap .inqiuryBox .tel {
	font-size: 30px;
	font-weight: bold;
}
.inquiryWrap .inqiuryBox .tel span {
	font-size: 16px;
}
.inquiryWrap .inqiuryBox .mail a {
	font-size: 18px;
	line-height: 40px;
}
.inquiryWrap .inqiuryBox p:last-of-type {
	font-size: 14px;
}
.inquiryWrap .flexBox img {
	vertical-align: middle;
	margin-right: 6px;
}

.flexTtl {
	display: flex;
	align-items: center
}
.flexTtl .btnWrapper,
.flexTtl .selectWrapper {
	margin-left: 20px;
}
.addressH1Wrap {
	display: flex;
	justify-content: space-between;
	align-content: center;
	margin-bottom: 40px;
}
input.password_w {
	width: 200px;
}

@media screen and (max-width: 767px) {

	.inquiryWrap dl dd {
		width: 100%;
		max-width: 80%;
	}
	.inquiryWrap .inrWrap {
		padding: 20px 10px;
	}
	.inquiryWrap .flexBox {
		display: block;
	}
	.inquiryWrap .inqiuryBox {
		width: 100%;
	}
	.inquiryWrap .inqiuryBox:first-of-type {
		padding-right: 0px;
		border-right: none;
		margin-bottom: 20px;
	}
	.inquiryWrap .inqiuryBox:nth-of-type(2) {
		padding-left: 0px;
	}

	.flexTtl .btnWrapper{
		margin-left: 6px;
	}
	.flexTtl .selectWrapper {
		margin-left: 6px;
	}
	.flexTtl .selectWrapper select {
		padding: 0 40px 0 8px;
		font-size: 16px;
	}
	.flexTtl .selectWrapper:after {
		transform: scale(0.7);
		right: 8px;
	}
	.addressH1Wrap {
		display: block;
	}
	.addressH1Wrap .btnWrapper {
		margin-top: 20px;
		font-size: 18px;
	}


}

/*includeArea */
#includeArea #wrap{
	min-width: 0;
}
#includeArea #contents{
	padding: 0 0 20px;
}
#includeArea #contents .inner{
	width: 100%;
	padding: 0 20px;
}
#includeArea h2 {
	font-size: 18px;
	font-weight: bold;
}
#includeArea .includeListWrap {
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
#includeArea #contents .inner{
	padding: 0 10px;
}
}

.customer {
    display: none;
}
.customer.view {
    display: block;
}
header .inner .headLink.customer {
    display: none;
}
header .inner .headLink.customer.view {
    display: flex;
}
.guest {
    opacity: 0;
}
@media screen and (min-width: 768px) {
    #contents .mainArea .inner2 {
        width: 720px;
    }
    #contents .inner2 {
        width: 980px;
        margin: 0 auto;
    }
}
.catalogArea {
	background-color: #f5f7f7;
	margin-top: 7px;
	padding: 40px 10px 55px;
}
.officialArea .inner > .btnWrapper,
.catalogArea .inner > .btnWrapper {
	margin-top: 30px;
	text-align: center;
}
.officialArea {
	background-color: #f9f1e8;
	padding: 50px 10px 40px;
}
.officialArea a.item.lineType, .catalogArea a.item.lineType , .catalogList a.item.lineType{
	position: relative;
}
.lineSection, .lineSection2 {
    border-top: 0px;
    margin-top: 0px;
    padding-top: 0px;
}
.section {
    margin-top: 0px;
}
.section.top {
    margin-top: 30px;
}
.lineSection.top, .lineSection2.top {
	border-top: 1px solid #f5f7f7;
	margin-top: 65px;
	padding-top: 50px;
}
.cms-component-line, .lineSection.cms-component-line
, .lineSection2.cms-component-line {
    border-top: 1px solid #f5f7f7;
    margin-top: 65px;
    padding-top: 50px;
}
.requiratur {
	background-color: #f98d28;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	margin-left: 12px;
	padding: 4px 10px;
	word-break: keep-all;
}
.paymentBox .creditForm dt .requiratur {
	line-height: 1.5;
}
.newsArea .h2Title, .campaignArea .h2Title {
    margin-bottom: 30px;
}
.hidden, .dis-none {
    display: none;
}
input.digit {
    width: 120px;
}
input.digit.commodityAmount {
    width: 40px;
}
.catalogList {
	margin-top: 30px;
}

/* ページャ start */
.pager ul li + li {
	margin-top: 0px;
}
/* ページャ end */

/* 05 商品一覧(デイリーランキング) start */
.ranking .items {
	padding-top: 67px;
}
.ranking .items .item .label {
	width: 22px;
	height: 52px;
	position: absolute;
	bottom: calc(100% + 14px);
	left: 45%;
	margin-left: -11;
}
.ranking .items .item .label img {
	width: 100%;
	height: auto;
}
.itemSlider.ranking {
	padding-top: 0;
}
.itemSlider.ranking.hide {
	display: none;
}
.itemSlider.ranking .next,
.itemSlider.ranking .prev {
	top: 152px;
}
.itemSlider.ranking .next,
.itemSlider.ranking .prev {
	top: 128px;
}
/* 12 商品一覧(テレビ通販番組別) start */
.tvOrderArea .program .btnWrapper {
	display: none;
}
.tvOrderArea {
	border-bottom: 1px solid #f5f7f7;
	margin-top: 30px;
	/*padding-bottom: 20px;*/
}
.tvOrderArea .h2Title {
	max-width: 980px;
	margin: 0 auto 30px;
}
.tvOrderArea .program + .program {
	margin-top: 10px;
}
.tvOrderArea .program .programTitle {
	background-color: #f5f7f7;
}
.mainArea .tvOrderArea .program .programTitle {
	width: 800px;
}
.tvOrderArea .program .programTitle .inner {
	display: flex;
	align-items: center;
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}
.tvOrderArea .program .programTitle .inner .img {
	flex: 1;
	position: relative;
	z-index: 1;
}
.tvOrderArea .program .programTitle .inner .info {
	font-size: 14px;
	margin-right: 20px;
}
.tvOrderArea .program .programTitle .inner .programLink {
	margin-right: 45px;
	position: relative;
	z-index: 3;
}
.mainArea .tvOrderArea .program .programTitle .inner .programLink {
	margin-right: 0;
}
.tvOrderArea .program .programTitle .inner .programToggle {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.tvOrderArea .program .programTitle .inner .programToggle:after {
	background: url(/files/commonfiles/images/icn_top_tv_up.png) no-repeat center center;
	content: "";
	display: block;
	width: 25px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
}
.tvOrderArea .program .programTitle .inner .programToggle.closed:after {
	background-image: url(/files/commonfiles/images/icn_top_tv_down.png);
}
.tvOrderArea .program .itemSlider {
	padding-bottom: 35px;
}
/* 12 商品一覧(テレビ通販番組別) end */
/* 15 カルーセル start */
.mainSlider .slider .slick-slide img {
	border-radius: 10px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	display: block;
	overflow: hidden;
}
.mainSlider .slider {
	opacity: 0;
	transition: 3s;
}
.mainSlider .slider.slick-initialized {
	opacity: 1;
}
/* 15 カルーセル end */

/* 16_カタログ商品検索窓 start */
.catalogSearchBlock .howtoBlock .howto .col + .col:before {
	background: url(/files/pagefiles/pc/catalog/icn_catalog_arrow.png) no-repeat center center;
}
/* 16_カタログ商品検索窓 end */

/* 18 カテゴリ一覧 start */
.section.top.categoryList {
	margin-top: 20px;
}
/* 18 カテゴリ一覧 end */

/* 19 キャンペーン一覧 start */
.campaignListArea {
	margin-top: 30px;
}
/* 19 キャンペーン一覧 end */

/* 20 お知らせ情報(お知らせ) start */
.notification > span {
	border: 1px solid #e8eaeb;
	display: block;
	padding: 10px;
	text-align: center;
}
.notification span .date {
    display: inline-block;
    margin-right: 35px;
}
.newsInfomation .notification div {
	border: 1px solid #e8eaeb;
	display: block;
	padding: 10px;
	text-align: center;
}
.newsInfomation .notification div .date {
	display: inline-block;
	margin-right: 35px;
}
/* 20 お知らせ情報(お知らせ) end */

/* 22 お知らせ情報(更新情報) start */
.newsArea .newsList {
	border: 1px solid #e8eaeb;
	overflow-y: auto;
	padding: 16px;
	height: 144px;
}
.newsArea .newsList li + li {
	margin-top: 20px;
}
.newsArea .newsList .date {
	display: inline-block;
	width: 140px;
}
/* 22 お知らせ情報(更新情報) end */

/* 25 商品詳細 start */
.itemInfoTop .rightArea .flag:empty {
	margin-bottom: 0px;
}
.itemInfoTop .rightArea .error{
	color: #c00 !important;
	margin: 15px 0;
}
.itemInfoTop .infoArrival{
	margin: 15px 0;
}
.cantBuy .status {
	color: #ff0000;
	font-weight: bold;
}
.ageLimit {
	font-size: 36px;
}
.carriage .lineThrough {
	text-decoration: line-through;
}
.carriage .carriageFree {
	margin-left : 10px;
	font-weight: bold;
	font-size: 16px;
}

/* 25 商品詳細 end */

/* 28 お知らせ情報(画像+テキスト) start */
.campaignArea {
	border-top: 1px solid #f5f7f7;
	padding-top: 50px;
}
.campaignArea .sepBlock.sep3 .col {
	width: 300px;
}
.campaignArea .cpLink {
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	border-radius: 10px;
	display: block;
	overflow: hidden;
}
.campaignArea .cpLink + p {
	color: #5b636d;
	margin-top: 20px;
}
/* 28 お知らせ情報(画像+テキスト) end */

/* 29 新着情報 start */
.newItemBox {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
	display: flex;
	align-items: center;
}
.newItemBox .img {
	width: 340px;
}
.newItemBox .img img {
	border-radius: 10px 0 0 10px;
	width: 100%;
	height: auto;
}
.newItemBox .txtArea {
	color: #666;
	flex: 1;
	font-size: 13px;
	padding: 20px;
}
.newItemBox .txtArea .title {
	color: #000;
	font-size: 18px;
	margin-top: 10px;
}
.newItemBox .txtArea .txt {
	margin-top: 20px;
}
/* 29 新着情報 end */

/* 38 パンくず start */
.shopWrapper .topicPath a, .shopWrapper .topicPath {
	color: #fff;
}
.shopWrapper .topicPath ul span.home {
	background-image: url(/files/commonfiles/images/icn_home_white.png);
}
/* 38 パンくず end */
/* マイページ・注文系 start */
.required {
	background-color: inherit;
	color: inherit;
	display: inherit;
	font-size: inherit;
	font-weight: inherit;
	margin-left: inherit;
	padding: inherit;
	word-break: inherit;
}
table.default tbody tr td.nBdrA {
	border-top: none;
	border-bottom: none;
	padding-bottom: 0;
}
table.default tbody tr td.nBdrL {
	padding-top: 0;
	border-top: none;
}
.popWin_si {
    border: 1px solid #e8eaeb;
    border-radius: 10px;
    max-width: 732px;
    margin: auto;
    padding: 40px 16px 16px;
}
.popWin_si .closeBtn {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 8px;
	top: 8px;
}
.popWin_si .closeBtn:after,
.popWin_si .closeBtn:before {
	background-color: #5b636d;
	content: "";
	width: 24px;
	height: 2px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.popWin_si .closeBtn:before {
	transform: rotate(45deg);
}
.popWin_si .closeBtn:after {
	transform: rotate(-45deg);
}
/*#addressEditArea {
	height: 600px;
}*/

#addressEditArea h2 {
	font-weight: bold;
	margin-bottom: 16px;
}
#addressEditArea .tableWrapper {
	height: 400px;
	overflow-y: auto;
}
#addressEditArea .btnWrapper {
	margin-top: 10px;
}
#addressMessage .cartMes {
	margin-top: 0px;
}
#newAddress .note {
    margin-bottom: 10px;
}
#giftListArea.show {
	opacity: 1;
	pointer-events: auto;
	z-index: 1001;
}
#giftListArea {
	background-color: #fff;
	border: 1px solid #e8eaeb;
	border-radius: 10px;
	max-width: 732px;
	max-height: 90%;
	margin: auto;
	opacity: 0;
	pointer-events: none;
	padding: 40px 16px 16px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	transition: opacity 0.3s;
	z-index: -1;
}

#giftListArea .close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
}
#giftListArea .close:after,
#giftListArea .close:before {
    background-color: #5b636d;
    content: "";
    width: 24px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#giftListArea .close:before {
	transform: rotate(45deg);
}
#giftListArea .close:after {
	transform: rotate(-45deg);
}
#giftListArea .txt {
	font-weight: bold;
	margin-bottom: 16px;
}
#giftListArea ul {
	margin-top: 20px;
}
#giftListArea ul.noBorderTop {
	margin-top: 0px;
}
#giftListArea ul li + li {
	margin-top: 16px;
}
#giftListArea .btnWrapper {
	margin-top: 20px;
	text-align: center;
}
#giftInfoTemplate {
	display: none;
}
#giftRadioForm {
	overflow: auto;
}
.section.top .inner .mainMenu .col.fav .img {
    position: relative;
}
.section.top .inner .mainMenu .col.fav div .badge {
    background-color: #f98d28;
    border-radius: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-style: normal;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 80px;
    top: 0px;
}

/* Siのスタイルを上書き */
#giftRadioForm li {
	float: none !important;
}
#giftListArea img.giftImage {
	height: 30px !important;
	width: 50px !important;
}
#giftListArea #giftList {
	overflow-y: unset !important;
	height: auto !important;
}
#giftListArea .giftNameTitle {
	font-weight: normal !important;
}
#customerInfoForm input, #addressInfoForm input,
#inquiryForm input, #guestInfoForm input,
#addressRegisterForm input {
	display: inline-block;
}
/* 住所自動入力ボタン */
#postalCode + span .btn.noarrow {
	font-size: 16px;
	margin-left: 20px;
}
#postalCode + span + span.note {
	margin-left: 20px;
}
/* クーポン */
#couponList .cpFrame,
.item.lineType .txtArea .extra .cpFrame {
	display: inline-block;
	color: #ed6f00;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px;
	border: 1px solid #ed6f00;
}
/* ナビゲータ */
.purchaseFlow ul li label {
    position: relative;
    z-index: 3;
}
textarea {
	background-color: #fff !important;
	border: 1px solid #e8eaeb !important;;
	width: 100% !important;;
	height: 250px !important;;
	padding: 10px !important;;
}
.commodityAmount {
		display: inline-block !important;
}
.caution.postalSearch img {
    border: 0px currentColor;
    border-image: none;
    vertical-align: middle;
}
.caution {
    font-size: 90%;
}
.bgBtn.pwhite {
    background-color: #fff;
    color: #c4c8cc;
    border: 2px solid #c4c8cc;
}
.bgBtn.white {
    background-color: #fff;
    border: 2px solid #c4c8cc;
}
.bgBtn.white:hover {
    border-color: #f98d28;
    color: #f98d28;
}

#message {
    font-size: 14px;
}
.shippingListTemplateArea .subShippingListTemplateArea+.subShippingListTemplateArea{
    margin-top: 120px;
}
.listBody.commodityCartBean + .listBody.commodityCartBean {
    margin-top: 16px;
}
#couponSelectArea li.bb1 {
    border-bottom: 1px solid #e8eaeb;
}
.couponDescription {
    font-size: 14px;
}
#deliverylistData+#deliverylistData{
    border-top: 1px solid #e8eaeb;
}
a:hover .item.lineType{
	color: #ed6f00;
	cursor: pointer;
	cursor: hand;
}
.itemImg .imgBlock{
	width:460px;
	height:460px;
}
.itemInfoTop .itemImg img {
	max-height: 460px;
}

/* マイページ・注文系 end */
/* システムエラー・共通 start */
.section.informationArea {
	margin-top: 30px;
}
/* システムエラー・共通 end */
/* includeArea start */
#includeArea .section {
	margin-top: 30px;
}
/* includeArea end */
/* プレースホルダ― start */
/* IE start */
:-ms-input-placeholder {
	color: #777;
}
/* IE end */
.items .item div {
	height: auto;
}
/* プレースホルダ― end */
@media screen and (min-width: 768px) {
	.section.informationArea {
		margin-top: 32px;
	}
	/*システムエラー・共通 end */
	.guide #searchArea .bnrSearch li .img:hover,
	.newItemBox a:hover,
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn:hover,
	.campaignArea .cpLink:hover {
		opacity: .6;
	}
	/* 05 商品一覧(デイリーランキング)
	   06 商品一覧(商品カテゴリ別ランキング) start */
	.rankingArea .rankingSelect .choiceArea {
		display: none;
	}
	.rankingArea .rankingSelect {
		position: relative;
		margin: 0 auto 25px;
		width: 980px;
	}
	.mainArea .rankingArea .rankingSelect {
		width: 720px;
	}
	.rankingArea .rankingSelect .selectorWrapper {
		position: relative;
		opacity: 0;
		transition: all 0.3s ease;
	}
	.rankingArea .rankingSelect .selectorWrapper.show {
		opacity: 1;
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn {
		display: block;
		width: 30px;
		height: 34px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 50%;
		margin-top: -17px;
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn:focus {
		outline: 0;
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn.prev {
		background: #fff url(/files/commonfiles/images/icn_arrow_ranking_prev.png) no-repeat 3px center;
		border-right: 1px solid #c4c8cc;
		right: calc(100% + 4px);
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn.next {
		background: #fff url(/files/commonfiles/images/icn_arrow_ranking_next.png) no-repeat 15px center;
		border-left: 1px solid #c4c8cc;
		left: calc(100% + 4px);
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn.disabled {
		opacity: 0;
		pointer-events: none;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector {
		overflow: hidden;
		position: relative;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector:after {
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
		content: "";
		width: 32px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector .selectorInner {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		transition: all 0.3s ease;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector a {
		background-color: #fff;
		border-radius: 30px;
		display: inline-block;
		line-height: 30px;
		padding: 0 12px;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector .current {
		background-color: #f98d28;
		color: #fff;
		pointer-events: none;
	}
	/* 05 商品一覧(デイリーランキング)
	   06 商品一覧(商品カテゴリ別ランキング) end */

	/* 12 商品一覧(テレビ通販番組別) start */
	.tvOrderArea .program .btnWrapper {
		display: none;
	}
	/* 12 商品一覧(テレビ通販番組別) end */
	/* 28 お知らせ情報(画像+テキスト) start */
        .campaignArea .cpLink img{
                max-width: 300px;
                height: 150px;
        }
	/* 28 お知らせ情報(画像+テキスト) end */
}
@media screen and (max-width: 767px) {
	.lineSection, .lineSection2 {
		padding: 0px 15px;
	}
	.lineSection.top, .lineSection2.top
	, .cms-component-line, .lineSection.cms-component-line
	, .lineSection2.cms-component-line {
		border-top: 1px solid #f5f7f7;
		margin-top: 30px;
		padding: 30px 15px 0;
	}

	/* 02 ジャンルから探す start */
	.genreBox h2 {
		font-size: 26px;
		padding: 0 15px;
		margin-bottom: 25px;
	}
	/* 02 ジャンルから探す end */


	/* 05 商品一覧(デイリーランキング)
	   06 商品一覧(商品カテゴリ別ランキング) start */
	.rankingArea .rankingSelect {
		margin: 25px 0;
		position: relative;
	}
	.rankingArea .rankingSelect .choiceArea {
		border-radius: 37px;
		display: flex;
		height: 37px;
		position: relative;
		z-index: 1;
	}
	.rankingArea .rankingSelect .choiceArea .choiced {
		background-color: #f5f7f7;
		border: 1px solid #c4c8cc;
		border-right: none;
		border-radius: 18px 0 0 18px;
		color: #3c3c3c !important;
		display: flex;
		align-items: center;
		flex: 1;
		font-size: 14px;
		padding: 0 15px;
	}
	.rankingArea .rankingSelect .choiceArea .arrow {
		background: #f98d28 url(/files/commonfiles/images/icn_arrow_select_white_sp.png) no-repeat center center / 12px auto;
		border-radius: 0 18px 18px 0;
		display: block;
		width: 50px;
		height: 37px;
	}
	.rankingArea .rankingSelect .choiceArea.opened .arrow {
		background-image: url(/files/commonfiles/images/icn_arrow_select_white_up_sp.png);
	}
	.rankingArea .rankingSelect .selectorWrapper {
		background-color: #f5f7f7;
		border: 1px solid #c4c8cc;
		border-radius: 18px 0 18px 18px;
		box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
		height: 340px;
		opacity: 0;
		overflow-y: auto;
		pointer-events: none;
		position: absolute;
		left: 0;
		top: 0;
		transition: all 0.3s ease;
		width: calc(100% - 50px);
		z-index: 2;
	}
	.rankingArea .rankingSelect .selectorWrapper.show {
		opacity: 1;
		pointer-events: auto;
	}
	.rankingArea .rankingSelect .selectorWrapper a {
		display: block;
		font-size: 14px;
		width: 100%;
		line-height: 37px;
		padding: 0 15px;
	}
	.rankingArea .rankingSelect .selectorWrapper a.current {
		background-color: #e8eaeb;
	}
	.rankingArea .rankingSelect .selectorWrapper button {
		display: none !important;
	}
	/* 05 商品一覧(デイリーランキング)
	   06 商品一覧(商品カテゴリ別ランキング) end */

	/* 12 商品一覧(テレビ通販番組別) start */
	.tvOrderArea {
		border-bottom: none;
		margin-top: 40px;
		padding-bottom: 0;
	}
	.tvOrderArea .h2Title {
		width: 100%;
		padding: 0 15px;
		margin-bottom: 20px;
	}
	.mainArea .tvOrderArea .program .programTitle {
		width: 100%;
	}
	.tvOrderArea .program .programTitle .inner {
		width: 100%;
		padding: 0 25px 0 0;
		position: relative;
	}
	.tvOrderArea .program .programTitle .inner .img {
		position: relative;
		z-index: 1;
	}
	.tvOrderArea .program .programTitle .inner .img img {
		width: 320px;
		height: auto;
	}
	.tvOrderArea .program .programTitle .inner .programLink,
	.tvOrderArea .program .programTitle .inner .info {
		display: none;
	}
	.tvOrderArea .program .programTitle .inner .programToggle:after {
		background: url(/files/commonfiles/images/icn_top_tv_up_sp.png) no-repeat 0 0 / 26px auto;
		width: 26px;
		right: 25px;
	}
	.tvOrderArea .program .programTitle .inner .programToggle.closed:after {
		background-image: url(/files/commonfiles/images/icn_top_tv_down_sp.png);
	}
	.tvOrderArea .program .itemSlider {
		padding-bottom: 20px;
	}
	.tvOrderArea .program .btnWrapper {
		display: block;
		text-align: center;
		padding-bottom: 40px;
	}
	.tvOrderArea .program:last-child .btnWrapper {
		margin-bottom: 0;
	}
	/* 12 商品一覧(テレビ通販番組別) end */
	/* 15 カルーセル start */
	.mainSlider .slider .slick-slide img {
		width: 300px;
		height: auto;
	}
	/* 15 カルーセル end */

	/* 18 カテゴリ一覧 start */
	.section.top.categoryList {
		margin-top: 16px;
		border-bottom: 0px;
	}
	/* 18 カテゴリ一覧 end */

	/* 20 お知らせ情報(お知らせ) start */
	.notification > span {
		text-align: left;
		padding: 16px;
	}
	.notification > span .date {
		display: block;
		margin: 0 0 10px;
	}
	/* 20 お知らせ情報(お知らせ) end */

	/* 22 お知らせ情報(更新情報) start */
	.newsArea .newsList {
		height: 220px;
	}
	.newsArea .newsList li + li {
		margin-top: 20px;
	}
	.newsArea .newsList .date {
		display: block;
		width: 100%;
	}
	.newsArea .btnWrapper {
		margin-top: 30px;
		text-align: center;
	}
	/* 22 お知らせ情報(更新情報) end */

	/* 23_放送日別商品一覧 start */
	#dateChoicePop .calender {
		max-width: 375px;
	}
#dateChoicePop .calender .day li, #dateChoicePop .calender .week li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 26px;
    margin-right: 5%;
    position: relative;
}
#dateChoicePop .calender .day li a {
    width: 29px;
}
	/* 23_放送日別商品一覧 end */

	/* 27_指定カテゴリ一覧 start */
	.officialArea, .catalogArea {
		margin-top: 40px;
		padding: 40px 0;
	}
	/* 27_指定カテゴリ一覧 end */

	/* 28 お知らせ情報(画像+テキスト) start */
	.campaignArea {
		border-top: none;
		padding-top: 40px;
	}
	.campaignArea .sepBlock.sep3 .col {
		width: 100%;
                height: auto;
	}
	.campaignArea .cpLink {
		border-radius: 5px;
		width: 100%;
	}
	.campaignArea .cpLink img {
		width: 100%;
		height: auto;
	}
	.campaignArea .cpLink + p {
		margin-top: 15px;
	}
	/* 28 お知らせ情報(画像+テキスト) end */

	/* 29 新着情報 start */
	.newItemBox {
		flex-wrap: wrap;
		align-items: flex-start;
		padding: 20px;
		margin: 0 15px;
	}
	.newItemBox .img {
		width: 125px;
	}
	.newItemBox .img img {
		border-radius: 5px;
	}
	.newItemBox .txtArea {
		padding: 0;
		margin-left: 12px;
	}
	.newItemBox .spTxt {
		color: #666;
		font-size: 13px;
		margin-top: 5px;
		width: 100%;
	}
	/* 29 新着情報 end */
	/* 40 カテゴリ関連情報 start */
	.relationInfo {
	        border-top:  0px;
	        margin-top:  0px;
	        padding-top: 0px;
	}
	/* 40 カテゴリ関連情報 end */
	/* マイページ・注文系 start */
	#customerInfoForm .section .inner, #customerInfoForm .lineSection.top {
		padding: 0px;
	}
	#giftListArea {
		padding: 30px 15px;
		width: calc(100% - 30px );
	}
	#giftListArea .giftNameCell {
		float: none !important;
	}
	#postalCode + span + span.note {
		display: block;
		margin: 0;
		margin-bottom: 10px;
	}
	/* マイページ・注文系 end */
	/* 番組TOP start */
	.shopWrapper {
		background: none !important;
	}
	/* 番組TOP end */
	.items .item .notice {
		padding: 0 15px;
	}
	/* includeArea start */
	#includeArea .section {
		margin-top: 32px;
	}
	/* includeArea end */
	#contents .informationArea.affiliate .inner,
	#contents .sitemap.mr0 .inner,
	#contents .shareholder .inner {
		padding: 0;
	}

	.itemImg .imgBlock {
		width: auto;
		height: auto;
	}
	.section.top .inner .mainMenu .col.fav .img {
		max-width:50px;
		margin: auto;
		top: 10px
	}
	.section.top .inner .mainMenu .col.fav div .badge {
		width: 18px;
		height: 18px;
		right: -5px;
		top: -5px;
	}
	.bgBtn.corange:hover  {
		opacity: .6;
	}
	.selectWrapper.paymentsNum {
	    width: 150px;
	}
}

@media screen and (min-width: 768px) {
	.cms-component-hide-pc { display: none !important; }
}
@media screen and (max-width: 767px) {
	.cms-component-hide-sp { display: none !important; }
}
@media print {

#wrap {
	min-width: 1100px;
}

header.logoOnly,
header.bdr {
	border-bottom: 2px solid #e8eaeb;
}
header .inner {
	display: flex;
	align-items: flex-start;
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 15px;
	position: relative;
	z-index: 1;
}
header .inner .logo {
	width: 150px;
}
header .inner .logo a:hover {
	opacity: .7;
}
header .inner .logo img {
	width: 100%;
	height: auto;
}
header .inner .searchBlock {
	flex: 1;
	margin-left: 29px;
	padding-top: 4px;
}
header .searchBlock form .formWrap input[type=submit] {
	transition: all 0.3s ease;
}
header .searchBlock form .formWrap input[type=submit]:hover {
	opacity: .7;
}
header .menuBtn {
	display: none;
}
header .inner .welcome {
	margin-left: 20px;
}
header .inner .welcome .txt {
	font-size: 12px;
}
header .inner .welcome div {
	font-size: 14px;
	font-weight: bold;
}
header .inner .welcome .name {
	display: inline-block;
	width: 5em;
	overflow: hidden;
	vertical-align: middle;
}
header .inner .welcome .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
header .inner .headLink .first img,
header .inner .headLink .login img {
	width: 16px;
	height: auto;
}
header .inner .headLink .mypage img {
	width: 20px;
	height: auto;
}
header .inner .headLink .guide img {
	width: 23px;
	height: auto;
}
header .inner .headLink .cart img {
	width: 19px;
	height: auto;
}
header .searchBlock form .selectScope .scope a {
	transition: all 0.3s ease;
}
header .searchBlock form .selectScope .scope a:hover {
	background-color: #e8eaeb;
	color: #3c3c3c;
}
#gnavSP {
	display: none !important;
}
#gnavPC {
	background-color: #fff;
	border-bottom: 2px solid #e8eaeb;
	width: 100%;
	position: fixed;
	top: 86px;
	left: 0;
	z-index: 98;
	transition: all 0.3s ease;
}
#gnavPC.hide {
	top: -141px;
}
.reverse #gnavPC {
	position: fixed;
}
#gnavPC > ul {
	width: 980px;
	display: flex;
	margin: 0 auto;
}
#gnavPC > ul > li {
	width: 250%;
	margin-bottom: -2px;
}
#gnavPC > ul > li > .title {
	border-bottom: 2px solid #e8eaeb;
	color: #3c3c3c;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	width: 100%;
	height: 49px;
}
#ctgry #gnavPC > ul > li:nth-of-type(4) > .title,
#catalog #gnavPC > ul > li:nth-of-type(3) > .title,
#shop #gnavPC > ul > li:nth-of-type(2) > .title,
#tv #gnavPC > ul > li:nth-of-type(1) > .title,
#gnavPC > ul > li > .title.opened,
#gnavPC > ul > li > .title:hover {
	border-color: #f98d28;
}
#gnavPC > ul > li > .title span {
	background: url(/files/commonfiles/images/icn_mega_down.png) no-repeat right center;
	display: inline-block;
	padding-right: 25px;
}
#gnavPC > ul > li > .title.opened span {
	background-image: url(/files/commonfiles/images/icn_mega_up.png);
}
#gnavPC > ul > li .megaDrop {
	background-color: #e8eaeb;
	display: none;
	width: 100%;
	max-height: calc(100vh - 140px);
	overflow-y: auto;
	padding: 40px 0 50px;
	position: absolute;
	left: 0;
	top: calc(100% + 1px);
	z-index: 1;
}
#gnavPC > ul > li .megaDrop.show {
	display: block;
}
#gnavPC > ul > li > .title.opened + .megaDrop {
	z-index: 2;
}
#gnavPC > ul > li .megaDrop .imgLink {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 980px;
}
#gnavPC > ul > li .megaDrop .imgLink .col {
	display: block;
	width: 220px;
	margin-right: 33px;
}
#gnavPC > ul > li .megaDrop .imgLink .col:nth-of-type(4n) {
	margin-right: 0;
}
#gnavPC > ul > li .megaDrop .imgLink .col:nth-of-type(n+5) {
	margin-top: 40px;
}
#gnavPC > ul > li .megaDrop .imgLink .col img {
	margin-bottom: 16px;
	transition: all 0.3s ease;
}
#gnavPC > ul > li .megaDrop .imgLink .col:hover img {
	opacity: .7;
}
#gnavPC > ul > li .megaDrop .btnWrapper {
	margin-top: 40px;
	text-align: center;
}
#gnavPC > ul > li .megaDrop .btnWrapper a {
	background-color: #fff;
	border: 2px solid #848a92;
	border-radius: 30px;
	display: inline-block;
	line-height: 56px;
	padding: 0 36px;
	transition: all 0.3s ease;
}
#gnavPC > ul > li .megaDrop .btnWrapper a:hover {
	border-color: #f98d28;
	color: #f98d28;
}
#gnavPC > ul > li .megaDrop .btnWrapper a span {
	display: inline-block;
	position: relative;
	width: auto;
}
#gnavPC > ul > li .megaDrop .btnWrapper a span:after {
	background: url(/files/commonfiles/images/icn_mega_arrow.png) no-repeat 0 0;
	content: "";
	display: block;
	width: 8px;
	height: 16px;
	position: absolute;
	left: calc(100% + 8px);
	top: 50%;
	margin-top: -8px;
}
#gnavPC > ul > li .megaDrop .btnWrapper a:hover span:after {
	background-image: url(/files/commonfiles/images/icn_mega_arrow_hover.png);
}
#gnavPC > ul > li .megaDrop .categoryLink {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 980px;
}
#gnavPC > ul > li .megaDrop .categoryLink .col {
	display: block;
	width: 245px;
	padding: 0 5px;
	padding-bottom: 40px;
	border-bottom: 1px solid #dcdde0;
}
#gnavPC > ul > li .megaDrop .categoryLink .col:nth-of-type(4n) {
	padding-right: 0;
}
#gnavPC > ul > li .megaDrop .categoryLink .col:nth-of-type(n+5) {
	padding-top: 40px;
}
#gnavPC > ul > li .megaDrop .categoryLink .col:nth-last-child(-n+4) {
	border-bottom: none;
}
#gnavPC > ul > li .megaDrop .categoryLink .col .category {
	font-weight: bold;
	margin-bottom: 20px;
}

#contents .inner {
	width: 980px;
	margin: 0 auto;
}
#contents .mainArea .inner {
	width: 720px;
}
#contents .contentsWrapper {
	display: flex;
	justify-content: space-between;
	width: 1060px;
	margin: 40px auto 0;
	padding: 0 40px;
}
#contents .contentsWrapper .mainArea {
	width: 720px;
	order: 2;
}
#contents .contentsWrapper .sideNav {
	order: 1;
}

footer .pageTop {
	position: fixed;
	right: 50px;
	bottom: 68px;
	width: 60px;
	height: 60px;
	z-index: 10;
	transition: all 0.3s ease;
}
footer .pageTop.hide {
	opacity: 0;
	pointer-events: none;
}
footer .pageTop a:hover {
	opacity: .7;
}
footer .bgBox {
	min-width: 1060px;
}
footer .bgBox .footLink {
	display: flex;
	justify-content: center;
	font-size: 14px;
}
footer .bgBox .footLink li + li {
	margin-left: 30px;
}
footer .bgBox .footLink li a:hover {
	color: #ed6f00;
}
footer .bgBox .copyright {
	color: #fff;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	margin: 25px auto 0;
	width: 980px;
}
footer .bgBox .copyright p:last-of-type {
	font-size: 10px;
}

    #contents .mainArea .inner2 {
        width: 720px;
    }
    #contents .inner2 {
        width: 980px;
        margin: 0 auto;
    }

}


@media print {

	.spOnly { display: none !important; }
	.anchorTarget {
		border: none;
		height: 0;
		margin: 0;
		padding: 0;
		padding-top: 140px;
		margin-top: -140px;
	}
	.sourceview{
		border: 1px solid #e8eaeb;
		padding: 16px;
		background-color: #f5f7f7;
		width: 980px;
		margin: 20px auto;
		max-height: 200px;
		overflow: auto;
		font-size: 14px;
	}
	.contentsWrapper .sourceview{
		width: 100%;
	}

.itemSlider .next:hover,
.itemSlider .prev:hover,
.mainSlider .slider .slick-arrow:hover {
	opacity: 1;
}
.btn.orange:hover,
#guide #searchArea .bnrSearch li .img:hover,
.subMenu .col:hover,
.mainMenu .col:hover,
.categoryBlock .box .img a:hover,
.wrappingArea .wrappingChoice .close:hover,
.itemSearch form input[type=submit]:hover,
.bgBtn:hover,
.imgTitleBox .col h3 a:hover,
a.item.lineType:hover,
.campaignBox:hover,
.searchWord a:hover,
#rankingArea .rankingSelect .selectorWrapper .selectorBtn:hover,
.toCartBox .cartBtn:hover,
.itemInfoTop .itemImg .slick-arrow:hover,
.itemInfoTop .itemImg a:hover,
.sortBtnWrap a:hover,
.newItemBox a:hover,
.tweetBox .followBtn a:hover,
.sideNav .sideBanner a:hover,
.sideNav .calender .month a:hover,
.mainSlider .slider .slick-slide a:hover,
#campaignArea .cpLink:hover,
.items .item:hover,
.programToggle:hover,
.bnrArea a:hover,
.attention a:hover,
.hover:hover {
	opacity: .6;
}
.btn:hover {
	border-color: #f98d28;
	color: #f98d28;
}
.btn:hover:after {
	background-image: url(/files/commonfiles/images/icn_arrow_btn_hover.png);
}
.btn.prev:hover:after {
	background-image: url(/files/commonfiles/images/icn_arrow_btn_prev_hover.png);
}
.btn.close:hover:after {
	background-image: url(/files/commonfiles/images/icn_close_hover.png);
}
.anchorIcon:hover:after {
	background-image: url(/files/commonfiles/images/icn_link_arrow_down_hover.png);
}
.external:hover:after,
.btn[target='_blank']:hover:after {
	background-image: url(/files/commonfiles/images/icn_blank_hover.png);
}
.return:hover:after {
	background-image: url(/files/commonfiles/images/icn_return_hover.png);
}
.catalogSearchBlock .howtoBlock .btnWrapper .close:hover:after {
	background-image: url(/files/commonfiles/images/icn_arrow_btn_up_hover.png);
}
.loginBlock .loginBox .btnWraper .btn:hover {
	opacity: .6;
}
.loginBlock .loginBox .btnWraper .btn:hover:after {
	background-image: url(/files/commonfiles/images/icn_login_orange.png);
}

.fBoxPC {
	display: flex;
	align-items: center;
}


/* inquiry */
.inquiryBlock .inquiryBox .col .telNum a {
	pointer-events: none;
}

/* top page */
#tvOrderArea .program .btnWrapper,
#rankingArea .rankingSelect .choiceArea {
	display: none;
}
#rankingArea .rankingSelect {
	position: relative;
	margin: 0 auto 25px;
	width: 980px;
}
#rankingArea .rankingSelect .selectorWrapper {
	position: relative;
	opacity: 0;
	transition: all 0.3s ease;
}
#rankingArea .rankingSelect .selectorWrapper.show {
	opacity: 1;
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn {
	display: block;
	width: 30px;
	height: 34px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -17px;
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn:focus {
	outline: 0;
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn.prev {
	background: #fff url(/files/commonfiles/images/icn_arrow_ranking_prev.png) no-repeat 3px center;
	border-right: 1px solid #c4c8cc;
	right: calc(100% + 4px);
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn.next {
	background: #fff url(/files/commonfiles/images/icn_arrow_ranking_next.png) no-repeat 15px center;
	border-left: 1px solid #c4c8cc;
	left: calc(100% + 4px);
}
#rankingArea .rankingSelect .selectorWrapper .selectorBtn.disabled {
	opacity: 0;
	pointer-events: none;
}
#rankingArea .rankingSelect .selectorWrapper .selector {
	overflow: hidden;
	position: relative;
}
#rankingArea .rankingSelect .selectorWrapper .selector:after {
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	content: "";
	width: 32px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#rankingArea .rankingSelect .selectorWrapper .selector .selectorInner {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	transition: all 0.3s ease;
}
#rankingArea .rankingSelect .selectorWrapper .selector a {
	background-color: #fff;
	border-radius: 30px;
	display: inline-block;
	line-height: 30px;
	padding: 0 12px;
}
#rankingArea .rankingSelect .selectorWrapper .selector .current {
	background-color: #f98d28;
	color: #fff;
	pointer-events: none;
}

/* shop */
.orderBox .orderSelect .choiceArea {
	display: none;
}

/* item detail */
.itemInfoTop .itemImg .imgBlock > div {
	display: none;
}
.itemInfoTop .itemImg .imgBlock > div.show {
	display: block;
}

/* sideNav */
.sideInquiryBlock .btn {
	padding: 4px 15px;
}
.sideInquiryBlock .btn:after {
	background-size: 4px auto;
	width: 4px;
	height: 8px;
	right: 8px;
	margin-top: -4px;
}


	.section.informationArea {
		margin-top: 32px;
	}
	/*システムエラー・共通 end */
	.guide #searchArea .bnrSearch li .img:hover,
	.newItemBox a:hover,
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn:hover,
	.campaignArea .cpLink:hover {
		opacity: .6;
	}
	/* 05 商品一覧(デイリーランキング)
	   06 商品一覧(商品カテゴリ別ランキング) start */
	.rankingArea .rankingSelect .choiceArea {
		display: none;
	}
	.rankingArea .rankingSelect {
		position: relative;
		margin: 0 auto 25px;
		width: 980px;
	}
	.mainArea .rankingArea .rankingSelect {
		width: 720px;
	}
	.rankingArea .rankingSelect .selectorWrapper {
		position: relative;
		opacity: 0;
		transition: all 0.3s ease;
	}
	.rankingArea .rankingSelect .selectorWrapper.show {
		opacity: 1;
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn {
		display: block;
		width: 30px;
		height: 34px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 50%;
		margin-top: -17px;
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn:focus {
		outline: 0;
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn.prev {
		background: #fff url(/files/commonfiles/images/icn_arrow_ranking_prev.png) no-repeat 3px center;
		border-right: 1px solid #c4c8cc;
		right: calc(100% + 4px);
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn.next {
		background: #fff url(/files/commonfiles/images/icn_arrow_ranking_next.png) no-repeat 15px center;
		border-left: 1px solid #c4c8cc;
		left: calc(100% + 4px);
	}
	.rankingArea .rankingSelect .selectorWrapper .selectorBtn.disabled {
		opacity: 0;
		pointer-events: none;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector {
		overflow: hidden;
		position: relative;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector:after {
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
		content: "";
		width: 32px;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector .selectorInner {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		transition: all 0.3s ease;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector a {
		background-color: #fff;
		border-radius: 30px;
		display: inline-block;
		line-height: 30px;
		padding: 0 12px;
	}
	.rankingArea .rankingSelect .selectorWrapper .selector .current {
		background-color: #f98d28;
		color: #fff;
		pointer-events: none;
	}
	/* 05 商品一覧(デイリーランキング)
	   06 商品一覧(商品カテゴリ別ランキング) end */

	/* 12 商品一覧(テレビ通販番組別) start */
	.tvOrderArea .program .btnWrapper {
		display: none;
	}
	/* 12 商品一覧(テレビ通販番組別) end */

	/* 28 お知らせ情報(画像+テキスト) start */
        .campaignArea .cpLink img{
                max-width: 300px;
                height: 150px;
        }
        
	.cms-component-hide-pc { display: none !important; }

}






