html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline
}

html {
  line-height: 1;
  height: 100%;
}

ol, ul {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle
}

q, blockquote {
  quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

.cf:before, .cf:after {
  content: "";
  display: table
}

.cf:after {
  clear: both
}

.cf {
  *zoom: 1
}

.keycolor {
  color: #444
}

.inlineb {
  display: inline-block
}

.fleft {
  float: left
}

.fright {
  float: right
}

.flexrr {
  display: flex;
  flex-direction: row-reverse
}

.mgb0 {
  margin-bottom: 0
}

.mgb30 {
  margin-bottom: 30px !important
}

.pdb30 {
  padding-bottom: 30px
}

.pdt30 {
  padding-top: 30px
}

@media screen and (max-width: 599px) {
  .flexrr {
    display: flex;
    flex-direction: column
  }
}

.ErrorMessage {
  color: #DB0014
}

.pdoff {
  padding: 0
}

.anime {
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}



@media screen and (max-width: 599px) {
  a img:hover {
    opacity: 1;
    outline: none
  }
  .pdoff_sp {
    padding: 0 !important
  }
}

.spDis {
  display: none
}

.pcDis {
  display: inline-block
}

.display_sp {
  display: none
}

.display_pc {
  display: block !important
}

@media screen and (max-width: 768px) {
  .tabunDis {
    display: none
  }
}

@media screen and (max-width: 599px) {
  .spDis {
    display: inline-block
  }
  .pcDis {
    display: none
  }
  .display_sp {
    display: block
  }
  .display_pc {
    display: none !important
  }
}

/* body {
    font-family: 'Montserrat','Noto Sans JP',"SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    letter-spacing: 0.5px;
    height:100%;
    color: #484848;
} */

body img {
  max-width: 100%;
  vertical-align: bottom
}

body a {
  color: #333;
  text-decoration: none
}

body .wrapper {
  width: 100%;
  margin: 0 auto;
  background-color: white;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
display: flex;
    flex-direction: column;
    min-height: 100vh;

}
body .wrapper:not(.productdetail_aspx){
overflow:initial;
}


.side-menu, .side-menu-btn {
  display: none
}

@media screen and (max-width: 599px) {
  .side-menu, .side-menu-btn {
    display: block
  }
  .side-open .wrapper, .side-open .overlay {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0)
  }
  .overlay {
    content: '';
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 1
  }
  .side-open .overlay {
    visibility: visible;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.7);
    z-index: 3
  }
  .overlay::after {
    content: "";
    visibility: hidden;
    position: fixed;
    top: 40%;
    left: 0;
    display: block;
    width: 100%;
    height: 50px;
    color: rgba(255, 255, 255, 0);
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
  }
  .side-open .overlay::after {
    visibility: visible;
    color: rgba(255, 255, 255, 0.8)
  }
  .btn__box {
    position: relative;
    text-align: center;
    z-index: 1
  }
  .btn__box a {
    display: block;
    width: 198px;
    height: 38px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 13px;
    color: #1a1e24;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #1a1e24
  }
  .btn__box a:hover {
    color: #fff !important;
    background: #1a1e24
  }
  .btn__box--svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 214px;
    height: 54px;
    margin: auto;
    z-index: -1
  }
  .btn__box--svg rect {
    fill: transparent;
    stroke: #1a1e24;
    stroke-width: 1px;
    stroke-dasharray: 242px;
    stroke-dashoffset: 256px;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
  }
  .btn__box a:hover+.btn__box--svg rect {
    stroke-width: 2px;
    stroke-dasharray: 600px;
    stroke-dashoffset: 0
  }
  .side-menu {
    position: fixed;
    top: 0;
    right: 0;
    box-sizing: border-box;
    width: 300px;
    height: 100%;
    padding-top: 80px;
    text-align: left;
    font-size: 14px;
    line-height: 21px;
    background: #fff;
    z-index: 0
  }
  .side-menu__ul {
    width: 100%;
    height: 100%;
    display: block;
    overflow: auto
  }
  .side-menu__ul--child {
    display: none
  }
  .active .side-menu__ul--child {
    display: block
  }
  .sidemenu_tit {
    background-color: #f4efec;
    color: black;
    padding: 4% 0 4% 0;
    margin-top: 6%;
    text-align: center
  }
  .side-menu__ul--child li a {
    display: block;
    padding: 12px 0 12px 20px;
    font-size: 14px;
    line-height: 21px;
    color: #111;
    border-top: 1px solid #ccc
  }
  .side-menu__ul>li>a, .side-menu__ul>li h3 {
    display: block;
    padding: 12px 0 12px 50px;
    color: #111
  }
  .side-menu__ul>li>a {
    padding: 13px 0 13px 50px
  }
  .side-menu__li {
    display: table;
    width: 100%;
    border-bottom: 1px solid #444
  }
  .side-menu__li a {
    padding: 10px 0 10px 15px !important
  }
  .side-menu__li a span {
    display: table-cell;
    vertical-align: middle
  }
  .side-menu__li a span img {
    width: 40px;
    height: auto
  }
  .side-menu__li a span.categoryImg {
    padding-right: 10px
  }
  .side-menu__ul h3 {
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-align: left
  }
  .side-menu__ul li h3#sidecateCategory01 {
    background-image: url(../image/img_menu01.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px
  }
  .side-menu__ul li h3#sidecateCategory02 {
    background-image: url(../image/img_menu02.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px
  }
  .side-menu__ul li h3#sidecateCategory03 {
    background-image: url(../image/img_menu03.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px
  }
  .side-menu__ul li h3#sidecateCategory04 {
    background-image: url(../image/img_menu04.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px
  }
  .side-menu__ul li h3#sidecateCategory05 {
    background-image: url(../image/img_menu05.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px
  }
  .side-menu__ul li h3#sidecateCategory06 {
    background-image: url(../image/img_menu06.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px
  }
  .side-menu__ul li h3#sidecateCategory07 {
    background-image: url(../image/img_menu07.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px
  }
  .sidemenu_rireki, .sidemenu_login, .sidemenu_help, .sidemenu_inquality, .sidemenu_catalog, .sidemenu_mypage, .sidemenu_allitem {
    border: 1px solid gray;
    margin: 4% 4% 0 4%;
    box-sizing: border-box;
    background-position: 6% center !important
  }
  .sidemenu_rireki {
    /*background-image: url(../image/side_regist.svg);*/
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    /*display: block;*/
    background-size: 20px;
	display: inline-block;
    box-sizing: border-box;
    width: 46%;
    margin: 4% 1.8% 0 4%;
    vertical-align: top;
  }
	.sidemenu_rireki:before{
	display: inline-block;
  vertical-align: middle;
    content: "\f044";
    font-family:"Font Awesome 5 Free";
	color:#444;
	margin-left: 0.5em;
    font-size: 18px;
	margin-right: 0.5em;
	font-weight: 600;
	}
  .sidemenu_rireki a{display:inline-block!important;}
  .sidemenu_login {
    overflow: hidden;
    background-size: 20px;
	display: inline-block;
    width: 41%;
    margin: 4% 4% 0 1.8%;
    vertical-align: top;
    box-sizing: border-box;
  }
	.sidemenu_login:before{
	display: inline-block;
  vertical-align: middle;
    content: "\f023";
    font-family:"Font Awesome 5 Free";
	color:#444;
	margin-left: 0.5em;
    font-size: 18px;
	margin-right: 0.5em;
	font-weight: 600;
	}
  .sidemenu_login a{display:inline-block!important;}
	.side-menu__ul>li.sidemenu_rireki>a, .side-menu__ul>li.sidemenu_login>a{padding: 13px 0 13px 4px;}
  .sidemenu_help {
    /*background-image: url(../image/side_question.svg);*/
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 20px
  }
	.sidemenu_help:before{
	display: inline-block;
  vertical-align: middle;
    content: "\f059";
    font-family:"Font Awesome 5 Free";
	color:#444;
	margin-left: 1em;
    font-size: 18px;
	margin-right: -1em;
	font-weight: 600;
	}
  .sidemenu_help a{display:inline-block!important;}
  .sidemenu_inquality {
    /*background-image: url(../image/side_biginer.svg);*/
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 20px
  }
	.sidemenu_inquality:before{
	display: inline-block;
  vertical-align: middle;
    content: "\f0f6";
    font-family:"Font Awesome 5 Free";
	color:#444;
	margin-left: 1em;
    font-size: 18px;
	margin-right: -1em;
	font-weight: 600;
	}
  .sidemenu_inquality a{display:inline-block!important;}
	
  .sidemenu_mypage {
    /*background-image: url(../image/side_mypage.svg);*/
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 20px
  }

	.sidemenu_mypage:before{
	display: inline-block;
  vertical-align: middle;
    content: "\f0f0";
    font-family:"Font Awesome 5 Free";
	color:#444;
	margin-left: 1em;
    font-size: 18px;
	margin-right: -1em;
	font-weight: 600;
	}
  .sidemenu_mypage a{display:inline-block!important;}
	
  .sidemenu_catalog {
    background-image: url(../image/side_catalog.svg);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 20px
  }
  .sidemenu_price {
    background-image: url(../image/ico_arrow-sp.svg);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 20px;
    background-position: 7% center;
    background-size: 10px;
    border-bottom: 1px solid #444
  }
	.sidemenu_allitem:before{
	display: inline-block;
  vertical-align: middle;
    content: "\f002";
    font-family:"Font Awesome 5 Free";
	color:#444;
	margin-left: 1em;
    font-size: 18px;
	margin-right: -1em;
	font-weight: 600;
	}
  .sidemenu_allitem a{display:inline-block!important;}
  .sidecate01 {
    background-image: url(../image/img_menu01.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px;
    border-top: solid 1px #444
  }
  .sidecate02 {
    background-image: url(../image/img_menu02.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px;
    border-top: solid 1px #444
  }
  .sidecate03 {
    background-image: url(../image/img_menu03.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px;
    border-top: solid 1px #444
  }
  .sidecate04 {
    background-image: url(../image/img_menu04.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px;
    border-top: solid 1px #444
  }
  .sidecate05 {
    background-image: url(../image/img_menu05.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px;
    border-top: solid 1px #444
  }
  .sidecate06 {
    background-image: url(../image/img_menu06.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px;
    border-top: solid 1px #444
  }
  .sidecate07 {
    background-image: url(../image/img_menu07.png);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 35px;
    border-top: solid 1px #444;
    border-bottom: solid 1px #444
  }
  .side-menu__ul--child li {
    background-image: url(../image/arrow02.svg);
    background-position: 2% center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    background-size: 10px;
    margin-left: 19px
  }
  .side-menu li.search {
    padding: 19px 10px 0 10px
  }
  .side-menu li.search p.salon_form {
    width: 100%;
    display: block
  }
  .side-menu li.search p.salon_form input {
    border: 1px solid #444;
    width: 65%;
    padding: 11px 10px;
	border-radius: 0;
  }
  .side-menu li.search p.salon_form span.searchicon {
    display: inline-block;
    background-color: #444;
    color: #fff;
    padding: 7px 4px 5px 4px;
    width: 23%
  }
  .side-menu li.search p.salon_form span.searchicon:before {
    content: "";
    background: url(../image/magnifier-o.svg) no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle
  }
  .side-menu-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    height: 25px;
    padding: 5px 5px 0 5px;
    cursor: pointer;
    z-index: 4
  }
	
	.side-menu-btn:after{
		content: "MENU";
		display: block;
		font-size: 13px;
		width: 3em;
		margin-left: -0.5em;
	}
.side-open .side-menu-btn:after{
	content: none;
	}
  .ellipsis-v {
    position: relative;
    display: block;
    cursor: pointer;
    width: 20px;
    height: 25px
  }
  .side-open .ellipsis-v {
    width: 40px;
    height: 50px;
    margin-top: -20px;
    position: fixed
  }
  .ellipsis-v .point {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 2px;
    margin: auto;
    background: #333;
    -webkit-transition: all .3s;
    transition: all .3s
  }
  .ellipsis-v .point.top {
    top: 5px
  }
  .ellipsis-v .point.mid {
    top: 0;
    bottom: 0
  }
  .ellipsis-v .point.bot {
    bottom: 5px
  }
  .pointtxt {
    display: block;
    position: absolute;
    width: 40px;
    top: 26px;
    left: -5px;
    font-size: 12px;
    line-height: 20px
  }
  .side-open .pointtxt {
    display: none
  }
  .side-open .side-menu-btn:hover .top, .side-open .top {
    width: 56px;
    height: 1px;
    background: #111;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .side-open .mid {
    opacity: 0
  }
  .side-open .side-menu-btn:hover .bot, .side-open .bot {
    width: 56px;
    height: 1px;
    background: #111;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  .side-open .side-menu-btn:hover .bot, .side-open .side-menu-btn:hover .top {
    background: #ccc
  }
}


/*header*/
.wrapper#store:not(.top_aspx) header{
border-bottom:1px solid #eee;
}
header .headerWrap {
    padding: 15px 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width:1280px;
    margin:0 auto;
    position: relative;
    box-sizing:border-box;
}
@media screen and (min-width: 1281px) {
header .headerWrap {
    padding: 15px 0px;
}
}
@media screen and (max-width: 767px) {
header .headerWrap {
padding: 0;
}}
.wrapper header .hamburger-menu {
  order: 3;
  flex: initial;
  margin-left: 8px;
}
@media screen and (min-width: 768px) {
.hamburger-menu{
display:none;
}}
@media screen and (max-width: 767px) {
.hamburger-menu {
    order: 3;
}}
@media screen and (max-width: 767px) {
header .headerWrap #logoWrap{
  order: 1;
}
}
@media screen and (max-width: 767px) {
header .headerWrap #logo{
  width: 80px;
  height: 60px;
  position: static;
  z-index: 1;
  flex: initial;
  margin: 0;
}
}
@media screen and (max-width: 599px) {
header .headerWrap #logo{
    width: 120px;
    top: 10px;
}
}

header .siteCatchCopy{
margin-left:20px;
line-height:1;
margin-top:1px;
    font-size: 13px;
    letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
header .siteCatchCopy{
    order: 4;
    width: 100%;
    background-color: #fff;
    margin-left: 0;
    color: #727171;
    padding: 15px 5px 10px 5px;
    box-sizing: border-box;
    font-size: 11px;
    margin-top: 0px;
}
}
header div.navi {
    text-align: right;
    position: relative;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: flex-end;
    margin-left: auto;
}

header .navi ul {
    display: flex;
    align-items: center;
  padding-bottom: 0px;
}
@media screen and (max-width: 599px){
header .navi ul {
  padding-bottom: 0px;
}
}
header ul.txt_menu{ text-align: left;}

header ul.txt_menu a{  margin: 0 4%; width: 80px; text-align: center;}
header ul.txt_menu a:last-child{margin-right: 0;}
header ul.txt_menu li {
  /*padding: 5px 5px 5px 5px;*/
  display: inline-block;
  font-size: 11px;
  line-height: 20px;

}

/*header ul.txt_menu li:hover{border-bottom:2px solid #444;}*/

header ul.txt_menu li i {
  /*margin-right: 0.5em*/
	display: block;
	text-align: center;
	font-size: 21px;
	margin-bottom: 8px;
}
header .sc_field{
    justify-content: space-between;
}
@media screen and (min-width: 1000px) {
header .sc_field{
    width: 100%;
    justify-content: flex-end;
}}
header .sc_field>* {
    line-height: 20px;
    text-align: center;
    margin: 0 10px;
	
}
@media screen and (max-width: 900px) {
header .sc_field li.h_login.logout{
font-size:12px;
}}
@media screen and (max-width: 767px) {
header .sc_field>*.h_search{
    margin: 0;
    width: 40px;
    position: absolute;
    left: 70px;

}
.search-icon::before{
    margin: auto auto -2px auto;
}
}
@media screen and (max-width: 599px) {
header .sc_field>*.h_search{
    width: 40px;
    height: 40px;
    left: 42px;
    top: 0px;

}}
@media screen and (min-width: 1000px) {
header .sc_field>* {
    margin: 0 10px;
    width: auto;
}}

header .sc_field .salon_form {
  background-color:#f4efec;
  display: table;
  box-sizing: border-box;
  padding:2px 5px;
}

header .sc_field .salon_form input {
  display: table-cell;
  padding: 6px;
  width: 14em;
  font-size: 15px;
  border: none;
  background-color:transparent;
}

header .sc_field .salon_form input[type="text"]:focus {
  outline: 0;
}

header .sc_field .salon_form span {
  display: table-cell;
  background-color: transparent;
  color: white;
  font-size: 15px;
  padding: 0 5px;
  vertical-align: middle;
cursor: pointer;
cursor: hand;
}

header .sc_field .salon_form span:before {
  display: inline-block;
  vertical-align: middle;
    content: "\f002";
    font-family:"Font Awesome 5 Free";
	color:#333;
}
header .h_login.logout{line-height:1;}
header .h_login.logout i:before{
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(/store/Images/Common/icon/ico_logout.svg);
    margin:auto auto 4px auto;
}

@media screen and (max-width: 767px) {
header .h_login i:before{
    content: "";
    width: 26px;
    height: 26px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(/store/Images/Common/icon/human-o.svg);
    margin:auto auto 0px auto;
}
header .h_login.logout i:before{
    background-image: url(/store/Images/Common/icon/human-o.svg);
}
}
@media screen and (min-width: 768px) {
header .h_login.logout i{
display:none;
}
}
@media screen and (max-width: 767px) {
header .logout{display:none;}
}
@media screen and (max-width: 599px) {
header .h_login i:before{
    margin: 3px auto 0px auto;
}}
@media screen and (max-width: 767px) {
header .h_login span{
    font-size:11px;
display:none;
}}
@media screen and (max-width: 600px) {
header .h_login span{
    display:none;
}}


@media screen and (max-width: 599px){
header .sc_field>*.h_mypage {
    margin: 0 8px 0 10px;
}}

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

}


header ul .cart:before {
 
}
@media screen and (max-width: 767px) {
header ul .cart:before {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -9px;
}}
header ul .cart span#BasketSummary.number {
    position: absolute;
    top: 0px;
    right: 4px;
    color: white;
    font-size: 10px;
    text-align: center;
    background-color:#fe5000;
border-radius:20px;
    width: 20px;
    height: 20px;
    display: block;
}
header ul .cart span#BasketSummary.number #Basket {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-left: 0.08em;
}
header ul .cart span.display_sp{
	display: block;
    text-align: center;
    color: #333;
    font-size: 11px;
}

header #logo {
    width: 120px;
    display: block;
    height: auto;
    margin: 0;
    z-index: 2;
}
header #logo span{
    display: inline-block;
    font-size: 11px;
    margin-top: 5px;
}
@media screen and (max-width: 599px) {
header #logo {
    width: 120px;
    display: block;
    height: 38px;
    margin: auto;
    z-index: 2;
}
}
header #logo img {
/*  width: 100%;*/
  height: auto
 image-rendering: -webkit-optimize-contrast;
}


/*search-form*/
#ol-search{
  display:none;
}
.search-icon{
  cursor:pointer;
white-space: pre;
display: block;
margin-bottom:0;
}
@media screen and (min-width: 1000px) {
.search-icon{
display:none;
}
}
.search-icon::before{
  content: '';
  background-image: url(/online/Images/Common/icon/ico_search.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: auto auto 0 auto;
  display: block;
}
@media screen and (max-width: 599px) {
.search-icon::before{
    width: 24px;
    height: 24px;
    margin: 10px auto auto auto;
}}
/*.search-icon::after{
  content:'検索';
  font-size: 11px;
  display: block;
	line-height: 1em;
}*/
.overlay, 
.ol-search-wrap{
  display:none;
  opacity:0;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  animation:fade_overlay .3s;
}
.ol-search-wrap{
  z-index:9990;
}
@media screen and (min-width: 1000px) {
.ol-search-wrap{
    display: block;
    opacity: 1;
    position: static;
}}
.overlay{
  z-index:9991;
  background:rgba(0,0,0,.4);
}
@media screen and (min-width: 1000px) {
.overlay{
display:none;
}}
#ol-search:checked ~ .ol-search-wrap,
#ol-search:checked ~ .ol-search-wrap .overlay{
  display:block;
  opacity:1;
}
	.ol-searchform{
	position: relative;
    z-index: 2;
		margin-left: auto;
}
.ol-searchform .searchform{
  position:fixed;
  top:50%;
  left:50%;
  z-index:9999;
  width:80%;
  max-width:520px;
  border:solid 2px #fff;
  border-radius:4px;
  transform:translate(-50%,-50%);
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
  background-color: #fff;
}
	.ol-searchform .searchform{
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
	}
@media screen and (min-width: 1000px) {
.ol-searchform .searchform{
    position: static;
    transform: translate(0,0);
    width: auto;
    max-width: 252px;
}
}	
header .headMenu .ol-searchform .seartBox span{
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	}
	
	
.ol-searchform .search-field, .ol-searchform .search-submit{
  height:48px;
  padding:0 12px;
  border:none;
  background:rgba(255,255,255,1);
  font-size:13px;
  color:#333;
  transition:.3s;
  outline:none;
}
.ol-searchform .search-field{
  flex:1;
  border-radius:4px 0 0 4px;
    background-color: #fff;
    font-size: 11px;
}
@media screen and (min-width: 1000px) {
.ol-searchform .search-field{
    background-color: #eee;
    width: 210px;
}}
.ol-searchform .search-submit{
  cursor:pointer;
  border-radius:0 4px 4px 0;
}
@media screen and (min-width: 1000px) {
.ol-searchform .search-submit{
    background-color: #595959;
}

}
.ol-searchform .search-submit .searchicon i:before{
content:"";
background-image:url(/online/Images/Common/icon/ico_searchWhite.svg);
width:16px;
height:16px;
background-size:contain;
background-repeat:no-repeat;
display: inline-block;
}
.ol-searchform .search-field:focus,
.ol-searchform .search-field:focus + .search-submit{
  background:rgba(252,250,241,1);
}



@media screen and (max-width: 850px) {
header ul.txt_menu a{ margin: 0 3%;}
header .sc_field .salon_form input{font-size: 14px; width:10em;}
}
@media screen and (max-width: 767px) {
header div.navi{
    order: 2;
    width: auto;
    margin-left: auto;
    padding: 8px 0;
}
}
@media screen and (max-width: 767px) {
header ul .cart{
    margin: 0 10px;
}
}
@media screen and (max-width: 720px) {
header{ padding: 15px 0 10px 0;}
header ul.txt_menu a{ margin: 0 2%;}
header ul.txt_menu li{font-size: 12px;}
header .sc_field .salon_form input{font-size: 12px; width: 9em;}
}
@media screen and (max-width: 599px) {
  header {
    padding: 0 0 9px 0;
  }
  header ul {
    padding-bottom: 0
  }
header ul.txt_menu li {
    font-size: 12px;
    text-align: center;
}
header ul.txt_menu li:hover{
	border-bottom: none;
	}
header ul.txt_menu li i{
	margin-right: 0;
    font-size: 20px;
	display: block;
	}
  header .sc_field>* {
	  text-align: center;
  }
  header .sc_field>a{
    width:auto;
    margin: 0 9px 0 5px;

}
  header .sc_field .salon_form {
    display: none
  }
  header ul .cart {
    background-color: white;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    font-size: 11px;
    width: 55px;
    text-align: center;
    margin: 0 5px;
  }

	header ul .cart span.display_sp{
		color: #333;
		font-size: 13px;
		
	}
  header ul .cart:before {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 3px;
    width:26px;
    height:26px;

  }
 
	
	header ul .cart span.display_sp{
		color: #333;
	}
	.search-icon::after{content: none;}
	header ul .cart span.display_sp{display: none;}
}

@media screen and (max-width: 360px) {
	header ul.txt_menu{
	}
header ul.txt_menu a {
    margin: 0 2%;
}

header ul.txt_menu li {
    font-size: 11px;
    text-align: center;
}

	header ul .cart span.display_sp{
		font-size: 11px;
	}
	
	.side-menu-btn{
		top:11px;
	}
	.side-menu-btn:after{
		font-size: 11px;
		margin-top: -1px;
	}
}

@media screen and (max-width: 320px) {
	header ul.txt_menu a{ margin: 0 2%;}
header ul.txt_menu li {
    font-size: 10px;
    text-align: center;
}
	header ul .cart span.display_sp{
		font-size: 10px;
	}
	
	.side-menu-btn{
		top:11px;
	}
	.side-menu-btn:after{
		font-size: 10px;
		margin-top: 0px;
	}
}

div.content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
@media (max-width: 1280px){
div.content {
box-sizing:border-box;
padding:0 10px;
}}
div.content .tag_area {
  margin-bottom: 70px
}

div.content .tag_area dl {
  padding: 10px 0;
  background-color: #444;
}

div.content .tag_area dl dt {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2%;
  padding: 10px;
  font-size: 15px;
  color: #fff;
}

div.content .tag_area dl dt .fa{margin-right:15px;}

div.content .tag_area dl dt:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 28px;
  background: url(../image/txtdeco_left.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 1em;
}

div.content .tag_area dl dt:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 28px;
  background: url(../image/txtdeco_right.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left: 1em;
}

div.content .tag_area dl dd {
  display: inline-block;
  vertical-align: middle;
  margin: 0 1%;
  padding: 0.2% 0.5%;
  font-size: 12px;
  line-height: 20px;
  background-color: #fff;
  border-radius: 5px
}

div.content .tag_area dl dd a {
  display: inline-block
}

div.content .tag_area dl a:hover {
  text-decoration: underline
}

div.content .tag_area ul {
  padding-bottom: 30px
}

div.content .tag_area ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  font-size: 12px;
  line-height: 20px
}

div.content .tag_area ul li .salon_form {
  border: 1px solid #444;
  display: table;
  box-sizing: border-box
}

div.content .tag_area ul li .salon_form input {
  display: table-cell;
  padding: 6px;
  width: 20em;
  font-size: 12px;
  border: none
}

div.content .tag_area ul li .salon_form span {
  display: table-cell;
  background-color: #444;
  color: white;
  font-size: 14px;
  padding: 0 10px
}

div.content .tag_area ul li .salon_form span:before {
  content: "";
  background: url(../image/magnifier-o.svg) no-repeat;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle
}

div.content .tag_area ul li.catalog_src {
  background-color: #444;
  border-radius: 5px;
  font-size: 14px
}

div.content .tag_area ul li.catalog_src a {
  display: block;
  padding: 5px 15px;
  color: #fff
}

div.content .tag_area ul li.catalog_src .fa {
  margin-right: 0.5em
}

div.content .tag_area ul li.search_tit {
  font-size: 15px;
  margin-right: 2%
}

div.content .mainimg {
  display: block;
}

div.content .mainimg .innner_mainimg {
  /*position: absolute;
  right: 0;
  display: block;
  height: 450px;
  width: 1430px;*/
  top: 0;
  overflow: hidden
}

div.content .mainimg .maincopy {
  position: absolute;
  top: -20px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  z-index: 0;
  left: 5%;
  text-align: left;
  font-size: 1.8em;
  line-height: 2.6em
}

div.content .mainimg ul li {
  position: relative
}

div.content .mainimg ul li div.article {
  position: absolute;
    /*top: 0;*/
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto;
    /*width: 260px;*/
	width: 100%;
    /*height: 260px;*/
	height: 130px;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
    color: #fff;
    display: block;
    /*border: 1px solid #fff;*/
    background-color: rgba(0,0,0,0.6);
}

div.content .mainimg ul li div.article-rt {
  position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto;
	width: 100%;
    height: 100%;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
    color: #000;
    display: block;
	/*-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;*/
	text-align: center;
    font-size: 19px;
    line-height: 2.1em;
}

div.content .mainimg ul li div.article-rt p span.red{
	color: #444;
}

div.content .mainimg ul li div.article-rt div.artibox {
  display: table;
	width: 100%;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}

div.content .mainimg ul li div.article-rt div.artibox p {
  display: table-cell;
vertical-align: middle;
	padding-top: 1em;
	/*text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 8px #fff, 0 0 15px #fff;*/
	color: #fff;
}

div.content .mainimg ul li div.article-rt p{
	
}

div.content .mainimg ul li div.article div.artibox{
	display: table;
	/*width: 260px;*/
	width: 100%;
    /*height: 260px;*/
	height: 130px;
}

div.content .mainimg ul li div.article div.artibox p{
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.2em;
}
div.content .mainimg ul li div.article  div.artibox p span {
    display: block;
    /*padding: 10px 5px;*/
	padding: 0 5px 10px 5px;
    box-sizing: border-box;
    font-size: 26px;
    margin-bottom: 15px;
    letter-spacing: 1.5px;
    line-height: 1.7em;
	position: relative;
}
div.content .mainimg ul li div.article div.artibox p span br{
	display: none;
}

div.content .mainimg ul li div.article  div.artibox p span:before{
content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #fff;
    width: 6em;
    margin: 0 auto;
}
div.content .mainimg ul li div.article span.bnrbrsp {
  margin-left: 15px
}


div.content .mainimg ul li div.black {
  color: #333;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 8px #fff, 0 0 15px #fff
}

div.content .mainimg ul li div.black span {
  border-color: #333
}

div.content .slide_txt #slider-nav {
  display: none
}

div.content .pricerange {
  padding-bottom: 30px
}

div.content .pricerange dl {
  padding: 15px 0;
  box-sizing: border-box;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333
}

div.content .pricerange dl dt {
  display: inline-block;
  vertical-align: middle;
  width: 17%;
  padding: 0 10px;
  font-size: 15px
}

div.content .pricerange dl dd {
  display: inline-block;
  vertical-align: middle;
  padding: 0 2%;
  font-size: 12px;
  line-height: 20px
}

div.content .pricerange dl dd:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: url(../image/ico_arrow.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px
}

div.content .pricerange dl dd a:hover {
  text-decoration: underline;
  color: #444
}

div.content .contBlock {
  padding-bottom: 70px
}

div.content .contBlock h2,
.templateInner .fullContents h2{
  font-size: 30px;
  /*line-height: 1em;*/
  font-weight:700;
}

.top_aspx div.content .contBlock h2,
.productdetail_aspx .RelatedProductOneSideParts h2,
.templateInner .fullContents h2{
	position: relative;
    display: block;
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
text-align: center;}
/*.top_aspx div.content .contBlock h2:before,
.productdetail_aspx .RelatedProductOneSideParts h2:before,
.templateInner .fullContents h2:before{
	content: "";
	height: 1px;
	width: 100%;
	background-color: #333;
	display: block;
	position: absolute;
	top: 0.5em;
}*/

.top_aspx div.content .contBlock h2 span,
.productdetail_aspx .RelatedProductOneSideParts h2 span,
.templateInner .fullContents h2 span{
	content: "";
    background-color: #fff;
    display: inline-block;
    position: relative;
	margin: 0;
}

.top_aspx div.content .contBlock h2+span,
.productdetail_aspx .RelatedProductOneSideParts h2+span
{
    display: inline-block;
    margin: 10px auto 30px auto;
font-family: 'Montserrat';
}	

.account_aspx h2+span,
.templateInner .fullContents h2+span{
text-align: center;
    display: block;
    margin: 10px auto 30px auto;
	
}
	
.productdetail_aspx .RecentlyViewedItems h2 a{
    border-radius: 5px;
    background-color: #444;
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 10px;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


div.content .contBlock .category_area {
  display: block;
	width: 100%;
	max-width: 1130px;
	margin: 0 auto;
}

div.content .contBlock .category_area{
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    /*-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
	flex-wrap: wrap;
}
div.content .contBlock .category_area>div{
	width: 33.333%;
	display:block;
	transition-duration: 0.3s;
	overflow: hidden;
	position: relative;
	padding-bottom: 20%;
	
	
}

div.content .contBlock .category_area>div>a{
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center top;
    height: 100%;
    width: 100%;
    cursor: pointer;
    transition-duration: 0.3s;
    position: absolute;
    top: 0;
	left: 0;
	
}



div.content .contBlock .category_area > div>a:before{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.5));
	transition-duration: 0.3s;
	opacity: 1;
	z-index: 2;
}

div.content .contBlock .category_area>div > a >p.cate_name_area{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
	bottom: 0;
    top: 0;
    margin: auto;
    height: 72px;
    color: #fff;
    font-size: 1.8em;
	transition-duration: 0.3s;
	z-index: 3;
}


div.content .contBlock .category_area>div > a i{
	margin-left: 0.5em;
}
div.content .contBlock .category_area>div > a >p.cate_name_area >span{
	position: absolute;
	bottom: -200%;
	transition-duration: 0.3s;
	right: 0;
	left: 0;
	margin: auto;
	
	display: flex;
    align-items: center;
    width: 6em;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    height: 1em;
    border: 1px solid #fff;
    text-align: center;
    justify-content: center;
	
}

div.content .contBlock .category_area>div:hover >a{
	background-size: 110%;
}
div.content .contBlock .category_area>div:hover>a:before{
opacity: 1;
}

div.content .contBlock .category_area > div:hover >a{
transform: scale(1.1);
}

div.content .contBlock .category_area>div:hover > a >p.cate_name_area >span{
	bottom: 0;

}

div.content .contBlock .category_area #Cate_Category01>a{
	background-image: url("../image/cate_09.jpg");
	
}
div.content .contBlock .category_area #Cate_Category02>a{
	background-image: url("../image/cate_10.jpg");
	
}
div.content .contBlock .category_area #Cate_Category03>a{
	background-image: url("../image/cate_05.jpg");
	
}

div.content .contBlock .category_area #Cate_Category04>a{
	background-image: url("../image/cate_08.jpg");
	
}

div.content .contBlock .category_area #Cate_Category05>a{
	background-image: url("../image/cate_07.jpg");
	
}

div.content .contBlock .category_area #Cate_Category06>a{
	background-image: url("../image/cate_01.jpg");
	
}

div.content .contBlock .category_area .bigCate {
  display: none
}

div.content .contBlock .category_area .smlCate {
  width: 100%
}

div.content .contBlock .category_area .smlCate a {
  float: left;
  overflow: hidden;
  display: table;
  /*width: 15%;*/
    width: 23.5%;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-right: 2%;
  margin-bottom: 2%
}

div.content .contBlock .category_area .smlCate a .cateimg {
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  box-sizing: border-box;
    padding: 6%;
}

div.content .contBlock .category_area .smlCate a .tit2 {
  font-weight: bold;
  font-size: 14px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px 0;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 8px #fff, 0 0 15px #fff
}

div.content .contBlock .category_area .smlCate a p {
  width: 60%;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 8px #fff, 0 0 15px #fff;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

div.content .contBlock .category_area .smlCate a p span.catetxt {
  padding: 0 2%;
  width: 96%;
  padding: 2%;
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: left;
  font-size: 12px
}

div.content .contBlock .category_area .smlCate a p span.catetxt span.tit {
  font-size: 16px;
  display: block;
  font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
  text-align: center;
  margin-left: -0.5em;
}

div.content .contBlock .category_area .smlCate a p span.catetxt span.tit .fa {
  margin-left: 0.5em
}

div.content .contBlock .category_area .smlCate a:nth-child(4n){
  margin-right: 0
}

div.content .contBlock .category_area img {
  vertical-align: top
}

div.content .contBlock .category_area img:hover {
  opacity: 1
}

div.content .reccomend_area .half_block {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding-right: 2%;
  padding-bottom: 2%
}

div.content .reccomend_area .half_block a {
  position: relative;
  display: block
}

div.content .reccomend_area .half_block a p {
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  right: 5%;
  top: 0;
  text-align: left;
  padding: 4% 0px 2% 0;
  font-size: 19px;
  line-height: 1.3em;
  letter-spacing: 0.3em;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 8px #fff, 0 0 15px #fff
}

div.content .reccomend_area .half_block a p span {
  padding: 7px 0px 1px 0;
  box-sizing: border-box;
  border: 1px solid #000;
  display: inline-block;
  font-size: 12px;
  margin-left: 3%;
  line-height: 1.7em;
  letter-spacing: 0.2em;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 8px #fff, 0 0 15px #fff
}

div.content .reccomend_area .half_block a p.white {
  color: #fff;
  text-shadow: 0 0 10px #000, 0 0 15px #000, 0 0 8px #000, 0 0 15px #000
}

div.content .reccomend_area .half_block a p.white span {
  border-color: #fff;
  text-shadow: 0 0 10px #000, 0 0 15px #000, 0 0 8px #000, 0 0 15px #000
}

div.content .reccomend_area .half_block.pdoff {
  padding: 0
}

div.content .reccomend_area .half_block.block1 {
  padding-right: 0;
  padding-top: 2%
}

div.content .reccomend_area .seasonal_area {
  text-align: center;
  margin: 0 auto
}

div.content .reccomend_area .seasonal_area li {
  display: inline-block;
  width: 30%;
  box-sizing: border-box;
  padding: 0 2%
}

div.content .reccomend_area .seasonal_area li dl {
  display: table;
  width: 100%
}

div.content .reccomend_area .seasonal_area li dl dt, div.content .reccomend_area .seasonal_area li dl dd {
  display: table-cell;
  box-sizing: border-box;
  vertical-align: middle
}

div.content .reccomend_area .seasonal_area li dl dt {
  width: 24.2%
}

div.content .reccomend_area .seasonal_area li dl dd {
  width: 75.8%;
  padding-left: 4%;
  text-align: left
}

div.content .newsBlock2 {
  padding: 5px 0;
  position: relative;
  z-index: 1;
}

div.content .newsBlock2 .img_newspoint {
  width: 25px;
  display: block;
  margin: -16px auto 0 auto
}

div.content .newsBlock2 .newsinfo_area {
  background-color: #fff5f5;
  padding: 30px 0;
  margin-top: -8px;
  margin-bottom: 30px
}

div.content .newsBlock2 .smlCate {
  width: 100%
}

div.content .newsBlock2 .smlCate a {
  float: left;
  position: relative;
  overflow: hidden;
  display: block
}

div.content .newsBlock2 .smlCate a .newscate {
  position: absolute;
  width: 86px;
  height: auto;
  left: 0;
  top: 0
}

div.content .newsBlock2 .smlCate a .tit2 {
  font-size: 14px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(165, 133, 74, 0.6);
  padding: 5px 0;
  color: #fff;
  min-height: 4em
}

div.content .newsBlock2 .smlCate a p {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 8px #fff, 0 0 15px #fff;
  background-color: rgba(226, 222, 209, 0.5);
  height: 100%;
  display: block;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

div.content .newsBlock2 .smlCate a p span.catetxt {
  position: absolute;
  bottom: 14px;
  left: 0;
  padding: 0 2%;
  width: 96%
}

div.content .newsBlock2 .smlCate a p span.catetxt:after {
  content: 'MORE';
  display: block;
  width: 121px;
  height: 41px;
  margin: 5px auto 0;
  background: url(../image/btn_more_on.svg) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden
}

div.content .newsBlock2 .smlCate a p span.catetxt span.tit {
  font-weight: bold;
  font-size: 14px;
  display: block
}

div.content .newsBlock2 .smlCate a:hover .tit2 {
  display: none
}

div.content .newsBlock2 .smlCate a:hover p {
  bottom: 0px
}

div.content .newsBlock2 .smlCate a:hover span:after {
  background: url(../image/btn_more_on.svg) no-repeat 0 0;
}

div.content .newsBlock2 .smlCate a:nth-child(1) {
  width: 40%;
  float: left;
  box-sizing: border-box
}

div.content .newsBlock2 .smlCate a:nth-child(2) {
  width: 20%;
  float: left;
  box-sizing: border-box
}

div.content .newsBlock2 .smlCate a:nth-child(3) {
  width: 20%;
  float: left;
  box-sizing: border-box
}

div.content .newsBlock2 .smlCate a:nth-child(4) {
  width: 20%;
  float: left;
  box-sizing: border-box
}

div.content .newsBlock2 .smlCate a:nth-child(5) {
  width: 20%;
  float: left;
  box-sizing: border-box
}

div.content .newsBlock2 .smlCate a:nth-child(6) {
  width: 20%;
  float: left;
  box-sizing: border-box
}

div.content .newsBlock2 .smlCate a:nth-child(7) {
  width: 20%;
  float: left;
  box-sizing: border-box
}

div.content .newsBlock2 .newitem_area {
  position: relative;
  padding-bottom: 30px
}

div.content .newsBlock2 .newitem_area ul {
	width: 100%;
}


div.content .newsBlock2 .newitem_area ul li {
  display: inline-block;
  width: 23.5%;
  box-sizing: border-box;
  vertical-align: top;
  background-color:#fff;
  margin-right: 1%;
  margin-bottom: 4%;
	position:relative;
}

div.content .newsBlock2 .newitem_area ul li:nth-child(4n){margin-right:0;}

div.content .newsBlock2 .newitem_area ul li a {display: block;}

div.content .newsBlock2 .newitem_area ul li dl{/*position:relative;*/}
div.content .newsBlock2 .newitem_area ul li dl dt{
	height: 0;
    overflow: hidden;
    padding-bottom: 89.45%;
	-webkit-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;
}

div.content .newsBlock2 .newitem_area ul li dl dt p {
	/*margin-top: -4%;商品画像先の時*/
	margin-top: -109%;
	-webkit-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;}

div.content .newsBlock2 .newitem_area ul li:nth-child(even) dl dt{
	position: absolute;
    width: 100%;
    bottom: 0;
	margin-bottom: 0;
}
div.content .newsBlock2 .newitem_area ul li:nth-child(even) dl dd{
	/*padding-bottom: 89.45%;*/
	padding-bottom: 96.45%;
}

div.content .newsBlock2 .newitem_area ul li dl dt:hover{
	background-position: center 96%;
}
div.content .newsBlock2 .newitem_area ul li dl dt:hover p{
	margin-top: -4%;
	/*margin-top: -109%;*/
	}

div.content .newsBlock2 .newitem_area ul li dl .itemname {
	padding: 1em;
    font-family: "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
	font-size: 1.3em;
}

div.content .newsBlock2 .newitem_area ul li dl .itemcopy{
	display: block;
    font-size: 12px;
    font-family: "Noto Sans Japanese", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    margin-top: 1.5em;
}

div.content .newsBlock2 .newitem_area ul li:nth-child(even) dl .itemcopy{
    margin-bottom: 1em;
}

div.content .newsBlock2 .news_bg{
	background-image: url(../image/bg_newitem.png);
    height: 80%;
    width: 100%;
    z-index: -1;
    position: absolute;
    bottom: 0;}

div.content .newsBlock2 .newitem_area .more_btn {
  box-sizing: border-box;
  border: 1px solid #444;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background-color:#fff;
  margin: 10px auto 0 auto;
}

div.content .newsBlock2 .newitem_area .more_btn span:before{
	content: "";
    display: inline-block;
    width: 17px;
    height: 28px;
    background: url(../image/txtdeco_left_b.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 1em;
	}
	
	div.content .newsBlock2 .newitem_area .more_btn span:after{
	content: "";
    display: inline-block;
    width: 17px;
    height: 28px;
    background: url(../image/txtdeco_right_b.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 1em;
	}
	

div.content .newsBlock2 .newitem_area .more_btn:hover span:before{
    background: url(../image/txtdeco_left.svg) no-repeat;
	}
	
	div.content .newsBlock2 .newitem_area .more_btn:hover span:after{
    background: url(../image/txtdeco_right.svg) no-repeat;
	}
	

div.content .newsBlock2 .newitem_area .more_btn:hover{
	background-color:#444;
	}

		
div.content .newsBlock2 .newitem_area .more_btn a {
  display: block;
  padding: 0.7em 1em;
  font-size: 12px;
  
}

div.content .newsBlock2 .newitem_area .more_btn:hover a{
	color:#fff;}


div.content .newsBlock2 .newitem_area .more_btn .fa {
  color: #444;
  margin-left: 13px
}


div.content .newsBlock2 .newitem_area .more_btn:hover .fa{
	color:#fff;}


div.content .max_block {
  display: block;
  position: relative;
  overflow: hidden;
  margin-top: 30px
}

div.content .max_block.kore {
  background-image: url(../image/img_kore.jpg);
  background-repeat: no-repeat;
  background-position: 105% 32%;
  background-size: 57%;
  height: 300px;
  background-color: #edeae5
}

div.content .max_block.kore .cont_txt {
  position: absolute;
  left: 2%;
  top: 2%;
  width: 40.2%;
  text-align: left
}

div.content .max_block.kore .cont_txt span {
  display: block;
  width: 66.5%
}

div.content .max_block.kore .cont_txt hr {
  box-sizing: border-box;
  border: none;
  border-top: 1px solid white;
  margin: 10px 0;
  width: 80%
}

div.content .max_block.kore .cont_txt p {
  font-size: 26px;
  width: 150%;
  line-height: 1.5em;
  margin-top: 30px
}

div.content .max_block.kore .cont_txt span.checkbtn {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 16px;
  width: 121px;
  height: 41px;
  background: url(../image/btn_checknow_off.svg) no-repeat 0 0
}

div.content .max_block.gohuku {
  background-image: url(../image/img_gohuku.png), url(../image/bg_gohuku.png);
  background-repeat: no-repeat, repeat;
  background-position: 95% 50%, left top;
  height: 220px;
  background-size: 50%, auto auto
}

div.content .max_block.gohuku .cont_txt {
  position: absolute;
  left: 2%;
  top: 2%;
  width: 40.2%;
  text-align: left
}

div.content .max_block.gohuku .cont_txt span {
  display: block;
  width: 108.5%
}

div.content .max_block.gohuku .cont_txt hr {
  box-sizing: border-box;
  border: none;
  border-top: 1px solid white;
  margin: -28px 0 10px 0;
  width: 80%
}

div.content .max_block.gohuku .cont_txt span.checkbtn {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 16px;
  width: 121px;
  height: 41px;
  background: url(../image/btn_checknow_off.svg) no-repeat 0 0
}

div.content .max_block:hover .cont_txt span.checkbtn {
  background: url(../image/btn_checknow_on.svg) no-repeat 0 0
}





/*itemList*/
.productdetail_aspx .recommenditem_wrap{
	width:100%;
	margin:0 auto;
	position:relative;
	padding-bottom:60px;
	
}
.productdetail_aspx .recommenditem_wrap .item_list{
	width:100%;
	max-width:1135px;
	background-color:#fff;
	margin:0 auto;
	box-sizing:border-box;
	padding: 0px 60px;
}

.productdetail_aspx .recommenditem_wrap .news_bg{
	    background-image: url(../image/bg_newitem.png);
    height: 250px;
    width: 100%;
    z-index: -1;
    position: absolute;
    bottom: 0;
}


.productdetail_aspx div.content .item_list li dl dd:last-child{
	/*padding-bottom:1em;*/}

div.content .item_list li {
  display: inline-block;
  width: 22%;
  margin-right: 3%;
  vertical-align: top;
  position: relative;
  margin-bottom: 60px;
    /*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.2);*/
}

div.content .item_list li a{display:block; height: 100%;}

div.content .item_list.slick-slider li,
div.content .item_list.slick-slider li:nth-of-type(4n) {
  margin:0 12px 40px 12px;
}
iv.content .item_list li:nth-of-type(4n){

}
div.content .item_list li dl {
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  font-size:14px;
	height: 100%;
}

div.content .item_list li dl:hover {
  /*background-color: #f2efe9*/
}

div.content .item_list li dl dt, div.content .item_list li dl dd {
  font-size: 14px;
  line-height: 21px;
  text-align:left;
}

div.content .item_list li dl dt {
  margin-bottom: 15px;
}

div.content .item_list li dl dt img{
	width: 100%;
}

div.content .item_list li dl dt p.statusIcon{
    color: rgb(255, 255, 255);
    position: absolute;
    text-align: center;
    width: 200px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    font-size: 11px;
    padding: 46px 0px 15px;
    top: -38px;
    left: -96px;
    letter-spacing: 1px;
    z-index: 1;
}
div.content .item_list li dl dt p.statusIcon:before{
    content: "";
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #e8413f 50.5%) no-repeat top left/100% 100%;
    background: -ms-linear-gradient(to top left, rgba(255,255,255,0) 50%, #000 50.5%) no-repeat top left/100% 100%;
    position: absolute;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: 46px;
    left: 79px;
    z-index: -1;
}
div.content .item_list li dl dd{font-size:16px; padding: 0 15px /*1em*/ 0 15px;}
div.content .item_list li dl dd:nth-of-type(2){padding-bottom:1em;}
div.content .item_list li dl dd .itemlist_copy{
	display: block;
    border-top: 1px solid #333;
    margin-top: 10px;
    padding: 15px 0 0px 0;
    font-size: 14px;
	/*margin-bottom:30px;*/
}
div.content .item_list li dl dd .itemlist_copy br{display: none;}
div.content .item_list li dl dd.price_area{
	display: table;
    width: 100%;
	position: absolute;
    bottom: 0;
	box-sizing: border-box;
}
div.content .item_list li dl dd.itemcode{
    color: #898989;
    font-size: 12px
}

div.content .recommenditem_wrap .item_list li dl dd.price_area{	position: absolute;}
div.content .recommenditem_wrap  .item_list li dl dd:nth-of-type(2){padding-bottom: 47px;}
div.content .item_list li dl dd.price_area .PriceTitleB{display:none;}
div.content .item_list li dl dd.price_area .priceB{font-size:14px;}
div.content .item_list li dl dd.price_area .price{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

div.content .item_list li dl dd.price_area .itemlist_detailbtn{
display:table-cell;
	text-align:right;
	vertical-align:middle;
	
}

div.content .item_list li dl dd.price_area .itemlist_detailbtn span{
	padding:0.5em 1em;
	font-size:12px;
	background-color:#333;
	color:#fff;
	display:inline-block;
}

div.content .item_list li dl:hover dd.price_area .itemlist_detailbtn span{
	background-color:#e9413f;
	
}

div.content .item_list li dl dd .list_prefectures{
    display: block;
    font-size: 12px;
    vertical-align: middle;
    padding: 9px 5px 1px 5px;
    color: #a2a2a2;
}

div.content .item_list li dl dd .list_prefectures i.fa{margin-right: 0.5em; font-size: 1.2em;}

div.content .item_list li dl dd:last-child {
  margin-top: 5px
}

div.content .item_list li dl dd.list_goodscaption {
  font-size: 12px
}

div.content .item_list li dl dd.list_brandname {
  margin-top: 10px;
  border-bottom: solid 2px #d0d0d0;
  display: inline-block;
  padding: 0 5px
}

div.content .item_list li div.InventoryInfoBlock a {
  width: auto;
  display: block;
  margin: 0;
  height: auto;
  right: 1px;
  color: #444;
  font-size: 13px;
  border: 1px solid #444;
  margin-top: 5px
}

div.content .item_list li div.InventoryInfoBlock a img {
  display: none
}

div.content .item_list li div.InventoryInfoBlock a:before {
  content: "SOLD OUT"
}
div.content .rankingArea{background-color:#f4efec;padding-top: 40px;}
div.content .ranking_area li {
  display: inline-block;
  width: 22.5%;
  margin-right: 2.8%;
  vertical-align: top;
  position: relative;
}

div.content .Recommend .recommend_area{
    width: 100%;
    max-width: 1130px;
    margin: 0px auto 50px auto;
    position:relative;
    padding-bottom:50px;
}
@media screen and (max-width: 768px){
div.content .Recommend .recommend_area {
    max-width: 1130px;
    margin: 0px auto 40px auto;
    padding-bottom: 50px;
}
}
.wrapper div.content .Recommend .recommend_area .btnBorder.btnMore.round{
position:absolute;
right:0;
bottom:-10px;
}

@media screen and (max-width: 768px){
.wrapper div.content .Recommend .recommend_area .btnBorder.btnMore.round{
    right: 0;
    left: 0;
    bottom:0;
    margin: 0 auto;
}}
div.content .Recommend h2{
margin-bottom:20px;
}

div.content .ranking_area li:nth-of-type(4n) {
  margin-right: 0
}

div.content .ranking_area li:nth-of-type(n+5) {
  display: none;
}

div.content .ranking_area li a {
  display: block;
  width: 100%;
  margin-right: 0
}

div.content .ranking_area li dl {
  position: relative
}

div.content .ranking_area li dl dt {
  margin-bottom: 0;
}
div.content .ranking_area li dl dt p.rankNum{
	text-align: center;
	margin:auto;
	position:relative;
	display:block;
	padding: 7% 0 0;
	margin-top: 3%;
	margin-bottom: -5%;
	font-size: 1.2em;
	font-family: "Sawarabi Mincho", "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3";
}
div.content .ranking_area li dl dt p.rankNum span:after{
	content:"位";
	display:inline-block;
	font-size:0.8em;
	width:1em;
	height:1em;
	margin-left:0.2em;
}
div.content .ranking_area li dl dt:before {
  content: "";
  background: url(../image/tit_topranknum.png) no-repeat;
  position: absolute;
  top: 3%;
  left: 0;
  right:0;
  display: block;
  width: 115px;
  height: 40px;
  background-size: 100%;
  margin:auto;
}

div.content .ranking_area li dl dd {
  position: relative;
  display: flex;
  width: 92%;
  box-sizing: border-box;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
  padding: 5px 10px;
  color: #333;
  min-height: 4em;
  font-size: 1.1em;
  margin: -8% auto 0!important;
  border-radius: 10px;
  align-items: center;
}

div.content .ranking_area li:nth-child(1) dl dt:before {
  background: url(../image/tit_topranknum1.png) no-repeat;
  width: 115px;
  height: 40px;
  background-size: 100%;
}

div.content .ranking_area li:nth-child(2) dl dt:before {
  background: url(../image/tit_topranknum2.png) no-repeat;
  width: 115px;
  height: 40px;
  background-size: 100%;
}

div.content .ranking_area li:nth-child(3) dl dt:before {
  background: url(../image/tit_topranknum3.png) no-repeat;
  width: 115px;
  height: 40px;
  background-size: 100%;
}


div.content a.more p {
  width: 70%;
  border: 1px solid;
  padding: 7px 0;
  margin: 30px auto 0 auto
}

div.content a.more p:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../image/ico_arrow-sp.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px
}

div.content a.more p:hover {
  background-color: #ddd4c3
}

div.content .column_list {
  font-size: 0px
}

div.content .column_list a {
  display: inline-block;
  width: 22.8%;
  margin-right: 2.8%;
  vertical-align: top;
  border-top: 1px solid #ccc
}

div.content .column_list a:nth-of-type(4n) {
  margin-right: 0
}

div.content .column_list a dl dt, div.content .column_list a dl dd {
  text-align: left
}

div.content .column_list a dl dt {
  font-size: 16px;
  line-height: 1.7em;
  padding: 10px 0
}

div.content .column_list a dl dt span {
  display: block;
  font-size: 14px
}

div.content .column_list a dl dd {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 21px
}

div.content .column_list a dl dd.column_tit {
  font-size: 15px;
  font-weight: bold
}

div.content .newsBlock dl {
  border-top: 1px solid #ccc;
  padding: 10px 2%;
  text-align: left
}

div.content .newsBlock dl dt {
  background-color: #444;
  color: white;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 2%;
  vertical-align: middle
}

div.content .newsBlock dl dd {
  display: inline-block;
  vertical-align: middle
}

div.content .newsBlock dl:last-of-type {
  border-bottom: 1px solid #ccc
}

div.content .infoBlock {
  background-color: #fff;
  padding: 30px 7%;
  display: table;
  width: 90%;
  border: 1px solid #444;
  margin: 0 auto;
  box-sizing: border-box
}

div.content .infoBlock .info_img, div.content .infoBlock .info_txt, div.content .infoBlock .infoBtn_area {
  display: table-cell;
  vertical-align: middle
}

div.content .infoBlock .info_img {
  width: 20.8%
}

div.content .infoBlock .info_txt {
  text-align: left;
  width: 56%;
  padding-left: 3.83%;
  font-size: 12px
}

div.content .infoBlock .info_txt p span {
  display: block;
  color: #444;
  padding-bottom: 10px;
  font-size: 15px
}

div.content .infoBlock .infoBtn_area a {
  width: 187px;
  display: inline-block;
  background-color: #ddd4c3;
  padding: 10px 0;
  margin: 0 0 8% 27%
}

div.content .infoBlock .infoBtn_area a p:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../image/ico_targetBlank.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: -2px
}

div.content .infoBlock .infoBtn_area a:last-child {
  margin-bottom: 0
}

div.content .infoBlock .infoBtn_area a:hover {
  opacity: 0.8
}

.top_aspx .content {
  max-width: none
}

.top_aspx .content .reccomend_area, .top_aspx .content .newsBlock2 .smlCate, .top_aspx .content .ranking_area, .top_aspx .content .column_list, .top_aspx .content .newsBlock .top_aspx .content .reccomend_area, .top_aspx .content .newsBlock {
  max-width: 1135px;
  margin: 0 auto
}

.top_aspx .content .newsBlock2 .newitem_area{  
max-width: 1198px; margin: 0 auto; 
}

.productlist_aspx div.content .item_list a dl dd.list_brandname {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 13px;
  border-bottom: 0
}
.productlist_aspx .itemcategory_area .itemcategory_head h2.categoryimg_head .categorytit_txt{
    position: static;
    height: auto;
}


div.content .PurchaseGroupList .item_list {
  font-size: 0
}

div.content .PurchaseGroupList .item_list a {
  display: block;
  width: 100%;
  margin-right: 0%;
  vertical-align: top;
  position: static;
  margin-bottom: 0 !important
}

div.content .PurchaseGroupList .item_list li {
  display: inline-block;
  width: 22.8%;
  margin-right: 2.8%;
  vertical-align: top;
  position: relative;
  margin-bottom: 30px
}

div.content .PurchaseGroupList .item_list li dl {
  font-size: 13px
}

div.content .PurchaseGroupList .item_list li dl dt {
  margin-bottom: 15px
}

div.content .PurchaseGroupList .item_list li dl dd {
  font-size: 14px;
  line-height: 21px
}

div.content .PurchaseGroupList .item_list li dl dd.list_brandname {
  margin-top: 10px;
  border-bottom: solid 2px #d0d0d0;
  display: inline-block;
  padding: 0 5px
}

div.content .PurchaseGroupList .item_list li dl dd.price {
  margin-top: 5px
}

div.content .PurchaseGroupList .item_list li:nth-of-type(4n) {
  margin-right: 0
}

.productlist_aspx div.content .item_list a dl dd.list_itemname br {
  display: none
}

div.content .reccomend_area ul li{
	box-sizing:border-box;
	width:32%;
	float:left;
	border:1px solid #ccc;
	margin-right:2%;
	margin-bottom:2%;
	}
div.content .reccomend_area ul li:nth-child(3n){
	margin-right:0;
}

div.content .reccomend_area ul li dl dd{
	position:relative;}

div.content .reccomend_area ul li dl dd p.recomme_date{
	text-align: right;
    padding: 10px 10px 1.3em 10px;
    font-size: 13px;
}

div.content .reccomend_area ul li dl dd p.recomme_tit,
div.content .reccomend_area ul li dl dd p.recomme_copy{
	text-align:left; padding:0 1em;}
	
div.content .reccomend_area ul li dl dd p.recomme_tit{
	font-size:1.15em;
	margin-bottom:15px;
	}

div.content .reccomend_area ul li dl dd p.recomme_copy{
	margin-bottom:1em;
	font-size:13px;
}

div.content .reccomend_area ul li dl dd span.recomme_cate{
	position: absolute;
    top: 10px;
    display: block;
    padding: 0.2em 0.5em;
    color: #fff;
    font-size: 12px;
    width: 85px;
}

div.content .reccomend_area ul li dl dd span.recipe{ background-color:#ff8f16;}
div.content .reccomend_area ul li dl dd span.restock{ background-color:#4cbfb3;}


@media screen and (max-width: 1950px) {
	div.content .mainimg ul li div.article-rt{
	 font-size: 0.75vw;
	}
}

@media screen and (max-width: 1440px) {
	div.content .mainimg ul li div.article-rt{
	 font-size: 1.4vw;
	}
}

@media screen and (max-width: 1200px) {
  div.content .mainimg .innner_mainimg {
    height: 380px;
    width: 1200px
  }
  div.content .mainimg .maincopy {
    top: -20px;
    left: 4%;
    font-size: 1.6em;
    line-height: 2.4em
  }
}

@media screen and (max-width: 1014px) {
  div.content .contBlock .category_area .smlCate a:nth-child(2) {
    float: left;
    max-height: 198px
  }
  div.content .contBlock .category_area .smlCate a:nth-child(6) {
    float: left;
    max-height: 198px
  }
}

@media screen and (max-width: 1004px) {
  div.content .contBlock .category_area .smlCate a:nth-child(2) {
    float: left;
    max-height: 196px
  }
  div.content .contBlock .category_area .smlCate a:nth-child(6) {
    float: left;
    max-height: 196px
  }
}

@media screen and (max-width: 1000px) {
  div.content .tag_area dl {
    padding: 15px 0
  }
  div.content .tag_area dl dt {
    width: 22%;
    padding: 7px;
    font-size: 12px
  }

  div.content .tag_area dl dd {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2%;
    font-size: 12px;
    line-height: 20px
  }
  div.content .tag_area dl dd:nth-of-type(n+6) {
    display: none
  }
div.content .mainimg {
    width: 170%;
    position: relative;
    left: -35%;
}

  div.content .infoBlock {
    padding: 30px 7%;
    display: block;
    margin: 0 auto
  }
  div.content .infoBlock .info_img, div.content .infoBlock .info_txt, div.content .infoBlock .infoBtn_area {
    display: block
  }
  div.content .infoBlock .info_img {
    width: 30%;
    margin: 0 auto;
    padding-bottom: 30px
  }
  div.content .infoBlock .info_txt {
    text-align: left;
    width: 100%;
    padding-left: 0%;
    font-size: 12px;
    margin-bottom: 30px
  }
  div.content .infoBlock .info_txt p span {
    display: block;
    color: #444;
    padding-bottom: 30px;
    font-size: 16px
  }
  div.content .infoBlock .infoBtn_area a {
    width: 47%;
    display: inline-block;
    background-color: #ddd4c3;
    padding: 10px 0;
    margin: 0 3% 1% 0
  }
  div.content .infoBlock .infoBtn_area a:last-child {
    margin-bottom: 0;
    margin-right: 0
  }
  div.content .infoBlock .infoBtn_area a:hover {
    opacity: 0.8
  }
	div.content .mainimg ul li div.article-rt{
	 font-size: 3.3vw;
	}
div.content .contBlock .category_area {
	width: 100%;
}
}
@media screen and (max-width: 768px) {
	div.content .mainimg ul li div.article div.artibox p{
		font-size: 14px;
	}
	
	div.content .mainimg ul li div.article div.artibox p span{
		font-size: 22px;
	}
	div.content .newsBlock2 .newitem_area ul li{
		width: 49%;
	}
	
	div.content .newsBlock2 .newitem_area ul li:nth-child(2n){
		margin-right: 0;
	}
	div.content .newsBlock2 .newitem_area ul li:nth-child(even) dl dt{
		position: static;
	}
	div.content .newsBlock2 .newitem_area ul li:nth-child(even) dl dd{
		padding: 1em;
	}

}

@media screen and (max-width: 900px) {
  div.content .max_block.kore {
    background-position: 114% 32%;
    background-size: 67%
  }
  div.content .max_block.kore .cont_txt p {
    font-size: 2.5vw
  }
}

@media screen and (max-width: 768px) {
  div.content .reccomend_area .half_block a p span {
    font-size: 11px
  }
  div.content .mainimg {
    position: relative;
	  left: -34%;
    width: 170%;
  }
	
  div.content .mainimg .innner_mainimg {
    right: -20%
  }
  div.content .mainimg .maincopy {
    top: -20px;
    left: 2%;
    font-size: 1.4em;
    line-height: 2.1em
  }
div.content .contBlock .category_area {
	width: 100%;
}
	div.content .contBlock .category_area>div > a >p.cate_name_area >span{
		bottom: 0;
	}
}

@media screen and (max-width: 700px) {
div.content .tag_area dl dt {
    width: 24%;
	margin-right: 2%;
	padding: 5px;
	}
div.content .tag_area dl dt:before,
div.content .tag_area dl dt:after{width: 13px;}
  div.content .max_block.kore {
    background-size: 70%, auto
  }
  div.content .reccomend_area .half_block a p {
    font-size: 2.7vw
  }
}
@media screen and (max-width: 636px) {
	.catalog section{height:440px;}
}
@media screen and (max-width: 599px) {
  div.content .tag_area dl {
    padding: 15px 0
  }
  div.content .tag_area dl dt {
    width: 100%;
    padding: 0px;
    font-size: 13px;
	display: block;
	  margin: 0 auto 10px auto;
  }
  div.content .tag_area dl dd {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  div.content .tag_area dl dd:nth-of-type(n+5) {
    display: none;
  }
	div.content .mainimg ul li div.article{
		height: 100px;
	}
	div.content .mainimg ul li div.article div.artibox{
		height: 100px;
	}
	div.content .mainimg ul li div.article div.artibox p{
		font-size: 12px;
	}
	
	div.content .mainimg ul li div.article div.artibox p span{
		font-size: 17px;
	}
	
  div.content .contBlock {
    padding: 0 10px 70px 10px;
	  box-sizing: border-box;
  }
  
  .productdetail_aspx div.content .contBlock{
    padding:30px 0 30px 0;
  }
  div.content .contBlock h2,
.templateInner .fullContents main h2{
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 30px
  }
  div.content .contBlock .category_area .bigCate {
    display: none
  }
  div.content .reccomend_area .half_block {
    width: 100%;
    display: block;
    vertical-align: top;
    padding-right: 0%;
    margin-bottom: 30px;
    padding-bottom: 0
  }
  div.content .reccomend_area .half_block a p {
    font-size: 3.6vw
  }
  div.content .reccomend_area .half_block a p span {
    font-size: 11px
  }
  div.content .reccomend_area .half_block.block1 {
    padding-top: 0%
  }
  div.content .max_block {
    margin-top: 0
  }
  div.content .max_block.kore {
    background-position: right 118%, left top;
    background-size: 91%, auto;
    padding-bottom: 80%;
    margin-bottom: 30px;
    height: auto
  }
  div.content .max_block.kore .cont_txt {
    left: 2%;
    top: 2%;
    width: 90%;
    text-align: left
  }
  div.content .max_block.kore .cont_txt span {
    display: block;
    width: 66.5%
  }
  div.content .max_block.kore .cont_txt hr {
    margin: 10px 0;
    width: 80%
  }
  div.content .max_block.kore .cont_txt p {
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 8px #fff, 0 0 15px #fff
  }
  div.content .max_block.kore .cont_txt span.checkbtn {
    margin-top: 16px;
    width: 121px;
    height: 41px;
    background: none
  }
  div.content .max_block.gohuku {
    background-position: 49% 111%, left top;
    padding-bottom: 80%;
    background-size: 84%, auto auto;
    height: auto
  }
  div.content .max_block.gohuku .cont_txt {
    left: 2%;
    top: 2%;
    width: 90%;
    text-align: left
  }
  div.content .max_block.gohuku .cont_txt span {
    display: block;
    width: 105.5%
  }
  div.content .max_block.gohuku .cont_txt hr {
    margin: -28px 0 10px 0;
    width: 80%
  }
  div.content .max_block.gohuku .cont_txt span.checkbtn {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 16px;
    width: 121px;
    height: 41px;
    background: none
  }
  div.content .max_block:hover .cont_txt span.checkbtn {
    background: none
  }
  div.content .item_list li {
    display: inline-block;
    width: 47.2%;
    margin-right: 2.8%;
    vertical-align: top
  }
  div.content .item_list li:nth-of-type(2n) {
    margin-right: 0;
    margin-bottom: 30px
  }
  div.content .item_list li:nth-last-of-type(-n+2) {
    margin-bottom: 0
  }
  div.content .item_list li dl:hover {
    background-color: white
  }
  div.content a.more p {
    padding: 13px 0;
    margin-top: 30px;
    background-color: #ddd4c3;
    border: none;
    font-size: 15px
  }
  div.content a.more p:before {
    width: 10px;
    height: 10px;
    background: url(../image/ico_arrow-sp.svg) no-repeat
  }
  div.content .column_list a {
    display: inline-block;
    width: 47.2%;
    margin-right: 2.8%;
    margin-bottom: 30px;
    vertical-align: top
  }
  div.content .column_list a:nth-child(2n) {
    margin-right: 0
  }
  div.content .column_list a:nth-last-of-type(-n+2) {
    margin-bottom: 0
  }
  div.content .column_list a dl dt {
    font-size: 16px;
    line-height: 1.7em;
    padding: 10px 0
  }
  div.content .column_list a dl dt span {
    display: block;
    font-size: 14px
  }
  div.content .column_list a dl dd {
    padding-bottom: 10px
  }
  div.content .newsBlock dl {
    padding: 10px 0%
  }
  div.content .newsBlock dl dt {
    vertical-align: top;
    width: 5.5em
  }
  div.content .newsBlock dl dd {
    width: 68%
  }
  div.content .infoBlock {
    padding: 15px 4%;
    display: table;
    margin-bottom: 30px;
    width: 90%
  }
  div.content .infoBlock .info_img, div.content .infoBlock .info_txt, div.content .infoBlock .infoBtn_area {
    display: block
  }
  div.content .infoBlock .info_img {
    width: 45%;
    margin: 0 auto
  }
  div.content .infoBlock .info_txt {
    width: 100%;
    padding-left: 0;
    padding-bottom: 30px;
    font-size: 12px
  }
  div.content .infoBlock .info_txt p span {
    display: block;
    color: #444;
    padding-bottom: 30px;
    font-size: 16px
  }
  div.content .infoBlock .infoBtn_area a {
    width: 47%;
    display: inline-block;
    background-color: #ddd4c3;
    padding: 10px 0;
    margin: 0 3% 1% 0
  }
  div.content .infoBlock .infoBtn_area a:last-child {
    margin-bottom: 0;
    margin-right: 0
  }
  div.content .infoBlock .infoBtn_area a:hover {
    opacity: 0.8
  }
  div.content .infoBlock .bookbtn a {
    width: 80%
  }
  div.content .PurchaseGroupList .item_list {
    font-size: 0
  }
  div.content .PurchaseGroupList .item_list a {
    display: block;
    width: 100%;
    margin-right: 0%;
    vertical-align: top;
    position: static;
    margin-bottom: 0 !important
  }
  div.content .PurchaseGroupList .item_list li {
    display: inline-block;
    width: 47.2%;
    margin-right: 2.8%
  }
  div.content .PurchaseGroupList .item_list li dl {
    font-size: 13px
  }
  div.content .PurchaseGroupList .item_list li dl dt {
    margin-bottom: 15px
  }
  div.content .PurchaseGroupList .item_list li dl dd {
    font-size: 14px;
    line-height: 21px
  }
  div.content .PurchaseGroupList .item_list li dl dd.list_brandname {
    margin-top: 10px;
    border-bottom: solid 2px #d0d0d0;
    display: inline-block;
    padding: 0 5px
  }
  div.content .PurchaseGroupList .item_list li dl dd.price {
    margin-top: 5px
  }
  div.content .PurchaseGroupList .item_list li:nth-of-type(4n) {
    margin-right: 0
  }
  div.content .PurchaseGroupList .item_list li:nth-of-type(2n) {
    margin-right: 0
  }
div.content .newsBlock2 .newitem_area ul li dl dt p{
	margin-top: -109%;
	}
div.content .newsBlock2 .newitem_area ul li dl dt:hover p{
	margin-top: -109%;
	}
	div.content .contBlock .category_area>div{
		width: 50%;
		padding-bottom: 33%;
	}
	
	div.content .newsBlock2 .newitem_area .more_btn{
		margin-top: 30px;
	}
	
	div.content .item_list li dl dd{font-size:16px; padding: 0 0px 0 0px;}
	
	div.content .item_list li dl dd:nth-of-type(1){
		padding-bottom: 1em;
	}
	
div.content .contBlock .category_area .map_area div p:hover{
    background-color: #f4efed;
}

div.content .contBlock .category_area .map_area div p:hover a{
    color: #333;
}
div.content .reccomend_area ul li {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-bottom:30px;
}

div.content .contBlock .category_area>div > a >p.cate_name_area{
    height: 52px;
    font-size: 1.5em;
	}
div.content .contBlock .category_area>div > a >p.cate_name_area >span{
    padding: 5px 8px;
    font-size: 11px;
	}
}

@media screen and (max-width: 450px) {
div.content .contBlock .category_area .map_area .map_hokkaido_tohoku, div.content .contBlock .category_area .map_area .map_kantou, div.content .contBlock .category_area .map_area .map_chubu, div.content .contBlock .category_area .map_area .map_kinki, div.content .contBlock .category_area .map_area .map_kyushu, div.content .contBlock .category_area .map_area .map_shikoku, div.content .contBlock .category_area .map_area .map_chugoku{
    width: 48%;
	margin-bottom: 15px;
	}
div.content .contBlock .category_area .map_area > div:nth-of-type(2n){margin-right: 0;}
}
@media screen and (max-width: 400px) {
  div.content .mainimg {
    left: -62%;
    width: 230%;
  }
  div.content .contBlock .half_block a p {
    font-size: 16px;
    line-height: 24px;
    padding: 3% 0px 1% 0
  }
  div.content .contBlock .half_block a p span {
    font-size: 10px
  }
  div.content .contBlock .half_block a p br {
    display: none
  }
  div.content .contBlock .half_block a p br.disp {
    display: block
  }
  div.content .mainimg ul li div.article {
    font-size: 21px
  }
	div.content .contBlock .category_area .smlCate a p span.catetxt span.tit{
		font-size:13px;
	}
	div.content .mainimg ul li div.article{
		height: 90px;
		width: 44%;
		right: 3%;
	}
	div.content .mainimg ul li div.article div.artibox{
		height: 90px;
		width: 100%;
	}
	div.content .mainimg ul li div.article div.artibox p span{
	padding: 0 0px 10px 0px;
    margin-bottom: 10px;
	}
	div.content .mainimg ul li div.article-rt{
	 font-size: 4.5vw;
	}
	div.content .mainimg ul li div.article-rt div.artibox p{
		padding-right: 3%;
	}
	div.content .contBlock h2{
		font-size: 25px;
	}
	
	div.content .tag_area{
		margin-bottom: 30px;
	}
	
	div.content .newsBlock2 .newitem_area .more_btn{
	width: 80%;
	}
}

@media screen and (max-width: 320px) {
  div.content .contBlock .category_area .smlCate a p span.catetxt span.tit:last-child {
    letter-spacing: -0.065em
  }
  div.content .tag_area dl dt {
    width: 100%;
    padding: 4px
  }
  div.content .tag_area dl dt:before, div.content .tag_area dl dt:after,{
    width: 14px;
    height: 17px
  }
  div.content .tag_area dl dd {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1%;
    font-size: 10px
  }
	div.content .newsBlock dl dt{
		width: 5em;
	}
	div.content .newsBlock dl dd{
		width: 65%;
	}
}



/*itemdetail*/
.productdetail_aspx div.content{
width:100%; 
margin-top:20px;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
}


.GoodsModel{margin:8px 0px;}

.GoodsModel td{padding:4px;}

.GoodsModel br{display:none;}

.GoodsModel table{border-collapse:collapse;}


#ProductDetail .NameprintBlock {display:none;}

#ProductDetail .NameprintBlock# {display:block;border:solid 1px #444;}

#divAddToCartAndBookmark # {display:none;}

#ProductDetail .NameprintBlock ul.NamePrintOption {}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame {}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl{

    display: table;

    width:100%;

    border-left: 1px solid #666666;

    border-right: 1px solid #666666;

}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame:last-child  dl{

    border-bottom: 1px solid #666666;

}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dt{

    display: table-cell;

    vertical-align: middle;

    width: 25%;

    border-top: 1px solid #666666;

    border-right: 1px solid #666666;

}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd{

    display: table-cell;

    padding: 0.5em 1.5em;

    vertical-align: middle;

    width: 75%;

    border-top: 1px solid #666666;

		text-align:left;

}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame:nth-of-type(odd) dl dt{

    background-color: #f2efe9;

}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame:nth-of-type(even) dl dt{

    background-color: #ddd4c3;

}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd span.InputRestriction{

    margin-left:5px;

    font-size:80%;

    color:red;

}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd .NamePrintOptionDescription{

    font-size:90%;

}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd input,

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd select{

    padding: 0.3em 1.2em;

}

#ProductDetail .NameprintBlock #AddToCartAjaxSub{}

#ProductDetail .NameprintBlock #AddToCartAjaxSub span{

    display:inline-block;

    font-size: 15px;

    color: #fff;

    background-color: #333;

    max-width: 600px;

    width: 100%;

    padding: 20px 0;

    text-align: center;

}

/*header-smlimage*/
.productdetail_aspx div.content .itemdetailArea .itemdetail_head{
	width:100%;
	background-image:url(../image/itemimg_head.png);
	background-repeat:no-repeat;
	background-position:right top;
	min-height:310px;
	background-color:#f5f2ed;
	display:table;
	margin-bottom:50px;
	
}

.productdetail_aspx div.content .itemdetailArea .itemdetail_head .itemdetail_head_txt{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	margin:0 auto;
	width:100%;
	max-width:1135px;
	
}

.tablefixarea{table-layout: fixed;}
.productdetail_aspx div.content .itemdetailArea .itemdetail_head .itemdetail_head_txt .tablefixarea{
    max-width: 1135px;
    margin: 0 auto;
}
.productdetail_aspx div.content .itemdetailArea .itemdetail_head .itemdetail_head_txt .itemdetail_head_prefectures{
	
}

.productdetail_aspx div.content .itemdetailArea .itemdetail_head .itemdetail_head_txt .itemdetail_head_prefectures span.prefectures{
	display:inline-block;
	background-color:#333;
	color:#fff;
	width:80px;
	text-align:center;
	padding:5px 0;
	margin-right:1em;
}

.productdetail_aspx div.content .itemdetailArea .itemdetail_head .itemdetail_head_txt h2{
	font-size:2.714em;
	line-height: 1.8em;
	font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
	margin-bottom: 15px;
	}

.productdetail_aspx div.content .itemdetailArea .itemdetail_head .itemdetail_head_txt .copy{
	font-size:1.571em;
	font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
}


/*header-bigimage*/
.productdetail_aspx div.content .itemdetailArea .itemdetail_head2{
	width: 100%;
    height: 500px;
    position: relative;
	margin-bottom: 60px;
    /*margin: 0 auto 60px auto;
    max-width: 1800px;*/
}

.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetail_head_pic{
	width: 72.3%;
    height: 100%;
    background-image: url(/image/item_bigbg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}


.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetailhead_txt{
	    width: 340px;
    height: 80%;
    padding: 33px 30px 30px 30px;
    position: absolute;
    top: 0;
	bottom: 0;
	margin: auto;
    left: auto;
    z-index: 10;
    background-color: #fff;
    letter-spacing: 0.13em;
    text-align: left;
    border: 1px solid #333;
    right: 68%;
}

.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetailhead_txt span.prefectures,
.itemdetail_head_prefectures span.prefectures{
	display:inline-block;
	background-color:#333;
	color:#fff;
	width:80px;
	text-align:center;
	padding:5px 0;
	margin-right:1em;
}

.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetailhead_txt h2{
    font-size: 1.6em;
    margin: 15px 0 15px 0;
	font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
	line-height: 1.4em;
}

.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemExAtt{
    position: absolute;
    bottom: 1%;
    right: 1%;
    z-index: 1;
    font-size: 10px;
    color: #e0e0e0;
}

/*header-bigimage end*/

p.BreadCrumbs, p.breadcrumbs, section.BreadCrumbs {
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  box-sizing:border-box;
}

p.BreadCrumbs a, p.breadcrumbs a, section.BreadCrumbs a {
  display: inline-block;
  text-decoration: none
}
section.BreadCrumbs .BreadCrumbs{
    padding: 5px 0;
}
@media screen and (max-width: 599px){
section.BreadCrumbs .BreadCrumbs{
    padding: 0;
}
}
p.BreadCrumbs #ProductDetail, p.breadcrumbs #ProductDetail, section.BreadCrumbs #ProductDetail {
  margin-top: 15px
}

p.BreadCrumbs #ctl00_body_pnlSubTitle, p.breadcrumbs #ctl00_body_pnlSubTitle, section.BreadCrumbs #ctl00_body_pnlSubTitle {
  display: inline-block
}

/*.BreadCrumbsEx a:after {
  content: "\00a0/\00a0"
}*/

.BreadCrumbsEx a:last-child:after {
  content: none
}
/*.productdetail_aspx .BreadCrumbsEx a:last-child:after {
  content: "\00a0/\00a0"
}*/
div.content .itemdetailArea {
  width: 100%;
  margin: 0 auto
}

div.content .itemdetailArea .itemdetailArea_top,
div.content .itemdetailArea .itemdetailArea_bottom .itemExArea,
div.content .itemdetailArea .itemdetailArea_bottom .itemcopy,
div.content .itemdetailArea .itemdetailArea_bottom .itemimg_attarea{
  display: block;
  padding-bottom: 30px;
  max-width:1130px;
  margin:0 auto;
  box-sizing:border-box;
}

div.content .itemdetailArea .itemdetailArea_top .itemImgArea {
  display: block;
 width: 52.525%;
  vertical-align: top;
  float: left;
  box-sizing:border-box;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea {
  display: block;
  vertical-align: top;
  float: left
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemcopy{
	margin-bottom:10px;
	font-size: 24px;
    line-height: 1.5em;
	font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
	font-weight:;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemcopy.itemexplain{
font-weight: normal;
    box-sizing: border-box;
    line-height:1.2em;
    margin-bottom:40px;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemcopy.itemexplain .goodsexplain{
    font-size: 14px;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemcopy.itemexplain .goodslistexplain{
font-size:14px;
font-weight:600;
}

div.content .itemdetailArea .itemdetailArea_top .itemImgArea {
  padding-right: 5%
}

div.content .itemdetailArea .itemdetailArea_top .itemImgArea #keyimg {
  width: 100%;
  margin-bottom: 2%
}

div.content .itemdetailArea .itemdetailArea_top .itemImgArea .ProductImageThumb {
  width: 100%;
  font-size: 0;
  text-align: left
}

div.content .itemdetailArea .itemdetailArea_top .itemImgArea .ProductImageThumb li {
  margin-right: 2%;
  width: 15% !important;
  margin-bottom: 2%;
  display: inline-block
}

div.content .itemdetailArea .itemdetailArea_top .itemImgArea .ProductImageThumb li img {
  box-sizing: border-box;
  border: 1px solid #ccc !important
}

div.content .itemdetailArea .itemdetailArea_top .itemImgArea .ProductImageThumb li:nth-of-type(6n) {
  margin-right: 0
}

div.content .itemdetailArea .itemdetailArea_top .itemImgArea .ProductImageThumb .slick-track {
  width: 100% !important;
  transform: translate3d(0px, 0px, 0px) !important
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea {
  width: 47.475% !important;
  text-align: left
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemdetail_head_prefectures{
	margin-bottom: 10px;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemName{
	font-size: 2em;
	line-height: 1.6em;
	margin-bottom: 20px;
	font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
font-weight:600;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea h2 {
  font-size: 30px;
  padding-bottom: 30px;
  line-height: 35px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea h2 span {
  font-size: 0.7em
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea span.ico_recommend {
    padding: 0 1px;
    color: #444;
    display: inline-block;
    width: 3em;
    text-align: center;
    font-size: 12px;
    vertical-align: text-top;
    margin: 2px 0 0 0;
    line-height: 2.2em;
    font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea span.ico_recommend:before {
  content: none;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #444;
  transform: rotate(45deg);
  position: absolute;
  bottom: -13%;
  left: 8%
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .copy {
  font-size: 15px;
  line-height: 23px;
  padding-bottom: 15px;
  position: relative !important;
  right: auto !important;
  border-top: 10px solid #ddd4c3;
  border-bottom: 10px solid #ddd4c3;
  float: right;
  width: 12%;
  box-sizing: border-box;
  margin-bottom: 30px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .copy span {
  padding-top: 20px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-weight: 600;
  font-size: 1.5em;
  letter-spacing: 0.2em;
  line-height: 1.5em;
  width: 100%
}


div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemCode {
  padding-bottom: 5px;
  font-size:12px;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemprice_wrap{
	display: table;
    width: 100%;
    border-bottom: 1px solid #333;
	margin-bottom:2em;
display:none;
	}
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemprice_wrap .item_capacity{
	display: table-cell;
    text-align: left;
    width: 40%;
    vertical-align: middle;
}


div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemprice_wrap .itemPrice {
	display: table-cell;
    width: 60%;
    vertical-align: middle;
	padding: 15px 0;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemprice_wrap .itemPrice > table{
	width:100%;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemprice_wrap .itemPrice .ListPriceTable{
	text-align:right;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemprice_wrap .itemPrice .PriceTitleB{
	float: left;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemPrice .txts {
  font-size: 12px;
  line-height: 20px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemPrice .keycolor, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemPrice .priceB {
  font-size: 24px;
  color: #333;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemPrice .priceB .tax_include{
	font-size:12px;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullSize li, 
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullNumber li, 
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation1 li, 
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation2 li{
  padding-right: 0;
  display:inline-block;
  vertical-align:middle;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullNumber li:nth-child(1),
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation1 li:nth-child(1),
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation2 li:nth-child(1){
	margin-right:1em;}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullSize li:nth-child(2), 
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullNumber li:nth-child(2),
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation1 li:nth-child(2),
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation2 li:nth-child(2){
  overflow: hidden;
  display: inline-block;
  position: relative;
  border: 1px solid rgba(248, 63, 63, 0.5);
  background-color: white;
  /*width: 100%*/
    width: 60%;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullSize li:nth-child(2) select, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullNumber li:nth-child(2) select,
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation1 li:nth-child(2) select,
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation2 li:nth-child(2) select{
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullSize li:nth-child(2) select, 
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullNumber li:nth-child(2) select,
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation1 li:nth-child(2) select, 
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation2 li:nth-child(2) select {
  width: 70%;
  padding: 1em 30px 1em 1em;
  font-size: 12px;
  line-height: 14px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullSize li:nth-child(2):after, 
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullNumber li:nth-child(2):after, 
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation1 li:nth-child(2):after, 
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullVariation2 li:nth-child(2):after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.8em;
  display: block;
  content: "";
  background: url(../image/pulldown_arrow.svg) center no-repeat;
  pointer-events: none;
  background-size: 27px;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #divAddToCartAndBookmark .itemcount_wrap,
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #ctl00_body_ctl00_pnlVariation{
	display:table;
	width:100%;
	margin-bottom:24px;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #divAddToCartAndBookmark .itemcount_wrap .itemstock_check{
	display: table-cell;
    vertical-align: middle;
    width: 25%;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullSize {
  display: inline-block;
  width: 70%
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullNumber,
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #ctl00_body_ctl00_pnlVariation1,
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #ctl00_body_ctl00_pnlVariation2{
	display: table-cell;
    vertical-align: middle;
    width: 50%;
    text-align: right;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.cartbtn {
  font-size: 1.286em;
  /*color: #fff;
  background-color: #444;*/
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
  width: 100%;
  text-align: center
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #ctl00_body_ctl00_lblInventory{
	font-size: 1.286em;
  color: #333;
  background-color: #ccc;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  display:block;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.cartbtn span:before {
    display: inline-block;
    vertical-align: top;
    content: "\f290";
    font-family: "Font Awesome 5 Free";
    color: #333;
    margin-right: 0.8em;
    font-weight: 600;
    font-size: 22px;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.cartbtn:hover {
  background-color: #ad9f88;
    border: 1px solid #ad9f88;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.cartbtn a {
  /*color: #fff;*/
  color: #333;
  display: block;
  padding: 20px 0;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.cartbtn:hover a {
  color: #fff;
}
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.cartbtn:hover span:before {
    color: #fff;
}
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.itemExAtt {
  padding-bottom: 30px;
  margin-top: 10px;
  text-align:center;
}
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.itemExAtt .itemExAtt_border{
	background: linear-gradient(transparent 60%, #ffeb43 60%);
}
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.itemExAtt a {
  text-decoration: underline
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .colorvaliation {
  width: 100%;
  display: block;
  font-size: 0;
  padding-bottom: 15px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .colorvaliation dt {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: bold
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .colorvaliation dt:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: url(../image/ico_arrow.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .colorvaliation dd {
  display: inline-block;
  width: 18%;
  height: auto;
  margin-right: 2%;
  vertical-align: top
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .colorvaliation dd img {
  box-sizing: border-box;
  border: 1px solid #ccc
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .colorvaliation dd img:hover {
  border-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .colorvaliation dd:last-child {
  margin-right: 0
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .colorvaliation dd.active img {
  border: 1px solid #444
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field {
  padding: 15px 30px 0 30px;
  font-size: 0;
  width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing:border-box;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li {
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  margin-bottom: 15px;
	vertical-align: middle;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li.ico_itemfavorite a{
	font-size: 14px;
    display: inline-block;
    padding: 0;
    width: auto;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li a:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li a:after{
content:none;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li.ico_iteminquality a:before {
  background: url(../image/ico_item_question.svg) no-repeat
}
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li.ico_itemfavorite{margin-left:auto;}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li.ico_itemfavorite a::before {
  background: url(../image/ico_item_bookmark.svg) no-repeat;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li.ico_itemfavorite a.NotBookmarked::before {
  background: url(../image/ico_item_bookmark.svg) no-repeat;
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li.ico_itemfavorite a.Bookmarked::before {
  background: url(../image/ico_item_bookmarked.svg) no-repeat
}

#ProductDetail .itemTxtArea .ico_itemfavorite .NotBookmarked span:after{
	content: "お気に入りに追加";
}
#ProductDetail .itemTxtArea .ico_itemfavorite .Bookmarked span:after{
	content: "お気に入りから削除";
}
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li.ico_reviewa:before {
  background: url(../image/ico_review.svg) no-repeat
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #divAddToCartAndBookmark {
  position: relative
}


div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full {
  float: none;
  clear: both;
  width: 100%;
  margin: auto;
  border-top: solid 1px #444;
  padding-top: 20px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemTxtArea_half {
  display: block
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemCode {
  padding: 0 0 15px 0;
  text-align: left
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemPrice {
  font-size: 15px;
  padding-bottom: 30px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemPrice .txts {
  font-size: 12px;
  line-height: 20px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemPrice .keycolor, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemPrice .priceB {
  font-size: 30px;
  color: #444
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize li:nth-child(2), div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullNumber li:nth-child(2) {
  overflow: hidden;
  display: inline-block;
  position: relative;
  border: 1px solid rgba(91, 71, 6, 0.5);
  background-color: white;
  width: 100%
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize li:nth-child(2) select, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullNumber li:nth-child(2) select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize li:nth-child(2) select, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullNumber li:nth-child(2) select {
  width: 100%;
  padding: 5px 30px 5px 5px;
  font-size: 12px;
  line-height: 14px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize li:nth-child(2):after, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullNumber li:nth-child(2):after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.8em;
  display: block;
  content: "";
  background: url(../image/pulldown_arrow.png) center no-repeat;
  pointer-events: none;
  background-size: 27px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize {
  display: table;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 30px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize li {
  display: table-cell;
  box-sizing: border-box
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize li:nth-child(1) {
  width: 15%;
  padding: 3px 10px 0px 3px;
  vertical-align: top;
  white-space: nowrap
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize li:nth-child(2) {
  width: 100%
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullNumber {
  display: inline-block;
  width: 20%;
  position: absolute;
  top: 0;
  right: 0
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full p.cartbtn {
  font-size: 15px;
  color: #fff;
  background-color: #333;
  max-width: 600px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  margin: 0 auto 30px auto
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full p.cartbtn span:after {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background-size: contain;
  vertical-align: middle;
  margin-left: 10px;
  background: url(../image/ico_topCart.svg) no-repeat
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full p.cartbtn:hover {
  background-color: #444
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full p.cartbtn a {
  color: #fff;
  display: block
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full #ctl00_body_ctl00_lblInventory {
  display: block;
  font-size: 15px;
  color: #000;
  background-color: #ccc;
  max-width: 600px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  margin: 0 auto 30px auto
}


div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full p.itemExAtt {
  margin-top: 10px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full p.itemExAtt a {
  text-decoration: underline
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .colorvaliation {
  width: 100%;
  display: block;
  font-size: 0;
  padding-bottom: 20px;
  text-align: left
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .colorvaliation dt {
  font-size: 16px;
  background-color: #f2efe9;
  padding: 0.4em 0 0.4em 0.4em;
  line-height: 1.1;
  margin-bottom: 0.7em
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .colorvaliation dd {
  display: inline-block;
  width: 18%;
  height: auto;
  margin-right: 2%;
  vertical-align: top
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .colorvaliation dd img {
  box-sizing: border-box;
  border: 1px solid #ccc
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .colorvaliation dd img:hover {
  border-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .colorvaliation dd:last-child {
  margin-right: 0
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .colorvaliation dd.active img {
  border: 1px solid #444
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .colorvaliation dd span {
  font-size: 13px;
  display: block;
  text-align: center
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field {
  padding: 15px 0 0 0;
  font-size: 0;
  width: 90%;
  margin: 0 auto 15px auto
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field li {
  font-size: 14px;
  line-height: 21px;
  display: inline-block;
  width: 35%;
  margin-bottom: 15px;
  text-align: left;
  vertical-align: top
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field li:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field li.ico_iteminquality:before {
  background: url(../image/ico_iteminq.svg) no-repeat
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field li.ico_itemfavorite:before {
  background: url(../image/ico_favorite.svg) no-repeat
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field li.ico_cordinate:before {
  background: url(../image/ico_cordinate.svg) no-repeat
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field li.ico_review:before {
  background: url(../image/ico_review.svg) no-repeat
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field li.ico_itemfavorite a.LargeButton {
  width: auto;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  cursor: pointer;
  font-size: 13px;
  box-sizing: border-box
}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full #divAddToCartAndBookmark {
  position: relative;
  display: block
}

div.content .itemdetailArea .itemdetailArea_top .itemdetailFlex {
  display: flex
}

div.content .itemdetailArea .itemdetailArea_top .itemdetailFlex li {
  width: 100%;
}

div.content .itemdetailArea .itemdetailArea_top .itemdetailFlex li:nth-child(2) {
  padding-right: 0
}


div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea {
  width: 100%;
  display: block;
  padding-bottom: 30px;
  border-bottom: dashed 1px #333;
  margin-bottom: 30px
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade {
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 15px
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade thead th {
  padding: 15px 10px 15px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-color: #ddd4c3
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade thead th.tbl_ttl_order a {
  padding: 0 2%
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade thead th.tbl_ttl_order a i.fa {
  margin: 0 5px 0 5px
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right {
  border-collapse: collapse;
  box-sizing: border-box;
  border-spacing: 0;
  table-layout: fixed;
  width: 50%;
  float: left
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:nth-of-type(odd), div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr:nth-of-type(odd) {
  background-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:nth-of-type(even), div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr:nth-of-type(even) {
  background-color: #ddd4c3
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr th {
  padding: 15px 10px 15px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 12px;
  width: 10%
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr td, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr td {
  padding: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-collapse: collapse;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  font-size: 12px;
  background-color: #fff;
  width: 18%
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr td input[type="text"], div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr td input[type="text"] {
  padding: 5px;
  width: 70%
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr td select, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr td select {
  padding: 5px
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr td .InputRestriction, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr td .InputRestriction {
  display: none
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr td table tr td, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr td table tr td {
  border: none
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(1) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(1) th {
  background-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(2) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(2) th {
  background-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(5) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(5) th {
  background-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(6) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(6) th {
  background-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(9) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(9) th {
  background-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(10) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(10) th {
  background-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(3) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(3) th {
  background-color: #ddd4c3
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(4) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(4) th {
  background-color: #ddd4c3
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(7) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(7) th {
  background-color: #ddd4c3
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(8) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(8) th {
  background-color: #ddd4c3
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right {
  border-right: 1px solid #666;
  margin-right: -1px
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td.cf {
  border-right: 1px solid #666;
  border-bottom: 1px solid #666
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .max_area {
  width: 100%;
  margin: 0 auto
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .max_area p.cartbtn {
  font-size: 15px;
  color: #fff;
  background-color: #333;
  max-width: 420px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  margin: 0 auto
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .max_area p.cartbtn span:after {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background-size: contain;
  vertical-align: middle;
  margin-left: 10px;
  background: url(../image/ico_topCart.svg) no-repeat
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .max_area p.cartbtn:hover {
  background-color: #444
}

div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .max_area p.cartbtn a {
  color: #fff;
  display: block
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea {
  width: 100%;
  display: block;
  padding-bottom: 0;
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size {
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  margin-bottom: 15px
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail thead td.itemexhead, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size thead td.itemexhead {
  padding: 15px 10px 15px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail thead td.itemexhead:first-child, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size thead td.itemexhead:first-child {
  background-color: #ddd4c3
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail thead td.itemexhead:last-child, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size thead td.itemexhead:last-child {
  border-right: 1px solid #666666
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr:nth-of-type(odd), div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr:nth-of-type(odd) {
  background-color: #efefef
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr:nth-of-type(even), div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr:nth-of-type(even) {
  background-color: #fdfdfd
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr:last-child, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr:last-child {
  border-bottom: 1px solid #666666
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr.sptable, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr.sptable {
  display: none
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr td.AttributeTD1, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr td.AttributeTD1 {
  padding: 15px 10px 15px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 14px;
  width: 18%;
	font-weight: bold;
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr td.AttributeTD2, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr td.AttributeTD2 {
  padding: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-collapse: collapse;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  font-size: 14px;
  background-color: #fff;
  width: 18%
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr td.AttributeTD2 {
  width: 75%
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr td {
  text-align: center
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info {
  width: 100%;
  text-align: left;
  font-size: 0px
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info dt, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info dd.AttributeTD2 {
  display: inline-block;
  font-size: 13px;
  vertical-align: middle
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info dt {
  width: 10%;
  text-align: center
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info dd.AttributeTD2 {
  width: 90%
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .itemExAtt {
  text-align: left;
  font-size:12px;
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .itemExAtt a {
  text-decoration: underline
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea {
  width: 100%;
  display: table
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] {
  display: table-cell
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody {
  width: 100%;
  display: block;
  border-right: 1px solid
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody tr {
  width: 100%;
  display: block
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody tr:last-child {
  border-bottom: 1px solid #666666
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody tr.sptable {
  display: none
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody td.GoodsModelTitle {
  padding: 15px 10px 15px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 12px;
  width: 100%;
  display: block
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody td.SpecTitle {
  padding: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-collapse: collapse;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  font-size: 12px;
  background-color: #fff;
  width: 20%;
  float: left;
  text-align: center
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody td.SpecValue1 {
  padding: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-collapse: collapse;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  font-size: 12px;
  background-color: #fff;
  width: 80%;
  float: left
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] div {
  height: 100%
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table:nth-of-type(odd) td.GoodsModelTitle {
  background-color: #f2efe9
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table:nth-of-type(even) td.GoodsModelTitle {
  background-color: #ddd4c3
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table:nth-child(n+2) td.SpecTitle {
  display: none
}

div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table:nth-child(n+2) td.SpecValue1 {
  width: 100% !important
}

div.content .itemdetailArea .itemRecopointArea {
  margin: 0 auto;
  width: 100%;
  max-width:1135px;
  box-sizing: border-box;
}

 
div.content .itemdetailArea h3 {
position: relative;
 display: inline-block;
 padding-bottom: 15px;
   font-size: 30px;
  line-height: 1em;
  margin-bottom: 30px;
  font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3"
}

div.content .itemdetailArea h3:before{
	content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 border-bottom: 1px solid #444;
 /*width : 80% ;
 width : -webkit-calc(100% - 40px) ;
 width : calc(100% - 40px) ;*/
 width:3em;
 margin: 0 auto;
}

div.content .itemdetailArea h3.buyertit{
	border-top: 2px solid #333;
    display: block;
    border-bottom: 2px solid #333;
    padding: 10px 0;
}

div.content .itemdetailArea h3.buyertit:before{
	content: "";
	display:inline-block;
    border-bottom:none;
    width: 36px;
	height:36px;
    margin: 0 auto;
	background: url(../image/ico_topCart.svg) no-repeat;
}

div.content .itemdetailArea .itemRecopointArea .tit_itempoint img {
  max-width: 461px;
  height: auto;
  vertical-align: middle
}



div.content .itemdetailArea .itemRecopointArea .recoBlock {
  text-align: left;
  width: 100%;
  border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
	display: flex;
	justify-content: center;
    align-items: center;
}

div.content .itemdetailArea .itemRecopointArea .recoBlock:nth-child(odd) {
	flex-direction: row-reverse;
}

div.content .itemdetailArea .recoBlock:last-child{
	border-bottom:1px solid #ccc;
}
/*div.content .itemdetailArea .itemRecopointArea .DetailLink .recoTxt,
div.content .itemdetailArea .itemRecopointArea .DetailLink .recoImg{float:right;}

div.content .itemdetailArea .itemRecopointArea .DetailLink2 .recoTxt,
div.content .itemdetailArea .itemRecopointArea .DetailLink2 .recoImg{float:left;}

div.content .itemdetailArea .itemRecopointArea .DetailLink3 .recoTxt,
div.content .itemdetailArea .itemRecopointArea .DetailLink3 .recoImg{float:right;}*/

div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg, div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt {

}

div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg {
  width: 50%
}


div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg iframe {
  vertical-align: bottom
}

div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt {
  width:50%;
  background-color: inherit !important;
  position: relative;
  padding: 2em;
  font-size: 14px;
  line-height: 1.8em;
  box-sizing: border-box;
}

div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt .recoTxt_tit{
	font-size: 1.786em;
    display: block;
    line-height: 1.4em;
    margin-bottom: 24px;
	font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
}
div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt dt {
  font-size: 30px;
  line-height: 1em;
  color: #444;
  margin-bottom: 35px
}

div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt dd {
  font-size: 14px;
  line-height: 21px
}

div.content .itemdetailArea .ReverseCategory {
  padding: 0 0 30px 0
}

div.content .itemdetailArea .ReverseCategory h3 {
  font-size: 1.2em;
  background: #f2efe9;
  padding: 0.4em 0 0.4em 0.4em;
  line-height: 1.1;
  box-sizing: border-box;
  margin-bottom: 0.7em
}

div.content .itemdetailArea .ReverseCategory ul {
  text-align: left;
  margin: 0.4em 0
}

div.content .itemdetailArea .ReverseCategory ul li {
  display: inline-block
}

div.content .itemdetailArea .ReverseCategory ul li:nth-child(n+3):before {
  content: " ＞ ";
  padding: 0 0.1em
}

div.content .itemdetailArea .ReverseCategory ul li:first-child:before {
  content: "\f152";
  font-family: 'FontAwesome';
  padding: 0 0.3em 0 0.1em
}

div.content .itemdetailArea .ReverseCategory ul li span {
  display: none
}

div.content .itemdetailArea .GrouopIconBlock {
  text-align: left;
  margin-bottom: 20px;
  display:none;
}

div.content .itemdetailArea .GrouopIconBlock .GrouopIcon {
  display: inline-block
}

div.content .itemdetailArea .GrouopIconBlock .GrouopIcon p {
  
}

div.content .itemdetailArea .GrouopIconBlock .GrouopIcon span {
  min-width: 80px;
  height: auto;
  padding: 0.5em;
  color: #fff;
  margin: 0;
  font-size: 12px;
  background-color:#333;
      display: block;
    text-align: center;
}

div.content .itemdetailArea .GrouopIconBlock #GrouopIcon_direct_delivery span {
  background-color: #FFA644
}

div.content .itemdetailArea .GrouopIconBlock #GrouopIcon_only_web span {
  background-color: #E54661
}

div.content .itemdetailArea .GrouopIconBlock #GrouopIcon_no_cash span {
  background-color: #2C594F
}

div.content .itemdetailArea .GrouopIconBlock #GrouopIcon_gift span {
  background-color: #a92270
}

div.content .itemdetailArea .GrouopIconBlock #GrouopIcon_food_only span {
  background-color: #2E2D68
}

div.content .itemdetailArea .GrouopIconBlock #GrouopIcon_hoken_Deli span {
  background-color: #499E8F
}
div.content .itemdetailArea .itemdetail_deliverytxt{
margin-bottom: 20px;
margin-top:-10px;
}

div.content .itemdetailArea  .item_sharearea{
	padding-top:60px;
	display: none;
}
div.content .itemdetailArea .itemshare_field {
  font-size: 0;
  width: 100%;
  padding: 0 0 70px 0;
  float: none;
  clear: both;
display: none;
}

div.content .itemdetailArea .itemshare_field li {
  display: inline-block;
  margin-right: 40px;
  width: 40px;
  height: auto
}

div.content .itemdetailArea .itemshare_field li:last-child {
  margin-right: 0
}

div.content .itemdetailArea #ProductIcon1 {
  max-width: 80%;
  height: auto;
  margin-bottom: 10px
}

div.content .RecentlyViewedItems .RecentlyViewedItemsTitle a {
  margin-left: 15px;
  font-size: 12px;
  border: 1px solid #888;
  padding: 0.5em 1em;
  border-radius: 20px;
}

div.content .RecentlyViewedItems .item_list li{
    width: 10%;
    margin-right: 2%;
}

div.content .RecentlyViewedItems .item_list li:nth-of-type(8n){
    margin-right: 0;
}


div.content .RecentlyViewedItems .item_list a:nth-of-type(4n) {
  margin-right: 2.8%
}

div.content .RecentlyViewedItems .item_list a:nth-of-type(8n) {
  margin-right: 0
}



#ProductDetail .NameprintBlock {
  display: none
}

#ProductDetail .NameprintBlock#ordermade001 {
  display: block;
  border: solid 1px #444
}

#divAddToCartAndBookmark #ordermade001 {
  display: none
}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl {
  display: table;
  width: 100%;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666
}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame:last-child dl {
  border-bottom: 1px solid #666666
}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dt {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666
}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd {
  display: table-cell;
  padding: 0.5em 1.5em;
  vertical-align: middle;
  width: 75%;
  border-top: 1px solid #666666;
  text-align: left
}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame:nth-of-type(odd) dl dt {
  background-color: #f2efe9
}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame:nth-of-type(even) dl dt {
  background-color: #ddd4c3
}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd span.InputRestriction {
  margin-left: 5px;
  font-size: 80%;
  color: red
}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd .NamePrintOptionDescription {
  font-size: 90%
}

#ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd input, #ProductDetail .NameprintBlock ul.NamePrintOption li.NamePrintOptionEachFrame dl dd select {
  padding: 0.3em 1.2em
}

#ProductDetail .NameprintBlock #AddToCartAjaxSub span {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  background-color: #333;
  max-width: 600px;
  width: 100%;
  padding: 20px 0;
  text-align: center
}

.itemimg_attarea {
  font-size: 10.5px;
  text-align: left;
  padding-top: 10px;
  clear: both;
	padding-bottom: 60px!important;
}

div.content .itemdetailArea .recipehowto_wrap{
	
	width:100%;
	background-color:#f3f1ef;
	padding:30px 0 60px 0;
	    margin-bottom: 60px;
	
	}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_headcopy{ text-align:center; margin-bottom: 40px;}
div.content .itemdetailArea .recipehowto_wrap .recipehowto_area{
	width:100%;
	max-width: 1010px;
	border-top:1px dashed #333;
	padding-top:30px;
	margin:0 auto;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_mainarea{
	display:table; width:100%; margin-bottom:40px;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_mainarea > p{
	display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_mainarea > p:nth-child(1){
	padding-right:7%;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_mainarea > p.recipehowto_tit{
	text-align:left;
}
div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_mainarea > p.recipehowto_tit span{
	display:block;
	font-size:1.714em;
	margin-bottom:30px;
	font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
	line-height: 1.6em;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_txt{
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_txt dl:first-child{
	float:right; width:48%; box-sizing:border-box;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_txt dl:last-child{
	float:left; width:48%; box-sizing:border-box;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_txt dl dt{
	border:1px solid #333;
	width:100%;
	padding:0.5em 0;
	background-color:#fff;
	margin-bottom: 1em;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_txt dl dd{
	text-align:left;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_txt dl dd li{
	list-style-type:none;
}

div.content .itemdetailArea .recipehowto_wrap .recipehowto_area .recipehowto_txt dl.recipehowto_cook dd li{
	list-style-type: decimal;
	margin-bottom: 10px;
}
#ProductDetail .itemdetailArea_bottom .SearchKeywordsTag span{
	background-color: #333!important;
}

@-moz-document url-prefix() {
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left {
    margin-left: -1px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right {
    margin-right: 0px
  }
}

@media screen and (min-width: 1600px) {
	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetail_head_pic{
		right: 3%;
	}
	
	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetailhead_txt{
	width: 360px;
    height: 80%;
    padding: 33px 30px 30px 30px;
    position: absolute;
    top: 0;
    z-index: 10;
    background-color: #fff;
    letter-spacing: 0.13em;
    text-align: left;
    right: 68%;
	left: auto;
	}
}

@media screen and (max-width: 1315px) {
.productdetail_aspx div.content .itemdetailArea .itemdetail_head .itemdetail_head_txt .tablefixarea{
    padding-left:1em;
}

	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetailhead_txt{
		left:0;
		right: auto;
	}
}

@media screen and (max-width: 1010px) {
div.content .itemdetailArea .itemdetailArea_top, div.content .itemdetailArea .itemdetailArea_bottom{
	padding: 2%;
}
}

@media screen and (max-width: 1000px) {
  div.content .itemdetailArea .itemdetailArea_top .itemImgArea .copy span, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .copy span {
    font-size: 1.2em
  }
/*div.content .item_list li {
    width: 32%;
	margin-right: 2%;}
	div.content .item_list li:nth-of-type(4n){margin-right: 2%;}
	div.content .item_list li:nth-of-type(3n){margin-right: 0;}*/

div.content .RecentlyViewedItems .item_list li {
    width: 19%;
    margin-right: 2%;
	margin-bottom: 30px;
}
	
div.content .RecentlyViewedItems .item_list li:nth-of-type(4n) {
    margin-right: 0;
}
}

@media screen and (max-width: 800px) {
  p.BreadCrumbs, p.breadcrumbs, section.BreadCrumbs {
    padding: 10px 0;
    max-width: 800px;
    width: auto
  }
  div.content {
    max-width: 800px
  }
  div.content .itemdetailArea {
    width: auto
  }
  div.content .itemdetailArea .itemdetailArea_top {
    display: block;
    max-width: 780px
  }
	
div.content .itemdetailArea .itemRecopointArea .recoBlock,
div.content .itemdetailArea .itemRecopointArea .recoBlock:nth-child(odd){
  
	flex-direction: column;
}

  div.content .itemdetailArea .itemdetailArea_top .itemImgArea, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea {
    display: block;
    width: 100% !important
  }
	
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .copy {
    width: 100%;
    padding: 15px 0;
    margin-bottom: 30px;
    border-top: none;
    border-bottom: none
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .copy span {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: tb-rl;
    writing-mode: horizontal-tb
  }
  div.content .itemdetailArea .itemdetailArea_top .itemImgArea {
    padding-right: 0
  }
  div.content .itemdetailArea .itemdetailArea_top .itemImgArea #keyimg {
    width: 100%;
    max-width: 800px;
    margin-bottom: 2%
  }
  div.content .itemdetailArea .itemdetailArea_top .itemImgArea .ProductImageThumb {
    width: 100%;
    max-width: 800px
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full {
    float: none;
    clear: both
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemTxtArea_half {
    display: block;
    width: 100%;
    float: none;
    padding-right: 0%
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemTxtArea_half:nth-of-type(2) {
    padding-right: 0;
    width: 100%
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemCode {
    padding-bottom: 15px;
    text-align: left
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemPrice {
    font-size: 15px;
    padding-bottom: 30px
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemPrice .txts {
    font-size: 12px;
    line-height: 20px
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemPrice .keycolor, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemPrice .priceB {
    font-size: 30px;
    color: #444
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullNumber {
    padding-bottom: 30px
  }
	
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullNumber, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #ctl00_body_ctl00_pnlVariation1, div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #ctl00_body_ctl00_pnlVariation2{
	text-align:left;
	}
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullSize {
    display: inline-block;
    width: 70%;
    float: left
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .pullNumber {
    display: inline-block;
    width: 20%;
    position: absolute;
    top: 0;
    right: 0
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field li {
    width: 50%
  }
  div.content .itemdetailArea .itemdetailArea_top .itemdetailFlex {
    display: block
  }
  div.content .itemdetailArea .itemdetailArea_top .itemdetailFlex li {
    padding-right: 0
  }
  div.content .itemdetailArea .itemdetailArea_bottom {
    max-width: 780px
  }
  div.content .itemdetailArea .itemRecopointArea {
    width: 100%
  }
  div.content .itemdetailArea .GrouopIconBlock {
    margin-bottom: 30px;
    display:none;
  }
  div.content .itemdetailArea #ProductIcon1 {
    max-width: 100%
  }
  .itemimg_attarea {
/*    padding-top: 20px;
    border-top: solid 1px #444;*/
	padding-top: 0;
    border-top: none;
    clear: both
  }
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #divAddToCartAndBookmark {
    position: fixed;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 1em;
    width: 100%;
    background-color: rgba(255,255,255,0.8);
	z-index: 11;
}
div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg{
	width: 100%;
    text-align: center;
    padding-top: 40px;
}

div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg img{
	width:auto;
}

div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt{
	width:100%;
}

div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt .recoTxt_tit br{
	display:none;}

div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemPrice .priceB{
	font-size:34px;
}

.productdetail_aspx .recommenditem_wrap .item_list{
	padding:0 2%;
}

div.content .item_list li{
	width: 48.1%;
	
}
div.content .item_list li:nth-of-type(2n){
	margin-right:0;
	}
div.content .RecentlyViewedItems .item_list li:nth-of-type(2n) {
    margin-right: 2%;
}
.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetail_head_pic{
	right: 2%;
		
	}
	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetailhead_txt{
	 padding: 33px 2% 30px 2%;
	}
.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemExAtt{
    right: 4%;
	bottom: 0;
}
}

@media screen and (max-width: 620px) {
	div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg{
		padding-top:0;
	}
	
	div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg img{
		width:100%;
		right: 0;
	}
	
	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2{
		height: 380px;
		width: 100%;
	}
	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetail_head_pic{
		width: 100%;
		right: 0%;
	}
	
	
	
	
	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetailhead_txt{
	width: 450px;
    height: 417px;
    padding: 33px 5% 30px 5%;
    top: 280px;
    z-index: 10;
    right: 0;
    box-sizing: border-box;
    margin: 0 auto;
	}
.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemExAtt{
    display: none;
}
	
	div.content .itemdetailArea .itemdetailArea_top{
		padding-top: 280px;
	}
}
@media screen and (max-width: 599px) {
  p.BreadCrumbs, p.breadcrumbs, section.BreadCrumbs {
    padding: 10px 0;
    max-width: 600px
  }
  div.content {
    max-width: 600px
  }
  div.content .itemdetailArea .itemdetailArea_top {
    display: block;
    max-width: 580px
  }

  div.content .itemdetailArea .itemdetailArea_top .itemImgArea #keyimg {
    max-width: 600px
  }
  div.content .itemdetailArea .itemdetailArea_top .itemImgArea .ProductImageThumb {
    width: auto;
    max-width: 600px
  }
  div.content .itemdetailArea .itemdetailArea_top .itemImgArea .ProductImageThumb .slick-track {
    width: 100% !important
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea {
    width: 100%;
    text-align: left
  }
	div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemcopy{
	margin-bottom: 10px; margin-top: 30px;
	}
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea span.ico_recommend {
    /*margin-bottom: -20px*/
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea h2 {
    font-size: 30px;
    padding: 30px 0
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemPrice {
    font-size: 18px;
    padding-bottom: 30px
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemPrice .txts {
    font-size: 14px;
    line-height: 21px
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemPrice .keycolor {
    font-size: 22px;
    color: #444
  }


  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullSize {
    float: none;
    width: 70%
  }

  div.content .itemdetailArea .itemdetailArea_bottom {
    max-width: 580px
  }
  div.content .itemdetailArea .itemdetailArea_bottom h3 {
    font-weight: normal;
    font-size: 2em;
    text-align: center;
    margin-bottom: 30px;s
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 50px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade thead th {
    padding: 15px 10px 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background-color: #ddd4c3
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade thead th.tbl_ttl_order a {
    padding: 0 2%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade thead th.tbl_ttl_order a i.fa {
    margin: 0 5px 0 5px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td {
    width: auto;
    display: block
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right {
    width: 100.2%;
    border-right: 1px solid #666
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:nth-of-type(odd), div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr:nth-of-type(odd) {
    background-color: #f2efe9
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:nth-of-type(even), div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr:nth-of-type(even) {
    background-color: #ddd4c3
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:last-child, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr:last-child {
    border-bottom: 1px solid #666666
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr th {
    padding: 15px 10px 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 12px;
    width: 30%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr td, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr td {
    padding: 10px 5px 10px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    border-collapse: collapse;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    font-size: 12px;
    background-color: #fff;
    width: 100%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr td p, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr td p {
    text-align: center
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr td p input, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr td p input {
    padding: 5px;
    margin-right: 5%;
    width: 70%;
    font-size: 16px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(odd) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(odd) th {
    background-color: #f2efe9
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left:nth-of-type(even) th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right:nth-of-type(even) th {
    background-color: #ddd4c3
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right {
    border-right: 1px solid #666;
    margin-right: -1px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:last-child {
    border-bottom: none
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .max_area p.cartbtn {
    font-size: 15px;
    max-width: none
  }

 .productdetail_aspx div.content .itemdetailArea .itemdetail_head{
    min-height: 250px;
	background-size: 100%;
 }
 .productdetail_aspx div.content .itemdetailArea .itemdetail_head .itemdetail_head_txt h2{
	 font-size: 2.2em;
 }
 .productdetail_aspx div.content .itemdetailArea .itemdetail_head .itemdetail_head_txt .copy{
	 font-size: 1.3em;
 }
div.content .itemdetailArea h3{
    font-size: 1.786em;
}	
}

@media screen and (max-width: 500px) {
 
  div.content .itemdetailArea .itemdetailArea_top .itemImgArea {
    padding-right: 0
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullSize {
    float: none;
    width: auto
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .pullNumber {
    float: none;
    width: 20%
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.cartbtn {
    font-size: 18px;
    color: #fff;
    width: 100%;
    /*padding: 20px 0;*/
    text-align: center;
	border-bottom: 2px solid #333;
    box-sizing: border-box;
    border-radius: 5px;
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.itemExAtt {
    padding-bottom: 15px;
    margin-top: 10px;
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea p.itemExAtt a {
    text-decoration: underline;
  }
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field{
    padding: 15px;
    flex-direction: column;
}
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li {
    font-size: 14px;
    line-height: 21px;
    display: block;
    width: 100%;
    margin-bottom: 20px;

  }
	div.content .itemdetailArea .itemdetailArea_top .itemTxtArea .itemicon_field li:last-child{
		margin-bottom: 0;
	}
  div.content .itemdetailArea .itemdetailArea_top .itemTxtArea_full .itemicon_field li {
    font-size: 14px;
    line-height: 21px;
    display: block;
    width: 100%
  }
  div.content .itemdetailArea .itemdetailArea_bottom h3 {
    font-weight: normal;
    font-size: 2em;
    text-align: center;
    margin-bottom: 30px;
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea {
    width: 100%;
    display: block;
    padding-bottom: 30px;
    border-bottom: dashed 1px #333;
    margin-bottom: 50px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade thead th {
    white-space: normal
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade thead th.tbl_ttl_order a {
    padding: 0 2%;
    display: inline-block
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade thead th.tbl_ttl_order a i.fa {
    margin: 0 5px 0 5px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td {
    width: auto;
    display: block
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right {
    width: 100.2%;
    border-right: 1px solid #666
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:nth-of-type(odd), div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr:nth-of-type(odd) {
    background-color: #f2efe9
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:nth-of-type(even), div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr:nth-of-type(even) {
    background-color: #ddd4c3
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:last-child, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr:last-child {
    border-bottom: 1px solid #666666
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr th, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr th {
    padding: 15px 10px 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 12px;
    width: 30%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr td, div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right tr td {
    padding: 10px 5px 10px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    border-collapse: collapse;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    font-size: 12px;
    background-color: #fff;
    width: 100%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_right {
    border-right: 1px solid #666;
    margin-right: -1px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td .wid0_left tr:last-child {
    border-bottom: none
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .tbl_item_ordermade tbody td.cf {
    border-right: none
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemOrdermadeArea .max_area p.cartbtn {
    font-size: 15px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea {
    width: 100%;
    display: block;
    padding-bottom: 30px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    margin-bottom: 15px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail thead th, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size thead th {
    display: none;
    padding: 15px 10px 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail thead th:first-child, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size thead th:first-child {
    background-color: #ddd4c3
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail thead th:last-child, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size thead th:last-child {
    border-right: 1px solid #666666
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr:last-child, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr:last-child {
    border-bottom: 1px solid #666666
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr.sptable, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr.sptable {
    display: table-row
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr th, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr th {
    padding: 15px 10px 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 12px;
    width: 10%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr td, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr td {
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    border-collapse: collapse;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    font-size: 12px;
    width: 18%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr {
    display: block;
    width: 100%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr th, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr td {
    display: block;
    width: 100%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr th {
    text-align: center;
    border-right: 1px solid #666;
    padding: 10px 0 0 0;
    height: 40px;
    background-color: #444;
    color: #fff;
    font-size: 13px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody th:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    width: 90px;
    text-align: center;
    padding: 0px;
    box-sizing: border-box;
    border-right: 1px solid #666;
    height: 39px;
    padding-top: 10px;
    margin-top: -10px;
    background-color: #ddd4c3;
    color: #000;
    font-size: 13px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    width: 90px;
    text-align: center;
    padding: 0px;
    box-sizing: border-box;
    border-right: 1px solid #666;
    height: 37px;
    padding-top: 8px;
    margin-top: -8px;
    font-size: 13px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody th, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody td:nth-of-type(odd):before {
    background-color: #f2efe9
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody th, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody td:nth-of-type(even):before {
    background-color: #ddd4c3
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail tbody tr td {
    width: 90%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_size tbody tr td {
    text-align: right;
    padding: 0;
    height: 38px;
    padding-top: 8px;
    padding-right: 10px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info {
    width: 100%;
    text-align: left;
    font-size: 0px
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info dt, div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info dd {
    display: block;
    font-size: 13px;
    vertical-align: middle
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info dt {
    width: 100%;
    text-align: center
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_detail_info dd {
    width: 100%
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .itemExAtt {
    text-align: left
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .itemExAtt a {
    text-decoration: underline
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea {
    width: 100%;
    display: table
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] {
    display: block
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody {
    display: block
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody tr:last-child {
    border-bottom: none
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"]:last-child tr:last-child {
    border-bottom: 1px solid #666
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table:nth-child(n+2) td.SpecTitle {
    display: table-cell
  }
  div.content .itemdetailArea .itemdetailArea_bottom .itemExArea .tbl_item_sizearea table:nth-child(n+2) td.SpecValue1 {
    width: 80% !important
  }
  div.content .itemdetailArea .itemRecopointArea {
    max-width: 100%;
    margin: 0 auto
  }
  div.content .itemdetailArea .itemRecopointArea .recoBlock {
    display: block;
    text-align: left;
    width: 100%
  }
  div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg, div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt {
    display: block !important;
    vertical-align: middle
  }
  div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg {
    width: 100%;
    padding-right: 0%;
    padding-bottom: 20px
  }
  div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt {
    width: 100%
  }
  div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt:before {
    top: -10px;
    left: 45%;
  }
  
	.productdetail_aspx div.content{
	margin-top: 10px;
}
}

@media screen and (max-width: 450px) {
	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetailhead_txt{
	width: 100%;
    padding: 20px 10px 20px 15px;
    top: 280px;
	}
}
@media screen and (max-width: 400px) {
  div.content .itemdetailArea .itemRecopointArea .recoBlock {
    display: block;
    text-align: left;
    width: 100%
  }
  div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg, div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt {
    display: block !important;
    vertical-align: middle
  }
  div.content .itemdetailArea .itemRecopointArea .recoBlock .recoImg {
    width: 100%;
    padding-right: 0%;
    padding-bottom: 0px
  }
  div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt {
    width: 100%
  }
  div.content .itemdetailArea .itemRecopointArea .recoBlock .recoTxt:before {
    top: -10px;
    left: 45%
  }
	
	div.content .itemdetailArea .itemdetailArea_top{
	padding-top: 277px;
	}
	div.content .newsBlock2 .newitem_area ul li{
	width: 95%;
    margin-right: 0;
    margin: 0 auto;
	}
	div.content .newsBlock2 .newitem_area ul li dl .itemname{
	padding: 1em 1em 2em 1em;
	}
	
	div.content .RecommendList li dl dt{margin-bottom: 0;}
}

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

	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2 .itemdetailhead_txt{
	padding: 20px 5px 20px 5px;
		top: 220px;
	}
	
div.content .itemdetailArea .itemdetailArea_top {
        padding-top: 385px;
}
	
	.productdetail_aspx div.content .itemdetailArea .itemdetail_head2{
	height: 210px;
	}
}


.itemcategory_area .itemcategory_head h2.categoryimg_head {
  position: relative;
  margin-bottom: 30px
}

.itemcategory_area .itemcategory_head h2.categoryimg_head p.categorytit {
  position: absolute;
  top: 48%;
  left: 5%;
  font-size: 30px;
  line-height: 1em;
  text-align: left
}

.itemcategory_area .itemcategory_head h2.categoryimg_head p.categorytit_2line {
  position: absolute;
  top: 32%;
  left: 5%;
  font-size: 30px;
  line-height: 1em;
  line-height: 1.6em;
  text-align: left;
  text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 8px #fff, 0 0 15px #fff
}

.itemcategory_area .itemcategory_head h2.categoryimg_head p.categorytit_txt {
  position: relative;
  top: auto;
  left: auto;
  /*border-left: 6px solid #ad9f88;*/
  padding: 10px;
  box-sizing: border-box;
  margin: 30px 0 -30px 0;
  font-size: 30px;
  line-height: 1em;
  text-align: left;
	font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3";
}

.itemcategory_area .itemcategory_head span.categorytit_cap {
  padding: 35px 70px 30px 70px;
  font-size: 1.2em;
  line-height: 2em;
  display: block;
  text-align: left
}

.itemcategory_area .itemcategory_head p.categorytxt {
  text-align: left;
  padding: 35px 70px
}

.itemcategory_area .itemcategory_head p.categorytxt a.more {
  padding: 13px 0;
  background-color: #ddd4c3;
  border: none;
  font-size: 15px;
  display: block;
  text-align: center;
  margin-top: 10px
}

.itemcategory_area .itemcategory_head p.categorytxt a.more:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: url(../image/ico_arrow.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px
}

.itemcategory_area .itemListHeader {
  text-align: left;
  margin: 20px 0 40px 0;
  font-size: 14px;
  line-height: 21px
}
.itemcategory_area .itemListHeader .PageLink{display:none;}
.itemcategory_area .itemListHeader .list_selectbox {
  overflow: hidden;
  display: inline-block;
  position: relative;
  padding-left: 0.5em;
  font-size: 1.1em
}

.itemcategory_area .itemListHeader .list_selectbox select {
  position: relative;
  width: 100%;
  padding: 0 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  color: #333;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
  background: #FFF
}

.itemcategory_area .itemListHeader .list_selectbox select::-ms-expand {
  display: none
}

.itemcategory_area .pagination {
  float: right
}

.itemcategory_area .pagination .pagearrows {
  display: inline-block;
  padding: 0 0.5em;
  vertical-align: top
}

.itemcategory_area .pagination .pagenumber {
  display: inline-block;
  font-size: 0
}

.itemcategory_area .pagination .pagenumber li {
  display: inline-block;
  font-size: 14px;
  line-height: 21px
}

.itemcategory_area .pagination .pagenumber li a {
  display: block;
  padding: 0.2em 0.5em;
  text-align: center;
  color: #333;
  font-size: 15px;
  line-height: 20px;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s
}

.itemcategory_area .pagination .pagenumber li.current a {
  color: #FFF !important;
  background: #444
}

.itemcategory_area .itemListHeader i {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 0
}

.itemcategory_area .itemListHeader i.fa {
  display: inline-block;
  width: 10px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: left center;
  vertical-align: middle
}

.itemcategory_area dd.list_itemName, .itemcategory_area dd.list_itemNum, .itemcategory_area dd.list_itemPrice {
  font-size: 12px;
  line-height: 20px;
}

.itemcategory_area .ProductListFooter {
  padding-bottom: 15px
}

#CategorySpecial006 #itemListBox h3 {
  position: relative;
  text-align: left;
  font-size: 1.8em;
  margin-bottom: 20px
}

#CategorySpecial006 #itemListBox h3:before {
  content: "";
  display: inline-block;
  color: #fff;
  font-size: 0.9em;
  padding: 0.3em 1.35em;
  background-color: #ab9060;
  vertical-align: middle;
  margin-right: 20px
}

#CategorySpecial006 #itemListBox h3#setTitle_kgct20180101:before {
  content: "item:01"
}

#CategorySpecial006 #itemListBox h3#setTitle_kgct20180102:before {
  content: "item:02"
}

#CategorySpecial006 #itemListBox h3:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ab9060;
  transform: rotate(45deg);
  position: absolute;
  top: 13px;
  left: 133px;
  border: 1px solid #ab9060
}

div.content .itemcategory_area .item_list a {
  margin-bottom: 30px
}

div.content .RecommendList>a:nth-child(-n+4) {
  margin-bottom: 30px
}

div.content .RecommendList li dl dt {
  margin-bottom: 15px
}

div.content .RecommendList li dl dd:last-child {
  margin-top: 2px
}

div.content .RecommendList li dl dd br {
  display: none
}

.StockMessage {
  width: auto;
  display: block;
  margin: 0;
  height: auto;
  right: 1px;
  color: #444 !important;
  font-size: 13px;
  border: 1px solid #444;
  margin-top: 5px
}

.list_itemName br {
  display: none
}

@media screen and (max-width: 768px) {
  #CategorySpecial006 #itemListBox h3 {
    text-align: center;
    line-height: 1.2em
  }
  #CategorySpecial006 #itemListBox h3:before {
    display: block;
    margin: 0 auto 10px auto;
    text-align: center;
    width: 40%
  }
  #CategorySpecial006 #itemListBox h3:after {
    top: 37px;
    left: 50%
  }
div.content .RecommendList li dl dt{margin-bottom:0;}
}

@media screen and (max-width: 599px) {
  .itemcategory_area {
    padding: 0 2%
  }
  .itemcategory_area .itemcategory_head h2.categoryimg_head p.categorytit {
    position: absolute;
    top: 40%;
    left: 5%;
    font-size: 20px;
    text-align: left
  }
  .itemcategory_area .itemcategory_head h2.categoryimg_head p.categorytit_2line {
    position: absolute;
    top: 22%
  }
  .itemcategory_area .itemcategory_head p.categorytxt {
    text-align: left;
    padding: 20px
  }
  .itemcategory_area .itemListHeader {
    margin-bottom: 5%
  }
  .itemcategory_area .itemListHeader .list_selectbox {
    font-size: 16px;
    width: 50%;
    float: left;
    padding: 0.5em 0;
    padding-left: 2.5%;
    margin-top: 3%;
    box-sizing: border-box
  }
  .itemcategory_area .itemListHeader .list_selectbox select {
    font-size: 16px !important
  }
  .itemcategory_area .itemListHeader .listQuantity {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC
  }
  .itemcategory_area .itemListHeader .listSort {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC
  }
  .itemcategory_area .itemListHeader .list_selectbox i {
    left: auto;
    right: 5%;
    font-size: 1.2em;
    margin-top: -0.4em
  }
  .itemcategory_area .itemListHeader .pagination {
    display: none
  }
  .itemcategory_area .itemListHeader .pagination .pagenumber li {
    font-size: 14px;
    margin: 0 0.1em
  }
  .itemcategory_area .itemListHeader .pagination .pagearrows {
    font-size: 14px
  }
  .itemcategory_area .itemListFooter .pagination {
    float: none;
    text-align: center;
    margin: 0 auto
  }
  .itemcategory_area .ProductListFooter .pagination {
    float: none;
    text-align: center;
    margin: 0 auto;
    padding-top: 1em
  }
  .StockMessage {
    width: auto;
    display: block;
    margin: 0;
    height: auto;
    right: 1px;
    color: #444 !important;
    font-size: 13px;
    border: 1px solid #444;
    margin-top: 5px
  }
  div.content .RecommendList>a:nth-child(-n+6) {
    margin-bottom: 30px
  }
}

@media screen and (max-width: 400px) {
  .itemcategory_area .itemcategory_head h2.categoryimg_head p.categorytit_2line {
    top: 15%;
    font-size: 18px
  }
  .itemcategory_area .itemcategory_head span.categorytit_cap {
    padding: 0px 30px 30px 30px !important;
    font-size: 1.1em
  }
}


.footer{
  padding-top:40px;
background-color: #cbcbcb;
}
@media screen and (max-width: 768px) {
.footer{
  padding-top:40px;
}
}

.footer h2 {
  font-size: 30px;
  line-height: 1em;
  margin-bottom: 30px;
  text-align: center
}

.footer .guideArea {
  width: 100%;
  background-color: #f2efe9;
  padding: 60px 0
}

.footer .guideArea .box {
  width: 100%;
  max-width: 1200px;
  padding: 0 1%;
  margin: 0 auto
}

.footer .guideArea .box a {
  padding-right: 3%
}

.footer .guideArea .box a dl {
  display: inline-block;
  width: 22%;
  vertical-align: top;
  text-align: left
}

.footer .guideArea .box a dl dt {
  font-size: 14px;
  padding-bottom: 15px
}

.footer .guideArea .box a dl dt:before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 33px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -2px
}

.footer .guideArea .box a dl dd {
  padding: 0 8% 0 0
}

.footer .guideArea .box a dl dd span.keycolor {
  color: #444;
  display: block
}

.footer .guideArea .box a:last-child {
  padding-right: 0
}

.footer .guideArea .box a:nth-of-type(1) dt:before {
  background: url(../image/ico_haisou.svg) no-repeat
}

.footer .guideArea .box a:nth-of-type(2) dt:before {
  background: url(../image/ico_payment.svg) no-repeat
}

.footer .guideArea .box a:nth-of-type(3) dt:before {
  background: url(../image/ico_track.svg) no-repeat
}

.footer .guideArea .box a:nth-of-type(4) dt:before {
  background: url(../image/ico_return.svg) no-repeat
}

.footer .footLinkArea {
  width: 100%;
  padding: 20px 0;
  background-color:#f3f1ef;
}

.footer .footLinkArea .box {
  width: 100%;
  max-width: 1200px;
  padding: 0 1%;
  margin: 0 auto;
  box-sizing:border-box;
}

.footer .footLinkArea .box dl {
  display: block;
  width: 100%;
  vertical-align: top;
  text-align: left
}

.footer .footLinkArea .box dl dt {
  font-size: 14px;
  padding-bottom: 15px;
	display: none;
}

.footer .footLinkArea .box dl dt.footinquality{
	/*text-align:center;
	border: 1px solid #e9413f;
    padding: 10px 0;
	margin-bottom:1em;*/
	
	}

.footer .footLinkArea .box dl dd ul.listFooter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
	.footer .footLinkArea .box dl.inqmenu dd ul li:before{
	content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: 20px 20px;
    vertical-align: middle;
    margin-right: 10px;
	
}
	.footer .footLinkArea .box dl.inqmenu dd ul li:nth-child(2):before{
	background: url(../image/ico_foot_inq.svg) no-repeat;
	} 
	.footer .footLinkArea .box dl.inqmenu dd ul li:nth-child(1):before{
	background: url(../image/ico_foot_question.svg) no-repeat;
	}

	/*.footer .footLinkArea .box dl.inqmenu dd ul li:nth-child(2):before{
	background: url(../image/ico_facebook_foot.svg) no-repeat;
	}*/

	.footer .footLinkArea .box dl.inqmenu dd ul li:nth-child(3):before{
	background: url(../image/ico_tel_foot.svg) no-repeat;
	}
	
.footer .footLinkArea .box dl dd ul li {
  font-size: 12px;
  padding: 10px;
}
  .footer .footLinkArea .box dl dd ul li span{display:block; position: relative; margin-left: 2.8em;}

.footer .footLinkArea .box dl dd ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: url(../image/ico_arrow.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px
}

.footer .footLinkArea .box dl dd ul li a:hover {
  text-decoration: underline;
  color: #444
}

.footer .footLinkArea .box dl:last-child {
 /* padding-right: 21%*/
}

.footer .footinqualityArea {
  width: 100%;
  background-color: #f2efe9
}

.footer .footinqualityArea ul {
  width: 100%;
  max-width: 1200px;
  padding: 35px 1%;
  margin: 0 auto;
  display: block
}

.footer .footinqualityArea li {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-right: 4%
}

.footer .footinqualityArea li:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px
}

.footer .footinqualityArea li:nth-child(2) {
  background: url(../image/ico_facebook_40.svg) no-repeat
}

.footer .footinqualityArea li:nth-child(3) {
  background: url(../image/ico_mail.svg) no-repeat
}

.footer .footinqualityArea li:nth-child(4) {
  background: url(../image/ico_tel.svg) no-repeat
}

.footer .footinqualityArea li:nth-child(4) a {
  margin-bottom: -10px
}

.footer .footinqualityArea li:first-child {
  background: url(../image/ico_twitter_40.svg) no-repeat
}

.footer .footinqualityArea li span {
  display: block;
  text-align: left;
  margin-left: 50px
}

.footer .footinqualityArea li a:hover {
  color: #444
}

.footer footer {
  background-color: #000;
  color: #fff;
  font-size: 11px;
  padding: 10px 0
}
.footer .footLinkArea .box p.footmmbnr {
    display: inline-block;
    width: 21%;
}
@media screen and (max-width: 599px) {
  .footer h2 {
    font-size: 24px;
    padding-bottom: 30px;
    margin-bottom: 0
  }
  .footer .guideArea {
    padding: 30px 0 0 0;
    background-color: #ddd4c3
  }
  .footer .guideArea .box {
    width: 98%;
    display: none
  }
  .footer .guideArea .box a dl {
    display: inline-block;
    width: 98%;
    padding: 3% 0;
    box-sizing: border-box;
    border-bottom: 1px solid #444;
    position: relative
  }
  .footer .guideArea .box a dl dt {
    font-size: 16px;
    padding-bottom: 0
  }
  .footer .guideArea .box a dl dt:before {
    width: 36px;
    height: 33px;
    background-size: contain;
    margin-right: 10px;
    margin-top: 16px
  }
  .footer .guideArea .box a dl dd {
    padding: 0 0 0 46px;
    margin-top: -10px;
    width: 81%
  }
  .footer .guideArea .box a dl dd span {
    color: #444;
    display: block
  }
  .footer .guideArea .box a dl dd:after {
    content: "";
    position: absolute;
    top: 47%;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(../image/ico_arrow-sp.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 8px
  }
  .footer .guideArea .box a dl:last-child {
    padding-right: 0
  }
  .footer .footLinkArea {
    width: 100%;
    padding: 30px 0 0 0;
	background-color:#fff;
  }
  .footer .footLinkArea .box {
    width: 100%;
    max-width: 1200px;
    padding: 0 1%;
    margin: 0 auto;
	box-sizing:border-box;
  }
  .footer .footLinkArea .box dl {
    display: block;
    width: 100%;
    padding-right: 0%;
    border-bottom: 1px solid #fff
  }
  .footer .footLinkArea .box dl.inqmenu{background-color:#f3f1ef;}
  .footer .footLinkArea .box dl dt {
   display: block;
    font-size: 13px;
   text-align: center;
    padding: 10px 0;
    position: relative;
    background-color: #c8c8c8;
	  
  }
/*  .footer .footLinkArea .box dl dt:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 13px;
    width: 14px;
    height: 2px;
    margin-top: -1px;
    background: #000
  }
  .footer .footLinkArea .box dl dt:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 13px;
    width: 14px;
    height: 2px;
    margin-top: -1px;
    background: #000;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s
  }
  .footer .footLinkArea .box dl dt.active:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg)
  }*/
.footer .footLinkArea .box dl dd ul li span {
    margin-left: 2em;
}
.footer .footLinkArea .box dl dt.footinquality{
	padding: 15px 0;
    margin-bottom: 2em;
    width: 80%;
    margin: 0 auto;
}

.footer .footLinkArea .box dl dt.footinquality:before,.footer .footLinkArea .box dl dt.footinquality:after{
	content:none;
}
  
  
  .footer .footLinkArea .box dl dd {
  }
  
  .footer .footLinkArea .box dl dd ul li {
    font-size: 12px;
    padding: 8px;
    margin-bottom: 1px;
    position: relative;
    border-bottom: 1px solid #f3f1ef;
  }
  
  .footer .footLinkArea .box dl dd ul li:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    width: 10px;
    height: 10px;
    background: none;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 10px;
    bottom: 0;
    margin: auto;
    display: block;
    line-height: 1em;
  }
  
  
.footer .footLinkArea .box dl dd ul li:hover {
    text-decoration: none;
    color: #333;
}
  
.footer .footLinkArea .box dl.inqmenu dd ul li:before{
	position: relative;
}
  
  .footer .footLinkArea .box dl:last-child {
    padding-right: 0%
  }
	.footer .footLinkArea .box dl dd ul.listFooter{
		display: block;
	}
  .footer .footinqualityArea {
    width: 100%;
    background-color: #f2efe9
  }
  .footer .footinqualityArea ul {
    width: 100%;
    max-width: 1200px;
    padding: 35px 1%;
    margin: 0 auto;
    display: block
  }
  .footer .footinqualityArea li {
    display: block;
    vertical-align: top;
    text-align: left;
    margin-right: 0
  }
  .footer .footinqualityArea li:first-child {
    display: block;
    margin: 0 0 20px 0
  }
  .footer .footinqualityArea li:nth-child(2) {
    display: block;
    margin: 0 0 20px 0
  }
  .footer .footinqualityArea li:nth-child(3) {
    display: block;
    margin: 0 0 20px 0
  }
  .footer .footinqualityArea li span {
    display: block;
    text-align: left;
    margin-left: 50px
  }
  .footer .footinqualityArea li a:hover {
    color: #444
  }
  .footer footer {
    font-size: 11px;
    padding: 10px 0
  }
  .footer .plusbtn {
    position: relative
  }
  .footer .plusbtn:before {
    position: absolute;
    content: "";
    top: 28%;
    right: 13px;
    width: 14px;
    height: 2px;
    margin-top: -1px;
    background: #000
  }
  .footer .plusbtn:after {
    position: absolute;
    content: "";
    top: 28%;
    right: 13px;
    width: 14px;
    height: 2px;
    margin-top: -1px;
    background: #000;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s
  }
  .footer .plusbtn.active:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg)
  }
.footer .footLinkArea .box p.footmmbnr{width:auto;margin-top:30px;max-width:300px; margin-bottom: 30px;}
}

@media screen and (max-width: 400px) {
  .footer .footinqualityArea li:nth-child(2) {
    display: block;
    width: 100%
  }
  .footer .footinqualityArea li:nth-child(3) {
    display: block;
    width: 100%
  }
}

div.content .TagNameList {
  text-align: right;
  margin: 10px 0 30px 0
}

div.content .TagNameList span {
  padding: 5px 10px;
  background-color: #444;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

div.content .TagNameList span:before {
  content: "\f02c";
  display: inline-block;
  font-family:"Font Awesome 5 Free";
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px
	font-weight: 600;
}

div.content .TagNameList span a {
  color: #fff
}

div.content .column_shareArea {
  margin-bottom: 70px
}

div.content .column_shareArea .itemshare_field {
  font-size: 0;
  height: 40px;
  padding: 0px 10px 20px 10px;
  border-bottom: 1px dotted #333
}

div.content .column_shareArea .itemshare_field li {
  display: inline-block;
  width: 40px;
  height: auto;
  margin-right: 30px
}

div.content .column_shareArea .itemshare_field li:last-child {
  margin-right: 0
}

div.content .itemcategory_area div.flexrr {
  align-items: center;
  text-align: left
}

div.content .itemcategory_area div.flexrr p.categorytxt {
  width: 70%;
  letter-spacing: 0.1em
}

div.content .itemcategory_area div.flexrr ul.columing {
  width: 20%;
  border: 1px solid #666;
  padding: 5px;
  margin: 0 0 0 70px;
  box-sizing: border-box
}

div.content .itemcategory_area h3.dictit {
  padding: 30px;
  background-color: #444;
  color: #fff;
  font-size: 20px
}

div.content .itemcategory_area div.oneine_4col, div.content .itemcategory_area div .oneline_4col {
  width: 100%;
  margin: 30px 0
}

div.content .itemcategory_area div.oneine_4col dl, div.content .itemcategory_area div .oneline_4col dl {
  font-size: 0;
  text-align: left;
  width: 50%;
  float: left;
  display: table
}

div.content .itemcategory_area div.oneine_4col dl dt, div.content .itemcategory_area div .oneline_4col dl dt {
  width: 50%;
  display: table-cell;
  padding: 3%
}

div.content .itemcategory_area div.oneine_4col dl dd, div.content .itemcategory_area div .oneline_4col dl dd {
  width: 50%;
  display: table-cell;
  font-size: 13px;
  letter-spacing: 0.2em;
  vertical-align: middle;
  padding: 30px 0 30px 0%;
  position: relative
}

div.content .itemcategory_area div.oneine_4col dl dd hr.topline, div.content .itemcategory_area div .oneline_4col dl dd hr.topline {
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  border-top: 2px solid #000;
  border-right: none;
  border-left: none;
  border-bottom: none
}

div.content .itemcategory_area div.oneine_4col dl dd hr.topline:after, div.content .itemcategory_area div .oneline_4col dl dd hr.topline:after {
  content: '';
  display: block;
  margin-top: 2px;
  border-top: 1px solid #000
}

div.content .itemcategory_area div.oneine_4col dl dd hr.bottomline, div.content .itemcategory_area div .oneline_4col dl dd hr.bottomline {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #000;
  border-right: none;
  border-left: none;
  border-top: none
}

div.content .itemcategory_area div.oneine_4col dl dd hr.bottomline:before, div.content .itemcategory_area div .oneline_4col dl dd hr.bottomline:before {
  content: '';
  display: block;
  margin-bottom: 2px;
  border-top: 1px solid #000
}

div.content .itemcategory_area div.oneine_4col dl dd p.colptit, div.content .itemcategory_area div .oneline_4col dl dd p.colptit {
  font-size: 16px;
  margin-bottom: 10px
}

div.content .itemcategory_area div.oneine_4col dl dd p.column_monyou_search, div.content .itemcategory_area div .oneline_4col dl dd p.column_monyou_search {
  position: absolute;
  bottom: 3em;
  right: 0;
  display: none
}

div.content .itemcategory_area div.oneine_4col dl dd p.column_monyou_search:hover, div.content .itemcategory_area div .oneline_4col dl dd p.column_monyou_search:hover {
  text-decoration: underline
}

div.content .itemcategory_area div.oneine_4col dl dd.kamondd, div.content .itemcategory_area div .oneline_4col dl dd.kamondd {
  padding: 9% 0% 25% 0
}

div.content .itemcategory_area div.oneine_4col dl dd i, div.content .itemcategory_area div .oneline_4col dl dd i {
  position: relative
}

div.content .itemcategory_area div.oneine_4col dl dd span, div.content .itemcategory_area div .oneline_4col dl dd span {
  position: absolute;
  left: 6px;
  top: 5px;
  color: #fff;
  font-size: 15px
}

div.content .itemcategory_area div.oneine_4col dl.noimg, div.content .itemcategory_area div .oneline_4col dl.noimg {
  width: 24% !important
}

div.content .itemcategory_area div.oneine_4col dl.noimg dt, div.content .itemcategory_area div .oneline_4col dl.noimg dt {
  width: 0 !important;
  display: none !important
}

div.content .itemcategory_area div.oneine_4col dl.noimg dd, div.content .itemcategory_area div .oneline_4col dl.noimg dd {
  width: auto !important
}

div.content .itemcategory_area div.ori dl.dictionary {
  width: 48%;
  margin: 0% 2% 2% 0;
  border: 1px solid;
  box-sizing: border-box;
  display: block
}

div.content .itemcategory_area div.ori dl.dictionary dt {
  display: block;
  float: left;
  padding: 15px
}

div.content .itemcategory_area div.ori dl.dictionary dd {
  vertical-align: top;
  padding: 15px;
  display: block;
  margin: 0;
  width: auto
}

div.content .itemcategory_area div.ori dl.dictionary:nth-child(3), div.content .itemcategory_area div.ori dl.dictionary:nth-child(7), div.content .itemcategory_area div.ori dl.dictionary:nth-child(9) {
  margin-right: 0
}

div.content .itemcategory_area div.ori dl.dictionary:nth-child(4), div.content .itemcategory_area div.ori dl.dictionary:nth-child(5), div.content .itemcategory_area div.ori dl.dictionary:nth-child(6), div.content .itemcategory_area div.ori dl.dictionary:nth-child(7) {
  width: 23.5% !important
}

div.content .itemcategory_area div.some dl.dictionary {
  width: 46%;
  margin: 0% 2% 2% 0;
  border: 1px solid;
  box-sizing: border-box;
  display: block
}

div.content .itemcategory_area div.some dl.dictionary dt {
  display: block;
  float: left;
  padding: 15px
}

div.content .itemcategory_area div.some dl.dictionary dd {
  vertical-align: top;
  padding: 15px;
  display: block;
  margin: 0;
  width: auto
}

div.content .itemcategory_area div.some dl.dictionary:nth-child(1) {
  width: 49%
}

div.content .itemcategory_area div.some dl.dictionary:nth-child(2) {
  width: 49%;
  margin-right: 0%
}

div.content .itemcategory_area div.some dl.dictionary:nth-child(3) {
  width: 48%;
  margin-right: 2%
}

div.content .itemcategory_area div.some dl.dictionary:nth-child(4) {
  width: 48%;
  margin-right: 2%
}

div.content .itemcategory_area div.some dl.dictionary:nth-child(5) {
  width: 49%;
  margin-right: 0%
}

div.content .itemcategory_area .qa_index {
  width: 100%;
  margin: 30px auto 30px auto;
  padding: 30px 30px 20px 30px;
  box-sizing: border-box;
  background-color: #f2efe9
}

div.content .itemcategory_area .qa_index p {
  font-size: 23px;
  padding: 10px;
  background-color: #444;
  margin-bottom: 30px;
  color: #fff
}

div.content .itemcategory_area .qa_index ul {
  font-size: 0;
  display: block
}

div.content .itemcategory_area .qa_index ul li {
  display: inline-block;
  font-size: 13px;
  margin-bottom: 20px;
  margin-right: 10px;
  width: 28%;
  text-align: left;
  vertical-align: top;
  text-indent: -13px;
  margin-left: 26px
}

div.content .itemcategory_area .qa_index ul li i {
  position: relative;
  color: #444;
  vertical-align: middle;
  margin-right: 6px
}

div.content .itemcategory_area .qa_index ul li span {
  position: absolute;
  left: 55%;
  top: 5px;
  color: #fff;
  font-size: 14px
}

div.content .itemcategory_area .qa_index ul li:hover {
  text-decoration: underline
}

div.content .itemcategory_area .qa_box {
  letter-spacing: 0.2em;
  margin: 30px 0 70px 0
}

div.content .itemcategory_area .qa_box dl.qa_head {
  text-align: left
}

div.content .itemcategory_area .qa_box dl.qa_head dt {
  font-size: 16px;
  margin-bottom: 10px;
  padding: 8px 0 8px 2.6em;
  border-bottom: 1px dotted;
  border-top: 1px dotted;
  text-indent: -1.1em;
  background-color: #f2efe9
}

div.content .itemcategory_area .qa_box dl.qa_head dt i {
  position: relative;
  color: #444;
  vertical-align: middle;
  margin-right: 6px
}

div.content .itemcategory_area .qa_box dl.qa_head dt span {
  position: absolute;
  left: 55%;
  top: 6px;
  color: #fff;
  font-size: 17px
}

div.content .itemcategory_area .qa_box dl.qa_head dd.answer {
  font-size: 23px;
  text-indent: -1em;
  margin-left: 3em;
  line-height: 1.5em
}

div.content .itemcategory_area .qa_box dl.qa_head dd.answer i {
  position: relative;
  color: #8c1b1b;
  margin-right: 5px
}

div.content .itemcategory_area .qa_box dl.qa_head dd.answer i:before {
  position: relative;
  top: 8px
}

div.content .itemcategory_area .qa_box dl.qa_head dd.answer .txt_a {
  font-size: 27px;
  position: absolute;
  top: 16px;
  left: 55%;
  color: #fff
}

div.content .itemcategory_area .qa_box dl.qa_head dd.qa_exp {
  margin-top: 30px;
  line-height: 1.8em;
  padding: 0 20px
}

div.content .itemcategory_area .qa_box dl.qa_head dd:first-line {
  line-height: 1
}

div.content .itemcategory_area .qa_box .qa_exptxt {
  width: 70%;
  margin-left: 30px;
  margin-right: 70px
}

div.content .itemcategory_area .qa_box div.flexrr ul.columing {
  width: 25%
}

div.content .itemcategory_area .qa_box .to-paindex {
  text-align: right;
  margin: 10px;
  font-size: 11px;
  text-decoration: underline
}

div.content .itemcategory_area div.twoline_1col {
  width: 100%;
  margin: 30px 0 0px 0
}

div.content .itemcategory_area div.twoline_1col dl {
  font-size: 0;
  text-align: left;
  width: 42.5%;
  display: block;
  margin: 0 auto
}

div.content .itemcategory_area div.twoline_1col dl dt {
  width: 100%;
  display: block
}

div.content .itemcategory_area div.twoline_1col dl dd {
  width: 100%;
  display: block;
  font-size: 13px;
  letter-spacing: 0.2em;
  vertical-align: middle;
  padding: 10px 0 30px 0%
}

div.content .itemcategory_area div.twoline_1col dl.img3 {
  text-align: center;
  width: 100%;
  display: block;
  margin: 0 auto
}

div.content .itemcategory_area div.twoline_1col dl.img3 dt {
  width: 42.5%;
  display: inline-block;
  margin: 0 auto;
  text-align: center
}

div.content .itemcategory_area div.twoline_1col dl.img3 dt:nth-child(1) {
  margin-right: 5%
}

div.content .itemcategory_area div.twoline_1col dl.img3 dt:nth-child(3) {
  margin-top: 5%
}

div.content .itemcategory_area div.twoline_1col dl.img3 dd {
  text-align: left;
  width: 42.5%;
  margin: 0 auto
}

div.content .itemcategory_area div.twoline_2col {
  width: 100%;
  margin: 30px 0 0px 0
}

div.content .itemcategory_area div.twoline_2col dl {
  font-size: 0;
  text-align: left;
  width: 42.5%;
  float: left;
  display: block
}

div.content .itemcategory_area div.twoline_2col dl dt {
  width: 100%;
  display: block
}

div.content .itemcategory_area div.twoline_2col dl dd {
  width: 100%;
  display: block;
  font-size: 13px;
  letter-spacing: 0.2em;
  vertical-align: middle;
  padding: 10px 0 30px 0%
}

div.content .itemcategory_area div.twoline_2col dl:nth-of-type(even) {
  padding: 0 5% 0 2.5%
}

div.content .itemcategory_area div.twoline_2col dl:nth-of-type(odd) {
  padding: 0 2.5% 0 5%
}

div.content .itemcategory_area div.twoline_3col {
  width: 100%;
  margin: 30px 0 0px 0
}

div.content .itemcategory_area div.twoline_3col dl {
  font-size: 0;
  text-align: left;
  float: left;
  display: block;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 30px
}

div.content .itemcategory_area div.twoline_3col dl dt.imgh {
  padding: 0 25%;
  margin-bottom: 20px
}

div.content .itemcategory_area div.twoline_3col dl dd {
  font-size: 13px;
  padding: 0 10%
}

div.content .itemcategory_area div.twoline_3col dl:nth-of-type(3n) {
  margin-right: 0
}

div.content .itemcategory_area div.twoline_4col {
  width: 100%;
  margin: 30px 0 0px 0
}

div.content .itemcategory_area div.twoline_4col dl {
  font-size: 0;
  text-align: left;
  float: left;
  display: block;
  width: 23%;
  margin-right: 2.3%;
  margin-bottom: 30px
}

div.content .itemcategory_area div.twoline_4col dl dt.imgh {
  padding: 0 20%;
  margin-bottom: 20px
}

div.content .itemcategory_area div.twoline_4col dl dd {
  font-size: 13px;
  padding: 0 10%
}

div.content .itemcategory_area div.twoline_4col dl dd i {
  position: relative;
  color: #444;
  display: block
}

div.content .itemcategory_area div.twoline_4col dl dd span {
  position: absolute;
  left: 6px;
  top: 5px;
  color: #fff;
  font-size: 15px
}

div.content .itemcategory_area div.twoline_4col dl:nth-of-type(4n) {
  margin-right: 0
}

div.content .itemcategory_area div.oneline_2col {
  width: 100%;
  margin: 30px 0 0px 0
}

div.content .itemcategory_area div.oneline_2col dl {
  font-size: 0;
  text-align: left;
  width: 100%;
  float: left;
  display: table
}

div.content .itemcategory_area div.oneline_2col dl dt {
  width: 50%;
  display: table-cell;
  padding: 3% 5% 3% 10%
}

div.content .itemcategory_area div.oneline_2col dl dd {
  width: 50%;
  display: table-cell;
  font-size: 13px;
  letter-spacing: 0.2em;
  vertical-align: middle;
  padding: 30px 3% 30px 0%
}

div.content .itemcategory_area div.oneline_2col dl dd p.colptit {
  font-size: 16px;
  margin-bottom: 10px
}

div.content .itemcategory_area div.oneline_2col dl.to4col_2 {
  width: 100%
}

div.content .itemcategory_area div.oneline_2col dl.to4col_2 dt {
  width: 25%;
  display: table-cell;
  padding: 3%
}

div.content .itemcategory_area div.oneline_2col dl.to4col_2 dd {
  width: 75%;
  display: table-cell;
  font-size: 13px;
  letter-spacing: 0.2em;
  vertical-align: middle;
  padding: 30px 0 30px 0%
}

div.content .itemcategory_area div h3 {
  background-color: inherit;
  color: #000;
  padding: 0;
  font-size: 24px
}

div.content .itemcategory_area div h3 span {
  padding: 10px 0.5em;
  display: inline-block;
  box-sizing: border-box;
  background-color: #fff;
  position: relative
}

div.content .itemcategory_area div h3 span:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../image/column/column_icon.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 16px;
  left: -1em
}

div.content .itemcategory_area div h3 span:after {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../image/column/column_icon.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left: 10px;
  position: absolute;
  top: 16px;
  right: -1em
}

div.content .itemcategory_area div p.linetit {
  border-bottom: 1px dashed #666;
  margin: 0 auto 30px auto;
  width: 90%
}

div.content .itemcategory_area div p.linetit span {
  display: block;
  width: 10em;
  margin: 0 auto -0.9em auto;
  background-color: #fff
}

div.content .itemcategory_area div.inner {
  padding: 0px 10% 30px 10%;
  margin: 35px auto 0 auto;
  box-sizing: border-box;
  border: 1px dashed #000
}

div.content .itemcategory_area div.inner h3 {
  background-color: inherit;
  color: #000;
  padding: 0;
  margin-top: -24px;
  margin-bottom: 34px;
  font-size: 20px
}

div.content .itemcategory_area div.inner h3 span {
  padding: 10px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #fff
}

div.content .itemcategory_area div.inner h3 span:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../image/column/column_icon.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px
}

div.content .itemcategory_area div.inner h3 span:after {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../image/column/column_icon.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-left: 10px
}

div.content .itemcategory_area div.inner p.innerex {
  margin-bottom: 30px;
  text-align: left
}

div.content .itemcategory_area .CategoryHtmlTop .article .itemcategory_head {
  margin-bottom: 70px
}

div.content .itemcategory_area .CategoryHtmlTop .article section {
  width: 90%;
  margin: 20px auto 70px auto
}

div.content .itemcategory_area .CategoryHtmlTop .article section h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  margin-top: 30px
}

div.content .itemcategory_area .CategoryHtmlTop .article section img {
  width: 90%;
  margin-top: 20px
}

div.content .itemcategory_area .CategoryHtmlTop .article section p.spe_imgcap {
  width: 85%;
  margin: 20px auto
}

div.content .itemcategory_area .CategoryHtmlTop .article section p.spe_txt {
  width: 85%;
  margin: 0 auto 20px auto;
  text-align: left
}

div.content .bold {
  font-weight: bold
}

@media screen and (max-width: 800px) {
  div.content .itemcategory_area .qa_index {
    padding: 30px 10px 20px 10px
  }
  div.content .itemcategory_area .qa_index p {
    font-size: 23px;
    padding: 10px;
    background-color: #444;
    margin-bottom: 30px;
    color: #fff
  }
  div.content .itemcategory_area .qa_index ul {
    font-size: 0;
    display: block
  }
  div.content .itemcategory_area .qa_index ul li {
    display: inline-block;
    margin-right: 10px;
    width: 43%;
    float: left
  }
  div.content .itemcategory_area .qa_index ul li:nth-child(2n) {
    margin-right: 0
  }
}

@media screen and (max-width: 700px) {
  div.content .itemcategory_area div.oneine_4col, div.content .itemcategory_area div .oneline_4col {
    width: 100%
  }
  div.content .itemcategory_area div.oneine_4col dl, div.content .itemcategory_area div .oneline_4col dl {
    font-size: 0;
    text-align: left;
    width: 100%;
    float: left;
    display: table
  }
  div.content .itemcategory_area div.oneine_4col dl dt, div.content .itemcategory_area div .oneline_4col dl dt {
    width: 50%;
    display: table-cell;
    padding: 3% 3% 3% 0
  }
  div.content .itemcategory_area div.oneine_4col dl dd, div.content .itemcategory_area div .oneline_4col dl dd {
    width: 50%;
    display: table-cell;
    font-size: 13px;
    letter-spacing: 0.2em;
    vertical-align: middle
  }
  div.content .itemcategory_area div.oneine_4col dl dd hr.topline, div.content .itemcategory_area div .oneline_4col dl dd hr.topline {
    top: 2%
  }
  div.content .itemcategory_area div.oneine_4col dl dd hr.bottomline, div.content .itemcategory_area div .oneline_4col dl dd hr.bottomline {
    bottom: 2%
  }
  div.content .itemcategory_area div.oneine_4col dl dd p.colptit, div.content .itemcategory_area div .oneline_4col dl dd p.colptit {
    font-size: 16px;
    margin-bottom: 10px
  }
  div.content .itemcategory_area div.oneine_4col dl dd.kamondd, div.content .itemcategory_area div .oneline_4col dl dd.kamondd {
    padding: 9% 0% 90px 0
  }
  div.content .itemcategory_area div.oneine_4col dl.noimg, div.content .itemcategory_area div .oneline_4col dl.noimg {
    width: 100% !important
  }
  div.content .itemcategory_area div.oneine_4col dl.noimg dt, div.content .itemcategory_area div .oneline_4col dl.noimg dt {
    width: 0% !important
  }
  div.content .itemcategory_area div.oneine_4col dl.noimg dd, div.content .itemcategory_area div .oneline_4col dl.noimg dd {
    width: auto !important
  }
  div.content .itemcategory_area div.ori dl.dictionary {
    width: 100%;
    margin: 0% 0% 2% 0;
    border: 1px solid;
    box-sizing: border-box
  }
  div.content .itemcategory_area div.ori dl.dictionary dd {
    vertical-align: top;
    padding: 15px
  }
  div.content .itemcategory_area div.ori dl.dictionary:nth-child(3), div.content .itemcategory_area div.ori dl.dictionary:nth-child(6), div.content .itemcategory_area div.ori dl.dictionary:nth-child(9) {
    margin-right: 0
  }
  div.content .itemcategory_area div.ori dl.dictionary:nth-child(4), div.content .itemcategory_area div.ori dl.dictionary:nth-child(5), div.content .itemcategory_area div.ori dl.dictionary:nth-child(6), div.content .itemcategory_area div.ori dl.dictionary:nth-child(7) {
    width: 100% !important
  }
  div.content .itemcategory_area div.some dl.dictionary {
    width: 100%;
    margin: 0% 0% 2% 0;
    border: 1px solid;
    box-sizing: border-box
  }
  div.content .itemcategory_area div.some dl.dictionary dd {
    vertical-align: top;
    padding: 15px
  }
  div.content .itemcategory_area div.some dl.dictionary:nth-child(1) {
    width: 100%
  }
  div.content .itemcategory_area div.some dl.dictionary:nth-child(2) {
    width: 100%;
    margin-right: 0%
  }
  div.content .itemcategory_area div.some dl.dictionary:nth-child(3) {
    width: 100%;
    margin-right: 0%
  }
  div.content .itemcategory_area div.some dl.dictionary:nth-child(4) {
    width: 100%;
    margin-right: 0%
  }
  div.content .itemcategory_area div.twoline_3col dl dt.imgh {
    padding: 0 10%
  }
  div.content .itemcategory_area div.twoline_4col {
    margin: 30px 10px 0px 10px
  }
  div.content .itemcategory_area div.twoline_4col dl {
    font-size: 0;
    text-align: left;
    float: left;
    display: block;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 30px
  }
  div.content .itemcategory_area div.twoline_4col dl dt.imgh {
    padding: 0 20%;
    margin-bottom: 20px
  }
  div.content .itemcategory_area div.twoline_4col dl dd {
    font-size: 13px;
    padding: 0 10%
  }
  div.content .itemcategory_area div.twoline_4col dl dd i {
    position: relative;
    color: #444;
    display: block
  }
  div.content .itemcategory_area div.twoline_4col dl dd span {
    position: absolute;
    left: 6px;
    top: 5px;
    color: #fff;
    font-size: 15px
  }
  div.content .itemcategory_area div.twoline_4col dl:nth-of-type(2n) {
    margin-right: 0
  }
  div.content .itemcategory_area div.oneline_2col dl.to4col_2 {
    width: 100%
  }
  div.content .itemcategory_area div.oneline_2col dl.to4col_2 dt {
    width: 50%;
    display: table-cell;
    padding: 3% 3% 3% 0
  }
  div.content .itemcategory_area div.oneline_2col dl.to4col_2 dd {
    width: 50%;
    display: table-cell;
    font-size: 13px;
    letter-spacing: 0.2em;
    vertical-align: middle;
    padding: 30px 0 30px 0%
  }
  div.content .bold {
    font-weight: bold
  }
}

@media screen and (max-width: 599px) {
  div.content .TagNameList {
    padding: 0 2%
  }
  div.content .itemcategory_area div.flexrr {
    align-items: center;
    text-align: left
  }
  div.content .itemcategory_area div.flexrr p.categorytxt {
    width: 100%
  }
  div.content .itemcategory_area div.flexrr ul.columing {
    width: 45%;
    border: 1px solid #666;
    padding: 5px;
    margin: 5% 0 0 0;
    box-sizing: border-box
  }
  div.content .itemcategory_area .qa_box {
    margin: 30px 0 70px 0
  }
  div.content .itemcategory_area .qa_box dl.qa_head dd.answer {
    margin-left: 2em;
    line-height: 1.5em
  }
  div.content .itemcategory_area .qa_box .qa_exptxt {
    width: 100%
  }
  div.content .itemcategory_area .qa_box div.flexrr ul.columing {
    width: 65%
  }
  div.content .itemcategory_area div.twoline_2col {
    width: 100%;
    margin: 30px 0 0px 0
  }
  div.content .itemcategory_area div.twoline_2col dl {
    font-size: 0;
    text-align: left;
    width: 90%;
    float: none;
    display: block;
    margin: 0 auto
  }
  div.content .itemcategory_area div.twoline_2col dl dt {
    width: 100%;
    display: block
  }
  div.content .itemcategory_area div.twoline_2col dl dd {
    width: 100%;
    display: block;
    font-size: 13px;
    letter-spacing: 0.2em;
    vertical-align: middle;
    padding: 10px 0 30px 0%
  }
  div.content .itemcategory_area div.twoline_2col dl:nth-child(even) {
    padding: 0%
  }
  div.content .itemcategory_area div.twoline_2col dl:nth-child(odd) {
    padding: 0
  }
  div.content .itemcategory_area div.twoline_1col {
    width: 100%;
    margin: 30px 0 0px 0
  }
  div.content .itemcategory_area div.twoline_1col dl {
    font-size: 0;
    text-align: left;
    width: 90%;
    display: block;
    margin: 0 auto
  }
  div.content .itemcategory_area div.twoline_1col dl dt {
    width: 100%;
    display: block
  }
  div.content .itemcategory_area div.twoline_1col dl dd {
    width: 100%;
    display: block;
    font-size: 13px;
    letter-spacing: 0.2em;
    vertical-align: middle;
    padding: 10px 0 30px 0%
  }
  div.content .itemcategory_area div.twoline_1col dl.img3 {
    text-align: center;
    width: 100%;
    display: block;
    margin: 0 auto
  }
  div.content .itemcategory_area div.twoline_1col dl.img3 dt {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center
  }
  div.content .itemcategory_area div.twoline_1col dl.img3 dt:nth-child(1) {
    margin-right: 0%
  }
  div.content .itemcategory_area div.twoline_1col dl.img3 dt:nth-child(3) {
    margin-top: 0%
  }
  div.content .itemcategory_area div.twoline_1col dl.img3 dd {
    text-align: left;
    width: 100%
  }
  div.content .itemcategory_area div.oneine_4col dl, div.content .itemcategory_area div .oneline_4col dl {
    width: 100%
  }
  div.content .itemcategory_area div.oneine_4col dl.noimg dd, div.content .itemcategory_area div .oneline_4col dl.noimg dd {
    width: auto !important
  }
  div.content .itemcategory_area div.ori dl.dictionary dt {
    display: block;
    padding: 3% 3% 3% 3%;
    float: left;
    height: auto
  }
  div.content .itemcategory_area div.ori dl.dictionary dd {
    width: auto;
    display: block;
    vertical-align: top;
    padding: 3%
  }
  div.content .itemcategory_area div.ori dl.dictionary:nth-child(3), div.content .itemcategory_area div.ori dl.dictionary:nth-child(6), div.content .itemcategory_area div.ori dl.dictionary:nth-child(9) {
    margin-right: 0
  }
  div.content .itemcategory_area div.some dl.dictionary dt {
    display: block;
    padding: 3% 3% 3% 3%;
    float: left;
    height: auto
  }
  div.content .itemcategory_area div.some dl.dictionary dd {
    width: auto;
    display: block;
    vertical-align: top;
    padding: 3%
  }
  div.content .itemcategory_area div.some dl.dictionary:nth-child(1) {
    width: 100%
  }
  div.content .itemcategory_area div.some dl.dictionary:nth-child(2) {
    width: 100%;
    margin-right: 0%
  }
  div.content .itemcategory_area div.some dl.dictionary:nth-child(3) {
    width: 100%;
    margin-right: 0%
  }
  div.content .itemcategory_area div.some dl.dictionary:nth-child(4) {
    width: 100%;
    margin-right: 0%
  }
  div.content .itemcategory_area div.twoline_3col {
    width: 100%;
    margin: 30px 0 0px 0
  }
  div.content .itemcategory_area div.twoline_3col dl {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 50px
  }
  div.content .itemcategory_area div.twoline_3col dl dt.imgh {
    padding: 0 15%;
    margin-bottom: 20px
  }
  div.content .itemcategory_area div.twoline_3col dl dd {
    font-size: 15px;
    padding: 0 10%
  }
  div.content .itemcategory_area div.oneline_2col dl dt {
    padding: 3% 5% 3% 5%
  }
  div.content .itemcategory_area div h3 {
    position: relative
  }
  div.content .itemcategory_area div h3 span {
    position: static
  }
  div.content .itemcategory_area div h3 span:before {
    position: absolute;
    top: 16px;
    left: -0.5em
  }
  div.content .itemcategory_area div h3 span:after {
    position: absolute;
    top: 16px;
    right: -0.5em
  }
  div.content .itemcategory_area .CategoryHtmlTop .article section img {
    width: 90%;
    margin-top: 20px
  }
  div.content .itemcategory_area .CategoryHtmlTop .article section p.spe_imgcap {
    width: 90%
  }
  div.content .itemcategory_area .CategoryHtmlTop .article section p.spe_txt {
    width: 90%
  }
}

@media screen and (max-width: 500px) {
  div.content .itemcategory_area .qa_index ul {
    font-size: 0;
    display: block
  }
  div.content .itemcategory_area .qa_index ul li {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 20px;
    margin-right: 0px;
    width: 100%;
    float: none
  }
  div.content .itemcategory_area .qa_index ul li:nth-child(2n) {
    margin-right: 0
  }
}

div.content .itemcategory_area .howto_txtArea p {
  text-align: left;
  margin: 0 5% 30px 5%
}

div.content .itemcategory_area .howto_txtArea .hoetotit {
  font-size: 16px;
  padding: 8px 0 8px 2.6em;
  border-bottom: 1px dotted;
  border-top: 1px dotted;
  text-indent: -1.1em;
  background-color: #f2efe9;
  font-weight: bold
}

div.content .itemcategory_area .howto_txtArea .hoetotit i {
  position: relative;
  color: #444;
  vertical-align: middle;
  margin-right: 6px
}

div.content .itemcategory_area .howto_txtArea .hoetotit span {
  position: absolute;
  left: -120%;
  top: 21%;
  color: #fff;
  font-size: 17px;
  text-align: center;
  width: 2em
}

div.content .itemcategory_area .howto_txtArea .hoetotit span.cate_nami {
  display: inline-block;
  width: 1em;
  color: #000;
  position: relative;
  left: 0;
  top: 2px;
  margin: 0 13px 0 7px;
  text-align: center
}

div.content .itemcategory_area p.howtotxt {
  text-align: left;
  margin: 0 5% 30px 5%
}

div.content .itemcategory_area p.arrow {
  width: 15%;
  margin: 0 auto
}

.categoryList_block .ShowCategoryMap {
  padding: 2%;
  position: relative
}

.categoryList_block .ShowCategoryMap ul {
  font-size: 0
}

.categoryList_block .ShowCategoryMap ul li {
  display: inline-block;
  width: 48%;
  font-size: 13px;
  margin: 20px 4% 20px 0;
  text-align: left;
  box-sizing: border-box;
  vertical-align: top
}

.categoryList_block .ShowCategoryMap ul li span.categoryList_txt {
  font-size: 18px;
  display: block;
  margin: 15px 0;
  font-weight: bold
}

.categoryList_block .ShowCategoryMap ul li:first-child {
  width: 100%;
  padding: 0 5%
}

.categoryList_block .ShowCategoryMap ul li:first-child span.categoryList_txt {
  font-size: 22px;
  display: block;
  margin-bottom: 20px;
  font-weight: bold
}

.categoryList_block .ShowCategoryMap ul li:first-child span.categoryList_caption {
  font-size: 16px
}

.categoryList_block .ShowCategoryMap ul li:nth-child(odd) {
  margin-right: 0
}

.categoryList_block .ShowCategoryMap ul li:nth-child(2n+1):after {
  background-color: #cccccc;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0%;
  width: 99%;
  margin: 20px 0
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%
}

#page-top a {
  background: #444;
  text-decoration: none;
  color: #fff;
  width: 70px;
  padding: 20px 0;
  text-align: center;
  display: block;
  border-radius: 5px
}

#page-top a:hover {
  text-decoration: none;
  background: #999
}

@media only screen and (max-width: 599px) {
  #page-top {
    display: none !important
  }
}


h2.categoryimg_head {
  position: relative;
  margin-bottom: 30px
}

h2.categoryimg_head p.categorytit_txt {
  position: relative;
  top: auto;
  left: auto;
  /*border-left: 6px solid #444;*/
  padding: 10px;
  box-sizing: border-box;
  margin: 30px 0 -30px 0;
  font-size: 30px;
  line-height: 1em;
  text-align: left
}

.u_page_col_list_aspx .Pager {
  padding-bottom: 15px
}

.u_page_col_list_aspx .Pager .pagination {
  float: right
}

.u_page_col_list_aspx .Pager .pagination .pagearrows {
  display: inline-block;
  padding: 0 0.5em;
  vertical-align: top
}

.u_page_col_list_aspx .Pager .pagination .pagenumber {
  display: inline-block;
  font-size: 0
}

.u_page_col_list_aspx .Pager .pagination .pagenumber li {
  display: inline-block;
  font-size: 14px;
  line-height: 21px
}

.u_page_col_list_aspx .Pager .pagination .pagenumber li a {
  display: block;
  padding: 0.2em 0.5em;
  text-align: center;
  color: #333;
  font-size: 12px;
  line-height: 20px;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s
}

.u_page_col_list_aspx .Pager .pagination .pagenumber li.current a {
  color: #FFF !important;
  background: #444
}

.marble_step-area {
  background-color: #f2efe9
}

#ctl00_body_pnlCart {
  font-size: 14px;
  text-align: left
}

#ctl00_body_pnlCart p .marble_txt {
  font-size: 14px;
  line-height: 21px
}

#ctl00_body_pnlCart .LineButton {
  border: 1px solid #444;
  color: #444 !important
}

#ctl00_body_pnlCart .PaintButton {
  background: #444;
  border: 1px solid #444;
  box-sizing: border-box;
  color: #FFF !important
}

#ctl00_body_pnlCart .OthnerButton {
  box-sizing: border-box;
  border: 1px solid #444;
  color: #444 !important
}

#ctl00_body_pnlCart .AddGiftOptionButtonDiv a.AddGiftOptionButton, #ctl00_body_pnlCart .AddGiftOptionButtonDiv a.EditGiftOptionButton, #ctl00_body_pnlCart .EditGiftOptionButtonDiv a.AddGiftOptionButton, #ctl00_body_pnlCart .EditGiftOptionButtonDiv a.EditGiftOptionButton {
  background-color: #fe5000;
  padding: 5px;
  color: #fff
}

#ctl00_body_pnlCart .AddGiftOptionButtonDiv a.AddGiftOptionButton:before, #ctl00_body_pnlCart .AddGiftOptionButtonDiv a.EditGiftOptionButton:before, #ctl00_body_pnlCart .EditGiftOptionButtonDiv a.AddGiftOptionButton:before, #ctl00_body_pnlCart .EditGiftOptionButtonDiv a.EditGiftOptionButton:before {
  content: "\f06b";
  display: inline-block;
  font-family:"Font Awesome 5 Free";
  font-style: normal;
	font-weight: 600;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px
}

.box_giftOption h3{
    color: #484848;
    padding: 8px 0px;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #484848;
}
@media (max-width: 500px){
.box_giftOption h3{
    font-size: 20px;
}
}
#ctl00_body_pnlCart #GiftOptionPanel {
  border: 1px solid #333;
  background-color: #fff;
  padding: 2px 3px
}

#ctl00_body_pnlCart #GiftOptionPanel #DetailUIBlock {
  width: 100%;
  margin: 0 auto
}

#ctl00_body_pnlCart #GiftOptionPanel #DetailUIBlock span#ProductCodeLabel {
  display: none
}

#ctl00_body_pnlCart #GiftOptionPanel .title {
  background-color: #333;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 1px 0;
  clear: both;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 6px;
  font-size: 1.2em
}

#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame,
#GiftOptionPanel .box_giftOption .GiftOptionRow {
  box-sizing: border-box;
  padding-bottom: 30px
}
#GiftOptionPanel .box_giftOption .GiftOptionRow{
  padding-bottom: 20px
}
#GiftOptionPanel .box_giftOption .GiftOptionRow .GiftOptionDisable{
text-align:left;
}
#GiftOptionPanel .box_giftOption .GiftOptionRow .selectBase.select01{
max-width:300px;
}
#GiftOptionPanel .box_giftOption .GiftOptionRow .selectBase.select01:empty{
display:none;
}
#GiftOptionPanel .box_giftOption .GiftOptionRow .OptionMessage{
display:inline-block;
margin-top:10px;
}
@media screen and (max-width: 500px){
#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame {
  padding-bottom: 0px
}
}
/*#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame select {
  width: 50%
}*/

/*#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame dd div {
  float: left;
  text-align: left;
  width: 50%;
  box-sizing: border-box
}*/

/*#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame .SetOptionsSubTitle {
  margin-bottom: 10px;
  font-size: 1.2em
}*/

#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame .giftitline {
  border-bottom: 1px solid #666;
  text-align: left
}

#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame input[type="radio"] {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom
}

#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame .noshiOption {
  padding: 10px 0
}

#ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame .noshiimage {
  width: 20%;
  padding: 0 2%;
  margin-top: 10px
}

/*#ctl00_body_pnlCart #GiftOptionPanel ul li.OptionListImg {
  width: 40%;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 2%
}*/

#ctl00_body_pnlCart #GiftOptionPanel ul li.OptionListImg a {
  display: block
}

#ctl00_body_pnlCart #GiftOptionPanel ul li.OptionListImg span.optionItemName {
  margin-top: 10px;
  display: block
}

#ctl00_body_pnlCart #GiftOptionPanel ul li.OptionListImg input[type="radio"] {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom
}

#ctl00_body_pnlCart #GiftOptionPanel .ListPriceTable {
  margin-bottom: 20px
}
@media (max-width: 500px){
#ctl00_body_pnlCart #GiftOptionPanel .ListPriceTable {
  margin-bottom: 10px
}
}
#ctl00_body_pnlCart #GiftOptionPanel .EditGiftOptionPanelButtonBlock {
  margin: 0 auto;
  width: 100%;
  text-align: center
}

#ctl00_body_pnlCart #GiftOptionPanel .EditGiftOptionPanelButtonBlock a.GiftButton {
  border-radius: 0;
  box-shadow: none;
  background: #444;
  color: #fff;
  width: 40%;
  margin-right: 5%;
  display: inline-block;
  border: none
}

#ctl00_body_pnlCart #GiftOptionPanel .EditGiftOptionPanelButtonBlock a.GiftButton:nth-child(2) {
  margin-right: 0
}

#ctl00_body_pnlCart .OptionListImg {
  width: 40%;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 2%
}

/*#ctl00_body_pnlCart .SetOptionWindowImageFrame {
  width: 30% !important;
  display: inline-block;
  margin-top: 20px;
  padding: 0 2%
}

#ctl00_body_pnlCart .SelectedGiftOptionBlock {
  padding: 0 0 0 2%;
  width: 20% !important
}*/

#ctl00_body_pnlCart .SelectedGiftOptionBlock .SetOptionWindowTitle {
  font-weight: bold
}

#ctl00_body_pnlCart .SelectedGiftOptionBlock .noshisumpleimg img {
  height: auto
}

/*#ctl00_body_pnlCart .NoGiftOptionStyle {
  width: 30% !important
}*/

#ctl00_body_pnlCart .NoGiftOptionStyle span {
  display: block;
  width: 78%
}

.marble_btn-box {
  text-align: center;
  width: 100%;
  max-width: 650px;
  margin: 40px auto 20px
}

@media screen and (max-width: 768px) {
  #ctl00_body_pnlCart #GiftOptionPanel .SetOptionsFrame dd div {
    width: 100%;
    float: none;
    margin: 0 auto 10px auto;
    display: block
  }
  /*#ctl00_body_pnlCart .SelectedGiftOptionBlock {
    width: 30% !important
  }
  #ctl00_body_pnlCart #GiftOptionPanel ul li.OptionListImg {
    width: 49%
  }
  #ctl00_body_pnlCart .SetOptionWindowImageFrame {
    width: 50% !important
  }*/
}

.cart_aspx .marble_btn-box .marble_btn, .checkout_aspx .marble_btn-box .marble_btn, .confirmation_aspx .marble_btn-box .marble_btn, .inquiry_aspx .marble_btn-box .marble_btn {
  float: right;
  width: 47%;
  max-width: 300px
}

.cart_aspx .marble_btn-box .marble_btn--back, .checkout_aspx .marble_btn-box .marble_btn--back, .confirmation_aspx .marble_btn-box .marble_btn--back, .inquiry_aspx .marble_btn-box .marble_btn--back {
  float: left;
  width: 47%;
  max-width: 300px
}
.userregist_aspx h2.marble_ttl--main{
margin-bottom:40px;
}
.userregist_aspx .marble_btn-box .marble_btn, .divideshipping_aspx .marble_btn-box .marble_btn {
  float: right;
  width: 47%;
  max-width: 300px
}

.userregist_aspx .marble_btn-box .marble_btn--not, .divideshipping_aspx .marble_btn-box .marble_btn--not {
  float: left;
  width: 47%;
  max-width: 300px
}




@media screen and (max-width: 599px) {
  .userregist_aspx .marble_btn-box .marble_btn, .inquiry_aspx .marble_btn-box .marble_btn, .divideshipping_aspx .marble_btn-box .marble_btn {
    float: none;
    width: 100%;
    max-width: none;
    padding-bottom: 2%
  }
  .userregist_aspx .marble_btn-box .marble_btn--not, .userregist_aspx .marble_btn-box .marble_btn--back, .inquiry_aspx .marble_btn-box .marble_btn--not, .inquiry_aspx .marble_btn-box .marble_btn--back,.divideshipping_aspx .marble_btn-box .marble_btn--not {
    float: none;
    width: 100%;
    max-width: none
  }
}

.membership_aspx .Login, .login_aspx .Login {
}

.membership_aspx .Login dt {
  width: 8em;
}

.membership_aspx .Login.nonMember, .login_aspx .mt1 {
  float: right
}

.membership_aspx .Login.nonMember .Button {
  width: 60%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1em
}

.membership_aspx .MembershipTitle {
  font-size: 1.2em
}

.membership_aspx .Login .marble_ttl--lv3 {
  padding: 0.5em 0 1.5em
}

.membership_aspx dd {
  position: relative
}

.membership_aspx dd span {
  position: absolute;
  top: 0;
  right: -1em;
  display: inline-block;
  width: auto
}

.membership_aspx .marble_box {
  padding: 1em 0 0.5em
}

.membership_aspx .footer .guideArea dl dd span {
  position: relative
}

@media screen and (max-width: 768px) {
  .login_aspx .Login {
    width: 100%;
    float: none
  }
  .membership_aspx .mt {
    float: none
  }
}

.templateInner input[type="text"], .templateInner input[type="password"], .templateInner input[type="submit"], .templateInner input[type="email"], .templateInner input[type="tel"] {
  padding: 7px
}

.defaultList2columnBox .CorpName_txtCorpName {
  width: auto !important
}

.templateInner input[type="email"], .templateInner input[type="tel"] {
  font-size: 16px
}

.templateInner .marble_ttl--lv3 {
  padding: 3em 0 1em
}

.membership_aspx #marble_main {
  width: 100%;
  max-width: 900px
}

.membership_aspx .marble_box-wrap--line {
  border: 1px solid #CCC;
  box-sizing: border-box;
  margin-bottom: 2em
}

.membership_aspx .marble_ttl--lv3 {
  padding: 3em 0 1em;
  font-weight: bold
}

.templateInner #marble_main {
  margin: 0 auto
}

.Contract .document h1 {
  display: none !important
}

.thanks_aspx .marble_list-desc {
  width: 80%;
  text-align: center
}

.thanks_aspx .marble_list-desc dt {
  padding-top: 10px;
  color: #444;
  font-size: 1.8em;
  line-height: 2em
}

.thanks_aspx .marble_list-desc dd {
  padding-bottom: 10px;
  border-bottom: 1px dotted #BFBFBF;
  font-size: 1.8em;
  line-height: 2em
}

.thanks_aspx .marble_list-desc dd:last-child {
  border-bottom: none
}

.thanks_aspx .marble_box {
  padding: 1em 0 0.5em
}

.thanks_aspx .marble_ttl--lv1 {
  line-height: 2em
}

.Entry_aspx .Login {
  background: #f2efe9
}

.Entry_aspx .Button {
  background: #444
}

.member_orderhistoryauth_aspx .ContentsArea {
  width: 100%;
  margin: 0 auto;
  max-width: 700px;
  padding: 70px 0
}

.member_orderhistoryauth_aspx .ContentsArea #SubTitle {
  font-size: 25px
}

.member_orderhistoryauth_aspx .ContentsArea div.inputArea {
  max-width: 400px;
  margin: 0 auto 35px auto;
  background-color: #f2efe9;
  padding: 35px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.member_orderhistoryauth_aspx .ContentsArea div.inputArea div.UserRegistLabel, .member_orderhistoryauth_aspx .ContentsArea div.inputArea div.UserRegistForm {
  display: inline-block;
  margin-bottom: 35px
}

.member_orderhistoryauth_aspx .ContentsArea div.inputArea div.UserRegistLabel {
  width: 10em
}

.member_orderhistoryauth_aspx .ContentsArea div.inputArea div.UserRegistForm input[type="text"] {
  padding: 7px
}

.member_orderhistoryauth_aspx .ContentsArea .LargeButton {
  width: 60%;
  background-color: #444;
  color: #fff;
  line-height: 1;
  padding: 1.3em 4em 1.3em;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 17px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s
}

.member_orderhistoryauth_aspx .Message:first-child {
  color: #444;
  padding: 35px 0;
  font-size: 20px;
  font-weight: bold
}


/************** OrderHistory *******************/
ul.history-list li{margin: 0 auto 20px;background: #eee;}
.orderhistorydetail_aspx .ohistory-inner .history-list>li {
    margin-bottom: 0;
}

.orderhistorydetail_aspx .OrderHistoryShippingShippingHandling{
display:none;
}
.history-header {
/*    border: 1px solid #dcdcdc;
    background: #000;
    color: #fff;
*/
    padding: 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.history-body_btn {
    box-sizing: border-box;
    background-color: #eee;
    text-align: center;
    padding: 20px 0;
}
.history-header_left {
    overflow: hidden;
    margin-bottom: 0;
}
.history-header_info {
    display: inline-block;
    margin: 5px 60px 0 0;
}
.history-header_info dt,.history-header_info dd {
    display: inline-block;
    vertical-align: middle;
}
.history-header_info dd {
    font-size: 1.2em;
    font-weight:600;
}
.shipItemImage{width: 200px;}

.history-body_btn input{
    box-sizing: border-box;
    border: 1px solid #333;
    background-color: #fff;
    padding: 0.5em 0;
    display: block;
	width: 200px;
}

.history-body_btn .btnAddToCatAjax:hover {
    border: 1px solid #333;
    background-color: #333;
    color: #fff;
}

.history-body{
    width: 80%;
    margin: 20px auto;
    background: #fff;
    display: flex;
	padding: 10px;
}
.history-body div.ShippingType{width:30%;}
.history-body div.history-body_detail{width:70%;}

dl.history-body__content dd .ddIn{
    display: flex;
    align-items: center;
}
.history-body .marble_box-wrap--line:last-child{border: none;}
.history-body_btn.flex{
	justify-content: space-around;
	width: 50%;
    margin: auto;
}

@media only screen and (max-width: 500px){
.history-header{padding: 15px;}
.history-header_info {
    display: inline-block;
    margin: 0;
}
.ohistory-inner .historArea {
    padding: 5px;

}

}
/************** OrderHistoryDetail *******************/
.ohistory-inner .historArea {
    background-color: #eee;
    margin-bottom: 10px;
    padding: 20px 20px 10px;
    border: solid 2px #eee;
    border-radius: 10px;
}
.ohistory-inner .histordtms {
    background-color: #ffffff;
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
}
.ohistory-inner .row-20 > div {
    padding-right: 10px;
    padding-left: 10px;
}
/*.ohistory-inner .Detailtitle {
    background-color: #000;
    margin-bottom: 3px;
    padding: 3px 5px;
    border-radius: 3px;
	color:#fff;
}
*/
.ohistory-inner .hisItemDt {
    margin-bottom: 3px;
    padding: 5px 0 3px 0;
    border-bottom: 1px dotted #c3c3c3;

}
.ohistory-inner .hisplatble div > div {
    padding: 5px;
    text-align: right;
}
.ohistory-inner .hisplatble .fixprice {
    color: #14a83b;
    font-size: 2rem;
    font-weight: bold;
}
.ohistory-inner .hisplatble .tableline {
    border-top: 1px dotted #808080;
}
.ohistory-inner .histordtms .tableline .fixprice {
    color: #f24e64;
    font-size: 2rem;
    font-weight: bold;
}
.ohistory-inner .defaultList2columnBox{border-top:none;}
.ohistory-inner .Price{
	text-align: right;
    margin-right: 1em;
}
.ohistory-inner .Orderdetailitem_img img{width:200px; height:auto;}
.ohistory-inner .Orderdetailitem_wrap{
    display: flex;
    border-bottom: 1px dotted #ccc;
}

.ohistory-inner .Orderdetailitem_wrap .Orderdetailitem_info{
	padding-left: 20px;
}
.ohistory-inner .Orderdetailitem_wrap:last-child{border-bottom:none;}

@media (min-width: 768px){

}
@media (max-width: 599px){
.ohistory-inner .Orderdetailitem_img{text-align:center;}
.ohistory-inner .Orderdetailitem_wrap{
    display: block;
    border-bottom: 1px solid #ccc;
}
}





@media screen and (max-width: 599px) {
  .member_orderhistoryauth_aspx .ContentsArea {
    max-width: 600px;
    padding: 150px 0 40px 0
  }
}

.orderhistory_aspx .ohistory-innner, .orderhistorydetail_aspx .ohistory-innner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  padding: 50px 0
}

.orderhistory_aspx .ohistory-innner h1, .orderhistorydetail_aspx .ohistory-innner h1 {
  width: auto;
  display: block;
  font-weight: bold;
  text-align: center;
  color: #000;
  font-size: 2.0em;
  padding-bottom: 1em
}
.orderhistory_aspx .ohistory-innner .marble_box-wrap--line, .orderhistorydetail_aspx .ohistory-innner .marble_box-wrap--line {
	padding: 0 1%;
}
.orderhistory_aspx .ohistory-innner .history-count, .orderhistorydetail_aspx .ohistory-innner .history-count {
  font-weight: bold;
  margin-bottom: 10px
}

.orderhistory_aspx .ohistory-innner .history-list>li, .orderhistorydetail_aspx .ohistory-innner .history-list>li {
  margin-bottom: 70px
}

.orderhistory_aspx .ohistory-innner .history-header, .orderhistorydetail_aspx .ohistory-innner .history-header {
  border: 1px solid #dcdcdc;
  background: #ed4b4b;
  color: #fff;
  padding: 15px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.orderhistory_aspx .ohistory-innner .history-header .history-header_left, .orderhistorydetail_aspx .ohistory-innner .history-header .history-header_left {
  float: left;
  overflow: hidden;
  margin-bottom: 0
}

.orderhistory_aspx .ohistory-innner .history-header .history-header_left .history-header_info, .orderhistorydetail_aspx .ohistory-innner .history-header .history-header_left .history-header_info {
  display: inline-block;
  margin: 5px 60px 0 0
}

.orderhistory_aspx .ohistory-innner .history-header .history-header_left .history-header_info dt, .orderhistory_aspx .ohistory-innner .history-header .history-header_left .history-header_info dd, .orderhistorydetail_aspx .ohistory-innner .history-header .history-header_left .history-header_info dt, .orderhistorydetail_aspx .ohistory-innner .history-header .history-header_left .history-header_info dd {
  display: inline-block;
  vertical-align: middle
}
.orderhistory_aspx .ohistory-innner .history-header .history-header_left .history-header_info dd,  .orderhistorydetail_aspx .ohistory-innner .history-header .history-header_left .history-header_info dd {
  font-size: 1.2em;
}

.orderhistory_aspx .ohistory-innner .history-header .history-header_right, .orderhistorydetail_aspx .ohistory-innner .history-header .history-header_right {
  float: right
}

.orderhistory_aspx .ohistory-innner .history-header .history-header_right input[type="submit"], .orderhistorydetail_aspx .ohistory-innner .history-header .history-header_right input[type="submit"] {
    border-style: none;
    background-color: #fff;
    background: #F8F5F2;
    display: inline-block;
    color: #826140 !important;
    border: 1px solid #B69D80;
    padding: 0.5em 1.5em;
	font-size: 13px;
}

.orderhistory_aspx .ohistory-innner .history-header:before, .orderhistorydetail_aspx .ohistory-innner .history-header:before {
  content: "";
  display: table
}

.orderhistory_aspx .ohistory-innner .history-header:after, .orderhistorydetail_aspx .ohistory-innner .history-header:after {
  content: "";
  clear: both;
  display: table
}

.orderhistory_aspx .ohistory-innner .history-body, .orderhistorydetail_aspx .ohistory-innner .history-body {
  display: table;
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 1px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden
}

.orderhistory_aspx .ohistory-innner .history-body .history-body_state, .orderhistorydetail_aspx .ohistory-innner .history-body .history-body_state {
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  border-width: 0 1px 0 0;
  display: table-cell;
  vertical-align: top;
  width: 155px;
  padding: 20px 0
}

.orderhistory_aspx .ohistory-innner .history-body .history-body_state p, .orderhistorydetail_aspx .ohistory-innner .history-body .history-body_state p {
  margin: 0 10px;
}

.orderhistory_aspx .ohistory-innner .history-body .history-body_detail, .orderhistorydetail_aspx .ohistory-innner .history-body .history-body_detail {
  display: block;
  vertical-align: middle
}

.orderhistory_aspx .ohistory-innner .history-body .history-body_detail .history-body_item, .orderhistorydetail_aspx .ohistory-innner .history-body .history-body_detail .history-body_item {
  display: table;
  padding: 20px 30px;
  box-sizing: border-box;
  width: 100%;
  margin-top: -1px
}

.orderhistory_aspx .ohistory-innner .history-body .history-body_detail .history-body_item .history-body__content, .orderhistorydetail_aspx .ohistory-innner .history-body .history-body_detail .history-body_item .history-body__content {
  display: table-cell
}
.orderhistory_aspx .ohistory-innner .history-body .history-body_detail .history-body_item .history-body__content > p{
	margin-bottom: 10px;
}
.orderhistory_aspx .ohistory-innner .history-body .history-body_detail .history-body_item .history-body__content div img{width: 150px;}
.orderhistory_aspx .history-body_btn, .orderhistorydetail_aspx .history-body_btn {
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    padding: 0px 20px;
}

.orderhistorydetail_aspx .ohistory-innner .history-list>li {
  margin-bottom: 0
}

.orderhistorydetail_aspx dl.marble_list-desc dt {
  background: #f5dddd!important;
  color: #000;
  box-sizing: border-box;
  padding: 0.2em 0.5em;
  margin-top: 2em;
  line-height: 2em;
	font-size: 1.2em;
}

.orderhistorydetail_aspx dl.marble_list-desc dt:first-child {
  margin-top: 0
}

.orderhistorydetail_aspx dl.marble_list-desc dd {
  box-sizing: border-box;
  padding: 0.5em 0.5em 0.5em;
  line-height: 2em
}

.orderhistorydetail_aspx input.OrderHistoryDetail_btnBack {
  width: 100%;
  max-width: 300px;
  display: block;
  padding: 1.1em;
  font-size: 17px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #444;
  box-sizing: border-box;
  float: left;
  color: #B69D80 !important;
  -webkit-transition: color 0.2s, border-color 0.2s, background-color 0.2s;
  -moz-transition: color 0.2s, border-color 0.2s, background-color 0.2s;
  transition: color 0.2s, border-color 0.2s, background-color 0.2s
}

.orderhistorydetail_aspx input.OrderHistoryDetail_btnBack:hover {
  border-color: #CCC;
  background: #ddd4c3;
  color: #999 !important
}

.orderhistorydetail_aspx input.OrderHistoryDetail_btnBuyAgain {
  width: 100%;
  max-width: 300px;
  display: block;
  padding: 1.1em;
  font-size: 17px;
  text-align: center;
  cursor: pointer;
  background: #444;
  border: 1px solid #444;
  box-sizing: border-box;
  color: #FFF !important;
  -webkit-transition: color 0.2s, border-color 0.2s, background-color 0.2s;
  -moz-transition: color 0.2s, border-color 0.2s, background-color 0.2s;
  transition: color 0.2s, border-color 0.2s, background-color 0.2s;
  margin: 0 auto
}

.orderhistorydetail_aspx input.OrderHistoryDetail_btnBuyAgain:hover {
  background: #ddd4c3;
  border-color: #ddd4c3
}

.orderhistorydetail_aspx .GoToInquiry {
  display: inline-block;
  position: relative;
  padding: 1.2em;
  padding-bottom: 1.0em;
  font-size: 14px;
  margin: 1em auto 0;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #444;
  color: #444 !important;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s
}

.orderhistorydetail_aspx .GoToInquiry:hover {
  background: #F8F5F2
}

.orderhistorydetail_aspx .marble_btn-box {
  margin: 40px auto 20px;
  padding-bottom: 70px
}

.orderhistorydetail_aspx .LargeButton {
  width: 60%;
  max-width: 300px;
  background-color: #444;
  color: #fff;
  line-height: 1;
  padding: 1.3em 4em 1.3em;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 17px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s
}

.orderhistorydetail_aspx .LargeButton:hover {
  background: #ddd4c3
}

.orderhistorydetail_aspx dd.col-md-9 .Detail {
  margin-bottom: 20px
}

.orderhistorydetail_aspx dd.col-md-9 .Detail .giftNoshi {
  display: inline-block
}

.orderhistorydetail_aspx dd.col-md-9 .Detail .noshioption {
  display: inline-block
}

.orderhistorydetail_aspx dd.col-md-9 .Detail .inputvalue:after {
  content: "";
  display: table;
  clear: both
}

.orderhistorydetail_aspx .ohistory-innner .templateInner .payment_block{
    margin-bottom: 30px;
    margin-top: 10px;
    border-bottom: 2px solid #ccc;
	font-size: 1.1em;
}

.orderhistorydetail_aspx .ohistory-innner .templateInner .payment_block dt{
    background-color: #fa8a8a!important;
    color: #fff;
}

.orderhistorydetail_aspx .ohistory-innner .templateInner .shipping_block{
    margin-left: 20px;
    margin-bottom: 30px;
    background-color: #f7f7f7;
    padding: 10px;
}
.orderhistorydetail_aspx .ohistory-innner .templateInner .shipping_subtit{
	background-color: #fa8a8a;
    color: #fff;
    padding: 0.2em 0.5em;
    line-height: 2em;
    font-size: 1.3em;
	margin-bottom: 10px;
}

.orderhistorydetail_aspx .ohistory-innner .templateInner .shipping_block dt{
	font-weight: bold;
}
.orderhistorydetail_aspx .ohistory-innner .templateInner .shipping_block dt:nth-of-type(n+2){
	background-color: transparent!important;
	border-bottom: 2px solid #f5dddd;
    font-size: 1em;
	
}
.orderhistory_aspx .history-list{padding: 0 1%;}
.orderhistory_aspx .ProductListFooter {display:none;}


@media screen and (max-width: 599px) {
  .orderhistorydetail_aspx .LargeButton {
    width: 100%;
    margin-bottom: 70px
  }
.orderhistory_aspx .ohistory-innner .history-header, .orderhistorydetail_aspx .ohistory-innner .history-header{
	position: relative;
	}
	.orderhistory_aspx .ohistory-innner .history-header .history-header_right{
	float: right;
    position: absolute;
    right: 10px;
    top: 24px;
	}
.orderhistory_aspx .ohistory-innner .history-body, .orderhistorydetail_aspx .ohistory-innner .history-body {
  display: block;

}
.orderhistory_aspx .ohistory-innner .history-body .history-body_state, .orderhistorydetail_aspx .ohistory-innner .history-body .history-body_state {
    width: 100%;
    background-color: #dac4c4;
	padding: 15px 0;
	display: block;
}	
}

.u_page_guide_aspx .document, .u_page_terms_aspx .document, .u_page_deal_aspx .document, .u_page_privacy_aspx .document, .u_page_faq_aspx .document {
  max-width: 900px;
  margin: 0 auto;
  text-align: left
}

.u_page_guide_aspx .document #logo, .u_page_terms_aspx .document #logo, .u_page_deal_aspx .document #logo, .u_page_privacy_aspx .document #logo, .u_page_faq_aspx .document #logo {
  font-weight: bold;
  text-align: center;
  color: #444
}

.u_page_guide_aspx .document h2.title, .u_page_terms_aspx .document h2.title, .u_page_deal_aspx .document h2.title, .u_page_privacy_aspx .document h2.title, .u_page_faq_aspx .document h2.title {
  font-size: 24px;
  text-align: left !important;
  font-weight: bold;
  border-bottom: 1px solid #444;
  padding-bottom: 15px
}

 .u_page_faq_aspx .document h2.title{
margin-bottom:40px;
}
.u_page_guide_aspx .document h2.title:before, 
.u_page_terms_aspx .document h2.title:before, 
.u_page_deal_aspx .document h2.title:before, 
.u_page_privacy_aspx .document h2.title:before, 
.u_page_faq_aspx .document h2.title:before{
content:none;
} 

.u_page_guide_aspx .document h2.guide_catetit, .u_page_terms_aspx .document h2.guide_catetit, .u_page_deal_aspx .document h2.guide_catetit, .u_page_privacy_aspx .document h2.guide_catetit, .u_page_faq_aspx .document h2.guide_catetit {
  font-size: 24px;
  padding: 20px 0;
  text-align: center;
  margin-bottom: 2em;
  font-weight: bold
}

.u_page_guide_aspx .document h2.guide_catetit:before,
.u_page_terms_aspx .document h2.guide_catetit:before,
.u_page_deal_aspx .document h2.guide_catetit:before,
.u_page_privacy_aspx .document h2.guide_catetit:before,
.u_page_faq_aspx .document h2.guide_catetit:before{
top: 1.2em;
}

.u_page_guide_aspx .document div, .u_page_terms_aspx .document div, .u_page_deal_aspx .document div, .u_page_privacy_aspx .document div, .u_page_faq_aspx .document div {
  line-height: 22px;
  letter-spacing: 0.5px
}

.u_page_guide_aspx .document p, .u_page_terms_aspx .document p, .u_page_deal_aspx .document p, .u_page_privacy_aspx .document p {
  padding: 35px 0
}

.u_page_guide_aspx .document .difinition_set, .u_page_terms_aspx .document .difinition_set, .u_page_deal_aspx .document .difinition_set, .u_page_privacy_aspx .document .difinition_set, .u_page_faq_aspx .document .difinition_set {
  padding-bottom: 35px
}


.u_page_guide_aspx .document .difinition_set ul, .u_page_terms_aspx .document .difinition_set ul, .u_page_deal_aspx .document .difinition_set ul, .u_page_privacy_aspx .document .difinition_set ul {
  margin: 10px 0 15px;
  padding-left: 24px
}

.u_page_guide_aspx .document .difinition_set ul li, .u_page_terms_aspx .document .difinition_set ul li, .u_page_deal_aspx .document .difinition_set ul li, .u_page_privacy_aspx .document .difinition_set ul li {
  list-style-type: disc
}

.u_page_guide_aspx .document .difinition_set ul.step li, .u_page_deal_aspx .document .difinition_set ul.step li {
  font-size: 16px;
  margin-bottom: 5px;
  list-style-type: decimal;
  font-weight: bold
}

.u_page_guide_aspx .document .difinition_set ul.step li div, .u_page_terms_aspx .document .difinition_set ul.step li div, .u_page_deal_aspx .document .difinition_set ul.step li div, .u_page_privacy_aspx .document .difinition_set ul.step li div {
  font-weight: normal;
  font-size: 13px
}

.u_page_guide_aspx .document .difinition_set ul.none, .u_page_terms_aspx .document .difinition_set ul.none, .u_page_deal_aspx .document .difinition_set ul.none, .u_page_privacy_aspx .document .difinition_set ul.none {
  padding-left: 0
}

.u_page_guide_aspx .document .difinition_set ul.none li, .u_page_terms_aspx .document .difinition_set ul.none li, .u_page_deal_aspx .document .difinition_set ul.none li, .u_page_privacy_aspx .document .difinition_set ul.none li {
  list-style-type: none
}

.u_page_guide_aspx .document .i_box, .u_page_terms_aspx .document .i_box, .u_page_deal_aspx .document .i_box, .u_page_privacy_aspx .document .i_box {
  margin: 10px 0;
  padding: 10px 15px;
  background-color: #f6f6f6;
  line-height: 22px;
  letter-spacing: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.u_page_guide_aspx .document .description, .u_page_terms_aspx .document .description, .u_page_deal_aspx .document .description, .u_page_privacy_aspx .document .description {
  font-size: 12px;
  line-height: 20px;
  line-height: 20px;
  margin: 10px 0;
  letter-spacing: 1px
}

.u_page_guide_aspx .document ul.pre-list, .u_page_terms_aspx .document ul.pre-list, .u_page_deal_aspx .document ul.pre-list, .u_page_privacy_aspx .document ul.pre-list {
  padding-bottom: 70px
}

.u_page_guide_aspx .document ul.pre-list li, .u_page_terms_aspx .document ul.pre-list li, .u_page_deal_aspx .document ul.pre-list li, .u_page_privacy_aspx .document ul.pre-list li {
  font-size: 12px;
  line-height: 20px;
  line-height: 20px;
  letter-spacing: 1px
}

.u_page_guide_aspx hr, .u_page_terms_aspx hr, .u_page_deal_aspx hr, .u_page_privacy_aspx hr {
  margin: 20px 10px;
  border-color: #e1e1e1
}

.u_page_guide_aspx .difinition_set div.cf, .u_page_terms_aspx .difinition_set div.cf, .u_page_deal_aspx .difinition_set div.cf, .u_page_privacy_aspx .difinition_set div.cf {
  padding-bottom: 70px
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea, .u_page_terms_aspx .difinition_set div.cf .guide_leftArea, .u_page_deal_aspx .difinition_set div.cf .guide_leftArea, .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea {
  float: left;
  width: 50%
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li, .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li, .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li, .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li {
  list-style: none;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 11px 0;
  text-indent: 0em;
  margin-left: -2.2em;
  padding-left: 3.2em;
  margin-bottom: 35px;
  font-weight: bold;
  color: #111;
  font-size: 16px
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(1), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(1), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(1), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(1) {
  background-image: url(../image/guide/guideIcon_a.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(2), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(2), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(2), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(2) {
  background-image: url(../image/guide/guideIcon_b.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(3), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(3), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(3), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(3) {
  background-image: url(../image/guide/guideIcon_c.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(4), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(4), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(4), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(4) {
  background-image: url(../image/guide/guideIcon_d.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(5), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(5), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(5), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(5) {
  background-image: url(../image/guide/guideIcon_e.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(6), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(6), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(6), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(6) {
  background-image: url(../image/guide/guideIcon_f.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(7), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(7), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(7), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(7) {
  background-image: url(../image/guide/guideIcon_g.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(8), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(8), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(8), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li:nth-child(8) {
  background-image: url(../image/guide/guideIcon_h.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li div, .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li div, .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li div, .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.alphabet li div {
  font-weight: normal;
  color: #111;
  font-size: 13px;
  margin-top: 10px
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li, .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li, .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li, .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li {
  list-style: none;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 11px 0;
  text-indent: 0em;
  margin-left: -2.2em;
  padding-left: 3.2em;
  margin-bottom: 35px;
  font-weight: bold;
  color: #111;
  font-size: 16px
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(1), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(1), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(1), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(1) {
  background-image: url(../image/guide/guideIcon_1.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(2), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(2), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(2), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(2) {
  background-image: url(../image/guide/guideIcon_2.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(3), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(3), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(3), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(3) {
  background-image: url(../image/guide/guideIcon_3.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(4), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(4), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(4), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(4) {
  background-image: url(../image/guide/guideIcon_4.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(5), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(5), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(5), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(5) {
  background-image: url(../image/guide/guideIcon_5.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(6), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(6), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(6), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(6) {
  background-image: url(../image/guide/guideIcon_6.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(7), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(7), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(7), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(7) {
  background-image: url(../image/guide/guideIcon_7.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(8), .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(8), .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(8), .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li:nth-child(8) {
  background-image: url(../image/guide/guideIcon_8.png)
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.number li div, .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.number li div, .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.number li div, .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.number li div {
  font-weight: normal;
  color: #111;
  font-size: 14px;
  margin-top: 10px
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.guindenum li, .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.guindenum li, .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.guindenum li, .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.guindenum li {
  list-style: none;
  text-indent: -1.5em;
  font-weight: bold;
  color: #444;
  font-size: 16px
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.guindenum li{ list-style-type: none!important;
}

.u_page_guide_aspx .difinition_set div.cf .guide_leftArea ul.guindenum li div, .u_page_terms_aspx .difinition_set div.cf .guide_leftArea ul.guindenum li div, .u_page_deal_aspx .difinition_set div.cf .guide_leftArea ul.guindenum li div, .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea ul.guindenum li div {
  text-indent: 0em;
  margin-left: 0.2em;
  font-weight: normal;
  color: #111;
  font-size: 13px;
  margin-top: 10px
}

.u_page_guide_aspx .difinition_set div.cf .guide_rightArea, .u_page_terms_aspx .difinition_set div.cf .guide_rightArea, .u_page_deal_aspx .difinition_set div.cf .guide_rightArea, .u_page_privacy_aspx .difinition_set div.cf .guide_rightArea {
  float: right;
  width: 47%;
  padding-left: 3%
}

.u_page_guide_aspx .difinition_set div.cf .guide_rightArea img, .u_page_terms_aspx .difinition_set div.cf .guide_rightArea img, .u_page_deal_aspx .difinition_set div.cf .guide_rightArea img, .u_page_privacy_aspx .difinition_set div.cf .guide_rightArea img {
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.u_page_guide_aspx .difinition_set a,.u_page_deal_aspx .difinition_set a, .u_page_privacy_aspx .difinition_set a {
  color: #444;
  text-decoration: underline
}

.u_page_guide_aspx .red, .u_page_terms_aspx .red, .u_page_deal_aspx .red, .u_page_privacy_aspx .red {
  color: #DB0014
}

.u_page_guide_aspx .txtbold, .u_page_terms_aspx .txtbold, .u_page_deal_aspx .txtbold, .u_page_privacy_aspx .txtbold {
  font-weight: bold
}

.u_page_guide_aspx .guide_paymentimg, .u_page_terms_aspx .guide_paymentimg, .u_page_deal_aspx .guide_paymentimg, .u_page_privacy_aspx .guide_paymentimg {
  max-width: 400px
}

.u_page_guide_aspx .guide_deliveryimg01, .u_page_terms_aspx .guide_deliveryimg01, .u_page_deal_aspx .guide_deliveryimg01, .u_page_privacy_aspx .guide_deliveryimg01 {
  max-width: 565px
}

.u_page_guide_aspx .guide_deliveryimg02, .u_page_terms_aspx .guide_deliveryimg02, .u_page_deal_aspx .guide_deliveryimg02, .u_page_privacy_aspx .guide_deliveryimg02 {
  max-width: 600px
}

.u_page_guide_aspx .mgb30, .u_page_terms_aspx .mgb30, .u_page_deal_aspx .mgb30, .u_page_privacy_aspx .mgb30, .u_page_faq_aspx .mgb30 {
  margin-bottom: 30px !important
}

.u_page_guide_aspx span.guide_wrappingtit, .u_page_terms_aspx span.guide_wrappingtit, .u_page_deal_aspx span.guide_wrappingtit, .u_page_privacy_aspx span.guide_wrappingtit, .u_page_faq_aspx span.guide_wrappingtit {
  background-color: #444;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 10px
}

.u_page_guide_aspx li>ul.step li, .u_page_terms_aspx li>ul.step li, .u_page_deal_aspx li>ul.step li, .u_page_privacy_aspx li>ul.step li {
  font-weight: normal !important;
  font-size: 13px !important
}

.u_page_guide_aspx .guide_menu, .u_page_terms_aspx .guide_menu, .u_page_deal_aspx .guide_menu, .u_page_privacy_aspx .guide_menu, .u_page_faq_aspx .guide_menu {
  width: 101.5%;
  margin-bottom: 30px
}

.u_page_guide_aspx .guide_menu li, .u_page_terms_aspx .guide_menu li, .u_page_deal_aspx .guide_menu li, .u_page_privacy_aspx .guide_menu li, .u_page_faq_aspx .guide_menu li {
  float: left;
  margin: 1.5% 1.5% 0 0;
  background-color: #444;
  color: #fff;
  width: 31.833333%
}

.u_page_guide_aspx .guide_menu li a, .u_page_terms_aspx .guide_menu li a, .u_page_deal_aspx .guide_menu li a, .u_page_privacy_aspx .guide_menu li a, .u_page_faq_aspx .guide_menu li a {
  color: #fff;
  padding: 1.5em 1em;
  box-sizing: border-box;
  text-align: center;
  display: block;
  height: 100%
}

.u_page_guide_aspx .purchase_list thead th, .u_page_terms_aspx .purchase_list thead th, .u_page_deal_aspx .purchase_list thead th, .u_page_privacy_aspx .purchase_list thead th {
  font-size: 1.2em;
  font-weight: bold
}

.u_page_guide_aspx .purchase_list thead th:first-child, .u_page_terms_aspx .purchase_list thead th:first-child, .u_page_deal_aspx .purchase_list thead th:first-child, .u_page_privacy_aspx .purchase_list thead th:first-child {
  width: 7em
}

.u_page_guide_aspx .purchase_list thead th:last-child, .u_page_terms_aspx .purchase_list thead th:last-child, .u_page_deal_aspx .purchase_list thead th:last-child, .u_page_privacy_aspx .purchase_list thead th:last-child {
  width: 6em
}

.u_page_guide_aspx .document p {
  padding: 10px 0 35px 0;
  font-size: 14px;
}

.u_page_guide_aspx p.guide_subtit {
  background-color: #f2efe9;
  padding: 10px
}

.u_page_faq_aspx .difinition_set{text-align: left;}
.u_page_faq_aspx .difinition_set h4.trigger p{ font-size: 1.3em; margin-bottom: 15px;}
.u_page_faq_aspx .difinition_set h4.trigger p i.fa{ font-size: 1.7em; vertical-align: middle; color: #607d8b;}
.u_page_faq_aspx .difinition_set .toggle_container{ padding: 0 2em;}
.u_page_faq_aspx .difinition_set .toggle_container .block{ box-sizing: border-box; padding: 1.5em 2em; background-color: #efefef; border-radius: 5px;}
.u_page_faq_aspx main h1{ font-size: 1.9em !important;}

@media screen and (max-width: 768px) {
  .u_page_guide_aspx .guide_menu li,  .u_page_faq_aspx .guide_menu li {
    width: 48.5%
  }
  .u_page_guide_aspx .guide_menu li a, .u_page_faq_aspx .guide_menu li a {
    padding: 1.5em 0.5em
  }
}

@media screen and (max-width: 599px) {
  .u_page_guide_aspx .templateInner, .u_page_terms_aspx .templateInner, .u_page_deal_aspx .templateInner, .u_page_privacy_aspx .templateInner, .u_page_faq_aspx .templateInner {
    padding-top: 0
  }
  .u_page_guide_aspx .document, .u_page_terms_aspx .document, .u_page_deal_aspx .document, .u_page_privacy_aspx .document {
    max-width: 600px
  }
  .u_page_guide_aspx .document #logo, .u_page_terms_aspx .document #logo, .u_page_deal_aspx .document #logo, .u_page_privacy_aspx .document #logo, .u_page_faq_aspx .document #logo {
    text-align: center
  }
  .u_page_guide_aspx .difinition_set div.cf .guide_leftArea, .u_page_terms_aspx .difinition_set div.cf .guide_leftArea, .u_page_deal_aspx .difinition_set div.cf .guide_leftArea, .u_page_privacy_aspx .difinition_set div.cf .guide_leftArea {
    float: none;
    width: 100%
  }
  .u_page_guide_aspx .difinition_set div.cf .guide_rightArea, .u_page_terms_aspx .difinition_set div.cf .guide_rightArea, .u_page_deal_aspx .difinition_set div.cf .guide_rightArea, .u_page_privacy_aspx .difinition_set div.cf .guide_rightArea {
    float: none;
    width: 100%;
    padding-left: 0%
  }
  .u_page_guide_aspx #howto, .u_page_guide_aspx #rireki, .u_page_guide_aspx #payment, .u_page_terms_aspx #howto, .u_page_terms_aspx #rireki, .u_page_terms_aspx #payment, .u_page_deal_aspx #howto, .u_page_deal_aspx #rireki, .u_page_deal_aspx #payment, .u_page_privacy_aspx #howto, .u_page_privacy_aspx #rireki, .u_page_privacy_aspx #payment {
    margin-top: -113px;
    padding-top: 113px;
    display: block
  }
.u_page_faq_aspx main h1{ font-size: 1.7em !important; padding-bottom: 0.4em !important; line-height: 1.4;
	}
}

.membership_aspx .document {
  padding: 0 1%
}

.membership_aspx .document h2.title {
  font-weight: bold
}

.membership_aspx .document div {
  line-height: 22px;
  letter-spacing: 0.5px
}

.membership_aspx .document p {
  padding: 35px 0
}

.membership_aspx .document .difinition_set {
  padding-bottom: 35px
}

.membership_aspx .document .difinition_set ul {
  margin: 10px 0 15px;
  padding-left: 24px
}

.membership_aspx .document .difinition_set ul li {
  list-style-type: disc
}

.membership_aspx .document .difinition_set ul.step li {
  margin-bottom: 5px;
  list-style-type: decimal
}

.membership_aspx .document .difinition_set ul.none {
  padding-left: 0
}

.membership_aspx .document .difinition_set ul.none li {
  list-style-type: none
}

.membership_aspx .document .i_box {
  margin: 10px 0;
  padding: 10px 15px;
  background-color: #f6f6f6;
  line-height: 22px;
  letter-spacing: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left: -15px
}

.membership_aspx .document .description {
  font-size: 12px;
  line-height: 20px;
  line-height: 20px;
  margin: 10px 0;
  letter-spacing: 1px
}

.membership_aspx .document ul.pre-list {
  padding-bottom: 70px
}

.membership_aspx .document ul.pre-list li {
  font-size: 12px;
  line-height: 20px;
  line-height: 20px;
  letter-spacing: 1px
}

.membership_aspx .document hr {
  margin: 20px 10px;
  border-color: #e1e1e1
}

.groupnews_aspx h2, .news_aspx h2, .orderhistory_aspx h2 {
  margin-top: 0
}

.groupnews_aspx .WhatsNew, .news_aspx .WhatsNew, .orderhistory_aspx .WhatsNew {
  max-width: 1200px;
  margin: 0 auto;
  text-align: left;
}

.groupnews_aspx .WhatsNew .newsDetailDate, .news_aspx .WhatsNew .newsDetailDate, .orderhistory_aspx .WhatsNew .newsDetailDate {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 17.5px
}

.groupnews_aspx .WhatsNew .newsDetailTit, .news_aspx .WhatsNew .newsDetailTit, .orderhistory_aspx .WhatsNew .newsDetailTit {
  font-size: 30px;
  line-height: 1em;
  padding-bottom: 17.5px;
  border-bottom: 1px solid #ccc
}

.groupnews_aspx .WhatsNew .newsDetailTxt, .news_aspx .WhatsNew .newsDetailTxt, .orderhistory_aspx .WhatsNew .newsDetailTxt {
  font-size: 14px;
  line-height: 21px;
  padding: 2em 0
}

.groupnews_aspx .backBtn, .news_aspx .backBtn, .orderhistory_aspx .backBtn {
  width: 100%;
  max-width: 400px;
  text-align: center;
  padding: 0 0 40px 0;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px
}

.groupnews_aspx .backBtn a, .news_aspx .backBtn a, .orderhistory_aspx .backBtn a {
  background: #444;
  display: block;
  line-height: 1;
  padding: 1.3em 4em 1.3em;
  color: #FFF !important;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-size: 17px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s
}

.news_aspx li.newsDetailTit {
  color: #444
}

@media screen and (max-width: 599px) {
  .groupnews_aspx .WhatsNew, .news_aspx .WhatsNew, .orderhistory_aspx .WhatsNew {
    padding: 120px 0 40px 0
  }
}

.inquiry_aspx .templateInner dl.List2ColumnBox dt {
  text-align: left
}

.inquiry_aspx .checkMailSend {
  margin-top: 15px
}

.inquiry_aspx .checkMailSend p {
  line-height: 20px
}

.inquiry_aspx .marble_btn {
  margin-bottom: 15px
}

.inquiry_aspx .InquiryDescription {
  font-size: 0.9em;
  padding: 0.5em 0 0
}

.templateInner #logo {
  width: auto !important;
  display: block !important
}

.fullContents {
  font-size: 13px
}

#marble_main h1{
  font-size: 2.0em;
  padding-bottom: 1em
}

.defaultList2columnBox dl.List2ColumnBox>dd>.ddIn {
  text-align: left;
  line-height: 20px
}

.marble_label--required {
  font-size: 10px;
  color: #D80C24;
  border: 1px solid #D80C24;
  padding: 0.1em 0.2em;
  line-height: 1;
  margin-left: 0.5em
}

.marble_box-wrap--line dl {
  text-align: left
}

.marble_btn-box {
  padding-top: 20px
}

span.HeaderIncentiveMessage {
  border-bottom: 1px solid #444
}

span.HeaderIncentiveMessage:before {
  content: "\f2c3";
  font-family:"Font Awesome 5 Free";
  margin-right: 10px;
  color: #444;
	font-weight: 600;
}

@media screen and (max-width: 599px) {
  span.HeaderIncentiveMessage {
    position: relative;
    top: 7px
  }
}

.codeinput_aspx div.content #OrderItemTable {
  width: 100%;
  box-sizing: border-box;
  margin: 5px 0 30px 0;
  border-collapse: collapse;
  background-color: #fff
}

.codeinput_aspx div.content #OrderItemTable td {
  border: 1px solid #ccc;
  padding: 15px;
  line-height: 2em
}

.codeinput_aspx div.content #OrderItemTable td ul {
  margin: 0;
  padding-left: 0
}

.codeinput_aspx div.content #OrderItemTable td ul li {
  list-style-type: none;
  margin-bottom: 10px
}

.codeinput_aspx div.content #OrderItemTable td ul li span.litit {
  margin-right: 15px;
  font-size: 16px
}

.codeinput_aspx div.content #OrderItemTable td ul li span.txtclearBtn {
  background-color: #444;
  color: #fff;
  padding: 3px 6px;
  vertical-align: middle;
  margin-left: 15px;
  cursor: pointer;
  cursor: hand
}

.codeinput_aspx div.content #OrderItemTable td ul li input[type="text"] {
  padding: 3px 6px
}

.codeinput_aspx div.content #OrderItemTable td ul li select {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, '游ゴシック', "MS PGothic", "Lucida Grande", Verdana, sans-serif;
  color: #111;
  line-height: 2em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale
}

.codeinput_aspx div.content .btnAddToCart {
  font-size: 15px;
  color: #fff;
  background-color: #333;
  max-width: 420px;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  margin: 0 auto
}

.codeinput_aspx div.content .btnAddToCart span:after {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background-size: contain;
  vertical-align: middle;
  margin-left: 10px;
  background: url(../image/ico_topCart.svg) no-repeat
}

.codeinput_aspx div.content .btnAddToCart:hover {
  background-color: #444
}

.codeinput_aspx div.content .btnAddToCart a {
  color: #fff;
  display: block
}

.codeinput_aspx #NameprintPanel {
  display: none
}

.codeinput_aspx #NameprintPanel #ordermade001 {
  display: block;
  border: solid 1px #444
}

.codeinput_aspx #divAddToCartAndBookmark #ordermade001 {
  display: none
}

.codeinput_aspx #NameprintPanelul.NamePrintOption li.NamePrintOptionEachFrame dl {
  display: table;
  width: 100%;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666
}

.codeinput_aspx #NameprintPanel ul.NamePrintOption li.NamePrintOptionEachFrame:last-child dl {
  border-bottom: 1px solid #666666
}

.codeinput_aspx #NameprintPanelul.NamePrintOption li.NamePrintOptionEachFrame dl dt {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666
}

.codeinput_aspx #NameprintPanel ul.NamePrintOption li.NamePrintOptionEachFrame dl dd {
  display: table-cell;
  padding: 0.5em 1.5em;
  vertical-align: middle;
  width: 75%;
  border-top: 1px solid #666666;
  text-align: left
}

.codeinput_aspx #NameprintPanel ul.NamePrintOption li.NamePrintOptionEachFrame:nth-of-type(odd) dl dt {
  background-color: #f2efe9
}

.codeinput_aspx #NameprintPanel ul.NamePrintOption li.NamePrintOptionEachFrame:nth-of-type(even) dl dt {
  background-color: #ddd4c3
}

.codeinput_aspx #NameprintPanel ul.NamePrintOption li.NamePrintOptionEachFrame dl dd span.InputRestriction {
  margin-left: 5px;
  font-size: 80%;
  color: red
}

.codeinput_aspx #NameprintPanel ul.NamePrintOption li.NamePrintOptionEachFrame dl dd .NamePrintOptionDescription {
  font-size: 90%
}

.codeinput_aspx #NameprintPanel ul.NamePrintOption li.NamePrintOptionEachFrame dl dd input, .codeinput_aspx #NameprintPanel ul.NamePrintOption li.NamePrintOptionEachFrame dl dd select {
  padding: 0.3em 1.2em
}

.codeinput_aspx #NameprintPanel #AddToCartAjaxSub span {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  background-color: #333;
  max-width: 600px;
  width: 100%;
  padding: 20px 0;
  text-align: center
}

ul:after, li:after, dl:after, .clear:after, .templateInner:after, #marble_main:after, .marble_btn-box:after {
  content: "";
  display: table;
  float: none;
  clear: both
}

.bookmarklist_aspx div.content .item_list {
  text-align: left
}

.bookmarklist_aspx div.content .item_list li {
  display: inline-block;
  width: 22.8%;
  margin-right: 2.8%;
  vertical-align: top;
  margin-bottom: 30px
}

.bookmarklist_aspx div.content .item_list li:nth-of-type(4n) {
  margin-right: 0
}

.bookmarklist_aspx div.content .item_list a {
  font-size: 13px;
  display: initial;
  width: auto;
  margin-right: 0;
  vertical-align: top
}

.bookmarklist_aspx .pagination {
  float: right
}

.bookmarklist_aspx .pagination .pagearrows {
  display: inline-block;
  padding: 0 0.5em;
  vertical-align: top
}

.bookmarklist_aspx .pagination .pagenumber {
  display: inline-block;
  font-size: 0
}

.bookmarklist_aspx .pagination .pagenumber li {
  display: inline-block;
  font-size: 14px;
  line-height: 21px
}

.bookmarklist_aspx .pagination .pagenumber li a {
  display: block;
  padding: 0.2em 0.5em;
  text-align: center;
  color: #333;
  font-size: 12px;
  line-height: 20px;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s
}

.bookmarklist_aspx .pagination .pagenumber li.current a {
  color: #FFF !important;
  background: #444
}

.bookmarklist_aspx .bookmarkaddbtn {
  display: block !important;
  max-width: 130px;
  margin: 10px auto 10px auto !important;
  background-color: #333;
  color: #fff;
  padding: 6px
}

.bookmarklist_aspx #BookmarkDialog div, .bookmarklist_aspx .BookmarkDialog div {
  margin: 5px auto;
  text-align: center
}

.bookmarklist_aspx #BookmarkDialog div .CancelButton1, .bookmarklist_aspx .BookmarkDialog div .CancelButton1 {
  background-color: #333
}

.bookmarklist_aspx #BookmarkDialog div .CancelButton1 span:before, .bookmarklist_aspx .BookmarkDialog div .CancelButton1 span:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 10px;
  background: url(../image/ico_topCart.svg) no-repeat
}

.bookmarklist_aspx #BookmarkDialog div .CancelButton .fa, .bookmarklist_aspx .BookmarkDialog div .CancelButton .fa {
  margin-right: 10px
}

.bookmarklist_aspx #BookmarkDialog div a, .bookmarklist_aspx .BookmarkDialog div a {
  color: #fff
}

@media screen and (max-width: 599px) {
  .bookmarklist_aspx div.content .item_list li {
    display: inline-block;
    width: 47.2%;
    margin-right: 2.8%;
    vertical-align: top
  }
  .bookmarklist_aspx div.content .item_list li:nth-of-type(2n) {
    margin-right: 0;
    margin-bottom: 30px
  }
  .bookmarklist_aspx div.content .item_list li:nth-last-of-type(-n+2) {
    margin-bottom: 0
  }
  .bookmarklist_aspx div.content .item_list a {
    display: inline-block;
    width: auto;
    margin-right: 0;
    vertical-align: top
  }
  .bookmarklist_aspx div.content .item_list a:nth-of-type(2n) {
    margin-right: 0;
    margin-bottom: 0px
  }
  .bookmarklist_aspx div.content .item_list a:nth-last-of-type(-n+2) {
    margin-bottom: 0
  }
}

/* .setshipping_aspx div.content p.marble_txt {
  margin-bottom: 30px
} */

.setshipping_aspx div.content ul.Purchaser {
  margin-bottom: 30px
}

.setshipping_aspx div.content ul.Purchaser li strong {
  display: block;
  padding: 10px;
  background-color: #444;
  color: #fff
}

.setshipping_aspx div.content ul.Purchaser li .ItemLeft {
  float: left
}

.setshipping_aspx div.content ul.Purchaser li .ShippingAddress {
  display: block
}

.setshipping_aspx div.content ul.Purchaser li .ShippingAddress p {
  margin-bottom: 0.3em;
  font-size: 1.1em
}

.setshipping_aspx div.content ul.ShippingList {
  font-size: 0
}

.setshipping_aspx div.content ul.ShippingList ul {
  font-size: 1.2em
}

.setshipping_aspx div.content ul.ShippingList li.ItemLeft {
  float: left
}

.setshipping_aspx div.content ul.ShippingList li.ShippingAddress p {
  margin-bottom: 0.5em
}

.setshipping_aspx div.content ul.ShippingList li.ShippingAddress:after {
  content: "";
  display: table;
  clear: both
}

.setshipping_aspx div.content ul.ShippingList .marble_btn-miniBox {
  margin-top: 20px
}

.setshipping_aspx div.content ul.ShippingList .marble_btn-miniBox input {
  font-size: 13px
}

.setshipping_aspx div.content ul.ShippingList>li:first-child {
  display: block;
  padding: 10px;
  background-color: #444;
  color: #fff;
  margin-bottom: 30px;
  font-size: 13px
}

.setshipping_aspx div.content ul.ShippingList>li:nth-child(n+2) {
  display: inline-block;
  font-size: 12px;
  width: 23%;
  margin-right: 2%;
  margin-bottom: 2%;
  vertical-align: top;
  border: 1px solid #CCC;
  box-sizing: border-box;
  padding: 1.3em;
  line-height: 1.5em
}

.setshipping_aspx div.content input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom
}

.setshipping_aspx div.content input[type=radio] {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom
}

@media screen and (max-width: 960px) {
  .setshipping_aspx div.content ul.ShippingList>li:nth-child(n+2) {
    width: 31.33333%
  }
}

@media screen and (max-width: 768px) {
  .setshipping_aspx div.content ul.ShippingList>li:nth-child(n+2) {
    width: 48%
  }
}

@media screen and (max-width: 540px) {
  .setshipping_aspx div.content ul.ShippingList>li:nth-child(n+2) {
    width: 100%;
    display: block
  }
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingTitle {
  background-color: #444;
  padding: 12px 15px;
  color: #fff;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideAllTxt {
  padding: 15px;
  font-size: 100%;
  text-align: left;
  line-height: 150%
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .DivideShippingAddressPager {
  display: block;
  margin: 15px auto
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .DivideShippingAddressPager input, .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .DivideShippingAddressPager span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide {
  border: solid 2px #666;
  box-sizing: border-box
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliveryHost {
  float: none
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliveryHost .deliveryHost_inner {
  padding: 20px 10px 0 10px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide li {
  position: relative
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide li:first-of-type {
  margin-bottom: 30px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide li:first-of-type .deliveryDeleteBtn {
  float: none;
  box-sizing: border-box;
  position: absolute;
  top: 60%;
  right: 30px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide li:first-of-type .deliveryDeleteBtn input {
  background-color: #333;
  color: #fff;
  font-size: 14px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide b {
  display: block;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  background-color: #fa8a8a;
  padding: 10px;
  width: 99%;
  margin: 0px auto 0px auto;
  box-sizing: border-box;
  color: #fff;
	margin-top: 10px;
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock {
  padding: 10px 0;
  border-bottom: 1px dashed #e6e6e6;
  width: 100%
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach {
  display: inline-block;
  width: 33%;
  vertical-align: top
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .GoodsName {
  font-weight: bold
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .itemImgArea {
  float: none;
  text-align: center;
  margin: 0 auto
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .itemBtnArea {
  float: none;
  padding: 10px 0
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .itemBtnArea span {
  width: 20px;
  height: auto
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .DeliveryAddBtn {
  float: right;
  padding: 6% 30px 0 0
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .DeliveryAddBtn input {
  background-color: #333;
  color: #fff;
  font-size: 14px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach:nth-of-type(1) {
  width: 40%;
  box-sizing: border-box;
  padding-left: 10px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach:nth-of-type(3) {
  width: 39%;
  box-sizing: border-box
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach:nth-of-type(2) {
  width: 20%;
  box-sizing: border-box
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliverydate {
  padding: 20px 10px 0 10px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliverydate .newCartShippingOption {
  margin-bottom: 30px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliverydate .newCartShippingOption table tr.setShippingTimeTableTR:nth-child(n+2) {
  display: inline-block;
  margin-right: 15px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliverydate .newCartShippingOptionTitle {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 15px
}

.divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliveryInfo_inner {
  padding: 20px 10px 30px 10px
}

.divideshipping_aspx .DivideShipping input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom
}

.divideshipping_aspx .DivideShipping input[type=radio] {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom
}

.divideshipping_aspx .MiddleButton {
  width: 100% !important;
  max-width: 300px !important;
  display: block !important;
  position: relative !important;
  padding: 1.1em !important;
  font-size: 17px !important;
  margin: 0 auto !important;
  text-align: center !important;
  cursor: pointer !important
}

.divideshipping_aspx .LineButton {
  border: 1px solid #444 !important;
  box-sizing: border-box !important;
  color: #444 !important
}

.divideshipping_aspx .PaintButton {
  background: #444 !important;
  border: 1px solid #444 !important;
  box-sizing: border-box !important;
  color: #FFF !important
}

@media screen and (max-width: 800px) {
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide {
    border: solid 2px #666;
    box-sizing: border-box
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide li:first-of-type .deliveryDeleteBtn {
    float: none;
    box-sizing: border-box;
    position: static;
    width: 250px;
    margin: 0 auto
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock {
    padding: 10px 0;
    border-bottom: 1px dashed #e6e6e6;
    width: 100%
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach {
    display: inline-block;
    width: 33%;
    vertical-align: top
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .itemImgArea {
    float: none;
    text-align: center;
    margin: 0 auto
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .itemBtnArea {
    float: none;
    padding: 10px 0
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .itemBtnArea span {
    width: 25px;
    height: auto
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .DeliveryAddBtn {
    float: none;
    padding: 20px 0
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach:nth-of-type(1) {
    width: 68%;
    box-sizing: border-box;
    padding-left: 10px
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach:nth-of-type(3) {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach:nth-of-type(2) {
    width: 30%;
    box-sizing: border-box
  }
}

@media screen and (max-width: 500px) {
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide {
    border: solid 2px #666;
    box-sizing: border-box
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide li:first-of-type .deliveryDeleteBtn {
    float: none;
    box-sizing: border-box;
    position: static;
    width: 250px;
    margin: 0 auto
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock {
    padding: 10px 0;
    border-bottom: 1px dashed #e6e6e6;
    width: 100%
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach {
    display: block;
    width: 100%
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .itemImgArea {
    float: none;
    text-align: center;
    margin: 0 auto
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .itemBtnArea {
    float: none;
    padding: 10px 0
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach .DeliveryAddBtn {
    float: none;
    padding: 20px 0
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach:nth-of-type(1) {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach:nth-of-type(3) {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide #DivideShippingProductList .DivideShippingProductEachBlock .DivideShippingProductEach:nth-of-type(2) {
    width: 80%;
    box-sizing: border-box;
    margin: 0 auto
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliverydate {
    padding: 20px 10px 0 10px
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliverydate .newCartShippingOption {
    margin-bottom: 30px
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliverydate .newCartShippingOption table tr.setShippingTimeTableTR {
    display: block;
    margin-bottom: 10px
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliverydate .newCartShippingOption table tr.setShippingTimeTableTR:nth-child(n+2) {
    display: block;
    margin-right: 0;
    margin-bottom: 10px
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliverydate .newCartShippingOptionTitle {
    font-size: 1.1em;
    font-weight: bold
  }
  .divideshipping_aspx .DivideShipping .DivideShippingBlack .DivideShippingEach .Cart_divide .deliveryInfo_inner {
    padding: 20px 10px 30px 10px
  }
}

.checkout_aspx .List2ColumnBox .ddIn .shippingAddress:after {
  content: "";
  border-bottom: 1px solid #ccc;
  display: block;
  margin: 20px 0;
  width: 50%
}

.checkout_aspx .List2ColumnBox .ddIn .shippingAddress:last-child:after {
  content: none
}

.confirmation_aspx .defaultList2columnBox .borderb {
  border-bottom: 2px solid #333
}

.confirmation_aspx dl.List2ColumnBox dl.confirmationItemBox:last-child {
  border-bottom: none
}

.confirmation_aspx .haisou_detail p {
  padding: 0.5em 0;
  background-color: #f2efe9;
  text-align: center;
  font-size: 18px
}

.confirmation_aspx .haisou_detail p i {
  margin-right: 10px
}

.confirmation_aspx .PrivacyInclude {
  width: 90%;
  height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 30px auto 10px auto;
  border: 1px solid #cccccc;
  padding: 20px;
  box-sizing: border-box
}

.confirmation_aspx .miniBoxinlineb {
  display: inline-block;
  margin-left: 10px
}

.confirmation_aspx #ctl00_body_lblCouponName1 {
  display: inline-block;
  margin-left: 10px
}

.confirmation_aspx #ctl00_body_pnlCoupon1 {
  margin-top: -12px;
  margin-bottom: 10px
}

@media screen and (max-width: 600px) {
  .confirmation_aspx .miniBoxinlineb {
    display: block;
    margin-left: 0px
  }
  .confirmation_aspx #ctl00_body_pnlCoupon1 {
    margin-top: -12px;
    margin-bottom: 20px
  }
}

@media print {
  body {
    -webkit-print-color-adjust: exact
  }
  div.content .itemdetailArea .itemdetailArea_top .itemImgArea #keyimg, div.content .mainimg {
    overflow: hidden
  }
  .slick-track {
    display: flex
  }
  div.content .contBlock .category_area .smlCate a:nth-child(2) {
    max-height: 156px
  }
  div.content .contBlock .category_area .smlCate a:nth-child(6) {
    max-height: 156px
  }
  div.content .contBlock .category_area .smlCate a p span.catetxt {
    display: none
  }
  .slick-prev, .slick-next {
    display: none !important
  }
  section {
    display: block;
    page-break-before: avoid
  }
  pre code {
    page-break-after: always
  }
  @page {
    margin-top: 0.4cm;
    margin: 0.5cm
  }
  p a, code, pre {
    word-wrap: break-word
  }
  pre a[href]:after {
    content: ""
  }
  pre abbr[title]:after {
    content: ""
  }
  pre .ir a:after, pre a[href^="javascript:"]:after, pre a[href^="#"]:after {
    content: ""
  }
  .no-print {
    display: none
  }
}

#about_area {
  max-width: 1200px;
  display: block;
  margin-bottom: 70px
}

#about_area.yuzan {
  border-bottom: 1px dashed #999
}

#about_area.yuzan .btn_area {
  margin: 30px auto 30px auto
}

#about_area.yuzan .btn_area p {
  margin-bottom: 30px
}

#about_area img {
  max-width: 100%;
  width: auto
}

#about_area h2 {
  font-size: 1.8em;
  margin-bottom: 30px;
  line-height: 1.6em
}


#about_area p {
  margin-bottom: 15px;
  line-height: 2.1em
}

#about_area .img_header {
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
  padding-bottom: 38.939%
}

#about_area .img_header p {
  position: absolute;
  text-align: left;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0.2em
}

#about_area .img_yuzan {
  background-image: url(../image/yuzan/img_yuzan01.jpg)
}

#about_area .img_yuzan p {
  top: 8%;
  right: 4%;
  color: #000;
  font-size: 28px
}

#about_area .img_yuzan span.check_btn {
  position: absolute;
  left: 0;
  bottom: 2px;
  padding: 10px 20px;
  background-color: #444;
  color: #fff
}

#about_area .img_txt {
  margin: 0 auto;
  padding: 8% 10%;
  background-color: #fff
}

#about_area .img_txt dl.txt_area {
  display: table
}

#about_area .img_txt dl.txt_area dt, #about_area .img_txt dl.txt_area dd {
  display: table-cell;
  box-sizing: border-box;
  vertical-align: top
}

#about_area .img_txt dl.txt_area dt {
  width: 65%;
  padding-right: 5%;
  text-align: left
}

#about_area .img_txt dl.txt_area dd {
  width: 35%
}

#about_area .about_detail {
  padding: 2%;
  text-align: left;
  background-color: #f2efe9;
  margin-bottom: 30px
}

#about_area .about_detail ul {
  padding-top: 2%
}

#about_area .about_detail ul li {
  float: left;
  box-sizing: border-box;
  width: 33.3333%;
  padding: 0 1%
}

#about_area .about_detail ul li dl dd {
  text-align: left
}

#about_area .about_detail ul li dl dd:first-of-type {
  font-size: 1.2em;
  margin: 10px 0;
  line-height: 1.6em
}

#about_area .btn_area {
  width: 100%;
  max-width: 620px;
  margin: 0 auto 30px auto
}

#about_area .btn_area p {
  background-color: #444
}

#about_area .btn_area p a {
  display: block;
  padding: 2%;
  color: #fff;
  text-align: center
}

@media screen and (max-width: 1200px) {
  #about_area .img_yuzan p {
    font-size: 2.5vw;
    line-height: 4vw
  }
}

@media screen and (max-width: 768px) {
  #about_area {
    margin: 0 2% 70px 2%
  }
  #about_area .img_yuzan p {
    font-size: 3.5vw
  }
  #about_area .img_yuzan p br {
    display: none
  }
  #about_area .img_txt {
    padding: 5%
  }
  #about_area .img_txt dl.txt_area {
    display: block
  }
  #about_area .img_txt dl.txt_area dt, #about_area .img_txt dl.txt_area dd {
    display: block
  }
  #about_area .img_txt dl.txt_area dt {
    width: 100%;
    padding-right: 0%;
    padding-bottom: 15px
  }
  #about_area .img_txt dl.txt_area dd {
    width: 100%
  }
  #about_area .about_detail ul li {
    float: left;
    width: 50%;
    padding: 0 1%
  }
  #about_area .about_detail ul li dl dd {
    text-align: left
  }
}

@media screen and (max-width: 599px) {
  #about_area {
    max-width: 600px;
    margin: 0 2% 70px 2%
  }
  #about_area .img_yuzan p {
    font-size: 3.5vw
  }
  #about_area .img_yuzan p br {
    display: none
  }
  #about_area .img_txt {
    padding: 10% 5%
  }
  #about_area .about_detail {
    padding: 5% 3%
  }
  #about_area .about_detail ul li {
    float: none;
    width: 100%;
    padding: 0 1% 4% 1%
  }
  #about_area .about_detail ul li dl dt {
    margin: 0 auto;
    text-align: center
  }
  #about_area .about_detail ul li dl dd {
    text-align: left;
    max-width: 366px;
    margin: 0 auto;
    padding: 0 2%
  }
  #about_area .about_detail ul li dl dd:first-of-type {
    margin: 10px auto
  }
  #about_area .btn_area p {
    background-color: #444
  }
  #about_area .btn_area p a {
    display: block;
    padding: 4% 2%;
    color: #fff
  }
}

#about_area .img_nenju {
  background-image: url(../image/nenju/mainimg.jpg)
}

#about_area .img_nenju p {
  top: 11%;
  right: 4%;
  color: #000;
  font-size: 28px
}

#about_area .img_txt {
  margin: 0 auto;
  padding: 8% 10%;
  background-color: #fff
}

#about_area .img_txt dl.txt_area {
  display: table
}

#about_area .img_txt dl.txt_area dt, #about_area .img_txt dl.txt_area dd {
  display: table-cell;
  box-sizing: border-box;
  vertical-align: top
}

#about_area .img_txt dl.txt_area dt {
  width: 65%;
  padding-right: 5%;
  text-align: left
}

#about_area .img_txt dl.txt_area dd {
  width: 35%
}

#about_area .about_detail {
  padding: 2%;
  text-align: left;
  background-color: #f2efe9;
  margin-bottom: 0
}

#about_area .about_detail ul {
  padding-top: 2%
}

#about_area .about_detail ul li {
  float: left;
  box-sizing: border-box;
  width: 33.3333%;
  padding: 0 1%
}

#about_area .about_detail ul li dl dd {
  text-align: left
}

#about_area .about_detail ul li dl dd:first-of-type {
  font-size: 1.2em;
  margin: 10px 0;
  line-height: 1.6em
}

#about_area .about_detail ul.nenjulineup li {
  width: 50%
}

#about_area .about_detail ul.nenjulineup li dl {
  margin-bottom: 20px
}

#about_area .about_detail ul.nenjulineup li dl dt {
  width: 40%;
  float: left
}

#about_area .about_detail ul.nenjulineup li dl dt img {
  border: 1px solid #ccc
}

#about_area .about_detail ul.nenjulineup li dl dd {
  width: 60%;
  float: left;
  box-sizing: border-box;
  padding: 0 3%
}

#about_area .about_detail ul.nenjulineup li dl dd p {
  text-align: left;
  line-height: 1.8em
}

#about_area .about_detail ul.nenjulineup li dl dd span {
  display: block
}

#about_area .about_detail ul.nenjulineup li dl dd span.tit {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 15px
}

#about_area .about_detail ul.nenjulineup li dl dd span.stonename {
  text-decoration: underline;
  margin: 20px 0 10px 0
}

#about_area .btn_area {
  width: 100%;
  max-width: 620px;
  margin: 0 auto 60px auto
}

#about_area .btn_area p {
  background-color: #444
}

#about_area .btn_area p a {
  display: block;
  padding: 2%;
  color: #fff;
  text-align: center
}

#about_area .btn_area p a.Button {
  line-height: 2.1em
}

#about_area .flowarea {
  width: 93%;
  margin: 0 auto
}

#about_area .flowarea ul {
  background-color: #f2efe9;
  display: block
}

#about_area .flowarea ul li {
  display: inline-block;
  width: 33%;
  background-image: url(../image/nenju/img_flow_arrow.svg);
  background-repeat: no-repeat;
  padding: 1.5% 0;
  background-size: auto 100%;
  background-position: right
}

#about_area .flowarea ul li dl dt {
  font-size: 1.3em
}

#about_area .flowarea ul li dl dt span {
  border: 1px solid #444;
  border-radius: 22px;
  width: 22px;
  display: inline-block;
  background-color: #444;
  text-align: center;
  margin-left: 5px;
  color: #fff
}

#about_area .flowarea ul li dl dd {
  font-size: 1.5em;
  margin-top: 10px
}

#about_area .flowarea ul li:last-child {
  background-image: none
}

#about_area .item_area {
  padding: 2%;
  text-align: left;
  background-color: #fff;
  margin-bottom: 30px
}

#about_area .item_area h2 {
  text-align: center
}

#about_area .item_area h2 span {
  border: 1px solid #444;
  border-radius: 40px;
  width: 40px;
  display: inline-block;
  background-color: #444;
  text-align: center;
  margin-left: 5px;
  color: #fff
}

#about_area .item_area ul {
  padding-top: 2%
}

#about_area .item_area ul li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding: 0 1%;
  margin-bottom: 30px
}

#about_area .item_area ul li dl dt.nenju_name {
  text-align: center;
  font-size: 1.2em
}

#about_area .item_area ul li dl dd {
  text-align: left
}

#about_area .item_area ul li dl dd span.price {
  padding-left: 1.8em
}

#about_area .item_area ul li dl dd span.itemname {
  vertical-align: middle
}

#about_area .item_area ul li dl dd span.itemname span.font-s {
  font-size: 0.9em;
  margin-left: 5px
}

#about_area .item_area ul li dl dd.cart_area ul li {
  float: none;
  width: 100%;
  padding: 0 1%;
  margin-bottom: 10px
}

#about_area .item_area ul li dl dd.cart_area ul li a {
  padding: 3px 10px;
  background-color: #444;
  color: #fff;
  border-radius: 3px;
  margin-left: 10px;
  float: right
}

#about_area .item_area ul li dl dd.cart_area ul li a:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../image/ico_topCart.svg) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right: 8px
}

#about_area .item_area ul li dl dd.cart_area ul li:last-child {
  margin-bottom: 0
}

#about_area .item_area ul li dl dd:first-of-type {
  font-size: 1.2em;
  margin: 10px 0;
  line-height: 1.6em;
  border-bottom: 1px dashed #444;
  padding-bottom: 5px
}

#about_area .item_area input[type="radio"], #about_area .item_area input[type="checkbox"] {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  margin-right: 0.5em
}

#about_area .zaguarea ul {
  margin: 0 auto;
  text-align: center
}

#about_area .zaguarea ul li {
  float: none;
  display: inline-block
}

#about_area .nenju_recommendarea {
  margin-bottom: 60px
}

#about_area .nenju_recommendarea hr.nenjuhr {
  margin: 0 auto 30px auto;
  border: 1px dotted #999
}

#about_area .nenju_recommendarea h2 {
  text-align: center
}

#about_area .nenju_recommendarea ul li {
  width: 16.66666%
}

#about_area .nenju_recommendarea ul li dl dd {
  text-align: center
}

#about_area .nenju_recommendarea ul li dl dd p {
  line-height: 1.4em
}

#about_area .nenju_recommendarea ul li dl dd:first-of-type {
  font-size: 0.9em
}

#about_area .nenju_recommendarea ul li dl dd p {
  text-align: center
}

#about_area .nenju_recommendarea ul:nth-of-type(1) {
  margin-bottom: 30px
}

#about_area .nenju_recommendarea ul:nth-of-type(2) li dl dt img {
  border: 1px solid #ccc
}

#about_area .nenju_recommendarea ul:nth-of-type(2) li dl dd p {
  line-height: 1.8em
}

#about_area .nenju_recommendarea ul:nth-of-type(2) li dl dd p span {
  text-decoration: underline
}

#about_area .spec_area {
  padding: 2%;
  text-align: left;
  background-color: #fff
}

#about_area .itemExArea {
  width: 100%;
  display: block;
  padding-bottom: 50px
}

#about_area .itemExArea .tbl_item_detail, #about_area .itemExArea .tbl_item_size {
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  margin-bottom: 15px
}

#about_area .itemExArea .tbl_item_detail thead td.itemexhead, #about_area .itemExArea .tbl_item_size thead td.itemexhead {
  padding: 15px 10px 15px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle
}

#about_area .itemExArea .tbl_item_detail thead td.itemexhead:first-child, #about_area .itemExArea .tbl_item_size thead td.itemexhead:first-child {
  background-color: #ddd4c3
}

#about_area .itemExArea .tbl_item_detail thead td.itemexhead:last-child, #about_area .itemExArea .tbl_item_size thead td.itemexhead:last-child {
  border-right: 1px solid #666666
}

#about_area .itemExArea .tbl_item_detail tbody tr:nth-of-type(odd), #about_area .itemExArea .tbl_item_size tbody tr:nth-of-type(odd) {
  background-color: #e9e9e9;
}

#about_area .itemExArea .tbl_item_detail tbody tr:nth-of-type(even), #about_area .itemExArea .tbl_item_size tbody tr:nth-of-type(even) {
  background-color: #ddd4c3
}

#about_area .itemExArea .tbl_item_detail tbody tr:last-child, #about_area .itemExArea .tbl_item_size tbody tr:last-child {
  border-bottom: 1px solid #666666
}

#about_area .itemExArea .tbl_item_detail tbody tr.sptable, #about_area .itemExArea .tbl_item_size tbody tr.sptable {
  display: none
}

#about_area .itemExArea .tbl_item_detail tbody tr td.AttributeTD1, #about_area .itemExArea .tbl_item_size tbody tr td.AttributeTD1 {
  padding: 15px 10px 15px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 12px;
  width: 10%
}

#about_area .itemExArea .tbl_item_detail tbody tr td.AttributeTD2, #about_area .itemExArea .tbl_item_size tbody tr td.AttributeTD2 {
  padding: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-collapse: collapse;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  font-size: 12px;
  background-color: #fff;
  width: 18%
}

#about_area .itemExArea .tbl_item_detail tbody tr td.AttributeTD2 {
  width: 90%
}

#about_area .itemExArea .tbl_item_size tbody tr td {
  text-align: center
}

#about_area .itemExArea .tbl_item_detail_info {
  width: 100%;
  text-align: left;
  font-size: 0px
}

#about_area .itemExArea .tbl_item_detail_info dt, #about_area .itemExArea .tbl_item_detail_info dd.AttributeTD2 {
  display: inline-block;
  font-size: 13px;
  vertical-align: middle
}

#about_area .itemExArea .tbl_item_detail_info dt {
  width: 10%;
  text-align: center
}

#about_area .itemExArea .tbl_item_detail_info dd.AttributeTD2 {
  width: 90%
}

#about_area .itemExArea .itemExAtt {
  text-align: left
}

#about_area .itemExArea .itemExAtt a {
  text-decoration: underline
}

#about_area .itemExArea .tbl_item_sizearea {
  width: 100%;
  display: table
}

#about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] {
  display: table-cell
}

#about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody {
  width: 100%;
  display: block;
  border-right: 1px solid
}

#about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody tr {
  width: 100%;
  display: block
}

#about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody tr:last-child {
  border-bottom: 1px solid #666666
}

#about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody tr.sptable {
  display: none
}

#about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody td.GoodsModelTitle {
  padding: 15px 10px 15px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 12px;
  width: 100%;
  display: block
}

#about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody td.SpecTitle {
  padding: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-collapse: collapse;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  font-size: 12px;
  background-color: #fff;
  width: 20%;
  float: left;
  text-align: center
}

#about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody td.SpecValue1 {
  padding: 5px 5px 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-collapse: collapse;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  font-size: 12px;
  background-color: #fff;
  width: 80%;
  float: left
}

#about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] div {
  height: 100%
}

#about_area .itemExArea .tbl_item_sizearea table:nth-of-type(odd) td.GoodsModelTitle {
  background-color: #f2efe9
}

#about_area .itemExArea .tbl_item_sizearea table:nth-of-type(even) td.GoodsModelTitle {
  background-color: #ddd4c3
}

#about_area .itemExArea .tbl_item_sizearea table:nth-child(n+2) td.SpecTitle {
  display: none
}

#about_area .itemExArea .tbl_item_sizearea table:nth-child(n+2) td.SpecValue1 {
  width: 100% !important
}

#about_area .nostock {
  font-size: 12px;
  color: #444;
  border: 1px solid #444;
  background-color: #fff;
  display: inline-block;
  padding: 2px 5px;
  vertical-align: middle;
  margin-left: 10px;
  float: right;
  min-width: 87px;
  text-align: center
}

#about_area .hukusa_area {
  width: 100%;
  box-sizing: border-box;
  padding: 30px 3% 0 3%;
  margin-bottom: 30px;
  border-top: 1px dotted #666
}

#about_area .hukusa_area .hukusa_txt {
  display: inline-block;
  width: 42%;
  box-sizing: border-box;
  padding-right: 3%;
  vertical-align: middle
}

#about_area .hukusa_area .hukusa_txt p {
  margin-bottom: 15px;
  text-align: left
}

#about_area .hukusa_area .hukusa_txt p span {
  color: #e43971;
  font-size: 20px;
  display: block;
  margin-bottom: 15px
}

#about_area .hukusa_area .hukusa_txt p img {
  margin-top: 10px
}

#about_area .hukusa_area .hukusa_img {
  display: inline-block;
  width: 57%;
  box-sizing: border-box;
  vertical-align: middle
}

#about_area .hukusa_area .hukusa_link {
  background-color: #ddd4c3;
  color: #000;
  padding: 1em 10px;
  text-align: center;
  display: block;
  width: 100%;
  margin: 20px auto 20px auto;
  max-width: 500px;
  font-size: 1.2em;
  cursor: pointer;
  cursor: hand;
  box-sizing: border-box
}

#about_area .hukusa_area .hukusa_link:hover {
  opacity: 0.8
}

@media screen and (max-width: 1200px) {
  #about_area .img_nenju p {
    font-size: 2.5vw;
    line-height: 4vw
  }
}

@media screen and (max-width: 1130px) {
  #about_area .item_area ul li {
    width: 33.3333%
  }
  #about_area .item_area ul li dl dt {
    text-align: center
  }
}

@media screen and (max-width: 900px) {
  #about_area .flowarea ul li {
    width: 32%
  }
}

@media screen and (max-width: 768px) {
  #about_area {
    margin: 0 2% 70px 2%
  }
  #about_area .img_nenju p {
    font-size: 3.5vw
  }
  #about_area .img_nenju p br {
    display: none
  }
  #about_area .img_txt {
    padding: 5%
  }
  #about_area .img_txt dl.txt_area {
    display: block
  }
  #about_area .img_txt dl.txt_area dt, #about_area .img_txt dl.txt_area dd {
    display: block
  }
  #about_area .img_txt dl.txt_area dt {
    width: 100%;
    padding-right: 0%;
    padding-bottom: 15px
  }
  #about_area .img_txt dl.txt_area dd {
    width: 100%
  }
  #about_area .about_detail ul li {
    float: left;
    width: 50%;
    padding: 0 1%
  }
  #about_area .about_detail ul li dl dd {
    text-align: left
  }
  #about_area .item_area {
    padding: 2%;
    text-align: left;
    background-color: #fff;
    margin-bottom: 30px
  }
  #about_area .item_area ul {
    padding-top: 2%
  }
  #about_area .item_area ul li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 0 4%
  }
  #about_area .item_area ul li dl dd {
    text-align: left
  }
  #about_area .item_area ul li dl dd:first-of-type {
    font-size: 1.2em;
    margin: 10px 0;
    line-height: 1.6em
  }
  #about_area .flowarea {
    width: 100%;
    margin: 0 auto
  }
  #about_area .flowarea ul li {
    width: 32%
  }
  #about_area .flowarea ul li dl dt {
    font-size: 1.1em
  }
  #about_area .flowarea ul li dl dd {
    font-size: 1.2em;
    margin-top: 10px
  }
  #about_area .nenju_recommendarea ul li {
    width: 33.3333%
  }
  #about_area .hukusa_area .hukusa_txt {
    display: block;
    width: 100%
  }
  #about_area .hukusa_area .hukusa_txt p {
    margin-bottom: 15px;
    text-align: left
  }
  #about_area .hukusa_area .hukusa_txt p img {
    margin-top: 10px
  }
  #about_area .hukusa_area .hukusa_txt p:nth-child(2) img:first-child {
    display: inline-block;
    width: 38%
  }
  #about_area .hukusa_area .hukusa_txt p:nth-child(2) img:last-child {
    display: inline-block;
    width: 60%
  }
  #about_area .hukusa_area .hukusa_txt .spDis {
    display: inline-block
  }
  #about_area .hukusa_area .hukusa_img {
    display: none
  }
}

@media screen and (max-width: 599px) {
  #about_area {
    max-width: 600px;
    margin: 0 2% 70px 2%
  }
  #about_area .img_yuzan p {
    font-size: 3.5vw
  }
  #about_area .img_yuzan p br {
    display: none
  }
  #about_area .img_txt {
    padding: 10% 5%
  }
  #about_area .about_detail {
    padding: 5% 3%
  }
  #about_area .about_detail ul li {
    float: none;
    width: 100%;
    padding: 0 1% 4% 1%
  }
  #about_area .about_detail ul li dl dt {
    margin: 0 auto;
    text-align: center
  }
  #about_area .about_detail ul li dl dd {
    text-align: left;
    max-width: 366px;
    margin: 0 auto;
    padding: 0 2%
  }
  #about_area .about_detail ul li dl dd:first-of-type {
    margin: 10px auto
  }
  #about_area .about_detail ul.nenjulineup li {
    width: 100%
  }
  #about_area .about_detail ul.nenjulineup li dl {
    margin-bottom: 0
  }
  #about_area .about_detail ul.nenjulineup li dl dt {
    width: 30%;
    float: left
  }
  #about_area .about_detail ul.nenjulineup li dl dd {
    width: 70%;
    float: left;
    padding: 0 0 0 3%
  }
  #about_area .nenju_recommendarea ul li {
    width: 33.33333%;
    float: left
  }
  #about_area .nenju_recommendarea ul li dl dd:first-of-type {
    font-size: 0.8em
  }
  #about_area .item_area ul li {
    margin-bottom: 50px
  }
  #about_area .item_area .cart_area ul li a {
    width: 100%;
    box-sizing: border-box;
    text-align: center
  }
  #about_area .item_area .cart_area ul li:last-child {
    margin-bottom: 0
  }
  #about_area .btn_area p {
    background-color: #444
  }
  #about_area .btn_area p a {
    display: block;
    padding: 4% 0;
    color: #fff
  }
  #about_area .itemExArea {
    width: 100%;
    display: block;
    padding-bottom: 30px
  }
  #about_area .itemExArea .tbl_item_detail, #about_area .itemExArea .tbl_item_size {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    margin-bottom: 15px
  }
  #about_area .itemExArea .tbl_item_detail thead th, #about_area .itemExArea .tbl_item_size thead th {
    display: none;
    padding: 15px 10px 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle
  }
  #about_area .itemExArea .tbl_item_detail thead th:first-child, #about_area .itemExArea .tbl_item_size thead th:first-child {
    background-color: #ddd4c3
  }
  #about_area .itemExArea .tbl_item_detail thead th:last-child, #about_area .itemExArea .tbl_item_size thead th:last-child {
    border-right: 1px solid #666666
  }
  #about_area .itemExArea .tbl_item_detail tbody tr:last-child, #about_area .itemExArea .tbl_item_size tbody tr:last-child {
    border-bottom: 1px solid #666666
  }
  #about_area .itemExArea .tbl_item_detail tbody tr.sptable, #about_area .itemExArea .tbl_item_size tbody tr.sptable {
    display: table-row
  }
  #about_area .itemExArea .tbl_item_detail tbody tr th, #about_area .itemExArea .tbl_item_size tbody tr th {
    padding: 15px 10px 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 12px;
    width: 10%
  }
  #about_area .itemExArea .tbl_item_detail tbody tr td, #about_area .itemExArea .tbl_item_size tbody tr td {
    padding: 5px 5px 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    border-collapse: collapse;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    font-size: 12px;
    width: 18%
  }
  #about_area .itemExArea .tbl_item_size tbody tr {
    display: block;
    width: 100%
  }
  #about_area .itemExArea .tbl_item_size tbody tr th, #about_area .itemExArea .tbl_item_size tbody tr td {
    display: block;
    width: 100%
  }
  #about_area .itemExArea .tbl_item_size tbody tr th {
    text-align: center;
    border-right: 1px solid #666;
    padding: 10px 0 0 0;
    height: 40px;
    background-color: #444;
    color: #fff;
    font-size: 13px
  }
  #about_area .itemExArea .tbl_item_size tbody th:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    width: 90px;
    text-align: center;
    padding: 0px;
    box-sizing: border-box;
    border-right: 1px solid #666;
    height: 39px;
    padding-top: 10px;
    margin-top: -10px;
    background-color: #ddd4c3;
    color: #000;
    font-size: 13px
  }
  #about_area .itemExArea .tbl_item_size tbody td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    width: 90px;
    text-align: center;
    padding: 0px;
    box-sizing: border-box;
    border-right: 1px solid #666;
    height: 37px;
    padding-top: 8px;
    margin-top: -8px;
    font-size: 13px
  }
  #about_area .itemExArea .tbl_item_size tbody th, #about_area .itemExArea .tbl_item_size tbody td:nth-of-type(odd):before {
    background-color: #f2efe9
  }
  #about_area .itemExArea .tbl_item_size tbody th, #about_area .itemExArea .tbl_item_size tbody td:nth-of-type(even):before {
    background-color: #ddd4c3
  }
  #about_area .itemExArea .tbl_item_detail tbody tr td {
    width: 90%
  }
  #about_area .itemExArea .tbl_item_size tbody tr td {
    text-align: right;
    padding: 0;
    height: 38px;
    padding-top: 8px;
    padding-right: 10px
  }
  #about_area .itemExArea .tbl_item_detail_info {
    width: 100%;
    text-align: left;
    font-size: 0px
  }
  #about_area .itemExArea .tbl_item_detail_info dt, #about_area .itemExArea .tbl_item_detail_info dd {
    display: block;
    font-size: 13px;
    vertical-align: middle
  }
  #about_area .itemExArea .tbl_item_detail_info dt {
    width: 100%;
    text-align: center
  }
  #about_area .itemExArea .tbl_item_detail_info dd {
    width: 100%
  }
  #about_area .itemExArea .itemExAtt {
    text-align: left
  }
  #about_area .itemExArea .itemExAtt a {
    text-decoration: underline
  }
  #about_area .itemExArea .tbl_item_sizearea {
    width: 100%;
    display: table
  }
  #about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] {
    display: block
  }
  #about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody {
    display: block
  }
  #about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"] tbody tr:last-child {
    border-bottom: none
  }
  #about_area .itemExArea .tbl_item_sizearea table[id^="GoodsModelTable"]:last-child tr:last-child {
    border-bottom: 1px solid #666
  }
  #about_area .itemExArea .tbl_item_sizearea table:nth-child(n+2) td.SpecTitle {
    display: table-cell
  }
  #about_area .itemExArea .tbl_item_sizearea table:nth-child(n+2) td.SpecValue1 {
    width: 80% !important
  }
  #about_area .nostock {
    text-align: center;
    width: 100%;
    box-sizing: border-box
  }
}

@media screen and (max-width: 500px) {
  #about_area .flowarea {
    width: 100%;
    margin: 0 auto
  }
  #about_area .flowarea ul {
    background-color: #fff
  }
  #about_area .flowarea ul li {
    display: block;
    width: 100%;
    background-image: none;
    margin-bottom: 10px;
    background-color: #f2efe9
  }
  #about_area .flowarea ul li dl dt {
    font-size: 1.1em
  }
  #about_area .flowarea ul li dl dd {
    font-size: 1.2em;
    margin-top: 10px
  }
}

.k_gahou_area {
  border-bottom: 1px dotted #999
}

.k_gahou_area img {
  max-width: 100%;
  width: auto
}

.k_gahou_area .itemcategory_head {
  background-image: url(../image/kgahou/bg.jpg);
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 30px
}

.k_gahou_area .itemcategory_head h2.categoryimg_head {
  border-bottom: 1px solid #444;
  padding: 35px 0 20px 0;
  width: 100%;
  max-width: 600px;
  margin: 0 auto
}

.k_gahou_area .itemcategory_head h2.categoryimg_head p.categorytit {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  left: auto;
  top: auto
}

.k_gahou_area .itemcategory_head p.categorysubtit {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 27px;
  margin-top: 20px
}

.k_gahou_area .itemcategory_head p.categorytxt {
  font-size: 1.2em;
  line-height: 1.7em;
  padding: 20px 70px 35px 70px
}

@media screen and (max-width: 599px) {
  .k_gahou_area {
    border-bottom: none
  }
  .k_gahou_area .itemcategory_head h2.categoryimg_head {
    border-bottom: 1px solid #444;
    padding: 20px 0;
    width: 90%;
    max-width: none;
    margin: 0 auto
  }
  .k_gahou_area .itemcategory_head h2.categoryimg_head p.categorytit {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    left: auto;
    top: auto
  }
  .k_gahou_area .itemcategory_head p.categorytxt {
    font-size: 1em;
    line-height: 1.5em
  }
}

@media screen and (max-width: 380px) {
  .k_gahou_area .itemcategory_head h2.categoryimg_head p.categorytit span img {
    width: 44%
  }
}

.catalog_area {
  background-image: url(../image/catalog201801/img_point_catalog01.png), url(../image/catalog201801/img_point_catalog02.png), url(../image/catalog201801/bg_catalog.jpg);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 99% 3%, 1% 99%, left center
}

.catalog_area img {
  width: auto;
  height: auto;
  max-width: 100%
}

.catalog_area .itemcategory_head {
  padding: 20px 2% 30px 2%;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  border: none;
  margin-bottom: 30px
}

.catalog_area .itemcategory_head p.kglogo {
  text-align: left;
  margin: 0 0 5px 9px
}

.catalog_area .itemcategory_head .categorytit_head {
  display: block;
  margin-bottom: 30px;
  width: 80%
}

.catalog_area .itemcategory_head .categorytit_head p {
  display: block;
  vertical-align: middle
}

.catalog_area .itemcategory_head .categorytit_head p.categorytit {
  width: 94%;
  padding: 0 1%;
  box-sizing: border-box
}

.catalog_area .itemcategory_head .categorytit_head p.categorytxt {
  width: 85%;
  padding: 10px 40px;
  line-height: 1.9em;
  font-size: 1.1em
}

.catalog_area .itemcategory_head .categoryimg_head {
  display: table;
  width: 80%;
  margin-bottom: 20px
}

.catalog_area .itemcategory_head .categoryimg_head p {
  display: table-cell;
  vertical-align: middle
}

.catalog_area .itemcategory_head .categoryimg_head p:nth-child(1) {
  padding-right: 1.5%
}

.catalog_area .itemcategory_head .img_catalog {
  position: absolute;
  top: 1%;
  right: 1%;
  width: 28%
}

.catalog_area .category_nav {
  width: 100%
}

.catalog_area .category_nav li {
  display: inline-block;
  box-sizing: border-box
}

.catalog_area .category_nav li a {
  display: block
}

.catalog_area .category_nav li .fa {
  margin-right: 1%
}

.catalog_area .catalog_nav li {
  width: 45%;
  margin: 10px 1% 10px 1%
}

.catalog_area .catalog_nav li a {
  color: #fff;
  background-color: #e49e9e;
  padding: 3% 2%
}

.catalog_area .catalog_nav li a:hover {
  opacity: 0.8
}

.catalog_area .catalog_nav li .fa {
  margin-right: 2%
}

@media screen and (max-width: 1200px) {
  .catalog_area .itemcategory_head .categorytit_head p.categorytxt {
    font-size: 1.3vw
  }
}

@media screen and (max-width: 810px) {
  .catalog_area .itemcategory_head .categorytit_head p.categorytit {
    width: 94%
  }
  .catalog_area .itemcategory_head .categorytit_head p.categorytxt {
    width: 84%;
    padding: 10px 20px 10px 20px
  }
}

@media screen and (max-width: 768px) {
  .catalog_area .itemcategory_head p.kglogo {
    margin-bottom: 5px;
    width: 18%
  }
  .catalog_area .itemcategory_head .categorytit_head {
    margin-bottom: 10px
  }
  .catalog_area .itemcategory_head .categorytit_head p.categorytit {
    width: 94%;
    padding: 1%;
    box-sizing: border-box;
    vertical-align: top
  }
  .catalog_area .itemcategory_head .categorytit_head p.categorytxt {
    width: 84%;
    padding: 0px 20px 10px 20px;
    line-height: 1.9em;
    font-size: 0.9em;
    vertical-align: top
  }
  .catalog_area .itemcategory_head .categorytit_head p.categorytxt br {
    display: none
  }
  .catalog_area .itemcategory_head .img_catalog {
    top: 12%;
    right: 1%;
    width: 25%
  }
}

@media screen and (max-width: 599px) {
  .catalog_area .itemcategory_head p.kglogo {
    width: auto;
    text-align: center;
    margin-bottom: 15px
  }
  .catalog_area .itemcategory_head .categorytit_head {
    margin-bottom: 10px;
    display: block;
    width: 100%
  }
  .catalog_area .itemcategory_head .categorytit_head p {
    display: block
  }
  .catalog_area .itemcategory_head .categorytit_head p.categorytit {
    width: 80%;
    box-sizing: border-box;
    margin: 0 auto 20px auto
  }
  .catalog_area .itemcategory_head .categorytit_head p.categorytxt {
    font-size: 1.2em;
    width: 100%;
    box-sizing: border-box
  }
  .catalog_area .itemcategory_head .categoryimg_head {
    width: 100%
  }
  .catalog_area .itemcategory_head .img_catalog {
    display: none
  }
}

@media screen and (max-width: 599px) {
  .catalog_area .itemcategory_head p.kglogo {
    width: 42%;
    margin: 0 auto 15px auto
  }
  .catalog_area .itemcategory_head .categorytit_head p.categorytxt {
    font-size: 1.0em
  }
}

#about_area {
  max-width: 1200px;
  display: block;
  margin-bottom: 70px
}

#about_area.sekku {
  border-bottom: 1px dashed #999
}

#about_area.sekku .img_header {
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
  padding-bottom: 42%;
  background-image: url(../image/sekku/mainimg_sekku.jpg)
}

#about_area.sekku .img_header p {
  position: absolute;
  width: 8.6%;
  top: 5.5%;
  right: 2%
}

#about_area.sekku .sekku_abouttxt {
  margin: 20px 0 40px 0
}

#about_area.sekku .sekku_item_area {
  background-color: #fdf6fc;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 50px
}

#about_area.sekku .sekku_item_area .sekku_itemblock {
  width: 100%
}

#about_area.sekku .sekku_item_area .sekku_itemblock h2 {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  font-size: 2.0em;
  color: #e43971
}

#about_area.sekku .sekku_item_area .sekku_itemblock h2 span {
  background-color: #fdf6fc;
  padding: 0 1%
}

#about_area.sekku .sekku_item_area .sekku_itemblock h2:before {
  content: "";
  border-top: 1px solid #f4c0ce;
  display: block;
  position: absolute;
  top: 48%;
  left: 0;
  width: 100%;
  z-index: -1;
  border-width: 2px
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sekku_fl {
  float: left;
  width: 41.827%;
  padding-right: 1%
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sekku_fr {
  float: right;
  width: 55.9%;
  padding-left: 1%
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sakka_area {
  display: table;
  margin-bottom: 20px
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sakka_area .sakka_img {
  display: table-cell;
  vertical-align: top;
  width: 130px
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sakka_area .sakka_txt {
  display: table-cell;
  vertical-align: top;
  background-color: #fff;
  box-sizing: border-box;
  padding: 1% 2%;
  text-align: left;
  line-height: 1.8em;
  font-size: 13px
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sakka_area .sakka_txt .sekku_sakkaname {
  font-size: 1.5em;
  display: block;
  margin-bottom: 5px
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sakka_area .sakka_txt .sekku_sakkayomi {
  font-size: 0.7em
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sekku_subtxt {
  text-align: left;
  margin-bottom: 20px
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sekku_subtxt span {
  display: block;
  color: #e43971;
  font-size: 1.5em;
  margin-bottom: 5px;
  border-left: 3px solid #feb3c2;
  padding-left: 10px
}

#about_area.sekku .sekku_item_area .sekku_itemblock .thumb_area {
  display: table;
  text-align: left;
  margin-bottom: 20px
}

#about_area.sekku .sekku_item_area .sekku_itemblock .thumb_area p {
  display: table-cell;
  box-sizing: border-box;
  padding-right: 20px;
  text-align: left
}

#about_area.sekku .sekku_item_area .sekku_itemblock p.sekku_thumbcopy {
  text-align: left;
  margin-top: -15px
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sekku_itemname {
  font-size: 1.4em;
  margin-bottom: 20px;
  line-height: 1.5em;
  text-align: left
}

#about_area.sekku .sekku_item_area .sekku_itemblock .sekku_btn a {
  background-color: #feb3c2;
  padding: 1em;
  font-size: 1.2em;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: block;
  box-sizing: border-box
}

#about_area.sekku .sekku_item_area hr {
  border-top: 1px dotted #f2b2c2;
  margin: 40px 30px;
  border-bottom: none;
  border-right: none;
  border-left: none
}

#about_area.sekku .mgt-10p {
  margin-top: -10%
}

#about_area img {
  max-width: 100%;
  width: auto
}

#about_area h2 {
  font-size: 1.8em;
  margin-bottom: 30px;
  line-height: 1.6em
}

#about_area p {
  margin-bottom: 15px;
  line-height: 2.1em
}

@media screen and (max-width: 1000px) {
  #about_area.sekku .mgt-10p {
    margin-top: -5%
  }
}

@media screen and (max-width: 800px) {
  #about_area.sekku .mgt-10p {
    margin-top: 0%
  }
}

@media screen and (max-width: 768px) {
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekkuimg_h {
    box-sizing: border-box;
    padding: 0 3% !important;
    margin-bottom: 30px
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_fl {
    float: none;
    width: 100%;
    padding-right: 0%
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_fr {
    float: none;
    width: 100%;
    padding-left: 0%
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sakka_area {
    padding: 0 3%;
    box-sizing: border-box;
    margin-bottom: 30px
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_subtxt {
    padding: 0 3%;
    box-sizing: border-box;
    margin-bottom: 30px
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_subtxt span {
    display: block;
    color: #e43971;
    font-size: 1.5em;
    margin-bottom: 5px
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .thumb_area {
    padding: 0 3%;
    margin-bottom: 30px
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .thumb_area p {
    display: table-cell;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: left
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock p.sekku_thumbcopy {
    padding: 0 3%;
    margin-bottom: 30px;
    margin-top: 0
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_itemname {
    padding: 0 3%
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_btn a {
    background-color: #feb3c2;
    padding: 1em;
    font-size: 1.2em;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    display: block;
    box-sizing: border-box
  }
}

@media screen and (max-width: 360px) {
  #about_area.sekku .sekku_item_area .sekku_itemblock h2 {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    font-size: 1.8em;
    color: #e43971
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock h2 span {
    background-color: #fdf6fc;
    padding: 0 1%
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sakka_area {
    padding: 0 3%;
    box-sizing: border-box;

    margin-bottom: 30px
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_subtxt {
    padding: 0 3%;
    box-sizing: border-box;
    margin-bottom: 30px
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_subtxt span {
    display: block;
    color: #e43971;
    font-size: 1.5em;
    margin-bottom: 5px
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_subtxt br {
    display: none
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .thumb_area p {
    display: table-cell;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: left
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock p.sekku_thumbcopy {
    padding: 0 3%;
    margin-bottom: 30px;
    margin-top: 0
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_itemname {
    padding: 0 3%
  }
  #about_area.sekku .sekku_item_area .sekku_itemblock .sekku_btn a {
    background-color: #feb3c2;
    padding: 1em;
    font-size: 1.2em;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    display: block;
    box-sizing: border-box
  }
}

/* --------------------------------------------------- couponbanner */
/*クーポンがある間だけ使う*/
/*クーポン共通送料無料告知パーツ*/
/*.mfp-inline-holder .mfp-content, 
.mfp-ajax-holder .mfp-content{    
	width: 50%!important;
	background-color: #fff;}
.mfp-inline-holder .mfp-content #inline-wrap{text-align: center;padding: 10px; background-color: #f0e1ca;}
.mfp-inline-holder .mfp-content #inline-wrap .image img{width:auto; max-width: 100%; border: 1px solid #cfa45f;}
.mfp-inline-holder .mfp-content #inline-wrap .coupon_cap{font-size: 1.2em; line-height: 1.8em; margin: 20px 0;}
.mfp-inline-holder .mfp-content #inline-wrap .coupon_input input{    font-size: 2em; padding: 5px 10px; text-align: center;}
.mfp-inline-holder .mfp-content #inline-wrap .coupon_close{border: 1px solid #cfa45f; color: #cfa45f; width: 61%; margin: 20px auto 0 auto; padding: 7px; background-color: #cfa45f;}
.mfp-inline-holder .mfp-content #inline-wrap .coupon_close a{color: #fff;}
.mfp-inline-holder .mfp-content #inline-wrap .coupon_howto{margin: 10px 0; }
.mfp-inline-holder .mfp-content #inline-wrap .coupon_howto a{text-decoration:underline;} 
.mfp-inline-holder .mfp-content #inline-wrap .coupon_howto .fa{margin-right: 7px;}
}
.mb_coupon{display: none;}

	header {padding: 56px 0 15px 0;}
	#coupon_area_pc{display: none;}
	#coupon_area_sp{display: block; position: fixed; width: 100%; z-index: 100; background-color: #444;}
	#coupon_area_sp a{color: #fff;}
		#coupon_area_sp #coupon_bnr_head{padding: 8px 0; overflow: hidden; color: #fff;}
		#coupon_area_sp #coupon_bnr_head .coupon_offper{font-size: 2em; margin-right: 3%; vertical-align: middle; overflow: hidden; background-color: #691f1f;; border-radius: 50px; padding: 20px;}
		#coupon_area_sp #coupon_bnr_head .coipon_tit{ vertical-align: middle; font-size: 16px;}
		#coupon_area_sp #coupon_bnr_head .coupon_link{border: 1px solid #fff; padding: 5px; margin-left: 6%; vertical-align: middle; font-size: 13px;}
		#coupon_area_sp #coupon_bnr_head .coupon_link .fa{margin-right: 7px;}


@media only screen and (max-width: 599px) {
	header {padding: 39px 0 15px 0;}
.mfp-inline-holder .mfp-content, 
.mfp-ajax-holder .mfp-content{ width: 90%!important;}
.side-menu-btn { top: 34px;} 
header .sc_field{top: 43px}
	#coupon_area_sp #coupon_bnr_head{ padding: 0;}
	#coupon_area_sp #coupon_bnr_head .coupon_offper{display: none;}
	#coupon_area_sp #coupon_bnr_head .coupon_link{display: none;}*/
/*クーポン共通送料無料告知パーツ end*/

	/*ul.mb_coupon{position: absolute; top: 53px; left: 9%; display: block;}
	ul.mb_coupon li{position: relative;}
		ul.mb_coupon li span{position: absolute; top: -10px; right: -14px; border-radius: 20px; background-color: #ec5767;color: #fff; text-align: center; width: 23px; height: 23px; font-size: 10px;}
		ul.mb_coupon li:before{
				content: "";
				display: inline-block;
				width: 25px;
				height: 25px;
				background: url(../image/ico_topCoupon.svg) no-repeat;
				background-size: contain;
				vertical-align: middle;
				}*/
/*}*/

/*クーポン共通送料無料告知パーツ*/
/*@media screen and (max-width: 420px) {
	header #logo{top:37px;}
}

@media screen and (max-width: 360px) {
	header #logo{top:31px;}
}*/
/*クーポン共通送料無料告知パーツend*/


/*.login_aspx .couponinfo_area, .membership_aspx .couponinfo_area, .usecoupon_aspx .couponinfo_area {
  width: 90%;
  margin: 0 auto 20px auto;
  border-top: 1px dotted #ccc;
  padding-top: 20px
}

.login_aspx .couponinfo_area p.coupon_codearea, .membership_aspx .couponinfo_area p.coupon_codearea, .usecoupon_aspx .couponinfo_area p.coupon_codearea {
  padding-top: 10px;
  text-align: center;
  line-height: 2em
}

.login_aspx .couponinfo_area p.coupon_codearea span.coupon_detail, .membership_aspx .couponinfo_area p.coupon_codearea span.coupon_detail, .usecoupon_aspx .couponinfo_area p.coupon_codearea span.coupon_detail {
  display: block;
  background-color: #f0e1ca;
  margin-bottom: 10px;
  padding: 5px 0;
  font-size: 1.3em
}

.login_aspx .couponinfo_area p.coupon_codearea span.coupon_detail span.coupon_code, .membership_aspx .couponinfo_area p.coupon_codearea span.coupon_detail span.coupon_code, .usecoupon_aspx .couponinfo_area p.coupon_codearea span.coupon_detail span.coupon_code {
  font-size: 1.5em;
  color: #444
}

.login_aspx .couponinfo_area p.coupon_link, .membership_aspx .couponinfo_area p.coupon_link, .usecoupon_aspx .couponinfo_area p.coupon_link {
  margin: 20px 0
}

.login_aspx .couponinfo_area p.coupon_link a, .membership_aspx .couponinfo_area p.coupon_link a, .usecoupon_aspx .couponinfo_area p.coupon_link a {
  color: #444;
  font-weight: bold;
  border: 1px solid #444;
  padding: 5px 7px;
  outline: none
}

.login_aspx .couponinfo_area p.coupon_link a .fa, .membership_aspx .couponinfo_area p.coupon_link a .fa, .usecoupon_aspx .couponinfo_area p.coupon_link a .fa {
  margin-right: 7px
}

.login_aspx .couponinfo_area, .membership_aspx .couponinfo_area {
  width: 90%;
  margin: 20px auto 20px auto;
  border: 1px dotted #ccc;
  padding: 20px 0 10px 0;
  background-color: #fdfbf8
}

.usecoupon_aspx .couponinfo_area {
  width: 100%
}

.usecoupon_aspx .couponinfo_area {
  width: 90%;
  margin: 0 auto
}

@media only screen and (max-width: 768px) {
  .login_aspx .couponinfo_area {
    width: 100%
  }
  .confirmation_aspx .couponinfo_area {
    border-top: none
  }
  .confirmation_aspx .couponinfo_area p.coupon_codearea {
    text-align: left
  }
  .confirmation_aspx .couponinfo_area p.coupon_codearea span.coupon_detail {
    display: block;
    margin-bottom: 10px;
    padding: 5px 0
  }
  .confirmation_aspx .couponinfo_area p.coupon_codearea br {
    display: none
  }
}
*/

.itemdetail_attention{
    margin-top: 10px;
    text-align: left;}
.itemdetail_attention span+span{

}
.itemdetail_attention span.goodsnamekana span{
    display: inline-block;
    background-image: url(/image/ico_jushou.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    background-position: center center;
    padding: 11px 9px;
    font-weight: 600;
    margin-right: 0.5em;
    font-size: 0.9em;
}
.itemdetail_attention span.goodsnamekana{
/*background: linear-gradient(transparent 60%, #ffff66 60%);*/
font-size: 0.7em;
}

@media print {
#coupon_area_sp {
 display: none;}

}

/*LP_area*/
#lp_wrap{width: 100%; margin: 0 auto;}
#lp_wrap .lp_headArea .head_img{

	background-image: url(../image/nakahora_butter/bg_header_foot.svg),url(../image/nakahora_butter/bg_header.jpg) ;
	background-repeat: no-repeat, no-repeat;
	background-size: 110% ,200%;
	background-position: bottom center,center bottom;
}
#lp_wrap .lp_headArea .head_img img{width: auto; max-width: 100%;}
#lp_wrap .lp_headArea .head_img .tit_img{ margin: 0 auto; padding: 20px 0 40px 0;}
#lp_wrap .lp_headArea .head_img .tit_img img{width: 100%; max-width: 689px; margin-left: -50px;}
#lp_wrap .lp_headArea .head_img .subtit_area{display: table; width: 100%; max-width: 1170px;
    margin: 0 auto;}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img , #lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img2{display: table-cell; vertical-align: top;}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img {padding-right: 45px; width: 52%;}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img span{color: #fff;position: relative; z-index: 1; text-shadow: 0 0 10px #497931, 0 0 15px #497931, 0 0 8px #497931, 0 0 15px #497931;}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img2 .lpitem_subtit1{margin-bottom: 10px;}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img2 .lpitem_subtit2{display: flex; -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img2 .lpitem_subtit2 span{box-sizing: border-box; padding: 10px;}


#lp_wrap .lp_headArea .head_txt{
	background-color: #497931; margin-top: -1px; position: relative;}
#lp_wrap .lp_headArea .head_txt:after{
	content: "";
	border-top: 50px solid #497931;
	border-right: 50px solid transparent;
	border-left: 50px solid transparent;
	position: absolute;
	bottom: -25px;
	margin: auto;
	left: 0;
	right: 0;
	width: 0px;
	z-index: 0;
}
#lp_wrap .lp_headArea .head_txt .head_campaign{width: 100%; max-width: 827px; margin: 0 auto 40px auto;}
#lp_wrap .lp_headArea .head_txt .head_campaign p{margin-top: -10px;}
#lp_wrap .lp_head_btn{width: 100%; max-width: 600px; background-color: #e64f48; margin: 0 auto; position: relative; font-size: 1.5em; border-bottom: 2px solid #333;}
#lp_wrap .lp_head_btn:hover{opacity: 0.7;}
#lp_wrap .lp_head_btn a:after{
	content: "\f0ab";
  font-family:"Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
	right: 2em;
	font-weight: 600;}
#lp_wrap .lp_head_btn a{color: #fff; padding: 1em 0; display: block;}
#lp_wrap .lp_headArea .head_txt .head_scroll{margin-top: 10px; padding-bottom: 10px;}
#lp_wrap .lp_headArea .head_txt .head_scroll p{color: #fff; position: relative; z-index: 2;}
#lp_wrap .lp_headArea .head_txt .head_scroll p span{display: block; margin-top: 10px;}
#lp_wrap .lp_headArea .head_txt .head_scroll p span img{width: 15px;}

#lp_wrap .itemRecopointArea_lp{
	width: 100%;
    background-image: url(../image/nakahora_butter/bg_kodawari_r.png),url(../image/nakahora_butter/bg_kodawari_l.png);
    background-position: -3% top, 104% top;
    background-repeat: repeat-y, repeat-y;
    background-size: 10%;
padding: 40px 0;}

#lp_wrap .itemRecopointArea .recoBlock{background-color:#fff;}
#lp_wrap h3{line-height: 1.3em; font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
#lp_wrap h3:before{content: none;}
#lp_wrap h3.lp_tit_itempoint{}
#lp_wrap h3.lp_tit_itempoint span:before{ content: "";
    display: inline-block;
    width: 89px; height: 50px; 
    margin: -3px 10px 0 0;
    background: url(../image/nakahora_butter/img_kodawari01.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
	position: absolute;
    left: -95px;
    bottom: 30%;
	}
#lp_wrap h3.lp_tit_itempoint span:after{ content: "";
    display: inline-block;
    width: 89px; height: 50px; 
    margin: -3px 0 0 10px;
    background: url(../image/nakahora_butter/img_kodawari02.png) no-repeat;
    background-size: contain;
	vertical-align: middle;
	position: absolute;
    bottom: 30%;
    right: -95px;}

#lp_wrap .itemRecopointArea{margin-bottom: 40px;}

#lp_wrap .lp_reportarea{background-color: #fefdf2; padding: 40px 0;}
#lp_wrap h3.lp_tit_reportpoint span:before{ content: "";
    display: inline-block;
    width: 89px; height: 50px; 
    background: url(../image/nakahora_butter/img_foodrepo01.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
	position: absolute;
    left: -95px;
    bottom: 30%;
	}
#lp_wrap h3.lp_tit_reportpoint span:after{ content: "";
    display: inline-block;
    width: 89px; height: 50px; 
    background: url(../image/nakahora_butter/img_foodrepo02.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
	position: absolute;
    right: -95px;
    bottom: 30%;
	}

#lp_wrap .lp_reportarea_block{
	display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 1135px;
    box-sizing: border-box;}

#lp_wrap .lp_reportarea_block .lp_reportarea_article{
	display: table-cell;
    box-sizing: border-box;
    width: 50%;
    vertical-align: middle;}

#lp_wrap .lp_reportarea_block .lp_reportarea_article:nth-child(odd){ padding: 0 3% 0 0;}
#lp_wrap .lp_reportarea_block .lp_reportarea_article:nth-child(even){ padding: 0 0 0 3%;}

#lp_wrap .lp_reportarea_block .lp_reportarea_article dl{text-align: left;}
#lp_wrap .lp_reportarea_block .lp_reportarea_article dl dd{
	display: block;
    margin-top: -12%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 10px;}

#lp_wrap .lp_reportarea_block .lp_reportarea_article dl dd p.repotit span{
	display: inline-block;
    background-color: #444;
    color: #fff;
    box-sizing: border-box;
    padding: 5px 10px;}

#lp_wrap .lp_reportarea_block .lp_reportarea_article dl dd p.repotxt{
	background-color: rgba(255,255,255,0.8);
    box-sizing: border-box;
    padding: 1em;
    line-height: 1.7em;}


#lp_wrap .lp_steparea{padding: 50px 0; 40px 0; background-image: url(../image/nakahora_butter/bg_step.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

#lp_wrap .lp_steparea h3.lp_tit_step{margin-bottom: 0;}
#lp_wrap .lp_steparea h3.lp_tit_step span{
	background-color: #444;
    border-radius: 30px;
    padding: 1px 5px 2px 5px;
    color: #fff;
    display: inline-block;
    margin: 0 5px;}
#lp_wrap .lp_steparea p.step_campaigntit{
	width: 100%;
    max-width: 820px;
    margin: 0 auto;
    font-size: 36px;
    background-color: #612522;
    color: #fff;
    padding: 10px;
    line-height: 1.5em;
    box-sizing: border-box;
    border-radius: 10px;}

#lp_wrap .lp_steparea ul.lp_steparea_group{
	font-size: 0;
    width: 100%;
    max-width: 1135px;
    margin: 40px auto;}
#lp_wrap .lp_steparea ul.lp_steparea_group li{
	font-size: 15px;
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
    position: relative;
    vertical-align: top;}
#lp_wrap .lp_steparea ul.lp_steparea_group li:after{
	content: "";
    display: inline-block;
    width: 15px;
    height: 20px;
    background: url(../image/nakahora_butter/img_step01.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    right: -10px;
    top: 100px;}
#lp_wrap .lp_steparea ul.lp_steparea_group li:last-child:after{
	content: none;
}

#lp_wrap .lp_steparea ul.lp_steparea_group li dl{}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dt{ font-weight: bold; font-size: 21px; color:#333; margin-bottom: 10px;}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dt span{ font-size: 27px; font-weight: normal; font-family: "Sawarabi Mincho", "Times New Roman", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3"; margin-left: 4px;}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dd{
	width: 185px;
    height: 185px;
    background-color: #ffe6e5;
    box-sizing: border-box;
    border-radius: 100px;
    font-size: 18px;
    line-height: 1.6em;
    margin: auto;
    padding: 12px;
    font-weight: bold;
    border: 5px solid #d9c9c8;}
#lp_wrap .lp_steparea ul.lp_steparea_group li:nth-child(even) dl dd{
	background-color: #fff;}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dd span.f_normal{font-size: 15px; font-weight: normal;}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dd span.f_red{color:#e64f48;}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dd i{
	display: block;
    font-size: 44px;
    margin-bottom: 10px;
	color: #612522;}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dd p{}
#lp_wrap .lp_recommenditem{padding: 40px 0; background-image: url(../image/nakahora_butter/bg_recommenditem.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 40px;}
#lp_wrap .lp_recommenditem h3.lp_tit_recommenditem{}
#lp_wrap .lp_recommenditem h3.lp_tit_recommenditem:after{content: none;}
#lp_wrap .lp_recommenditem h3.lp_tit_recommenditem span:before{
	content: "";
    display: inline-block;
    width: 100px; height: 79px; 
    background: url(../image/nakahora_butter/img_recoitem01.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
	position: absolute;
    left: -95px;
    bottom: 20%;
	}

#lp_wrap .lp_recommenditem h3.lp_tit_recommenditem span:after{
	content: "";
    display: inline-block;
    width: 100px; height: 79px; 
    background: url(../image/nakahora_butter/img_recoitem02.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
	position: absolute;
    right: -95px;
    bottom: 20%;
	}

#lp_wrap .lp_recommenditem .lp_recommenditem_group{ max-width: 1135px; width: 100%; margin: 0 auto;}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul{ display: flex;-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li{
	width: 31%;
    margin: 0 auto 30px auto;}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li dl{
	display:flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
background-color: #fff;}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li dl dt{
	height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    -webkit-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;
width: 55%;}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li dl dt p{
	margin-top: 0%;
    -webkit-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li dl dt:hover p{
	margin-top: -100.4%;}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li dl dt p img:nth-child(1){}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li dl dt p img:nth-child(2){}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li dl dd{
	width: 45%;
	text-align: left;
    box-sizing: border-box;
    padding: 10px;}

#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li dl dd p.lp_recoitem_copy{
font-size: 17px;
    font-weight: bold;
    margin-bottom: 2em;
}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li dl dd p.lp_recoitem_name{
}

#lp_wrap .itemsend_txt{margin-top: 10px; display: block;}
#lp_wrap .itemdetailArea_top{margin-top: 40px;}
div.content #lp_wrap .itemdetailArea .item_sharearea{padding-top: 0; display: none;}
div.content #lp_wrap .itemdetailArea .itemdetailArea_top .itemTxtArea #divAddToCartAndBookmark{
    padding-top: 240px;
    margin-top: -240px;}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* ふわっと表示 */
.fade-up, .fade-in {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}

#lp_wrap .lp_steparea ul.lp_steparea_group li:nth-of-type(2) {
    -moz-transition-delay:300ms;
    -webkit-transition-delay:300ms;
    -o-transition-delay:300ms;
    -ms-transition-delay:300ms;
}
#lp_wrap .lp_steparea ul.lp_steparea_group li:nth-of-type(3) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
}
#lp_wrap .lp_steparea ul.lp_steparea_group li:nth-of-type(4) {
    -moz-transition-delay:900ms;
    -webkit-transition-delay:900ms;
    -o-transition-delay:900ms;
    -ms-transition-delay:900ms;
}
#lp_wrap .lp_pc_block{display:block;}
#lp_wrap .lp_sp_block{display:none;}

@media screen and (max-width: 1010px){
div.content #lp_wrap .itemdetailArea .itemdetailArea_bottom {
    padding: 0;
}
	div.content #lp_wrap .itemRecopointArea,div.content #lp_wrap .itemdetailArea .lp_itemdetailArea_bottom,#lp_wrap .lp_reportarea_block,#lp_wrap .lp_headArea .head_img,#lp_wrap .lp_headArea .head_txt{ padding:0 2%;}
	#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li{
	width: 45%;}
	}


@media screen and (max-width: 800px){
#lp_wrap .lp_headArea .head_img {
    background-size: 110% ,cover;
}
#lp_wrap .lp_headArea .head_img .subtit_area {
    display: block;
    width: 100%;
}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img {
    padding-right: 0px;
    width: 100%;
    margin-bottom: 40px;
}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img, #lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img2 {
    display: block;
}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img span {
    display: block;
	color: #333;
text-shadow:none;
}
div.content #lp_wrap .itemdetailArea .itemdetailArea_bottom {
    max-width: 800px;
}
#lp_wrap .lp_steparea p.step_campaigntit {
    max-width: 630px;
    font-size: 27px;
}
#lp_wrap .lp_steparea ul.lp_steparea_group li {
    width: 50%;
    margin-bottom: 40px;
}

#lp_wrap .lp_steparea ul.lp_steparea_group li dl dd {
    width: 225px;
    height: 225px;
    border-radius: 120px;
    padding: 32px;

}

#lp_wrap .lp_steparea ul.lp_steparea_group li:nth-child(2):after{
	content: none;
}
div.content .itemdetailArea .itemdetailArea_top .itemTxtArea #divAddToCartAndBookmark{
		position: static;}
#lp_wrap .lp_headArea .head_txt .head_campaign{padding-top: 15px;}
div.content #lp_wrap .itemdetailArea .itemdetailArea_top .itemTxtArea #divAddToCartAndBookmark{
    padding-top: 80px;
    margin-top: -80px;}
}

@media screen and (max-width: 768px){
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li {
    width: 80%;
}
#lp_wrap .lp_reportarea_block {
    display: block;
}
#lp_wrap .lp_reportarea_block .lp_reportarea_article {
    display: block;
    width: 80%;
    margin: 0 auto;
}
#lp_wrap .lp_reportarea_block .lp_reportarea_article:first-child{
		margin-bottom: 40px;
		
	}
#lp_wrap .lp_reportarea_block .lp_reportarea_article:nth-child(odd) {
    padding: 0;
}
#lp_wrap .lp_reportarea_block .lp_reportarea_article:nth-child(even) {
    padding: 0;
}
div.content #lp_wrap .itemRecopointArea,div.content #lp_wrap .itemdetailArea .itemdetailArea_top, div.content #lp_wrap .itemdetailArea .lp_itemdetailArea_bottom, #lp_wrap .lp_reportarea_block, #lp_wrap .lp_headArea .head_img, #lp_wrap .lp_headArea .head_txt {
    padding: 0 8%;
}
}

@media screen and (max-width: 680px){
div.content #lp_wrap .itemdetailArea .itemdetailArea_bottom h3,
#lp_wrap .lp_recommenditem h3.lp_tit_recommenditem,#lp_wrap .lp_steparea h3.lp_tit_step, div.content #lp_wrap .itemdetailArea .lp_reportarea h3 {
    font-size: 1.7em;
}

	div.content #lp_wrap .itemdetailArea .itemRecopointArea .recoBlock .recoImg img{
	width: 100%;
	}
}

@media screen and (max-width: 599px){
	#lp_wrap h3.lp_tit_itempoint span:before,#lp_wrap h3.lp_tit_reportpoint span:before{
	display: block;
    margin: 0 auto 10px auto;
     position: static; }
	#lp_wrap h3.lp_tit_itempoint span:after,#lp_wrap h3.lp_tit_reportpoint span:after{content:  none;}
	#lp_wrap .lp_steparea p.step_campaigntit{    
	margin: 0 20px;
    box-sizing: border-box;
    max-width: none;
    width: auto;
	font-size: 22px;}
#lp_wrap .lp_head_btn {
	max-width: 400px;}
#lp_wrap .lp_reportarea_block .lp_reportarea_article {
    width: 100%;
}
	

#lp_wrap .lp_steparea ul.lp_steparea_group li dl dt {
    font-size: 21px;
}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dd {
    width: 145px;
    height: 145px;
    border-radius: 120px;
    padding: 12px;
    font-size: 15px;
    line-height: 1.4em;
}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dd i {
    font-size: 34px;
}
#lp_wrap .lp_steparea ul.lp_steparea_group li p{font-size: 13px;}
#lp_wrap .lp_steparea ul.lp_steparea_group li dl dd span.f_normal{font-size: 13px;}
}

@media screen and (max-width: 450px){
div.content #lp_wrap .itemRecopointArea, div.content #lp_wrap .itemdetailArea .itemdetailArea_top, div.content #lp_wrap .itemdetailArea .lp_itemdetailArea_bottom, #lp_wrap .lp_reportarea_block, #lp_wrap .lp_headArea .head_img, #lp_wrap .lp_headArea .head_txt {
    padding: 0 3%;
}
#lp_wrap .lp_recommenditem .lp_recommenditem_group ul li {
    width: 90%;
}
#lp_wrap .lp_head_btn {
    max-width: none;
    width: 94%;
}
#lp_wrap .lp_headArea .head_img .tit_img img {
     margin-left: 0px; 
}
	div.content .contBlock h2.RecentlyViewedItemsTitle{
		font-size: 24px;
	}
#lp_wrap .lp_headArea .head_txt .head_scroll{ margin-top: 5px;}
#lp_wrap .lp_headArea .head_txt .head_scroll p span img { width: 5px;}
#lp_wrap .itemTxtArea .itemicon_field{padding: 15px 0 30px 0; }
div.content .RecentlyViewedItems .RecentlyViewedItemsTitle a:before{margin-top:0px; content:""; display:block;}
div.content .RecentlyViewedItems .RecentlyViewedItemsTitle a{margin:10px auto 0 auto; display:block; width: 100%; max-width:150px;}
#lp_wrap .lp_headArea .head_txt .head_scroll p span{margin-top:0;}
#lp_wrap .lp_headArea .head_img .subtit_area .lpitem_img {margin-bottom: 20px;}
#lp_wrap .lp_steparea .step_bottomtxt{margin: -40px 0 30px 0 ; padding:0 10px;}
#lp_wrap .lp_pc_block{display:none;}
#lp_wrap .lp_sp_block{display:block;}
}

/*mm campaign*/
.top_aspx .bnr_top_mmcamp{
    width: 100%;
    max-width: 1000px;
    margin: 0px auto 60px auto;
}

.top_aspx .bnr_top_mmcamp p.pc_bnr{display:block;}
.top_aspx .bnr_top_mmcamp p.sp_bnr{display:none;}
.productdetail_aspx p.bnr_camp_productdetail{
    position: fixed;
    top: 130px;
    right: 0;
    z-index: 10;}
.productdetail_aspx p.bnr_camp_productdetail img{
    width: auto;
    max-width: 160px;}
.productdetail_aspx p.bnr_camp_productdetail span.close {
    position: absolute;
    top: -5px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    z-index:1;
    display:none;
}
.productdetail_aspx p.bnr_camp_productdetail span.close:before {
    content: "×";
    padding: 4px;
    background-color: #ccc;
    border-radius: 20px;
    text-align: center;
    font-size: 1.3em;
    display: block;
}
@media screen and (max-width: 700px){
.top_aspx .bnr_top_mmcamp p.pc_bnr{display:none;}
.top_aspx .bnr_top_mmcamp p.sp_bnr{display:block; padding:0 10px;}
.productdetail_aspx p.bnr_camp_productdetail span.close {
    display:block;
}
.productdetail_aspx p.camp_close {
    display:none;
}
}


/*soldout
div.content .item_list li dt{position:relative;}
div.content .item_list li.li_B0039 dt:before,
div.content .item_list li.li_B0040 dt:before,
div.content .item_list li.li_B0044 dt:before,
div.content .item_list li.li_B0025 dt:before{
position:absolute;
margin:auto;
    content:"ご好評につき\A販売終了いたしました";
white-space: pre;
display:block;
text-align:center;
width: 100%;
    height: 60%;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    padding: 40% 0 0 0;
    overflow: hidden;}
*/
/*crossSellParts*/
div.content h2.CrossSellTitle{text-align: center;
    font-size: 1.5em;
    margin: 60px 0 30px auto;}
div.content .CrossSell .CrossSellList{display:flex; flex-wrap: wrap;}
div.content .CrossSell .CrossSellList li{width: 14%; display:block; margin-bottom: 80px;}
div.content .CrossSell .CrossSellList li:nth-of-type(4n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(6n) {
    margin-right: 0%;
}
div.content .CrossSell .CrossSellList li dl:after{
content:none;
}

div.content .CrossSell .CrossSellList li dl dd{
padding: 0 10px 0 10px;
}

div.content .CrossSell .CrossSellList li dl dd.price_area{
    display: block;
    position: static;
}

div.content .CrossSell .CrossSellList li dl dd.price_area .price {
    display: block;
    text-align: left;
    vertical-align: middle;
}

div.content .CrossSell .CrossSellList li .itemlist_detailbtn{
    display: block;
    width: 100%;
    max-width:130px;
    margin:0 auto;}

div.content .CrossSell .CrossSellList li .itemlist_detailbtn a{
background-color:#000; color:#fff; box-sizing:border-box; padding:0.5em 1em;
}

div.content .CrossSell .CrossSellList li .itemlist_detailbtn a:hover{
background-color:#444;
color:#fff;
}

@media screen and (max-width: 1000px){
div.content .CrossSell .CrossSellList li {
    width: 17.5%;
    display: block;
}
div.content .CrossSell .CrossSellList li:nth-of-type(6n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(5n) {
    margin-right: 0%;
}
}

@media screen and (max-width: 800px){
div.content .CrossSell .CrossSellList li{width: 22.5%;}
div.content .CrossSell .CrossSellList li:nth-of-type(2n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(5n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(4n) {
    margin-right: 0%;
}
}

@media screen and (max-width: 599px){
div.content .CrossSell .CrossSellList li{width: 22.5%;}
div.content .CrossSell .CrossSellList li:nth-of-type(2n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(5n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(4n) {
    margin-right: 0%;
}
}

@media screen and (max-width: 500px){
div.content .CrossSell .CrossSellList li{width: 31%;}
div.content .CrossSell .CrossSellList li:nth-of-type(2n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(5n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(4n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(3n) {
    margin-right: 0%;
}
}


@media screen and (max-width: 400px){
div.content .CrossSell .CrossSellList li{width: 48.5%;}

div.content .CrossSell .CrossSellList li:nth-of-type(5n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(4n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(3n) {
    margin-right: 3%;
}
div.content .CrossSell .CrossSellList li:nth-of-type(2n) {
    margin-right: 0%;
}
}


/*lp*/
.lp_wrap{width:100%; magin:0 auto; font-size: 16px;}
.lp_wrap .lp_mainarea{max-width:1130px; margin:0 auto; background-repeat: no-repeat; background-size: 100%; position: relative;/*padding-bottom: 30%;*/ height: 640px; box-sizing: border-box;}
.u_page_weekly_aspx .lp_wrap .lp_mainarea{background-image: url(../image/lp/weekly/lp_mainimg.jpg); }
.u_page_monthly_aspx .lp_wrap .lp_mainarea{background-image: url(../image/lp/monthly/lp_mainimg.jpg); }
.lp_wrap .lp_mainarea .lp_badge{position: absolute;left: 7%; top: -2%; max-width: 140px;}
.lp_wrap .lptit{padding-top: 32px;}
.lp_wrap .lptit span{position: relative; display: block;}
.lp_wrap .lptit span:after{content: ""; display: inline-block; width: 13%; padding-bottom: 3%; background-image: url(../image/lp/weekly/lp_bg_titr.png); background-repeat: no-repeat; background-size: contain; margin-left: 1em; background-position: left center;vertical-align: middle;}
.lp_wrap .lptit span:before{content: ""; display: inline-block; width: 13%; padding-bottom: 3%; background-image: url(../image/lp/weekly/lp_bg_titl.png); background-repeat: no-repeat; background-size: contain; margin-right: 1em; background-position: right center; vertical-align: middle;}
.lp_wrap .lptit span img{width: 100%;vertical-align: middle;}
.lp_wrap .lp_maintit span img{ max-width: 516px; height: auto; }
.lp_wrap .lp_mainiteminfoArea{
	max-width: 980px;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.7);
    /*margin-top: -12%;*/
	margin-top: -100px;
    position: relative;
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
	margin-bottom: 80px;
	overflow: hidden;}

.lp_wrap .lp_mainiteminfoArea .lp_itemname{ box-sizing: border-box; width: 50%; padding-left: 48px;}
.lp_wrap .lp_itemname{text-align: left; font-size: 32px; line-height: 1em; color: #5c4507; font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;}
.lp_wrap .lp_mainiteminfoArea .lp_btn{width: 50%; margin-left: auto;}
.lp_btn{ max-width: 420px; background-color: #c90915; color: #fff;font-size: 1.4em; box-sizing: border-box;}
.lp_btn a{color: #fff; padding: 1.2em;display: block; position: relative;}
.lp_btn a:after{	display: inline-block;
		vertical-align: middle;
		content: "\f144";
		font-family:"Font Awesome 5 Free";
		margin-left: 0.5em;
		font-size: 18px;
		margin:auto;
		position: absolute;
		width: 1em;
		height: 1em;
		bottom:0;
		top: 0;
		right: 1em;
		font-weight: 600;
}
.lp_wrap .lp_mainiteminfoArea .lp_itemtxt{ width: 820px; margin: 24px auto; box-sizing: border-box;}
.lp_wrap .lp_itemtxt{text-align: left; line-height: 2em;}
.lp_wrap .lp_mainiteminfoArea .red{ color: #c90915; font-weight: 600; font-size: 1.2em;}

.lp_wrap .lp_subiteminfoArea{max-width:1130px; margin:0 auto 80px auto; }
.lp_wrap .lp_subiteminfoArea dl{
	display: flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;}
.lp_wrap .lp_subiteminfoArea dl dt{width: 40%; max-width: 405px;}
.lp_wrap .lp_subiteminfoArea dl dd{
	width: 65%;
    max-width: 650px;
    margin-left: 30px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;}
.lp_wrap .lp_itemname span.icon_recommend{
	font-size: 11px;
    background-color: #d0bc83;
    display: inline-block;
    padding: 0 8px;
    color: #fff;
    vertical-align: middle;
    width: 8em;
    margin-bottom: 8px;}

.lp_wrap .lp_subiteminfoArea .lp_itemname{
	width: 20%;
    display: flex;
    flex-direction: column;}
.lp_wrap .lp_subiteminfoArea .lp_itemtxt{margin: 24px auto 0 auto;}
.lp_wrap .lp_subiteminfoArea .lp_btn{ margin-left: auto; width: 100%;}

.lp_wrap .lp_couponinfoArea{
	background-color: #f4efec;
    padding: 16px 15px 48px 15px;
    box-sizing: border-box;}
.lp_wrap .lp_coupontit span img{max-width: 538px; height: auto; }
.lp_wrap .lp_couponimg{
	max-width: 820px;
    margin: 32px auto 8px auto;}
.lp_wrap .lp_couponinfoArea ul{
	max-width: 820px;
    text-align: right;
    margin: 0 auto 48px auto;}
.lp_wrap .lp_couponinfoArea dl{
	max-width: 820px; margin: 0 auto;
}
.lp_wrap .lp_couponinfoArea dl dt{
	font-size: 1.4em;
    font-weight: 600;
    color: #7c5900;
    margin-bottom: 16px;}
.lp_wrap .lp_couponinfoArea dl dd div.lp_coupondetail p.coupon_input,
.lp_wrap .lp_couponinfoArea dl dd div.lp_coupondetail p.coupon_howto{ margin-bottom: 16px;}
.lp_wrap .lp_couponinfoArea dl dd div.lp_coupondetail p.coupon_input input{
	width: 300px;
    padding: 16px;
    font-size: 1.5em;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ccc;}

.lp_wrap .lp_recommendtit img{max-width:288px;}

.morebtn{margin:40px auto; text-align:center;}
.ribbon {
  left: 0;
  top: 0;
  position: absolute;
      height: 150px;
    width: 150px;
  transform: rotateZ(-45deg);
}

.ribbon span {
  text-align: center;
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #ad934b;
    color: #fff;
    font-size: 13px;
    text-shadow: 1 1 3px #000;
}
.u_page_weekly_aspx .ProductListFooter .pagination,
.u_page_monthly_aspx .ProductListFooter .pagination{display: none;}

@media screen and (max-width: 1200px){
.lp_wrap .lp_mainarea {
    padding-bottom: 53%;
    height: auto;
}
.lp_wrap .lp_mainiteminfoArea {
    margin-top: -12%;
	}
}
@media screen and (max-width: 1000px){
.lp_wrap .lp_subiteminfoArea {
    padding: 0 15px;
    box-sizing: border-box;
}
}

@media screen and (max-width: 930px){
	.lp_wrap .lp_subiteminfoArea .lp_itemname{
	display: block;
    width: 100%;
    margin-bottom: 16px;
	}
	
	.lp_wrap .lp_itemname span.icon_recommend{
	margin-right: 0.5em;
	}
	
	.lp_wrap .lp_subiteminfoArea .lp_btn{
	 margin: auto;
	}
	
	.lp_wrap .lp_mainarea .lp_badge{
		left: 1%;
	}
}

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

	.lp_wrap .lp_subiteminfoArea dl{
	flex-direction: column;
	}
	
	.lp_wrap .lp_subiteminfoArea dl dt{
	width: 100%;
    margin: 0 auto 32px;
	}
	
	.lp_wrap .lp_subiteminfoArea dl dd{
	width: 100%;
    margin: 0 auto;
	}
	
	.lp_wrap .lp_subiteminfoArea .lp_itemname{
		text-align: center;
	}
	
	.lp_wrap .lp_coupontit span img{
	width: 60%!important;
    max-width: none;
	}
	
	.lp_wrap .lp_recommendtit img{
	width: 30%!important;
    max-width: none;
	}
	
	.lp_wrap .lptit span{
	text-align: center;
	}
	
	.lp_wrap .lp_maintit span img{
	width: 50%!important;
    max-width: none;
	}
	
	.lp_wrap .lp_mainarea .lp_badge{
	width: 20%;
	}
	
	.lp_wrap .lptit span img{
		width: auto;
	}
}
@media screen and (max-width: 768px){
	.lp_wrap .lp_mainarea{
		padding-bottom: 60%;
	}
	
	.lp_wrap .lp_mainiteminfoArea .lp_itemname{
	text-align: center;
    width: 100%;
    padding-left: 0;
    margin-bottom: 24px;
	}
	
	.lp_wrap .lp_mainiteminfoArea .lp_btn{
	    width: 100%;
    margin: 0 auto;
	}
}

@media screen and (max-width: 599px){
.lp_wrap{font-size: 14px;}
.lp_wrap .lp_mainarea {
    padding-bottom: 55%;
    background-size: 120%;
    background-position: center;
	
}
.lp_wrap .lp_mainiteminfoArea{margin: -12% 15px 80px 15px;}
.lp_wrap .lp_subiteminfoArea .lp_btn,
.morebtn{
    width: 90%;
}
}

@media screen and (max-width: 420px){
.ribbon {
    height: 130px;
    width: 130px;
}
	
.ribbon span {
    height: 28px;
    line-height: 28px;
}
.lp_wrap .lp_itemname {
	font-size: 30px;}
.lp_btn {
    font-size: 1.2em;
}
.lp_wrap .lp_btn a {
    padding: 1.0em;
}
}

@media screen and (max-width: 370px){
	.lp_wrap .lptit {
    padding-top: 11px;
}
	.lp_wrap .lp_mainiteminfoArea .lp_itemname{
	 padding-top: 24px;
	}
	
	.lp_wrap .lp_itemname {
    font-size: 25px;
}
}

/*reviewArea*/
#ProductDetail .reviewArea{margin: 120px 0 40px 0; background-color: #f3f1ef; padding: 60px 0;}
#ProductDetail .reviewArea h3{/*font-size: 1.5em;*/}
#ProductDetail .reviewArea h3 span{display: block; width: auto; vertical-align: middle;margin-bottom: 20px;}
#ProductDetail .reviewArea h3 span img{width: 180px; height: auto;}
#ProductDetail .reviewArea .review_wrap{width: 100%; max-width: 1135px; margin: 0 auto;}
#ProductDetail .reviewArea .review_wrap>li{margin-bottom: 40px;}
#ProductDetail .reviewArea .review_wrap li .review_block{
	/*padding: 20px;
    border: 1px solid #ccc;*/
    display: flex;
    justify-content: space-around;
	align-items: flex-start;}
#ProductDetail .reviewArea .review_wrap li .review_user{width: 25%; padding-right: 10px; box-sizing: border-box;}
#ProductDetail .reviewArea .review_wrap li .review_user dl{text-align: left;}
#ProductDetail .reviewArea .review_wrap li .review_user dl:after{content:none;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dt.star{margin-bottom: 10px; font-weight: 600; border: 2px solid #ececec; padding: 10px 0 10px 0; text-align: center; background-color: #fff;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dt.star span:after{
	content: "：";
    width: 1em;
    height: 1em;
    display: inline-block;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dt.star i{margin-right: 0.2em; font-size: 19px; color: #ffda2e;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dt.star i:last-child{margin-right: 0.5em;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd{ display: flex; margin-bottom: 0.5em; align-items: center;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd i{
margin-right: 0.2em;
    color: #ffda2e;
	}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd:last-child{margin-bottom: 0;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd p{width: 11em;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd > p:after{
	content: "：";
	width: 1em;
	height: 1em;
	display: inline-block;
}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd >span{font-size: 0.8em; display: inline-block; vertical-align: middle; margin-left: 0.5em;}
#ProductDetail .reviewArea .review_wrap li .review_detail{border: 1px solid #ccc; width: 75%; padding: 20px; background-color: #fff;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul{display: block;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt{width: 100%; text-align: left; box-sizing: border-box;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl{adding: 0 10px;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl dt{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    align-items: center;
    padding: 0.5em 0 1em 0;
}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl dt>p.review_title{font-weight: 500; font-size: 1.2em;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl dt>p.review_userinfo{
	font-weight: normal; font-size: 0.8em;
}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl dt>p>span{font-size: 0.8em;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl dd{ padding: 10px 0;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl dd:first-of-type{margin-bottom: 20px;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl dd span.review_goodpoint{
    display: inline-block;
    padding: 3px 8px;
    border-radius: 10px;
    margin-bottom: 10px;
    border: 2px solid #ff1e32;
    font-size: 0.8em;
}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl dd span.review_notgoodpoint{
    display: inline-block;
    padding: 3px 8px;
    border-radius: 10px;
    margin-bottom: 10px;
    border: 2px solid #333;
    font-size: 0.8em;
}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_img{width: 100%;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_img img{width: 100%; max-width: 200px; height: auto; padding: 10px;}
#ProductDetail .storenet_taikoban{width: 100%; max-width: 426px; margin: 20px auto 0 auto;}

@media screen and (max-width: 1135px) {
	#ProductDetail .reviewArea .review_wrap{padding: 60px 10px; box-sizing: border-box;}
}
@media screen and (max-width: 768px) {
#ProductDetail .reviewArea h3 span{display: block; margin-right: 0; margin-bottom: 20px;}
#ProductDetail .reviewArea .review_wrap li .review_block{flex-wrap: wrap;}	
#ProductDetail .reviewArea .review_wrap li .review_user{ width: 100%;}
#ProductDetail .reviewArea .review_wrap li .review_user dl{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dt.star{width: 100%;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd.review_name{}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd.review_title{
	width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;}

#ProductDetail .reviewArea .review_wrap li .review_user dl dd.review_sex{margin-left: auto;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd.review_age{padding-left: 10px;}
#ProductDetail .reviewArea .review_wrap li .review_user dl dd.review_useinfo{padding-left: 10px;}
#ProductDetail .reviewArea .review_wrap li .review_detail{width: 100%; padding:20px 10px;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul{display: block;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt{width: 100%; padding-right: 0; margin-bottom: 20px;}
#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_txt dl dt{
	border-bottom: none;
	display: block;
    text-align: left;
    padding: 0;}

#ProductDetail .reviewArea .review_wrap li .review_detail>ul>li.review_img{
	width: 60%;
    margin: 0 auto;
}
}
/*reviewpickupArea*/

#ProductDetail .detail_reviewpickupArea{
background-color: #f3f1ef;
padding: 40px 10px 20px 10px;
	}
#ProductDetail .detail_reviewpickupArea h2.reviewpickupAreatit{
	font-size: 2em;
    color: #ff1f33;
	margin-bottom: 2em;
	font-weight: 600;
}

#ProductDetail .detail_reviewpickupArea h2.reviewpickupAreatit span.slash:before{
	content: "";
	display: inline-block;
	background-image: url(../image/review/icon_spoon.svg);
	background-repeat: no-repeat;
	width: 30px;
	height: 23px;
	background-size: contain;
	margin-right: 10px;
}

#ProductDetail .detail_reviewpickupArea h2.reviewpickupAreatit span.slash:after{
	content: "";
	display: inline-block;
	background-image: url(../image/review/icon_folk.svg);
	background-repeat: no-repeat;
	width: 29px;
	height: 25px;
	background-size: contain;
	margin-left: 10px;
}

#ProductDetail .detail_reviewpickupArea span.bnr_storenet  {
    display: block;
    width: auto;
    vertical-align: middle;
    margin-bottom: 20px;
}

#ProductDetail .detail_reviewpickupArea span.bnr_storenet img {
    width: 180px;
    height: auto;
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock{margin: 20px auto; max-width: 1124px;}
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul{display:flex; flex-wrap:wrap; justify-content: center;}
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul:after{
	content: none;
}
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li{
	width: 31%;
	margin-bottom: 40px;
	padding: 10px 15px;
    box-sizing: border-box;
	position: relative;
}



#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dl{}


#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt{
	position: relative;
	padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
	box-shadow: 0 0 5px 0 rgba(163,163,163,0.30);
	margin-bottom: 20px;
	
	-webkit-transition: all .3s;
    transition: all .3s;
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li:hover dl:after{
	content: "check!";
	display: block;
	width: 4em;
	height: 1em;
	/*background-color: #ff1f33;*/
	color: #ff1f33;
	top: 0;
	left: 0;
	position: absolute;
	font-weight: 600;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
	text-decoration: underline;
}
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li:hover dt{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
	box-shadow: 0 0 10px 0 rgba(163,163,163,0.50);
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li:hover dt:before{
box-shadow: 0 0 10px 0 rgba(163,163,163,0.50);
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt:before,
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt:after{
	width: 0;
	height: 0;
	content: "";	
	position: absolute;
	right: 0px;
	background: #fff;
}
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt:before{
  z-index: 0;
  width: 35px;
    height: 35px;
    bottom: 4px; left: 50%; /* 位置 */
  transform: translateX(-50%) rotate(45deg) skew(20deg,20deg); /* 傾斜角(skew) */
	box-shadow: 0 0 5px 0 rgba(163,163,163,0.30);
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt:after{
  top: 0; left: 0;
  width: 100%; height: 100%;
	border-radius: 10px;
}
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt p{
	color: #333; 
	position: relative;
    z-index: 3;
font-size: 1.15em;
    line-height: 1.8em;
    padding: 10px;}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt p:before{
	content: "";
	display: inline-block;
	background-image: url(../image/review/ico_slash_l.svg);
	background-repeat: no-repeat;
	width: 23px;
	height: 25px;
	background-size: contain;
	position: absolute;
    bottom: 0;
    left: 0;
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt p:after{
	content: "";
	display: inline-block;
	background-image: url(../image/review/ico_slash_r.svg);
	background-repeat: no-repeat;
	width: 23px;
	height: 25px;
	background-size: contain;
	position: absolute;
    bottom: 0;
    right: 0;
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt p span.txt_marker_y{
	font-weight: 600;
	background: linear-gradient(transparent 60%, #ffeb43 60%);
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dd.review_picupinfo{
	
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dd.review_picupinfo div.star span{
	display: inline-block;
	padding: 3px 1em;
	background-color: #ff1f33;
	color: #fff;
	margin-right: 0.5em;
	margin-top: 1em;
	
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dd.review_picupinfo div.star p{
	font-size: 0.9em;
}

#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dd.review_picupinfo div.star i {
    margin-right: 0.2em;
    font-size: 19px;
    color: #ffda2e;
}

@media screen and (max-width: 980px) {
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li{
	width: 47%;

}
}

@media screen and (max-width: 660px) {
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li{
	width: 95%;

}
	
#ProductDetail .detail_reviewpickupArea .detail_reviewpickupBlock ul li dt p br{
		display: none;
	}
}
@media screen and (max-width: 380px) {
	#ProductDetail .detail_reviewpickupArea h2.reviewpickupAreatit span.slash:before,
	#ProductDetail .detail_reviewpickupArea h2.reviewpickupAreatit span.slash:after{
		vertical-align: middle
	}
	#ProductDetail .detail_reviewpickupArea h2.reviewpickupAreatit {
		font-size: 1.5em;}
}

div.content .tvshow_block{

}

div.content .tvshow_block .tvshow_area{
	width:100%;
	max-width:1135px;
	margin:0 auto;
}

div.content .tvshow_block .tvshow_area>ul{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
div.content .tvshow_block .tvshow_area>ul>li{
	width: 50%;
	padding:0 2%;
	box-sizing:border-box;
}
div.content .tvshow_block .tvshow_area>ul li dl{
	display:flex;
	border-top: 4px double #333;
	border-bottom: 4px double #333;
	padding: 10px;
	height: 100%;
	box-sizing: border-box;
}

div.content .tvshow_block .tvshow_area>ul li dl dd>ul.tvshow_ico_date{
	display:flex;
	justify-content:space-between;
	width: 100%;
	margin-bottom: 7px;
	font-size: 0.9em;
}
div.content .tvshow_block .tvshow_area>ul li dl dd>ul.tvshow_ico_date li{
	display:block;
	 width:50%;
}

div.content .tvshow_block .tvshow_area>ul li dl dd>ul.tvshow_ico_date li.tvshow_ico{
	text-align:left;
	box-sizing: border-box;
}
div.content .tvshow_block .tvshow_area>ul li dl dt{
	width: 35%;
}
div.content .tvshow_block .tvshow_area>ul li dl dd{
	padding: 0 0 0 15px;
	display: flex;
	flex-wrap: wrap;
	width: 65%;
	box-sizing: border-box;
}
div.content .tvshow_block .tvshow_area>ul li dl dd>ul.tvshow_ico_date li.tvshow_ico span{
	background-color:#444;
	padding: 4px 8px;
	color: #fff;
	display: inline-block;
}

div.content .tvshow_block .tvshow_area>ul li dl dd>ul.tvshow_ico_date li.tvshow_date{
	text-align:right;
	box-sizing: border-box;
}
div.content .tvshow_block .tvshow_area>ul li dl dd>ul.tvshow_ico_date li.tvshow_date span{
	padding: 4px 0;
	display: inline-block;
}
div.content .tvshow_block .tvshow_area>ul li dl dd .tvshow_copy{text-align: left;width: 100%;font-size: 1.35em;line-height: 1.5em;margin-bottom: 10px;font-family: "Sawarabi Mincho", "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3";}
div.content .tvshow_block .tvshow_area>ul li dl dd .tvshow_copy .txt_marker_y{    background: linear-gradient(transparent 60%, #ffeb43 60%);}

div.content .tvshow_block .tvshow_area>ul li dl dd .tvshow_itemname{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-left: auto;
	text-align: left;
}

div.content .reccomend_block{
	background-color: #f3f1ef;
	padding-top: 40px;
	margin-bottom: 60px;
}


@media screen and (max-width: 768px) {
	div.content .store_area ul li{
		width: 48%;
	}
}

@media screen and (max-width: 700px) {
	div.content .tvshow_block .tvshow_area>ul>li{
		width:100%;
		margin-bottom:4%;
	}
	div.content .tvshow_block .tvshow_area>ul>li:last-child{
		margin-bottom:0;
	}
}

@media screen and (max-width: 599px) {
	div.content .ranking_area li dl dd{
		padding:5px 10px;
	}
}

/* originalai */
.headermsg{font-size:0.8em;padding:3px 0;background-color:#444;color:#ffffff !important;}

.headermsg.oceanterre{background-color:#444;}
.headermsg.oceanterresweets{background-color:#000000 !important;}


.catalog .container-fluid:before, 
.catalog .container-fluid:after {
    content: " ";
    display: table;
}
.catalog .container-fluid{
margin:0 auto;
}
.visible-xs{
  visibility: hidden;
}
.catalog {display: block;}
.catalog section{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
}

.catalog img {vertical-align: middle;border:0}

.catalog__section{
  height: 420px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 90px 0;
  text-align: center;
  /*padding: 15% 0;*/
}

.catalog__section h2,
.catalog__section p{
  text-align: center;
  margin: 0;
}
.catalog__section h2{
font-size: 24px;
}
.catalog__section h2{
  margin-bottom: 38px
}
.catalog__section p.catalog__main{
  font-size: 32px;
  margin-bottom: 20px;
    line-height: 1.3em;
}
.catalog__section p.catalog__sub{
  font-size: 16px;
  margin-bottom: 52px;
}
.catalog__section p.catalog_detail a{
  display: inline-block;
  font-size: 14px;
  width: 240px;
  padding: 1.5em 0;
}
.catalog__section .inner{
  height: 100%;
	max-width: 1150px;
}

.catalog__section02{
  background-image: url(/online/Images/Common/background_02.jpg);
}
.catalog__section02 .inner{
  /*background-image: url(/store/Images/Common/catalog_ocean-terre.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
	
    height: 320px;
    width:100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;*/
}
.catalog__section02 .inner img{
width:190px;
heeight:94px;
}
.catalog__section02 h2, .catalog__section02 p, .catalog__section02 a{
  color: #fff;
}
.catalog__section02 a{
  border: none;
  background-color: rgba(255, 255, 255, 0.9);
}

.catalog__section05{
  background-image: url(/online/Images/Common/background_05.jpg);
  background-color: #2c2c31;
}
.catalog__section05 .inner{
  background-image: url(/store/Images/Common/catalog_ocean-terre-sweets.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
.catalog__section05 h2, .catalog__section05 p, .catalog__section05 a{
  color: #fff;
}
.catalog__section05 h2{
  margin-bottom: 16px;
}
.catalog__section05 p{
  text-shadow: 0 0 5px #000;
}
.catalog__section05 p.catalog__sub{
  margin-bottom: 32px;
}
.catalog__section05 a{
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.top_aspx #itemListBox {
width: 100%;
	max-width: 1130px;
    margin: 50px auto 0px auto;}

.top_aspx #itemListBox .ProductListHeader,.top_aspx #itemListBox .ProductListFooter {
display:none;}
.top_aspx #itemListBox .itemlist_detailbtn{display:none;}

@media screen and (max-width: 768px) {
.catalog__section02 .inner {
background-image:none;
}
}

.login_aspx .ErrorMessage ul{
text-align:center;}

.itemcategory_area#CategoryCategory06 .itemcategory_head .categorytit_txt,
.itemcategory_area#CategoryCategory01 .itemcategory_head .categorytit_txt{
color:#fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
    font-size: 28px;
}
.itemcategory_area#CategoryCategory05 .itemcategory_head .categorytit_txt,
.itemcategory_area#CategoryCategory04 .itemcategory_head .categorytit_txt,
.itemcategory_area#CategoryCategory03 .itemcategory_head .categorytit_txt,
.itemcategory_area#CategoryCategory02 .itemcategory_head .categorytit_txt{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
    font-size: 28px;
}

#BrandSearchPartsDiv .item_list li{position:relative;}
#BrandSearchPartsDiv .item_list li a{
    /*アニメーションの指定*/ 
    transition: all 0.4s ease-out;
}
#BrandSearchPartsDiv .item_list li:hover a{
    background-color:#ecf2f9;
    /*background: linear-gradient(180deg, #EACDC7 0%, #F1DBD5 42.5%, #F2E0DA 73.44%, #F2DFDA 100%);*/
    background-size: 200% auto;
    background-position: right center;
}

.itemList .ItemInfoWrap .Review_area,
.itemList .product.Assen .ItemInfoWrap .price_area,
.itemList .product.teikei .ItemInfoWrap .price_area{
    display: none !important;
}