@charset "UTF-8";
/* setting.scss start*/
.ec-layoutRole__header .infoArea .fa-shopping-cart-new .ec-cartNavi__badge .numP, .rankingArea .rankingArea_flex .rankingArea_link .num span, .reviewArea .reviewArea_wrap .reviewArea_flex .slick-arrow, .cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountUpButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountUpButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountDownButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButtonDisabled .ec-cartRow__amountUpButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButtonDisabled .ec-cartRow__amountDownButton__icon img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.reviewArea .reviewArea_wrap .reviewArea_flex .slick-arrow {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

body {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  color: #333;
  width: 100%;
  font-size: 13px;
  letter-spacing: 0.02em;
  min-width: 1200px;
  font-weight: 500;
  line-height: unset;
}

@media screen and (max-width: 896px) {
  body {
    min-width: 100%;
    font-size: 15px;
  }
	html {
  	font-size: 62.5%;
	}
}

@media screen and (max-width: 568px) {
  body {
    font-size: 3.6vw;
  }
}

body.other_page {
  text-align: left;
}

a {
	/*color: #525252;*/
	color: #333;
	text-decoration: none;
	vertical-align: top;
}
@media screen and (max-width: 568px) {
	a {
		text-decoration: none;
	}
}

#page_product_detail a{
	/*color: #333;*/
}

h2,h3,h4{
	line-height: 1.4;
}
.header_wrap a:hover, .header_wrap a:visited, .header_wrap a:focus, .front_page a:hover, .front_page a:visited, .front_page a:focus, .product_page a:hover, .product_page a:visited, .product_page a:focus, .cart_page a:hover, .cart_page a:visited, .cart_page a:focus, .footer_navArea a:hover, .footer_navArea a:visited, .footer_navArea a:focus {
  color: #333;
  text-decoration: none!important;
	outline: none;
}
a:focus, a:hover, a:visited {
  color: #333;
  text-decoration: none;
}

a:focus-visible {
  outline: 1px solid #ccc;
}

img {
  vertical-align: top;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

dt{
	font-weight: 500;
}
dd{
	font-weight: 500;
}
.red {
	color: #da0505;
}
/*input, button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}*/
.boxwap {
  width: 1150px;
  margin: 0 auto;
}

@media screen and (max-width: 896px) {
  .boxwap {
    width: 96%;
  }
}

.fade, .ec-layoutRole__header .header_flex .logoArea .logoBox a, .ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .favArea .favArea_flex li:hover, .ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideFlex_title a, .ec-layoutRole__header .infoArea .ec-headerNav__item a, .nav-contentWrap .bannerArea a, .lineBtn, .snsArea a, .nav-contentWrap .side_footerWrap .logoArea, .index_categoryArea .category_itemBox li .itemLink, .bestHitArea .bestHitArea_flex .bigImg a, .recommendArea .recommendArea_flex li .recommendArea_link, .movieArea .movieArea_flex .itemBox, .sceneArea .sceneArea_flex li a, .reviewArea .reviewArea_wrap .reviewArea_flex li a, .featureArea .featureArea_flex .featureArea_Box a, .featureArea .featureArea_bannerArea .linkBox, .news_mediaArea .Box .postArea .post_article a, .supportArea .supportArea_flex .supportArea_Box a, .shopArea .shopArea_flex .shopArea_Box, .shopArea .shopArea_flex .shopArea_Box .imgsize img, .footerArea .footer_guide_flex .Box .titleArea .titleP, .footerArea .footer_navArea .footer_navArea_flex .logoArea .logo, .footerArea .footer_navArea .footer_navArea_flex .logoArea .hpArea .logo, .shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea a, .craDetailArea .slideArea .slideThumb, .ec-blockBtn--action.add-cart, .craDetailArea .favArea .favBtnWrap #favorite, .craDetailArea .guideInfoBox li a, .craDetailArea .ec-modal-box .ec-inlineBtn--action, .craDetailArea .ec-modal-box .ec-inlineBtn--cancel, .underlayer_review .reviewPost .reviewPostBtn,
#product_review_area .reviewPost .reviewPostBtn, .listArea .bannerArea, .listArea .listCategoryArea li a, .listArea .listContentsFlex li a, .cart_page .ec-cartRow .ec-cartRow__img, .ec-contactRole .ec-blockBtn--action.contactB, .carry .linkBox .linkBox_link, .faqArea .linkBoxArea .linkBox {
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}

.fade:hover, .ec-layoutRole__header .header_flex .logoArea .logoBox a:hover, .ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .favArea .favArea_flex li:hover, .ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideFlex_title a:hover, .ec-layoutRole__header .infoArea .ec-headerNav__item a:hover, .nav-contentWrap .bannerArea a:hover, .lineBtn:hover, .snsArea a:hover, .nav-contentWrap .side_footerWrap .logoArea:hover, .index_categoryArea .category_itemBox li .itemLink:hover, .bestHitArea .bestHitArea_flex .bigImg a:hover, .recommendArea .recommendArea_flex li .recommendArea_link:hover, .movieArea .movieArea_flex .itemBox:hover, .sceneArea .sceneArea_flex li a:hover, .reviewArea .reviewArea_wrap .reviewArea_flex li a:hover, .featureArea .featureArea_flex .featureArea_Box a:hover, .featureArea .featureArea_bannerArea .linkBox:hover, .news_mediaArea .Box .postArea .post_article a:hover, .supportArea .supportArea_flex .supportArea_Box a:hover, .shopArea .shopArea_flex .shopArea_Box:hover, .shopArea .shopArea_flex .shopArea_Box .imgsize img:hover, .footerArea .footer_guide_flex .Box .titleArea .titleP:hover, .footerArea .footer_navArea .footer_navArea_flex .logoArea .logo:hover, .shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea a:hover, .craDetailArea .slideArea .slideThumb:hover, .ec-blockBtn--action.add-cart:hover, .craDetailArea .favArea .favBtnWrap #favorite:hover, .craDetailArea .guideInfoBox li a:hover, .craDetailArea .ec-modal-box .ec-inlineBtn--action:hover, .craDetailArea .ec-modal-box .ec-inlineBtn--cancel:hover, .underlayer_review .reviewPost .reviewPostBtn:hover,
#product_review_area .reviewPost .reviewPostBtn:hover, .listArea .bannerArea:hover, .listArea .listCategoryArea li a:hover, .listArea .listContentsFlex li a:hover, .cart_page .ec-cartRow .ec-cartRow__img:hover, .ec-contactRole .ec-blockBtn--action.contactB:hover, .carry .linkBox .linkBox_link:hover, .faqArea .linkBoxArea .linkBox:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.pc {
  display: block !important;
}
@media screen and (max-width: 568px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none !important;
}
@media screen and (max-width: 568px) {
  .sp {
    display: inline-block !important;
  }
}

.pc_ipad {
  display: block!important;
}
@media screen and (max-width: 896px) {
  .pc_ipad {
    display: none !important;
  }
}

.sp_ipad {
  display: none !important;
}
@media screen and (max-width: 896px) {
  .sp_ipad {
    display: inline-block!important;
  }
}

.pc_inline {
  display: inline-block !important;
}
@media screen and (max-width: 568px) {
  .pc_inline {
    display: none !important;
  }
}

.sp_inline {
  display: none !important;
}
@media screen and (max-width: 568px) {
  .sp_inline {
    display: inline-block !important;
  }
}

.ipad {
  display: none!important;
}
@media screen and (max-width: 896px) {
  .ipad {
    display: block !important;
  }
}
@media screen and (max-width: 568px) {
  .ipad {
    display: none !important;
  }
}

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

.ec-layoutRole__header .header_flex .logoArea .logoBox img, .ec-layoutRole__header .navArea .navBox_menuText_label #sp_searchIcon img, .ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex li .children_link .imgsize img, .ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .favArea .favArea_flex li img, .ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea .imgsize img, .nav-contentWrap .bannerArea img, .nav-contentWrap .side_menuList li .side_menuList_link .imgsize img, .lineBtn .imgsize img, .snsArea a img, .nav-contentWrap .side_footerWrap .logoArea img, .whiteBtn .imgsize img, #thumbnail-list .thumbnail-item img, .index_categoryArea .category_itemBox li .itemLink .imgsize img, .bestHitArea .bestHitArea_flex .bigImg img, .rankingArea .rankingArea_flex li img, .recommendArea .recommendArea_flex li .recommendArea_link .imgsize img, .movieArea .movieArea_flex .itemBox .itemImg img, .sceneArea .sceneArea_flex li img, .sceneArea .sceneArea_flex li .sceneArea_Box .imgsize img, .featureArea .featureArea_flex .featureArea_Box .imgsize img, .featureArea .featureArea_bannerArea .linkBox img, .news_mediaArea .Box.mediaClass .postArea .post_article .thumbnailImg img, .supportArea .supportArea_flex .supportArea_Box .imgsize img, .shopArea .shopArea_flex .shopArea_Box .imgsize img, .footerArea .footer_navArea .footer_navArea_flex .logoArea img, .shoplist .crastina_title .imgsize img, .shopInfo .shopInfo_flex .shopInfo_img img, .shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .mapImg img, .shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea a img, .shopInfo .shopImgflex li img, .guideArea .amazonArea .amazonImg img, .guideArea .warranty_flex .imgsize img, .guideArea .warranty_flex .imgsize_small img, .guideArea .afterArea .orderBox .orderBox_img img, .craDetailArea .amazonPay .imgsize img, .craDetailArea .specArea .specArea_hasImg .imgsize img, .detailMainImg .imgsize img, .listArea .bannerArea img, .listArea .listCategoryArea li a img, .listArea .listContentsFlex li a img, .listArea .howtoArea .searchListBox .searchListBox_innerWrap li img, .listArea .aboutSofaArea_flex .imgsize img, .listArea .aboutArea_flex .imgsize img, .rakurakuBanner .rakurakuBanner_Box img, .detailSupportArea .contents_supportBox .worriesArea .worriesArea_link .imgsize img, .review_page .underlayer_review .reviewBox .reviewBox_flex .imgBox img, .contact_all .contact_all_Box_flex .telFlex .freeImg img, .shippingArea .shippingArea_imgBox .imgsize img, .carry .carry_grayBox .imgFlex .imgBox img, .carry .linkBox .linkBox_link .imgBox img, .carry .carryContents img, .carry .carryContents .carryContents_flex .imgsize img, .carry .carryContents .carryContents_flex .textBox .checkBox .checkIcon img, .carry .point1ImgBox .imgsize img, .carry .point1ImgBox .point2ImgBoxWrap .point2Flex .imgsize img {
  width: 100%;
  height: auto;
}

h2 {
  border-bottom: none;
}

.ec-layoutRole__contents h2 {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

.ec-layoutRole__contents .ec-rectHeading h2 {
  padding: 8px 12px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.ec-cartCompleteRole .completeArea .ec-rectHeading h2 {
  margin: 10px 0 0;
  padding: 0;
}
@media screen and (max-width: 568px) {
	.ec-cartCompleteRole .completeArea .ec-rectHeading h2 {
		font-size: 20px;
	}
}

@media screen and (max-width: 568px) {
	.ec-cartCompleteRole .ec-layoutRole__contents h2{
		font-size: 18px;
		margin-top: 20px;
	}
}

.ec-role, .ec-cartRole, .ec-orderRole {
  padding-left: 0;
  padding-right: 0;
}

.ec-pageHeader h1 {
  margin: 40px 0 50px;
}
@media screen and (max-width: 568px) {
	.ec-pageHeader h1 {
		margin: 40px 0 20px;
	}
}
/* setting.scss end*/

/* breadcrumb */
.breadcrumbArea {
  margin-top: 30px;
  margin-bottom: 40px;
}
#page_product_list .breadcrumbArea {
	width: 1150px;
	margin: 30px auto 40px;
}
#page_cart .breadcrumbArea {
	width: 1150px;
	margin: 30px auto 40px;
}
#page_user_data .breadcrumbArea {
  margin-top: 30px;
}
#page_blog .breadcrumbArea {
  margin-top: 30px;
}
@media screen and (max-width: 896px) {
	.breadcrumbArea {
		margin: 60px auto 20px;
	}
	#page_product_detail	.breadcrumbArea {
		margin-top: 10px;
		margin-bottom: 30px;
	}
	#page_product_list .breadcrumbArea {
		width: 96%;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#page_cart .breadcrumbArea {
		width: 96%;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#page_user_data .breadcrumbArea {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#page_user_data .userdata_breadcrumb {
		margin-top: 10px;
	}
	#page_blog .breadcrumbArea {
		margin-top: 10px;
		margin-bottom: 20px;
	}
}
.breadcrumbArea .breadcrumb {
  padding: 0;
  background-color: unset;
  border-radius: 0;
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 1.4;
}
@media screen and (max-width: 568px) {
	.breadcrumbArea .breadcrumb {
		font-size: 3vw;
		color: #666;
	}
	.breadcrumbArea .breadcrumb a {
		color: #666;
	}
	
}
.breadcrumbArea .breadcrumb > li {
  display: inline;
}

.breadcrumbArea .breadcrumb > li + li:before {
  padding: 0;
  color: unset;
  content: "";
}
/* breadcrumb END */

/* user_data breadcrumb top */
#page_user_data #pan {
  font-size: 12px;
  border-bottom: none;
	margin: 30px auto 40px;
}
@media screen and (max-width: 896px) {
	#page_user_data #pan {
		margin: 10px auto 20px;
	}
}
@media screen and (max-width: 568px) {
	#page_user_data #pan {
		font-size: 3vw;
	}
	#page_user_data #pan a {
		color: #666;
	}
}
/* user_data breadcrumb top END */



/* header */
.ec-layoutRole__header {
  /*background-color: #212121;*/
	background-color: #fff;
  position: fixed;
  z-index: 10000;
  width: 100%;
}

.ec-layoutRole__header .h1Area {
  /*background-color: #000000;*/
  padding: 4px 0;
  line-height: 1.3;
}
@media screen and (max-width: 896px) {
	.ec-layoutRole__header .h1Area {
		padding: 0;
	}
}
.ec-layoutRole__header .h1Area h1,
.ec-layoutRole__header .h1Area p {
  /*color: #fff;*/
	color: #000;
  font-size: 11px;
  display: inline;
  vertical-align: middle;
}

@media screen and (max-width: 896px) {
  .ec-layoutRole__header .h1Area h1,
  .ec-layoutRole__header .h1Area p {
    display: none;
  }
}

.ec-layoutRole__header .h1Area a {
  font-size: 13px;
  color: #fff;
  display: inline;
}
@media screen and (max-width: 896px) {
  .ec-layoutRole__header .h1Area a {
    margin-left: 0;
		vertical-align: middle!important;
  }
}
@media screen and (max-width: 568px) {
  .ec-layoutRole__header .h1Area a {
    font-size: 3.0vw;
  }
}

.ec-layoutRole__header .h1Area a:hover {
  text-decoration: none;
}

.ec-layoutRole__header .header_wrap {
  height: 64px;
	 border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 896px) {
  .ec-layoutRole__header .header_wrap {
    height: 50px;
    padding: 4px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.ec-layoutRole__header .header_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ec-layoutRole__header .header_flex .logoArea {
  /*width: 23%;*/
	width: 24%;
  position: relative;
	margin: 0;
}
@media screen and (max-width: 896px) {
  .ec-layoutRole__header .header_flex .logoArea {
    /*width: 100px;*/
		width: 45%;
  }
}
@media screen and (max-width: 568px) {
	.ec-layoutRole__header .header_flex .logoArea {
		width: 45%;
	}
}

.ec-layoutRole__header .header_flex .logoArea .logoBox {
  /*width: 80%;
  margin-right: 0;
  margin-left: auto;*/
	width: 90%;
	margin-left: 48px;
	display: flex;
	align-items: center;
  position: relative;
}
.ec-layoutRole__header .header_flex .logoArea .logoBox img {
  /*width: 180px;*/
	/*width: 90px;*/
	max-width: 100%;
	width: 240px;
	position: relative;
	top: -3px;
}
@media screen and (max-width: 896px) {
  .ec-layoutRole__header .header_flex .logoArea .logoBox {
    /*width: 135px;*/
		/*width: 60px;*/
		width: 50%;
		margin-left: 40px;
  }
	.ec-layoutRole__header .header_flex .logoArea .logoBox img {
		/*width: 100%;*/
		width: auto;
		position: relative;
		top: 0;
	}
}
@media screen and (max-width: 568px) {
	.ec-layoutRole__header .header_flex .logoArea .logoBox {
		width: 100%;
	}
}

.ec-layoutRole__header .header_flex .logoArea .logoBox .logoImg{
	/*width: 90%;*/
	max-width: 400px;
}

.ec-layoutRole__header .navArea {
  /*width: 54%;*/
	width: 53%;
}
@media screen and (max-width: 1024px) {
	.ec-layoutRole__header .navArea {
		/*width: auto;*/
	}
}
@media screen and (max-width: 896px) {
  .ec-layoutRole__header .navArea {
    width: auto;
    margin-right: 0;
    margin-left: auto;
  }
}

.ec-layoutRole__header .navArea .navBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ec-layoutRole__header .navArea .navBox_menuText {
  display: none;
}

.ec-layoutRole__header .navArea .navBox_menuText_label {
  display: block;
  /*color: #fff;*/
	color: #000;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.07em;
  height: 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 22px 20px 0;
  cursor: pointer;
	transition: 0.3s ease-in-out;
}

.ec-layoutRole__header .navArea .navBox_menuText_label:hover {
  color: #212121;
}

.ec-layoutRole__header .navArea .navBox_menuText_label:hover .icon .cls-1-2,
.ec-layoutRole__header .navArea .navBox_menuText_label:hover .icon .cls-2-2 {
  stroke: #212121;
}

.ec-layoutRole__header .navArea .navBox_menuText_label:hover .icon .cls-2-2 {
  stroke-linecap: round;
}

@media screen and (max-width: 896px) {
  .ec-layoutRole__header .navArea .navBox_menuText_label {
    display: none;
    height: auto;
    padding: 0;
  }
  .ec-layoutRole__header .navArea .navBox_menuText_label#navCheck3 {
    display: block;
  }
  .ec-layoutRole__header .navArea .navBox_menuText_label#navCheck3 .icon {
    display: none;
		
  }
  .ec-layoutRole__header .navArea .navBox_menuText_label#navCheck3 .nameP {
    display: none;
  }
  .ec-layoutRole__header .navArea .navBox_menuText_label #area3 {
    display: block;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
    z-index: -1;
  }
}


/*202408 検索窓renewal*/
@media screen and (max-width: 1024px) {
	#pc_search{
			display: none;
		}
}
@media screen and (min-width: 1024px) {
.ec-layoutRole__header .navArea #navCheck3{
		width: 36%;
		padding: 15px 10px 0;
	}
}
@media screen and (min-width: 1024px) {
	.ec-layoutRole__header .navArea #navCheck3:hover {
		background-color: transparent;
	}
}
@media screen and (min-width: 1024px) {
	.ec-layoutRole__header .navArea #navCheck3 #area3.toggleBox {
		display: none!important;
	}
}
.ec-layoutRole__header #pc_search .ec-headerSearch__keyword {
	width: 100%;
	border-radius: 3px;
	/*border: 1px solid #fff;*/
	border: 1px solid #999;
	background-color: #fff;
	color: #d0d0d0;
}
@media screen and (min-width: 1024px) {
	 .ec-layoutRole__header .navArea .toggleBox .ec-headerSearch .ec-headerSearch__keyword {
			border: 1px solid #ccc;
 	 }
}

.ec-layoutRole__header #pc_search .ec-headerSearch__keyword input[type="search"] {
	width: 100%;
	height: 30px;
	padding: 0.5em 50px 0.5em 1em;
	letter-spacing: .05em;
}
.ec-layoutRole__header #pc_search .ec-headerSearch__keyword .ec-icon {
	width: 16px;
	height: 16px;
}
/*202408 検索窓renewal END*/


.ec-layoutRole__header .navArea .navBox_menuText_label .nameP {
  font-size: 15px;
	line-height: 1.1;
  display: inline;
  margin: 0;
}

.ec-layoutRole__header .navArea .navBox_menuText_label .icon {
  width: 14px;
  display: inline-block;
	vertical-align: middle;
}

.ec-layoutRole__header .navArea .navBox_menuText_label .icon img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

@media screen and (min-width: 896px) {
  .ec-layoutRole__header .navArea .navBox_menuText_label:hover {
    /*background-color: #cecece;*/
		background-color: #eee;
  }
  .ec-layoutRole__header .navArea .navBox_menuText_label:hover .toggleBox {
    display: block;
  }
}

.ec-layoutRole__header .navArea .navBox_menuText_label #sp_search {
  display: none;
}

.ec-layoutRole__header .navArea .navBox_menuText_label #sp_search:checked ~ #area3 {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
  z-index: 10;
}
@media screen and (max-width: 896px) {
	#sp_search:checked ~ #sp_searchIconBack {
		display: block;
		opacity: 0.7;
		z-index: 10;
	}
}

.ec-layoutRole__header .navArea .navBox_menuText_label #sp_searchIcon {
  display: none;
}

@media screen and (max-width: 896px) {
  .ec-layoutRole__header .navArea .navBox_menuText_label #sp_searchIcon {
    display: block;
    width: 20px;
    z-index: 100;
    margin-bottom: 0;
  }
}

.ec-layoutRole__header .navArea .toggleBox {
  display: none;
  position: absolute;
  background-color: #eeeeee;
  width: 96%;
  left: 0;
	right: 0;
  top: 100%;
  z-index: 98;
  padding: 30px 0;
	margin: 0 auto;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1) ;
}
.ec-layoutRole__header .navArea .toggleBox .boxwap {
	width: 93%;
	max-width: 1200px;
}


@media screen and (max-width: 896px) {
	.ec-layoutRole__header .navArea .toggleBox {
		width: 100%;
		padding: 30px 0 20px;
	}
	.ec-layoutRole__header .navArea .toggleBox .boxwap {
		width: 96%;
	}

}
@media screen and (max-width: 568px) {
	.ec-layoutRole__header .navArea .toggleBox {
		width: 100%;
	}
}
.ec-layoutRole__header .navArea .toggleBox .menu_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_pearent {
  width: 18%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #cccccc;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_pearent .pearent {
  text-align: center;
  color: #212121;
  margin: 0;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_pearent .pearent a {
  font-size: 14px;
  padding: 10px 0;
  width: 83%;
  color: #212121;
  display: block;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_pearent .pearent.active {
  color: #fff;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_pearent .pearent.active a {
  background-color: #212121;
  color: #fff;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children {
  width: 77%;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box {
  display: none;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box.active {
  display: block;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	margin: 0 auto 20px;
}
.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex:last-child {
	margin: 0 auto;
}
.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex.culumn3 li {
  width: 33%;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex.culumn1 {
  display: block;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex.culumn1 li {
  width: 50%;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex li {
  width: 23%;
	margin-right: 2%;
  margin-bottom: 10px;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex li .children_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex li .children_link .imgsize {
  width: 55px;
  margin-right: 10px;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex li .children_link .children_link_title {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  color: #212121;
  margin: 0;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .item_flex li .children_link:hover .children_link_title {
  text-decoration: underline;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .favArea_title {
  margin: 0;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 10px;
  color: #212121;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .favArea .favArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .favArea .favArea_flex li {
  width: 12.5%;
  margin-right: 2%;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .favArea .favArea_flex li:nth-of-type(7n) {
  margin-right: 0;
}

.ec-layoutRole__header .navArea .toggleBox .menu_flex .menu_children .box .favArea .favArea_flex li .favArea_name {
  font-weight: 400;
  margin-top: 10px;
  line-height: 1.3;
  font-size: 12px;
  color: #212121;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex.searchBox {
  display: block;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideFlex_title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 896px){
	.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideFlex_title {
		font-size: 14px;
	}
}
.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo {
  width: 50%;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox {
  background-color: #dddddd;
  padding: 40px;
  color: #212121;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .titleArea {
  margin: 0;
  font-size: 13px;
  width: 30%;
  text-align: left;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 66%;
}
.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea:last-child {
  display: block;
}
.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea .whiteBtn {
  margin: auto;
	padding: 15px 40px;
  width: 100%;
  text-align: center;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea .whiteBtn:hover {
  background-color: #eeeeee;
  border: 1px solid #eeeeee;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea .whiteBtn .imgsize {
  width: 20px;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea .imgsize {
  width: 20%;
  margin-right: 15px;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea .tel {
  font-size: 26px;
  line-height: 1;
  text-align: right;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea .tel span {
  font-size: 13px;
  display: block;
  margin-top: 8px;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .contactInfo .grayBox .infoFlex .telArea .tel_txt {
	width: 100%;
  font-size: 13px;
  text-align: center;
	margin-top: 10px;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 896px){
	.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo {
		width: 94%!important;
		margin: auto;
	}
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox {
  width: 48%;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideFlex_title {
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
  color: #212121;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideFlex_title.question {
  margin-bottom: 50px;
}

.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideList li {
  margin-bottom: 12px;
}
.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideList li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 896px){
	.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideList li {
		margin-bottom: 8px;
	}
}
.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideList li a {
  font-size: 13px;
  color: #212121;
}
@media screen and (max-width: 896px){
	.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideList li a {
	 	font-size: 12px;
	}
}
.ec-layoutRole__header .navArea .toggleBox .guideFlex .guideInfo .guideBox .guideList li a:hover {
  text-decoration: underline;
}

.ec-layoutRole__header .navArea .toggleBox .ec-headerSearch {
  margin-bottom: 30px;
}
@media screen and (max-width: 896px) {
	.ec-layoutRole__header .navArea .toggleBox .ec-headerSearch {
		margin-bottom: 30px;
	}
}
.ec-layoutRole__header .navArea .toggleBox .ec-headerSearch .ec-headerSearch__keyword {
  float: left;
  width: 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #fff;
  background-color: #fff;
  color: #d0d0d0;
}
@media screen and (max-width: 896px) {
	.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
    width: 20px;
    height: 20px;
	}
}
.ec-layoutRole__header .navArea .toggleBox .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
  height: auto;
  font-size: 15px;
  padding: 12px 50px 12px 12px;
  color: #212121;
}
@media screen and (max-width: 896px) {
	.ec-layoutRole__header .navArea .toggleBox .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
		font-size: 16px;
  	/*transform: scale(0.9);*/
		padding: 10px 50px 10px 12px;
		margin-left: 0;
	}
}

.ec-layoutRole__header .infoArea {
  /*width: 23%;*/
	 width: 20%;
}
@media screen and (max-width: 1024px) {
	.ec-layoutRole__header .infoArea {
		width: auto;
		/*margin-right: 10px;*/
	}
}


.ec-layoutRole__header .infoArea .ec-headerNav .ec-headerNav__itemLink {
  /*color: #fff;*/
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.ec-layoutRole__header .infoArea .ec-headerNav__item {
  margin-left: 5px;
	vertical-align: top;
}

@media screen and (max-width: 896px) {
  .ec-layoutRole__header .infoArea .ec-headerNav__item {
    display: none;
  }
  .ec-layoutRole__header .infoArea .ec-headerNav__item.navi5 {
    display: inline-block;
    margin-left: 10px;
  }
	/*.ec-layoutRole__header .infoArea .ec-headerNav__item.navi6 {
    display: inline-block;
    margin-left: 0!important;
  }*/
}

.ec-layoutRole__header .infoArea .ec-headerNav__item:last-of-type {
  margin-left: 12px;
}

.ec-layoutRole__header .infoArea .ec-headerNav__item i:before {
  content: "";
  width: 35px;
  height: 35px;
  display: inline-block;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: top 6px center;
}
@media screen and (max-width: 896px) {
	.ec-layoutRole__header .infoArea .ec-headerNav__item i:before {
		background-position: top 8px center;
	}
}

.ec-layoutRole__header .infoArea .fa-user:before {
  /*background-image: url("../img/common/icon1.png");*/
	background-image: url("../img/common/icon1_bk.png");
}

.ec-layoutRole__header .infoArea .fa-shopping-cart-new {
  position: relative;
}

.ec-layoutRole__header .infoArea .fa-shopping-cart-new:before {
  /*background-image: url("../img/common/icon2.png");*/
	background-image: url("../img/common/icon2_bk.png");
}

.ec-layoutRole__header .infoArea .fa-shopping-cart-new .ec-cartNavi__badge {
  position: absolute;
  font-size: 13px;
  width: 18px;
  height: 18px;
  background-color: #efe58b;
  border-radius: 200px;
  text-align: center;
  top: 0px;
  right: -8px;
}

.ec-layoutRole__header .infoArea .fa-shopping-cart-new .ec-cartNavi__badge .numP {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.ec-layoutRole__header .infoArea .fa-contact:before {
  /*background-image: url("../img/common/icon3.png");*/
	background-image: url("../img/common/icon3_bk.png");
}
/* header END */

/* slick Dots */
@media screen and (max-width: 896px) {
	.ec-sliderRole {
		padding: 0;
	}
}

.slick-dotted.slick-slider {
  margin-bottom: 40px;
}

.slick-dots {
  position: absolute;
  bottom: -40px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
@media screen and (max-width: 896px) {
	.slick-dots {
		position: absolute;
		bottom: -30px;
	}
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
}
@media screen and (max-width: 896px) {
	.slick-dots li {
		width: 10px;
		height: 10px;
		margin: 0 8px;
	}
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  content: "";
  text-align: center;
  opacity: 0.25;
  background-color: #000;
  border-radius: 200px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 896px) {
	.slick-dots li button:before {
		width: 10px;
		height: 10px;
	}
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  background-color: #000;
}
/* slick Dots END */

/* top info */
.top-info{
	/*width: 750px;*/
	width: 900px;
	margin: 0 auto 20px;
	text-align: center;
	font-size: 15px;
	line-height: 1.8;
}
.top-info2{
	width: 900px;
	margin: 30px auto 40px;
	text-align: center;
	font-size: 15px;
	line-height: 1.8;
}
.top-info a,.top-info2 a{
	text-decoration: underline!important;
}
@media screen and (max-width: 896px) {
	.top-info,.top-info2{
		width: 96%;
		font-size: 13px;
	}
	.top-info img,.top-info2 img{
		max-width: 100%;
	}
	
}
@media screen and (max-width: 568px) {
	.top-info,.top-info2{
		font-size: 3.4vw;
	}
}
/* top info END */

/* hamburger menu */
.menuBtn {
  position: absolute;
  left: 0;
  top: 13px;
}
@media screen and (max-width: 896px) {
  .menuBtn {
    top: 30%;
		/*left: 1%;*/
		left: 0;
  }
}
@media screen and (max-width: 568px) {
	.menuBtn {
		top: 30%;
		left: 3%;
	}
}

#nav-drawer {
  position: relative;
}

.nav-unshown {
  display: none;
}

#nav-open {
  display: inline-block;
  width: 28px;
  height: 30px;
  vertical-align: middle;
  position: relative;
  z-index: 10000;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  left: 0;
  margin-bottom: 0;
  -webkit-animation: menuBtnMove 0.2s ease-in-out forwards;
          animation: menuBtnMove 0.2s ease-in-out forwards;
}

@media screen and (max-width: 896px) {
  #nav-open {
    width: 20px;
  }
}

#nav-open span,
#nav-open span:before,
#nav-open span:after {
  position: absolute;
  height: 2px;
  width: 100%;
  /*background: #fff;*/
	background: #000;
  display: block;
  content: "";
  cursor: pointer;
  top: 0;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  top: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#nav-open span:before {
  top: 11px;
}
@media screen and (max-width: 896px) {
  #nav-open span:before {
    top: 8px;
  }
}

#nav-open span:after {
  top: 22px;
}
@media screen and (max-width: 896px) {
  #nav-open span:after {
    top: 16px;
  }
}

#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

#nav-content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 400px;
  height: 100%;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
  overflow: auto;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  #nav-content {
    overflow: auto;
  }
}

#nav-input:checked ~ #nav-close {
  display: block;
  opacity: 0.7;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
}

#nav-input:checked ~ #nav-open span {
  background: transparent;
}

#nav-input:checked ~ #nav-open span:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 18px;
  right: 0;
  background: #fff;
}

#nav-input:checked ~ #nav-open span:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 18px;
  right: 0;
  background: #fff;
}

#nav-input:checked ~ #nav-open {
  left: 405px;
  position: fixed;
  top: 10px;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 568px) {
  #nav-input:checked ~ #nav-open {
    left: 92%;
    top: 0;
    width: 6%;
    height: 6%;
  }
}

.nav-contentWap {
  padding: 120px 0 3%;
  position: relative;
}

@-webkit-keyframes menuBtnMove {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes menuBtnMove {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes navMove {
  0% {
    height: 0;
  }
  100% {
    height: auto;
  }
}

@keyframes navMove {
  0% {
    height: 0;
  }
  100% {
    height: auto;
  }
}
/* hamburger menu END */

/* side */
.nav-contentWrap {
  padding: 25px 0 0;
}

.nav-contentWrap .wrapPadding {
  padding: 0 25px;
}
.nav-contentWrap .banner_side {
  padding: 0 25px;
	margin-bottom: 15px;
}
.nav-contentWrap .banner_side:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 896px) {
	.nav-contentWrap .banner_side {
		padding: 0 10px;
	}
}
.nav-contentWrap .side_menuList {
  margin-top: 30px;
}

.nav-contentWrap .side_menuList li:first-of-type .side_menuList_link {
  border-top: 1px solid #f2f1f1;
}

.nav-contentWrap .side_menuList li .side_menuList_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 25px;
  border-bottom: 1px solid #f2f1f1;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("../img/common/arrow.png");
  background-repeat: no-repeat;
  background-position: center right 18px;
  background-size: 6%;
}
@media screen and (max-width: 896px) {
  .nav-contentWrap .side_menuList li .side_menuList_link {
    padding: 12px 25px;
		line-height: 1.5;
  }
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .side_menuList li .side_menuList_link {
    background-size: 5%;
  }
}

.nav-contentWrap .side_menuList li .side_menuList_link:hover {
  background-color: #cecece;
}

.nav-contentWrap .side_menuList li .side_menuList_link .imgsize {
  width: 22px;
  margin-right: 13px;
}

.nav-contentWrap .side_menuList li .side_menuList_link .textP {
  font-size: 16px;

	line-height: 1.6;
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .side_menuList li .side_menuList_link .textP {
    font-size: 4.0vw;
  }
}

.nav-contentWrap .infoBox {
  margin: 30px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .infoBox {
    margin: 20px 20px 25px;
  }
}

.nav-contentWrap .infoBox .textLabel {
	width: 90%;
  background-color: #4d4b4c;
  color: #fff;
  padding: 10px 15px;
	margin: auto;
  text-align: center;
  font-size: 17px;
  letter-spacing: 0.06em;
  line-height: 1.8;
}
.nav-contentWrap .infoBox .textLabel a {
	display: block;
  color: #fff;
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .infoBox .textLabel {
   /* width: 40%;*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 3.8vw;
    letter-spacing: 0;
    padding: 3%;
  }
}

.nav-contentWrap .infoBox .infoText {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .infoBox .infoText {
    font-size: 4.0vw;
    width: 57%;
  }
}

.nav-contentWrap .infoBox .infoText .small {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .infoBox .infoText .small {
    font-size: 3.4vw;
    letter-spacing: 0;
  }
}

.nav-contentWrap .side_menu_title {
  background-color: #717171;
  color: #fff;
  padding: 16px 25px;
  font-size: 16px;
  letter-spacing: 0.05em;
  margin: 0;
}
@media screen and (max-width: 896px) {
  .nav-contentWrap .side_menu_title {
    padding: 15px 25px;
  }
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .side_menu_title {
    font-size: 4vw;
  }
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea {
  width: 100%;
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li {
  position: relative;
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.arrowBtn {
  background-image: url(../img/common/arrow.png);
  background-repeat: no-repeat;
  background-size: 6%;
  background-position: center right 25px;
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .btnArea {
  position: absolute;
	top: 8px;
  right: 13px;
  /*width: 100px;*/
	width: 100%;
	height: 40px;
  z-index: 1000;
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: center right 10px;
	cursor: pointer;
}
@media screen and (max-width: 896px) {
	.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .btnArea {
		/*width: 40%;*/
		height: 44px;
		position: absolute;
		top: 0;
		right: 5%;
		background-repeat: no-repeat;
		background-size: 15px;
		background-position: center right;
	}
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.btnOff {
  background-image: none;
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.btnOff .btnArea {
  background-image: url("../img/common/btnOff.gif");
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.btnOff .btnArea {
  }
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.btnOn {
  background-image: none;
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.btnOn .btnArea {
  background-image: url("../img/common/btnOn.gif");
  
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li.btnOn .btnArea {
  }
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li:last-of-type > a {
  border-bottom: none;
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_ttl {
	display: block;
	padding: 15px 25px;
	font-size: 15px;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #d4d4d4;
	padding-right: 60px;
	line-height: 1.5;
	background-color: #f2f0f0;
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: center right 10px;
}
@media screen and (max-width: 896px) {
	.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_ttl {
		padding: 12px 25px;
		font-size: 14px;
	}
}
@media screen and (max-width: 568px) {
	.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_ttl {
		font-size: 3.6vw;
	}
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_ttl::before {
	content: "";
	padding: 20px;
	margin-right: 10px;
}
@media screen and (max-width: 568px) {
	.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_ttl::before {
		padding: 20px;
		margin-right: 8px;
	}
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_sofa::before {
	content: "";
	background: url("/html/template/default/assets/img/top/s1_icon1.png") left center no-repeat;
	background-size: contain;
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_table::before {
	content: "";
	background: url("/html/template/default/assets/img/top/s1_icon5.png") left center no-repeat;
	background-size: contain;
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_chair::before {
	content: "";
	background: url("/html/template/default/assets/img/top/s1_icon6.png") left center no-repeat;
	background-size: contain;
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_bed::before {
	content: "";
	background: url("/html/template/default/assets/img/top/s1_icon14.png") left center no-repeat;
	background-size: contain;
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_storage::before {
	content: "";
	background: url("/html/template/default/assets/img/top/s1_icon2.png") left center no-repeat;
	background-size: contain;
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_office::before {
	content: "";
	background: url("/html/template/default/assets/img/top/s1_icon22.png") left center no-repeat;
	background-size: contain;
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_interior::before {
	content: "";
	background: url("/html/template/default/assets/img/top/s1_icon17.png") left center no-repeat;
	background-size: contain;
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_other::before {
	content: "";
	background: url("/html/template/default/assets/img/common/header/other/other_kidssofa.png") left center no-repeat;
	background-size: contain;
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li .side_cat_scene::before {
	content: "";
	background: url("/html/template/default/assets/img/common/header/scene/scene_living.png") left center no-repeat;
	background-size: contain;
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul {
  width: 100%;
  padding: 0;
  display: none;
}
@media screen and (max-width: 568px) {
	.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul {
		padding: 5px 0;
	}
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul li a {
  display: block;
  background-color: #fff;
  padding: 15px 25px;
  padding-left: 50px;
  font-size: 14px;
  letter-spacing: 0.05em;
  background-image: url("../img/common/arrow_black2.png");
  background-repeat: no-repeat;
  background-size: 8px 13px;
  background-position: center left 25px;
}
@media screen and (max-width: 896px) {
	.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul li a {
		padding: 12px 30px;
		background-size: 6px 10px;
		background-position: center left 18px;
	}
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul.taste {
	border-top: 1px solid #d4d4d4;;
}
.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul.scene li:first-child a
,.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul.taste li:first-child a  {
	padding: 15px 25px 15px 10px;
	background-image: none;
}

@media screen and (max-width: 568px) {
  .nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul li a {
    font-size: 3.5vw;
  }
}

.nav-contentWrap .side_categoryAreaWrap .side_categoryArea > li ul li a:hover {
  background-color: #cecece;
}

.nav-contentWrap .side_infoAreaWrap .side_infoArea_ul li:last-of-type > a {
  border-bottom: none;
}

.nav-contentWrap .side_infoAreaWrap .side_infoArea_ul li a {
  display: block;
  padding: 20px 25px;
  font-size: 15px;
  letter-spacing: 0.05em;
  background-image: url("../img/common/arrow.png");
  background-repeat: no-repeat;
  background-size: 6%;
  background-position: center right 25px;
  border-bottom: 1px solid #f2f1f1;
}
@media screen and (max-width: 896px) {
  .nav-contentWrap .side_infoAreaWrap .side_infoArea_ul li a {
    padding: 15px 25px;
  }
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .side_infoAreaWrap .side_infoArea_ul li a {
    font-size: 3.6vw;
    background-size: 5%;
  }
}

.nav-contentWrap .side_infoAreaWrap .side_infoArea_ul li a:hover {
  background-color: #cecece;
}

.nav-contentWrap .side_infoAreaWrap.borderLine {
  border-bottom: 1px solid #f2f1f1;
}

.nav-contentWrap .lineArea {
  padding: 12px 25px;
  border-top: 1px solid #f2f1f1;
}

.lineBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #00b900;
  border-radius: 5px;
  padding: 5px 15px;
}

.lineBtn .imgsize {
  display: block;
  width: 60px;
}
@media screen and (max-width: 568px) {
  .lineBtn .imgsize {
    width: 20%;
  }
}

.lineBtn .lineText {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  display: block;
  margin-left: 20px;
}
@media screen and (max-width: 568px) {
  .lineBtn .lineText {
    font-size: 4.2vw;
    margin-left: 7%;
    width: 80%;
  }
}

.nav-contentWrap .side_footerWrap {
  background-color: #4d4b4c;
  padding-bottom: 50px;
}

.nav-contentWrap .side_footerWrap .side_footer_ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nav-contentWrap .side_footerWrap .side_footer_ul li {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #fff;
}

.nav-contentWrap .side_footerWrap .side_footer_ul li:nth-of-type(odd) {
  border-right: 1px solid #fff;
}

.nav-contentWrap .side_footerWrap .side_footer_ul li a {
  display: block;
  color: #fff;
  padding: 15px 25px;
  font-size: 14px;
  padding-right: 15px;
}
@media screen and (max-width: 568px) {
  .nav-contentWrap .side_footerWrap .side_footer_ul li a {
    padding: 10px 12px;
    font-size: 3.5vw;
  }
}

.nav-contentWrap .side_footerWrap .side_footer_ul li a:hover {
  background-color: #cecece;
  color: #555555;
}

.snsArea {
  margin: 40px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.snsArea a {
  display: block;
  width: 30px;
  margin: 0 5px;
}
@media screen and (max-width: 568px) {
  .snsArea a {
    width: 30px;
  }
}

.nav-contentWrap .side_footerWrap .logoArea {
  display: block;
  /*width: 56%;*/
	width: 30%;
  margin: 0 auto;
}

.titleArea {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 568px) {
	.titleArea {
    margin-bottom: 8%;
  }
}
/* side END */

/*shopping main*/
@media screen and (max-width: 568px) {
	#page_shopping .ec-layoutRole__main{
		width: 96%;
		margin: auto;
	}
	#page_shopping_confirm .ec-layoutRole__main{
		width: 96%;
		margin: auto;
	}
	#page_shopping_login .ec-layoutRole__main{
		width: 96%;
		margin: auto;
	}
}
/*shopping main* END*/


/* page title */
.titleArea .title_en {
	font-family: "Marcellus", serif;
	font-size: 30px;
	letter-spacing: 0.2em;
	line-height: 1.3;
	color: #686868;
	margin: 0 auto 10px;
}
@media screen and (max-width: 896px) {
  .titleArea .title_en {
    font-size: 26px;
		margin-bottom: 10px;
  }
}
@media screen and (max-width: 568px) {
  .titleArea .title_en {
    font-size: 6.5vw;
		margin-bottom: 8px;
  }
}

.titleArea .title_jp {
  font-size: 16px;
  letter-spacing: 0.1em;
  margin: 0;
  text-align: center;
  border-bottom: none;
  padding: 0;
}
@media screen and (max-width: 568px) {
  .titleArea .title_jp {
    font-size: 3.4vw;
		letter-spacing: 0.05em;
  }
}

/**** header ranking title ****/
.favArea .rankingArea  .titleArea {
  text-align: left;
  margin-bottom: 10px!important;
}
.favArea .rankingArea .titleArea .title_en {
	display: inline-block;
	font-size: 18px;
	letter-spacing: .1em;
	text-align: left;
	/*padding-right: .5em;*/
	margin: 0 5px 5px;
}
.favArea .rankingArea .titleArea .title_jp {
	display: inline-block;
  font-size: 13px;
  text-align: left;
	padding-top: .5em;
}
/**** header ranking title END ****/

/**** header Topics title ****/
.ec-layoutRole__header .navArea .toggleBox .titleArea .title_en {
    font-size: 24px;
}
.ec-layoutRole__header .navArea .toggleBox .titleArea .title_jp {
    font-size: 13px;
}
/**** header Topics title END ****/

/**** ABOUT title ****/
.aboutArea .titleArea .title_en {
	font-size: 28px;
}
@media screen and (max-width: 568px) {
  .aboutArea .titleArea .title_en {
    font-size: 6.0vw;
		letter-spacing: .15em;
	}
}
/**** ABOUT title END ****/

/**** FEATURE HOWTO CHECKED  title****/
.listArea .featureArea .titleArea .title_en, .listArea .howtoArea .titleArea .title_en, .checkedAreaWrap .titleArea .title_en {
	font-size: 28px;
}
@media screen and (max-width: 568px) {
  .listArea .featureArea .titleArea .title_en, .listArea .howtoArea .titleArea .title_en, .checkedAreaWrap .titleArea .title_en {
    font-size: 6.0vw;
	}
}
/**** FEATURE HOWTO CHECKED  title END ****/

/* page title END */


/* link btn */
.whiteBtnArea {
  /*text-align: right;*/
	text-align: center;
	margin: auto;
}
@media screen and (max-width: 568px) {
	.whiteBtnArea {
		text-align: center;
	}
}
.whiteBtnArea.left {
  text-align: left;
}

.whiteBtn {
  display: inline-block;
	/*width: 500px;
	display: block;*/
	text-align: center;
  padding: 15px 40px 14px;
  background-color: #fff;
  border: 1px solid #cccccc;
	border-radius: 25px;
  margin: 40px auto 0;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}
	.link-cat .whiteBtn {
		margin: 30px auto 0;
	}

@media screen and (max-width: 896px) {
  .whiteBtn {
		/*width: 70%;*/
    padding: 10px 20px 9px;
		margin: 30px auto 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
  }
	.link-cat .whiteBtn {
		margin: 30px auto 0;
	}
}
@media screen and (max-width: 568px) {
  .whiteBtn {
    padding: 8px 8px 7px;
    width: 85%;
  }
}

.whiteBtn:hover {
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;
  color: #555555;
  text-decoration: none;
}

.whiteBtn.small {
  padding: 8px 16px;
}

.whiteBtn .text {
  font-size: 15px;
	font-weight: 500;
	letter-spacing: .03em;
	color: #333;
}
.whiteBtn .text:after {
	content: "";
	background: url(/html/template/default/assets/img/common/arrow.png) center no-repeat;
	background-size: contain;
	padding: 10px;
	margin-left: .5em;
}
@media screen and (max-width: 896px) {
	 .whiteBtn .text {
    font-size: 14px;
  }
}
@media screen and (max-width: 568px) {
  .whiteBtn .text {
    font-size: 3.2vw;
		line-height: 1.4;
  }
	.whiteBtn .text:after {
		content: "";
		background: url(/html/template/default/assets/img/common/arrow.png) center no-repeat;
		background-size: contain;
		padding: 10px;
	}
}
/*cart btn return*/
.cartWrap .whiteBtn .text:after {
	content: "";
	background:none;
	padding: 0;
	margin-left: 0;
}
/*cart btn return END*/

.whiteBtn .imgsize {
  width: 24px;
  margin-left: 10px;
  display: inline-block;
}
@media screen and (max-width: 568px) {
  .whiteBtn .imgsize {
    width: 5%;
    margin-left: 2%;
  }
}

.whiteBtn .imgsize img {
  vertical-align: middle;
}
/* link btn END */


/* slick sub */
@media screen and (max-width: 896px) {
  .slick-slider {
    margin-bottom: 20px;
    width: 100%;
  }
}
/* slick sub END */

#thumbnail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#thumbnail-list .thumbnail-item {
  width: 200px;
  height: auto;
  margin: 0 5px;
  cursor: pointer;
}

@media screen and (max-width: 896px) {
  #thumbnail-list .thumbnail-item {
    background-color: #555555;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    opacity: 0.4;
  }
}

@media screen and (max-width: 896px) {
  #thumbnail-list .thumbnail-item img {
    opacity: 0;
  }
}

#thumbnail-list .thumbnail-current {
  opacity: 0.5;
}
@media screen and (max-width: 896px) {
  #thumbnail-list .thumbnail-current {
    opacity: 1;
  }
}

/* TOP PAGE */
.index_categoryArea {
  background-color: #f3f3f3;
  padding: 50px 0;
}
@media screen and (max-width: 896px) {
  .index_categoryArea {
    padding: 40px 0;
  }
}
@media screen and (max-width: 568px) {
  .index_categoryArea {
    padding: 30px 0;
  }
}
.index_categoryArea .titleArea {
  margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
  .index_categoryArea .titleArea {
    margin-bottom: 10px;
  }
}

.index_categoryArea .category_itemBox {
	width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin: auto;
}
@media screen and (max-width: 896px) {
  .index_categoryArea .category_itemBox {
    width: 80%;
  }
}
@media screen and (max-width: 568px) {
  .index_categoryArea .category_itemBox {
    width: 94%;
  }
}

.index_categoryArea .category_itemBox li {
  width: 10%;
	margin-bottom: 20px;
}
@media screen and (max-width: 896px) {
  .index_categoryArea .category_itemBox li {
    width: 25%;
		margin-bottom: 10px;
  }
}
@media screen and (max-width: 568px) {
  .index_categoryArea .category_itemBox li {
    width: 25%;
		margin-bottom: 3%
  }
}
.index_categoryArea .category_itemBox li .itemLink {
  display: block;
  padding: 8% 5% 0;
  color: #555;
}

.index_categoryArea .category_itemBox li .itemLink:hover {
  text-decoration: none;
}

@media screen and (max-width: 568px) {
  .index_categoryArea .category_itemBox li .itemLink {
    padding: 0;
  }
}

.index_categoryArea .category_itemBox li .itemLink .imgsize {
  width: 75%;
  margin: 0 auto;
}

@media screen and (max-width: 568px) {
  .index_categoryArea .category_itemBox li .itemLink .imgsize {
    width: 85%;
  }
}

.index_categoryArea .category_itemBox li .itemLink .itemName {
  display: block;
  text-align: center;
  font-size: 12px;
	margin-top: 5px;
	line-height: 1.3;
}
@media screen and (max-width: 568px) {
  .index_categoryArea .category_itemBox li .itemLink .itemName {
    font-size: 2.8vw;
    letter-spacing: .05em;
  }
}

.bestHitArea {
  margin-top: 60px;
}
@media screen and (max-width:896px) {
	.bestHitArea {
		margin-top: 10%;
	}
}
.bestHitArea .bestHitArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.bestHitArea .bestHitArea_flex .bigImg {
  width: 50%;
	position: relative;
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .bigImg {
    width: 100%;
  }
}

.bestHitArea .bestHitArea_flex .bigImg a {
  position: relative;
  display: block;
}

.bestHitArea .bestHitArea_flex .childBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.bestHitArea .bestHitArea_flex .childBox .childBox_first {
  width: 100%;
}

.bestHitArea .bestHitArea_flex .childBox .childBox_second,
.bestHitArea .bestHitArea_flex .childBox .childBox_third {
  width: 50%;
	height: auto;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	text-align: center;
	padding: 20px 10px 10px;
	box-sizing: border-box;
}
@media screen and (max-width: 896px) {
	.bestHitArea .bestHitArea_flex .childBox .childBox_second,
	.bestHitArea .bestHitArea_flex .childBox .childBox_third {
		padding: 4% 3%;
	}
}

@media screen and (max-width: 896px) {
	.bestHitArea .bestHitArea_flex .childBox .childBox_second img,
	.bestHitArea .bestHitArea_flex .childBox .childBox_third img {
		width: 70%;
		text-align: center;
	}
}
@media screen and (max-width: 568px) {
	.bestHitArea .bestHitArea_flex .childBox .childBox_second img,
	.bestHitArea .bestHitArea_flex .childBox .childBox_third img {
		width: 90%;
	}
}
.bestHitArea .bestHitArea_flex .itemInfo {
  position: absolute;
  z-index: 1;
  /*color: #fff;*/
  /*font-family: "Open Sans", sans-serif;*/
  letter-spacing: 0.05em;
  font-weight: 600;
}

.bestHitArea .bestHitArea_flex .itemInfo .itemInfo_name {
  font-size: 15px;
  margin: 0;
  line-height: 1.4;
	font-weight: 600;
	margin-bottom: 5px;
}
@media screen and (max-width: 896px) {
  .bestHitArea .bestHitArea_flex .itemInfo .itemInfo_name {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .itemInfo .itemInfo_name {
    font-size: 3.2vw;
  }
}

.bestHitArea .bestHitArea_flex .itemInfo .itemInfo_name span {
	padding-left: .3em;
  font-size: 140%;
}

/*@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .img5 .itemInfo_name span, 
	.bestHitArea .bestHitArea_flex .img6 .itemInfo_name span {
    padding-left: 0;
  }
}*/

.bestHitArea .bestHitArea_flex .itemInfo .itemInfo_price {
  font-size: 18px;
	margin: .3em 0 0;
	letter-spacing: normal;
}
@media screen and (max-width: 896px) {
  .bestHitArea .bestHitArea_flex .itemInfo .itemInfo_price {
    font-size: 2vw;
  }
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .itemInfo .itemInfo_price {
    font-size: 3.5vw;
  }
}

.bestHitArea .bestHitArea_flex .itemInfo .itemInfo_price.sale:before {
	position: relative;
	top: -1px;
	content: "SALE";
  font-size: 70%;
	font-weight: 600;
	letter-spacing: .05em;
	line-height: 1.0;
	color: #fff;
	background: #da0505;
	padding: 2px 5px 1px;
	margin-right: .5em;
	z-index: 100;
}

.bestHitArea .bestHitArea_flex .childBox .childBox_second .itemInfo .itemInfo_name,
.bestHitArea .bestHitArea_flex .childBox .childBox_third .itemInfo .itemInfo_name {
  font-size: 13px;
	text-align: left;
}
@media screen and (max-width: 896px) {
	.bestHitArea .bestHitArea_flex .childBox .childBox_second .itemInfo .itemInfo_name,
	.bestHitArea .bestHitArea_flex .childBox .childBox_third .itemInfo .itemInfo_name {
  	font-size: 1.4vw;
		font-weight: 400;
  }
}
@media screen and (max-width: 568px) {
	.bestHitArea .bestHitArea_flex .childBox .childBox_second .itemInfo .itemInfo_name,
	.bestHitArea .bestHitArea_flex .childBox .childBox_third .itemInfo .itemInfo_name {
   	font-size: 3.0vw;
		line-height: 1.3;
  }
}
.bestHitArea .bestHitArea_flex .childBox .childBox_second .itemInfo .itemInfo_name span,
.bestHitArea .bestHitArea_flex .childBox .childBox_third .itemInfo .itemInfo_name span {
  padding-left: 0;
}

.bestHitArea .bestHitArea_flex .childBox .childBox_second .itemInfo .itemInfo_price,
.bestHitArea .bestHitArea_flex .childBox .childBox_third .itemInfo .itemInfo_price {
  font-size: 13px;
	text-align: left;
}
@media screen and (max-width: 896px) {
 .bestHitArea .bestHitArea_flex .childBox .childBox_second .itemInfo .itemInfo_price,
	.bestHitArea .bestHitArea_flex .childBox .childBox_third .itemInfo .itemInfo_price {
    font-size: 1.5vw;
		font-weight: 400;
  }
}
@media screen and (max-width: 568px) {
 .bestHitArea .bestHitArea_flex .childBox .childBox_second .itemInfo .itemInfo_price,
	.bestHitArea .bestHitArea_flex .childBox .childBox_third .itemInfo .itemInfo_price {
    font-size: 3.4vw;
		margin-top: .5em;
  }
}

.bestHitArea .bestHitArea_flex .img1 {
  top: 30px;
  right: 20px;
	text-align: right;
	/*color: #fff;*/
}
@media screen and (max-width: 896px) {
  .bestHitArea .bestHitArea_flex .img1 {
    top: 5%;
    right: 5%;
  }
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .img1 {
    bottom: 4%;
    left: 3%;
  }
}

.bestHitArea .bestHitArea_flex .img2 {
  bottom: 20px;
  left: 20px;
	/*text-align: right*/;
	/*color: #212121;*/
	color: #fff;
}

@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .img2 {
    bottom: 8%;
    left: 3%;
  }
}

.bestHitArea .bestHitArea_flex .img3 {
  top: -60px;
  left: 20px;
  color: #212121;
}
@media screen and (max-width: 896px) {
	.bestHitArea .bestHitArea_flex .img3 {
		top: -60px;
  	left: 0;
	}
}
@media screen and (max-width: 568px) {
	.bestHitArea .bestHitArea_flex .img3 {
		position: static;
		padding-left: 1%;
	}
}

.bestHitArea .bestHitArea_flex .img4 {
  top: -60px;
  left: 20px;
  color: #212121;
}
@media screen and (max-width: 896px) {
	.bestHitArea .bestHitArea_flex .img4 {
		top: -60px;
  	left: 0;
	}
}
@media screen and (max-width: 568px) {
	.bestHitArea .bestHitArea_flex .img4 {
		position: static;
	}
}

.bestHitArea .bestHitArea_flex .img5 {
  bottom: 20px;
  left: 20px;
	color: #fff;
	/*text-align: right;*/
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .img5 {
    bottom: 7%;
    left: 3%;
  }
}
.bestHitArea .bestHitArea_flex .img5-1 {
	bottom: 20px;
	right: 20px;
	text-align: right;
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .img5-1 {
    bottom: 7%;
    left: 3%;
  }
}
.bestHitArea .bestHitArea_flex .img5-2 {
  top: 20px;
  left: 20px;
	/*color: #fff;*/
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .img5-2 {
    top: 7%;
    left: 3%;
  }
}

.bestHitArea .bestHitArea_flex .img6 {
  top: 20px;
  right: 20px;
	color: #fff;
  /*color: #212121;*/
	text-align: right;
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .img6 {
    bottom: 7%;
    left: 3%;
  }
}

.bestHitArea .bestHitArea_flex .img6-1 {
	top: 20px;
	right: 20px;
	text-align: right;
	color: #fff;
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .img6-1 {
    top: 7%;
    right: 3%;
  }
}
.bestHitArea .bestHitArea_flex .img6-2 {
  bottom: 20px;
  left: 20px;
	color: #fff;
}
@media screen and (max-width: 568px) {
  .bestHitArea .bestHitArea_flex .img6-2 {
    bottom: 7%;
    left: 3%;
  }
}

.rankingArea {
  margin-top: 60px;
  position: relative;
}
.rankingArea .whiteBtnArea{
  position: relative;
	top: -30px;
}
@media screen and (max-width: 896px) {
  .rankingArea {
    width: 100%;
  }
  .rankingArea .rankingArea_scroll {
    /*overflow: scroll;*/
		overflow-x: scroll;
		overflow-y: hidden;
  }
	
	.rankingArea .whiteBtnArea{
		position: static;
	}
}
@media screen and (max-width: 568px) {
  .rankingArea {
    width: 100%;
    margin: 40px auto 0;
  }
}

.rankingArea .rankingArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex {
   /* width: 1160px;*/
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
  }
}
@media screen and (max-width: 568px) {
	.rankingArea .rankingArea_flex {
	}
}

.rankingArea .rankingArea_flex li {
  width: 23%;
	margin-right: 0;
  margin-bottom: 8%;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex li {
    /*width: 160px;*/
		width: 31.3%;
		min-width: 23%;
    margin-right: 10px;
    margin-bottom: 3%;
  }
}
@media screen and (max-width: 568px) {
	 .rankingArea .rankingArea_flex li {
			width: 30%;
			min-width: 40%;
		 	margin: 0 1% 20px;
		}
	.rankingArea .rankingArea_flex li:first-child {
		 	margin-left: 2%;
	}
}

.rankingArea .rankingArea_flex li.big3 {
  width: 31.3%;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex li.big3 {
    width: 30%;
		min-width: 23%;
  }
}
@media screen and (max-width: 568px) {
	 .rankingArea .rankingArea_flex li.big3 {
			width: 30%;
			min-width: 40%;
  }
}
.rankingArea .rankingArea_flex li.big3 .rankingArea_link .itemBox .imgsize {
  width: 160px;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex li.big3 .rankingArea_link .itemBox .imgsize {
    width: 60%;
  }
}

.rankingArea .rankingArea_flex li:nth-of-type(3) .rankingArea_link, .rankingArea .rankingArea_flex li:nth-of-type(7) .rankingArea_link {
  margin-right: 0;
}

.rankingArea .rankingArea_flex .rankingArea_link {
  position: relative;
  display: block;
  /*margin-right: 3%;*/
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex .rankingArea_link {
		width: 96%;
    margin-right: 0;
  }
}

.rankingArea .rankingArea_flex .rankingArea_link > img {
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}

.rankingArea .rankingArea_flex .rankingArea_link:hover > img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.rankingArea .rankingArea_flex .rankingArea_link .num {
  background-color: #212121;
  color: #fff;
  width: 34px;
  height: 34px;
  position: absolute;
  text-align: center;
  z-index: 5;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex .rankingArea_link .num {
    width: 25px;
    height: 25px;
  }
}

.rankingArea .rankingArea_flex .rankingArea_link .num span {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 568px) {
  .rankingArea .rankingArea_flex .rankingArea_link .num span {
    font-size: 3.8vw;
  }
}

.rankingArea .rankingArea_flex .rankingArea_link .itemBox {
  /*position: absolute;
  width: 100%;
  bottom: -25px;
  right: 0;*/
	position: relative;
  z-index: 0;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex .rankingArea_link .itemBox {
    /*position: relative;
    bottom: 0;*/
		padding-top: 15%;
  }
}

.rankingArea .rankingArea_flex .rankingArea_link .itemBox .imgsize {
  width: 110px;
  position: absolute;
  bottom: -40px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex .rankingArea_link .itemBox .imgsize {
    position: absolute;
		top: -50%;
		left: 0%;
    z-index: 1;
    width: 60%;
  }
}

.rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox {
  width: 55%;
	position: absolute;
  bottom: -34px;
  right: 0;
  text-align: center;
  margin-left: auto;
  margin-right: 0;
  z-index: 1;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox {
    width: 100%;
		position: static;
  }
}

.rankingArea .rankingArea_flex li.big3 .rankingArea_link .itemBox .itemTextBox{
  width: 45%;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingArea_flex li.big3 .rankingArea_link .itemBox .itemTextBox{
    width: 100%;
  }
}

.rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .rgbaBox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4% 3%;
  -webkit-box-shadow: 0px 2px 6px #c5c5c5;
          box-shadow: 0px 2px 6px #c5c5c5;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
}

.rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_name {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin: 0;
	letter-spacing: .012em;
  padding-bottom: 5px;
  margin-bottom: 8px;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 568px) {
  .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_name {
    font-size: 3.8vw;
  }
}
.rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_name span{
	font-size: 70%;
	padding-left: .5em;
}
.rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_price {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
	letter-spacing: normal;
	margin: 0;
}
@media screen and (max-width: 568px) {
  .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_price {
    font-size: 3.0vw;
  }
}

.rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_price.sale:before {
	position: relative;
	top: -1px;
	content: "SALE";
  font-size: 70%;
	font-weight: 600;
	letter-spacing: .05em;
	line-height: 1.0;
	color: #fff;
	background: #da0505;
	padding: 1px 3px 1px;
	margin-right: .2em;
	z-index: 100;
}

.rankingArea .rankingDate {
  position: absolute;
  top: 65px;
  right: 0;
  font-size: 13px;
}
@media screen and (max-width: 896px) {
  .rankingArea .rankingDate {
    position: static;
    text-align: right;
		margin: 0 .5em 0 0;
		font-size: 12px;
  }
}

/****** header ranking ******/
.favArea .rankingArea {
	/*width: 56%;*/
	width: 70%;
  margin: 0;
}
.favArea .rankingArea .rankingArea_flex li {
  width: 31%;
	margin: 0;
}
.favArea .rankingArea .rankingArea_flex .rankingArea_link img {
  width: 100%;
	/*height: 138px;*/
	height: 150px;
	object-fit: cover;
}
.favArea .rankingArea .rankingArea_flex .rankingArea_link .num {
  width: 24px;
  height: 24px;
}
.favArea .rankingArea .rankingArea_flex .rankingArea_link .num span {
  font-size: 14px;
}

.favArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox {
  width: 100%;
	position: static;
	margin: 0 auto 0;
}
.favArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .rgbaBox {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.favArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_name {
  font-size: 13px;
	letter-spacing: .05em;
  padding-bottom: 3px;
  margin: 0 0 5px;
}
.favArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_name span {
  font-size: 11px;
}
.favArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_price {
  font-size: 11px;
	letter-spacing: .03em;
	line-height: 1.3;
}

.favArea .rankingArea .rankingArea .rankingDate {
  position: absolute;
  top: 65px;
  right: 0;
  font-size: 13px;
}

@media screen and (max-width: 896px) {
  .favArea .rankingArea .rankingArea .rankingDate {
    position: static;
    text-align: right;
		margin: 1em .5em 0 0;
		font-size: 12px;
	}
}
/****** //header ranking ******/

/* TOP PAGE END */

/* recommend */
.recommendArea {
	width: 90%;
  margin: 80px auto 0;
	position: relative;
}
@media screen and (max-width: 896px) {
  .recommendArea {
		width: 100%;
		margin-left: auto;
		margin-right: 0;
  }
	.recommendArea .recommendArea_scroll {
    /*overflow: scroll;*/
		overflow-x: scroll;
		overflow-y: hidden;
  }
}
@media screen and (max-width: 568px) {
  .recommendArea {
		width: 100%;
    margin-top: 60px;
  }
}

.recommendArea .recommendArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	 -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 896px) {
  .recommendArea .recommendArea_flex {
    /*width: 1160px;*/
	 	-ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
  }
}
@media screen and (max-width: 568px) {
  .recommendArea .recommendArea_flex {
    /*width: 96%;*/
    margin: 0 auto;
  }
}

.recommendArea .recommendArea_flex li {
  width: 25%;
  margin-bottom: 5%;
}
@media screen and (max-width: 896px) {
  .recommendArea .recommendArea_flex li {
		/*width: 160px;*/
    margin-bottom: 2%;
		min-width: 150px;
  }
}
@media screen and (max-width: 568px) {
  .recommendArea .recommendArea_flex li {
    /*width: 50%;*/
		width: 30%;
		min-width: 40%;
  }
}

.recommendArea .recommendArea_flex li:nth-last-child(-n+4) {
  margin-bottom: 0;
}
@media screen and (max-width: 896px) {
  .recommendArea .recommendArea_flex li:nth-last-child(-n+4)  {
		margin-bottom: 2%;
  }
}

.recommendArea .recommendArea_flex li .recommendArea_link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 2%;
  display: block;
  /*color: #555555;*/
}

.recommendArea .recommendArea_flex li .recommendArea_link:hover {
  text-decoration: none;
}

.recommendArea .recommendArea_flex li .recommendArea_link .imgsize {
  width: 90%;
  margin: 0 auto;
	min-height: 180px;
  overflow: hidden;
}

@media screen and (max-width: 896px) {
  .recommendArea .recommendArea_flex li .recommendArea_link .imgsize {
    /*min-height: inherit;*/
		min-height: 100px;
  }
}

.recommendArea .recommendArea_flex li .recommendArea_link .recommendArea_textBox {
	width: 80%;
  text-align: center;
  margin: 10px auto 0;
}
@media screen and (max-width: 568px) {
	.recommendArea .recommendArea_flex li .recommendArea_link .recommendArea_textBox {
		width: 90%;
		margin-top: 5%;
	}
}

.recommendArea .recommendArea_flex li .recommendArea_link .recommendArea_textBox .textBox_name {
  font-size: 13px;
  margin: 10px 0;
  line-height: 1.3;
}
@media screen and (max-width: 896px) {
  .recommendArea .recommendArea_flex li .recommendArea_link .recommendArea_textBox .textBox_name {
    font-size: 12px;
		display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
@media screen and (max-width: 568px) {
  .recommendArea .recommendArea_flex li .recommendArea_link .recommendArea_textBox .textBox_name {
    font-size: 3.2vw;
		letter-spacing: 0;
		text-align: center;
  }
}

.recommendArea .recommendArea_flex li .recommendArea_link .recommendArea_textBox .textBox_price {
  font-family: "Open Sans", sans-serif;
  margin-top: 10px;
  font-weight: 400;
	font-size: 15px;
}
@media screen and (max-width: 896px) {
  .recommendArea .recommendArea_flex li .recommendArea_link .recommendArea_textBox .textBox_price {
    font-size: 13px;
  }
}
@media screen and (max-width: 568px) {
  .recommendArea .recommendArea_flex li .recommendArea_link .recommendArea_textBox .textBox_price {
    font-size: 3.4vw;
		margin: 10px 0 0;
  }
}
/* recommend END */

/* tax */
.taxInfo {
  font-size: 10px;
	padding-left: .2em;
}

@media screen and (max-width: 568px) {
  .taxInfo {
    font-size: 2.6vw;
		margin-left: .2em;
		position: relative;
		top: -1px;
  }
}
/* tax END */

/* movie */
.movieArea {
  margin: 60px auto 0;
}
@media screen and (max-width: 896px) {
  .movieArea {
    width: 96%;
    margin: 0 auto;
    margin-top: 10%;
  }
}

/*----- Youtube -----*/
.movie{
	width: 100%;
 	margin: 40px auto 0;
}	
.movie a{
	text-decoration: none;
	color: #333;
}
.movie ul{
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	flex-wrap: wrap;
}
.movie li{
	width: 24%;
	margin: 0 1.3% 40px 0;
	text-align: center;
}
.movie li:nth-of-type(4n){
	margin: 0 0 30px;
}
.movie img{
	max-width: 100%;
	height: auto;
	margin: 0;
}
.movie img.thumb {
	margin-bottom: 20px;
}
/*.movie .movie-item img{
	width: 80%;
	height: auto;
	margin: 0;
}*/
.movie .movie-txt{
	font-size: 13px;
	margin: 0 auto 10px;
	text-align: left;
	word-break: break-all;
}
.movie .movie-btn{
	padding: 7px 10px 5px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 12px;
}
.movie .movie-btn .movie-item{
	display: block;
	width: 100%;
}
.movie .movie-btn .movie-item:after{
	content: "";
	background: url(/html/template/default/assets/img/common/arrow.png) center no-repeat;
	background-size: contain;
	padding: 10px;
	margin-left: .2em;
}

@media screen and (max-width: 896px) {
	.movie{
		width: 100%;
		margin: 20px auto 0;
		text-align: center;
	}
	.movie a{
		text-decoration: none;
		color: #333;
	}
	.movie ul{
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.movie img{
		max-width: 100%;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.movie img.thumb {
		margin-bottom: 15px;
	}
	.movie .movie-txt{
		font-size: 12px;
	}
	.movie .movie-btn{
		padding: .6em .5em;
		font-size: 12px;
	}
	.movie .movie-btn .movie-item:after{
		content: "";
		background: url(/html/template/default/assets/img/common/arrow.png) center no-repeat;
		background-size: contain;
		padding: 8px;
		margin-left: .2em;
	}
}
@media screen and (max-width: 568px){
	.movie li{
		width: 49%;
		margin: 0 2% 20px 0;
		text-align: left;
	}
	.movie li:nth-of-type(2n){
		margin: 0 0 10px;
	}
	.movie img.thumb {
		margin-bottom: 10px;
	}
	.movie .movie-txt{
		font-size: 2.8vw;
		line-height: 1.4;
	}
	.movie .movie-btn{
		font-size: 2.6vw;
	}
	.movie .movie-btn a:after{
		content: "";
		background: url(/html/template/default/assets/img/common/arrow.png) center no-repeat;
		background-size: contain;
		padding: 1.2vw;
	}
}
/*----- Youtube END -----*/
.lity {
  background: rgba(0, 0, 0, 0.8);
}

.lity-content {
  position: relative;
}
.lity-close,
.lity-close:hover {
  position: absolute;
  right: 0px;
  top: -35px;
  background: #fff;
  color: #000;
  color: #666;
  text-shadow: none;
}
/* movie END */

/* TOP scene */
.sceneArea {
  margin-top: 60px;
}
@media screen and (max-width: 568px) {
  .sceneArea {
    width: 94%;
    margin: 10% auto 0;
  }
}

.sceneArea .sceneArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sceneArea .sceneArea_flex li {
  width: 48%;
  margin-bottom: 50px;
}
@media screen and (max-width: 896px) {
  .sceneArea .sceneArea_flex li {
    margin-bottom: 5%;
  }
}
@media screen and (max-width: 568px) {
  .sceneArea .sceneArea_flex li {
    width: 100%;
    margin-right: 0;
  }
}

.taste_parts .sceneArea .sceneArea_flex li {
  width: 31%;
  margin-bottom: 50px;
}
@media screen and (max-width: 896px) {
  .taste_parts .sceneArea .sceneArea_flex li {
    margin-bottom: 5%;
  }
}
@media screen and (max-width: 568px) {
  .taste_parts .sceneArea .sceneArea_flex li {
    width: 100%;
    margin-right: 0;
  }
}

.sceneArea_footer .sceneArea .sceneArea_flex li {
  width: 31%;
  margin-bottom: 50px;
}
@media screen and (max-width: 896px) {
  .sceneArea_footer .sceneArea .sceneArea_flex li {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 568px) {
  .sceneArea_footer .sceneArea .sceneArea_flex li {
    width: 48%;
  }
}


.sceneArea .sceneArea_flex li a {
  display: block;
}

.sceneArea .sceneArea_flex li .sceneArea_title {
  font-size: 17px;
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}
@media screen and (max-width: 896px) {
  .sceneArea .sceneArea_flex li .sceneArea_title {
    font-size: 14px;
  }
}
@media screen and (max-width: 568px) {
  .sceneArea .sceneArea_flex li .sceneArea_title {
    font-size: 3.8vw;
  }
}

.sceneArea .sceneArea_flex li .sceneArea_Box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}

@media screen and (max-width: 896px) {
  .sceneArea .sceneArea_flex li .sceneArea_Box {
    margin-top: 2%;
  }
}

.sceneArea .sceneArea_flex li .sceneArea_Box .imgsize {
  width: 60%;
}

@media screen and (max-width: 896px) {
  .sceneArea .sceneArea_flex li .sceneArea_Box .imgsize {
    width: 45%;
  }
}

.taste_parts .sceneArea .sceneArea_flex li .sceneArea_Box .imgsize {
  width: 100%;
}

@media screen and (max-width: 896px) {
  .taste_parts .sceneArea .sceneArea_flex li .sceneArea_Box .imgsize {
    width: 100%;
  }
}
@media screen and (max-width: 568px) {
  .taste_parts .sceneArea .sceneArea_flex li .sceneArea_Box .imgsize {
    width: 45%;
  }
}

.sceneArea .sceneArea_flex li .sceneArea_Box .sceneArea_text {
  width: 37%;
  font-size: 14px;
  line-height: 1.6;
  color: #666;
}

@media screen and (max-width: 896px) {
  .sceneArea .sceneArea_flex li .sceneArea_Box .sceneArea_text {
    width: 50%;
		font-size: 12px;
		line-height: 1.4;
		margin: 0;
  }
	 .sceneArea .sceneArea_flex li .sceneArea_Box .sceneArea_text br{
    display: none;
  }
}
@media screen and (max-width: 568px) {
  .sceneArea .sceneArea_flex li .sceneArea_Box .sceneArea_text {
		font-size: 3.2vw;
  }
}

.taste_parts .sceneArea .sceneArea_flex li .sceneArea_Box .sceneArea_text {
	width: 100%;
  font-size: 13px;
	margin-top: 10px;
}
.taste_parts  .sceneArea .sceneArea_flex li .sceneArea_Box .sceneArea_text br{
	display: none;
}
@media screen and (max-width: 896px) {
 	.taste_parts .sceneArea .sceneArea_flex li .sceneArea_Box .sceneArea_text {
		font-size: 12px;
		line-height: 1.4;
  }
}
@media screen and (max-width: 568px) {
 	.taste_parts .sceneArea .sceneArea_flex li .sceneArea_Box .sceneArea_text {
		width: 50%;
		font-size: 3.2vw;
		margin: 0;
  }
}

.sceneArea_footer .sceneArea .sceneArea_flex li .sceneArea_title {
  font-size: 14px;
	line-height: 1.4;
	text-align: center;
	margin-top: 10px;
}
@media screen and (max-width: 896px) {
  .sceneArea_footer .sceneArea .sceneArea_flex li .sceneArea_title {
		font-size: 13px;
  }
}
@media screen and (max-width: 568px) {
  .sceneArea_footer .sceneArea .sceneArea_flex li .sceneArea_title {
    font-size: 3.2vw;
  }
}
/* TOP scene END */

/* TOP review */
.reviewArea {
  background-color: #f0f0f0;
  margin-top: 40px;
  padding: 80px 0;
}
@media screen and (max-width: 896px) {
	.reviewArea {
		margin-top: 60px;
		padding: 40px 0;
	}
}
@media screen and (max-width: 568px) {
	.reviewArea {
		margin-top: 10%;
		padding: 8% 0 10%;
	}
}
@media screen and (max-width: 568px) {
  .reviewArea .boxwap {
    width: 100%;
  }
  .reviewArea .whiteBtnArea {
    width: 90%;
    margin: 0 auto;
  }
}

.reviewArea .reviewArea_wrap {
  width: 1200px;
  overflow: hidden;
}

@media screen and (max-width: 896px) {
  .reviewArea .reviewArea_wrap {
    width: 100%;
    margin-left: auto;
    margin-right: 0;
  }
}

@media screen and (max-width: 568px) {
  .reviewArea .reviewArea_wrap {
    width: 97%;
  }
}

.reviewArea .reviewArea_wrap .reviewArea_flex {
  width: 1150px;
}

@media screen and (max-width: 896px) {
  .reviewArea .reviewArea_wrap .reviewArea_flex {
    width: 85%;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.reviewArea .reviewArea_wrap .reviewArea_flex li {
  margin: 0 8px;
  background-color: #fff;
  padding-bottom: 38px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*height: 380px;*/
  -webkit-box-shadow: 0px 1px 3px #c5c5c5;
          box-shadow: 0px 1px 3px #c5c5c5;
}

@media screen and (max-width: 568px) {
  .reviewArea .reviewArea_wrap .reviewArea_flex li {
    margin: 0 8px;
  }
}

.reviewArea .reviewArea_wrap .reviewArea_flex li:last-of-type {
  margin-right: 0;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li a {
  display: block;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .paddingWrap {
  padding: 7%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .reviewArea_itemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.reviewArea .reviewArea_wrap .reviewArea_flex li .reviewArea_itemWrap .itemImg {
  width: 45%;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .reviewArea_itemWrap .itemImg .round {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .reviewArea_itemWrap .itemImg img {
  width: 160%;
  height: auto;
  position: relative;
  left: -30%;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .reviewArea_itemWrap .itemInfoBox {
  width: 50%;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .reviewArea_itemWrap .itemInfoBox .voicedate {
  color: #7c7c7c;
  font-size: 12px;
  margin-bottom: 10px;
	 line-height: 1.3;
	min-height: 1.2em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .reviewArea_itemWrap .itemInfoBox .reviewArea_item {
  font-size: 11px;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .reviewArea_itemWrap .itemInfoBox .reviewArea_item .itemName {
  display: block;
  font-size: 13px;
	height: 4.5em;
	line-height: 1.4;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break: break-all;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .recommend_level {
  color: #ecbd00;
  font-size: 17px;
  text-align: center;
  margin: 15px 0;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .voicetitle {
  margin: 0;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.3;
	min-height: 1.2em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
@media screen and (max-width: 896px) {
	.reviewArea .reviewArea_wrap .reviewArea_flex li .voicetitle {
		font-size: 13px;
	}
}
.reviewArea .reviewArea_wrap .reviewArea_flex li .voicecomment {
  font-size: 13px;
  color: #888888;
  line-height: 1.6;
	min-height: 4.6em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .arrowBtn {
  display: block;
  width: 100%;
  background-color: #555555;
  padding: 15px 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.reviewArea .reviewArea_wrap .reviewArea_flex li .arrowBtn img {
  width: 30px;
  height: auto;
  display: block;
  margin: 0 auto;
}


.reviewArea .reviewArea_wrap .reviewArea_flex .slick-arrow {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 55px;
  height: 55px;
  background-color: rgba(51, 51, 51, 0.8);
  position: absolute;
  z-index: 100;
}
@media screen and (max-width: 568px) {
  .reviewArea .reviewArea_wrap .reviewArea_flex .slick-arrow {
    width: 6%;
    height: 70px;
  }
}

.reviewArea .reviewArea_wrap .reviewArea_flex .slick-next {
  right: -50px;
  background-image: url("../img/common/arrow_right.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
}
@media screen and (max-width: 896px) {
  .reviewArea .reviewArea_wrap .reviewArea_flex .slick-next {
    right: -18%;
  }
}
@media screen and (max-width: 568px) {
  .reviewArea .reviewArea_wrap .reviewArea_flex .slick-next {
    background-size: 40%;
  }
}

.reviewArea .reviewArea_wrap .reviewArea_flex .slick-prev {
  opacity: 0;
  left: 7px;
  background-image: url("../img/common/arrow_left.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
  transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -webkit-transition: 0.1s ease-in-out;
}
@media screen and (max-width: 568px) {
  .reviewArea .reviewArea_wrap .reviewArea_flex .slick-prev {
    left: 8px;
    background-size: 40%;
  }
}
/* review END */

/* feature */
.featureArea {
  margin: 60px auto;
}
@media screen and (max-width: 896px) {
  .featureArea {
    margin: 40px auto;
  }
}
@media screen and (max-width: 568px) {
	#page_homepage .featureArea {
    width: 96%;
  }
  .featureArea {
    width: 100%;
  }
  .featureArea .whiteBtn {
    margin-top: 10px;
  }
  .featureArea .whiteBtn .imgsize img {
    vertical-align: top;
  }
}

.featureArea .featureArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 568px) {
  .featureArea .featureArea_flex {
  }
}

.featureArea .featureArea_flex .featureArea_Box {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 30px;
}
@media screen and (max-width: 896px) {
  .featureArea .featureArea_flex .featureArea_Box {
		margin-bottom: 3%;
  }
}
@media screen and (max-width: 568px) {
  .featureArea .featureArea_flex .featureArea_Box {
    width: 48%;
		margin-bottom: 5%;
  }
}
.featureArea .featureArea_flex .featureArea_Box:last-child {
  margin-right: 0;
}
.featureArea .featureArea_flex .featureArea_Box:nth-of-type(4n) {
  margin-right: 0;
}
@media screen and (max-width: 568px) {
	.featureArea .featureArea_flex .featureArea_Box:nth-of-type(4n) {
		margin-right: 2%;
	}
	.featureArea .featureArea_flex .featureArea_Box:nth-of-type(2n) {
		margin-right: 0;
	}
}

.featureArea .featureArea_flex .featureArea_Box a {
  display: block;
}

.featureArea .featureArea_flex .featureArea_Box .imgsize {
  width: 100%;
}

.featureArea .featureArea_flex .featureArea_Box .textArea {
  margin-top: 20px;
}
@media screen and (max-width: 896px) {
	.featureArea .featureArea_flex .featureArea_Box .textArea {
		margin-top: 10px;
	}
}

.featureArea .featureArea_flex .featureArea_Box .textArea .featureArea_title {
  margin: 0;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
	letter-spacing: .01em;
  line-height: 1.4;
}
@media screen and (max-width: 896px) {
  .featureArea .featureArea_flex .featureArea_Box .textArea .featureArea_title {
		font-size: 14px;
		/*min-height: 2.5em;*/
	}
}
@media screen and (max-width: 568px) {
  .featureArea .featureArea_flex .featureArea_Box .textArea .featureArea_title {
    font-size: 3.4vw;
		margin-bottom: 8px;
  }
}

.featureArea .featureArea_flex .featureArea_Box .textArea .featureArea_title span{
	padding-left: .5em;
}

.featureArea .featureArea_flex .featureArea_Box .textArea .featureArea_info {
  font-size: 13px;
	line-height: 1.4;
  color: #666;
	margin: 0;
}
@media screen and (max-width: 896px) {
  .featureArea .featureArea_flex .featureArea_Box .textArea .featureArea_info {
   font-size: 12px;
		margin: 0;
  }
}
@media screen and (max-width: 568px) {
  .featureArea .featureArea_flex .featureArea_Box .textArea .featureArea_info {
    font-size: 3.2vw;
  }
}

/*user_data point_block feature*/
.point_feature .featureArea_flex .featureArea_Box {
  /*width: 31.3333%;*/
	width: 23%;
	margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 30px;
}
.point_feature .featureArea_flex .featureArea_Box:nth-of-type(4n) {
  margin-right: 1%;
}
@media screen and (max-width: 896px) {
	.point_feature{
		margin: 30px auto 0;
	}
  .point_feature .featureArea_flex .featureArea_Box {
		margin-bottom: 3%;
  }
}
@media screen and (max-width: 568px) {
  .point_feature .featureArea_flex .featureArea_Box {
    width: 48%;
		margin-bottom: 5%;
  }
	.point_feature .featureArea_flex .featureArea_Box:nth-of-type(4n) {
		margin-right: 1%;
	}
	.point_feature .featureArea_flex .featureArea_Box:nth-of-type(2n) {
		margin-right: 1%;
	}
}
/*user_data point_block feature END*/

/*list page feature*/
.list_feature {
	/*width: 1000px;*/
	margin: 0 auto 40px;
}
@media screen and (max-width: 896px) {
	.list_feature {
		width: 100%;
		margin: 0 auto 30px;
  }
}
.list_feature .featureArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 568px) {
  .list_feature .featureArea_flex  {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
  }
}

.list_feature .featureArea_flex .featureArea_Box {
	width: 31%;
	margin: 0 1% 30px;
}
@media screen and (max-width: 896px) {
  .list_feature .featureArea_flex .featureArea_Box {
		margin-bottom: 15px;
  }
}
@media screen and (max-width: 568px) {
  .list_feature .featureArea_flex .featureArea_Box {
    width: 48%;
		margin-bottom: 15px;
  }
}
/*.list_feature .featureArea_flex .featureArea_Box:nth-of-type(4n) {
  margin-right: 2%;
}
.list_feature .featureArea_flex .featureArea_Box:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 568px) {
	.list_feature .featureArea_flex .featureArea_Box:nth-of-type(3n) {
		margin-right: 2%;
	}
	.list_feature .featureArea_flex .featureArea_Box:nth-of-type(2n) {
		margin-right: 0;
	}
}*/
/*list page feature END*/

/*list page recommend*/
.list_recommend {
	/*width: 960px;*/
	/*width: 1000px;*/
	margin: 0 auto 30px;
}
@media screen and (max-width: 896px) {
	.list_recommend {
		width: 100%;
  }
}

.list_recommend .featureArea_flex .featureArea_Box {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 30px;
}
@media screen and (max-width: 896px) {
  .list_recommend .featureArea_flex .featureArea_Box {
		margin-bottom: 3%;
  }
}
@media screen and (max-width: 568px) {
  .list_recommend  .featureArea_flex .featureArea_Box {
		width: 100%;
    margin-right: 2%;
		margin-bottom: 5%;
  }
}
.list_recommend  .featureArea_flex .featureArea_Box:nth-of-type(4n) {
  margin-right: 2%;
}
.list_recommend  .featureArea_flex .featureArea_Box:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 568px) {
	.list_recommend  .featureArea_flex .featureArea_Box:nth-of-type(3n) {
		margin-right: 0;
	}
	.list_recommend  .featureArea_flex .featureArea_Box:nth-of-type(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 568px) {
	.list_recommend .featureArea_flex .featureArea_Box a {
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.list_recommend .featureArea_flex .featureArea_Box .imgsize {
		width: 40%;
	}
	.list_recommend .featureArea_flex .featureArea_Box .textArea {
		width: 56%;
		margin-top: 0;
	}
}
/*list page recommend END*/

/*list page relation*/
.featureArea .relation_flex {
	width: 100%;
	margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	justify-content: center;
		-webkit-box-pack: justify;
		-webkit-justify-content: center;
}
.featureArea .relation_flex .featureArea_Box:nth-of-type(2n) {
	margin-right: 0;
}
.featureArea  .relation_flex .featureArea_Box:nth-of-type(3n) {
  margin-right: 2%;
}
@media screen and (max-width: 896px) {
	.featureArea .relation_flex {
		width: 100%;
	}
}
.featureArea .relation_flex .featureArea_Box {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 30px;
}
.featureArea .relation_flex .featureArea_Box a {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.featureArea .relation_flex .featureArea_Box a .imgsize {
    width: 48%;
}
.featureArea .relation_flex .featureArea_Box a .textArea {
    width: 48%;
	margin-top: 0;
}
@media screen and (max-width: 568px) {
	.featureArea .relation_flex .featureArea_Box a .imgsize {
    width: 100%;
	}
	.featureArea .relation_flex .featureArea_Box a .textArea {
		width: 100%;
		margin-top: 10px;
	}
}
/*list page relation END*/

/*list page media*/
.list_media{
	width: 1150px;
	margin: 0 auto 30px;
}
.list_media img{
	width: 100%;
	margin: auto;
}
.list_media p{
	margin: 20px auto;
	line-height: 1.8;
}

@media screen and (max-width: 896px) {
	.list_media{
		width: 100%;
	}
}
@media screen and (max-width: 568px) {
	.list_media p{
		font-size: 3.4vw;
		line-height: 1.6;
	}
}
.mediaArea .media_ttl {
  font-size: 14px;
  color: #212121;
  line-height: 1.4;
	margin: 0 auto 10px
}
@media screen and (max-width: 896px) {
  .mediaArea .media_ttl {
    font-size: 13px;
		line-height: 1.6;
  }
}
@media screen and (max-width: 568px) {
  .mediaArea .media_ttl {
    font-size: 3.4vw;
  }
}
.mediaArea .mediaInfo {
  font-size: 14px;
  color: #212121;
  line-height: 1.8;
	margin: 0 auto 30px
}
@media screen and (max-width: 896px) {
  .mediaArea .mediaInfo {
    font-size: 13px;
		line-height: 1.6;
		margin: 0 auto 20px;
  }
}
@media screen and (max-width: 568px) {
  .mediaArea .mediaInfo {
    font-size: 3.2vw;
  }
}
/*list page media END*/

/*list page cat top */
.list_cat_mv{
	width: 1150px;
	margin: 0 auto 30px;
}
.list_cat_mv img{
	width: 100%;
}

@media screen and (max-width: 896px) {
	.list_cat_mv{
		width: 100%;
	}
}
/*list page cat top END*/


.featureArea .featureArea_bannerArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

@media screen and (max-width: 568px) {
  .featureArea .featureArea_bannerArea {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		margin-top: 10%;
  }
}

.featureArea .featureArea_bannerArea .linkBox {
  display: block;
  width: 40%;
  margin: 0 12px;
}

@media screen and (max-width: 568px) {
  .featureArea .featureArea_bannerArea .linkBox {
    margin: 0;
    margin-bottom: 6%;
    width: 100%;
  }
}

/****** header feature ******/
.navBox_menuText_label .featureArea {
	width: 90%;
  margin: 0 auto;
}
.navBox_menuText_label .featureArea .featureArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.navBox_menuText_label .featureArea .featureArea_flex .featureArea_Box {
  width: 22%;
  margin: 0;
}
.navBox_menuText_label .featureArea .titleArea {
  display: none;
}
.navBox_menuText_label .featureArea .featureArea_flex .featureArea_Box .textArea {
  display: none;
}
.navBox_menuText_label .featureArea .featureArea_bannerArea .linkBox {
  display: block;
  width: 40%;
  margin: 0 12px;
}
.navBox_menuText_label .featureArea .whiteBtnArea {
  text-align: right;
}
/****** //header feature ******/
/* feature END */

/* topics */
.news_mediaArea {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 568px) {
  .news_mediaArea {
    width: 94%;
    margin: 0 auto;
    margin-top: 10%;
  }
}

.news_mediaArea .Box {
  width: 48%;
  position: relative;
}
@media screen and (max-width: 568px) {
  .news_mediaArea .Box {
    width: 100%;
    margin: 0 auto 10%;
  }
	.news_mediaArea .Box:last-child {
    width: 100%;
    margin: 0 auto 2%;
  }
}

.news_mediaArea .Box .news_mediaArea_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}

.news_mediaArea .Box .news_mediaArea_title .titleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.news_mediaArea .Box .news_mediaArea_title .whiteBtnArea{
	padding-bottom: .5em;
	text-align: right;
	margin: 0;
}
.news_mediaArea .Box .news_mediaArea_title .titleArea .title_jp {
  margin-left: 15px;
}
@media screen and (max-width: 568px) {
  .news_mediaArea .Box .news_mediaArea_title .titleArea .title_jp {
    margin-left: 4.3vw;
  }
}

.news_mediaArea .Box .news_mediaArea_title .whiteBtnArea .whiteBtn {
  margin-top: 0;
  padding: 8px 20px;
}
@media screen and (max-width: 896px) {
  .news_mediaArea .Box .news_mediaArea_title .whiteBtnArea .whiteBtn {
    padding: 5px 10px;
  }
}
@media screen and (max-width: 568px) {
  .news_mediaArea .Box .news_mediaArea_title .whiteBtnArea .whiteBtn {
		width: 100%;
    padding: 5px 10px 4px;
  }
}
@media screen and (max-width: 896px) {
  .news_mediaArea .Box .news_mediaArea_title .whiteBtnArea .whiteBtn .text {
		font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .news_mediaArea .Box .news_mediaArea_title .whiteBtnArea .whiteBtn .text {
		font-size: 3.0vw;
  }
}
.news_mediaArea .Box .postArea .post_article {
  margin-bottom: 25px;
}

.news_mediaArea .Box .postArea .post_article a {
  display: block;
}

.news_mediaArea .Box .postArea .post_article .date {
  font-size: 12px;
}

.news_mediaArea .Box .postArea .post_article .postTitle {
  font-size: 14px;
  margin: 0;
  margin-top: 10px;
  line-height: 1.4;
}
@media screen and (max-width: 896px) {
	.news_mediaArea .Box .postArea .post_article .postTitle {
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 568px) {
	.news_mediaArea .Box .postArea .post_article .postTitle {
		font-size: 3.2vw;
	}
}

.news_mediaArea .Box .bnrArea{
	width: 90%;
	margin-bottom: 10px;
}
@media screen and (max-width: 896px) {
	.news_mediaArea .Box .bnrArea{
		width: 100%;
	}
}
.news_mediaArea .Box .bnrArea img {
  max-width: 100%;
}

.news_mediaArea .Box .lineArea{
		width: 90%;
	}
@media screen and (max-width: 896px) {
	.news_mediaArea .Box .lineArea{
		width: 100%;
	}
}
.news_mediaArea .Box .lineArea .lineBtn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.news_mediaArea .Box.mediaClass .postArea .post_article {
  margin-bottom: 20px;
}

.news_mediaArea .Box.mediaClass .postArea .post_article:last-of-type {
  margin-bottom: 0;
}

.news_mediaArea .Box.mediaClass .postArea .post_article .parmLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #212121;
}

.news_mediaArea .Box.mediaClass .postArea .post_article .thumbnailImg {
  width: 40%;
}

@media screen and (max-width: 568px) {
  .news_mediaArea .Box.mediaClass .postArea .post_article .thumbnailImg {
    width: 45%;
  }
}

.news_mediaArea .Box.mediaClass .postArea .post_article .textBox {
  width: 56%;
}

@media screen and (max-width: 568px) {
  .news_mediaArea .Box.mediaClass .postArea .post_article .textBox {
    width: 50%;
  }
}


/**** header media ****/
.ec-layoutRole__header .navArea .toggleBox .news_mediaArea .Box.mediaClass .postArea .post_article .thumbnailImg {
  width: 30%;
}
@media screen and (max-width: 568px) {
  .ec-layoutRole__header .navArea .toggleBox .news_mediaArea .Box.mediaClass .postArea .post_article .thumbnailImg {
    width: 45%;
  }
}

.ec-layoutRole__header .navArea .toggleBox .news_mediaArea .Box.mediaClass .postArea .post_article .textBox {
  width: 66%;
}
@media screen and (max-width: 568px) {
  .ec-layoutRole__header .navArea .toggleBox .news_mediaArea .Box.mediaClass .postArea .post_article .textBox {
    width: 50%;
  }
}
/**** header media END ****/

.news_mediaArea .ec-role {
  padding: 0;
  max-width: 100%;
}

.news_mediaArea .ec-newsRole {
  padding: 0;
}

.news_mediaArea .ec-newsRole .ec-newsRole__news {
  border: none;
  padding: 0;
}

.news_mediaArea .ec-newsRole .ec-newsRole__newsHeading {
  display: block;
  cursor: default;
}

.news_mediaArea .ec-newsRole .ec-newsRole__newsHeading .ec-newsRole__newsDate {
  font-size: 12px;
  min-width: auto;
  color: #212121;
  display: block;
  margin-bottom: 10px;
}

.news_mediaArea .ec-newsRole .ec-newsRole__newsHeading .ec-newsRole__newsTitle {
  font-weight: 400;
	line-height: 1.4;
  color: #212121;
}
@media screen and (max-width: 896px) {
	.news_mediaArea .ec-newsRole .ec-newsRole__newsHeading .ec-newsRole__newsTitle {
		width: 100%;
		font-size: 1.2rem;
		margin: 0;
	}
}
.news_mediaArea .ec-newsRole .ec-newsRole__newsHeading .ec-newsRole__newsTitle a {
  color: #212121;
  /*text-decoration: underline!important;*/
}

.news_mediaArea .ec-newsRole .ec-newsRole__newsHeading .ec-newsRole__newsTitle a:hover {
  text-decoration: none;
}

.news_mediaArea .ec-newsRole .ec-newsRole__newsHeading .ec-newsRole__newsColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.news_mediaArea .ec-newsRole .ec-newsRole__newsDescription {
  color: #212121;
}

.news_mediaArea .ec-newsRole .ec-newsRole__newsDescription a {
  color: #0092c4;
}

.news_mediaArea .ec-newsRole .ec-newsRole__newsDescription a:hover {
  text-decoration: underline;
}

.toggleBox .news_mediaArea {
  margin-top: 0;
}

#page_product_list .toggleBox .news_mediaArea .titleArea {
  margin-top: 0;
}
/* topics END */

/* support */
.supportArea {
  background-color: #f3f3f3;
  margin-top: 60px;
  padding: 60px 0;
}
@media screen and (max-width: 896px) {
  .supportArea {
    margin: 40px auto 30px;
		padding: 8% 0 3%;
  }
}

.supportArea .supportArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	-webkit-justify-content: space-between;
  -ms-justify-content    : space-between;
  justify-content        : space-between;
}
@media screen and (max-width: 568px) {
  .supportArea .supportArea_flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.supportArea .supportArea_flex .supportArea_Box {
	width: 360px;
	margin-bottom: 30px;
	background: rgba(255,255,255,0.7);
}
@media screen and (max-width: 896px) {
  .supportArea .supportArea_flex .supportArea_Box {
    width: 32%;
  }
}
@media screen and (max-width: 568px) {
  .supportArea .supportArea_flex .supportArea_Box {
    width: 48%;
		margin-bottom: 4%;
  }
}

.supportArea .supportArea_flex .supportArea_Box a {
  display: block;
}

.supportArea .supportArea_flex .supportArea_Box .imgsize {
  width: 100%;
}

.supportArea .supportArea_flex .supportArea_Box .textArea {
  margin-top: 10px;
	padding: 3%;
}
@media screen and (max-width: 896px) {
	.supportArea .supportArea_flex .supportArea_Box .textArea {
		margin-top: 3%;
		padding: 5%;
	}
}
	
.supportArea .supportArea_flex .supportArea_Box .textArea .supportArea_title {
  margin: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
	line-height: 1.3;
	color: #212121;
}
@media screen and (max-width: 896px) {
  .supportArea .supportArea_flex .supportArea_Box .textArea .supportArea_title {
    font-size: 14px;
  }
}
@media screen and (max-width: 568px) {
  .supportArea .supportArea_flex .supportArea_Box .textArea .supportArea_title {
    font-size: 3.4vw;
		min-height: 2.2em;
		margin-bottom: 5%;
  }
}

.supportArea .supportArea_flex .supportArea_Box .textArea .supportArea_info {
  font-size: 13px;
  color: #666;
	line-height: 1.4;
}
@media screen and (max-width: 896px) {
  .supportArea .supportArea_flex .supportArea_Box .textArea .supportArea_info {
    font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .supportArea .supportArea_flex .supportArea_Box .textArea .supportArea_info {
    font-size: 3.0vw;
		margin: 0;
  }
}
/* support END */

/* shop */
.shopArea {
  margin-top: 60px;
}

@media screen and (max-width: 896px) {
  .shopArea {
    width: 96%;
    margin: 40px auto 0;
  }
/*  .shopArea.shoplist {
    width: 100%;
  }*/
}

.shopArea .shopArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 568px) {
  .shopArea .shopArea_flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.shopArea .shopArea_flex .shopArea_Box {
  display: block;
  width: 24%;
  margin-right: 1.33%;
  margin-bottom: 30px;
}
@media screen and (max-width: 896px) {
  .shopArea .shopArea_flex .shopArea_Box {
		margin-bottom: 0;
  }
}
@media screen and (max-width: 568px) {
  .shopArea .shopArea_flex .shopArea_Box {
    width: 48%;
    margin-right: 0;
		margin-bottom: 5%;
  }
}

.shopArea .shopArea_flex .shopArea_Box:nth-of-type(4n) {
  margin-right: 0;
}

.shopArea .shopArea_flex .shopArea_Box .imgsize {
  width: 100%;
}

.shopArea .shopArea_flex .shopArea_Box .whiteBtnArea {
  text-align: center;
}

.shopArea .shopArea_flex .shopArea_Box .whiteBtn {
  width: 100%;
	margin-top: 0;
}

.shopArea .shopArea_flex .shopArea_Box .whiteBtn .imgsize {
  width: 24px;
}

@media screen and (max-width: 568px) {
  .shopArea .shopArea_flex .shopArea_Box .whiteBtn .imgsize {
    width: 8%;
    margin-left: 2%;
  }
}

.shopArea .shopArea_flex .shopArea_Box .textArea {
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 568px) {
	.shopArea .shopArea_flex .shopArea_Box .textArea {
		margin-top: 20px;
	}
}

.shopArea .shopArea_flex .shopArea_Box .textArea .shopArea_title {
  margin: 0;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
	line-height: 1.3;
}
@media screen and (max-width: 896px) {
  .shopArea .shopArea_flex .shopArea_Box .textArea .shopArea_title {
    font-size: 13px;
  }
}
@media screen and (max-width: 568px) {
  .shopArea .shopArea_flex .shopArea_Box .textArea .shopArea_title {
    font-size: 3.5vw;
		margin-bottom: .5em;
  }
	 .shoplist .shopArea_flex .shopArea_Box .textArea .shopArea_title {
    font-size: 4.4vw;
		 letter-spacing: .1em;
		margin-bottom: .5em;
  }
}

.shopArea .shopArea_flex .shopArea_Box .textArea .shopArea_info {
  font-size: 13px;
	line-height: 1.4;
	min-height: 5em;
}
.shopArea_Box .textArea .shopArea_info .red {
  display: block;
	font-size: 12px;
	color: #da0505;
	margin-top: 5px;
}
@media screen and (max-width: 896px) {
  .shopArea .shopArea_flex .shopArea_Box .textArea .shopArea_info {
    font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .shopArea .shopArea_flex .shopArea_Box .textArea .shopArea_info {
    font-size: 3.2vw;
		min-height: inherit;
  }
	.shopArea_Box .textArea .shopArea_info .red {
   font-size: 3.0vw;
	}
}
/* shop END */

/* concept */
.conceptArea {
  margin-top: 60px;
}

@media screen and (max-width: 896px) {
  .conceptArea {
    background-color: #555;
		margin-top: 20px;
  }
  .conceptArea .titleArea {
    background-color: #555;
    color: #fff;
    margin-bottom: 0;
    padding: 40px 0 0;
  }
	 .conceptArea .titleArea .title_en{
    color: #fff;
  }
}

.conceptArea .boxwap {
	width: 100%;
  position: relative;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	background: #555;
}

@media screen and (max-width: 896px) {
  .conceptArea .boxwap {
    width: 100%;
  }
}

.conceptArea .conceptWrap {
}
@media screen and (max-width: 896px) {
  .conceptArea .conceptWrap {
    margin-top: 0;
    background-size: 100%;
  }
}

.conceptArea .conceptArea_textBox .conceptArea_title{
  font-size: 19px;
}
@media screen and (max-width: 896px) {
  .conceptArea .conceptArea_textBox .conceptArea_title {
   font-size: 16px;
  }
}
@media screen and (max-width: 568px) {
  .conceptArea .conceptArea_textBox .conceptArea_title {
   font-size: 3.2vw;
  }
}

.conceptArea .conceptArea_textBox .conceptArea_title {
  color: #fff;
  margin: 0;
  line-height: 1.6;
}
@media screen and (max-width: 568px) {
  .conceptArea .conceptArea_textBox .conceptArea_title {
    font-size: 3.8vw;
		letter-spacing: 0;
  }
}

.conceptArea .conceptArea_textBox .conceptArea_title .marcellus {
	font-size: 21px;
  font-family: "Marcellus", serif;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 568px) {
	.conceptArea .conceptArea_textBox .conceptArea_title .marcellus {
		font-size: 4.2vw;
	}
}

.conceptArea .conceptArea_textBox {
  background: #555;
  padding: 4% 3%;
  width: 40%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
	height: 500px;
	max-width: 500px;
	margin: 0 0 0 auto;
}
.conceptArea .concept_img {
	width: 60%;	
	height: auto;
	text-align: right;
}
.conceptArea .concept_img img {
	width: auto;	
	height: 500px;
	max-width: 100%;
}

@media screen and (max-width: 896px) {
  .conceptArea .conceptArea_textBox {
    padding: 5% 5%;
    width: 100%;
		height: auto;
		max-width: inherit;
	}
	.conceptArea .concept_img {
		width: 100%;	
	}
	.conceptArea .concept_img img {
		width: 100%;	
		height: auto;
	}
}
@media screen and (max-width: 568px) {
  .conceptArea .conceptArea_textBox {
    padding: 8% 5%;
  }
}

.conceptArea .conceptArea_textBox .conceptArea_info {
  margin-top: 30px;
  color: #fff;
  font-size: 14px;
  line-height: 1.8;
}
@media screen and (max-width: 896px) {
  .conceptArea .conceptArea_textBox .conceptArea_info {
    font-size: 13px;
		letter-spacing: 0;
		margin-top: 20px;
  }
}
@media screen and (max-width: 568px) {
  .conceptArea .conceptArea_textBox .conceptArea_info {
    font-size: 3.2vw;
		margin-top: 5%;
  }
}

.conceptArea .conceptArea_textBox .ipadbr {
  display: block;
}
@media screen and (max-width: 896px) {
  .conceptArea .conceptArea_textBox .ipadbr {
    display: none;
  }
}
@media screen and (max-width: 568px) {
  .conceptArea .conceptArea_textBox .ipadbr {
    display: block;
  }
}
/* concept END */

/* checked item */
@media screen and (max-width: 568px) {
  .checkedAreaWrap .boxwap {
    width: 100%;
  }
}

.checkedArea {
  margin-top: 100px;
}
@media screen and (max-width: 896px) {
	.checkedArea {
		margin: 40px auto 0;
	}
}
.checkedArea .index_categoryArea {
  background-color: #fff;
  padding: 0;
}

.checkedArea .index_categoryArea .sp_scrollWrap {
  overflow-x: scroll;
	-ms-overflow-style: thin!important;
	scrollbar-width: thin!important;
	scrollbar-color: #f0f0f0 white;
}

.checkedArea .index_categoryArea .sp_scrollWrap .category_itemBox {
	margin: 0;
}
.checkedArea .index_categoryArea .category_itemBox li {
  width: 150px;
}

.checkedArea .index_categoryArea .category_itemBox li .itemLink .imgsize {
  width: 90%;
}

@media screen and (max-width: 896px) {
  .checkedArea .index_categoryArea .sp_scrollWrap {
    width: 98%;
    margin-left: auto;
    margin-right: 0;
		-ms-overflow-style: none!important;
		scrollbar-width: none!important;
  }
  .checkedArea .index_categoryArea .sp_scrollWrap .category_itemBox {
    width: 1180px;
		margin: 0;
  }
  .checkedArea .index_categoryArea .sp_scrollWrap .category_itemBox li {
    width: 130px;
  }
  .checkedArea .index_categoryArea .sp_scrollWrap .category_itemBox li .itemLink {
    padding: 10px 2% 0;
  }
}
/* checked item END */

/* footer */
.footerArea {
  margin-top: 60px;
}
.footerArea .footer_guide {
	width: 98%;
  margin: 60px auto 0;
}
@media screen and (max-width: 568px) {
	.footerArea {
		width: 100%;
		margin-top: 40px;
	}
	.footerArea .footer_guide {
		width: 100%;
		margin-top: 40px;
	}
}
.footerArea .footer_guide_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 896px) {
	.footerArea .footer_guide_flex {
		margin: 30px auto 0;
	}
}
.footerArea .footer_guide_flex .Box {
  width: 48%;
  margin-bottom: 2%;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_guide_flex .Box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }
}

.footerArea .footer_guide_flex .Box .titleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  margin: 0 0 .5em;
}
@media screen and (max-width: 896px) {
  .footerArea .footer_guide_flex .Box .titleArea {
		margin-bottom: .5em;
  }
}
@media screen and (max-width: 568px) {
  .footerArea .footer_guide_flex .Box .titleArea {
    padding: 3% 5%;
    margin-bottom: 0;
    border-top: 1px solid #d9d8d8;
  }
  .footerArea .footer_guide_flex .Box .titleArea.btnOff {
    background-image: url("../img/common/btnOff.gif");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 5%;
  }
  .footerArea .footer_guide_flex .Box .titleArea.btnOn {
    background-image: url("../img/common/btnOn.gif");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 5%;
  }
}

.footerArea .footer_guide_flex .Box .titleArea .titleP {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}
@media screen and (max-width: 896px) {
  .footerArea .footer_guide_flex .Box .titleArea .titleP {
    font-size: 14px;
  }
}
@media screen and (max-width: 568px) {
  .footerArea .footer_guide_flex .Box .titleArea .titleP {
    font-size: 4.0vw;
		font-weight: 400;
  }
}

.footerArea .footer_guide_flex .Box .guide_info_inner {
  line-height: 1.5;
	font-size: 13px;
	line-height: 1.6;
	min-height: 8em;
	padding-bottom: 20px;
}
@media screen and (max-width: 568px) {
   .footerArea .footer_guide_flex .Box .titleArea {
    margin: 0 auto!important;
  }
}
.footerArea .footer_guide_flex .Box{
	border-bottom: 1px solid #f0f0f0;
}
.footerArea .footer_guide_flex .Box:nth-last-of-type(-n+2){
	border-bottom: none;
}
.footerArea .footer_guide_flex .Box .guide_info_inner span {
  display: block;
	font-size: 12px;
}
@media screen and (max-width: 896px) {
  .footerArea .footer_guide_flex .Box .guide_info_inner {
    font-size: 12px;
		border-bottom: none;
		min-height: inherit;
  }
	.footerArea .footer_guide_flex .Box .guide_info_inner br{
		display: none;
	}
	.footerArea .footer_guide_flex .Box .guide_info_inner span {
		font-size: 12px;
	}
	.footerArea .footer_guide_flex .Box{
		border-bottom: none;
	}
}
@media screen and (max-width: 568px) {
  .footerArea .footer_guide_flex .Box .guide_info_inner {
    display: none;
    padding: 0 3% 3%;
    font-size: 3.2vw;
  }
	.footerArea .footer_guide_flex .Box .guide_info_inner span {
		font-size: 3.2vw;
	}
}

.footerArea .footer_guide_flex .Box .guide_info_inner a.link {
  text-decoration: underline;
}
.footerArea .footer_guide_flex .Box .guide_info_inner .whiteBtnArea {
  text-align: left;
}
@media screen and (max-width: 568px) {
	.footerArea .footer_guide_flex .Box .guide_info_inner .whiteBtnArea {
  text-align: center;
	}
}
.footerArea .footer_guide_flex .Box .guide_info_inner .whiteBtn {
  padding: 5px 20px;
  margin: 10px auto 0;
}
.footerArea .footer_guide_flex .Box .guide_info_inner .whiteBtn .text {
  font-size: 11px;
}
@media screen and (max-width: 896px) {
 .footerArea .footer_guide_flex .Box .guide_info_inner .whiteBtn {
    padding: 5px 10px;
		margin: 10px auto 0;
  }
}
@media screen and (max-width: 568px) {
 .footerArea .footer_guide_flex .Box .guide_info_inner .whiteBtn {
    padding: 5px 10px;
    width: 85%;
  }
	.footerArea .footer_guide_flex .Box .guide_info_inner .whiteBtn .text {
		font-size: 3vw;
	}
}

.footerArea .footer_navArea {
  background-color: #4d4b4c;
  padding: 40px 0 20px;
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
  .footerArea .footer_navArea {
    margin-top: 20px;
		padding: 40px 0;
  }
}
@media screen and (max-width: 568px) {
  .footerArea .footer_navArea {
    margin-top: 0;
    padding: 0;
  }
  .footerArea .footer_navArea .boxwap {
    width: 100%;
  }
}

.footerArea .footer_navArea .footer_navArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea {
  width: 20%;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .logo {
  display: block;
	max-width: 120px;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .logo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 50%;
    margin: 0 auto;
    margin-top: 10%;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav {
  margin-top: 50px;
}
@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav li {
  margin-bottom: 10px;
}
@media screen and (max-width: 896px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav li {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav li {
    margin-bottom: 0;
    width: 50%;
    border-bottom: 1px solid #fff;
  }
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav li:nth-of-type(odd) {
    border-right: 1px solid #fff;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav li a {
  color: #fff;
}
@media screen and (max-width: 896px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav li a {
    padding: 8%;
    display: block;
    font-size: 3.5vw;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .infoNav li a:hover {
    text-decoration: none;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .hpArea {
  margin-top: 60px;
}
.footerArea .footer_navArea .footer_navArea_flex .logoArea .hpArea img {
  width: 140px;
	max-width: 100%;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .hpArea {
    display: none;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .hpArea .hpArea_title {
  color: #fff;
  font-size: 13px;
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .hpArea .logo {
  display: block;
	margin-top: 10px;
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .snsArea {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-top: 50px;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .logoArea .snsArea {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin: 8% auto;
		width: 100%;
		justify-content: center;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .logoArea .snsArea a {
  margin: 0;
  margin-right: 8px;
}

.footerArea .footer_navArea .footer_navArea_flex .navArea {
  width: 75%;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList {
    border-bottom: 1px solid #fff;
		padding: 4% 0;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul {
  width: 31%;
  margin-right: 3.5%;
}

.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul:nth-of-type(3n) {
  margin-right: 0;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul {
    width: 96%;
    margin-right: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		-webkit-box-pack: justify;
				-ms-flex-pack: justify;
						justify-content: space-between;
		margin: auto!important;

  }
}

.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li {
  margin-bottom: 30px;
	font-size: 11px;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li {
    margin-bottom: 0;
		width: 50%;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li > a {
  font-size: 15px;
  font-weight: 400;
}
@media screen and (max-width: 896px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li > a {
    font-size: 13px;
  }
}
@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li > a {
    font-size: 3.4vw;
    font-weight: 400;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li ul {
  margin-left: 1em;
  margin-top: 10px;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li ul {
    margin-left: 0;
    margin-top: 0;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li ul li {
  width: 100%;
  margin-bottom: 6px;
}
@media screen and (max-width: 896px) {
	.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li ul li {
		font-size: 11px;
		line-height: 1.4;
		margin-bottom: 0;
	}
}
@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li ul li {
    margin-bottom: 0;
  }
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li ul li a {
    background-image: url("../img/common/arrow_gray.png");
    background-repeat: no-repeat;
    background-size: 2.5%;
    background-position: center left 5%;
    padding-left: 11%;
    background-color: #6d696b;
  }
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList > ul > li > ul {
    display: none;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList li a {
  color: #fff;
}
@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList li a {
    display: block;
    padding: 2% 5%;
    /*border-top: 1px solid #fff;*/
  }
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList li a.btnOff {
    background-image: url("../img/common/btnOff_white.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 5%;
  }
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList li a.btnOn {
    background-image: url("../img/common/btnOn_white.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 5%;
  }
}

.footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .footer_navArea_flex .navArea .footer_navList li a:hover {
    text-decoration: none;
  }
}

.footerArea .footer_navArea .copyrightArea {
  color: #fff;
  text-align: left;
  font-size: 12px;
}

@media screen and (max-width: 568px) {
  .footerArea .footer_navArea .copyrightArea {
    font-size: 3.2vw;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 5%;
    text-align: center;
    line-height: 1.6;
  }
}
/* footer END */

.apg_sc_table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.5;
  margin-left: auto;
  text-align: center;
  width: 60%;
  margin: 30px auto;
}

.apg_sc_table th,
.apg_sc_table td {
  border: 1px solid #ccc;
}

.apg_sc_table thead th {
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  color: #fff;
  background: #efefef;
}
@media screen and (max-width: 568px) {
  .apg_sc_table thead th {
    padding: 3%;
  }
}

.apg_sc_table tbody th {
  background:#fff;
  line-height: 2.4em;
  text-align: center;
}
.apg_sc_table tbody th.apg_sc_header{
  /*background: #efefef;*/
	border: none!important;
}

.apg_sc_table td {
  padding: 10px;
  vertical-align: top;
  text-align: center;
  background-color: #fff;
}
@media screen and (max-width: 568px) {
  .apg_sc_table td {
    padding: 3%;
  }
}

/* ★休日のカラーはここで設定しています。*/
.apg_sc_table .apg_sc_holiday {
  /*background: #ecc6c7 !important;*/
	/*background: #efefef;*/
	background: #ddd;
}

.apg_sc_table .apg_sc_saturday {
  /*background: #BDE2E8;*/
	/*background: #efefef;*/
	background: #ddd;
}

.apg_sc_table .apg_sc_sunday,
.apg_sc_table .apg_sc_sunday {
  /*background: #ECC6C7;*/
	/*background: #efefef;*/
	background: #ddd;
}

@media only screen and (max-width: 896px) {
  .apg_sc_table {
    float: none;
    margin-top: 20px;
    margin-right: auto;
		border-top: none;
  }
}

@media screen and (max-width: 568px) {
  .ec-layoutRole__mainBottom > .boxwap {
    width: 100%;
  }
  .footerArea > .boxwap {
    width: 100%;
  }
}

.ec-blockTopBtn {
  width: 56px;
  height: 56px;
  background-color: transparent;
  background-image: url("../img/common/pagetop.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
	right: 30px;
  bottom: 20px;
  /*right: 3%;
  bottom: 3%;*/
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
@media only screen and (max-width: 896px) {
	.ec-blockTopBtn {
		right: 16px;
  	bottom: 10px;
	}
}
@media screen and (max-width: 568px) {
  .ec-blockTopBtn {
    width: 56px;
    height: 56px;
  }
}

/* shoplist */
.shoplist .crastina_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 568px) {
  .shoplist .crastina_title {
    display: block;
    border-bottom: none;
  }
}

.shoplist .crastina_title .imgsize {
  width: 130px;
  margin-right: 20px;
}

@media screen and (max-width: 568px) {
  .shoplist .crastina_title .imgsize {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    margin-right: 0;
  }
}

@media screen and (max-width: 568px) {
  .shoplist .crastina_title .imgsize img {
    width: 30%;
    height: auto;
  }
}

.shoplist .crastina_title .crastina_titleP {
  margin: 0;
  font-size: 16px;
}
@media screen and (max-width: 568px) {
  .shoplist .crastina_title .crastina_titleP {
    font-size: 3.6vw;
		text-align: right;
  }
}

@media screen and (max-width: 896px) {
  .shoplist .shopArea_flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.shoplist .shopArea_flex .shopArea_Box {
  position: relative;
  padding-bottom: 50px;
}
@media screen and (max-width: 896px) {
  .shoplist .shopArea_flex .shopArea_Box {
    width: 48%;
  }
}
@media screen and (max-width: 568px) {
  .shoplist .shopArea_flex .shopArea_Box {
    width: 96%;
    padding-bottom: 0;
    margin: 0 auto 60px;
  }
}

.shoplist .shopArea_flex .shopArea_Box:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

@media screen and (max-width: 568px) {
	.shoplist .shopArea_flex .shopArea_Box .textArea .shopArea_info {
			font-size: 3.4vw;
		line-height: 1.6;
	}
}

@media screen and (max-width: 568px) {
  .shoplist .shopArea_flex .shopArea_Box .whiteBtnArea {
    position: static;
  }
  .shoplist .shopArea_flex .shopArea_Box .whiteBtnArea .whiteBtn {
    margin-top: 20px;
  }
}

.shopInfo {
  margin-top: 60px;
}
@media screen and (max-width: 568px) {
	.shopInfo {
		width: 100%;
		margin-top: 40px;
	}
}
.shopInfo .shopInfo_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px auto 0;
}
@media screen and (max-width: 896px) {
  .shopInfo .shopInfo_flex {
		width: 96%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.shopInfo .shopInfo_flex .shopInfo_img {
  width: 36%;
}
@media screen and (max-width: 896px) {
  .shopInfo .shopInfo_flex .shopInfo_img {
    width: 100%;
    margin-bottom: 8%;
  }
}

.shopInfo .shopInfo_flex .shopInfo_Box {
  width: 60%;
}
@media screen and (max-width: 896px) {
  .shopInfo .shopInfo_flex .shopInfo_Box {
    width: 100%;
  }
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopTitle {
  font-size: 16px;
  margin: 0;
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #cccccc;
  font-weight: 600;
  color: #212121;
}
@media screen and (max-width: 568px) {
  .shopInfo .shopInfo_flex .shopInfo_Box .shopTitle {
    font-size: 4.5vw;
  }
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 568px) {
  .shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox {
  width: 45%;
}
@media screen and (max-width: 896px) {
  .shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox {
    width: 100%;
  }
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .addArea {
  font-size: 14px;
  line-height: 1.8;
  color: #212121;
}
@media screen and (max-width: 568px) {
  .shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .addArea {
    font-size: 3.6vw;
  }
}
.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .addArea span.red {
	display: block;
  line-height: 1.6;
  color: #da0505;
	margin-top: 5px;
}
.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .shop-yoyaku{
	margin: 10px auto;
}
.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .shop-yoyaku .yoyaku-p{
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 15px;
}
@media screen and (max-width: 568px) {
.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .shop-yoyaku .yoyaku-p{
    font-size: 3.4vw;
  }
}
.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .shop-yoyaku .yoyaku-btn{
	padding: 10px 20px;
	border: 1px solid #333;
	text-align: center;
}
.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .shop-yoyaku .yoyaku-btn a{
	display: block;
}
.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .linkList {
  margin-top: 20px;
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .linkList li {
  padding-left: 15px;
  background-image: url(../img/common/arrow_black2.png);
  background-repeat: no-repeat;
  background-size: 8px 13px;
  background-position: top 2px left;
  margin-bottom: 8px;
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .linkList li .linkList_link {
  font-size: 13px;
  color: #888888;
}
@media screen and (max-width: 568px) {
  .shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .addAreaBox .linkList li .linkList_link {
    font-size: 3.8vw;
  }
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .mapImg {
  width: 50%;
}
@media screen and (max-width: 896px) {
  .shopInfo .shopInfo_flex .shopInfo_Box .shopinfoArea_flex .mapImg {
    width: 100%;
  }
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 25px;
}
@media screen and (max-width: 568px) {
  .shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
  }
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea a {
  display: block;
  width: 32%;
  margin-right: 2%;
	margin-bottom: 12px;
}

.shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea a:nth-of-type(3n) {
  margin-right: 0;
}

@media screen and (max-width: 568px) {
  .shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea a {
    /*width: 49%;*/
		width: 90%;
    margin: 0 auto 12px;
  }
	.shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea a:nth-of-type(3n) {
		margin: 0 auto 12px;
	}
	.shopInfo .shopInfo_flex .shopInfo_Box .shopbannerArea a:nth-of-type(2n) {
		margin: 0 auto 12px;
	}
}

.shopInfo .shopImgflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 70px;
}
@media screen and (max-width: 568px) {
  .shopInfo .shopImgflex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 40px;
  }
}

.shopInfo .shopImgflex li {
  /*width: 15.8%;*/
	width: 32%;
  margin-right: 1%;
  margin-bottom: 1%;
}
@media screen and (max-width: 568px) {
  .shopInfo .shopImgflex li {
    /*width: 31.5%;*/
		width: 48.5%;
    margin-right: 0;
    margin-bottom: 2.5%;
  }
}

.shopInfo .shopImgflex li:nth-of-type(3n) {
  margin-right: 0;
}

.shopInfo .shop_description {
  border: 1px solid #cccccc;
  padding: 40px 50px;
  color: #212121;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 30px;
}
@media screen and (max-width: 568px) {
  .shopInfo .shop_description {
    border: none;
    padding: 0;
    font-size: 3.4vw;
  }
}
/* shoplist END */

/* shopping guide */
.guideArea {
  width: 1000px;
  margin: 60px auto 0;
}
@media screen and (max-width: 896px) {
  .guideArea {
    width: 96%;
		margin-top: 40px;
  }
}

.guideArea.guidelist {
  width: 100%;
}

.guideArea .shopArea_flex {
  margin-top: 30px;
}

.guideArea .shopArea_flex .shopArea_Box {
  width: 25%;
  margin-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 3%;
  margin-bottom: 40px;
}
@media screen and (max-width: 896px) {
  .guideArea .shopArea_flex .shopArea_Box {
    width: 33%;
		padding: 0 2%;
		margin-bottom: 20px;
  }
}
@media screen and (max-width: 568px) {
  .guideArea .shopArea_flex .shopArea_Box {
    width: 50%;
    padding: 0 3%;
  }
}

.guideArea .shopArea_flex .shopArea_Box:hover {
  text-decoration: none;
}

.guideArea .shopArea_flex .shopArea_Box:hover .textArea .shopArea_title {
  color: #212121;
}

.guideArea .shopArea_flex .shopArea_Box .imgsize {
  width: 60%;
  margin: 0 auto;
}

.guideArea .shopArea_flex .shopArea_Box .textArea .shopArea_title {
  color: #212121;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000000;
  font-weight: 400;
}

@media screen and (max-width: 568px) {
  .guideArea .shopArea_flex .shopArea_Box .textArea .shopArea_title {
    font-size: 4vw;
  }
}

.guideArea .shopArea_flex .shopArea_Box .textArea .shopArea_info {
  color: #212121;
}
@media screen and (max-width: 568px) {
  .guideArea .shopArea_flex .shopArea_Box .textArea .shopArea_info {
    font-size: 3.4vw;
		margin: 0;
  }
}

.guideArea .afterArea {
  margin-top: 40px;
}
.guideArea .afterArea .afterBox {
	padding-top: 120px;
	margin-top: -60px;
  margin-bottom: 40px;
}
@media screen and (max-width: 568px) {
	.guideArea .afterArea {
		margin-top: 20px;
	}
	.guideArea .afterArea .afterBox {
		padding-top: 40px;
		margin-top: -40px;
		margin-bottom: 0;
	}
}

.guideArea .afterArea .afterBox .titleP {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #282828;
  color: #212121;
}
@media screen and (max-width: 568px) {
  .guideArea .afterArea .afterBox .titleP {
    font-size: 4.5vw;
    line-height: 1.5;
		padding-bottom: 3px;
		margin-top: 30px;
  }
}

.guideArea .afterArea .afterBox p {
		font-size: 14px;
	 line-height: 1.6;
}
@media screen and (max-width: 568px) {
	.guideArea .afterArea .afterBox p {
		font-size: 3.4vw;
		line-height: 1.5;
	}
}
.guideArea .afterArea .afterBox .infoP {
  font-size: 16px;
  margin-bottom: 10px;
  color: #212121;
	line-height: 1.6;
}
.guideArea .afterArea .afterBox .infoP span{
  /*font-size: 80%;*/
	margin-top: .5em;
}
@media screen and (max-width: 896px) {
  .guideArea .afterArea .afterBox .infoP {
    font-size: 14px;
		line-height: 1.5;
  }
}
@media screen and (max-width: 568px) {
  .guideArea .afterArea .afterBox .infoP {
    font-size: 3.6vw;
  }
}

.guideArea .afterArea .afterBox .subP {
  font-size: 14px;
  margin-bottom: 10px;
  color: #212121;
}
@media screen and (max-width: 568px) {
  .guideArea .afterArea .afterBox .subP {
    font-size: 3.4vw;
  }
	 /*.guideArea .afterArea .afterBox .subP br {
    display: none;
  }*/
}

.guideArea .afterArea .afterBox .subP .ttl{
  font-size: 20px;
  margin: 40px 0 10px;
}
@media screen and (max-width: 568px) {
	.guideArea .afterArea .afterBox .subP .ttl{
		font-size: 4.0vw;
	}
}

.guideArea .afterArea .afterBox .subP a {
  text-decoration: underline!important;
}

.guideArea .afterArea .afterBox .midP {
  font-size: 16px;
  margin-bottom: 10px;
  color: #212121;
}
@media screen and (max-width: 568px) {
  .guideArea .afterArea .afterBox .midP {
    font-size: 3.6vw;
		line-height: 1.6;
  }
}

.guideArea .afterArea .afterBox .smallP {
  font-size: 14px;
  margin-bottom: 10px;
  color: #212121;
}
@media screen and (max-width: 568px) {
	.guideArea .afterArea .afterBox .smallP {
		font-size: 3.4vw;
		line-height: 1.4;
	}
}
.guideArea .afterArea .afterBox .smallP a {
  text-decoration: underline!important;
}
.guideArea .afterArea .afterBox .bold {
  font-weight: 600;
}

/*.guideArea .afterArea .afterBox .orange {
  color: #e38821;
}*/

.guideArea .afterArea .afterBox .grayArea {
  background-color: #eeeeee;
  padding: 40px;
  color: #545555;
  margin-top: 30px;
}

@media screen and (max-width: 568px) {
  .guideArea .afterArea .afterBox .grayArea {
    padding: 6%;
  }
}

.guideArea .afterArea .afterBox .grayArea.small {
  padding: 30px;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.6;
}

@media screen and (max-width: 568px) {
	.guideArea .afterArea .afterBox .grayArea.small {
		padding: 3%;
	}
}
.guideArea .afterArea .afterBox .grayArea .grayArea_title {
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #bebebe;
}

@media screen and (max-width: 568px) {
  .guideArea .afterArea .afterBox .grayArea .grayArea_title {
    font-size: 4.5vw;
    padding-bottom: 10px;
  }
}

.guideArea .afterArea .afterBox .grayArea .textFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 896px) {
  .guideArea .afterArea .afterBox .grayArea .textFlex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.guideArea .afterArea .afterBox .grayArea .textFlex .grayArea_box {
  width: 50%;
  font-size: 14px;
  line-height: 2;

}

@media screen and (max-width: 896px) {
  .guideArea .afterArea .afterBox .grayArea .textFlex .grayArea_box {
    width: 100%;
  }
}

.guideArea .amazonArea .whiteBtnArea .whiteBtn.small {
  margin-top: 20px;
}

.guideArea .amazonArea .amazonImg {
  width: 320px;
  margin-top: 30px;
}


.guideArea .afterArea .afterBox .howto {
	margin: 30px auto 20px;
	text-align: left;
}
.guideArea .afterArea .afterBox .howto img{
	width: auto;
	max-width: 100%;
}
.guideArea .afterArea .afterBox .howto h3 {
	font-size: 18px;
	font-weight: 600;
	border-bottom: 2px solid #E99217;
	margin: 0 auto 20px;
}
.guideArea .afterArea .afterBox .howto h4 {
	font-size: 16px;
	font-weight: 600;
}
.guideArea .afterArea .afterBox .howto p{
	margin-bottom: 10px;
}
.guideArea .afterArea .afterBox .howto img{
	margin-top: 10px;
}
.guideArea .afterArea .afterBox .step{
	margin: 40px auto 40px;
}
.guideArea .afterArea .afterBox	.step-img{
	width: 95%;
	max-width: 400px;
}
.guideArea .afterArea .afterBox .step-code span{
	font-size: 120%;
	display: block;
	text-indent: 1em;
}
@media screen and (max-width: 896px){
	.guideArea .afterArea .afterBox .howto {
		padding: 0;
		margin: 30px auto 20px;
		text-align: left;
	}
	.guideArea .afterArea .afterBox .howto h3 {
		font-size: 18px;
		border-bottom: 2px solid #E99217;
		margin: 0 auto 20px;
	}
	.guideArea .afterArea .afterBox .howto h4 {
		font-size: 16px;
	}
	.guideArea .afterArea .afterBox .howto p{
		margin-bottom: 10px;
	}
	.guideArea .afterArea .afterBox .howto img{
		margin-top: 10px;
	}
	.guideArea .afterArea .afterBox .step{
		margin: 40px auto 0;
	}
	.guideArea .afterArea .afterBox .step-img{
		width: 95%;
		max-width: 400px;
	}
}
@media screen and (max-width: 568px){ 
	.guideArea .afterArea .afterBox .howto p {
		font-size: 14px;
	}
	.guideArea .afterArea .afterBox .howto h3 {
		font-size: 18px;
	}
	.guideArea .afterArea .afterBox .howto h4 {
		font-size: 16px;
	}
}

.guideArea .warranty_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}

.guideArea .warranty_flex .imgsize {
  width: 48%;
}

.guideArea .warranty_flex .textBox {
  width: 48%;
}

@media screen and (max-width: 568px) {
	.guideArea .warranty_flex {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.guideArea .warranty_flex .imgsize {
		width: 100%;
		margin: 0 0 20px;
	}
	.guideArea .warranty_flex .textBox {
		width: 100%;
		margin: 0 0 20px;
	}
}

.guideArea .warranty_flex .imgsize_small {
  width: 27%;
}
@media screen and (max-width: 896px) {
	.guideArea .warranty_flex .imgsize_small {
		width: 37%;
	}
}
@media screen and (max-width: 568px) {
	.guideArea .warranty_flex .imgsize_small {
		width: 80%;
		margin: 20px auto;
	}
}

.guideArea .warranty_flex .tableArea {
  /*width: 70%;*/
	width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width: 896px) {
	.guideArea .warranty_flex .tableArea {
		/*width: 60%;*/
	}
}
@media screen and (max-width: 568px) {
	.guideArea .warranty_flex .tableArea {
		width: 100%;
		margin-bottom: 10px;
	}
}
.guideArea .warranty_flex .tableArea table {
  width: 100%;
}
.guideArea .warranty_flex .tableArea table th,
.guideArea .warranty_flex .tableArea table td {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 15px;
  font-size: 15px;
  line-height: 1.6;
  color: #212121;
}
.guideArea .warranty_flex .tableArea table th {
  background-color: #eeeeee;
  width: 20%;
  font-weight: 400;
  text-align: center;
}
.guideArea .warranty_flex .tableArea table td {
  width: 80%;
}
@media screen and (max-width: 568px) {
	.guideArea .warranty_flex .tableArea table th,
	.guideArea .warranty_flex .tableArea table td {
		padding: 3%;
		font-size: 3.4vw;
		line-height: 1.6;
	}
}

.guideArea .storeTitle {
  font-size: 15px;
  color: #555555;
  font-weight: 600;
  margin: 0 0 10px;
}
.guideArea .storeFlex {
  border: 3px dotted #999;
  padding: 20px 30px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.guideArea .storeFlex .storename {
  font-size: 15px;
  color: #212121;
  line-height: 1.5;
  margin: 0;
  font-weight: 600;
}
.guideArea .afterArea .afterBox .storeinfoP {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 568px) {
	.guideArea .storeFlex {
		width: 100%;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		padding: 4%;
		margin: auto;
	}
	.guideArea .storeFlex .storeBox{
		width: 100%;
	}
	.guideArea .storeFlex .storename {
		font-size: 3.6vw;
	}
	.guideArea .afterArea .afterBox .storeinfoP {
		font-size: 3.4vw;
	}
}

.guideArea .afterArea .orderBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.guideArea .afterArea .orderBox .orderBox_text {
  width: 50%;
}
@media screen and (max-width: 896px) {
  .guideArea .afterArea .orderBox .orderBox_text {
    width: 100%;
  }
}

.guideArea .afterArea .orderBox .orderBox_text .orderBox_textWrap {
  padding-right: 20px;
}
@media screen and (max-width: 896px) {
  .guideArea .afterArea .orderBox .orderBox_text .orderBox_textWrap {
    padding-right: 0;
  }
}

.guideArea .afterArea .orderBox .orderBox_text .infoP {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 568px) {
  .guideArea .afterArea .orderBox .orderBox_text .infoP {
    font-size: 3.6vw;
  }
}

.guideArea .afterArea .orderBox .orderBox_text .subP {
  font-size: 13px;
  line-height: 1.6;
}
@media screen and (max-width: 568px) {
  .guideArea .afterArea .orderBox .orderBox_text .subP {
    font-size: 3.6vw;
  }
}

.guideArea .afterArea .orderBox .orderBox_text .whiteBtnArea {
  text-align: left;
}
@media screen and (max-width: 568px) {
	.guideArea .afterArea .orderBox .orderBox_text .whiteBtnArea {
		text-align: center;
	}
}

.guideArea .afterArea .orderBox .orderBox_text .whiteBtnArea .whiteBtn {
  padding: 8px 20px;
}

@media screen and (max-width: 896px) {
  .guideArea .afterArea .orderBox .orderBox_text .whiteBtnArea .whiteBtn {
    padding: 8px 3%;
  }
}

.guideArea .afterArea .orderBox .orderBox_text .whiteBtnArea .whiteBtn .text {
  font-size: 12px;
}
@media screen and (max-width: 568px) {
  .guideArea .afterArea .orderBox .orderBox_text .whiteBtnArea .whiteBtn .text {
    font-size: 3.6vw;
		line-height: 1.5;
  }
}

.guideArea .afterArea .orderBox .orderBox_img {
  width: 50%;
}
@media screen and (max-width: 896px) {
  .guideArea .afterArea .orderBox .orderBox_img {
    width: 100%;
  }
}

.guideArea .afterArea .orderBox .orderBox_img img {
  margin-bottom: 15px;
	border: 1px solid #212121;
}
@media screen and (max-width: 896px) {
  .guideArea .afterArea .orderBox .orderBox_img img {
    margin-bottom: 0;
    margin-top: 6%;
  }
}
/* shopping guide END */


.product_page {
  text-align: left;
}

.product_page .ec-layoutRole .ec-layoutRole__contents {
  display: block;
  width: 100%;
  max-width: 100%;
}

.ec-layoutRole .ec-layoutRole__contents {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	max-width: 100%;
  padding-top: 89px;
}

@media screen and (max-width: 896px) {
  .ec-layoutRole .ec-layoutRole__contents {
		width: 100%!important;
    padding-top: 50px;/*テキスト入れる時調整する*/
  }
}

/****** detail ******/
.craDetailArea {
  margin-top: 40px;
  color: #212121;
}
@media screen and (max-width: 896px) {
	.craDetailArea {
		margin-top: 30px;
	}
}
.craDetailArea .red {
  color: #da0505;
}

.craDetailArea .bold {
  font-weight: 600;
}

.craDetailArea .craDetailArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.craDetailArea .craDetailArea_flex .imgBox {
  width: 43%;
}
 .craDetailArea .craDetailArea_flex .imgBox .ec-sliderItemRole .item_nav {
	 	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		align-items: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
}
@media screen and (max-width: 896px) {
  .craDetailArea .craDetailArea_flex .imgBox {
    width: 100%;
  }
  .craDetailArea .craDetailArea_flex .imgBox .slick-dots {
    display: none !important;
  }
  .craDetailArea .craDetailArea_flex .imgBox .ec-sliderItemRole .item_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		align-items: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
  }
}

.craDetailArea .craDetailArea_flex .detailBox {
  width: 52%;
}

@media screen and (max-width: 896px) {
  .craDetailArea .craDetailArea_flex .detailBox {
    width: 100%;
  }
}

.craDetailArea .product_number {
  font-size: 14px;
  margin-bottom: 15px;
}
@media screen and (max-width: 896px) {
	.craDetailArea .product_number {
		font-size: 1.3rem;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 568px) {
	.craDetailArea .product_number {
		font-size: 3.4vw;
		margin-bottom: 10px;
	}
}
.craDetailArea .tagArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.craDetailArea .tagArea .tagBox {
  padding: 0;
  font-size: 10px;
  margin-right: 7px;
  width: 60px;
  margin-bottom: 12px;
}

.craDetailArea .craDetailArea_title {
  font-size: 17px;
  padding: 0;
  word-break: break-all;
  margin: 0 0 20px;
  line-height: 1.4;
  font-weight: 600;
}
@media screen and (max-width: 896px) {
  .craDetailArea .craDetailArea_title {
     font-size: 15px;
  }
}
@media screen and (max-width: 568px) {
  .craDetailArea .craDetailArea_title {
    font-size: 3.6vw;
		margin: 0 0 20px;
  }
}

.craDetailArea .craDetailArea_chach {
  color: #555555;
  line-height: 1.4;
  font-size: 19px;
  margin-top: 20px;
  margin-bottom: 25px;
}

.craDetailArea .slideArea .ec-sliderItemRole {
  padding-left: 0;
  padding-right: 0;
}

.craDetailArea .slideArea .item_visual {
  width: 100%;
  margin: 0 auto;
}

.craDetailArea .slideArea .slideThumb {
  width: 12.8%;
  margin-right: 1.6%;
  /*border: 1px solid #cccccc;*/
  opacity: 1;
  margin-bottom: 1.6%;
}
.craDetailArea .slideArea .slideThumb:hover{
  border: 1px solid #ccc;
  /*opacity: 0.5;*/
}
.craDetailArea .slideArea .slideThumb:nth-of-type(7n) {
  margin-right: 0;
}

.craDetailArea .slideArea .slideThumb img {
  width: 100%;
  height: auto;
}

.craDetailArea .slideArea .imgText {
  margin: 12px 0;
  font-size: 14px;
  font-weight: 400;
	min-height: 3em;
  color: #212121;
}
@media screen and (max-width: 568px) {
	.craDetailArea .slideArea .imgText {
		min-height: inherit;
		font-size: 3.2vw;
	}
}
.craDetailArea .detailInfoArea .detailInfoArea_titleArea {
  margin-bottom: 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #b5b5b6;
}

.craDetailArea .detailInfoArea .detailInfoArea_title {
  font-size: 20px;
  margin-bottom: 20px;
}

.craDetailArea .detailInfoArea .detailInfoArea_itemNum {
  text-align: right;
  font-size: 14px;
}

.craDetailArea .priceBox {
  border: 1px solid #f2f0f0;
  padding: 30px;
}
@media screen and (max-width: 896px) {
  .craDetailArea .priceBox {
    padding: 20px;
  }
}
@media screen and (max-width: 568px) {
  .craDetailArea .priceBox {
    border: 1px solid #fff;
    padding: 0;
  }
}
.ec-productRole .ec-productRole__priceRegular {
    padding-top: 0;
}

.craDetailArea .priceBox .ec-productRole__priceRegularPrice {
  font-size: 13px;
}
@media screen and (max-width: 568px) {
	.craDetailArea .priceBox .ec-productRole__priceRegularPrice {
		font-size: 3.2vw;
	}
}
.craDetailArea .priceBox .ec-price {
  display: inline-block;
  color: #da0505;
	color: #333!important;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}

.craDetailArea .priceBox .ec-price .ec-price__price {
	font-size: 30px!important;
	color: #da0505;
  padding: 0;
}


.craDetailArea .priceBox .ec-price .price02-default{
	font-size: 30px!important;
  padding: 0;
}
@media screen and (max-width: 568px) {
  .craDetailArea .priceBox .ec-price .ec-price__price {
    font-size: 7.5vw!important;
  }
	.craDetailArea .priceBox .ec-price .price02-default {
    font-size: 7.5vw!important;
  }
}

.craDetailArea .priceBox .ec-price .ec-price__tax {
	position: relative;
	top: -2px;
  font-size: 13px;
}
@media screen and (max-width: 568px) {
  .craDetailArea .priceBox .ec-price .ec-price__tax {
    font-size: 3.6vw;
  }
}

.craDetailArea .priceBox .strikethrough {
  /*text-decoration: line-through;*/
  font-weight: 400;
	font-size: 15px;
}
@media screen and (max-width: 568px) {
	.craDetailArea .priceBox .strikethrough {
		font-size: 3.4vw;
	}
}
.craDetailArea .priceBox .ec-productRole__priceRegularTax {
  margin-left: 0;
}

.craDetailArea .priceBox .ec-productRole__price {
  border-bottom: none;
}
@media screen and (max-width: 896px) {
	.craDetailArea .priceBox .ec-productRole__price {
		padding: 10px 0 15px;
	}
}
.craDetailArea .saleBox {
  font-size: 15px;
  background-color: #da0505;
  color: #fff;
  display: inline-block;
  padding: 3px 25px;
  line-height: unset;
  font-weight: 600;
  letter-spacing: 0.05em;
  vertical-align: middle;
  font-family: "Open Sans", sans-serif;
}

@media screen and (max-width: 568px) {
  .craDetailArea .saleBox {
    font-size: 4vw;
    padding: 2px 7%;
  }
}
.ec-productRole .ec-productRole__actions {
    padding: 0 0 14px;
}
.optionArea .optionArea_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
@media screen and (max-width: 568px) {
	.optionArea .optionArea_box {
		margin-bottom: 20px;
	}
}
.optionArea .optionArea_box .optionArea_boxTitle {
  width: 26%;
  font-size: 15px;
  font-weight: 600;
}
@media screen and (max-width: 568px) {
  .optionArea .optionArea_box .optionArea_boxTitle {
		width: 100%!important;
    font-size: 3.8vw;
		margin: 0 0 5px!important;
		letter-spacing: .05em;
  }
}

.optionArea .optionArea_box .optionWrap {
  width: 70%;
  font-size: 15px;
}

@media screen and (max-width: 568px) {
  .optionArea .optionArea_box .optionWrap {
		width: 100%!important;
    font-size: 3.6vw;
		margin: 0;
  }
}

.optionArea .optionArea_box .optionWrap .zaiko {
  display: inline;
  vertical-align: middle;
}
@media screen and (max-width: 568px) {
	.optionArea .optionArea_box .optionWrap .zaiko {
		font-size: 3.6vw;
		margin: 0;
	}
}

@media screen and (max-width: 568px) {
	.ec-productRole .ec-productRole__actions .ec-select {
			margin: 0;
	}
}
.ec-productRole .ec-productRole__actions .ec-select select {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	min-width: auto;
	/*max-width: 350px;*/
	max-width: 100%;
	margin: 0 0 10px;
	color: #212121;
}
@media screen and (max-width: 896px) {
	.ec-productRole .ec-productRole__actions .ec-select select {
		max-width: 100%;
	}
}
@media screen and (max-width: 568px) {
	.ec-productRole .ec-productRole__actions .ec-select select {
		font-size: 3.4vw;
	}
}
.optionArea select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px 15px;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("../img/detail/common/arrow_black.png");
  background-size: 13px;
  background-position: center right 15px;
  background-repeat: no-repeat;
  padding-right: 36px;
  width: 100%;
  background-color: #fff;
}
@media screen and (max-width: 568px) {
	.optionArea select {
		font-size: 3.6vw;
		/*transform: scale(0.9)!important;*/
		/*position: relative;
		left: -5%;*/
		padding: 9px 15px 10px;
	}
}
	
.craDetailArea .grayArea {
  background-color: #eeeeee;
  padding: 28px;
  margin-top: 15px;
}
@media screen and (max-width: 568px) {
  .craDetailArea .grayArea {
    padding: 7% 4% 4%;
  }
}

@media screen and (max-width: 896px) {
	.ec-select select{
		font-size: 16px;
    /*transform: scale(0.9)!important;*/
    /*padding: 10px 50px 12px 12px;
    margin-left: -3%;*/
	}
}
.ec-select label{
	font-size: 14px;
	font-weight: 600;
}
@media screen and (max-width: 568px) {
	.ec-select label{
		font-size: 3.4vw;
	}
}
@media screen and (max-width: 568px) {
	.ec-select option{
		font-size: 3.4vw;
    /*transform: scale(0.9)!important;*/
	}
}

.craDetailArea .grayArea .grayArea_title {
  text-align: center;
  margin: 0;
  font-size: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
	.craDetailArea .grayArea .grayArea_title {
		font-size: 4.5vw;
		letter-spacing: .02em;
		margin-bottom: 10px;
	}
}
.craDetailArea #haiso-result {
  margin-top: 15px;
}

.craDetailArea #haiso-result .optionArea_box {
  margin-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.craDetailArea #haiso-result .optionArea_box .optionArea_boxTitle {
  padding-top: 0;
}

.craDetailArea #haiso-result .red {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
}

.craDetailArea #haiso-result .small {
  font-size: 13px;
}

.craDetailArea #haiso-result .haiso-price{
	color: #da0505;
}
@media screen and (max-width: 568px) {
	.craDetailArea #haiso-result .haiso-price{
		font-size: 4.0vw;
	}
}
.craDetailArea .rakurakuArea .ec-font-size-2 {
  font-size: 13px;
}
@media screen and (max-width: 568px) {
  .craDetailArea .rakurakuArea {
    font-size: 4.0vw;
  }
	.craDetailArea .rakurakuArea .ec-font-size-2 {
    font-size: 3.4vw;
  }
}

.craDetailArea .rakurakuArea .rakurakuInfoP {
  display: none;
  border-top: 1px solid #cccccc;
  padding: 20px 0 0;
  margin: 10px 0 0;
	font-size: 15px;
}
@media screen and (max-width: 568px) {
	.craDetailArea .rakurakuArea .rakurakuInfoP {
		padding: 20px 0 0;
		margin: 10px 0 0;
		font-size: 3.25vw;
		line-height: 1.5;
	}
}
.craDetailArea .rakurakuArea .ec-radio,.craDetailArea .rakurakuArea .ec-checkbox  {
  margin: 20px 0 20px!important;
}
.craDetailArea .grayArea .rakurakuArea .ec-radio  {
  margin: 10px 0 0!important;
}
.craDetailArea .rakurakuArea .ec-checkbox label,
.craDetailArea .rakurakuArea .ec-radio label {
  margin: 0;
	font-weight: 600;
	font-size: 15px;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 568px) {
	.craDetailArea .rakurakuArea .ec-checkbox label,
	.craDetailArea .rakurakuArea .ec-radio label {
		font-size: 3.4vw;
	}
}
.craDetailArea .rakurakuArea .ec-checkbox .ec-required,
.craDetailArea .rakurakuArea .ec-radio .ec-required {
  display: inline-block;
  margin-left: 0;
  vertical-align: 2px;
  color: #da0505;
  font-size: 13px;
  font-weight: normal;
}

.craDetailArea .rakurakuArea .ec-checkbox .required,
.craDetailArea .rakurakuArea .ec-radio .required {
  color: #da0505;
}

.craDetailArea .rakurakuArea .ec-checkbox .form-check,
.craDetailArea .rakurakuArea .ec-radio .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: #fff;
  padding: 12px 15px;
	margin: 10px 0;
}
.craDetailArea .rakurakuArea .ec-radio .form-check:last-child {
	margin: 10px 0 0;
}
@media screen and (max-width: 568px) {
	.craDetailArea .rakurakuArea .ec-checkbox .form-check,
	.craDetailArea .rakurakuArea .ec-radio .form-check {
		padding: 10px 15px;
		margin: 10px 0 10px;
		min-height: 3em;
	}
}
.craDetailArea .rakurakuArea .ec-checkbox .form-check-input,
.craDetailArea .rakurakuArea .ec-radio .form-check-input {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 23px;
  border: solid 1px #bbbbbb;
  background: #ffffff;
}

.craDetailArea .rakurakuArea .ec-checkbox .form-check-input:checked,
.craDetailArea .rakurakuArea .ec-radio .form-check-input:checked {
  border: solid 1px #333333;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;
  background-size: contain;
}

.craDetailArea .rakurakuArea .ec-checkbox .form-check-label,
.craDetailArea .rakurakuArea .ec-radio .form-check-label {
  margin-left: 12px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  width: 90%;
  cursor: pointer;
}

@media screen and (max-width: 568px) {
  .craDetailArea .rakurakuArea .ec-checkbox .form-check-label,
  .craDetailArea .rakurakuArea .ec-radio .form-check-label {
    font-size: 3.4vw;
    width: 90%;
  }
}
.option_description h3{
	font-size: 20px;
	
}
@media screen and (max-width: 568px) {
	.option_description .modal-body h3 {
			font-size: 3.4vw;
			padding: 2%;
		margin-bottom: 10px;
	}
}

.option_description .btn-info {
	margin: 20px 10px 0 0!important;
}
@media screen and (max-width: 568px) {
	.option_description .btn-info {
		margin: 15px auto 10px!important;
	}
}

.ECM_CheckboxInput {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background-color: #fff;
  padding: 12px 15px;
}

.ECM_CheckboxInput-Input {
  margin: 0;
  width: 0;
  opacity: 0;
}

.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
  border: solid 1px #333333;
}

.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==") no-repeat center;
  background-size: contain;
}

.ECM_CheckboxInput-DummyInput {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 23px;
  height: 23px;
  border: solid 1px #bbbbbb;
  background: #ffffff;
}

.ECM_CheckboxInput-LabelText {
  margin-left: 12px;
  display: block;
  font-size: 15px;
  font-weight: 400;
}

@media screen and (max-width: 568px) {
  .ECM_CheckboxInput-LabelText {
    font-size: 4vw;
    width: 70%;
  }
}

.craDetailArea .ec-numberInput span {
  width: 26%;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  margin-right: 3%;
}
@media screen and (max-width: 568px) {
	.craDetailArea .ec-numberInput span {
		width: 20%;
		font-size: 3.8vw;
		letter-spacing: .05em;
	}
}

.craDetailArea .ec-numberInput input[type="number"] {
  max-width: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 5px;
  border: 1px solid #cccccc;
  border-radius: 0;
  width: 60px;
	text-align: center;
}
@media screen and (max-width: 568px) {
	.craDetailArea .ec-numberInput input[type="number"] {
		font-size: 16px;
		/*transform: scale(0.9)!important;*/
	}
}
.craDetailArea .ec-productRole__btn {
  width: 100%;
  min-width: auto;
	margin: 20px auto;
}

.ec-blockBtn--action {
  background-color: #cc0000;
  border-color: #cc0000;
  height: 65px;
  line-height: 65px;
  font-size: 20px;
  font-weight: 400;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	border-radius: 5px;
}
@media screen and (max-width: 568px) {
	.ec-blockBtn--action {
		height: 60px;
		line-height: 60px;
		font-size: 5.0vw;
	}
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
    font-size: 18px;
}

@media screen and (max-width: 568px) {
	.craDetailArea .ec-productRole__btn {
		width: 96%;
		margin: 20px auto 0;
	}
  .ec-orderRole .ec-blockBtn--action {
    font-size: 5.0vw!important;
		letter-spacing: .02em;
		border-radius: 5px;
		height: 58px;
  	line-height: 55px;
		margin-top: 10px;
  }
	.ec-orderRole .ec-blockBtn--cancel {
		color: #fff !important;
		font-size: 4.6vw!important;
		height: 48px;
		line-height: 48px;
		margin-top: 10px;
	}
}

.ec-blockBtn--action:hover, .ec-blockBtn--action:visited, .ec-blockBtn--action:focus {
  color: #fff;
}
.ec-blockBtn--action.add-cart {
  background-image: url("../img/common/ico_cart.png");
  background-repeat: no-repeat;
  background-size: 40px;
  /*background-position: center left 130px;*/
  padding-left: 40px;
	width: 85%;
	background-position: center left 50px;
}
@media screen and (max-width: 896px) {
  .ec-blockBtn--action.add-cart {
    /*background-position: center left 20%;*/
		background-position: center left 15%;
    padding-left: 10%;
  }
}
@media screen and (max-width: 568px) {
  .ec-blockBtn--action.add-cart {
    background-size: 9%;
    background-position: center left 16%;
    padding-left: 12%;
		width: 80%;
  }
}
#page_product_detail .ec-blockBtn--action.add-cart {
	float: left;
}

.ec-blockBtn--action.add-cart:hover, .ec-blockBtn--action.add-cart:visited, .ec-blockBtn--action.add-cart:focus {
  color: #fff;
}

.craDetailArea .ec-productRole__btn .ec-blockBtn--action.disabled,
.craDetailArea .ec-productRole__btn .ec-blockBtn--action[disabled],
.craDetailArea .ec-productRole__btn fieldset[disabled] .ec-blockBtn--action {
  opacity: 1;
  background-color: #eee;
  border-color: #eee;
  color: #212121;
  font-size: 15px;
  height: 60px;
  line-height: 60px;
}

.ec-blockBtn--action.noItem {
	width: 85%;
	background-position: center left 50px;
	float: left;
}

@media screen and (max-width: 896px) {
  .ec-blockBtn--action.noItem {
		background-position: center left 15%;
  }
}

@media screen and (max-width: 568px) {
  .ec-blockBtn--action.noItem {
    background-position: center left 16%;
		/*margin-top: 20px;*/
		width: 80%;
  }
}

.craDetailArea .amazonPay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 568px) {
  .craDetailArea .amazonPay {
    margin-top: 10%;
  }
}

.craDetailArea .amazonPay .imgsize {
  width: 130px;
  margin-right: 10px;
}

.craDetailArea .amazonPay .infoP {
  font-size: 14px;
}

/*Smartpay*/
.craDetailArea .smartpay-osm-product{
	margin: 0 auto 20px;
}
.craDetailArea .smartpay-osm-product img{
	width: auto;
}

.craDetailArea .favArea {
	/*width: 90%;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px auto 0;
}

@media screen and (max-width: 568px) {
  .craDetailArea .favArea {
		/*width: 100%;*/
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.craDetailArea .favArea .favBtnWrap {
  /*width: 40%;*/
	/*width: 48%;*/
	width: 100%;
	margin-left: 20%;
}
@media screen and (max-width: 896px) {
	.craDetailArea .favArea .favBtnWrap {
		width: 80%;
	}
}
@media screen and (max-width: 568px) {
  .craDetailArea .favArea .favBtnWrap {
    /*width: 60%;*/
		margin: auto;
  }
}

.craDetailArea .favArea .favBtnWrap #favorite {
  border: 1px solid #cccccc;
  background-color: #fff;
  color: #212121 !important;
  font-weight: 400;
  /*height: 38px;
  line-height: 38px;
	border-radius: 38px;*/
	width: 65px;
	height: 65px;
	line-height: 65px;
	border-radius: 10px;
}
@media screen and (max-width: 568px) {
.craDetailArea .favArea .favBtnWrap #favorite {
	/*height: 36px;
	line-height: 36px;
	border-radius: 36px;*/
	width: auto;
	height: 60px;
	line-height: 60px;
	margin: 0 auto 0;
	}
}

.craDetailArea .favArea .favBtnWrap button#favorite{
		font-size: 15px;
}
@media screen and (max-width: 568px) {
	.craDetailArea .favArea .favBtnWrap button#favorite{
		font-size: 3.6vw;
	}
}
.craDetailArea .favArea .favBtnWrap button#favorite::before{
	content: "";
	position: relative;
	top: 1px;
	background: url("../img/common/icon_favorite.svg") no-repeat left center;
  background-size: contain;
  padding: 7px;
	margin-right: 5px;
}
.craDetailArea .favArea .favBtnWrap button#favorite:disabled::before{
	content: "";
	background: url("../img/common/icon_favorite_done.svg") no-repeat left center;
}


	.craDetailArea .favArea .favBtnWrap button#favorite::before {
		content: "";
		padding: 10px;
		margin-right: 0;
	}
	.craDetailArea .favArea .ec-productRole__btn {
		margin: 0 auto;
	}


.craDetailArea .displayBtnWrap {
  width: 48%;
	margin: 0 0 30px auto;
}
@media screen and (max-width: 568px) {
  .craDetailArea .displayBtnWrap {
    /*width: 48%;
		margin: auto;*/
		width: 70%;
		margin: 0 auto 20px;
  }
}

.craDetailArea  .displayBtnWrap .display-shop-btn {
	display: block;
	font-size: 15px;
	font-family: sans-serif;
  border: 1px solid #cccccc;
  background-color: #fff;
  color: #212121 !important;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
	border-radius: 38px;
	text-align: center;
}
@media screen and (max-width: 568px) {
	.craDetailArea .displayBtnWrap .display-shop-btn{
		font-size: 3.6vw;
		height: 36px;
  	line-height: 36px;
		border-radius: 36px;
	}
}
.craDetailArea .displayBtnWrap .display-shop-btn::before {
	content: "";
	background: url("../img/common/icon_shop.svg") no-repeat left center;
	background-size: contain;
	padding: 10px;
	margin-right: 7px;
}

/*.craDetailArea .favArea .snsArea {
  width: 35%;
  margin: 0 auto;
	justify-content: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: center;
	-webkit-box-align: unset;
  -ms-flex-align: unset;
  align-items: unset;
  padding-top: 6px;
}
@media screen and (max-width: 568px) {
  .craDetailArea .favArea .snsArea {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 10px auto;
  }
}*/

.craDetailArea .guideInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

.craDetailArea .guideInfoBox li {
  width: 49%;
	line-height: 1.0;
  margin-bottom: 2%;
	background-color: #eeeeee;
	padding: 15px 10px;
}

@media screen and (max-width: 568px) {
  .craDetailArea .guideInfoBox li {
    /*width: 100%;*/
    margin-bottom: 8px;
		padding: 10px 5px;
  }
}

.craDetailArea .guideInfoBox li a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  color: #212121;
	position: relative;
	left: -0.1vw;
}
@media screen and (max-width: 568px) {
	.craDetailArea .guideInfoBox li a {
		font-size: 3.0vw;
	}
}
.craDetailArea .guideInfoBox li a::before {
	content: "";
	padding: 10px;
	margin-right: 7px;
}
@media screen and (max-width: 568px) {
	.craDetailArea .guideInfoBox li a::before {
		content: "";
		padding: 1.8vw;
		margin-right: 5px;
	}
}
.craDetailArea .guideInfoBox li .detail-btn::before {
	content: "";
	background: url("../img/common/icon_detail.svg") no-repeat left center;
	background-size: contain;
}
.craDetailArea .guideInfoBox li .ctc-btn::before {
	content: "";
	background: url("../img/common/icon_ctc.svg") no-repeat left center;
	background-size: contain;
}
.craDetailArea .guideInfoBox li .delivery-btn::before {
	content: "";
	background: url("../img/common/icon_delivery.svg") no-repeat left center;
	background-size: contain;
}
.craDetailArea .guideInfoBox li .review-btn::before {
	content: "";
	background: url("../img/common/icon_review.svg") no-repeat left center;
	background-size: contain;
}





/*.craDetailArea .guideInfoBox li a:after {
    content: "";
    background: url(/files/images/common/arrow_icon.gif) left center no-repeat;
    background-size: auto;
    background-size: contain;
    padding: 9px;
    margin-left: .5em;
@media screen and (max-width: 568px) {
	/*.craDetailArea .guideInfoBox li a:after {
    content: "";
    background: url(/files/images/common/arrow_icon_sp.gif) left center no-repeat;
        background-size: auto;
    background-size: contain;
    padding: 8px;
    margin-left: .5em;
	}
}
*/
.craDetailArea .guideInfoBox li a:hover {
  color: #212121;
  text-decoration: none;
}

.craDetailArea .detailInfoArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.craDetailArea .detailInfoArea_flex .choiseBox {
  width: 46%;
  overflow: auto;
}

.craDetailArea .haiso-check {
  padding: 30px 0;
  border-bottom: 1px dotted #ccc;
}

.craDetailArea .guideBtnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 80%;
  margin: 30px auto;
}

.craDetailArea .guideBtnArea a {
  display: block;
  width: 32%;
  border: 1px solid #000;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 0;
}

.craDetailArea .snsArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.craDetailArea .snsArea #twitter-widget-0 {
  margin-left: 10px;
}

.craDetailArea .overviewArea {
  margin-top: 40px;
}

.craDetailArea .overviewArea .overviewArea_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

.craDetailArea .overviewArea .overviewArea_infoTitle {
  font-weight: bold;
  width: 30%;
}

.craDetailArea .overviewArea .overviewArea_infoTitle .line {
  border-bottom: 2px solid #717171;
  padding-bottom: 4px;
  display: block;
}

.craDetailArea .overviewArea .overviewArea_infoText {
  width: 65%;
}

.craDetailArea .reviewArea {
  margin-top: 40px;
}

.craDetailArea .reviewArea .reviewArea_box {
  margin-top: 30px;
  padding: 15px;
  background-color: #F3F3F3;
  display: -webkit-box;
  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.craDetailArea .reviewArea .reviewArea_box .review_btn {
  background-color: #6e9c2f;
  color: #fff;
  padding: 12px;
}

.craDetailArea .detail_descriptionArea {
  margin-top: 60px;
}

.craDetailArea .detailSection_titleArea {
  border-bottom: 2px solid #4c4c4c;
  padding-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.craDetailArea .detailSection_titleArea .detailSection_titleLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.craDetailArea .detailSection_titleArea .detailSection_titleLeft .detailSection_title {
  font-size: 34px;
  margin: 0;
}

.craDetailArea .detailSection_titleArea .detailSection_titleLeft p {
  color: #717171;
  font-size: 12px;
  margin-left: 1em;
}

.craDetailArea .detailSection_titleArea .detailSection_titleRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.craDetailArea .detailSection_titleArea .detailSection_titleRight a {
  display: block;
  margin-left: 24px;
  color: #717171;
  font-size: 12px;
}

.craDetailArea .specArea {
  margin-top: 70px;
}
@media screen and (max-width:896px) {
	.craDetailArea .specArea {
		margin-top: 30px;
	}
}
.craDetailArea .specArea .titleArea {
  color: #555;
  margin-bottom: 40px;
}
@media screen and (max-width:896px) {
	.craDetailArea .specArea .titleArea {
		margin-bottom: 30px;
	}
}
.craDetailArea .specArea .specArea_hasImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 896px) {
  .craDetailArea .specArea .specArea_hasImg {
    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
  }
}

.craDetailArea .specArea .specArea_hasImg .imgsize {
  width: 43%;
}
@media screen and (max-width: 896px) {
  .craDetailArea .specArea .specArea_hasImg .imgsize {
    width: 100%;
  }
}

.craDetailArea .specArea .specArea_hasImg .specArea_infoWrap {
  width: 52%;
}
@media screen and (max-width: 896px) {
  .craDetailArea .specArea .specArea_hasImg .specArea_infoWrap {
    width: 100%;
    margin-top: 6%;
  }
}

.craDetailArea .specArea .specArea_nothasImg .specArea_infoWrap {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 896px) {
  .craDetailArea .specArea .specArea_nothasImg .specArea_infoWrap {
    width: 96%;
  }
}

.craDetailArea .specArea .specArea_info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #cccccc;
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 896px) {
  .craDetailArea .specArea .specArea_info li {
     padding: 15px 0;
		font-size: 13px;
  }
}
@media screen and (max-width: 568px) {
  .craDetailArea .specArea .specArea_info li {
    font-size: 3.4vw;
		padding: 10px 0;
  }
}

.craDetailArea .specArea .specArea_info li:last-of-type {
  border-bottom: none;
}

.craDetailArea .specArea .specArea_info li .specArea_infoTitle {
  width: 30%;
  font-weight: 600;
	margin: 0;
}
@media screen and (max-width: 568px) {
	.craDetailArea .specArea .specArea_info li .specArea_infoTitle {
		font-weight: 400;
		padding: 0;
		margin: 0;
		
	}
}
.craDetailArea .specArea .specArea_info li .specArea_infoInner {
  width: 68%;
	line-height: 1.6;
	letter-spacing: 0.05em;
	padding: 0;
	margin: 0;
	word-break: break-all;
}
.craDetailArea .specArea .specArea_info li .specArea_infoInner a {
  text-decoration: underline;
}
.craDetailArea .ec-modal-box .ec-inlineBtn--action {
  color: #fff;
  background-color: #cc0000;
  border-color: #cc0000;
}

.craDetailArea .ec-modal-box .ec-inlineBtn--action:hover, .craDetailArea .ec-modal-box .ec-inlineBtn--action:visited, .craDetailArea .ec-modal-box .ec-inlineBtn--action:focus {
  color: #fff !important;
}

.craDetailArea .ec-modal-box .ec-inlineBtn--cancel {
  color: #fff;
  background-color: #a9a9a9;
  border-color: #a9a9a9;
}

.craDetailArea .ec-modal-box .ec-inlineBtn--cancel:hover, .craDetailArea .ec-modal-box .ec-inlineBtn--cancel:visited, .craDetailArea .ec-modal-box .ec-inlineBtn--cancel:focus {
  color: #fff;
}

.detailMainImg {
  margin-top: 60px;
  text-align: center;
}

.detailMainImg .imgsize {
  width: 800px;
  margin: 0 auto;
}

@media screen and (max-width: 896px) {
	.detailMainImg {
		margin-top: 40px;
	}
  .detailMainImg .imgsize {
    width: 100%;
  }
}

.detailMainImg .detailMainImg_title {
  font-size: 32px;
  line-height: 1.6;
  font-weight: 400;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"Noto Sans JP", sans-serif!important;
	padding: 0;
  margin: 60px auto 40px;
}
@media screen and (max-width: 896px) {
	.detailMainImg .detailMainImg_title {
  	font-size: 2.4rem;
		margin: 30px auto;
	}
}
@media screen and (max-width: 568px) {
	.detailMainImg .detailMainImg_title {
  	font-size: 4.6vw;
		white-space: pre-wrap;
	}
}

.underlayer_review,
#product_review_area {
  background-color: #eeeeee;
  padding: 0 0 60px;
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
	.underlayer_review,
	#product_review_area {
		padding: 40px 0!important;
		margin-top: 30px;
	}
}

.underlayer_review #reviewContent{
	width: 90%;
	margin: auto;
}
@media screen and (max-width: 896px) {
	.underlayer_review #reviewContent{
		width: 100%;
	}
}

.underlayer_review .reviewBox,
#product_review_area .reviewBox {
  background-color: #fff;
  padding: 30px 40px;
  margin-bottom: 20px;
  color: #222222;
}
@media screen and (max-width: 896px) {
  .underlayer_review .reviewBox,
  #product_review_area .reviewBox {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 568px) {
  .underlayer_review .reviewBox,
  #product_review_area .reviewBox {
    padding: 4%;
  }
}

.underlayer_review .reviewBox .reviewBox_titleArea,
#product_review_area .reviewBox .reviewBox_titleArea {
  border-bottom: 1px solid #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 896px) {
  .underlayer_review .reviewBox .reviewBox_titleArea,
  #product_review_area .reviewBox .reviewBox_titleArea {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
  }
}

.underlayer_review .reviewBox .reviewBox_titleArea .review_userName,
#product_review_area .reviewBox .reviewBox_titleArea .review_userName {
  font-size: 15px;
  color: #7c7c7c;
  margin: 0 30px 0 0;
  max-width: 200px;
}
@media screen and (max-width: 896px) {
  .underlayer_review .reviewBox .reviewBox_titleArea .review_userName,
  #product_review_area .reviewBox .reviewBox_titleArea .review_userName {
    font-size: 13px;
  }
}
@media screen and (max-width: 568px) {
  .underlayer_review .reviewBox .reviewBox_titleArea .review_userName,
  #product_review_area .reviewBox .reviewBox_titleArea .review_userName {
    max-width: 100%;
    font-size: 3.8vw;
    margin-bottom: 3%;
    width: 100%;
  }
}

.underlayer_review .reviewBox .reviewBox_titleArea .starArea,
#product_review_area .reviewBox .reviewBox_titleArea .starArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.underlayer_review .reviewBox .reviewBox_titleArea .starArea .starArea_label,
#product_review_area .reviewBox .reviewBox_titleArea .starArea .starArea_label {
  background-color: #555555;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 568px) {
  .underlayer_review .reviewBox .reviewBox_titleArea .starArea .starArea_label,
  #product_review_area .reviewBox .reviewBox_titleArea .starArea .starArea_label {
    padding: 3px 6px;
    font-size: 3.2vw;
    margin: 0 10px 0 0;
  }
}

.underlayer_review .reviewBox .reviewBox_titleArea .starArea .recommend_level,
#product_review_area .reviewBox .reviewBox_titleArea .starArea .recommend_level {
  color: #f1c809;
  font-size: 17px;
  margin-left: 0;
}
@media screen and (max-width: 896px) {
  .underlayer_review .reviewBox .reviewBox_titleArea .starArea .recommend_level,
  #product_review_area .reviewBox .reviewBox_titleArea .starArea .recommend_level {
    font-size: 15px;
  }
}
@media screen and (max-width: 568px) {
  .underlayer_review .reviewBox .reviewBox_titleArea .starArea .recommend_level,
  #product_review_area .reviewBox .reviewBox_titleArea .starArea .recommend_level {
    font-size: 4vw;
  }
}

.underlayer_review .reviewBox .reviewBox_titleArea .review_userDate,
#product_review_area .reviewBox .reviewBox_titleArea .review_userDate {
  margin: 0;
  margin: 0 0 0 auto;
  font-size: 13px;
}
@media screen and (max-width: 568px) {
  .underlayer_review .reviewBox .reviewBox_titleArea .review_userDate,
  #product_review_area .reviewBox .reviewBox_titleArea .review_userDate {
    font-size: 3.5vw;
  }
}

.underlayer_review .reviewBox .reviewBox_mainTitle,
#product_review_area .reviewBox .reviewBox_mainTitle {
  margin: 0;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 896px) {
  .underlayer_review .reviewBox .reviewBox_mainTitle,
  #product_review_area .reviewBox .reviewBox_mainTitle {
    font-size: 14px;
		margin-bottom: 10px;
  }
}
@media screen and (max-width: 568px) {
  .underlayer_review .reviewBox .reviewBox_mainTitle,
  #product_review_area .reviewBox .reviewBox_mainTitle {
    font-size: 4.0vw;
		margin-bottom: 15px;
  }
}

.underlayer_review .reviewBox .reviewBox_subText,
#product_review_area .reviewBox .reviewBox_subText {
  font-size: 15px;
  line-height: 1.6;
}
@media screen and (max-width: 896px) {
  .underlayer_review .reviewBox .reviewBox_subText,
  #product_review_area .reviewBox .reviewBox_subText {
    font-size: 13px;
		margin: 0;
  }
}
@media screen and (max-width: 568px) {
  .underlayer_review .reviewBox .reviewBox_subText,
  #product_review_area .reviewBox .reviewBox_subText {
    font-size: 3.4vw;
		margin: 0;
  }
}

.underlayer_review .reviewListBtn,
#product_review_area .reviewListBtn {
  padding: 10px 15px;
  margin-top: 0px;
}

@media screen and (max-width: 568px) {
	#product_review_area #reviewContent {
	 font-size: 3.8vw;
	}
}
.underlayer_review .reviewPost,
#product_review_area .reviewPost {
  text-align: center;
	margin: auto;
}
@media screen and (max-width: 568px) {
	.underlayer_review .reviewPost,
#product_review_area .reviewPost {
	width: 90%;
	margin: 20px auto 0;
	}
}

.underlayer_review .reviewPost .reviewPostBtn,
#product_review_area .reviewPost .reviewPostBtn {
  display: inline-block;
  padding: 15px 70px;
  background-color: #789941;
  color: #fff;
  margin-top: -35px;
}

.underlayer_review .reviewPost .reviewPostBtn:hover, .underlayer_review .reviewPost .reviewPostBtn:visited, .underlayer_review .reviewPost .reviewPostBtn:focus,
#product_review_area .reviewPost .reviewPostBtn:hover,
#product_review_area .reviewPost .reviewPostBtn:visited,
#product_review_area .reviewPost .reviewPostBtn:focus {
  color: #fff !important;
}
@media screen and (max-width: 896px) {
  .underlayer_review .reviewPost .reviewPostBtn,
  #product_review_area .reviewPost .reviewPostBtn {
    width: 70%;
    padding: 10px 0;
    margin-top: 10px;
  }
}
@media screen and (max-width: 568px) {
  .underlayer_review .reviewPost .reviewPostBtn,
  #product_review_area .reviewPost .reviewPostBtn {
    width: 100%;
		margin-top: 0;
  }
}

.underlayer_review .reviewPost .reviewPostBtn .text,
#product_review_area .reviewPost .reviewPostBtn .text {
  font-size: 17px;
}
@media screen and (max-width: 568px) {
	.underlayer_review .reviewPost .reviewPostBtn .text,
	#product_review_area .reviewPost .reviewPostBtn .text {
		font-size: 3.8vw
	}
}

.underlayer_review .reviewPost .reviewPostBtn .imgsize,
#product_review_area .reviewPost .reviewPostBtn .imgsize {
  width: 21px;
  margin-right: 10px;
  display: inline-block;
}

.underlayer_review .reviewPost .reviewPostBtn .imgsize img,
#product_review_area .reviewPost .reviewPostBtn .imgsize img {
  vertical-align: middle;
}
	
.underlayer_review .more_btn,
#product_review_area .more_btn {
  text-align: right;
	margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
	.underlayer_review .more_btn,
	#product_review_area .more_btn {
		font-size: 3.4vw;
		margin-bottom: 20px;
	}
}
.underlayer_review .more_btn a,
#product_review_area .more_btn a {
  display: inline-block;
  padding: 8px 35px;
  background-color: #fff;
  border: 1px solid #cccccc;
}

.underlayer_review .more_btn a:hover, .underlayer_review .more_btn a:visited, .underlayer_review .more_btn a:focus,
#product_review_area .more_btn a:hover,
#product_review_area .more_btn a:visited,
#product_review_area .more_btn a:focus {
  opacity: 1;
}

.underlayer_review .more_btn a .text,
#product_review_area .more_btn a .text {
  font-size: 15px;
}
@media screen and (max-width: 896px) {
	.underlayer_review .more_btn a .text,
	#product_review_area .more_btn a .text {
		font-size: 13px;
	}
}
@media screen and (max-width: 568px) {
	.underlayer_review .more_btn a .text,
	#product_review_area .more_btn a .text {
		font-size: 3.4vw;
	}
}
.underlayer_review .more_btn a .imgsize,
#product_review_area .more_btn a .imgsize {
  width: 4px;
  margin-left: 10px;
  display: inline-block;
}

.underlayer_review .more_btn a .imgsize img,
#product_review_area .more_btn a .imgsize img {
  vertical-align: middle;
}


.cladataCss {
  text-align: left;
  margin-top: 40px;
  word-break: break-all;
}

.ec-productRole {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

.selectImgBoxCategory1 .selectImgBox_list span{
	line-height: 1.4!important;
}
@media screen and (max-width: 568px) {
	.selectImgBoxCategory1 .selectImgBox_list span{
		font-size: 3.2vw!important;
	}
}

.selectImgBox .selectImgBox_list span {
    margin-left: 5%;
    line-height: 1.4!important;
    font-size: 13px!important;
    width: 70%!important;
}
@media screen and (max-width: 568px) {
	.selectImgBox .selectImgBox_list span {
    font-size: 3.0vw!important;
    margin-left: 5%;
    line-height: 1.8;
   	width: calc(100% - 50px)!important;
	}
}
/*ページ上部レビュー*/
.recommend_level {
	position: relative;
	color: #212121;
	font-size: 14px;
	margin-bottom: 20px;
	display: flex;
	gap: 5px;
}
@media screen and (max-width: 896px) {
	.recommend_level {
		font-size: 12px;
	}
}

.recommend_level a:focus,
.recommend_level a {
	color: #f1c809;
	font-size: 14px;
	margin-left: 0;
}
@media screen and (max-width: 896px) {
	.recommend_level a:focus,
	.recommend_level a {
		font-size: 13px;
	}
}

.recommend_level a:hover {
	color: rgba(241, 200, 9, 0.7) !important;
}

.counter-star{
	position: relative;
	top: 0.1em;
	font-size: 13px;
	color: #212121;
}
@media screen and (max-width: 896px) {
	.counter-star{
		font-size: 12px;
	}
}
/* detail END */

/* user_data wrapper */
.page_user_data .ec-searchnavRole {
}
@media screen and (max-width: 896px) {
  #page_user_data .ec-searchnavRole {
    width: 96%;
    margin: 0 auto;
  }
}
/* user_data wrapper END */

/* list */
.listArea .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
  padding: 0 5px;
}

.listArea .ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
  padding: 0 5px;
}

.listArea .ec-shelfGrid .ec-shelfGrid__item:nth-child(2n+1) {
    padding: 10px!important;
}
.listArea .ec-shelfGrid .ec-shelfGrid__item:nth-child(2n) {
    padding: 10px!important;
}
@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid .ec-shelfGrid__item:nth-child(2n+1) {
    padding: 10px!important;
	}
	.listArea .ec-shelfGrid .ec-shelfGrid__item:nth-child(2n) {
		padding: 10px!important;
	}
}


.listArea .ec-shelfGrid .ec-shelfGrid__item {
  width: 20%;
}
.listArea .ec-shelfGrid .ec-shelfGrid__item a {
  color: #333;
}
@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid .ec-shelfGrid__item {
    width: 25%;
  }
}
@media screen and (max-width: 568px) {
  .listArea .ec-shelfGrid .ec-shelfGrid__item {
    width: 50%;
  }
}

.listArea .ec-searchnavRole {
	max-width: inherit;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 896px) {
  .listArea .ec-searchnavRole {
    width: 100%;
    margin: 0 auto;
  }
}

.listArea .bannerArea {
  width: 900px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 896px) {
  .listArea .bannerArea {
    width: 96%;
  }
}

.listArea .searchListBox {
  background-color: #eeeeee;
  /*width: 70%;*/
	/*width: 1000px;*/
  margin: 20px auto 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.listArea .howtoArea .searchListBox {
	/*width: 80%;*/
}
@media screen and (max-width: 896px) {
  .listArea .searchListBox {
    width: 90%;
  }
	.listArea .howtoArea .searchListBox {
		width: 100%;
	}
}
@media screen and (max-width: 568px) {
	 .listArea .searchListBox {
    width: 96%;
  }
}

.listArea .searchListBox .searchListBox_title {
  padding: 30px 0;
  margin: 0;
  font-size: 17px;
  /*display: inline-block;*/
  cursor: pointer;
}
@media screen and (max-width: 896px) {
  .listArea .searchListBox .searchListBox_title {
    font-size: 15px;
		padding: 25px 0;
  }
}
@media screen and (max-width: 568px) {
  .listArea .searchListBox .searchListBox_title {
    padding: 15px 10% 15px 5%;
    font-size: 3.4vw;
    text-align: left;
    line-height: 1.6;
    position: relative;
  }
}
@media screen and (max-width: 568px) {
.listArea .searchListBox .searchListBox_title .searchListBox_icon{
	display: block;
	 margin-left: 30px;
	}
}
.listArea .searchListBox .searchListBox_title .searchListBox_icon::before {
  content: "";
  background: url(../img/list/icon_filter.png) center left no-repeat;
  background-size: 100%;
  margin-right: 12px;
	padding: 14px;
}
@media screen and (max-width: 568px) {
  .listArea .searchListBox .searchListBox_title .searchListBox_icon::before {
    margin-right: 10px;
		padding: 12px;
		position: absolute;
		left: 15px;
		top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.listArea .searchListBox .searchListBox_title.btnOff{
	position: relative;
}
.listArea .searchListBox .searchListBox_title.btnOff:after {
  content: "";
  background-image: url(../img/list/arrow_off.png);
  background-size: 100%;
  background-position: center left;
  background-repeat: no-repeat;
  /*width: 20px;*/
  display: inline-block;
  /*height: 10px;*/
  margin-left: 12px;
	padding: 10px;
	position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 568px) {
  .listArea .searchListBox .searchListBox_title.btnOff:after {
    margin-left: 0;
		padding: 8px;
		/*width: 16px;*/
    position: absolute;
    right: 3%;
  }
}
.listArea .searchListBox .searchListBox_title.btnOn{
	position: relative;
}
.listArea .searchListBox .searchListBox_title.btnOn:after {
  content: "";
  background-image: url(../img/list/arrow_on.png);
  background-size: 100%;
  background-position: center left;
  background-repeat: no-repeat;
  /*width: 20px;*/
  display: inline-block;
  /*height: 10px;*/
  margin-left: 12px;
	padding: 10px;
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (max-width: 568px) {
  .listArea .searchListBox .searchListBox_title.btnOn:after {
    margin-left: 0;
		padding: 8px;
		/*width: 16px;*/
    position: absolute;
    right: 3%;
  }
}

.listArea .searchListBox .searchListBox_innerWrap {
  display: none;
  padding: 0 40px 30px;
}
@media screen and (max-width: 568px) {
  .listArea .searchListBox .searchListBox_innerWrap {
    padding: 5%;
    margin-top: 5px;
  }
}

.listArea .searchListBox .searchListBox_innerWrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}
@media screen and (max-width: 568px) {
  .listArea .searchListBox .searchListBox_innerWrap li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.listArea .searchListBox .searchListBox_innerWrap li .titleBox {
  width: 15%;
}
@media screen and (max-width: 568px) {
  .listArea .searchListBox .searchListBox_innerWrap li .titleBox {
    width: 100%;
    margin-bottom: 10px;
  }
}

.listArea .searchListBox .searchListBox_innerWrap li .titleBox .titleBox_p {
  background-color: #212121;
  color: #fff;
  padding: 3px 0;
	margin: 0 0 8px;
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 568px) {
	.listArea .searchListBox .searchListBox_innerWrap li .titleBox .titleBox_p {
		margin: 0;
	}
	
}
.listArea .searchListBox .searchListBox_innerWrap li .innerBox {
  width: 82%;
  text-align: left;
	margin-top: 3px;
}
@media screen and (max-width: 568px) {
  .listArea .searchListBox .searchListBox_innerWrap li .innerBox {
    width: 100%;
		margin: 0;
  }
}

.listArea .searchListBox .searchListBox_innerWrap li .innerBox a {
  font-size: 14px;
  color: #212121;
  position: relative;
  padding: 0;
  padding-left: 12px;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 8px;
}
@media screen and (max-width: 896px) {
  .listArea .searchListBox .searchListBox_innerWrap li .innerBox a {
    font-size:13px;
  }
}
@media screen and (max-width: 568px) {
  .listArea .searchListBox .searchListBox_innerWrap li .innerBox a {
    font-size:3.2vw;
  }
}

.listArea .searchListBox .searchListBox_innerWrap li .innerBox a:before {
  content: "";
  background-image: url(../img/common/arrow_black2.png);
  background-size: 100%;
  background-position: center left;
  background-repeat: no-repeat;
  width: 6px;
  display: inline-block;
  height: 13px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.drawer_button_box{
	width: 600px;
	max-width: 50%;
	margin: 60px auto 40px;
	text-align: center;
	background: #3E3E3E;
	border-radius: 50px;
	position: relative;
	z-index: 10;
}
@media screen and (max-width: 896px) {
  .drawer_button_box{
		width: 80%;
		max-width: 80%;
		margin: 30px auto;
	}
}
@media screen and (max-width: 569px) {
  .drawer_button_box{
		margin: 20px auto;
	}
}
.drawer_button_box .drawer_button_top{
	display: block;
	font-size: 17px;
	color: #fff;
	padding: 18px 10px;
	cursor: pointer;
}
@media screen and (max-width: 896px) {
  .drawer_button_box .drawer_button_top{
		font-size: 16px;
		padding: 12px 10px;
	}
}
@media screen and (max-width: 568px) {
  .drawer_button_box .drawer_button_top{
		font-size: 3.6vw;
		line-height: 1.4;
	}
}

.drawer_button_box .drawer_button_top::before {
	content: "";
	background: url(/html/template/default/assets/img/list/btn_top_filter.png) center left no-repeat;
	background-size: 100%;
	margin-right: .3em;
	padding: 18px;
}
@media screen and (max-width: 568px) {
  .drawer_button_box .drawer_button_top::before {
		content: "";
		padding: 15px;
	}
}

.search_nav_no-scroll {
  overflow: hidden;
  height: 100%;
}
.search_drawer_menu{
	/*display: none;*/
}
.search_drawer_menu * {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.search_drawer_menu .drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 11;
  background-color: rgba(51, 51, 51, 0.7);
  display: none;
  top: 0;
  left: 0;
}
.search_drawer_menu .drawer_button_fix {
  /*display: block;*/
	display: none;
  background: none;
  border: none;
  padding: 0;
  width: 56px;
  letter-spacing: 0.05em;
  cursor: pointer;
  position: fixed;
 	bottom: 85px;
  right: 30px;
  left: auto;
  z-index: 30;
  text-align: center;
	z-index: 10;
}
@media screen and (max-width: 896px) {
  .search_drawer_menu .drawer_button_fix {
    width: 56px;
    height: 56px;
		right: 16px;
  	bottom: 74px;
  }
}
.drawer_button_fix.open {
	top: 20px;
	bottom: auto;
	right: 20px;
	border-radius: 5px;
	font-size: 24px;
}
.search_drawer_menu .drawer_button_fix .btn-img	{
	max-width: 100%;
}
.search_drawer_menu .drawer_button_fix.active .menu_label {
  display: none;
}
.search_drawer_menu .drawer_text {
  text-align: center;
  font-size: 10px;
	color: #fff;
}
.search_drawer_menu .menu_label {
  display: block;
	line-height: 1.0;
	margin-top: 3px;
}
.search_drawer_menu .search_nav_wrapper {
	width: 80%;
  height: auto;
	min-height: 40%;
	max-height: 85%;
	max-width: 1000px;
	transition: all 0.2s;
	transform: translateY(100%);
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 200;
	background: #fff;
	overflow-y: auto;
	overscroll-behavior: contain;
	border-radius: 20px 20px 0px 0px;
	margin: auto;
}
@media screen and (max-width: 896px) {
	.search_drawer_menu .search_nav_wrapper {
		width: 92%;
		height: auto;
		max-height: 82%;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		border-radius: 15px 15px 0px 0px;
		margin: auto;
	}
}
.search_drawer_menu .search_nav_wrapper.open {
  transform: translate(0);
}
.search_drawer_menu .close_label {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 24px;
  background: none;
	color: #666;
  border: none;
  cursor: pointer;
  display: block;
  z-index: 120;
	padding: 0;
}

.search_drawer_menu .nav {
  padding: 40px;
}
@media screen and (max-width: 896px) {
	.search_drawer_menu .nav {
		padding: 30px;
	}
}
@media screen and (max-width: 568px) {
	.search_drawer_menu .nav {
		padding: 25px 18px 30px;
	}
}

.search_list_ttl {
	font-size: 18px;
	font-weight: 600;
 	text-align: center;
	margin: 0 auto 20px;
}
@media screen and (max-width: 568px) {
	.search_list_ttl {
		font-size: 3.6vw;
		line-height: 1.4;
	}
}
.search_nav_wrapper .search_list_flex {
  display: flex;
	flex-wrap: wrap;
  margin-bottom: 15px;
}
.search_nav_wrapper .search_list_flex .titleBox {
  width: 15%;
	margin-right: 3%;
}
@media screen and (max-width: 568px) {
	.search_nav_wrapper .search_list_flex .titleBox {
		width: 100%;
		margin-right: 0;
	}
}
.search_nav_wrapper .search_list_flex .titleBox .titleBox_p {
  background-color: #333;
  color: #fff;
  padding: 3px 0;
  margin: 0;
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 568px) {
	.search_nav_wrapper .search_list_flex .titleBox .titleBox_p {
		font-size: 3.4vw;
		margin: 0 0 12px;
	}
}
.search_nav_wrapper .search_list_flex .innerBox {
  width: 82%;
  text-align: left;
	margin-top: -3px;
}
@media screen and (max-width: 568px) {
	.search_nav_wrapper .search_list_flex .innerBox {
		width: 100%;
	}
}
.search_nav_wrapper .search_list_flex .innerBox a {
  font-size: 15px;
	line-height: 2.0;
	margin-right: 0.2em;
	padding: 5px 5px 5px 0;
	margin: 0;
}
@media screen and (max-width: 896px) {
	.search_nav_wrapper .search_list_flex .innerBox a {
		font-size: 13px;
	}
}
@media screen and (max-width: 568px) {
	.search_nav_wrapper .search_list_flex .innerBox a {
		font-size: 3.4vw;
		letter-spacing: .01em;
	}
}

.search_nav_wrapper .search_list_flex .innerBox a:hover {
	background-color: #E5E5E5;
}

.search_nav_wrapper .search_list_flex .innerBox a::before {
  content: "";
  background-image: url(/html/template/default/assets//img/common/arrow_black2.png);
  background-size: 100%;
  background-position: center left;
  background-repeat: no-repeat;
  display: inline-block;
	padding: .3em;
	margin-right: .3em;
}

@media screen and (max-width: 896px) {
	.listArea .ec-shelfRole{
		margin: 0 auto 30px;
	}
}
@media screen and (max-width: 568px) {
	.listArea .ec-shelfRole{
		margin: 0 auto 30px;
		padding: 0 2%;
	}
}

.listArea .ec-searchnavRole .ec-searchnavRole__infos {
  border-top: none;
  font-size: 16px;
}
@media screen and (max-width: 896px) {
	.listArea .ec-searchnavRole .ec-searchnavRole__infos {
		width: 96%;
		font-size: 13px;
		margin: 10px auto 0;
		padding: 0;
	}
}
@media screen and (max-width: 568px) {
	.listArea .ec-searchnavRole .ec-searchnavRole__infos .ec-searchnavRole__counter {
		margin: 0 auto 10px;
	}
}

.listArea .ec-select select {
  background-color: #fff;
  border-radius: 0px;
}

.listArea .ec-shelfGrid__item .imgsize {
  height: 150px!important;
	max-height: 150px!important;
  margin-bottom: 20px;
  overflow: hidden;
}
@media screen and (max-width: 896px) {
	.listArea .ec-shelfGrid__item .imgsize {
		height: auto!important;
		max-height: inherit!important;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 568px) {
	.listArea .ec-shelfGrid__item .imgsize {
		height: 30vw!important;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 896px) {
	.listArea .ec-shelfGrid__item .imgsize img {
		width: auto;
		height:auto; 
	}
}

.listArea .ec-shelfGrid__item .iconArea {
  height: 22px;
}
@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid__item .iconArea {
    height: 20px;
  }
}

.listArea .ec-shelfGrid__item .iconArea img {
 /* width: 31.5%;*/
	width: 64px;
	max-width: 31.5%;
  height: auto;
  padding: 0 1%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid__item .iconArea img {
    width: 30.5%;
		padding: 0 1%;
  }
	.listArea .ec-shelfGrid__item .iconArea img:nth-of-type(n+4){
		display: none;
	}
}

.listArea .ec-shelfGrid__item .listNameP {
  font-size: 13px;
  /*line-height: 1.6;*/
  text-align: center;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
	line-height: 1.5em;
  height: 3em;
	margin: 1em 0 .5em;
}
@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid__item .listNameP {
    font-size: 13px;
  }
}
@media screen and (max-width: 568px) {
  .listArea .ec-shelfGrid__item .listNameP {
    font-size: 3.2vw;
		word-break: break-all;
  }
}

.listArea .ec-shelfGrid__item .subTextP {
  font-size: 13px;
  text-align: center;
  line-height: 1.6;
  padding: .9em 0 0;
	margin: 0;
  border-top: 1px solid #ccc;
  border-bottom: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5em;
  height: 4em;
}
@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid__item .subTextP {
    font-size: 12px;
    border-bottom: none;
		height: 4em;
  }
}
@media screen and (max-width: 568px) {
  .listArea .ec-shelfGrid__item .subTextP {
    font-size: 2.8vw;
	}
}
.listArea .ec-shelfGrid__item .specBox {
  margin-top: .7em;
  border-top: 1px solid #ccc;
  padding-top: 15px;
}
@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid__item .specBox {
    margin-top: .6em;
  }
}

.listArea .ec-shelfGrid__item .specBox li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  margin-bottom: 3px;
  color: #212121;
}

.listArea .ec-shelfGrid__item .specBox .specBox_title {
  width: 25%;
	font-size: 13px;
  font-weight: 600;
	margin: 0;
}
@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid__item .specBox .specBox_title {
    width: 35%;
    font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .listArea .ec-shelfGrid__item .specBox .specBox_title {
    font-size: 3.2vw;
  }
}

.listArea .ec-shelfGrid__item .specBox .specBox_inner {
  width: 75%;
	font-size: 13px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	margin: 0;
}
@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid__item .specBox .specBox_inner {
    width: 65%;
    font-size: 12px;
		letter-spacing: 0;
  }
}
@media screen and (max-width: 568px) {
  .listArea .ec-shelfGrid__item .specBox .specBox_inner {
    font-size: 3.2vw;
  }
}

.listArea .ec-shelfGrid__item .colorImgArea {
  margin: 5px 0;
}

.listArea .ec-shelfGrid__item .recommend_level {
  color: #f1c809;
  font-size: 14px;
  margin: 0;
  text-align: center;
  display: block;
}

.listArea .priceBox {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  margin-top: 10px;
  line-height: 1.8;
}

.listArea .priceBox .priceBox_nomalPrice {
  color: #212121;
  font-size: 12px;
	line-height: 1.3;
  font-weight: 500;
	margin-bottom: 0;
}

.listArea .priceBox .priceBox_nomalPrice.strikethrough {
  text-decoration: line-through;
}

.listArea .priceBox .priceBox_salePrice {
  color: #e40e0e;
  font-weight: 600;
  font-size: 14px;
	letter-spacing: 0;
	margin-bottom: 5px;
}
@media screen and (max-width: 568px) {
  .listArea .priceBox .priceBox_salePrice {
		font-size: 13px;
	}
}
.listArea .priceBox .priceBox_salePrice .sale {
  background-color: #e40e0e;
  color: #fff;
  font-size: 11px;
  display: inline-block;
  padding: 3px 8px;
  line-height: 1;
}

.listArea .ec-pager {
  text-align: right;
}
@media screen and (max-width: 568px) {
  .listArea .ec-pager {
    text-align: center;
  }
  .listArea .ec-pager .ec-pager .ec-pager__item,
  .listArea .ec-pager .ec-pager .ec-pager__item--active {
    padding: 0;
  }
  .listArea .ec-pager .ec-pager .ec-pager__item a,
  .listArea .ec-pager .ec-pager .ec-pager__item--active a {
    padding: 5px 10px;
    font-size: 12px;
  }
}

.listArea .listCategoryArea {
	/*width: 1000px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 40px auto 0;
}
@media screen and (max-width: 896px) {
  .listArea .listCategoryArea {
    width: 100%;
		margin: 30px auto;
  }
}
.listArea .listCategoryArea li {
  width: 23%;
  margin: 0 1%;
  margin-bottom: 40px;
}
/*.listArea .listCategoryArea li:nth-of-type(4n) {
  margin-right: 0;
}*/
@media screen and (max-width: 896px) {
  .listArea .listCategoryArea li {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 568px) {
  .listArea .listCategoryArea li {
    width: 48%;
    margin: 0 1% 20px;
  }
  /*.listArea .listCategoryArea li:nth-of-type(2n) {
    margin-right: 0;
  }*/
}

.listArea .listCategoryArea li a {
  display: block;
  text-align: center;
}

.listArea .listCategoryArea li a:hover {
  text-decoration: none;
}

.listArea .listContentsFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 60px;
}

.listArea .listContentsFlex li {
  width: 32.6%;
  margin-right: 1%;
  margin-bottom: 40px;
}

.listArea .listContentsFlex li:nth-of-type(3n) {
  margin-right: 0;
}

.listArea .listContentsFlex li a {
  display: block;
  text-align: left;
}

.listArea .listContentsFlex li a:hover {
  text-decoration: none;
}

.listArea .listCategoryArea_title {
  margin: 15px 0 0;
  font-size: 15px;
	line-height: 1.4;
  font-weight: 600;
  color: #212121;
}
@media screen and (max-width: 896px) {
  .listArea .listCategoryArea_title {
    font-size: 13px;
		text-align: left;
  }
}
@media screen and (max-width: 568px) {
  .listArea .listCategoryArea_title {
    font-size: 3.4vw;
		letter-spacing: 0;
  }
}

.listArea .listCategoryArea_infoP {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.4;
  color: #888888;
	text-align: center;
}
@media screen and (max-width: 896px) {
  .listArea .listCategoryArea_infoP {
    font-size: 12px;
		text-align: left;
  }
}
@media screen and (max-width: 568px) {
  .listArea .listCategoryArea_infoP {
    font-size: 3.2vw;
  }
}
.listArea .listCategoryArea_P {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.4;
  color: #888;
	text-align: left;
}
@media screen and (max-width: 896px) {
  .listArea .listCategoryArea_P {
    font-size: 12px;
		text-align: left;
  }
}
@media screen and (max-width: 568px) {
  .listArea .listCategoryArea_P {
    font-size: 3.2vw;
  }
}


.listArea .howtoArea {
	margin: 0 auto 60px;
}
@media screen and (max-width: 896px) {
	.listArea .howtoArea {
		width: 100%;
		margin: 40px auto 30px;
	}
}
.listArea .howtoArea .howtoArea_flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(12px, 2vw, 30px);
	margin: 0 auto 40px;
}
@media screen and (max-width: 568px) {
	.listArea .howtoArea .howtoArea_flex {
		grid-template-columns: 1fr;
	}
}

.listArea .howtoArea .howtoArea_img img {
	width: 100%;
}

@media screen and (max-width: 896px) {
  .listArea .howtoArea .howtoArea_text_box {
		margin: 0 auto 20px;
  }
}

.listArea .howtoArea .howtoArea_text {
	/*width: 1000px;*/
  font-size: 14px;
  line-height: 1.6;
  color: #212121;
	margin: 0 auto;
}
@media screen and (max-width: 896px) {
  .listArea .howtoArea .howtoArea_text {
		width: 100%;
    font-size: 14px;
		margin: 0 auto;
  }
	 /*.listArea .howtoArea .howtoArea_text br {
    display: none;
  }*/
}
@media screen and (max-width: 568px) {
  .listArea .howtoArea .howtoArea_text {
    text-align: left;
    font-size: 3.2vw;
		line-height: 1.6;
  }
}

.listArea .howtoArea .howtoArea_more .howtoArea_text {
	overflow: hidden;
	opacity: 1;
	line-height: 1.6;
  max-height: calc(1.6em * 7);
  transition: max-height 0.6s ease;
	display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}

.listArea .howtoArea .howtoArea_text.open {
	max-height: 1000px;
	opacity: 1;
	overflow: visible;
	-webkit-line-clamp: unset;
}
.listArea .howtoArea .howtoArea_text_box .read-more-btn {
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
	transition: opacity 0.2s ease;
	text-align: right;
	margin: 10px 0 0 auto;
	background: none;
  border: none;
}
@media screen and (max-width: 568px) {
	.listArea .howtoArea .howtoArea_text_box .read-more-btn {
		font-size: 3.0vw;
		margin-top: 5px;
	}
}

.listArea .howtoArea .imgsize {
	width: 960px;
	text-align: center;
	margin: auto;
}
.listArea .howtoArea .imgsize img {
	width: 100%;
}
@media screen and (max-width: 896px) {
	.listArea .howtoArea .imgsize {
		width: 100%;
	}
}

.listArea .howtoArea .searchListBox {
  background-color: #fff;
  margin: 20px auto;
}
@media screen and (max-width: 896px) {
	.listArea .howtoArea .searchListBox {
		width: 100%;
		margin: 10px auto 20px;
	}
}
.listArea .howtoArea .searchListBox .searchListBox_title {
  padding: 20px 80px;
  background-color: #eeeeee;
  /*border: 1px solid #cccccc;*/
  font-size: 14px;
  color: #212121;
}
@media screen and (max-width: 896px) {
  .listArea .howtoArea .searchListBox .searchListBox_title {
    font-size: 13px;
		line-height: 1.4;
  }
}
@media screen and (max-width: 568px) {
  .listArea .howtoArea .searchListBox .searchListBox_title {
    padding: 15px 3%;
    font-size: 3.2vw;
    width: 100%;
    padding-right: 10%;
		text-align: center;
  }
}

.listArea .howtoArea .searchListBox .searchListBox_innerWrap {
  padding: 0;
}

.listArea .howtoArea .searchListBox .howtoArea_ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 60px 0 30px;
}
@media screen and (max-width: 896px) {
  .listArea .howtoArea .searchListBox .howtoArea_ul {
    margin: 20px 0 0;
  }
}

.listArea .howtoArea .searchListBox .howtoArea_ul li {
  /*width: 32.3%;*/
	width: 100%;
  display: block;
  /*margin-right: 1.5%;*/
  margin-bottom: 1.5%;
  /*background-color: #f7f7f7;*/
	background-color: #f3f3f3;
}
@media screen and (max-width: 568px) {
  .listArea .howtoArea .searchListBox .howtoArea_ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/*.listArea .howtoArea .searchListBox li:nth-of-type(3n) {
  margin-right: 0;
}*/

.listArea .howtoArea .searchListBox .howtoArea_ul.select_ul li {
  /*width: 24%;*/
	width: 100%;
  /*margin-right: 1%;*/
  margin-bottom: 1.5%;
}
@media screen and (max-width: 896px) {
  .listArea .howtoArea .searchListBox .howtoArea_ul.select_ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/*.listArea .howtoArea .searchListBox .howtoArea_ul.select_ul li:nth-of-type(4n) {
  margin-right: 0;
}*/

.listArea .howtoArea .searchListBox li .howtoArea_Box {
  padding: 20px;
  text-align: left;
}
@media screen and (max-width: 568px) {
	.listArea .howtoArea .searchListBox li .howtoArea_Box {
		padding: 15px 12px 12px;
	}
}
.listArea .howtoArea .searchListBox li .howtoArea_Box .howtoArea_title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #212121;
	/*border-bottom: 1px solid #ddd;
  padding-bottom: .3em;*/
}
@media screen and (max-width: 568px) {
  .listArea .howtoArea .searchListBox li .howtoArea_Box .howtoArea_title {
    font-size: 3.6vw;
  }
}

.listArea .howtoArea .searchListBox li .howtoArea_Box .howtoArea_title span {
	border-bottom: 1px solid #333;
}

@media screen and (max-width: 896px) {
	.listArea .howtoArea .searchListBox .howtoArea_ul.select_ul li .howtoArea_Box .howtoArea_title br {
		display: none;
	}
}

.listArea .howtoArea .searchListBox .howtoArea_info {
  font-size: 14px;
  line-height: 1.6;
  margin: 10px 0 0;
	position: relative;
	overflow: hidden;
	/*max-height: 3.8em;*/ /* 4行分 */
	opacity: 1;
	line-height: 1.6;
  max-height: calc(1.6em * 2);
  transition: max-height 0.6s ease;
	display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 568px) {
  .listArea .howtoArea .searchListBox .howtoArea_info {
    font-size: 3.2vw;
		margin-top: 8px;
		 -webkit-line-clamp: 2;
  }
}

.listArea .howtoArea .searchListBox .howtoArea_info.open {
	max-height: 1000px;
	opacity: 1;
	overflow: visible;
	-webkit-line-clamp: unset;
}

.listArea .howtoArea .searchListBox .howtoArea_info_ttl {
  font-weight: 600;
}

.listArea .howtoArea .searchListBox .read-more-btn {
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
	transition: opacity 0.2s ease;
	text-align: right;
	margin-top:10px;
}
@media screen and (max-width: 568px) {
	.listArea .howtoArea .searchListBox .read-more-btn {
		font-size: 3.0vw;
		margin-top: 5px;
	}
}

/*.listArea .howtoArea .searchListBox .read-more-btn:before {
	content: "… ";
}*/
.listArea .read-more-btn.hidden {
	display: none;
}

.listArea .aboutSofaArea {
  margin-top: 60px;
}
.listArea .aboutSofaArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.listArea .aboutSofaArea_flex .imgsize {
  width: 45%;
}
@media screen and (max-width: 568px) {
  .listArea .aboutSofaArea_flex .imgsize {
    width: 100%;
    margin-bottom: 15px;
  }
}

.listArea .aboutSofaArea_flex .aboutInfo {
  width: 50%;
  font-size: 14px;
  color: #212121;
  line-height: 1.8;
}
@media screen and (max-width: 896px) {
  .listArea .aboutSofaArea_flex .aboutInfo {
    font-size: 13px;
		line-height: 1.6;
  }
}
@media screen and (max-width: 568px) {
  .listArea .aboutSofaArea_flex .aboutInfo {
    width: 100%;
    font-size: 3.2vw;
  }
}

.listArea .aboutArea {
	/*width: 1000px;*/
  margin: 60px auto 0;
}
@media screen and (max-width: 896px) {
	.listArea .aboutArea {
		width: 100%;
		margin: 50px auto 40px;
	}
}
.listArea .aboutArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.listArea .aboutArea_flex .imgsize {
  width: 49%;
}
@media screen and (max-width: 568px) {
	.listArea .aboutArea_flex .imgsize {
		width: 100%;
		margin-bottom: 10px;
	}
}
.listArea .aboutInfo {
  font-size: 14px;
  color: #212121;
  line-height: 1.8;
	margin: 0 auto 30px
}
@media screen and (max-width: 896px) {
  .listArea .aboutInfo {
    font-size: 13px;
		line-height: 1.6;
		margin: 0 auto 20px;
  }
}
@media screen and (max-width: 568px) {
  .listArea .aboutInfo {
    font-size: 3.2vw;
  }
}

.listArea ul.aboutInfo {
	width: 50%;
	background: #f0f0f0;
	padding: 10px;
	margin: 20px 0;
}
@media screen and (max-width: 896px) {
	.listArea ul.aboutInfo {
		width: 100%;
		padding: 10px;
	}
}

.listArea .aboutLeadArea {
	width: 1150px;
  margin: 60px auto 0;
}
@media screen and (max-width: 896px) {
	.listArea .aboutLeadArea {
		width: 96%;
		margin: 50px auto 40px;
	}
}
.listArea .aboutLeadArea .aboutInfo {
  font-size: 14px;
  line-height: 1.6;
  margin: 10px 0 0;
	position: relative;
	overflow: hidden;
	opacity: 1;
	line-height: 1.6;
  max-height: calc(1.6em * 2);
  transition: max-height 0.6s ease;
	display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 568px) {
  .listArea .aboutLeadArea .aboutInfo {
    font-size: 3.2vw;
		margin-top: 8px;
  }
}

.listArea .aboutLeadArea .aboutInfo.open {
	max-height: 1000px;
	opacity: 1;
	overflow: visible;
	-webkit-line-clamp: unset;
}
.listArea .aboutLeadArea .read-more-btn {
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
	transition: opacity 0.2s ease;
	text-align: right;
	margin: 10px 0 0 auto;
	background: none;
  border: none;
}
@media screen and (max-width: 568px) {
	.listArea .aboutLeadArea .read-more-btn {
		font-size: 3.0vw;
		margin-top: 5px;
	}
}

.listArea .rankingArea {
	width: 1150px;
  margin: 20px auto 0;
}
@media screen and (max-width: 896px) {
	.listArea .rankingArea {
		width: 90%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 568px) {
	.listArea .rankingArea {
		width: 100%;
		margin: 0 auto;
	}
	.listArea .rankingArea .titleArea {
		text-align: left;
		margin: 0 auto 10px!important;
		display: flex;
		display: -webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		align-items: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.listArea .rankingArea .titleArea .title_en {
  font-size: 26px;
}
@media screen and (max-width: 896px) {
	.listArea .rankingArea .titleArea .title_en {
		font-size: 22px;
	}
}
@media screen and (max-width: 568px) {
  .listArea .rankingArea .titleArea .title_en {
    font-size: 5.0vw;
		letter-spacing: .05em;
		margin: 0;
  }
}

.listArea .rankingArea .titleArea .title_jp {
  font-size: 13px;
}
@media screen and (max-width: 568px) {
  .listArea .rankingArea .titleArea .title_jp {
    font-size: 3.0vw;
		letter-spacing: .01em;
		text-align: right;
  }
}
.listArea .rankingArea .rankingArea_scroll {
	overflow: inherit;
}
@media screen and (max-width: 896px) {
	.listArea .rankingArea .rankingArea_scroll {
		overflow: inherit;
	}
}
@media screen and (max-width: 568px) {
	.listArea .rankingArea .rankingArea_scroll {
		overflow: scroll;
		margin-left: 2%;
		margin-bottom: 10px;
	}
}
.listArea .rankingArea .rankingArea_flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto 40px;
}
@media screen and (max-width: 896px) {
  .listArea .rankingArea .rankingArea_flex {
    width: 100%;
		margin: auto;
		flex-wrap: nowrap;
  }
}
@media screen and (max-width: 568px) {
  .listArea .rankingArea .rankingArea_flex {
    /*width: 500px;*/
		margin: 0;
		padding-right: 2%;
  }
}
.listArea .rankingArea .rankingArea_flex li {
  width: 32%!important;
	margin: 0 0 30px;
}
@media screen and (max-width: 896px) {
 .listArea .rankingArea .rankingArea_flex li {
	 width: 32%!important;
	 min-width: 34%;
	 margin: 0 auto 20px;
  }
}
@media screen and (max-width: 568px) {
 .listArea .rankingArea .rankingArea_flex li {
    /*width: 160px!important;*/
	 width: 30%;
	 min-width: 46%;
  }
}
@media screen and (max-width: 896px) {
	.listArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox {
			padding-top: 0;
	}
}

.listArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox {
  /*width: 54%;*/
	width: 84%;
}
@media screen and (max-width: 896px) {
  .listArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox {
    width: 100%;
		position: static;
  }
}

@media screen and (max-width: 896px) {
	.listArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_price {
			font-size: 11px;
	}
}
@media screen and (max-width: 560px) {
	.listArea .rankingArea .rankingArea_flex .rankingArea_link .itemBox .itemTextBox .itemTextBox_price {
			font-size: 2.8vw;
		line-height: 1.4;
	}
}
@media screen and (max-width: 568px) {
  .listArea .featureArea {
    width: 100%;
		margin: 30px auto 30px;
  }
}

@media screen and (max-width: 568px) {
  .listArea .sceneArea {
    width: 100%;
  }
}

@media screen and (max-width: 896px) {
  .listArea .ec-shelfGrid {
    margin-left: 0;
    margin-right: 0;
  }
}

.listArea #search{
	padding-top: 80px;
	margin-top: -80px;
}
@media screen and (max-width: 568px) {
	.listArea #search{
		padding-top: 50px;
		margin-top: -50px;
	}
}

.listArea #about-diningtable{
	padding-top: 80px;
	margin-top: -80px;
}
@media screen and (max-width: 568px) {
	.listArea #about-diningtable{
		padding-top: 50px;
		margin-top: -50px;
	}
}

.listArea .movie-list{
	margin: 0 auto;
}
@media screen and (max-width: 896px) {
	.listArea .movie-list{
		margin: 0 auto 40px;
	}
}
@media screen and (max-width: 568px){
	.listArea .movie-list{
	 	margin: 0 auto 30px;
	}
}

.listArea .movie-list-item{
	margin: 0 auto 60px;
}
@media screen and (max-width: 568px){
	.listArea .movie-list-item{
		margin: 0 auto 40px;
	}
}

.listArea .movie-list-item .movie-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.listArea .movie-list-item .movie-flex .movie-img img{
	max-width: 100%;
}

.listArea .movie-list-item .movie-flex .movie-img{
	width: 48%;
}
@media screen and (max-width: 568px){
	.listArea .movie-list-item .movie-flex .movie-img{
		width: 100%;
		margin: 0 auto 20px;
	}
}

.listArea .movie-list-item .movie-flex .movie-txt-box{
	width: 48%;
	margin-bottom: 10px;
}
@media screen and (max-width: 568px){
	.listArea .movie-list-item .movie-flex .movie-txt-box{
		width: 100%;
		font-size: 3.4vw;
	}
}

.listArea .movie-list-item .movie-flex .movie-ttl{
	font-size: 18px;
	margin-bottom: 15px;
}
@media screen and (max-width: 896px) {
	.listArea .movie-list-item .movie-flex .movie-ttl{
		font-size: 16px;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 568px){
	.listArea .movie-list-item .movie-flex .movie-ttl{
		font-size: 3.8vw;
		margin: 0 0 10px;
	}
}

.listArea .movie-list-item .movie-flex .movie-txt{
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
}
@media screen and (max-width: 896px) {
	.listArea .movie-list-item .movie-flex .movie-txt{
		font-size: 13px;
		margin: 0 0 10px;
	}
}
@media screen and (max-width: 568px){
	.listArea .movie-list-item .movie-flex .movie-txt{
		font-size: 3.4vw;
		margin: 0 0 10px;
	}
}
/* list END */

/*.detailRecommend .recommendArea .recommendArea_flex li:nth-of-type(n + 7) {
  display: none;
}*/

/* detail rakuraku */

#rakuraku {display: none;}
.rakurakuBanner {
	/*width: 1000px;*/
  background-color: #fffbba;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #333;
  margin-bottom: 60px;
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
  .rakurakuBanner {
		width: 96%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 3%;
		margin: 15% auto 10%;
  }
}
@media screen and (max-width: 568px) {
  .rakurakuBanner {
		margin: 35% auto 10%;
  }
}
.rakurakuBanner .rakurakuBanner_Box {
  position: relative;
}
.rakurakuBanner .rakurakuBanner_Box:first-child {
  width: 41%;
	text-align: center;
	margin-top: 40px;
}
.rakurakuBanner .rakurakuBanner_Box:nth-of-type(2) {
  width: 57%;
}
@media screen and (max-width: 896px) {
	.rakurakuBanner .rakurakuBanner_Box {
	}
	.rakurakuBanner .rakurakuBanner_Box:first-child {
		width: 100%;
		margin-top: -15%;
	}
	.rakurakuBanner .rakurakuBanner_Box:nth-of-type(2) {
		width: 100%;
	}
}
@media screen and (max-width: 568px) {
  .rakurakuBanner .rakurakuBanner_Box {
    /*margin-top: -30%;*/
  }
	.rakurakuBanner .rakurakuBanner_Box:first-child {
		margin-top: -30%;
	}
}
.rakurakuBanner .rakurakuBanner_Box .rakuraku_ttl {
  margin: 0 auto;
	max-width: 440px;
}
@media screen and (max-width: 896px) {
	.rakurakuBanner .rakurakuBanner_Box .rakuraku_ttl {
		max-width: 90%;
	}
}

.rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea {
  text-align: center;
  margin: -30px auto 0;
}
@media screen and (max-width: 896px) {
  .rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea {
    margin: -15% auto 0;
  }
}
@media screen and (max-width: 568px) {
  .rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea {
    margin: -10% auto 0;
  }
}
.rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea .rakurakuBanner_title {
  font-size: 28px;
	font-weight: 600;
  line-height: 1.4;
	margin: 0;
}
@media screen and (max-width: 896px) {
  .rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea .rakurakuBanner_title {
		font-size: 24px;
		margin: 0 0 10px;
  }
}
@media screen and (max-width: 568px) {
  .rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea .rakurakuBanner_title {
    font-size: 5.4vw;
  }
}

.rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea .rakurakuBanner_infoP {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.6;
}
@media screen and (max-width: 896px) {
  .rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea .rakurakuBanner_infoP {
    font-size: 16px;
		margin: 0 auto 20px;
  }
}
@media screen and (max-width: 568px) {
  .rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea .rakurakuBanner_infoP {
    font-size: 3.4vw;
  }
	 .rakurakuBanner .rakurakuBanner_Box .rakurakuBanner_titleArea .rakurakuBanner_infoP br {
    display: none;
  }
}

.rakurakuBanner .rakurakuBanner_Box .info_imgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rakurakuBanner .rakurakuBanner_Box .info_imgBox .imgsize {
  width: 49%;
  margin-bottom: 2%;
}
.rakurakuBanner .rakurakuBanner_Box .info_imgBox .imgsize img {
  /*max-width: 305px;*/
}

.rakurakuBanner .rakurakuBanner_Box .info_textBox {
  background-color: #fff;
  padding: 15px;
  line-height: 1.5;
  font-size: 13px;
}
@media screen and (max-width: 896px) {
	.rakurakuBanner .rakurakuBanner_Box .info_textBox {
		padding: 15px;
		margin-top: 10px;
	}
	.rakurakuBanner .rakurakuBanner_Box .info_textBox li {
		font-size: 12px;
	}
}
@media screen and (max-width: 568px) {
  .rakurakuBanner .rakurakuBanner_Box .info_textBox li {
    font-size: 3.2vw;
  }
}
.rakurakuBanner .rakurakuBanner_Box .info_textBox .rakuraku_info {
  display: block;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
}
@media screen and (max-width: 568px) {
	.rakurakuBanner .rakurakuBanner_Box .info_textBox .rakuraku_info {
		font-size: 4vw;
	}
}
.rakurakuBanner .rakurakuBanner_Box .info_textBox a {
  text-decoration: underline!important;
}

.rakurakuBanner .rakurakuBanner_Box .info_textBox a:hover {
  text-decoration: none;
}
/* detail rakuraku END */

/* detail support */
.detailSupportArea {
  background-color: #eeeeee;
  padding: 20px 0 40px;
	margin-top: 40px;
}
@media screen and (max-width: 896px) {
	.detailSupportArea {
		padding: 40px 0;
	}
}

.detailSupportArea .detailSupportAreaTitle {
  background-color: #cccccc;
  padding: 14px 25px;
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  margin: 30px 0;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .detailSupportAreaTitle {
    padding: 10px;
		font-size: 15px;
		margin: 0 0 20px;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .detailSupportAreaTitle {
    font-size: 3.4vw;
		letter-spacing: .01em;
  }
}

.detailSupportArea .contents_supportBox {
	width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox {
    margin-top: 20px;
    width: 100%;
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 32%;
  padding: 10px;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex {
    width: 100%;
		padding: 15px;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex {
    width: 100%;
    padding: 3%;
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize {
  width: 36%;
  text-align: center;
  border-right: 1px solid #eeeeee;
  padding: 0 10px 0 0;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize {
		width: 40%;
		padding-right: 3%;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize {
    padding-right: 3%;
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize .imgsize_p {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
	margin: 0;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize .imgsize_p {
    font-size: 13px;
		line-height: 1.3;
  }
	 .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize .imgsize_p br {
    display: none;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize .imgsize_p {
    font-size: 3.2vw;
  }
 	.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize .imgsize_p br {
    display: inline-block;
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize img {
  width: 111px;
	max-width: 100%;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize img {
    width: 30%;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .imgsize img {
    width: 60%;
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize {
  width: 60%;
	padding: 0;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize {
    width: 58%;
		padding: 0 0 0 1%;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize {
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize.tel {
  text-align: center;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize.tel {
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize.tel {
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize.contact {
  text-align: center;
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .telllink {
  font-size: 33px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #222222;
  text-decoration: none;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .telllink {
    font-size: 28px;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .telllink {
    font-size: 6.2vw;
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .telllink ruby > rt {
  font-size: 35%;
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .receptionTime {
  font-size: 13px;
	line-height: 1.6;
  color: #222222;
  margin-top: 4px;
	font-feature-settings: "palt";
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .receptionTime {
    font-size: 12px;
		margin: 4px 0 0;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .receptionTime {
    font-size: 3.2vw;
  }
	 .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .receptionTime .red {
		display: block;
		line-height: 1.4;
		margin-top: 5px;
  }
}
.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize.tel p {
 	font-size: 13px;
	line-height: 1.4;
	margin: 0;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize.tel p {
		font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize.tel p {
		font-size: 3.4vw;
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .contactlink {
  text-decoration: underline;
  font-size: 14px;
	line-height: 1.4;
  color: #222222;
}
@media screen and (max-width: 896px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .contactlink {
    font-size: 15px;
  }
}
@media screen and (max-width: 568px) {
  .detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .contactlink {
    font-size: 3.8vw;
  }
}

.detailSupportArea .contents_supportBox .contents_supportBox_flex .innerFlex .innersize .contactlink:hover {
  text-decoration: none;
}

.detailSupportArea .contents_supportBox .whiteBack {
  background-color: #fff;
}

.detailSupportArea .contents_supportBox .worriesArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.detailSupportArea .contents_supportBox .worriesArea .worriesArea_link {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #cccccc;
  width: 23%;
  margin-right: 2%;
}

.detailSupportArea .contents_supportBox .worriesArea .worriesArea_link .imgsize {
  width: 30%;
}

.detailSupportArea .contents_supportBox .worriesArea .worriesArea_link .worriesArea_inner {
  width: 65%;
}
/* detail support END */

/* detail footer search SP */
.footer-search{
	display: none;
}
@media screen and (max-width: 896px) {
	.footer-search{
		display: block;
		padding: 20px 0;
		margin: 30px auto 0;
		background: #eee;
	}
	.ec-headerSearch .ec-footerSearch__keyword {
		position: relative;
		width: 96%;
		border-bottom-left-radius: inherit;
		border-radius: 8px;
		margin: 0 auto;
	}
	.ec-headerSearch .ec-footerSearch__keyword .ec-icon {
		width: 22px;
		height: 22px;
	}
	.ec-headerSearch .ec-footerSearch__keywordBtn {
		border: 0;
		background: none;
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translateY(-50%);
		display: block;
		white-space: nowrap;
		z-index: 1;
	}
	.ec-footerSearch__keyword .ec-input input{
		border: 1px solid #ccc;
	}
	.ec-headerSearch .ec-footerSearch__keyword input[type="search"] {
		width: 100%;
		height: 34px;
		font-size: 16px;
		padding: 0.5em 50px 0.5em 1em;
		box-shadow: none;
		background: #fff;
		box-sizing: border-box;
		margin-bottom: 0;
		}
	.ec-headerSearch .ec-footerSearch__keyword .ec-icon {
		width: 20px;
		height: 20px;
	}
	.keyword-flex{
		width: 96%;
		display: flex;
		flex-wrap: wrap;
		margin: 10px auto 0;
	}
	.keyword-flex .keyword-ttl{
		position: relative;
		top: 5px;
		width: 36%;
		margin-right: 3%; 
		font-size: 13px;
		font-weight: 600;
		text-align: center;
	}
	.keyword-flex .keyword-link{
		width: 60%;
	}
	.keyword-flex .keyword-link a{
		font-size: 13px;
		text-decoration: underline;
		line-height: 2.0;
		margin-right: 10px;
		
	}
}
@media screen and (max-width: 568px) {
	.keyword-flex .keyword-ttl{
		font-size: 3.2vw;
		width: 32%;
	}
		.keyword-flex .keyword-link{
		width: 65%;
	}
	.keyword-flex .keyword-link a{
		font-size: 3.2vw;
	}
}
/* detail footer search SP END */

/* detail cat fix btn */
.ec-blockCartBtn.pagetop a::after{
	content: none;
}
.ec-blockCartBtn.pagetop a{
	width: auto;
	height: auto;
	border: none;
	background: none;
	padding: 0;
} 
.ec-blockCartBtn {
	position: fixed;
	right: 20px;
  bottom: 80px;
	width: 50px;
	height: 50px;
  white-space: nowrap;
	/*background: #EF7036;*/
	background: #363636;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
}
.ec-blockCartBtn img{
	max-width: 100%;
	}
.ec-blockCartBtn a{
	color: #fff;
}
.ec-blockCartBtn a:hover, .ec-blockCartBtn a:visited, .ec-blockCartBtn a:focus{
	color: #fff;
}
@media only screen and (max-width: 896px) {
	.ec-blockCartBtn {
		right: 10px;
  	bottom: 70px;
	}
}
@media screen and (max-width: 568px) {
	.ec-blockCartBtn {
		right: 10px;
  	bottom: 60px;
		width: 40px;
		height: 40px;
	}
}
/* detail cat fix btn END */




.foot-text {
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
  margin-top: 60px;
  color: #222222;
}

@media screen and (max-width: 896px) {
  .foot-text {
    padding:15px 12px;
	 	margin-top: 40px;
  }
}

.foot-text .foot-text_title {
  font-size: 16px;
  margin: 0;
  font-weight: 600;
}
@media screen and (max-width: 896px) {
  .foot-text .foot-text_title {
    font-size: 14px;
		margin-bottom: 10px;
  }
}
@media screen and (max-width: 568px) {
  .foot-text .foot-text_title {
    font-size: 3.8vw;
  }
}

.foot-text .foot-text_info {
  font-size: 13px;
  line-height: 1.6;
  /*margin-top: 16px;*/
}
@media screen and (max-width: 896px) {
  .foot-text .foot-text_info {
    font-size: 12px;
		margin: 0;
  }
}
@media screen and (max-width: 568px) {
  .foot-text .foot-text_info {
    font-size: 3.2vw;
  }
}

.foot-text .foot-text_info span {
  text-decoration: underline;
}

/* cart */
.cart_page .ec-cartRole {
  padding-left: 0;
  padding-right: 0;
  max-width: 1150px;
}

.cart_page .ec-cartRole .ec-cartRole__cart {
  margin: 0;
  margin-top: 20px;
  color: #212121;
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartRole__cart .ec-cartTable {
    border-top: 1px solid #fff;
  }
}

.cart_page .optionArea {
  width: 35%;
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  color: #212121;
}
@media screen and (max-width: 896px) {
  .cart_page .optionArea {
    width: 100%;
  }
}

.cart_page .optionInfo {
  padding: 0;
  width: 100%;
  font-size: 13px;
  margin: 20px 0;
  color: #212121;
}
@media screen and (max-width: 568px) {
  .cart_page .optionInfo {
    font-size: 14px;
  }
}

.cart_page .optionInfo span {
  text-decoration: underline;
}

.cart_page .prefectures {
  border: 1px solid #cc0000;
  color: #cc0000;
  font-size: 13px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  font-weight: 600;
}
@media screen and (max-width: 896px) {
  .cart_page .prefectures {
    padding: 3%;
    text-align: center;
  }
}
@media screen and (max-width: 568px) {
  .cart_page .prefectures {
    font-size: 3.8vw;
  }
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartHeader {
    display: none;
  }
}

.cart_page .ec-cartHeader .ec-cartHeader__label {
  padding: 8px 0;
  text-align: center;
  background: #eee;
  overflow-x: hidden;
  font-weight: 400;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #212121;
}

.cart_page .ec-cartRow .ec-cartRow__subtotalColumn {
  text-align: center;
  width: 10%;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #212121;
	padding: 5px 0;
	margin-top: 5px;
}
@media screen and (max-width: 896px) {
	.cart_page .ec-cartRow .ec-cartRow__subtotalColumn {
		padding:0;
		margin-top: 10px;
	}
}
.cart_page .ec-cartRow .ec-cartRow__img {
  width: 100%;
  min-width: 140px;
  max-width: 140px;
}
@media screen and (max-width: 896px) {
  .cart_page .ec-cartRow .ec-cartRow__img {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}

.cart_page .ec-cartRow .ec-cartRow__summary {
  margin-left: 0px;
  padding-left: 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 13px;
  font-weight: 400;
}

.cart_page .ec-cartRow .ec-cartRow__summary .ec-cartRow__name a {
	font-size: 14px;
  font-weight: 600;
  color: #212121;
}

.cart_page .ec-cartRow .ec-cartRow__summary .ec-cartRow__name a:hover {
  text-decoration: underline;
}

.cart_page .ec-cartRow .ec-cartRow__amountColumn {
  position: relative;
  width: 8%;
}

.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (max-width: 896px) {
  .cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
    display: none;
  }
}

.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 85%;
  margin: 0 auto;
}
@media screen and (max-width: 896px) {
  .cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpDown {
    width: 70px;
    margin-left: 5%;
    margin-right: auto;
  }
}

.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButtonDisabled {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  border: 2px solid #212121;
  background-color: #212121;
}

.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountUpButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountUpButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountDownButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButtonDisabled .ec-cartRow__amountUpButton__icon img,
.cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButtonDisabled .ec-cartRow__amountDownButton__icon img {
  margin-left: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 60%;
  height: auto;
}

.cart_page .ec-cartRow__delColumn .batsu {
  background-color: #212121;
  display: inline-block;
  padding: 3px 6px;
  color: #fff;
  font-size: 12px;
}

.cart_page .ec-cartRow__delColumn .batsu img {
  width: 8px;
  height: 8px;
  max-height: 100%;
  max-width: 100%;
  vertical-align: baseline;
}

.cart_page .ec-cartRow__delColumn .batsu span {
  padding-left: 3px;
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 1px solid #f2f0f0;
  }
  .cart_page .ec-cartRow .ec-cartRow__contentColumn {
    width: 35%;
  }
	@media screen and (max-width: 896px) {
		 .cart_page .ec-cartRow .ec-cartRow__contentColumn {
			padding-bottom: 0;
		}
	}
  .cart_page .ec-cartRow .ec-cartRow__contentColumn:nth-of-type(2) {
    width: 65%;
  }
  .cart_page .ec-cartRow .ec-cartRow__subtotalColumn,
  .cart_page .ec-cartRow .ec-cartRow__amountColumn,
  .cart_page .ec-cartRow .ec-cartRow__delColumn {
    display: block;
    width: 65%;
    margin-left: auto;
    margin-right: 0;
    text-align: left;
    padding-left: 20px;
  }
  .cart_page .ec-cartRow .ec-cartRow__amountColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
  }
  .cart_page .ec-cartRow .ec-cartRow__delColumn {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .cart_page .ec-cartRow .ec-cartRow__delColumn .batsu {
    padding: 6px 18px;
  }
  .cart_page .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
    display: block;
  }
}

.cart_page .ec-cartRow .ec-cartRow__contentColumn,
.cart_page .ec-cartRow .ec-cartRow__subtotalColumn,
.cart_page .ec-cartRow .ec-cartRow__amountColumn,
.cart_page .ec-cartRow .ec-cartRow__delColumn {
  border-bottom: 1px solid #f2f0f0;
	vertical-align: middle;
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartRow .ec-cartRow__contentColumn,
  .cart_page .ec-cartRow .ec-cartRow__subtotalColumn,
  .cart_page .ec-cartRow .ec-cartRow__amountColumn,
  .cart_page .ec-cartRow .ec-cartRow__delColumn {
    border-bottom: 1px solid #fff;
  }
}

.cart_page .ec-cartRole__actions {
  width: 100%;
  margin-right: 0;
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartRole__actions .borderArea {
    border-top: 1px solid #f2f0f0;
  }
}

.cart_page .ec-cartRole__actions .borderArea .cartRole_Box {
  width: 100%;
  border-bottom: 1px solid #f2f0f0;
  padding: 12px 0;
  padding-right: 9.5%;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #212121;
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartRole__actions .borderArea .cartRole_Box {
    padding-right: 5%;
  }
}

.cart_page .ec-cartRole__actions .borderArea .cartRole_Box.ec-cartRole__total {
  background-color: #eeeeee;
  border-bottom: 1px solid #eeeeee;
  font-size: 18px;
}

.cart_page .ec-cartRole__actions .borderArea .cartRole_Box .ec-cartRole__Title {
  display: inline-block;
}

.cart_page .ec-cartRole__actions .borderArea .cartRole_Box .ec-cartRole__price {
  display: inline-block;
  width: 12%;
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartRole__actions .borderArea .cartRole_Box .ec-cartRole__price {
    width: 30%;
  }
}

.cart_page .ec-cartRole__actions .borderArea .cartRole_Box .ec-cartRole__totalAmount {
  font-size: 18px;
  margin-left: 0;
  width: 12%;
  display: inline-block;
  color: #212121;
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartRole__actions .borderArea .cartRole_Box .ec-cartRole__totalAmount {
    width: 30%;
  }
}

@media screen and (max-width: 568px) {
  .cart_page .ec-cartRole__actions .borderArea .cartRole_Box .ec-cartRole__totalAmount {
    margin-left: 5%;
  }
}

.cart_page .ec-cartRole__actions .cartWrap {
  margin-top: 30px;
  color: #212121;
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartRole__actions .cartWrap {
    width: 65%;
    margin: 0 auto;
    margin-top: 30px;
  }
}

@media screen and (max-width: 568px) {
  .cart_page .ec-cartRole__actions .cartWrap {
    width: 100%;
  }
}

.cart_page .ec-cartRole__actions .cartWrap .cartWrap_text {
  font-size: 14px;
  text-align: center;
  margin-bottom: 15px;
}

.cart_page .ec-cartRole__actions .cartWrap .ec-blockBtn--action {
  width: 43%;
  display: inline-block;
}

@media screen and (max-width: 896px) {
  .cart_page .ec-cartRole__actions .cartWrap .ec-blockBtn--action {
    width: 100%;
  }
}

.cart_page .ec-cartRole__actions .cartWrap .whiteBtn {
  width: 23%;
  margin-top: 0;
  margin-left: 5%;
  margin-right: 0;
  text-align: center;
}
@media screen and (max-width: 896px) {
  .cart_page .ec-cartRole__actions .cartWrap .whiteBtn {
    width: 100%;
    margin-top: 8%;
    margin-left: 0;
  }
}

.cart_page .ec-cartRole__actions .amazonBox {
  width: 43%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #cccccc;
  padding: 20px;
}
@media screen and (max-width: 896px) {
  .cart_page .ec-cartRole__actions .amazonBox {
    width: 65%;
    margin-top: 5%;
  }
}
@media screen and (max-width: 568px) {
  .cart_page .ec-cartRole__actions .amazonBox {
    width: 100%;
    margin-top: 10%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.cart_page .ec-cartRole__actions .amazonBox .imgsize {
  width: 25%;
}
@media screen and (max-width: 568px) {
  .cart_page .ec-cartRole__actions .amazonBox .imgsize {
    width: 55%;
    margin: 0 auto;
  }
}

.cart_page .ec-cartRole__actions .amazonBox .infoP {
  width: 70%;
  font-size: 12px;
  text-align: left;
  color: #212121;
}
@media screen and (max-width: 568px) {
  .cart_page .ec-cartRole__actions .amazonBox .infoP {
    margin-top: 5%;
    width: 100%;
    font-size: 4vw;
  }
}

.cart_page .ec-cartRole__actions .cartinfoText {
  text-align: left;
  color: #212121;
  margin-top: 40px;
  font-size: 14px;
  line-height: 1.8;
}

.ec-layoutRole__header .infoArea .fa-shopping-cart-new .ec-cartNavi__badge {
  display: none;
}
@media screen and (max-width: 568px) {
.cart_matomeText {
    text-align: left!important;
	}
}

.ec-productRole .ec-productRole__description {
    font-size: 12px;
}

.cart_page .ec-cartRow .ec-cartRow__subtotalColumn .custom_options_style{
	margin: 0;
	line-height: 1.5;
	width: 200px;
}
@media screen and (max-width: 896px) {
	.cart_page .ec-cartRow .ec-cartRow__subtotalColumn .custom_options_style{
		padding: 0 .3em;
		background: #f6f6f6;
		text-indent: .5em;
		line-height: 1.8;
		width: auto;
	}
}
.cart_page .ec-cartRow .ec-cartRow__subtotalColumn .custom_price_style{
	display: block;
	line-height: 1.6;
}
@media screen and (max-width: 896px) {
	.cart_page .ec-cartRow .ec-cartRow__subtotalColumn .custom_price_style{
		display: inline-block;
	}
}
.cart_page .ec-cartRole__actions .smartpay-cart{
	margin: 50px auto;
}
.cart_page .ec-cartRole__actions .smartpay-osm-payment-method ._smartpay_t7N2S{
	margin: auto;
	text-align: center;
}
@media screen and (max-width: 896px) {
	.cart_page .ec-cartRole__actions .smartpay-cart{
		margin: 40px auto;
	}
}
	
/* cart END */

/* review page */
.review_page .underlayer_review {
  background-color: #fff;
  padding: 0;
  margin-top: 40px;
}

.review_page .underlayer_review .reviewBox {
	width: 90%;
  padding: 40px 0;
	margin: auto;
}
@media screen and (max-width: 896px) {
  .review_page .underlayer_review .reviewBox {
		width: 100%;
  }
}
@media screen and (max-width: 568px) {
  .review_page .underlayer_review .reviewBox {
		width: 100%;
    padding: 40px 0 0;
  }
}

.review_page .underlayer_review .reviewBox .reviewBox_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.review_page .underlayer_review .reviewBox .reviewBox_flex .textArea {
  width: 73%;
}

@media screen and (max-width: 568px) {
  .review_page .underlayer_review .reviewBox .reviewBox_flex .textArea {
    width: 100%;
  }
}

.review_page .underlayer_review .reviewBox .reviewBox_flex .imgBox {
  width: 23%;
}

@media screen and (max-width: 568px) {
  .review_page .underlayer_review .reviewBox .reviewBox_flex .imgBox {
    width: 90%;
    margin: 10px auto 0;
  }
}
/* review page END */

.other_page .ec-contactRole {
  padding-left: 0;
  padding-right: 0;
  max-width: 1150px;
}
@media screen and (max-width: 896px) {
  .other_page .ec-contactRole {
    max-width: 100%;
    width: 100%;
		margin-top: 30px;
  }
}

.other_page .ec-off1Grid .ec-off1Grid__cell {
  width: 92%;
  margin: 0 auto;
}

/* contact */
.ec-contactRole {
  margin-bottom: 60px;
  margin-top: 60px;
}

.ec-contactRole.confirm .ec-borderedDefs dt {
  padding-top: 15px;
}

@media screen and (max-width: 896px) {
  .ec-contactRole .titleArea {
    margin-bottom: 30px;
  }
}
.ec-contactRole td a {
	font-size: 14px;
	vertical-align: middle;
  text-decoration: underline!important;
}
@media screen and (max-width: 568px) {
	.ec-contactRole td a {
		font-size: 3.4vw;
	}
}

.ec-contactRole .red {
  color: #e00006;
}

.ec-contactRole .ec-para-lead {
  font-size: 15px;
	line-height: 1.6;
	margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
	.ec-contactRole .ec-para-lead {
		font-size: 3.8vw;
	}
}
.ec-contactRole .ec-para-lead a{
  border: 1px solid #ccc;
	padding: 10px;
}
@media screen and (max-width: 568px) {
	.ec-contactRole .ec-para-lead a {
		font-size: 3.8vw;
	}
}
.ec-contactRole .ec-para-lead .whiteBtnArea {
	display: block;
	float: right;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 896px) {
	.ec-contactRole .ec-para-lead .whiteBtnArea {
		display: block;
		float: none;
		margin: 10px 0 0;
	}
}
.ec-contactRole .ec-para-lead .whiteBtnArea .whiteBtn {
  margin: 0;
}
@media screen and (max-width: 568px) {
	.ec-contactRole .ec-para-lead .whiteBtnArea .whiteBtn {
		margin: 0;
	}
}

.ec-contactRole .ec-para-normal {
  font-size: 13px;
}

.ec-contactRole .ec-borderedDefs {
  border-top: 1px solid #ccc;
}

.ec-contactRole .ec-borderedDefs.contactTable {
  margin-bottom: 50px;
}

.ec-contactRole .ec-borderedDefs dl,
.ec-contactRole .ec-borderedDefs tr {
  border-bottom: 1px solid #ccc;
  padding: 0;
}

.ec-contactRole .ec-borderedDefs dt,
.ec-contactRole .ec-borderedDefs th {
  padding-top: 25px;
  width: 20%;
  background-color: #eeeeee;
  padding-left: 15px;
  font-size: 14px;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 896px) {
  .ec-contactRole .ec-borderedDefs dt,
  .ec-contactRole .ec-borderedDefs th {
    width: 35%;
  }
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs dt,
  .ec-contactRole .ec-borderedDefs th {
    width: 100%;
    padding: 13px 15px;
    line-height: 1;
  }
}

.ec-contactRole .ec-borderedDefs dt .ec-required,
.ec-contactRole .ec-borderedDefs th .ec-required {
  color: #e00006;
	margin-left: 0;
	font-size: 14px;
}

.ec-contactRole .ec-borderedDefs th {
  padding-top: 0;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs th {
    padding-top: 13px;
    display: block;
  }
}

.ec-contactRole .ec-borderedDefs dd,
.ec-contactRole .ec-borderedDefs td {
  width: 77%;
  line-height: unset;
  margin-left: 3%;
  padding: 15px 0;
}
@media screen and (max-width: 896px) {
  .ec-contactRole .ec-borderedDefs dd,
  .ec-contactRole .ec-borderedDefs td {
    width: 62%;
  }
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs dd,
  .ec-contactRole .ec-borderedDefs td {
    width: 100%;
		font-size: 3.8vw;
    margin-left: 0;
  }
}

.ec-contactRole .ec-borderedDefs dd .ec-halfInput input[type="text"],
.ec-contactRole .ec-borderedDefs dd.ec-halfInput input[type="text"],
.ec-contactRole .ec-borderedDefs td .ec-halfInput input[type="text"],
.ec-contactRole .ec-borderedDefs td.ec-halfInput input[type="text"] {
  width: 30%;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs dd .ec-halfInput input[type="text"],
  .ec-contactRole .ec-borderedDefs dd.ec-halfInput input[type="text"],
  .ec-contactRole .ec-borderedDefs td .ec-halfInput input[type="text"],
  .ec-contactRole .ec-borderedDefs td.ec-halfInput input[type="text"] {
    width: 48%;
  }
}

.ec-contactRole .ec-borderedDefs dd input[type="email"],
.ec-contactRole .ec-borderedDefs td input[type="email"] {
  width: 62.5%;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs dd input[type="email"],
  .ec-contactRole .ec-borderedDefs td input[type="email"] {
    width: 100%;
  }
}

.ec-contactRole .ec-borderedDefs dd input,
.ec-contactRole .ec-borderedDefs dd select,
.ec-contactRole .ec-borderedDefs td input,
.ec-contactRole .ec-borderedDefs td select {
  margin-bottom: 0;
  border-radius: 0;
}

.ec-contactRole .ec-borderedDefs dd .ec-select,
.ec-contactRole .ec-borderedDefs td .ec-select {
  margin-bottom: 0;
}

.ec-contactRole .ec-borderedDefs dd .ec-telInput input,
.ec-contactRole .ec-borderedDefs td .ec-telInput input {
  width: 25%;
  max-width: unset;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs dd .ec-telInput input,
  .ec-contactRole .ec-borderedDefs td .ec-telInput input {
    width: 100%;
  }
}

.ec-contactRole .ec-borderedDefs dd .optionArea select, .ec-contactRole .ec-borderedDefs dd.optionArea select,
.ec-contactRole .ec-borderedDefs td .optionArea select,
.ec-contactRole .ec-borderedDefs td.optionArea select {
  padding: 0px 13px;
  width: auto;
  width: 25%;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs dd .optionArea select, .ec-contactRole .ec-borderedDefs dd.optionArea select,
  .ec-contactRole .ec-borderedDefs td .optionArea select,
  .ec-contactRole .ec-borderedDefs td.optionArea select {
    width: 100%;
  }
}

.ec-contactRole .ec-borderedDefs td {
  padding-left: 3%;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs td {
    padding-left: 0;
    display: block;
  }
}

.ec-contactRole .ec-borderedDefs td .inquiry {
  margin-right: 20px;
}

.ec-contactRole .ec-borderedDefs td.ec-halfInput input[type="text"] {
  margin-left: 0;
}
@media screen and (max-width: 568px) {
	.ec-contactRole .ec-borderedDefs td.ec-halfInput input[type="text"] {
    width: 100%;
  }
}

.ec-contactRole .ec-borderedDefs td.ec-telInput input {
  display: inline-block;
  margin-right: 6px;
}

.ec-contactRole .ec-borderedDefs td .agreelabel {
  margin-right: 10px;
}

.ec-contactRole .ec-borderedDefs td.mailzone input {
  width: 55%;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs td.mailzone input {
    width: 100%;
  }
}


.ec-contactRole .ec-borderedDefs td.ec-radio label {
  margin: 0 10px 0 0;
	font-weight: 500;
	line-height: 1.6;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs td.ec-radio label {
		font-size: 3.4vw;
		line-height: 1.8;
	}
}

.ec-contactRole .ec-borderedDefs td.ec-radio input[type="radio"] {
  margin: 0 5px 0 0;
	border-radius: 50%;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs td.ec-radio input[type="radio"]{
  }
}

.ec-contactRole .ec-borderedDefs td.ec-input textarea{
		width: 80%;
		font-family: inherit;
 }
@media screen and (max-width: 568px) {
  .ec-contactRole .ec-borderedDefs td.ec-input textarea{
		width: 100%;
		font-size: 3.6vw;
  }
}

.ec-contactRole .ec-borderedDefs td.ec-halfInput span,
.ec-contactRole .ec-borderedDefs td.ec-input span{
	display: block;
	margin-top: 5px;
	line-height: 1.5;
}


/*@media screen and (max-width: 896px) {
	.ec-contactRole .ec-borderedDefs select,input[type="text"],input[type="search"],input[type="tel"],input[type="email"] {
		font-size: 16px;
		transform: scale(0.9);
	}
}*/


.ec-contactRole .privacyArea {
  margin-top: 60px;
}

.ec-contactRole .privacyArea .privacyArea_title {
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .privacyArea .privacyArea_title {
    font-size: 4.5vw;
  }
}

.ec-contactRole .privacyArea .privacyArea_Box {
  background-color: #f1f1f1;
  padding: 30px;
  height: 200px;
  overflow: scroll;
  font-size: 14px;
  color: #888888;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .privacyArea .privacyArea_Box {
    padding: 7%;
    height: 250px;
    font-size: 4vw;
  }
}

.ec-contactRole .privacyArea .privacyArea_Box .big {
  font-weight: 600;
  font-size: 15px;
}
@media screen and (max-width: 568px) {
  .ec-contactRole .privacyArea .privacyArea_Box .big {
    font-size: 4.3vw;
  }
}

.ec-contactRole .privacyArea .ECM_CheckboxInput {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

@media screen and (max-width: 568px) {
  .ec-contactRole .privacyArea .ECM_CheckboxInput-LabelText {
    font-size: 4.5vw;
  }
}

.ec-contactRole .ec-blockBtn--action.contactB {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
}

.ec-contactRole .ec-blockBtn--cancel {
  margin-top: 20px;
}

.ec-contactRole .ec-RegisterRole__actions {
  margin-top: 60px;
}

@media screen and (max-width: 568px) {
  .ec-contactRole .ec-reportHeading h2 {
    font-size: 6.5vw;
    line-height: 1.6;
  }
}

.contact_all {
  /*width: 1000px;*/
  margin: 0 auto;
  margin-top: 60px;
}

@media screen and (max-width: 896px) {
  .contact_all {
    width: 98%;
    margin-top: 40px;
  }
}

.contact_all .contact_all_info {
  font-size: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 568px) {
  .contact_all .contact_all_info {
    font-size: 3.5vw;
  }
}

.contact_all .contact_all_Box {
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
	.contact_all .contact_all_Box {
		margin: 30px auto 40px;;
	}
}
.contact_all .line_title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #282828;
  color: #212121;
}

@media screen and (max-width: 568px) {
  .contact_all .line_title {
    font-size: 4.8vw;
    line-height: 1.5;
		padding-bottom: 5px;
  }
}

.contact_all .contact_all_Box_flex {
	width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 50px auto;
}
@media screen and (max-width: 896px) {
	.contact_all .contact_all_Box_flex {
		width: 100%;
		margin: 20px auto;
	}
}
.contact_all .contact_all_Box_flex .flexBox {
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 568px) {
  .contact_all .contact_all_Box_flex .flexBox {
    width: 100%;
  }
}
@media screen and (max-width: 568px) {
	.contact_all .contact_all_Box_flex .flexBox:nth-of-type(2) {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px dotted #666;
	}
}
.contact_all .contact_all_Box_flex .flexBox .icon {
  width: 40px;
}
@media screen and (max-width: 568px) {
	.contact_all .contact_all_Box_flex .flexBox .icon {
		width: 40px;
		vertical-align: middle;
		margin-right: .5em;
	}
}
.contact_all .contact_all_Box_flex .flexBox .flexBox_title {
  font-size: 17px;
  margin: 30px 0 18px;
  color: #212121;
}
@media screen and (max-width: 568px) {
	.contact_all .contact_all_Box_flex .flexBox .flexBox_title {
		display: inline-block;
		vertical-align: middle;
		font-size: 4.5vw;
		margin: 20px auto;
	}
}
.contact_all .contact_all_Box_flex .flexBox .whiteBtnArea {
  text-align: center;
}

.contact_all .contact_all_Box_flex .flexBox .whiteBtnArea .whiteBtn {
  padding: 15px 30px;
  margin-top: 5px;
}
@media screen and (max-width: 896px) {
	.contact_all .contact_all_Box_flex .flexBox .whiteBtnArea .whiteBtn {
		padding: 10px 20px;
		margin-top: 0;
	}
}

.contact_all .contact_all_Box_flex .telFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*width: 365px;*/
  margin: 20px auto 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 568px) {
  .contact_all .contact_all_Box_flex .telFlex {
    width: 96%;
		margin-top: 0;
  }
}

.contact_all .contact_all_Box_flex .telFlex .freeImg {
  width: 15%;
	margin-right: 1%;
  padding-top: 25px;
}
@media screen and (max-width: 896px) {
	.contact_all .contact_all_Box_flex .telFlex .freeImg {
		padding-top: 10px;
	}
}
@media screen and (max-width: 568px) {
	.contact_all .contact_all_Box_flex .telFlex .freeImg {
		padding-top: 25px;
	}
}

.contact_all .contact_all_Box_flex .innersize {
  width: 60%;
}
@media screen and (max-width: 896px) {
  .contact_all .contact_all_Box_flex .innersize {
    width: 83%;
  }
}

/*.contact_all .contact_all_Box_flex .innersize.tel {
  text-align: right;
}*/

.contact_all .contact_all_Box_flex .innersize .telllink {
  font-size: 33px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #222222;
  text-decoration: none;
  /*padding-right: 8px;*/
}
@media screen and (max-width: 896px) {
  .contact_all .contact_all_Box_flex .innersize .telllink {
    font-size: 28px;
  }
}
@media screen and (max-width: 568px) {
  .contact_all .contact_all_Box_flex .innersize .telllink {
    font-size: 8.5vw;
  }
}

.contact_all .contact_all_Box_flex .innersize .telllink ruby > rt {
  font-size: 35%;
}

.contact_all .contact_all_Box_flex .innersize .receptionTime {
  font-size: 14px;
	line-height: 1.6;
  color: #8d8d8d;
  margin-top: 4px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 568px) {
  .contact_all .contact_all_Box_flex .innersize .receptionTime {
    font-size: 3.4vw;
  }
	.contact_all .contact_all_Box_flex .innersize .receptionTime .red{
    letter-spacing: .05em;
  }
}

.contact_all .contact_all_Box_flex .telFlex p.tel_txt {
  font-size: 13px;
	line-height: 1.6;
	padding: 1em;
	/*border: 1px solid #e0e0e0;*/
	background: #f6f6f6;
}
@media screen and (max-width: 896px) {
	.contact_all .contact_all_Box_flex .telFlex p.tel_txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 568px) {
	.contact_all .contact_all_Box_flex .telFlex p.tel_txt {
    font-size: 3.2vw;
		text-align: left;
  }
}

.contact_all .contact_all_Box_info {
	width: 75%;
  font-size: 14px;
  line-height: 1.8;
  margin: 40px auto;
}
@media screen and (max-width: 896px) {
	 .contact_all .contact_all_Box_info {
		width: 100%;
	}
}
@media screen and (max-width: 568px) {
  .contact_all .contact_all_Box_info {
		width: 100%;
    font-size: 3.4vw;
		line-height: 1.6;
  }
}

@media screen and (max-width: 568px) {
  .contact_all .shopArea {
    width: 100%;
    margin-top: 20px;
  }
}

.contact_all .shopArea .shopArea_flex .shopArea_Box .textArea .shopArea_title {
  color: #212121;
}

.contact_all .shopArea .shopArea_flex .shopArea_Box .textArea .shopArea_info {
  font-size: 13px;
  color: #212121;
  line-height: 1.6;
	min-height: 5em;
}
@media screen and (max-width: 568px) {
	.contact_all .shopArea .shopArea_flex .shopArea_Box .textArea .shopArea_info {
		font-size: 3.4vw;
		min-height: inherit;
	}
}

.contact_all .shoplist .shopArea_flex .shopArea_Box {
  padding-bottom: 60px;
}
@media screen and (max-width: 896px) {
  .contact_all .shoplist .shopArea_flex .shopArea_Box {
    padding-bottom: 0;
		margin: 0 auto 40px;
  }
}

.contact_all .shopArea .shopArea_flex .shopArea_Box .whiteBtn {
	width: 90%;
  padding: 8px 20px;
	margin: 5px auto 0;
}

@media screen and (max-width: 896px) {
  .contact_all .shopArea .shopArea_flex .shopArea_Box .whiteBtn {
    padding: 10px 15px;
		margin: 10px auto 0;
  }
}

.contact_all .shopArea .shopArea_flex .shopArea_Box .whiteBtn .text {
 	font-size: 13px;
}
@media screen and (max-width: 568px) {
  .contact_all .shopArea .shopArea_flex .shopArea_Box .whiteBtn .text {
		font-size: 3.4vw;
		letter-spacing: .1em;
	}
}

/*contact_newyear*/
.contact_all .contact_all_Box .contact_newyear {
	width: 75%;
	font-size: 14px;
  margin: 50px auto 0;
	line-height: 1.5;
	border: 1px solid #666;
	padding: 20px;
}
.contact_all .contact_all_Box .contact_newyear h3{
  font-size: 16px;
	font-weight: 600;
	margin: 10px 0 20px;
}
.contact_all .contact_all_Box .contact_newyear p.date{
	display: inline-block;
	font-size: 16px;
 /* border: 1px solid #000;*/
	background: #f6f6f6;
	padding: 10px;
	margin: 0 auto 20px;
	text-align: left;
}
@media screen and (max-width: 896px) {
	.contact_all .contact_all_Box .contact_newyear {
		width: 100%;
		font-size: 14px;
		padding: 15px;
	}
	.contact_all .contact_all_Box .contact_newyear p.date{
		font-size: 15px;
	}
}
@media screen and (max-width: 568px) {
	.contact_all .contact_all_Box .contact_newyear {
		font-size: 3.4vw;
		text-align: center;
	}
	.contact_all .contact_all_Box .contact_newyear h3{
		font-size: 4vw;
		text-align: center;
	}
	.contact_all .contact_all_Box .contact_newyear p.date{
		display: block;
		width: 96%;
		font-size: 3.8vw;
		text-align: center;
	}
	.contact_all .contact_all_Box .contact_newyear p{
		font-size: 3.4vw;
		text-align: left;
	}
}

/* delivery */
.shippingArea .whiteBtnArea {
  text-align: left;
	margin-top: 20px;
}
@media screen and (max-width: 568px) {
	.shippingArea .whiteBtnArea {
		width: 80%;
		text-align: center;
		margin: 20px auto 0;
	}
	.shippingArea .whiteBtnArea .txt {
		font-size: 3.0vw;
	}
}
.shippingArea .whiteBtnArea .whiteBtn {
  padding: 8px 20px;
  margin-top: 0;
}

@media screen and (max-width: 568px) {
  .shippingArea .whiteBtnArea .whiteBtn {
    padding: 5px 10px;
  }
	 .shippingArea .whiteBtnArea .whiteBtn .text {
		font-size: 3.0vw;
  }
}

.shippingArea .shippingArea_imgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

@media screen and (max-width: 568px) {
  .shippingArea .shippingArea_imgBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.shippingArea .shippingArea_imgBox .imgsize {
  width: 60%;
  margin: 0 2%;
  text-align: center;
}

@media screen and (max-width: 568px) {
  .shippingArea .shippingArea_imgBox .imgsize {
    width: 90%;
    margin-bottom: 5%;
  }
}

.shippingArea .shippingArea_imgBox.imgbottom {
  margin-bottom: 40px;
}
@media screen and (max-width: 896px) {
	.shippingArea .shippingArea_imgBox.imgbottom {
		margin-bottom: 20px;
	}
}

.shippingArea .shippingArea_imgBox.imgbottom .bold {
  /*text-decoration: underline;*/
  color: #212121;
}

.shippingArea .shippingArea_imgBox.imgbottom .bold:hover {
  text-decoration: none;
}

.shippingArea .haisou_option {
  padding: 30px;
  padding-top: 50px;
}
.shippingArea #rakuraku_table {
  padding: 80px 0 0;
  margin-top: -80px;
}
@media screen and (max-width: 896px) {
  .shippingArea .haisou_option {
    padding: 0;
  }
}

.shippingArea .haisou_option .haisou_option_title {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  margin-top: 40px;
}

@media screen and (max-width: 568px) {
  .shippingArea .haisou_option .haisou_option_title {
    font-size: 4.0vw;
		padding-bottom: 5px;
  	margin-bottom: 10px;
  }
}

.shippingArea .haisou_option .haisou_option_info {
  font-size: 15px;
}

@media screen and (max-width: 568px) {
  .shippingArea .haisou_option .haisou_option_info {
    font-size: 3.6vw;
  }
}

.shippingArea .haisou_option .haisou_option_subinfo {
  font-size: 14px;
	margin: 20px 0 10px;
}
@media screen and (max-width: 896px) {
  .shippingArea .haisou_option .haisou_option_subinfo {
    font-size: 14px;
		margin: 20px auto 10px;
  }
}
@media screen and (max-width: 568px) {
  .shippingArea .haisou_option .haisou_option_subinfo {
    font-size: 3.6vw;
  }
}

.shippingArea .haisou_option .haisou_option_table {
  /*padding: 20px;*/
  margin: 30px auto;
}

.shippingArea .haisou_option .haisou_option_table .haisou_option_tableTitle {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 568px) {
  .shippingArea .haisou_option .haisou_option_table .haisou_option_tableTitle {
    font-size: 4.0vw;
		margin-bottom: 10px;
  }
}

.shippingArea .haisou_option .haisou_option_table table {
  width: 100%;
}

.shippingArea .haisou_option .haisou_option_table table th {
  padding: 10px 20px;
  font-size: 15px;
  border: 1px solid #cccccc;
  line-height: 1.6;
}

@media screen and (max-width: 896px) {
  .shippingArea .haisou_option .haisou_option_table table th {
    width: 60%;
		padding: 10px;
		text-align: center;
  }
}

@media screen and (max-width: 568px) {
  .shippingArea .haisou_option .haisou_option_table table th {
    font-size: 3.4vw;
  }
}

.shippingArea .haisou_option .haisou_option_table table th:first-of-type {
  width: 15%;
	text-align: center;
}

@media screen and (max-width: 896px) {
  .shippingArea .haisou_option .haisou_option_table table th:first-of-type {
    width: 25%;
  }
}

.shippingArea .haisou_option .haisou_option_table table th.black {
  background-color: #212121;
  color: #fff;
  font-weight: 600;
}

.shippingArea .haisou_option .haisou_option_table table th.gray {
  background-color: #eeeeee;
}

.shippingArea .haisou_option .haisou_option_table table td {
  padding: 10px 20px;
  font-size: 15px;
  border: 1px solid #cccccc;
  line-height: 1.4;
}
@media screen and (max-width: 896px) {
  .shippingArea .haisou_option .haisou_option_table table td {
    font-size: 14px;
		padding: 10px;
  }
}
@media screen and (max-width: 568px) {
  .shippingArea .haisou_option .haisou_option_table table td {
    font-size: 3.4vw;
		padding: 10px;
  }
}

.shippingArea .haisou_option .graybox {
  background-color: #eeeeee;
  padding: 20px 30px;
  line-height: 1.5;
  font-size: 15px;
  margin-top: 10px;
}

@media screen and (max-width: 896px) {
  .shippingArea .haisou_option .graybox {
    word-break: break-all;
		padding: 15px;
  }
}

@media screen and (max-width: 568px) {
  .shippingArea .haisou_option .graybox {
    font-size: 3.6vw;
  }
}

.shippingArea .haisou_option .bold {
  font-weight: 600;
}
/* delivery END */

.grayTable {
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 568px) {
	.grayTable {
		margin: 0;
	}
}
.grayTable tr {
  border-bottom: 1px solid #ccc;
}

.grayTable tr th {
  background-color: #eeeeee;
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px;
  font-size: 15px;
  text-align: center;
}

@media screen and (max-width: 568px) {
  .grayTable tr th {
    padding: 2%;
    font-size: 3.4vw;
    line-height: 1.3;
  }
}

.grayTable tr td {
  width: 80%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px;
  font-size: 15px;
	line-height: 1.5;
  padding-left: 5%;
}
@media screen and (max-width: 568px) {
  .grayTable tr td {
    padding: 3% 2%;
    line-height: 1.5;
    font-size: 3.2vw;
  }
}

.grayTable tr td .whiteBtnArea {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}
@media screen and (max-width: 568px) {
  .grayTable tr td .whiteBtnArea {
		width: 90%;
    margin-left: 0;
    display: block;
    margin-top: 5px;
  }
}

.grayTable tr td .whiteBtnArea .whiteBtn {
  margin-top: 0;
  padding: 5px 20px;
}
.grayTable tr td .whiteBtnArea .whiteBtn .txt {
  font-size: 13px;
}
@media screen and (max-width: 568px) {
	.grayTable tr td .whiteBtnArea .whiteBtn {
		margin-top: 0;
		padding: 5px 10px;
	}
  .grayTable tr td .whiteBtnArea .whiteBtn .text {
    font-size: 3vw;
		line-height: 1.2;
  }
}

.grayTable tr td .line {
  text-decoration: underline;
}

.grayTable tr td .line:hover {
  text-decoration: none;
}

.guide_mailorderlaw .titleArea .title_en {
  line-height: 1.2;
}

.guide_mailorderlaw .grayTable tr td .whiteBtnArea.nomargin {
  margin-left: 0;
}

/* carry */
.carry {
  color: #212121;
}

.guideArea .carry .afterBox .carry_grayBox_title {
  font-size: 20px;
  text-align: center;
  margin: 0 auto 10px;
}
@media screen and (max-width: 896px) {
.guideArea .carry .afterBox .carry_grayBox_title {
	font-size: 18px;
  }
}
@media screen and (max-width: 568px) {
.guideArea .carry .afterBox .carry_grayBox_title {
	font-size: 3.8vw;
  }
}

.carry .carry_grayBox {
  background-color: #eeeeee;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 896px) {
  .carry .carry_grayBox {
    padding: 3% 2%;
  }
}
@media screen and (max-width: 568px) {
  .carry .carry_grayBox {
    padding: 5% 3% 5%;
  }
}

.carry .carry_grayBox .imgFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.carry .carry_grayBox .imgFlex .imgBox {
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}
@media screen and (max-width: 896px) {
  .carry .carry_grayBox .imgFlex .imgBox {
    padding: 0 5px;
  }
}
@media screen and (max-width: 568px) {
  .carry .carry_grayBox .imgFlex .imgBox {
    width: 50%;
    margin-bottom: 20px;
  }
}

.carry .carry_grayBox .imgFlex .imgBox p {
  margin-top: 20px;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 896px) {
  .carry .carry_grayBox .imgFlex .imgBox p {
		font-size: 12px;
    line-height: 1.3;
		margin: 10px 0 0;
  }
}

.carry .orange {
  color: #ff0000;
 /* text-decoration: underline;
  font-weight: 600;*/
}
.underline {
    background: linear-gradient(transparent 60%, #ffffa4 0%);
}
.carry .linkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
	margin-top: 20px;
}

.carry .linkBox .linkBox_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F3F4F7;
  width: 31%;
}

@media screen and (max-width: 568px) {
  .carry .linkBox .linkBox_link {
    width: 100%;
    margin-bottom: 5%;
  }
}

.carry .linkBox .linkBox_link .imgBox {
  width: 20%;
}
@media screen and (max-width: 568px) {
	.carry .linkBox .linkBox_link .imgBox {
		width: 14%;
	}
}
.carry .linkBox .linkBox_link .textBox span {
	display: block;
  /*color: #fff;*/
  font-size: 17px;
	font-weight: 600;
	text-decoration: underline;
	margin-bottom: 10px;
}
.carry .linkBox .linkBox_link .textBox{
	width: 86%;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7%;
  /*background-image: url("../img/guide/carry/arrow_double.png");
  background-repeat: no-repeat;
  background-position: bottom right 7%;
  background-size: 15px;*/
}
@media screen and (max-width: 896px) {
  .carry .linkBox .linkBox_link .textBox span {
    font-size: 14px;
  }
	.carry .linkBox .linkBox_link .textBox{
		font-size: 12px;
		padding: 5%;
	}
}

@media screen and (max-width: 568px) {
  .carry .linkBox .linkBox_link .textBox span {
    font-size: 4vw;
    line-height: 1.5;
  }
	.carry .linkBox .linkBox_link .textBox{
		font-size: 3.6vw;
	}
}

.carry .carryContents {
  padding-top: 100px;
}
@media screen and (max-width: 896px) {
	.carry .carryContents {
		padding-top: 20px;
	}
}
@media screen and (max-width: 568px) {
	.carry .carryContents {
		padding-top: 20px;
	}
}
.carry .carryContents .carryTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	}

@media screen and (max-width: 568px) {
  .carry .carryContents .carryTitle {
    display: block;
    text-align: center;
  }
}

.carry .carryContents .carryTitle .imgBox {
  width: 40px;
}
@media screen and (max-width: 896px) {
	.carry .carryContents .carryTitle .imgBox {
		width: 30px;
	}
}
@media screen and (max-width: 568px) {
  .carry .carryContents .carryTitle .imgBox {
    margin: 0 auto 20px;
  }
}

.carry .carryContents .carryTitle .carryTitle_text {
  font-size: 35px;
  letter-spacing: 0.05em;
  margin-left: 20px;
  line-height: 0.8;
  color: #555555;
}
@media screen and (max-width: 896px) {
	.carry .carryContents .carryTitle .carryTitle_text {
		 font-size: 24px;
	}	
}
@media screen and (max-width: 568px) {
  .carry .carryContents .carryTitle .carryTitle_text {
    font-size: 4vw;
    margin-left: 0;
  }
}

.carry .carryContents .carryContents_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 50px 0;
}
@media screen and (max-width: 896px) {
  .carry .carryContents .carryContents_flex {
		margin: 0 0 30px;
	}
}
@media screen and (max-width: 568px) {
  .carry .carryContents .carryContents_flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
		margin: 20px 0;
  }
}

.carry .carryContents .carryContents_flex .imgsize {
  width: 48%;
}

@media screen and (max-width: 568px) {
  .carry .carryContents .carryContents_flex .imgsize {
    width: 100%;
    margin-bottom: 5%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.carry .carryContents .carryContents_flex .textBox {
  width: 48%;
}

@media screen and (max-width: 568px) {
  .carry .carryContents .carryContents_flex .textBox {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
		margin: 0 auto ;
  }
}

.carry .carryContents .carryContents_flex .textBox .checkBox .checkIcon {
  width: 20px;
  margin-right: 15px;
}

.carry .carryContents .carryContents_flex .textBox .checkBox .checkP:before {
    content: "";
    background: url(/html/template/default/assets/img/guide/carry/icon_check.jpg) no-repeat left center;
    background-size: contain;
    padding: 0 13px;
    margin-right: .3em;
}
@media screen and (max-width: 568px) {
	.carry .carryContents .carryContents_flex .textBox .checkBox .checkP:before {
			content: "";
			padding: 0 8px;
	}
}
.carry .carryContents .carryContents_flex .textBox .checkBox .checkP {
  font-size: 18px;
	margin: 0 0 5px;
}
@media screen and (max-width: 896px) {
	.carry .carryContents .carryContents_flex .textBox .checkBox .checkP {
		font-size: 14px;
	}
}

.carry .carryContents .carryContents_flex .textBox .small {
  font-size: 14px;
}

.carry .carryContents .carryContents_flex .textBox .point3Text {
  font-size: 16px;
  /*line-height: 1.8;*/
	margin-bottom: 10px;
}
@media screen and (max-width: 896px) {
	.carry .carryContents .carryContents_flex .textBox .point3Text {
		font-size: 14px;
	}
}
.carry .carryContents .carryContents_flex .textBox .point3Text .big {
  font-size: 22px;
  font-weight: 500;
}

@media screen and (max-width: 568px) {
  .carry .carryContents .carryContents_flex .textBox .point3Text .big {
    font-size: 4.3vw;
  }
}

.carry .carryContents .carryContents_flex .textBox .point3Text .big.english {
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
}

@media screen and (max-width: 568px) {
  .carry .carryContents .carryContents_flex .textBox .point3Text .big.english {
    font-size: 8vw;
  }
}

.carry .point1ImgBox {
	width: 90%;
  border: 1px solid #ccc;
  padding: 20px;
  margin: 40px auto 80px;

}
@media screen and (max-width: 896px) {
  .carry .point1ImgBox {
		width: 100%;
    padding: 2%;
		margin: 40px auto;
  }
}
@media screen and (max-width: 568px) {
  .carry .point1ImgBox {
    padding: 5%;
		margin: 0 auto 30px;
  }
}

.carry .point1ImgBox .imgsize {
  margin-top: 30px;
}

.carry .point1ImgBox .point2ImgBoxWrap {
  width:90%;
  margin: 0 auto;
}
@media screen and (max-width: 896px) {
  .carry .point1ImgBox .point2ImgBoxWrap {
    width:100%;
  }
}
@media screen and (max-width: 568px) {
  .carry .point1ImgBox .point2ImgBoxWrap {
    width: 100%;
  }
}

.carry .point1ImgBox .point2ImgBoxWrap .point2Flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.carry .point1ImgBox .point2ImgBoxWrap .point2Flex:first-of-type {
  border-bottom: 1px solid #cccccc;
}

.carry .point1ImgBox .point2ImgBoxWrap .point2Flex.noBorder {
  border-bottom: 1px solid #fff !important;
  padding: 0;
}

.carry .point1ImgBox .point2ImgBoxWrap .point2Flex .imgsize {
  width: 80px;
  margin-right: 3%;
  margin-top: 0px;
}

@media screen and (max-width: 568px) {
  .carry .point1ImgBox .point2ImgBoxWrap .point2Flex .imgsize {
    width: 20%;
    margin-right: 7%;
  }
}

.carry .point1ImgBox .point2ImgBoxWrap .point2Flex .point2Text {
  width: 100%;
  font-size: 16px;
  line-height: 1.6;
	margin: 0;
}
@media screen and (max-width: 896px) {
  .carry .point1ImgBox .point2ImgBoxWrap .point2Flex .point2Text {
    font-size: 14px;
  }
}
@media screen and (max-width: 568px) {
  .carry .point1ImgBox .point2ImgBoxWrap .point2Flex .point2Text {
    width: 80%;
    font-size: 3.4vw;
  }
}

.guideArea .carry .afterBox .grayTitle {
  background-color: #eeeeee;
  padding: 10px 0;
  margin: 0;
  margin-bottom: 30px;
  margin-top: 60px;
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 896px) {
	.guideArea .carry .afterBox .grayTitle {
		margin: 30px auto 30px;
		font-size: 16px;
	}
}
.carry .point3_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carry .otherTitle {
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
 /* font-weight: 600;*/
  margin-top: 60px;
}
@media screen and (max-width: 896px) {
  .carry .otherTitle {
    font-size: 16px;
		margin: 0 auto 30px;
  }
}
@media screen and (max-width: 568px) {
  .carry .otherTitle {
    font-size: 3.8vw;
		text-align: left;
		margin-top: 20px;
  }
}

.carry .checkPointArea {
  background-color: #eeeeee;
  padding: 40px;
  margin-top: 40px;
}

@media screen and (max-width: 568px) {
  .carry .checkPointArea {
    padding: 7%;
		margin: 0 auto;
  }
}

.carry .checkPointArea .imgsize {
  width: 90%;
  margin: 0 auto;
}

@media screen and (max-width: 568px) {
  .carry .checkPointArea .imgsize {
    width: 100%;
  }
}

.carry .checkPointArea_title {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 568px) {
	.carry .checkPointArea_title {
		margin-bottom: 20px;
	}
}
.carry .checkPointArea_title .checkPointArea_title_en {
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 568px) {
  .carry .checkPointArea_title .checkPointArea_title_en {
    font-size: 6vw;
  }
}

.carry .checkPointArea_title .checkPointArea_title_jp {
  font-size: 14px;
}

@media screen and (max-width: 568px) {
  .carry .checkPointArea_title .checkPointArea_title_jp {
    font-size: 3.8vw;
  }
}

.carry .contactArea {
	padding-top: 80px;
  margin-top: -20px;
}

@media screen and (max-width: 568px) {
  .carry .contactArea {
    padding-top: 80px!important;
  	margin-top: -30px!important;
  }
}

.carry .contactArea .contactArea_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.carry .contactArea .contactArea_flex .textBox {
  width: 48%;
  font-size: 16px;
  line-height: 1.6;
}

@media screen and (max-width: 568px) {
  .carry .contactArea .contactArea_flex .textBox {
    width: 100%;
    font-size: 3.4vw;
		margin: 0 0 20px;
  }
  .carry .contactArea .contactArea_flex .textBox br{
    display: none;
  }
}

.carry .contactArea .contactArea_flex .imgsize {
  width: 48%;
}

@media screen and (max-width: 568px) {
  .carry .contactArea .contactArea_flex .imgsize {
    width: 100%;
  }
}

.carry .contactArea .small {
  font-size: 14px;
}

@media screen and (max-width: 568px) {
  .carry .contactArea .small {
    font-size: 3.4vw;
    margin-top: 30px;
  }
}

.carry .contactArea .small .red {
  color: #e00006;
}
#new3d div.new3d_cont form label{
	font-weight: 400;
}
.carry .privateArea {
  margin-top: 40px;
}

.carry .privateArea .privateArea_title {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}

.carry .privateArea .privateArea_Box {
  background-color: #f1f1f1;
  border: 1px solid #cccccc;
  padding: 20px 40px;
  height: 250px;
  overflow: scroll;
}

.carry .privateArea .privateArea_Box .big {
  font-weight: 600;
}

.carry .privateArea .label {
  color: #212121;
  font-size: 15px;
}

.carry .privateArea .agreeBtn {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #cccccc;
}

.carry .privateArea .agreeBtn .red {
  font-weight: 400;
  font-size: 12px;
  margin-left: 0;
	padding: 0 .5em;
  color: #e00006;
}

.carry .submit-btn input[type="submit"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #4d4d4d;
  font-size: 20px;
  font-weight: 400;
  padding: 20px;
  text-decoration: none;
  /*color: #fff;*/
  width: 33%;
}

@media screen and (max-width: 896px) {
  .carry .submit-btn input[type="submit"] {
    width: 100%;
  }
}

.carry .required {
  color: #e00006;
}
/* carry END */

/* faq */
.faqArea{
	margin: 30px auto;
}
.faqArea .linkBoxArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin-bottom: 20px;
}

.faqArea .linkBoxArea .linkBox {
  padding: 15px 0;
  display: block;
  width: 32%;
  text-align: center;
  background: #eeeeee url("../img/common/arrow_down_black.png") no-repeat center right 4%;
  background-size: 15px;
  font-size: 15px;
  color: #212121;
  margin: 0 2% 10px 0;
}

@media screen and (max-width: 896px) {
  .faqArea .linkBoxArea .linkBox {
		width: 49%;
    font-size: 2vw;
		padding: 12px 0;
		margin: 0 2% 1% 0;
  }
}
@media screen and (max-width: 568px) {
  .faqArea .linkBoxArea .linkBox {
		width: 90%;
		font-size: 3.4vw;
		margin: 0 auto 5px;
  }
}

.faqArea .linkBoxArea .linkBox:nth-of-type(3n) {
  margin-right: 0;
}
@media screen and (max-width: 896px) {
	.faqArea .linkBoxArea .linkBox:nth-of-type(3n) {
		margin: 0 2% 1% 0;
	}
	.faqArea .linkBoxArea .linkBox:nth-of-type(2n) {
		margin: 0 0 1% 0;
	}
}
@media screen and (max-width: 568px) {
	.faqArea .linkBoxArea .linkBox:nth-of-type(3n) {
		margin: 0 auto 5px;
	}
	.faqArea .linkBoxArea .linkBox:nth-of-type(2n) {
		margin: 0 auto 5px;
	}
}
.faqArea .linkBoxArea .linkBox:hover, .faqArea .linkBoxArea .linkBox:visited, .faqArea .linkBoxArea .linkBox:focus {
  color: #212121;
  text-decoration: none;
}

.faqArea .afterBox {
  padding-top: 20px;
}

.faqArea .questionBox {
  margin-bottom: 50px;
}
@media screen and (max-width: 896px) {
	.faqArea .questionBox {
		margin-bottom: 30px;
	}
}
.faqArea .questionBox .qaArea {
  /*display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;*/
  margin:0;
}
@media screen and (max-width: 568px) {
	.faqArea .questionBox .qaArea {
		margin:0 0 10px;
	}
	
}
.faqArea .questionBox .qaArea .pointP {
	width: 8%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: -8px;
  font-size: 34px;
	font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.3;
	color: #686868;
	margin: 0;
}
@media screen and (max-width: 568px) {
  .faqArea .questionBox .qaArea .pointP {
		position: relative;
		top: -4px;
    font-size: 6.5vw;
  }
}

.faqArea .questionBox .qaArea .pointP.red {
  color: #ff0000;
}
.faqArea .questionBox .qaArea h3.qArea_title {
  font-size: 18px;
}
@media screen and (max-width: 896px) {
	.faqArea .questionBox .qaArea h3.qArea_title {
		font-size: 16px;
	}
}
@media screen and (max-width: 568px) {
  .faqArea .questionBox .qaArea h3.qArea_title {
    font-size: 3.8vw;
		line-height: 1.4;
  }
}
.faqArea .questionBox .qaArea .qArea_title {
	width: 88%;
	display: inline-block;
	vertical-align: top;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
  color: #212121;
}
@media screen and (max-width: 896px) {
	 .faqArea .questionBox .qaArea .qArea_title {
    font-size: 14px;
  }
}
@media screen and (max-width: 568px) {
  .faqArea .questionBox .qaArea .qArea_title {
    font-size: 3.4vw;
  }
}

.faqArea .questionBox .qaArea .qArea_title.noWeight {
  font-weight: 400;
}

.faqArea .qaArea a {
  text-decoration: underline;
  color: #212121;
}

.faqArea .questionBox .qaArea .qArea_title a:hover {
  text-decoration: none;
}

.faqArea .qaArea .whiteBtnArea {
  margin-top: 20px;
	text-align: right;
}
@media screen and (max-width: 568px) {
	.faqArea .qaArea .whiteBtnArea {
		text-align: center;
	}
}
.faqArea .qaArea .whiteBtnArea .whiteBtn {
  padding: 8px 20px;
  margin-top: 0;
  text-decoration: none;
  line-height: 1;
  color: #555555;
}

.faqArea .questionBox .qaArea .whiteBtnArea .whiteBtn:hover {
  text-decoration: none;
}

.faqArea .pageTopArea {
  text-align: right;
}

.faqArea .pageTopArea .pageTop {
  text-decoration: underline;
  font-size: 13px;
  color: #555555;
}
@media screen and (max-width: 568px) {
  .faqArea .pageTopArea .pageTop {
    font-size: 4vw;
  }
}

.faqArea .pageTopArea .pageTop:hover {
  text-decoration: none;
  color: #555555;
}

/* FAQ renewal */
.faq-content {
	display: none;
}
.faq-accordion{
	border-top: 1px solid #E8E8E8;
}
.faq-accordion:last-child{
	border-bottom: 1px solid #E8E8E8;
}

.faq-header {
	padding: 12px 55px 10px 10px;
	margin: 0;
	transition: background .3s ease;
	cursor: pointer;
	position: relative;
}
@media screen and (max-width: 896px){
	.faq-header {
		padding: 12px 30px 10px 5px;
	}
}
@media screen and (max-width: 568px){
	.faq-header {
		padding: 8px 35px 8px 5px;
	}
}

.faq-header::before,
.faq-header::after{
	position:absolute;
	content:'';
	top:1px;
	right:10px;
	bottom:0;
	width:18px;
	height:1px;
	margin:auto;
	background:#666;
}
@media screen and (max-width: 896px){
	.faq-header::before,
	.faq-header::after{
		width:16px;
	}
}
@media screen and (max-width: 568px){
	.faq-header::before,
	.faq-header::after{
		width:14px;
	}
}

.faq-header::after{
	transform:rotate(-90deg);
	transition:transform 0.3s;
}

.faq-header.active::after{transform:rotate(0deg);}

.faq-content {
	padding: 0 30px 0 45px;
}
@media screen and (max-width: 896px){
	.faq-content {
		padding: 0 10px 0 40px;
	}
}
@media screen and (max-width: 568px){
	.faq-content {
		padding: 0 10px;
	}
}
.faqArea .faq-header .faq-ttl{
	position: relative;
	display: flex;
	/*flex-wrap: nowrap;*/
	align-items: center;
	font-weight: 500;
	margin: 0;
}

.faqArea .faq-header .faq-ttl span{
	flex: 1;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}
@media screen and (max-width: 896px){
	.faqArea .faq-header .faq-ttl span{
		font-size: 15px;
	}
}
@media screen and (max-width: 568px){
	.faqArea .faq-header .faq-ttl span{
		font-size: 3.4vw;
	}
}
.faq-header .faq-ttl::before{
	content:"Q.";
	position: relative;
	top: -0.15vw;
	color: #999;
	width: 25px;
	font-size: 20px;
	font-family: 'Open Sans';
	font-weight: 400;
	margin-right: .5em;
}
@media screen and (max-width: 896px){
	.faq-header .faq-ttl::before{
		font-size: 18px;
	}
}
@media screen and (max-width: 568px){
	.faq-header .faq-ttl::before{
		font-size: 5vw;
	}
}
.faqArea .faq-content .faq-txt{
	font-size: 15px;
	line-height: 1.6;
	margin: 10px 0 20px;
}
@media screen and (max-width: 896px){
	.faqArea .faq-content .faq-txt{
		font-size: 14px;
		margin: 0 0 8px;
	}
}
@media screen and (max-width: 568px){
	.faqArea .faq-content .faq-txt{
		font-size: 3.4vw;
	}
}

.faqArea .faq-content .faq-txt a:hover,.faqArea .faq-content .faq-txt a:visited{
	text-decoration: underline!important;
}
/* faq  END*/


/* column */
.pluginCMBblog{
	width: 92%;
	margin-top: 10px;
}
@media screen and (max-width: 896px){
	.pluginCMBblog{
		margin: 10px auto 40px;
	}
}

.pluginCMBblog .breadcrumbArea{
	width: 96%;
	margin: 0 0 20px;
}
@media screen and (max-width: 568px){
	.pluginCMBblog .breadcrumbArea{
		width: 100%;
	}
}

.pluginCMBblog .post_meta {
  width: 96%;
	margin: 0 0 20px;
}
@media screen and (max-width: 568px){
	.pluginCMBblog .post_meta {
		width: 100%;
	}
}

.pluginCMBblog .blog-title-search {
  padding-bottom: 0;
}

.pluginCMBblog .w-100 {
	width: 840px;
}
@media screen and (max-width: 896px){
	.pluginCMBblog .w-100 {
    max-width: 840px;
		width: 100%;
	}
}

.other_page .ec-off1Grid .ec-off1Grid__cell {
	width: 800px;
	margin: 0;
}
@media screen and (max-width: 896px){
	.other_page .ec-off1Grid .ec-off1Grid__cell {
		width: 96%;
	}
}
@media screen and (max-width: 568px){
	.other_page .ec-off1Grid .ec-off1Grid__cell {
		width: 100%;
	}
}
.pluginCMBblog .ec-shelfRole{
	padding: 0;
}
.pluginCMBblog .blog_release_date {
  text-align: left;
}
.pluginCMBblog .figure__main_image {
	margin: 0 0 3rem;
}

.pluginCMBblog .ec-productRole__description > p img{
	margin: 0 0 30px;
}
@media screen and (max-width: 896px){
	.pluginCMBblog .ec-productRole__description > p img{
		margin: 0 0 20px;
	}
}

.pluginCMBblog h1{
	width: 90%;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.4;
	padding: 0;
	margin: 0 0 30px!important;
	border: none;
}
@media screen and (max-width: 896px){
	.pluginCMBblog h1{
		font-size: 20px;
		margin: 0 0 20px!important;
	}
}
@media screen and (max-width: 568px){
	.pluginCMBblog h1{
		width: 100%;
		font-size: 4.3vw;
	}
}

.pluginCMBblog h2{
	font-size: 26px;
	font-weight: 500;
	padding: 0.8em .2em;
	margin: 40px 0 30px;
	border-top: 1px dotted #666;
	border-bottom:  1px dotted #666;
}
@media screen and (max-width: 896px){
	.pluginCMBblog h2{
		font-size: 20px;
		margin: 20px 0 15px;
	}
}
@media screen and (max-width: 568px){
	.pluginCMBblog h2{
	font-size: 4.0vw;
	}
}

.pluginCMBblog h3{
	font-size: 20px;
	margin: 30px 0 20px;
}
@media screen and (max-width: 896px){
	.pluginCMBblog h3{
		font-size: 17px;
		margin: 25px 0 15px;
	}
}
@media screen and (max-width: 568px){
	.pluginCMBblog h3{
		font-size: 3.8vw;
	}
}

.pluginCMBblog .ec-off1Grid h3{
	padding: .5em .5em;
	background: #f6f6f6;
}

.pluginCMBblog .ec-off1Grid h4{
	font-size: 18px;
	font-weight: 600;
	color: #666;
	margin: 20px 0 10px;
}
@media screen and (max-width: 896px){
	.pluginCMBblog .ec-off1Grid h4{
		font-size: 16px;
		margin: 20px 0 10px;
	}
}
@media screen and (max-width: 568px){
	.pluginCMBblog .ec-off1Grid h4{
		font-size: 3.6vw;
	}
}


.pluginCMBblog .ec-off1Grid__cell{
	font-size: 16px;
	line-height: 1.6;
}
@media screen and (max-width: 896px){
	.pluginCMBblog .ec-off1Grid__cell{
		font-size: 15px;
	}
}
@media screen and (max-width: 568px){
	.pluginCMBblog .ec-off1Grid__cell{
		font-size: 3.4vw;
	}
}

.pluginCMBblog .ec-off1Grid__cell a{
	text-decoration: underline;
}

.pluginCMBblog h3.tag-header {
	width: 96%;
	padding: .8rem 1rem;
	border-left: 4px solid #ccc;
}

.pluginCMBblog  ul.tag-ul {
	width: 96%;
}

.pluginCMBblog .ec-shelfGrid{
	font-size: 14px;
	text-align: center;
}

.pluginCMBblog .ec-shelfGrid .ec-shelfGrid__item-image {
    height: auto;
    margin-bottom: 10px;
    text-align: center;
}
.pluginCMBblog .ec-off1Grid__cell ul{
	/*background: #f6f6f6;*/
	padding: 1em;
	margin: 10px 0;
	border: 2px solid #f0f0f0;
}

.pluginCMBblog .ec-off1Grid__cell li > p {
	display: inline-block;
}

/*.pluginCMBblog .ec-off1Grid__cell li::before{
	content: "◎";
	margin-right: .3em;
}*/

.pluginCMBblog .side-bar {
	margin-left: 3%;
}
@media screen and (max-width: 568px) {
	.pluginCMBblog .side-bar {
		margin-left: 0;
	}
}

@media screen and (max-width: 896px) {
	.pluginCMBblog .side-bar > div {
		width: 90%;
		margin: 40px auto 0;
	}
}
@media screen and (max-width: 568px) {
	.pluginCMBblog .side-bar > div {
		width: 100%;
	}
}

.pluginCMBblog .side-bar .archive-link-div a{
	font-size: 14px;
}

.pluginCMBblog h5.tag-header {
  padding: .8rem 1rem;
	border-left: 4px solid #ccc;
}

@media screen and (min-width: 896px) { 
	.pluginCMBblog .side-bar {
		width: 300px;
		background-color: #f6f6f6;
	}
}

.pluginCMBblog .item_blog_image {
  width: 100% !important;
  height: auto!important;
}

.pluginCMBblog .figure__main_image {
  margin: 0 0 1rem;
}

.pluginCMBblog .blog_title_h3 {
	font-size: 13px!important;
  text-align: left;
	margin-bottom: 10px!important;
}
@media screen and (max-width: 568px) {
	.pluginCMBblog .blog_title_h3 {
		font-size: 3.2vw!important;
	}
}
.pluginCMBblog .list_category_link.custom {
	color: #333!important;
}
.pluginCMBblog .fa-tag::before {
  content: "#";
	font-weight: 400;
	margin-right: -2px!important;
}

.cm_blog_plugin {
  padding: 0;
	background: none;
}
.cm_blog_plugin  .ec-shelfGrid {
  border:none!important;
}
.cm_blog_plugin .ec-shelfGrid .ec-shelfGrid__item {
  width: 25%;
	border: none!important;
}

@media screen and (max-width: 568px) {
	.cm_blog_plugin .ec-shelfGrid .ec-shelfGrid__item {
		width: 50%;
	}
}

.cm_blog_plugin .ec-shelfGrid .ec-shelfGrid__item img {
  max-height: inherit;
}

.cm_blog_plugin .item_blog_image {
  width: 100% !important;
  height: auto!important;
}

.cm_blog_plugin .list_blog h3 {
  font-size: 14px!important;
	margin-bottom: 10px!important;
}
@media screen and (max-width: 896px) {
	.cm_blog_plugin .list_blog h3 {
		 font-size: 13px!important;
	}
}
@media screen and (max-width: 568px) {
	.cm_blog_plugin .list_blog h3 {
		font-size: 3.2vw!important;
	}
}

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

.cm_blog_plugin .blog_category li.custom {
  margin-bottom: 0!important;
}

.cm_blog_plugin .list_blog .list_category_link.custom {
	color: #333!important;
}

.cm_blog_plugin .list_blog .fa-tag::before {
  content: "#";
	font-weight: 400;
	margin-right: -2px!important;
}
/* column END */

/* column list */
.cm_blog_plugin .list_blog .ec-topicpath__item {
    display: initial;
}

.cm_blog_plugin .list_blog .ec-topicpath__item a:hover {
    text-decoration: underline;
}

.cm_blog_plugin .item_blog_image {
    width: 100% !important;
    height: 248px;
    object-fit: cover;
}

.cm_blog_plugin .list_blog .list_category_link{
    color: #337ab7;
    padding: .2rem 0.5rem;
    font-size: 1.3rem;
    border-right: 1px solid #ddd;
}
.cm_blog_plugin .blog_category li:last-child .list_category_link{
    border: none;
}

.cm_blog_plugin .blog_category{
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.cm_blog_plugin .blog_category li{
    display: initial;
}
.cm_blog_plugin .figure__main_image{
    margin: 0;
    padding: 0;
    display: grid;
    justify-content: stretch;
    align-items: flex-end;
}
.cm_blog_plugin .item_blog_image,
.cm_blog_plugin figcaption {
    padding: 0;
    grid-column: 1/2;
    grid-row: 1/2;
}
.cm_blog_plugin figcaption {
    text-align: center;
    padding: 0.4rem 2rem;
    font-size: 1rem;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
}

.cm_blog_plugin .list_blog h3{
    margin-top: 10px;
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 1.4;  
    word-break: break-word;
}
.cm_blog_plugin .blog_release_date {
    font-size: 1rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 768px){
.cm_blog_plugin .item_blog_image {
    width: 100% !important;
    height: 35vw;
    object-fit: cover;
    }
.cm_blog_plugin .cm_blog_plugin{
    padding: 10vw 0 !important;
    }  
}

.cm_blog_plugin .list_blog .list_category_link.custom {
    font-size: 1.2rem;
    border: none;
    padding: 0;
    margin-right: 6px;
    color: #337ab7;
}

.cm_blog_plugin .blog_category li.custom {
    display: flex;
    gap: 3px;
    margin-bottom: 5px;
}

.cm_blog_plugin .ec-shelfGrid__item {
    margin-bottom: 0;
}
/* column list END */


#page_shopping_complete .ec-blockBtn--cancel:hover, #page_shopping_complete .ec-blockBtn--cancel:visited, #page_shopping_complete .ec-blockBtn--cancel:focus {
  color: #726565;
}

.ec-blockBtn--cancel {
  color: #fff !important;
  font-size: 18px;
  font-weight: 400;
}

.product_page .titleArea {
  margin: 60px auto 40px;
}
@media screen and (max-width: 896px) {
  .product_page .titleArea {
		width: 96%;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 568px) {
  .product_page .titleArea {
    margin: 0 auto 25px;
  }
}

.product_page .header_wrap .titleArea {
  margin-top: 0;
}

.ec-newsRole .ec-newsRole__newsItem {
  padding: 0 0 8px;
  margin-bottom: 10px;
}

.news_mediaArea .ec-newsRole .ec-newsRole__news .ec-newsRole__newsItem:nth-of-type(3n) {
  border-bottom: none;
}

@media screen and (max-width: 896px) {
  #page_cart .ec-layoutRole .ec-layoutRole__main {
    width: 90%;
    margin: 0 auto;
  }
}
/* mypage SP */
@media screen and (max-width: 568px) {
	.ec-mypageRole{
		font-size: 14px;
		padding: 0;
	}
	#page_mypage .ec-layoutRole .ec-layoutRole__main{
		width: 96%;
		margin: 0 auto;
	}
	.ec-historyListHeader .ec-historyListHeader__date{
		font-size: 14px;
	}
	.ec-historyRole .ec-historyRole__detail{
		padding: 20px 0;
	}
	.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle{
		font-size: 14px;
	}
	.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice{
		font-size: 14px;
	}
}
/* mypage SP END */

.vbox-container img {
  max-width: 50%;
  height: auto;
  width: 50%;
}
@media screen and (max-width: 896px) {
  .vbox-container img {
    max-width: 100%;
    width: 100%;
  }
}

.vbox-close {
  font-size: 45px;
}

.vbox-title {
  display: none !important;
}

.ec-orderRole {
  font-size: 14px;
}
@media screen and (max-width: 568px) {
	.ec-orderRole {
		font-size: 3.3vw;
		line-height: 1.6;
	}
}
.ec-orderRole p {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.8;
}
@media screen and (max-width: 568px) {
	.ec-orderRole p{
		font-size: 3.4vw;
	}
}
.ec-orderRole p .red {
  color: #cc0000;
}

.ec-orderRole .ec-choiseAccount {
  margin-bottom: 30px;
}

.ec-orderRole .ec-choiseAccount .optionArea .optionArea_box .ec-select {
  width: 50%;
}

.ec-orderRole .ec-choiseAccount .optionArea select {
  padding: 0px 15px;
}

.ec-orderRole .ec-orderAccount p {
  margin-bottom: 0px;
}

.ec-orderRole .ec-orderHome {
  margin-bottom: 30px;
  /*　フォームテーブル　*/
}

.ec-orderRole .ec-orderHome .form-table {
  border: none;
  margin-top: 0;
  width: 100%;
  border-top: 1px solid #d0d0d0;
}

.ec-orderRole .ec-orderHome .form-table p {
  margin-bottom: 0px;
}

.ec-orderRole .ec-orderHome .form-table label {
  margin-right: 15px;
  margin-left: 5px;
  margin-bottom: 0;
}
@media screen and (max-width: 568px) {
	.ec-orderRole .ec-orderHome .form-table label {
		margin-right: 10px;
	}
}
.ec-orderRole .ec-orderHome .form-table textArea {
  width: 100%;
}
@media screen and (max-width: 568px) {
	.ec-orderRole .ec-orderHome .form-table input[type="text"] {
		width: 100%;
	}
}

.ec-orderRole .ec-orderHome .form-table th {
  white-space: nowrap;
  font-size: 14px;
  background-color: #f3f3ee;
  width: 30%;
	border: none;
  padding: 10px 15px;
  border-bottom: 1px solid #d0d0d0;
}
@media screen and (max-width: 568px) {
	.ec-orderRole .ec-orderHome .form-table th{
		padding: 5px;
		font-size: 3.4vw;
	}
}

.ec-orderRole .ec-orderHome .form-table td {
  width: 70%;
	border: none;
  padding: 10px 15px;
  border-bottom: 1px solid #d0d0d0;
}
@media screen and (max-width: 568px) {
	.ec-orderRole .ec-orderHome .form-table td {
		padding: 10px 5px;
		font-size: 3.4vw;
	}
}
.ec-orderRole .ec-orderHome .input-note {
  float: right;
  font-size: 11px;
  color: #999;
}

.ec-orderRole .ec-orderHome .input-cap {
  margin-top: 3px;
}

.ec-orderRole .ec-orderDelivery .ec-imageGrid {
  padding: 10px 0;
}


.ec-orderRole .cart_infoBox {
  padding: 20px;
  border: 1px solid #d0d0d0;
  font-size: 13px;
  line-height: 1.5;
}

.ec-orderCoupon #coupon_button{
	width: 200px;
	margin-top: 10px;
}
@media screen and (max-width: 568px) {
	.ec-orderCoupon #customer_detail_box p{
		text-align: center;
	}
	.ec-orderCoupon #coupon_button{
		width: 60%;
		margin-top: 10px;
	}
}
.ec-orderCouponText{
	display: none;
}
.ec-orderCoupon {
   margin: 30px auto;
}
.customer_detail_box{
	line-height: 1.6;
}

.product_review .ec-input input, .product_review .ec-halfInput input, .product_review .ec-numberInput input, .product_review .ec-zipInput input, .product_review .ec-telInput input, .product_review .ec-select input, .product_review .ec-birth input {
  margin-bottom: 0;
}

/* company name */
.ec-borderedDefs dl.company_box{
	display: none;
}

@media screen and (max-width: 568px) {
	.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input{
		font-size: 15px;
	}
}
.product_review .ec-borderedDefs dt {
  padding-top: 0;
}

.product_review .ec-borderedDefs dl {
  padding: 15px 0;
}

.product_review p.ec-para-nomal {
  margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
	.ec-login {
		padding: 20px;
	}
	.ec-role {
    font-size: 3.4vw;
	}
	.ec-login .ec-login__link {
    margin-top: 10px;
	}
}
/*nonmember form */
.redInfoP2 {
  font-size: 14px;
  margin: 40px auto 20px;
	text-align: center;
	color: #525263;
}
.redInfoP2 a{
	color: #33A8D0;
  /*text-decoration: underline!important;*/
}
.redInfoP2 a:hover{
	color: #33A8D0;
}
@media screen and (max-width: 568px) {
	.redInfoP2 {
		font-size: 3.4vw;
		margin: 20px auto 10px;
	}
}
/*entry form */
.ec-off4Grid .ec-off4Grid__cell {
  width: 50%!important;
}
.ec-off4Grid .ec-off4Grid__cell label{
  font-weight: 600;
	font-size: 14px;
}
.ec-off4Grid .ec-off4Grid__cell .ec-checkbox{
	text-align: center;
}
.ec-off4Grid .ec-off4Grid__cell .ec-checkbox a.ec-link{
	vertical-align: middle;
}

@media screen and (max-width: 896px) {
	.ec-off4Grid .ec-off4Grid__cell {
		width: 80%!important;
	}
}
@media screen and (max-width: 568px) {
	.ec-off4Grid .ec-off4Grid__cell {
		width: 100%!important;
	}
	.ec-off4Grid .ec-off4Grid__cell label{
		font-size: 3.2vw;
	}
	.ec-off4Grid .ec-off4Grid__cell .ec-checkbox{
		text-align: left;
	}
	.ec-registerRole .ec-radio #entry_mail_magazine label{
		font-size: 15px;
		margin-right: 10px;
	}
	.ec-radio input {
		margin-right: 5px;
	}
}

/* CustomAttachedProduct */
@media screen and (max-width: 568px) {
	.product_attached_custom .form-check a{
		position: relative;
		z-index: 100;
	}
}
.owl-carousel .owl-item img{
	height: auto!important;
	margin-bottom: 20px;
	}
@media screen and (max-width: 568px) {
	.owl-carousel .owl-item img{
		height: auto!important;
	}
	.owl-carousel .owl-item p{
		font-size: 3.4vw;
		margin: 10px auto 0;
	}
}

/*# sourceMappingURL=build.css.map */