@charset "utf-8";

/************************************************
 style
************************************************ */
body {
  font-family: "Helvetica Neue", "SF Pro Display", "メイリオ", Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  margin-top: 64px;
}

/************************************************
 header
************************************************ */
#header_wrap {
  background: #232727;
  color: #585657;
  /*box-shadow: 0 3px 15px 0 #333;*/
  border: none;
  position: fixed;
  width: 100%;
  height: 64px;
  top: 0;
  margin: 0;
}

#header {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0;
}

#header h1 {
  font-size: 11px;
  margin: 0;
  color: #fff;
}

#header .logo {
  height: 24px;
  width: 200px;
}

#header .menu_label {
  /*font: Bold 14px/16px SF Pro Display;*/
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.84px;
  color: #FFFFFF;
  opacity: 1;
  text-decoration: none;
  outline: none!important;
}

#header .menu_label:hover,
#header .menu_label:active,
#header .menu_label:focus {
  color: #a0a0a0;
}

.navbar-brand {
  padding: 0;
  height: auto;
}

.navbar {
  margin-bottom: 0;
}

/*.frame_outer{background:#DCDCDC;}*/

.h_larea {
  float: left;
  width: 100%;
  max-width: 200px;
  text-align: center;
  margin-right: 60px;
}

.h_carea {
  float: left;
  /*width: 100%;*/
  max-width: 100px;
  text-align: center;
  margin-right: 60px;
  padding:0;
}

.h_carea .btn {
  padding: 2px 0 0;
}

.h_rarea {
  /* width: 100%;
	max-width: 400px; */
  text-align: right;
  position: absolute;
  top: 15px;
  right: 0px;
}

.h_login {
  display: inline-block;
  vertical-align: middle;
}

.h_login_in {
  padding: 0 15px;
  overflow: hidden;
  width: 100%;
}

.h_login_mail{background:url(/html/template/default/assets/img/common/h_mail_icon.png) 0 0 no-repeat;padding:2px 0 0 25px;float:left;}
.h_login_mail input{background:#fff;border:none;font-size:12px!important;padding:3px 10px;border-radius:5px;max-width:180px;}
.h_login_memory{float:left;font-size:11px!important;padding:0 0 0 10px;}
.h_login_pass{float:left;padding:2px 0 0 10px;}
.h_login_pass input{background:#fff;border:none;font-size:12px!important;padding:3px 10px;border-radius:5px;max-width:160px;}
.h_login_btn{padding:2px 0 0 10px;float:left;}
.h_login_btn button{background:#000000;border-radius:14px;border: 1px solid #707070;padding:5px 15px;font-size:12px!important;/*font: Bold 12px/14px SF Pro Display;*/font-weight: bold;letter-spacing: 0.72px;color: #fff;height:28px;}
.h_logout_btn{padding:2px 0 0 10px;float:left;}
.h_logout_btn button{background:#232727;padding:5px 15px;border:none;font-size:12px!important;/*font: Bold 12px/14px SF Pro Display;*/font-weight: bold;letter-spacing: 0.72px;color: #3597EC;height: 28px;}

.h_mypage_btn {
  padding: 2px 0 0 10px;
  float:left;
}
.h_mypage_btn button {
  background: #000000;
  border-radius: 14px;
  border: 1px solid #707070;
  padding: 5px 15px;
  font-size: 12px!important;
  font-weight: bold;
  /*font: Bold 12px/14px SF Pro Display;*/
  letter-spacing: 0.72px;
  color: #3597EC;
  height: 28px;
}
.h_mypage_btn button:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -3px 5px 0 0;
  background: url("../images/sos4D6x62TMs.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.h_login_passforgot{float:left;font-size:10px!important;line-height:1.1;padding:2px 0 0 10px;}

.h_login_txt{float:left;font-weight:bold;font-size:13px!important;padding:4px 10px 4px 90px;}

.h_nav {
  display: inline-block;
  vertical-align: middle;
  margin:0;
  position: relative;
}

.h_nav ul{margin:0;overflow:hidden;list-style-type: none;-webkit-margin-before: 0; -webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0; -webkit-padding-start: 0;padding: 0 0 0 15px;}
.h_nav li{float:left;font-size:13px!important;line-height:1.1;}
.h_nav li a{color:#555;}

.h_nav li.h_nav_my{background:url(/html/template/default/assets/img/common/h_my_icon.png) 0 center no-repeat;padding:10px 0 10px 40px;}
.h_nav li.h_nav_regi{background:url(/html/template/default/assets/img/common/h_regi_icon.png) 30px center no-repeat;padding:10px 0 10px 65px;}
.h_nav li.h_nav_contact{background:url(/html/template/default/assets/img/common/h_contact_icon.png) 35px center no-repeat;padding:10px 0 10px 70px;}

/* .h_nav_cart {
	position: relative;
	float: right;
	background: #F19601 url(/html/template/default/assets/img/common/h_cart_icon.png) 5px center no-repeat;
	padding: 4px 15px 4px 50px;
	border-radius: 0 12px 0 0;
} */

.h_nav span.border {
  position: absolute;
  top: -2px;
  left: 6px;
  color: #fff;
  border: 1px solid #FF5800 !important;
  border-radius: 10px;
  padding: 0 5px;
  background-color: #FF5800;
  font-size: 12px;
}

.h_nav a {
  color: #fff;
}

/*#main_image{max-width:980px; !*background:#EEEEF0;*!  margin:0 auto;position:relative;padding:0 0 45px 0;}*/

#sp_menu_header_modal{ position:fixed; display:none; z-index:9999; top:0%; width:100%; height:100%;text-align:center;overflow-y:scroll;}
#sp_menu_header_modal .button_area_row {margin: 50px 0 0 0;}
#sp_menu_header_modal .button_area_row a{color:#FFFFFF;font-size:14px;font: Bold 18px/30px Helvetica Neue;}
#sp_menu_header_modal .button_area_row ul{margin:0;overflow:hidden;list-style-type: none;-webkit-margin-before: 0; -webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0; -webkit-padding-start: 0;padding: 0 0 0 15px;}
#sp_menu_header_modal .button_area_row ul li{text-align: center;padding: 0 0 5px 0;}

#container {
  max-width: 1000px;
  margin: 0 auto;
}

.container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0!important;
}

.container_products {
  max-width: 1000px;
  margin: 30px auto 0;
  padding: 0!important;
}

/************************************************
 footer
************************************************ */
#footer_wrap {
  background: #232727;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 30px 0 80px;
}

#mobile-nav{
  display: none;
}

.flink {
  background: #232727;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.flink a {
  color: #DDDDDD;
  font-size: 14px;
}

.flink a:hover, .flink a:active, .flink a:focus {
  color: #a0a0a0;
  font-size: 14px;
}

.flink h3 {
  text-align: left;
  color: #fff;
  font-weight: bold;
  font-size: 100%;
  margin: 0 0 18px;
  padding: 0;
}

.flink ul {
  margin: 0;
  overflow: hidden;
  list-style-type: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  padding: 0;
}

.flink ul li {
  text-align: left;
  padding-bottom: 5px;
}

.flink_in1 {
  float: left;
  width: 160px;
  margin: 0 80px 0 0;
  padding: 2px 0 0 0;
}

.flink_in2 {
  float: left;
  width: 380px;
  margin: 0 0 0 0;
  padding: 2px 0 0 0;
}
.f_box {
  float: left;
  width: 220px;
  text-align: center;
  margin:0 80px 0 0;
  padding: 0;
}

.flogo {
  float: left;
  height: 24px;
  width: 200px;
  padding: 0 0 0 0;
  margin-bottom: 40px;
}

.f_sns {
  float: left;
  width: 44px;
  text-align: center;
  margin-right:10px;
  margin-bottom:10px;
  padding:0;
}

.f_ytv {
  float: left;
  width: 48px;
  text-align: center;
  margin: 0;
  padding:5px 0 0;
}

.fcopyright {
  text-align: left;
  font-size: 12px;
  letter-spacing: 0.6px;
  color: #707070;
  opacity: 1;
  float:left;
  padding: 4px 0 0 0;
}

#pagetop {
  position: fixed;
  bottom: 80px;
  right: 10px;
  z-index: 100;
}


/************************************************
 layout
************************************************ */
#undercolumn_entry, #undercolumn_aboutus, #undercolumn_contact, #undercolumn_order {
  margin: 22px 0 0;
}

.devicebox {
  background: #fff;
  padding: 65px 10% 0;
}

.devicebox_w0 {
  background: #fff;
  padding: 65px 0 0;
}

.title_center {
  text-align: center;
}

.fa-rss{display:none;}

.block_outer {
  background: #fff;
  border-radius: 5px;
  padding: 5px 0;
  margin: 25px 0;
  max-width: 1000px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  margin: 0 auto;
}

.category-side-bar{
  border-right: 1px solid #dae1e88a;
}

.alert-info {
  color: #31708f;
  background-color: #fff;
  border-color: #bce8f1;
  border-radius: 10px;
}

.alert-warning {
  color: #232727;
  background-color: #fff;
  border-color: #ff5800;
  border-radius: 10px;
}

.alert-warning_cart {
  color: #232727;
  margin: 0 auto 20px;
  padding: 15px 20px;
  background-color: #fff;
  border: 1px solid #ff5800;
  border-radius: 10px;
  width: 80%;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
  border-radius: 10px;
  width: 80%;
  margin: 0 auto 20px;
}

.btn-default {
  outline: none;
}

.page-header {
  padding: 0;
  margin: 0 0 10px 0;
  border-bottom: 2px solid #232727!important;
  position:relative;
}

.page-header h2{margin: 5px 0;padding:0 40px 0 0;font-size:22px;color:#232727;font-weight:bold;}

.page-header p {
  position: absolute;
  right: -5px;
  bottom: 0;
  margin: 0;
}

.page-header a{color:#232727;font-size:14px;text-decoration: none;}

.panel {box-shadow: none;}
.panel-default {border: none;}
.panel-default>.panel-heading {color: #555;background-color: #fff;border: none;}
.panel-heading {padding: 0 5px;border:none;}
.panel-heading h4{font-size:12px;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border: none;}
.panel-title small{margin:13px 0 8px 0!important;color:#F7B52C;font-size:12px;}

.panel-white {border: 1px solid #ddd;}

.panel-body {padding:3px 5px 0 5px;font-size:12px;}
.panel-body p{margin:0;}

.level1 a{color:#555;}

.row {margin: 0!important;}

.owl-carousel .owl-item{float:none;width:100%!important;max-width:682px!important;}

.recommend-price{background:#fff;border:1px solid #C5C1C2;border-radius: 5px;max-width:250px;width:50%;float:right;height:auto!important;padding:2px;text-align:center;}
.recommend-price .price{color:#555!important;}

/*.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
width: 100% !important;
}*/
.old_buy{margin:35px 0 0 0;}
.old_buy h2{background:#F29600;color:#fff;font-size:16px;font-weight:bold;padding:4px 15px 3px 15px;border-radius: 5px;line-height:1;margin:0 0 20px 0;}


.panel-heading{padding:0;}
#recommend_area .status_icon{margin:0 0 0 -3px;overflow:hidden;width:425px;float:left;}
#recommend_area .status_icon span{margin:0 0 0 3px;color:#fff;width:100%;max-width:82px;display:block;float:left;text-align:center;border-radius: 5px;font-size:12px;padding:4px 0 4px 0;}

/*
.label.label-primary{background:#E50112;}
.label.label-success{background:#F09700;}
.label.label-warning{background:#B3AA46;}
.label.label-danger{background:#72B147;}
.label.label-info{background:#B28146;}
.labellabel-primary{background:#E50112;}
.labellabel-success{background:#F09700;}
.labellabel-warning{background:#B3AA46;}
.labellabel-danger{background:#72B147;}
.labellabel-info{background:#B28146;}
*/

/*.makerblock{background:#DCDCDC;}*/
.makerblock .page-header{border-bottom: 2px solid #D3D4D4!important;}
.makerblock ul{ -webkit-padding-start: 0;-webkit-margin-before: 0; -webkit-margin-after: 0;margin:10px;padding:0;}
.makerblock li{list-style:none;padding:0;margin:10px 0 0 0;background:#fff;text-align:center;}
.makerblock li img{max-width:100%;}
.makerblock li:first-child{margin:0;}
.makerblock .maker-block-banner{padding:2px 2px 2px 2px; margin: 10px auto;}

#recommend_area .imgblkbg {border-radius:5px;width:100%;}
#recommend_area .imgblkbg .thumbnail {position:relative;}
#recommend_area .imgblkbg .thumbnail:hover {background: rgba(0,0,0, 0.1);padding:0; cursor : pointer;}
#recommend_area .imgblkbg .thumbnail ul.icon{position:absolute;top:3%;left:90%;opacity: 0;z-index:999; list-style:none;-webkit-padding-start: 0;-webkit-margin-before: 0; -webkit-margin-after: 0;overflow:hidden;margin:0 0 0 -10px;}
#recommend_area .imgblkbg .thumbnail ul.icon li{float:left;margin:0 0 0 10px;}

#recommend_area .imgblkbg .thumbnail:hover ul.icon {opacity: 1;}

#recommend_area .imgblkbg .thumbnail:hover .img-rounded {opacity: 0.4;border:5px solid #fff;}

.h_login_in_sp{display:none;}
.splogin{display:none;}

h2.title {
  color: #232727;
  border-bottom: solid 2px #232727;
  font-weight: bold;
  margin: 0 0 20px;
}

h2.title2 {
  background: #595757;
  color: #fff;
  margin: 25px 0 25px 0;
  font-weight: bold;
  padding: 4px 15px;
  border-radius: 5px;
  overflow: hidden;
  font-size: 22px;
}

h2.title2 span {
  float:right;
}

h2.title3 {
  color: #232727;
  border-bottom: solid 2px #232727;
  font-weight: bold;
  margin: 70px 0 50px;
  padding: 0 4px 6px;
  text-align: center;
}

h2.title4 {
  color: #232727;
  border-bottom: solid 2px #232727;
  font-weight: bold;
  margin: 20px 0;
  padding: 0 0 6px;
}


.col-product-img-4{max-height: 320px;max-width: 430px;}
.col-product-img-3{max-height: 208px;max-width: 320px;}


.btn-group-justified{display:block;margin:0 0 0 -10px;}

.btn-group-justified>.btn, .btn-group-justified>.btn-group {display: block; float: left; width: 20%; background:#9E9E9F;color:#fff;border: 0;margin:0 0 0 10px!important;border-radius: 5px!important;}

.btn-group-justified>.btn.active {background:#F7B52C;color:#fff;box-shadow: none;border: 0;}
.btn-group-justified .disp_number{float:right!important;}

.products_imgbox{overflow:hidden;}
.products_mainimg{max-width:980px;float:left;}
/*.products_subimg{max-width:110px;float:left;}*/
/*.products_subimg_in{margin:0 0 10px 0;}*/


.kousikitxt{margin:20px 0 0 0;}


.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.dropdown-menu {min-width: 100%;}

.form-group{overflow:hidden;}
.form-group .col-xs-6{padding-left:0;}
.form-group .col-sm-9{width:80%;float:right;}
.form-group label.col-sm-3{float:left;width:20%;}


#form1 .btn_area　{
  width:85%;
  margin:0 auto!important;
  padding:0!important;
}

#form1 .btn_area .col-sm-3{padding:0;}
#form1 .btn_area .col-sm-6{padding:0;margin:10px 0 0 0;}

/************************************************
 TOP
************************************************ */
#main_image {
  margin: 0;
}

#main_image:hover > .carousel-control-button-area > .left {
  display: block;
}

#main_image:hover > .carousel-control-button-area > .right {
  display: block;
}

.carousel-indicators {
  bottom: 20px;
  left: auto;
  right: 6%;
  width: auto;
  margin: 0;
}

.carousel-indicators li {
  border: 1px solid #555;
  background-color: #555;
  width: 12px;
  height: 12px;
  margin: 3px;
}

.carousel-indicators li.active {
  background-color: #fff;
  border: none;
  margin: 3px;
}

.carousel-caption {
  width: 100%;
  height: 100%;
  left: 0%;
  right: 0%;
}

.carousel-icons {
  position: absolute;
  top: 10%;
  left: 6%;
  z-index: 15;
  width: 60%;
  text-align: left;
  height: 88px;
}

.carousel-maker {
  position: absolute;
  top: 10%;
  right: 6%;
  z-index: 15;
  width: 40%;
  text-align: right;
}

.carousel-maker img {
  width: auto;
  height: 54px;
  /*
	-webkit-filter:drop-shadow(1px 1px 2px rgba(250, 250, 250, 0.9));
	-moz-filter:drop-shadow(1px 1px 2px rgba(250, 250, 250, 0.9));
	-ms-filter:drop-shadow(1px 1px 2px rgba(250, 250, 250, 0.9));
	filter:drop-shadow(1px 1px 2px rgba(250, 250, 250, 0.9));
	*/
}

.carousel-option {
  position: absolute;
  bottom: 10%;
  right: 6%;
  z-index: 15;
  width: 40%;
  text-align: right;
}

.carousel-option img {
  width: auto;
  max-height: 280px;
}

.carousel-info {
  position: absolute;
  bottom: 0%;
  left: 6%;
  z-index: 15;
  width: 100%;
  text-align: left;
}

.carousel-info .product_logo {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 20px;
}

.carousel-info .product_name {
  color: #FFFFFF;
  opacity: 1;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 30px;
}

.carousel-info .product_status {
  margin: 0 0 36px;
}

.carousel-info .product_status_label {
  display: block;
  float: left;
  color: #FF5800;
  text-shadow: none;
  font-weight: bold;
  font-size: 12px;
  width: 170px;
  height: 34px;
  background-color: #FFFFFFB2;
  border: 1px solid #FF5800;
  opacity: 1;
  margin: 0 10px 0 0;
  padding: 8px;
  text-align: center;
  box-sizing: border-box;
}

.carousel-info .product_fav {
  margin: 0 0 0 10px;
  display: none;
}

.carousel-info .product_copyright {
  color: #FFFFFF;
  opacity: 1;
  font-size: 10px;
  text-shadow: none;
}

.carousel-control {
  position: static;
  opacity: 1;
  width: 25px;
}

.carousel-control.left {
  background: none;
  position: absolute;
  top: 35%;
  left: 9px;
  height: 25px;
  display: none;
}

.carousel-control.right {
  background: none;
  position: absolute;
  top: 35%;
  right: 9px;
  height: 25px;
  display: none;
}

#main_column {
  padding: 20px 0 100px;
}

.top_product_area {
  -ms-margin: 0 auto;
  margin: 20px auto;
  padding: 0 0 95px;
}

#banner_area .block_row{
  max-width: 990px;
  margin: 5px;
}

#banner_area .block_row img{
  width: 100%;
}

#news_area .nav_group li.nav_btn1, #news_area .nav_group li.nav_btn2 {
  float: left;
  width: 32%;
  height: 36px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  margin: 0 2% 0 0!important;
  padding: 6px 10px 0!important;
  border-radius: 0!important;
}

#news_area .nav_group li.nav_btn3 {
  float: left;
  width: 32%;
  height: 36px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  margin: 0 0 0 0!important;
  padding: 6px 10px 0!important;
  border-radius: 0!important;
}

#news_area .nav_group li.nav_btn1:hover,
#news_area .nav_group li.nav_btn2:hover,
#news_area .nav_group li.nav_btn3:hover {
  background-color: #f4f4f4;
}

#news_area .nav-tabs a {
  color: #232727;
}

#news_area .nav-tabs a:hover {
  color: #232727;
  background-color: #f4f4f4;
}

.nav-tabs > li.active > a.nav-link1 {
  color: #33B075!important;
  font-weight: normal;
  background-color: #232727;
  border: none;
}

.nav-tabs > li.active > a.nav-link2 {
  color: #FF9D00!important;
  font-weight: normal;
  background-color: #232727;
  border: none;
}

.nav-tabs > li.active > a.nav-link3 {
  color: #819EEF!important;
  font-weight: normal;
  background-color: #232727;
  border: none;
}

li.nav_btn1 a.nav-link1.active:hover {
  background-color: #f4f4f4;
}

#news_area .nav_group li.nav_btn1.active:hover,
#news_area .nav_group li.nav_btn2.active:hover,
#news_area .nav_group li.nav_btn3.active:hover,
li.nav_btn1.active a.nav-link1.active:hover,
li.nav_btn2.active a.nav-link2:hover,
li.nav_btn3.active a.nav-link3:hover {
  background: #232727!important;
}

#news_area, #schedule_area {
  margin: 0 auto 50px;
  padding: 0 10px;
}

#news_area .page-header {
  margin: 0 0 20px;
}

#maker_area {
  margin: 0 auto 55px;
  padding: 0 10px;
}

#maker_area .page-header {
  margin: 0 0 20px;
}

#maker_area .maker-block-banner {
  width: 191px;
  margin: 0 2px 20px;
  padding: 0;
}

#maker_area .maker-block-banner img {
  width: auto;
  max-width: 191px;
  height: 50px;
  margin: 0 auto;
  padding: 2px;
}

.sns_bn {
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.sns_bn ul {
  position: relative;
  left: 46%;
  float: left;
}

.sns_bn ul li {
  position: relative;
  left: -46%;
  float: left;
  list-style: none;
}

.sns_bn_fb {
  /*float:left;*/
  width:335px;
  margin: 0 20px 0 0;
}

.sns_bn_tw {
  /*float:right;*/
  width:335px;
}

/* 商品紹介 */
.thumbnail {
  border-radius: 0;
  border: none;
  height: 318px;
  margin: 0 0 50px;
  padding: 4px;
}

.thumbnail img {
  width: 100%;
  height: auto;
  max-height: 258px;
  padding: 0 0 0 0;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
}

#product-list-wrap .picture {
  width: 100%;
  min-height: 258px;
  margin: 0 0 4px;
  padding: 0;
}

.thumbnail_mini {
  border-radius: 0;
  border: none;
  height: 192px;
  margin: 0 0 8px;
  padding: 4px;
}

.thumbnail_mini img {
  width: 100%;
  height: auto;
  max-height: 192px;
  padding: 0 0 0 0;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
}

#product-list-wrap .thumbnail_mini .picture {
  width: 100%;
  min-height: 192px;
  margin: 0;
  padding: 0;
}

#product-list-wrap .imgblkbg .thumbnail ul.icon{position:absolute;top:4%;left:64%;opacity: 0;z-index:999; list-style:none;-webkit-padding-start: 0;-webkit-margin-before: 0; -webkit-margin-after: 0;overflow:hidden;margin:0 0 0 -10px;}
#product-list-wrap .imgblkbg .thumbnail ul.icon li{float:left;margin:0 0 0 10px;}

/*
#product-list-wrap .imgblkbg .thumbnail:hover {background: rgba(0,0,0, 0.1); cursor : pointer;}
#product-list-wrap .imgblkbg .past .thumbnail:hover {background: rgba(0,0,0, 0);}
#product-list-wrap .imgblkbg .thumbnail:hover ul.icon {opacity: 1;}
#product-list-wrap .imgblkbg .thumbnail:hover .picture {opacity: 0.4;}
#product-list-wrap .imgblkbg .thumbnail:hover .caption {opacity: 0.7;}
*/

#product-list-wrap div.caption {
  padding: 4px;
  height: auto;
  position: absolute;
  bottom: 56px;
  background: -moz-linear-gradient(bottom, transparent,#0000003D 0, #0000003D 40%, transparent);
  background: -webkit-linear-gradient(bottom, transparent, #0000003D 0, #0000003D 40%, transparent);
  background: linear-gradient(to top, transparent, #0000003D 0, #0000003D 40%, transparent);
  width: 326px;
}

#product-list-wrap div.category-caption-option {
  width: 295px;
}

#product-list-wrap div.caption-small {
  padding: 4px;
  height: auto;
  position: absolute;
  bottom: -4px;
  background: -moz-linear-gradient(bottom, transparent,#0000003D 0, #0000003D 40%, transparent);
  background: -webkit-linear-gradient(bottom, transparent, #0000003D 0, #0000003D 40%, transparent);
  background: linear-gradient(to top, transparent, #0000003D 0, #0000003D 40%, transparent);
  width: 97%;
}

#product-list-wrap div.caption,div.caption-small h3 {
  color: #FFFFFF;
  font-size: 16px;
  opacity: 1;
  text-align: center;
  padding: 0 0 5px 0;
}

#product-list-wrap .imgblkbg {
  margin: 0;
}

.list-product-icons {
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: 15;
  width: 60%;
  height: 40px;
  text-align: left;
}

.list-product-icons img.product-status-icon {
  width: 40px;
  height: 40px;
  margin: 0 4px 0 0;
}

.list-product-maker {
  position: absolute;
  top:5%;
  right: 5%;
  z-index: 15;
  width: 50%;
  text-align: right;
}

.list-product-maker img {
  width: initial;
  width: auto;
  height: 30px;
  display: none;
}

.list-product-info {
  text-align: center;
}

.list-product-info .product_logo{}

.thumbnail .list-product-info .product_name {
  padding: 0 50px 0 20px;
  display: flex;
  justify-content: space-between;
}

.thumbnail .list-product-info .product_name .product_name_label {
  color: #FFFFFF;
  font-size: 16px;
  opacity: 1;
}

.thumbnail_mini .list-product-info .product_name {
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
}

.thumbnail_mini .list-product-info .product_name .product_name_label {
  color: #FFFFFF;
  font-size: 12px;
  opacity: 1;
}

.list-product-info .product_status {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
}

.list-product-info .product_status_label {
  display: inline-block;
  text-align: center;
  width: 140px;
  height: 20px;
  color: #FF5800;
  font-size: 11px;
  background-color: #FFFFFFB2;
  border: 1px solid #FF5800;
  opacity: 1;
  margin: 0 4px;
  padding: 2px 0 0;
}

.list-product-info .product_copyright {
  color: #aaa;
  opacity: 1;
  font-size: 9px;
  position: absolute;
  top: 305px;
  left: 0;
  right: 0;
}

#product-list-wrap .price{border:1px solid #C5C1C2;background:#fff;text-align:center;color:#555;width:100%;display:block;font-size:11px;}
#product-list-wrap .pricebox{padding:0 0 10px 0;}

.list-product-fav-icon {
  position: absolute;
  top: 72%;
  right: 5%;
  cursor: pointer;
  display: none;
}

.list-product-fav-icon img {
  width: auto;
}


.list-product-button-area {
  text-align: center;
  margin: 60px 0 0;
}

.list-product-button-area .more_button {
  width: 400px;
  height: 52px;
  text-align: center;
  font-size: 14px;
  color: #3597EC;
  border: 1px solid #3597EC;
  opacity: 1;
  background: #FFFFFF;
}

.list-product-button-area .more_button:hover,
.list-product-button-area .more_button:active,
.list-product-button-area .more_button:focus {
  color: #1973c1;
  background-color: #e9f5ff;
}

#product-list-wrap .imgblkbg .thumbnail {/*position:relative;margin:0 0 0 10px;*/}
.list_area{padding:0!important;}
.list_area .status_icon{max-width: 100%;overflow:hidden;}
.list_area .status_icon span{font-size:10px;max-width: 70px;float:left;margin:0 0 3px 3px;}
.list_area.thumbnail{position:relative;background:#fff;display:block;}
#product-list-wrap div.list_area.thumbnail{height:auto;min-height:160px;}
#product-list-wrap .imgblkbg .list_area{margin:0 0 10px 10px!important;width:168px;}



/************************************************
 products
************************************************ */
.fixed_title_area {
  max-width: 1000px;
  margin: 0 auto;
}

#product-list-title {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #232727;
  margin: 0 0 30px;
}


#introduction-area {
  margin: 20px 0;
}

#introduction-area .introduction-bloc {
  margin: 0 0 80px;
}

#introduction-area .title-area {
  text-align: center;
  margin: 0 0 30px;
}

#introduction-area .title-area h3.maker_name {
  font-size: 14px;
  color: #232727;
  margin: 0;
}

#introduction-area .title-area h3.writer_name {
  font-size: 22px;
  color: #232727;
  margin: 0;
}

#introduction-area .title-area h4 {
  font-size: 12px;
  color: #C4C4C4;
  margin: 0 0 6px;
}

#introduction-area .title-area img.maker_logo {
  width: auto;
  height: 112px;
}

#introduction-area .image-area {
  height: auto;
  text-align: center;
}

#introduction-area .image-area .introduction-image {
  width: 100%;
  height: auto;
}

/*#introduction-area .movie-area{height:480px;text-align: center;}*/

#introduction-area .movie-area {
  position: relative;
  width: 100%;
  margin: 40px 0 0;
  padding-top: 56.25%;
}

#introduction-area .movie-area iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#introduction-area .text-area {
  width: 1000px;
  margin: 0 auto;
  padding: 50px 140px 0;
}

#introduction-area .text-area h3 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #232727;
  margin: 0 0 20px;
}

#introduction-area .text-area span {
  text-align: left;
  font-size: 14px;
  color: #3E4545;
  text-justify: inter-ideograph;
  line-height: 1.6em;
}

#introduction-area .button-area {
  text-align: center;
  margin: 40px 0;
}

#introduction-area .button-area .introduction_search_button {
  width: 116px;
  height: 36px;
  text-align: center;
  font-size: 14px;
  color: #3597EC;
  border: 1px solid #3597EC;
  opacity: 1;
  background: #FFFFFF;
}

#introduction-area .button-area .introduction_search_button:hover,
#introduction-area .button-area .introduction_search_button:active,
#introduction-area .button-area .introduction_search_button:focus {
  color: #1973c1;
  background-color: #e9f5ff;
}

/* 商品一覧 */
.productlist {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 20px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 20px 0;
  max-width: 980px;
}

.productlist_last {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 20px;
  padding: 0 0 20px 0;
  max-width: 980px;
}

.productlist_l {
  float: left;
  width: 20%;
  height: 130px;
  margin-right: 2%;
}

.productlist_l img {
  width: 100%;
  height: auto;
  max-height: 130px;
  padding: 0 0 0 0;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
}

.productlist_r {
  position: relative;
  float: right;
  width: 78%;
}

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

.productlist_r .productlist_ti h4 {
  margin: 0;
  overflow: hidden;
}

.productti {
  color: #3597ec;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.productti:hover, .productti:active, .productti:focus {
  color: #286090;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.productkakaku .price {
  color: #d44950;
  font-size: 14px;
  font-weight: bold;
}

.productlist_r .favorite_delete {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  /*background: url(/html/template/default/assets/img/common/sh_fav_off.png) no-repeat;*/
  background-size: 34px 34px;
  width: 34px;
  height: 34px;
  cursor: pointer;
}

.productlist2 {
  max-width: 980px;
  margin: 0 auto;
}

.productlist2 .list_product_area{
  padding: 5px 5px 5px 5px;
  height: 200px;
  max-width: 300px;
}

.productlist2 .product_img {
  width: 100%;
  height: auto;
  max-height: 190px;
  padding: 0 0 0 0;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
}

.productlist2 .picture {
  width: 100%;
  min-height: 190px;
  margin: 0;
  padding: 0;
}

.productlist2 .list-product-info {
  position: absolute;
  top: 140px;
}

.productlist2 .list-product-info .product_name {
  padding: 0 10px;
}

.productlist2 .list-product-info .product_name .product_name_label {
  color: #FFFFFF;
  opacity: 0.9;
  text-align: left;
  font-size: 12px;
  /*font: "Regular 12px/16px SF Pro Display";*/
}

.productlist2 .caption-small {
  padding: 4px;
  height: auto;
  position: absolute;
  bottom: 5px;
  background: -moz-linear-gradient(bottom, transparent,#0000003D 0, #0000003D 40%, transparent);
  background: -webkit-linear-gradient(bottom, transparent, #0000003D 0, #0000003D 40%, transparent);
  background: linear-gradient(to top, transparent, #0000003D 0, #0000003D 40%, transparent);
  width: 96%;
}

.productlist2 .caption-small h3 {
  color: #FFFFFF;
  font-size: 16px;
  opacity: 1;
  text-align: center;
  padding: 0 0 5px 0;
}

/* 商品詳細 */
.product_detail_fav_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 500;
}

.ad-gallery .ad-image-wrapper {
  margin: 0 0 8px;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description,
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
  display: none!important;
}

.ad-gallery .ad-nav {
  width: 100%;
}

.ad-gallery .ad-back{display: none;}
.ad-gallery .ad-forward{display: none;}

.ad-gallery .ad-thumb-list {
  width: 100%;
  display: inline;
}

.ad-gallery .ad-thumb-list li {
  float: left;
  width: 108px;
  height: 160px;
  margin: 0 2px 2px 0;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.ad-gallery .ad-thumb-list li a img,
.ad-gallery .ad-thumb-list li a.ad-active img {
  border: none;
  border-radius: unset;
  height: auto;
  min-height: 158px;
  padding: 0;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
}

.copy_sns_area {
  margin: 18px 0 60px;
  min-height: 34px;
  position: relative;
}

.copyright_txt {
  font-size: 12px;
  color: #C4C4C4;
  word-break: break-all;
}

.snsbtn {
  overflow: hidden;
  /*position: absolute;*/
  margin-top: 5px;
  top: 0;
  right: 0;
}

.snsbtn .linebtn {
  float: right;
  margin: 0 0 0 10px;
  width: 34px;
  height: 34px;
}

.snsbtn .twbtn {
  float: right;
  margin: 0 0 0 10px;
  width: 34px;
  height: 34px;
}

.snsbtn .fb-like {
  float: right;
  margin: 0 0 0 10px;
}

.status_products_dtl {
  position: relative;
  height: 40px;
  margin: 0;
}

.status_products_dtl img.product-status-icon {
  width: 40px;
  height: 40px;
}

.status_products_dtl .label {
  padding: 5px;
  font-size: 20px;
  border-radius: 5px;
  width: 130px;
  display:inline-block;
}

.product-status-icon {
  margin: 0 10px 0 0 ;
}

.detail_mayker {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 40px;
}

.product_detail_side_column .name {
  font-weight: bold;
  font-size: 22px;
  color: #232327;
  margin: 30px 0 25px;
}

.product_detail_side_column .main_spec {
  margin: 0 0 24px;
}

.product_detail_side_column .main_spec dl {
  overflow: hidden;
  margin: 0 0 6px;
}

.product_detail_side_column .main_spec dt {
  float: left;
  font-size: 12px;
  color: #707070;
  font-weight: initial;
}

.product_detail_side_column .main_spec dd {
  float: left;
  font-size: 12px;
}

.main_comment {
  background: #fff;
  font-size: 13px;
  margin: 0 0 20px;
  text-justify: inter-ideograph;
}

.products_buy {
  margin: 0 0 38px;
  padding: 0;
}

.dtlrightbox {
  padding: 0;
}

.yoyakuicon, .yoyakustarticon, .yoyakuendicon {
  color: #FF5800;
  font-weight: Bold;
  font-size: 14px;
  border: 1px solid #FF5800;
  margin: 0 0 12px;
  padding: 7px 26px;
  text-align: center
}
/*
.yoyakustarticon{color:#46dd46;font-weight:Bold;font-size:14px;background-color:#FFFFFFB2;border: 1px solid #46dd46;padding: 7px 26px 7px 26px; text-align: center}
.yoyakuendicon{color:#d9534f;font-weight:Bold;font-size:14px;background-color:#FFFFFFB2;border: 1px solid #d9534f;padding: 7px 26px 7px 26px; text-align: center}
*/

.product_detail_side_column .reserve_date_term .reserve_term_arrow {
  text-align: center;
  padding: 18px 0px 0px 0px;
}

.product_detail_side_column .reserve_date_term dl {
  overflow: hidden;
  /*-webkit-margin-before: 0;
	-webkit-margin-after: 0;*/
}

.product_detail_side_column .reserve_date_term dt {
  float: left;
  font-size: 12px;
  color: #707070;
  font-weight: initial;
}

.product_detail_side_column .reserve_date_term dd {
  float: left;
  font-size: 16px;
  color: #232327;
}

.product_detail_side_column .product_select {
  padding: 0 0 16px;
}

.product_detail_side_column .product_select_l {
  float: left;
  text-align: left;
  margin-top: 20px;
}

.product_detail_side_column .product_select .add_quantity{}

.product_detail_side_column .product_select .select_quantity {
  display: inline;
  border: none;
  width: 30px;
  padding: 3px 0 0;
  font-weight: bold;
  text-align: center;
}

.product_detail_side_column .product_select .sub_quantity{}

.product_detail_side_column .product_select .form-control {
  background-color: #fff;
  box-shadow: none;
}

.product_detail_side_column .product_select_r {
  float: right;
  text-align: right;
}

.product_detail_side_column .product_select .sale_price_label {
  color: #707070;
  font-size: 10px;
}

.product_detail_side_column .product_select .sale_price_value {
  color: #232727;
  font-size: 23px;
  font-weight: bold;
  color: #d44950;
}

.product_detail_side_column .product_select .normal_price_label {
  color: #232727;
  font-size: 13px;
  font-weight: normal;
}

.product_detail_side_column .product_select .normal_price_value {
  color: #232727;
  font-size: 13px;
  font-weight: bold;
}

.product_detail_side_column .product_select .discount_rate_value {
  color: #232727;
  font-size: 15px;
  font-weight: normal;
  color: #707070;
}

.product_detail_side_column .product_select .discount_rate_value_prefix {
  color: #232727;
  font-size: 13px;
  font-weight: normal;
  color: #707070;
}

.product_detail_side_column .product_select .point_label {
  color: #232727;
  font-size: 13px;
  font-weight: normal;
}

.product_detail_side_column .product_select .point_value {
  color: #232727;
  font-size: 13px;
  font-weight: bold;
}

.product_detail_side_column .cart_attention {
  font-size: 12px;
  overflow: hidden;
  padding: 0 0 16px;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

#cartbtn_default {
  margin: 0;
}

#cartbtn_default a {
  background: #FF5800 url(../images/YTg8t0feMY2f.png) 10px center no-repeat;
  background-size: 32px 32px;
  display: block;
  width: 100%;
  padding: 13px 10px 13px 20px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

#cartbtn_default a:hover, #cartbtn_default a:focus {
  background: #c95c2c url(../images/YTg8t0feMY2f.png) 10px center no-repeat;
}

.products_spec {
  margin: 0 0 12px;
  padding: 0;
}

.products_spec dl {
  overflow: hidden;
  border-bottom: 1px solid #DDD;
  margin: 0 0 14px;
  padding: 0;
  /*-webkit-margin-before: 0;
	-webkit-margin-after: 0;*/
}

.products_spec dt {
  float: left;
  font-size: 12px;
  color: #707070;
}

.products_spec dd {
  float: right;
  font-size: 12px;
}

.products_spec h2{font-size:14px;font-weight:bold;margin:5px 0 10px 0;}

.rvw_r {
  margin: 0 0 60px;
}

.rvw_r p{font-size:11px;}

.rvw_r hr{margin-top: 10px;margin-bottom: 5px;border: 0;border-top: 1px solid #eee;}
.rvw_r .media-list{height:150px;overflow-y:scroll;}
.rvw_r .media-list .media>.pull-left{padding: 0;}

.rvw_rti {
  overflow: hidden;
  margin: 10px 0 5px;
  padding: 0 0 0 8px;
}

.rvw_rti h2{float:left;}

.review_btn a {
  background: #fff url(../images/gdtZw22NWUIm.png) 5px center no-repeat;
  background-size: 24px 24px;
  display: block;
  color: #ff5800;
  text-align: right;
  display: block;
  width: 36%;
  padding: 3px;
  text-decoration: none;
  float: right;
  font-size: 15px;
}

.review_btn a:hover, .review_btn a:focus {
  color: #df550c;
  background-color: #fbece4;
}

/* スワイプ */
#swipebox-bottom-bar, #swipebox-top-bar {
  text-shadow: none;
  background: none;
  bottom: 0;
  height: 55%;
}

#swipebox-bottom-bar.visible-bars, #swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#swipebox-arrows {
  max-width: 900px;
}

#swipebox-prev {
  background-image: url(../images/OAVjY7XkbGR9.png);
  background-size: 32px 48px;
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 32px;
  height: 48px;
  background-position: 0 0;
}

#swipebox-next {
  background-image: url(../images/6kIicQDSQ8zE.png);
  background-size: 32px 48px;
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 32px;
  height: 48px;
  background-position: 0 0;
}

#swipebox-close {
  background-image: url(../images/Uokbw91GNccw.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-position: 0 0;
  top: 10px;
  right: 10px;
}


/************************************************
 search
************************************************ */
#product_search_modal {
  position: fixed;
  display: none;
  z-index: 9999;
  top: 0%;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow-y: scroll;
}

#product_search_modal .button_area_row {
  margin: 20px 0 0 0;
}

#product_search_modal .button_area_row a {
  color: #DDDDDD;
  font-size: 14px;
}

#product_search_modal .button_area_row a:hover,
#product_search_modal .button_area_row a:active,
#product_search_modal .button_area_row a:focus {
  color: #a0a0a0;
  font-size: 14px;
}

#product_search_modal .button_area_row h3 {
  text-align: left;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 15px 0;
  padding: 0 0 0 15px;
}

#product_search_modal .button_area_row ul {
  margin: 0;
  overflow: hidden;
  list-style-type: none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
  padding: 0 0 0 15px;
}

#product_search_modal .button_area_row ul li {
  text-align: left;
  margin: 0 0 6px;
  padding: 0 0 5px 0;
}

.search_box {
  width: 80%;
  height: auto;
  margin: 6% 10% 20%;
  padding: 0;
}

.product_search {
  overflow: hidden;
  padding: 10px 15px 30px;
}

.product_search_in {
  float: left;
  max-width: 705px;
  width: 100%;
}

.product_search_in div {
  float: left;
}

.product_search_in div input {
  border: solid #C3C3C4 thin;
  border-radius: 60px !important;
  box-shadow: none;
  width: 740px;
  height: 42px;
  padding: 5px 80px 5px 12px!important;
  position: relative;
}

.product_search_in button {
  position: absolute;
  top: 54px;
  right: 29px;
  border-radius: 60px;
  border: none !important;
  background: #fff;
}

/*
.product_search_in button {
	float: left;
	background: #FFF;
	border: none;
	border-radius: 0 50px 50px 0;
	width: 60px;
	height: 34px;
	padding: 5px 0;
	text-align: center;
}
*/

.search_close {
  position: fixed;
  top: 40px;
  right: 40px;
}

.product_search_in2{float:right;max-width:216px;width:100%;}
.product_search_in2 div{float:left;}
.product_search_in2 div select{border:solid #C3C3C4 thin;border-radius: 5px 0 0 5px!important;box-shadow: none;width:174px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url(/html/template/default/assets/img/common/arrow_icon.png) right 50% no-repeat;background-size: 25px 34px;border-right:2px solid #fff;padding:2px 30px 2px 12px!important;height:32px;}
.product_search_in2 div select::-ms-expand {display: none;}
.product_search_in2 button{float:left;background:#F7B52B;border:none;border-radius: 0 5px 5px 0;width:42px;height:32px;padding: 5px 0;text-align:center;}


/************************************************
 privacy
************************************************ */
.privacybox_in {
  background: #fff;
  padding: 65px 10% 0;
}

.privacybox_in h3 {
  color: #485253;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0;
}

.privacybox_in p {
  font-size: 14px;
  margin-bottom: 30px;
  padding: 0;
}

.privacybox_in p.privacy_end {
  font-size: 14px;
  margin-bottom: 70px;
  padding: 0;
}

.privacybox_in address {
  margin-bottom: 0;
}

/* 会社概要 */
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td {
  border-top: 0;
}


#undercolumn_shopping .panel-body{padding:10px;}
#undercolumn_shopping .panel-heading.text-bold{padding:10px 0 0 15px;}

#payment .col-md-3{width:60%;}
#payment .col-md-9{width:38%;}


#payment_form th{vertical-align: top;padding: 10px 0;width: 23%;}
#payment_form th.alignC{padding: 10px 0 15px 0;}
#payment_form th.alignC input[type="radio"]{margin:0 0 0 30px;}
#payment_form th.aligenC{text-align:center;}


#payment_form td{padding: 10px 0;}
#payment_form p.mini{padding: 5px 0;}

#payment_form input[type="text"]{width: 40%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#payment_form input[type="tel"]{width: 40%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}


#payment_form select{width: 30%;height: 34px;padding: 6px 12px;margin:0 5px 0 0;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
/*
#payment_form #payment_form_body .btn_area{width:300px!important;margin:20px auto 0 auto!important;}
#payment_form #payment_form_body .btn_area ul{overflow:hidden;}
#payment_form #payment_form_body .btn_area li:first-child{list-style:none;float:left;}
#payment_form #payment_form_body .btn_area li:last-child{list-style:none;float:right;}
*/
#payment_form #payment_form_body .btn_area li{list-style:none;margin:10px 0 0 0;}

.kakudai li{display:none;}
.kakudai li:last-child{display:block!important;}
body .ad-image-wrapper_out .swipebox img.kakudai{width:50px!important;height:auto;}

/* .status_products_dtl .status_icon span{margin:0 0 5px 0;} */

.navbar-toggle{display:none;}


/************************************************
 mypage
************************************************ */
.jumbotron, .panel-footer {
  background-color: #fff;
}

.mypage_login {
  background-image: url(../images/TxbMbuGFItFG.png);
  background-repeat: no-repeat;
  background-size: 60px 60px;
  width: auto;
  min-height: 60px;
  height: auto;
  margin: 0 0 48px;
  padding: 6px 0 6px 76px;
}

.mypage_login .user_name {
  color: #232727;
  font-size: 22px;
  margin-bottom: 12px;
}

.mypage_login .point {
  color: #3e4545;
  font-size: 14px;
  font-weight: normal;
}

#mynavi_area {
  width: 100%;
  margin: 0 0 36px!important;
  padding: 0!important;
}

#mynavi_area a {
  width: 32%;
  margin: 0 0 14px 1%!important;
  white-space: normal;
  text-decoration: none;
}

.btn-group-justified {
  display: block;
  margin: 0;
}

.btn-group-justified>.his_btn {
  display: block;
  float: left;
  height: 44px;
  text-align: center;
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  padding: 10px 12px 0!important;
  border-radius: 0!important;
  background-color: #fff;
  background-image: url(../images/l3H3SQKm6iRS.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.his_btn.active {
  color: #fff;
  box-shadow: none;
  border: 0;
  background-color: #3597ec;
  background-image: url(../images/VkfAXNFGgLuT.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.fav_btn {
  display: block;
  float: left;
  height: 44px;
  text-align: center;
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  padding: 10px 12px 0!important;
  border-radius: 0!important;
  background-color: #fff;
  background-image: url(../images/EapH6DtXmN5t.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.fav_btn.active {
  color: #fff;
  box-shadow: none;
  border: 0;
  background-color: #3597ec;
  background-image: url(../images/b1zc8L9nERyx.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.cha_btn {
  display: block;
  float: left;
  height: 44px;
  text-align: center;
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  padding: 10px 12px 0!important;
  border-radius: 0!important;
  background-color: #fff;
  background-image: url(../images/0hZBvgehirIj.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.cha_btn.active {
  color: #fff;
  box-shadow: none;
  border: 0;
  background-color: #3597ec;
  background-image: url(../images/B8byRIdzDnOV.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.del_btn {
  display: block;
  float: left;
  height: 44px;
  text-align: center;
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  padding: 10px 12px 0!important;
  border-radius: 0!important;
  background-color: #fff;
  background-image: url(../images/FJ0P4q6zUeg5.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.del_btn.active {
  color: #fff;
  box-shadow: none;
  border: 0;
  background-color: #3597ec;
  background-image: url(../images/TXonfFqxzkny.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.chc_btn {
  display: block;
  float: left;
  height: 44px;
  text-align: center;
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  padding: 10px 12px 0!important;
  border-radius: 0!important;
  background-color: #fff;
  background-image: url(../images/yUhLT1KIkdPW.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.chc_btn.active {
  color: #fff;
  box-shadow: none;
  border: 0;
  background-color: #3597ec;
  background-image: url(../images/AzQDMhDQCKjS.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.ref_btn {
  display: block;
  float: left;
  height: 44px;
  text-align: center;
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  padding: 10px 12px 0!important;
  border-radius: 0!important;
  background-color: #fff;
  background-image: url(../images/t7ojdmBuaFq1.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.ref_btn.active {
  color:#fff;
  box-shadow: none;
  border: 0;
  background-color: #3597ec;
  background-image: url(../images/w8kLShkwJBq2.png);
  background-repeat: no-repeat;
  background-position: 4px 8px;
  background-size: 28px 28px;
}

.btn-group-justified>.his_btn:hover,
.btn-group-justified>.fav_btn:hover,
.btn-group-justified>.cha_btn:hover,
.btn-group-justified>.del_btn:hover,
.btn-group-justified>.chc_btn:hover,
.btn-group-justified>.ref_btn:hover {
  background-color: #e9f5ff;
}

.btn-group-justified>.his_btn.active:hover,
.btn-group-justified>.fav_btn.active:hover,
.btn-group-justified>.cha_btn.active:hover,
.btn-group-justified>.del_btn.active:hover,
.btn-group-justified>.chc_btn.active:hover,
.btn-group-justified>.ref_btn.active:hover {
  background-color: #3597ec;
}

.btn-group-justified .disp_number {
  float: right!important;
}

#mycontents_area h3 {
  color: #232727;
  font-weight: bold;
  border-bottom: 2px solid #232727;
  margin-bottom: 20px;
  padding: 0 4px 6px;
}

#mycontents_area h3.title2 {
  font-size: 22px;
  border-bottom: none;
  margin: 0;
  text-align: center;
}

#mycontents_area .list-group-item {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 10px 0;
}

.list_link_box {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 20px 0;
  padding: 20px 4px 0;
}

a.list-group-item > .list_link_box:hover {
  background: #f4f4f4;
}

.list-group a {
  overflow:hidden;
  border-bottom: 1px solid #ddd!important;
}

.list-group-item .list-group_l {
  float: left;
  width: 32%;
  height: auto;
  text-align: left;
  margin-right: 4%;
}

.order_number {
  color: #707070;
  font-size: 14px;
}

.order_day {
  color: #232727;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.order_zeikomi {
  color: #707070;
  font-size: 10px;
  text-align: right;
}

.order_goukei {
  display: block;
  position: relative;
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  padding-top: 8px;
}

.order_gprice {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #232727;
  font-size: 24px;
  font-weight: bold;
}

.delivery_info {
  color: #ff5800;
  font-size: 12px;
  border: 1px solid #ff5800;
  padding: 2px;
  text-align: center;
  width: 54%;
}

.list-group-item .list-group_l img {
  max-width: 100%;
  display: inline-block;
  text-align: center;
}

.list-group-item .list-group_r {
  float: left;
  width: 64%;
}

.list-group_r .order_rbox {
  height: auto;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.list-group_r .order_rbox_last {
  height: auto;
  margin-bottom: 0;
  padding-bottom: 20px;
}

.list-group_r .order_rbox .order_imgbox,
.list-group_r .order_rbox_last .order_imgbox {
  width: 28%;
  height: 130px;
  float: left;
  margin-right: 2%;
  text-align: center;
}

.list-group_r .order_rbox .order_imgbox img,
.list-group_r .order_rbox_last .order_imgbox img {
  width: 100%;
  height: auto;
  max-height: 130px;
  padding: 0 0 0 0;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
}

.list-group_r .order_rbox .text_area,
.list-group_r .order_rbox_last .text_area {
  width: 70%;
  float: left;
  margin-bottom: 10px;
  word-wrap: break-word;
}

.order_name {
  color: #3597ec;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-right: 20px;
}

.order_price {
  color: #232727;
  font-size: 14px;
  margin-bottom: 28px;
}

.order_point {
  color: #707070;
  font-size: 14px;
  margin-bottom: 20px;
}

.status_box {
  width: 100%;
  height: auto;
}

.status_info {
  color: #ff5800;
  font-size: 12px;
  border: 1px solid #ff5800;
  padding: 2px;
  text-align: center;
  width: 40%;
  float: left;
}

.order_schedule {
  color: #232727;
  font-weight: bold;
  width: 60%;
  text-align: right;
  float: left;
}

.btn-arrow {
  position: absolute;
  top: 16px;
  right: 0;
  padding: 0;
}

/* お気に入り一覧 */
.favoritelist {
  overflow: hidden;
  margin: 20px 0 0 0;
  border-bottom: 1px solid #ddd;
  padding: 0 0 20px 0;
}

.favoritelist_last {
  overflow: hidden;
  margin: 20px 0 0 0;
  padding: 0 0 20px 0;
}

.favoritelist_l {
  float: left;
  width: 20%;
  height: 130px;
  margin-right: 2%;
}

.favoritelist_l img {
  width: 100%;
  height: auto;
  max-height: 130px;
  padding: 0;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
}

.favoritelist_r {
  position: relative;
  float: right;
  width: 78%;
}

.favoritelist_ti {
  margin: 0 0 10px;
}

.favoritelist_r .favoritelist_ti h4 {
  margin: 0;
  overflow: hidden;
}

.favoti {
  color: #3597ec;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

.favoti:hover, .favoti:active, .favoti:focus {
  color: #286090;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

.favokakaku, .favokakaku .price {
  color: #232727;
  font-size: 14px;
}

.favo_point {
  color: #707070;
  font-size: 14px;
  margin: 0 0 28px;
}

.status_icon {
  margin: 0 20px 0 0;
  overflow: hidden;
  float: left;
}

.status_icon span {
  margin: 0 4px 0 0;
  float: left;
  display: block;
  padding: 4px;
}

.label.label-primary,
.label.label-success,
.label.label-warning,
.label.label-danger,
.label.label-info,
.labellabel-primary,
.labellabel-success,
.labellabel-warning,
.labellabel-danger,
.labellabel-info {
  color: #ff5800;
  border: 1px solid #ff5800;
  background: #fff;
  text-align: center;
}

.release_date {
  color: #232727;
  font-weight: bold;
  float: left;
}


.favoritelist_r .favorite_delete {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  /*background: url(/html/template/default/assets/img/common/sh_fav_off.png) no-repeat;*/
  background-size: 34px 34px;
  width: 34px;
  height: 34px;
  cursor: pointer;
}
/*
.favoritelist_r .favorite_delete a {
    display: inline-block;
}

.favoritelist_r .favorite_delete a:hover {
	background-color: transparent;*/ /* IE6対応 */
/*
}

.favoritelist_r .favorite_delete a:hover img {
    visibility: hidden;
}
*/

.favoritelist_r .btnbox{display:table;width:100%;}
.favoritelist_r .product_detail{display:table-cell;width:33%;padding:0 5px;}
.product_detail a{display:block;background:#F7B53D url(/html/template/default/assets/img/common/product_detail_icon.png) 10px center no-repeat;color:#fff;border-radius: 5px;height:70px;font-size:13px;padding:18px 0 0 66px;text-decoration:none;}

.favoritelist_r .product_delete{display:table-cell;width:33%;padding:0 5px;}
.favoritelist_r .product_delete a{display:block;background:#B4B5B5 url(/html/template/default/assets/img/common/product_delete_icon.png) 10px center no-repeat;color:#fff;border-radius: 5px;height:70px;font-size:13px;padding:18px 0 0 66px;text-decoration:none;}

.favoritelist_r .product_cart{display:table-cell;width:33%;padding:0 5px;}
.favoritelist_r .product_cart a{display:block;background:#F19622 url(/html/template/default/assets/img/common/product_cart_icon.png) 10px center no-repeat;color:#fff;border-radius: 5px;height:70px;font-size:13px;padding:18px 0 0 66px;text-decoration:none;}

#mycontents_area .panel-heading{padding:15px 0 0 15px;display:block;}


.pagination > a:hover, .pagination > a:active, .pagination > a:focus {
  color: #1973c1;
  background-color: #e9f5ff;
}


/* 注文履歴詳細 */
.history-list_l {
  float: left;
  width: 24%;
  height: auto;
  text-align: left;
  margin-right: 4%;
}

.history-list_r {
  float: left;
  width: 72%;
}

#mycontents_area .history-item {
  margin-bottom: 20px!important;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

#mycontents_area .history_img {
  width: 30%;
  height: 130px;
  margin: 0 2% 0 0;
  float: left;
  text-align: center;
}

#mycontents_area .history_img img {
  width: 100%;
  height: auto;
  max-height: 130px;
  margin: 0 auto;
  padding: 0 0 0 0;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
}

.history_info {
  width: 68%;
  float: left;
}

.history-item-title a {
  color: #3597ec;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: none!important;
}

.history-item-title a:hover {
  color: #286090;
}

.history-item-price {
  color: #232727;
  font-size: 14px;
  margin-bottom: 20px;
}

.history_gprice {
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}

.history_goukei {
  color: #232727;
  font-weight: bold;
  text-align: right;
}

.resend_box {
  width: 100%;
  min-height: 30px;
  height: auto;
  margin: 50px 0 0;
}

.btn_box {
  display: block;
  float: right;
  width: 30%;
}

.history_btn {
  color: #ff5800;
  font-size: 12px;
  border: 1px solid #ff5800;
  padding: 4px;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
  float: right;
  width: 50%;
  outline: none!important;
}

.history_btn:hover, .history_btn:active, .history_btn:focus {
  color: #df550c;
  background-color: #fbece4;
}


#mycontents_area .panel-heading {
  padding: 15px 0 0 15px;
  display: block;
}

#mycontents_area .history-item .padding-right-none {
  width: 100px!important;
}

.history_back {
  width: 16%;
  margin: 0 auto!important;
  padding: 1%;
  line-height: 1.428571429;
  color: #3597ec;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #3597ec;
  border-radius: 0;
  outline: none!important;
}

.history_back:hover, .history_back:active, .history_back:focus {
  color: #1973c1;
  background-color: #e9f5ff;
}

.taikai_btn {
  width: 20%;
  margin: 0 auto!important;
  padding: 1%;
  line-height: 1.428571429;
  color: #3597ec;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #3597ec;
  background-color: #fff;
  border-radius: 0;
}

.taikai_btn:hover, .taikai_btn:focus {
  color: #3597ec;
  background-color: #e9f5ff;
}

.list_mail_box {
  padding: 10px 4px!important;
}

.list_mail_box:hover {
  background: #f4f4f4!important;
}

/* 配送方法の変更 */
.delivery_btn, .delivery_btn:active {
  width: 20%;
  margin: 0 0 30px 0;
  padding: 6px 10px;
  line-height: 1.428571429;
  color: #3597ec;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #3597ec;
  background-color: #fff;
  border-radius: 0;
  outline: none!important;
}

#mycontents_area .change_btn, #mycontents_area .change_btn:active {
  width: 20%;
  margin: 0;
  padding: 4px 10px;
  line-height: 1.428571429;
  color: #3597ec;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  border-bottom: 1px solid #3597ec!important;
  border: 1px solid #3597ec;
  background-color: #fff;
  border-radius: 0;
  outline: none;
}

.delivery_btn:hover, .delivery_btn:focus,
#mycontents_area .change_btn:hover, #mycontents_area .change_btn:focus {
  color: #1973c1;
  background-color: #e9f5ff;
}

#mypagecolumn .panel-body {
  padding: 10px;
}

/* 会員登録内容変更 */
.form-control {
  border-radius: 50px;
  height: 38px;
  background-color: #f4f4f4;
  box-shadow: none!important;
}

input[type="text"] {
  padding: 6px 2px 6px 12px;
}

input[type="text"]#company_name {
  width: 98%;
  margin-bottom: 30px;
}

input[type="text"]#entry_company_name {
  width: 98%;
  margin-bottom: 30px;
}

.padding-none {
  margin-top: 6px;
}

.deliadd_box {
  width: 90%;
  height: auto;
  min-height: 20px;
  margin: 0 0 2% -15px;
  padding: 0;
  display: block;
  float: left;
}

select {
  height: 34px;
  padding: 0 0 0 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #999;
  background-image: none;
  border: 1px solid #ccc;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display:block;
}

select::-ms-expand {
  display: none;
}

select {
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  border: none;
  cursor: pointer;
}

.select-menu, .reminder-menu, .job-menu, .year-menu, .month-menu, .day-menu, .panel-menu {
  position: relative;
  display: block;
}

.select-menu::before, .reminder-menu::before, .job-menu::before, .year-menu::before {
  position: absolute;
  content: '';
  width: 8px; height: 8px;
  top: 16px;
  right: 26px;
  border-bottom: 2px solid #3597ec;
  border-right: 2px solid #3597ec;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
}

.month-menu::before, .day-menu::before {
  position: absolute;
  content: '';
  width: 8px; height: 8px;
  top: 16px;
  right: 14px;
  border-bottom: 2px solid #3597ec;
  border-right: 2px solid #3597ec;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
}

.panel-menu::before {
  position: absolute;
  content: '';
  width: 8px; height: 8px;
  top: 26px;
  right: 30px;
  border-bottom: 2px solid #3597ec;
  border-right: 2px solid #3597ec;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
}

/*input[type="tel"] {*/
/*  text-align: center;*/
/*}*/

.zipimg {
  margin: -1% 0 0 0;
  padding: 1% 0;
  float: left;
  width: 100%;
}

a.btn-primary {
  color: #fff;
  background-color: #3597ec;
  border: 1px solid #3597ec;
  margin: 0 auto;
  padding: 2px 6%;
  font-size: 14px;
  line-height: 1.3333333;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
}

.deliadd #form1 .btn_area {
  margin-top: 30px;
  padding: 1%;
  text-align: center;
}

a.btn-register {
  color: #fff;
  background-color: #3597ec;
  border: 1px solid #3597ec;
  margin: 2% auto;
  padding: 1% 6%;
  font-size: 14px;
  line-height: 1.3333333;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
}

.radio {
  float: left;
  height: 30px;
  padding: 1% 0;
}

input[type="radio"] {
  width: 23px;
  height: 23px;
  margin: 0;
  background-color: #f4f4f4;
}

/*
#mypagecolumn .radio label {
	padding: 2% 4px 1% 10px;
}
*/

#mycontents_area .btn-register, #undercolumn_shopping .btn-register {
  color: #fff;
  background-color: #3597ec;
  border: 1px solid #3597ec;
  width: 30%;
  margin: 20px auto 0;
  padding: 14px 0;
  border-radius: 0;
}

#mycontents_area .btn-register:hover, #mycontents_area .btn-register:focus,
#undercolumn_shopping .btn-register:hover, #undercolumn_shopping .btn-register:focus {
  background-color: #286090;
  border: 1px solid #286090;
}

#mycontents_area .btn_area, #undercolumn_shopping .btn_area {
  text-align: center;
}

.form-check {
  font-size: 16px;
  background-color: #fff!important;
}

.company-check {
  width: 98%!important;
}

/*
#mycontents_area .btn-primary, .btn_area .btn-primary {
	background-color: #3597ec;
	border-color: #3597ec;
}
*/

#mycontents_area .btn-default, .btn_area .btn-default {
  color: #ff0000;
  border: none;
  text-align: center;
  width: 30%;
  margin: 0 auto;
  outline: none!important;
  background: none;
  box-shadow: none;
}

#mycontents_area .btn-default:hover,
.btn_area .btn-default:hover {
  color: #bd0505;
}

#mycontents_area .btn-default.active,
#mycontents_area .btn-default:hover,
.btn_area .btn-default.active,
.btn_area .btn-default:hover {
  background-color: #fff;
}

.form_entry .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: right;
}

.card-kigen {
  width: 50px;
  margin-top: 8px!important;
  padding: 0;
  font-size: 16px;
}

.danger-btn {
  width: 30%;
  margin: 0 auto 30px;
  padding: 14px 0;
  text-align: center;
  border-radius: 0;
}


#mycontents_area .message_area .col-sm-7{padding:0;}
#mycontents_area .message_area .col-sm-5{padding:0;margin:20px 0 0 0;}
#mycontents_area .message_area .col-xs-12{padding:0px;}
#mycontents_area .message_area .col-xs-12 a{padding:4px 10px!important;}


#mycontents_area .btn_area ul{-webkit-padding-start: 0;}
#mycontents_area .btn_area li{list-style:none;}
#mycontents_area .btn_area li input[type="submit"]{color: #fff; background-color: #337ab7; border:1px solid #2e6da4; padding: 5px 16px;font-size: 16px;line-height: 1.3333333;border-radius: 6px;cursor:pointer;text-decoration:none;}
#mycontents_area .btn_area li input[type="submit"]:hover{background-color: #286090; border:1px solid #204d74;}

#mycontents_area th{padding:15px 10px 10px 10px;vertical-align:top;}
#mycontents_area td{padding:10px;}
#mycontents_area td p.mini{padding:5px 0 0 0;}

#mycontents_area td input[type="text"]{width: 40%;height: 34px;padding: 0 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

#mycontents_area td select{width: 30%;height: 34px;padding: 0 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

#mycontents_area dd input[type="text"]{width: 40%;height: 34px;padding: 0 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#mycontents_area dd input[type="tel"]{width: 40%;height: 34px;padding: 0 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#mycontents_area dd select{width: 30%;height: 34px;padding: 0 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

#mycontents_area #form1 .alignC{text-align:center!important;}
#mycontents_area #form1 th{vertical-align:top!important;}
#mycontents_area #form1 td{vertical-align:top!important;}

#mycontents_area #form2 .btn_area{margin-top: 10px!important;}

.normal_price {font-size:100%;}
.normal_price .price{color:#333!important;}

.favorite_btn a{background:#F8B62B;color:#fff;border-radius:5px;border:none!important;text-align:center;display:block; width:100%;padding:5px 10px 5px 10px;text-decoration:none;}

.favorite_btn button{background:#ccc!important;border-radius:5px;border:none!important;text-align:center;display:block; width:100%;padding:5px 10px 5px 10px;text-decoration:none;}

.ad-image {top:0!important;left:0!important;height: 100%!important;}
.ad-image img{width:100%;height:auto;}


#undercolumn_cart .panel-heading h3{padding:15px 15px 0 15px!important;font-weight:bold;}


/* ログイン */
#undercolumn_login {
  margin: 50px 0 0;
}

#undercolumn_login .col-md-6 {
  width: 40%;
  margin: 0 8% 0 2%;
}

#undercolumn_login .login_area.col-md-6 {
  width: 40%;
  margin: 0 2% 0 8%;
}

#undercolumn_login .login_area, #undercolumn_login .inputtext {
  color: #707070!important;
}

#undercolumn_login .col-md-6 h3 {
  color: #232727;
  font-size: 22px;
  border-bottom: 1px solid #232727;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0 4px 6px;
  text-align: center;
}

.login_area .jumbotron {
  padding: 0!important;
}

#undercolumn_login .jumbotron {
  padding: 0!important;
}

#undercolumn_login .padding-md {
  padding:0!important;
}

.form-signin input[type="email"] {
  margin-bottom: 0;
  border-radius: 50px;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-radius: 50px;
}

.btn-group-lg > .btn, .btn-lg {
  font-size: 14px;
  border-radius: 0;
  padding: 4% 0;
}

.btn-danger {
  color: #fff;
  background-color: #FF5800;
  border-color: #FF5800;
}

.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c95c2c;
  border-color: #c95c2c;
}


/************************************************
 cart
************************************************ */
.cart_box_l {
  width: 64%;
  margin: 0 6% 0 0;
  float: left;
}

.cart_box_r {
  width: 30%;
  float: left;
}

.cart_box_l .col-xs-12,
.cart_box_r .cart_pricebox .col-xs-12,
.cart_box_r .cart_pricebox .col-sm-12,
.cart_box_r .cart_pricebox .col-md-12 {
  padding: 0;
}

.cart_listbox {
  width: 100%;
}

.cart_imgbox {
  width: 28%;
  height: 130px;
  float: left;
  margin-right: 2%;
  text-align: center;
}

.cart_imgbox img {
  width: 100%;
  height: auto;
  max-height: 130px;
  padding: 0 0 0 0;
  object-fit: cover;
  object-position: 50% 0%;
  font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
}

.cart_textbox {
  width: 70%;
  float: left;
  margin-bottom: 10px;
  padding: 0;
  word-wrap: break-word;
}

.list-group .order_name a {
  overflow: visible;
  border: none!important;
}

.list-group .delete-cart a {
  overflow: visible;
  border: none!important;
}

#undercolumn_cart .list-group-item {
  padding: 20px 0;
}

.cart_quantitybox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0 0 15px;
}

.cart_textbox .pull-left {
  width: 30%;
  margin: 0 20% 0 0;
  padding: 0 0 0 15px;
}

.cart_textbox .pull-left a {
  border-bottom: none!important;
}

.quantity_area {
  padding: 0 6px;
}

.delete-cart {
  width: 50%;
  text-align: right;
  padding: 0;
}

.cart_orderbox {
  background: #F4F4F4;
  width: 100%;
  margin: 20px 0 60px;
  padding: 10px;
}

.cart_orderbox h3 {
  color: #232727;
  font-size: 16px;
  border-bottom: 2px solid #FF5800;
  font-weight: bold;
  margin: 10px 0 20px;
  padding: 0 4px 4px;
  text-align: center;
}

.cart_pricebox {
  width: 100%;
  margin: 0 0 10px;
}

.cart_goukei {
  position: relative;
  color: #232727;
  font-size: 22px;
  font-weight: bold;
  margin: 4px 0;
}

.cart_gprice {
  position: absolute;
  right: 0;
  bottom: -4px;
  color: #FF5800;
  font-size: 32px;
  font-weight: bold;
}

.cart_point {
  margin: 0 0 10px;
  text-align: right;
}

.cart_point span {
  font-weight: bold;
}

.btn-success {
  color: #fff;
  background-color: #FF5800;
  border-color: #FF5800;
  margin: 0 0 10px;
  padding: 12px 12px!important;
  border-radius: 0;
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #c95c2c;
  border-color: #c95c2c;
}

.cart_pricebox .btn-default {
  color: #3597ec;
  background: none;
  border: none;
}

.cart_pricebox .btn-default.active,
.cart_pricebox .btn-default.focus,
.cart_pricebox .btn-default:active,
.cart_pricebox .btn-default:focus,
.cart_pricebox .btn-default:hover,
.cart_pricebox .open > .dropdown-toggle.btn-default {
  color: #286090;
  background: none;
  border: none;
}

/************************************************
 shopping
************************************************ */
.shopping_head {
  width: 1000px;
  position: fixed;
  margin-top: -70px;
  padding-top: 20px;
  z-index: 3;
  background: #fff;
}

.shopping_head h2.title {
  margin-bottom: 0;
}

#undercolumn_customer, #undercolumn_shopping {
  position: relative;
}

#undercolumn_customer > .container,
#undercolumn_shopping > .container {
  margin-top: 50px;
}

#undercolumn_customer button {
  border-radius: 0;
}


#undercolumn_shopping .resend_box {
  width: 100%;
  min-height: 30px;
  height: auto;
  margin: 20px 0 0;
}

.shopping_navibox {
  position: fixed;
  z-index: 2;
  margin-left: 750px;
}

.shopping_navibox .btn-primary {
  width: 200px;
}

.deli_check input[type="checkbox"].design-checkbox + span::before {
  margin: 0 0.8rem -0.4rem;
}

.form_attention {
  color: #d44950;
  float: left;
  margin-bottom: 20px;
}

.step_bar {
  position: absolute;
  top: 10px;
  right: 0;
  width: 45%;
  text-align: center;
}

.step_txt {
  font-size: 14px;
  color: #232727;
  font-weight: bold;
  margin: 0;
}

.progress {
  height: 10px;
  margin: 0;
  overflow: visible;
  background-color: #DDD;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress-bar {
  background-color: #3597EC;
  border-radius:  10px 0 0 10px / 10px 0 0 10px;
}

.progress-bar.active, .progress.active .progress-bar {
  animation: none;
  background-image: none;
}

.shop_delivbox {
  max-width: 100%;
  height: auto;
  border-top: 1px solid #ddd;
  padding: 20px 0 0 0;
}

.shop_delivbox h3 {
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.shop_delivbox_l {
  width: 30%;
  height: auto;
  margin: 0 10% 0 0;
  float: left;
}

.shop_delivbox_r {
  width: 60%;
  height: auto;
  float: left;
}

.shop_delivbox_r .list-group-item {
  position: relative;
  margin: 0 0 20px;
  padding: 10px 20px;
  border-radius: 0;
}

.shop_delivbox_r .list-group-item .design-radio+span{
  display: none;
}

.shop_delivbox_r .deliv_selected{
  background-color: #3597EC;
}

.shop_delivbox_r .deliv_selected .design-radio+span{
  display: inline;
}

.shop_delivbox_r .deliv_selected .list-group-item-text{
  color: #ffffff;
}

.shop_delivbox_r .list-group-item .deliv-heading {
  position: absolute;
  top: 18px;
  right: 10px;
  padding: 0!important;
}

/*
.shop_delivbox_r .list-group-item .list-group-item-text {
	padding: 10px 20px;
}

.shop_delivbox_r .list-group-item input[type="radio"].design-radio:checked~.list-group-item-text {
	background-color:#333;
	color:#fff!important;
}
*/

.shop_deliv_btnbox {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  padding: 0;
}

.shop_deliv_btn {
  width: 30%;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #3597ec;
  background-color: #fff;
  border-radius: 0;
  float: right;
}

.shop_deliv_btnbox .btn.focus, .shop_deliv_btnbox .btn:focus, .shop_deliv_btnbox .btn:hover {
  color: #1973c1;
  background-color: #e9f5ff;
  text-decoration: none;
}

.shop_delivbox_r a.list-group-item {
  color: #3597ec;
  text-decoration: none;
}

.shop_delivbox_r a.list-group-item:focus, .shop_delivbox_r a.list-group-item:hover {
  color: #1973c1;
  text-decoration: none;
  background-color: #e9f5ff;
}

.shop_delivbox_r .shop_arrow {
  position: absolute;
  top: 18px;
  right: 10px;
}

#undercolumn_shopping .btn-primary {
  position: relative;
  background-color: #FF5800;
  border-color: #FF5800;
  margin: 0 0 10px;
  padding: 8px 0;
  border-radius: 0;
}

.shop_btn_arrow {
  position: absolute;
  top: 8px;
  left: 180px;
}

#undercolumn_shopping .btn-primary.active,
#undercolumn_shopping .btn-primary.focus,
#undercolumn_shopping .btn-primary:active,
#undercolumn_shopping .btn-primary:focus,
#undercolumn_shopping .btn-primary:hover,
#undercolumn_shopping .open > .dropdown-toggle.btn-primary {
  background-color: #c95c2c;
  border-color: #c95c2c;
}

#undercolumn_shopping .btn-default {
  color: #3597ec;
  background-color: #fff;
  border-color: #c4c4c4;
  padding: 8px 0;
  border-radius: 0;
  width: 200px;
  outline: none!important;
}

#undercolumn_shopping .btn-default.active,
#undercolumn_shopping .btn-default.focus,
#undercolumn_shopping .btn-default:active,
#undercolumn_shopping .btn-default:focus,
#undercolumn_shopping .btn-default:hover,
#undercolumn_shopping .open > .dropdown-toggle.btn-default {
  color: #286090;
  background-color: #e9f5ff;
  border-color: #c4c4c4;
}

.shop_multiplebox_l {
  width: 20%;
  height: auto;
  margin: 0 10% 0 0;
  float: left;
}

.shop_multiplebox_r {
  width: 70%;
  height: auto;
  float: left;
}

.shop_multiplebox_r .panel-default {
  border-bottom: 1px solid #ddd;
  padding: 0 0 20px;
}

.shop_multiplebox_r .panel-default_last {
  border-bottom: none;
  padding: 0;
}

.shop_multiplebox_r .panel-default .img-rounded {
  border-radius: 0;
}

.shop_multiplebox_r .panel-footer {
  border: none;
}

.multiple-menu {
  position: relative;
  display: block;
}

.multiple-menu::before {
  position: absolute;
  content: '';
  width: 8px; height: 8px;
  top: 28px;
  right: 26px;
  border-bottom: 2px solid #3597ec;
  border-right: 2px solid #3597ec;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
}

.multiple_quantity {
  display: none;
}

.deliv_area {
  max-width: 100%;
  height: auto;
  border-top: 1px solid #ddd;
  margin: 30px 0 0 0;
  padding: 20px 0 0 0;
}

.pay_area, .point_area, .etc_area, .item_area {
  max-width: 100%;
  height: auto;
  border-top: 1px solid #ddd;
  margin: 20px 0 0 0;
  padding: 30px 0 0 0;
}

.deliv_area h3, .pay_area h3, .point_area h3, .etc_area h3, .item_area h3 {
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0;
}

.deliv_area_l, .pay_area_l, .point_area_l, .etc_area_l, .item_area_l {
  width: 26%;
  height: auto;
  margin: 0 4% 0 0;
  float: left;
}

.point_area_l p, .etc_area_l p {
  color: #707070;
  font-size: 14px;
}

.deliv_area_r, .pay_area_r, .point_area_r, .etc_area_r, .item_area_r {
  width: 70%;
  height: auto;
  float: left;
}

.deliv_area_txt {
  float: left;
  width: 14%;
  text-align: right;
}

.deliv_area_check {
  float: left;
  width: 86%;
  margin: 0 0 20px;
}

.deliv_area_check .radio {
  float: none;
  margin: 0 0 10px;
  padding: 0;
}

.deliv_area_menu {
  position: relative;
  display: block;
  margin: 0 0 0 20px;
}

.deliv_area_menu::before {
  position: absolute;
  content: '';
  width: 8px; height: 8px;
  top: 18px;
  right: 26px;
  border-bottom: 2px solid #3597ec;
  border-right: 2px solid #3597ec;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
}

.pay_area_check {
  width: 100%;
  margin: 0 0 100px 102px;
  position: relative;
}

.pay_area_check .table > tbody > tr > td,
.pay_area_check .table > tbody > tr > th,
.pay_area_check .table > tfoot > tr > td,
.pay_area_check .table > tfoot > tr > th,
.pay_area_check .table > thead > tr > td,
.pay_area_check .table > thead > tr > th {
  padding: 4px!important;
  border: none!important;
}

.pay_area_check label {
  font-weight: normal;
  margin: 0 0 0 10px;
}

.pay_area_check label img {
  position: absolute;
  right: 100px;
  bottom: -80px;
}

.point_box {
  width: 100%;
  margin: 0 0 0 106px;
}

.point_box  .point, .point_box  .price {
  color: #FF5800;
  font-weight: normal;
}

.point_box  .list-group {
  margin: 20px 0;
}

.point_box  .list-group-item {
  border: none;
  padding: 10px 0;
  position: relative;
}

.point_box  .list-group-item span label {
  margin: 0 0 0 10px;
}

.point_box  .list-group-item input[type="tel"] {
  text-align: right;
}

.poi_txt {
  position: absolute;
  right: 20px;
  bottom: 8px;
  color: #707070;
}

.etc_area_r .form-control {
  border-radius: 2px;
}

.etc_area_txt {
  margin: 0 0 80px 106px;
}

.conf_chgbox {
  float: right;
  border: 1px solid #3597ec;
}

.conf_chgbox a:hover, .conf_chgbox a:focus {
  color: #1973c1;
  background-color: #e9f5ff;
}

.pencil_btn {
  width: 20%;
  margin: 0;
  padding: 4px 6px;
  color: #3597ec;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  background-color: #fff;
  border-radius: 0;
}

.pay_area_confirm, .point_area_confirm, .item_area_confirm {
  margin: 0 0 40px 86px;
}

.etc_area_confirm {
  margin: 0 0 20px 86px;
}

.etc_area_confirm_txt {
  background-color: #fff;
  border-radius: 4px!important;
  height: auto;
}

#undercolumn_shopping .padding-none {
  margin: 0!important;
}

.point_area_confirm .list-group-item {
  border: none;
  padding: 0 0 10px 0;
}

.point_area_confirm .col-xs-8 {
  width: 50%;
  padding-left: 0;
}

.item_area_confirm .panel-footer {
  border-top: none;
}

.modal-body {
  padding: 20px 15px 30px;
}

.modal-title {
  color: #232727;
  border-bottom: 1px solid #232727;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 0 4px 6px;
  text-align: center;
}

.modal_box {
  margin: 0 0 30px;
  text-align: center;
}

.modal_box .btn-default {
  margin: 0 4% 4% 0;
}

.modal_box .btn-primary {
  margin: 0 4% 4% 0;
}

.modal_txtbox {
  width: 90%;
  margin: 0 auto 10px;
  padding: 10px;
  color: #3E4545;
  text-justify: inter-ideograph;
}

.modal_txtbox h5 {
  color: #232727;
  border-bottom: 1px solid #232727;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto 10px;
  padding: 0 4px 6px;
  text-align: center;
}

.modal-body #membership_bar {
  display: none;
}

.modal-body .membership_box {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

.modal-body input:checked ~ .membership_box {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}

#complete_area {
  text-align: center;
  margin: 0;
}

#complete_area .btn-primary {
  padding: 14px 0;
}

#complete_area .message, .order_message {
  font-size: 22px;
  font-weight: bold;
}

.complete_box {
  width: 60%;
  margin: 10px auto 60px;
}

.shop_information {
  margin: 0 0 60px;
}

/************************************************
 news
************************************************ */
#news_nav {
  margin: 0 0 20px!important;
  padding: 0!important;
  overflow: hidden;
}

#news_nav a {
  text-decoration: none;
}

.nav_group>.nav_btn1, .nav_group>.nav_btn2 {
  float: left;
  width: 32%;
  height: 36px;
  text-align: center;
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  margin: 0 2% 0 0!important;
  padding: 6px 10px 0!important;
  border-radius: 0!important;
}

.nav_group>.nav_btn3 {
  float: left;
  width: 32%;
  height: 36px;
  text-align: center;
  color: #232727;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #e0e0e0;
  margin: 0 0 0 0!important;
  padding: 6px 10px 0!important;
  border-radius: 0!important;
}

.nav_group>.nav_btn1:hover,
.nav_group>.nav_btn2:hover,
.nav_group>.nav_btn3:hover {
  background: #f4f4f4;
}

.nav_group>.nav_btn1.active {
  color: #33B075;
  font-weight: normal;
  background-color: #232727;
  border: none;
}

.nav_group>.nav_btn2.active {
  color: #FF9D00;
  font-weight: normal;
  background-color: #232727;
  border: none;
}

.nav_group>.nav_btn3.active {
  color: #819EEF;
  font-weight: normal;
  background-color: #232727;
  border: none;
}

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

.newsbox_left {
  width: 26%;
  margin: 0 4% 0 0!important;
  padding: 0!important;
  color: #3E4545;
  font-size: 14px;
}

.newsbox_left>.news_date1 {
  color: #33B075;
  margin-left: 20%;
}

.newsbox_left>.news_date2 {
  color: #FF9D00;
  margin-left: 20%;
}

.newsbox_left>.news_date3 {
  color: #819EEF;
  margin-left: 20%;
}

.newsbox_right {
  width: 70%;
  margin: 0!important;
  padding: 0!important;
}

.newsbox_right img {
  max-width: 100%;
}

.news-bloc {
  padding: 8px 8px 8px 8px;
  margin: 3px 0 0 3px;
  border-bottom: 2px solid #eee!important;
  position:relative;
}

.news-bloc a,div {
  color:#888;
  font-size:14px;
}

.news-bloc_barless {
  padding: 8px 8px 8px 8px;
  margin: 3px 0 0 3px;
  position:relative;
}

.news-bloc:hover, .news-bloc_barless:hover {
  background: #f4f4f4;
}

.news-bloc_barless a,div {
  color: #3E4545;
  font-size: 14px;
}

.news-bloc-title {
  margin: 0;
  padding: 0 0 6px 0;
  color: #3E4545;
  font-size:14px;
}

.news-bloc_detail {
  padding: 8px 8px 8px 8px;
  margin: 3px 0 0 3px;
  position:relative;
}

.news_arrow {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
}

/************************************************
 schedule
************************************************ */
.nav-tabs {
  border: none;
  margin-bottom: 20px;
}

.nav-tabs > li.active > a:focus, .nav-tabs > li > a {
  border: none;
}

.nav-tabs > li > a:hover {
  border-color: #fff;
}

.nav > li > a:focus, .nav > li > a:hover {
  background-color: #fff;
}

.nav > li > a {
  padding: 0 15px;
}

.nav-tabs a, .nav-tabs a:hover {
  color: #707070;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
  border: none;
  color: #000;
  padding: 0 15px;
}

.nav-tabs > li.active > a:focus, .nav-tabs > li > a {
  border: none;
}

.nav-tabs > li.active > .nav-link {
  font-weight: bold;
}

h4.schedule_month {
  font-size: 30px;
  color: #232727;
  margin-bottom: 10px;
  padding-bottom: 2px;
  border-bottom: 1px solid #ddd;
}

h4.schedule_month span {
  font-size: 16px;
  color: #232727;
}

.reserve_info {
  color: #ff5800;
  font-size: 12px;
  border: 1px solid #ff5800;
  margin: 0 4% 0 0;
  padding: 2px;
  text-align: center;
  width: 26%;
  float: left;
}

.reserve_schedule {
  color: #232727;
  font-weight: bold;
  width: 70%;
  text-align: left;
  float: left;
}

/************************************************
 lottery
************************************************ */

.lottery-col{
  margin-top: 5px;
  margin-bottom: 5px;
}

/************************************************
 entry
************************************************ */
pre {
  background-color: #ffffff;
  border-radius: 0;
  white-space: pre-wrap;
  max-height: 30em;
  overflow: auto;
}

.entry_check {
  text-align: center;
}

.entry_check label {
  padding: 20px 0 0;
}

.entry_check > label > span > label {
  padding: 0 0 0 20px;
}

#complete_area .shop_information {
  float:none!important;
}

#complete_area .btn-register {
  color: #fff;
  background-color: #3597ec;
  border:1px solid #3597ec;
  width: 30%;
  margin: 4% auto;
  padding: 14px 0;
  border-radius: 0;
}

#complete_area .btn-register:hover, #complete_area .btn-register:focus {
  background-color: #286090;
  border:1px solid #286090;
}

/************************************************
 guide
************************************************ */
.guidebox_in h3 {
  color: #232727;
  font-weight: bold;
  border-bottom: 2px solid #232727!important;
  margin: 0 0 60px;
  padding: 0 4px 4px;
}

.guidebox_in h4 {
  color: #000;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0 0 4px;
}

.guidebox_in p {
  padding-left:15px;
}

.greentxt {
  color: #21AB38;
}

.redtxt {
  color: #E50011;
}

.deletetxt {
  text-decoration: line-through;
}

.guidebox_in .qtxt {
  font-size: 110%;
  font-weight: bold;
  background: url(../images/7YZPy7Zjauwg.png) no-repeat;
  background-size: 28px 28px;
  height: auto;
  min-height: 18px;
  margin-bottom: 10px;
  padding: 3px 0 8px 40px;
}

.guidebox_in .atxt {
  background: url(../images/ZXBme7lqbpuw.png) no-repeat;
  background-size: 28px 28px;
  height: auto;
  margin-bottom: 24px;
  padding: 3px 0 26px 40px;
  border-bottom: 1px solid #ddd;
}

.guidebox_in .atxt_end {
  background: url(../images/ZXBme7lqbpuw.png) no-repeat;
  background-size: 28px 28px;
  height: auto;
  margin-bottom: 100px;
  padding: 3px 0 0 40px;
}

.buybox_in h3.first {
  color: #232727;
  font-weight: bold;
  border-bottom: 2px solid #232727!important;
  margin-bottom: 20px;
  padding: 0 4px 6px;
}

.buybox_in h4 {
  color: #232727;
  font-size: 104%;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 0;
}

.buybox_in p {
  margin-bottom: 30px;
  padding: 0;
}

.buybox_in h5 {
  font-size:104%;
  margin:20px 0 10px;
}

/************************************************
 contact
************************************************ */
#undercolumn_contact .form-control {
  border-radius: 50px;
  height: auto;
  min-height: 38px;
  background-color: #f4f4f4;
}

#undercolumn_contact .form-check_txt {
  font-size: 16px;
  background-color: #fff!important;
  border-radius: 6px;
}

#undercolumn_contact input[type="tel"] {
  text-align: center;
}

#undercolumn_contact .control-label {
  color: #707070;
  padding-top: 7px;
  margin-bottom: 0;
}

#undercolumn_contact .padding-none {
  margin-top: 6px;
}

.btn-primary {
  background-color: #3597ec;
  border-color: #3597ec;
}

#undercolumn_contact .btn-address {
  border-radius: 0;
  padding: 2px 11%;
}

.post-color {
  color: #3597ec;
  margin-top: 0!important;
}

.select-menu {
  position: relative;
  display: block;
}

.select-menu::before {
  position: absolute;
  content: '';
  width: 8px; height: 8px;
  top: 16px;
  right: 26px;
  border-bottom: 2px solid #3597ec;
  border-right: 2px solid #3597ec;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
}

select::-ms-expand {
  display: none;
}

select {
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  border: none;
  cursor: pointer;
}

.contact-area {
  border-radius: 8px!important;
}

#undercolumn_contact .btn_area {
  text-align: center;
}

.confirmation-btn {
  width: 40%;
  padding: 14px 0;
  text-align: center;
  border-radius: 0;
}

#undercolumn_contact .btn-default {
  color: #ff0000;
  border: none;
  text-align: center;
  width: 30%;
  margin: 0 auto;
  outline: none;
  background: none;
  box-shadow: none;
}

#undercolumn_contact .btn-default:hover {
  color: #bd0505;
}

.navbar-right{display:none;}
.navbar-form{display:none;}

#age_confirm_modal{ position:fixed; display:none; z-index:9999; top:0%; width:100%; height:200px;text-align:center;}
#age_confirm_modal p { margin-bottom:10px;}
#age_confirm_modal a { cursor:pointer;font-size: x-large; color: #555;}
#age_confirm_modal span { font-size: x-large; color: #555;}
#age_confirm_modal .button_area{height:50px; font-size: x-large; color: #555;}
#age_confirm_modal .button_area .button_area_row {margin:20px 0 20px 0;}

@media only screen and (max-width:1020px) {
  body {margin-top: 56px;}
  .col-xs-3 {padding:0 3px;width:25%;}
  .col-xs-3 a{line-height:1.2!important;}

  #container, .container {
    padding: 0 10px;
  }

  .devicebox, .devicebox_w0 {
    background: #fff;
    padding: 30px 2% 0;
  }

  .block_outer {
    padding: 5px 6px;
    margin: 15px 0;
  }

  .block_outer_banner{
    padding: 0;
    margin: 0;
  }

  .category-side-bar{
    border-right: none;
  }

  #undercolumn {
    margin: 0 0 80px;
  }

  #undercolumn_entry, #undercolumn_aboutus, #undercolumn_contact, #undercolumn_order,
  #undercolumn_login, #undercolumn_cart, #undercolumn_customer, #undercolumn_shopping {
    margin: 22px 0 80px;
  }

  #main_column {
    padding: 20px 10px 100px;
  }

  .sp_wd100 {
    width: 100%;
  }

  /* ヘッダー */
  #header {
    padding: 0;
  }

  #header_wrap {
    box-shadow: none;
    height: 56px
  }

  #mobile-nav {
    display: block;
  }

  .h_nav {
    display: none;
  }

  .header_sp_icon_l {
    float: left;
    margin: 14px 12px 14px 18px;
  }

  .header_sp_icon_c {
    margin: 16px 0 12px;
    padding: 4px;
    max-width: 168px;
    max-height: 28px;
    box-sizing: border-box;
  }

  .header_sp_icon_c:hover, .header_sp_icon_c:active, .header_sp_icon_c:focus {
    background-color: #202020;
  }

  .navbar-header{float:none;overflow:hidden;padding:10px 10px 0 10px;max-width: 98%;}
  .navbar-header h1{display:none;}
  .navbar-toggle {margin:0;display:block;}

  .navbar-brand {
    float: none;
    padding: 0;
    display: block;
    height: 20px;
  }
  .navbar-brand img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
  }

  #header .logo {
    width: 160px;
    height: 20px;
  }

  .header_sp_icon_r {
    float: right;
    margin: 13px 10px 11px;
    position: relative;
  }

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

  .header_sp_icon_r span.border {
    position: absolute;
    top: -2px;
    right: 8px;
    color: #fff;
    border: 1px solid #FF5800 !important;
    border-radius: 10px;
    padding: 0 5px;
    background-color: #FF5800;
    font-size: 12px;
  }

  .search_close {
    position: fixed;
    top: 18px;
    right: 18px;
  }

  .search_close img {
    width: 32px;
    height: 32px;
  }

  #sp_menu_header_modal .button_area_row {
    margin: 80px 0 0;
  }

  #sp_menu_header_modal .button_area_row a {
    font-size: 18px;
  }

  #sp_menu_header_modal .button_area_row ul li {
    margin: 0 0 28px;
    padding: 0;
  }

  .h_login_txt{padding: 12px 10px 4px 0;}
  .h_login_in{display:none;}
  .h_rarea{max-width:100%;float:none;}
  .pclogin{display:none;}
  .splogin{display:block;}
  .h_login_in_sp{display:block;background:#DCDCDC;padding:10px 10px;}
  .h_login_in_sp_in1{display:table;width:100%;}
  .h_login_in_sp_in2{display:table;width:100%;margin:10px 0 0 0;}
  .h_login_mail {float:none;display:table-cell;background: none;padding: 2px 5px 0 0;width:39%;}
  .h_login_mail input{max-width: 100%;width:100%;padding:6px;}
  .h_login_pass {float:none;display:table-cell;padding: 2px 5px 0 5px;width:39%;}
  .h_login_pass input{max-width: 100%;width:100%;padding:6px;}
  .h_login_memory {float:none;display:table-cell;width:20%;padding: 2px 0 0 10px;font-size:13px!important;}
  .h_login_memory input{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
  .h_login_btn{float:none;display:table-cell;width:35%;padding: 2px 0 0 0;}
  .h_login_btn button{width:100%;padding:10px 0;}
  .h_login_passforgot {float:none;display:table-cell;width:50%;padding: 0 0 0 5px;font-size:12px!important;}

  /* フッター */
  #footer_wrap {
    padding: 30px 0 50px;
  }

  .navbar-collapse{padding:0;}

  .flink {
    max-width: 100%;
    padding: 0 20px;
  }

  .flink h3 {
    text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    margin: 0 0 20px;
    padding: 5px 0 0;
  }

  .flink ul li {
    text-align: left;
    padding: 0 0 6px;
  }

  .flink_in1 {
    float: left;
    width: 160px;
    margin: 0 12px 0 0;
    padding: 0;
  }

  .flink_in2 {
    float: left;
    width: 340px;
    margin: 0;
    padding: 0;
  }

  .f_box {
    float: left;
    width: 180px;
    text-align: center;
    margin:0 36px 0 0;
    padding: 0;
  }

  .flogo {
    float: left;
    width: 92%;
    height: auto;
    margin: 0 0 30px;
    padding: 0;
  }

  .flogo img {
    width: 100%;
  }

  .f_sns {
    float: left;
    width: 44px;
    text-align: center;
    margin-right: 16px;
    margin-bottom:16px;
    padding: 0;
  }

  .f_ytv {
    float: left;
    width: 48px;
    text-align: center;
    margin: 0;
    padding: 5px 0 0;
  }

  /* ご利用ガイド */
  .guidebox_in h3 {
    margin: 0 0 40px;
  }

  /* お問い合わせ */
  .sp_con_fg {
    margin: 0 13px 0 0!important;
  }

  #undercolumn_contact .padding-none {
    margin-top: 8px;
  }

  #undercolumn_contact .form-group .col-sm-9 .form-group .col-xs-3 {
    margin: 0 0 0 13px;
  }

  #undercolumn_contact .select-menu::before {
    position: absolute;
    top: 18px;
    right: 16px;
  }

  #undercolumn_contact .btn-default {
    color: 	#ff0000;
    border: 1px solid #f00;
    text-align: center;
    width: 30%;
    margin: 30px auto 0;
    outline: none;
    background: #fff;
    box-shadow: none;
  }

  #undercolumn_contact .btn-default:hover, #undercolumn_contact .btn-default:active, #undercolumn_contact .btn-default:focus {
    color: 	#c90909;
    background: #faeaea;
  }


  /* ログイン */
  #undercolumn_login .login_area.col-md-6 {
    width: 60%;
    margin: 40px auto 100px;
  }

  #undercolumn_login .col-md-6 {
    width: 60%;
    margin: 0 auto;
  }

  /* MYページ */
  #mynavi_area a {
    width: 48%;
    font-size: 100%;
  }

  /* MYページ お気に入り */
  .favoritelist_r .favoritelist_ti {
    padding: 0 30px 0 0;
  }

  /* MYページ 会員登録変更 */
  .deliadd_box {
    width: 90%;
    margin: 0 0 2% -15px;
  }

  .form-group .col-xs-3 #tel01, .form-group .col-xs-3 #fax01, .cha_con_ml {
    margin: 0 0 0 15px;
  }

  .cha_tel_ml {
    margin: 6px 0 0 30px;
  }

  .cha_conadd_ml {
    margin: 6px 20px 0 30px;
  }

  .cha_year_pl {
    padding-left: 0;
  }

  .year-menu::before {
    position: absolute;
    top: 16px;
    right: 16px;
  }

  /* お知らせ */
  .newsbox_left {
    width: 100%;
    margin: 0 0 30px!important;
  }

  .newsbox_left > .news_date1, .newsbox_left > .news_date2, .newsbox_left > .news_date3 {
    margin-left: 30px;
  }

  .newsbox_right {
    width: 100%;
  }

  .news_arrow {
    position: absolute;
    top: 6px;
    right: 0;
  }

  /* 会員登録 */
  .form-horizontal .control-label {
    text-align: right;
  }

  .deliadd_box .radio.mr_30 {
    margin-right: 100px;
  }

  /* カート */
  .cart_box_l {
    width: 100%;
    margin: 0 0 30px 0;
    float: none;
  }

  .cart_box_r {
    width: 60%;
    float: none;
    margin: 0 auto;
  }

  .cart_pricebox {
    padding: 0 20px;
  }

  .cart_box_r .col-xs-push-6 {
    left: 0;
  }

  .cart_box_r .col-xs-6 {
    width: 100%;
    margin: 0 0 10px;
  }

  .cart_box_r .col-xs-pull-6 {
    right: 0;
  }

  .cart_orderbox {
    margin: 40px 0 0;
  }

  /* ショッピング */
  #undercolumn_login .mb_80 {
    margin-bottom: 100px;
  }

  .shopping_head {
    width: 100%;
    position: static;
    margin: 0;
    padding: 0;
  }

  .step_bar {
    position: absolute;
    top: -8px;
    right: 0;
  }

  .shopping_navibox {
    position: static;
    margin: 0;
  }

  .shopping_navibox .col-xs-pull-6 {
    right: 44%;
  }

  .shopping_navibox .col-xs-push-6 {
    left: 54%;
  }

  .shop_deliv_btnbox {
    margin: 0 0 30px 0;
  }

  .shop_delivbox_r .hidden-xs {
    display: inline!important;
  }

  .shop_delivbox_r .list-group {
    margin-bottom: 40px;
  }

  #undercolumn_shopping .shopping_navibox .col-xs-pull-6 {
    right: 38%;
  }

  .shop_delivbox {
    margin: 0 0 20px;
  }

  .shop_multiplebox_l {
    width: 20%;
    height: auto;
    margin: 0 2% 0 0;
    float: left;
  }

  .shop_multiplebox_r {
    width: 78%;
    height: auto;
    float: left;
  }

  .pay_area_confirm, .point_area_confirm, .item_area_confirm {
    margin: 0 0 40px;
  }

  .etc_area {
    margin: 20px 0;
    padding: 30px 0 40px;
  }

  .etc_area_confirm {
    margin: 0 0 20px;
  }

  .complete_box {
    width: 80%;
  }

  /* 商品検索 */
  .productlist2 .list_product_area {
    padding: 5px 5px 5px 5px;
    max-height: 200px;
    max-width: 249px;
  }

  #introduction-area .text-area {
    width: 100%;
    margin: 0 auto;
    padding: 50px 60px 0;
  }

  .product_search_in{float: none;max-width: 100%;width: 100%;overflow:hidden;}
  .product_search_in div {
    width: 100%;
  }

  .product_search_in div input {width: 100%;}
  .product_search_in button {height:34px;}

  .product_search {
    overflow: hidden;
    padding: 10px 15px 0px;
  }

  #product_search_modal .button_area_row {
    margin: 40px 0 0 0;
  }

  .product_search_in2{float: none;max-width: 100%;width: 100%;overflow:hidden;margin:10px 0 0 0;}
  .product_search_in2 div {width: 72%;}
  .product_search_in2 div select{width: 100%;}
  .product_search_in2 button {float: none;width: 75px;height:32px;}

  /* 商品詳細 */
  .ad-gallery .ad-image-wrapper_out {width: 100%;}
  .ad-gallery .ad-image-wrapper {
    float: none;
    height: 1080px;
    width: 100%;
  }

  .ad-gallery .ad-image-wrapper img{margin: 0;}
  .ad-gallery .ad-back{display:none;}
  .ad-gallery .ad-forward{display:none;}

  .ad-gallery .ad-thumbs {
    margin: 10px 0 0 -2px;
  }

  .ad-gallery .ad-thumbs li {
    float: left;
    margin: 0 0 10px 2px;
    width: 70px;
    height :104px;
  }

  .ad-gallery .ad-thumb-list li a img,
  .ad-gallery .ad-thumb-list li a.ad-active img {
    border: none;
    border-radius: unset;
    height: auto;
    min-height: 102px;
    padding: 0;
    object-fit: cover;
    object-position: 50% 0%;
    font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
  }

  .ad-image{left:0!important;width:100%;height:100%;}
  .ad-image img{width:100%;height:auto;}

  .copy_sns_area {
    margin: 18px 0 20px;
  }

  .status_products_dtl {
    position: relative;
    height: 40px;
    margin: 0;
  }

  .detail_mayker {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 40px;
  }

  .product_detail_side_column .reserve_date_term dt {
    margin: 0 20px 0 0;
  }

  .product_detail_side_column .reserve_date_term .reserve_term_arrow {
    text-align: center;
    padding: 0;
  }

  .review_btn a {
    width: 20%;
    text-align: right;
  }

  #swipebox-close {
    background-image: url(../images/Uokbw91GNccw.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-position: 0 0;
    top: 50px;
    right: 40px;
  }

  .product_detail_fav_btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 500;
  }

  /* トップページ */
  .carousel-icons {
    position: absolute;
    top: 10%;
    left: 2%;
    z-index: 15;
    width: 60%;
    height: 40px;
    text-align: left;
  }

  .carousel-maker {
    position: absolute;
    top: 10%;
    right: 2%;
    z-index: 15;
    width: 40%;
    text-align: right;
  }

  .carousel-maker img {
    width: auto;
    height: 40px;
  }

  .carousel-option {
    position: absolute;
    bottom: 6%;
    right: 2%;
    z-index: 15;
    width: 50%;
    text-align: right;
  }

  .carousel-option img {
    width: auto;
    max-height: 180px;
  }

  .carousel-info {
    position: absolute;
    bottom: 0%;
    left: 2%;
    z-index: 15;
    width: 100%;
    text-align: left;
  }

  .carousel-info .product_name {
    font-size: 22px;
    margin: 0 0 10px;
  }

  .carousel-info .product_status {
    margin: 0;
  }

  .carousel-info .product_status_label {
    width: 130px;
    color: #FF5800;
    text-shadow: none;
    font-size: 11px;
    height: auto;
    background-color: #FFFFFFB2;
    border: 1px solid #FF5800;
    padding: 2px;
  }

  .carousel-info .product_logo{display: none;}
  .carousel-info .product_fav{display: none;}
  .carousel-info .product_copyright{display: none;}

  .top_product_area {
    margin: 0 auto 80px;
    padding: 0;
  }

  .thumbnail {
    border-radius: 0;
    border: none;
    height: 278px;
    margin: 0 0 16px;
    padding: 8px;
  }

  .thumbnail img {
    width: 100%;
    height: auto;
    max-height: 278px;
  }

  #product-list-wrap .picture,
  #product-list-wrap .thumbnail_mini .picture {
    width: 100%;
    min-height: 278px;
    margin: 0;
    padding: 0;
  }

  #product-list-wrap div.caption {
    position: absolute;
    bottom: -8px;
    width: 96%;
  }

  .thumbnail .list-product-info .product_name {
    padding: 0 20px 0;
    display: flex;
    justify-content: space-between;
  }

  #product-list-wrap .product_name .product_name_label {
    font-size: 14px;
  }

  .list-product-icons {
    height: 24px;
    margin: 6px 0 0;
  }

  .thumbnail_mini {
    border-radius: 0;
    border: none;
    height: 278px;
    margin: 0 0 16px;
    padding: 8px;
  }

  .thumbnail_mini img {
    width: 100%;
    height: auto;
    max-height: 278px;
  }

  .thumbnail_mini .col-product-img-3 {
    max-width: 100%;
  }

  #product-list-wrap div.caption-small {
    position: absolute;
    bottom: -8px;
    width: 96%;
  }

  .thumbnail_mini .caption-small h3 {
    margin: 13px 0 10px;
  }

  #maker_area .maker-block-banner {
    width: 25%;
    margin: 0 0 20px;
    padding: 0;
  }

  #maker_area .maker-block-banner img {
    width: auto;
    max-width: 172px;
    height: 45px;
    margin: 0 auto;
    padding: 2px;
  }

  .sns_bn ul li {
    position: relative;
    left: -51%;
    float: left;
    list-style: none;
  }

  .carousel-control.left {top: 29%;}
  .carousel-control.right {top: 29%;}

  .imgblkbg .thumbnail ul.icon {top: 40%!important;left: 35%!important;width: 100%;margin:0;}
  .imgblkbg .thumbnail ul.icon img{width: 100%;}
  .imgblkbg .thumbnail ul.icon input{width: 100%;}

  .carousel-indicators {
    bottom: 3%;
    left: auto;
    right: 2%;
    width: auto;
    margin: 0;
  }

  .carousel-indicators li {
    border:1px solid #555;
    width: 16px;
    height: 16px;
    margin: 3px;
  }

  .carousel-indicators li.active {
    background-color: #fff;
    width: 16px;
    height: 16px;
    border: none;
    margin: 3px;
  }

  .list-product-button-area .more_button{width:200px;height:52px;text-align:center;font-size:14px;color:#3597EC; border: 1px solid #3597EC;opacity:1;background: #FFFFFF;}

  #recommend_area .status_icon{width:100%;float:none;margin: 0 0 20px 0;}
  #recommend_area .status_icon span{margin-bottom:3px;}

  .recommend-price {max-width: 100%;width: 100%;float: none!important;}

  .navbar-nav {margin: 7.5px 0;}

  span.mini{display:block;padding:5px 0 0 20px;}

  .form-group .radio label{padding:0 0 0 13px;}
  .form-group .box380.form-control{margin:5px 0 5px 0;}
  .form-group .col-sm-9 .form-group{margin:0;}

  .form-group .form-group .col-md-7{margin:0;padding:0;}
  .form-group .col-xs-3{margin:0;}
  .form-group .form-group .col-xs-7{padding:0 0 5px 0;}
  .form-group .form-group .col-sm-12{padding:0;}
  .form-group .form-group .col-md-7 .form-group{margin:0;}
  .form-group .form-group .col-md-7 .form-group .padding-right-xs{padding:0;}

  .products_imgbox{overflow:hidden;}
  .products_mainimg{width:100%!important;float:none;}
  .products_subimg{max-width:100%!important;width:100%!important;float:none;}

  .ad-gallery .ad-nav{width:100%!important;float:none;}
  .ad-gallery .ad-image-wrapper_out .kakudai { top: 10px; right: 10px;}
  .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {display:none;}

  body .imgblkbg .thumbnail:hover {background: rgba(255,255,255,1.0)!important;}
  body .imgblkbg .thumbnail ul.icon{opacity: 1!important;}
  body .imgblkbg .thumbnail:hover .picture {opacity: 1!important;}
  body .imgblkbg .thumbnail:hover .caption {opacity: 1!important;}
  body .imgblkbg .thumbnail:hover ul.icon {opacity: 1;}
  body .imgblkbg .thumbnail:hover .img-rounded {opacity: 1;}

  #recommend_area .imgblkbg .thumbnail:hover {background: rgba(255,255,255,1.0)!important;}
  #recommend_area .imgblkbg .thumbnail ul.icon{opacity: 1!important;}
  #recommend_area .imgblkbg .thumbnail:hover .picture {opacity: 1!important;}
  #recommend_area .imgblkbg .thumbnail:hover .caption {opacity: 1!important;}
  #recommend_area .imgblkbg .thumbnail:hover ul.icon {opacity: 1;}
  #recommend_area .imgblkbg .thumbnail:hover .img-rounded {opacity: 1;}

  .pagenumber_area .btn-group-justified>.btn-group{width:35%;}

  #mycontents_area #form2 th{display:block;padding-bottom:3px;padding-left:0;padding-right:0;width:100%;}
  #mycontents_area #form2 td{display:block;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;width:100%;}
  #mycontents_area #form2 td.crdnoinpt input[type="text"]{width:100%;}

  #payment_form th{display:block;padding-bottom:3px;padding-left:0;padding-right:0;width:100%;}
  #payment_form td{display:block;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;width:100%;}
  #payment_form td.crdnoinpt input[type="text"]{width:100%;}

}

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

  .col-xs-3 {
    padding: 0 3px;
    width: 20%;
  }

  .search_close {
    position: fixed;
    top: 18px;
    right: 18px;
  }

  .search_close img {
    width: 28px;
    height: 28px;
  }

  #main_column {
    padding: 0px 4px 100px;
  }

  /* header */
  .header_sp_icon_l {
    float: left;
    margin: 14px 12px 14px 14px;
  }

  .h_sp_menu_btn img {
    width: 28px;
    height: 28px;
  }

  .header_sp_icon_c {
    margin: 16px 0;
    padding: 4px;
    max-width: 136px;
    max-height: 24px;
    box-sizing: border-box;
  }

  .navbar-brand {
    float: none;
    padding: 0;
    display: block;
    height: 16px;
  }

  #header .logo {
    width: 128px;
    height: 16px;
  }

  .header_sp_icon_r {
    float: right;
    margin: 12px 10px;
  }

  /* footer */
  #footer_wrap {
    padding: 30px 0 20px;
  }

  .flink h3 {
    text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    margin: 0 0 20px;
    padding: 0;
  }

  .flink ul li {
    text-align: left;
    padding: 0 0 14px;
  }

  .flink_in1 {
    float: none;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
  }

  .flink_in2 {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .f_box {
    float: none;
    width: 100%;
    height: 90px;
    text-align: left;
    margin:0 0 30px;
    padding: 0;
  }

  .flogo {
    float: none;
    width: 160px;
    height: 20px;
    margin: 0 0 20px;
    padding: 0;
  }

  .f_sns {
    float: left;
    width: 44px;
    text-align: center;
    margin-right: 20px;
    margin-bottom:20px;
    padding: 0;
  }

  .f_ytv {
    float: left;
    width: 48px;
    text-align: center;
    margin: 0;
    padding: 5px 0 0;
  }

  .fcopyright {
    text-align: left;
    font-size: 12px;
    letter-spacing: 0.6px;
    color: #707070;
    opacity: 1;
    float: none;
    padding: 30px 0 0;
  }

  #pagetop {
    position: fixed;
    bottom: 60px;
    right: -30px;
    z-index: 100;
  }

  #pagetop img {
    width: 60%;
  }

  /* お問い合わせ */
  #undercolumn_contact .btn-default {
    width: 60%;
    margin: 20px auto 0;
  }

  .confirmation-btn {
    width: 70%;
  }

  /* ログイン */
  #undercolumn_login .login_area.col-md-6 {
    width: 90%;
    margin: 40px auto 80px;
  }

  .checkbox label, .radio label {
    padding-left: 30px;
    margin: -20px 0 0;
  }

  .checkbox.margin-left-lg {
    margin-left: 0 !important;
  }

  #undercolumn_login .col-md-6 {
    width: 90%;
    margin: 0 auto;
  }

  /* MYページ */
  .mypage_login {
    margin: 0 0 24px;
  }

  #mynavi_area a {
    width: 48%;
    margin: 0 0 6px 6px !important;
    padding: 12px 0 0 22px !important;
    font-size: 90%;
  }

  .btn-group-justified>.his_btn {
    display: block;
    float: left;
    height: 44px;
    text-align: center;
    color: #232727;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #e0e0e0;
    padding: 10px 12px 0!important;
    border-radius: 0!important;
    background-color: #fff;
    background-image: url(../images/l3H3SQKm6iRS.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.his_btn.active {
    color: #fff;
    box-shadow: none;
    border: 0;
    background-color: #3597ec;
    background-image: url(../images/VkfAXNFGgLuT.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.fav_btn {
    display: block;
    float: left;
    height: 44px;
    text-align: center;
    color: #232727;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #e0e0e0;
    padding: 10px 12px 0!important;
    border-radius: 0!important;
    background-color: #fff;
    background-image: url(../images/EapH6DtXmN5t.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.fav_btn.active {
    color: #fff;
    box-shadow: none;
    border: 0;
    background-color: #3597ec;
    background-image: url(../images/b1zc8L9nERyx.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.cha_btn {
    display: block;
    float: left;
    height: 44px;
    text-align: center;
    color: #232727;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #e0e0e0;
    padding: 10px 12px 0!important;
    border-radius: 0!important;
    background-color: #fff;
    background-image: url(../images/0hZBvgehirIj.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.cha_btn.active {
    color: #fff;
    box-shadow: none;
    border: 0;
    background-color: #3597ec;
    background-image: url(../images/B8byRIdzDnOV.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.del_btn {
    display: block;
    float: left;
    height: 44px;
    text-align: center;
    color: #232727;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #e0e0e0;
    padding: 10px 12px 0!important;
    border-radius: 0!important;
    background-color: #fff;
    background-image: url(../images/FJ0P4q6zUeg5.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.del_btn.active {
    color: #fff;
    box-shadow: none;
    border: 0;
    background-color: #3597ec;
    background-image: url(../images/TXonfFqxzkny.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.chc_btn {
    display: block;
    float: left;
    height: 44px;
    text-align: center;
    color: #232727;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #e0e0e0;
    padding: 10px 12px 0!important;
    border-radius: 0!important;
    background-color: #fff;
    background-image: url(../images/yUhLT1KIkdPW.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.chc_btn.active {
    color: #fff;
    box-shadow: none;
    border: 0;
    background-color: #3597ec;
    background-image: url(../images/AzQDMhDQCKjS.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.ref_btn {
    display: block;
    float: left;
    height: 44px;
    text-align: center;
    color: #232727;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #e0e0e0;
    padding: 10px 12px 0!important;
    border-radius: 0!important;
    background-color: #fff;
    background-image: url(../images/t7ojdmBuaFq1.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  .btn-group-justified>.ref_btn.active {
    color:#fff;
    box-shadow: none;
    border: 0;
    background-color: #3597ec;
    background-image: url(../images/w8kLShkwJBq2.png);
    background-repeat: no-repeat;
    background-position: 2px 11px;
    background-size: 20px 20px;
  }

  #mycontents_area .list-group-item .list-group_l {
    float: none;
    width: 100%;
    margin: 0 0 30px;
    text-align: center;
  }

  .delivery_info {
    width: 100%;
  }

  .list-group-item .list-group_r {
    float: none;
    width: 100%;
    margin: 0 0 40px;
  }

  .list-group_r .order_rbox_last {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  .list-group_r .order_rbox .order_imgbox, .list-group_r .order_rbox_last .order_imgbox {
    width: 48%;
    height: 160px;
    float: left;
    margin-right: 2%;
    text-align: center;
  }

  .list-group_r .order_rbox .order_imgbox img, .list-group_r .order_rbox_last .order_imgbox img {
    width: 100%;
    height: auto;
    max-height: 160px;
    padding: 0;
    object-fit: cover;
    object-position: 50% 0%;
    font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
  }

  .list-group_r .order_rbox .text_area, .list-group_r .order_rbox_last .text_area {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    word-wrap: break-word;
  }

  .order_rbox .text_area .status_info, .order_rbox_last .text_area .status_info {
    width: 100%;
    float: none;
    margin: 0 0 10px;
    padding: 2px;
  }

  .order_rbox .text_area .order_schedule, .order_rbox_last .text_area .order_schedule {
    width: 100%;
    text-align: left;
    float: none;
  }

  /*
	.list-group a .list-group_r{font-size:12px;}
	.list-group-item{padding: 10px 25px 10px 10px;}
	.list-group a .list-group_l{float:none;width:100%;margin:0 0 10px 0;text-align:center;}
	.list-group a .list-group_l img{max-width:100%;}
	.list-group a .list-group_r{float:none;width:100%;}

	.list-group-item .list-group_l img{max-width:100%;}

	*/

  /* MYページ 注文詳細 */
  .history-list_l {
    float: none;
    width: 100%;
    height: auto;
    text-align: left;
    margin: 0 0 30px;
  }

  .history-list_r {
    float: none;
    width: 100%;
  }

  #mycontents_area .history_img {
    width: 48%;
    height: 130px;
    margin: 0 2% 0 0;
    float: left;
    text-align: center;
  }

  #mycontents_area .history_img img {
    width: 100%;
    height: auto;
    max-height: 130px;
    margin: 0 auto;
    padding: 0;
    object-fit: cover;
    object-position: 50% 0%;
    font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
  }

  .history_goukei {
    margin: -40px 0 0;
  }

  .history_info {
    width: 50%;
    float: left;
  }

  .history_gprice {
    font-size: 14px;
    text-align: left;
  }

  .resend_box {
    margin: 20px 0 0;
  }

  .history_btn {
    width: 100%;
  }

  .history_back {
    width: 60%;
  }


  /* MYページ お気に入り */
  .favoritelist_l {
    float: none;
    width: 100%;
    height: 200px;
    margin: 0 0 10px;
  }

  .favoritelist_l img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    object-position: 50% 0%;
    font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
  }

  .favoritelist_r {
    float: none;
    width: 100%;
  }

  .favoritelist_r .favoritelist_ti {
    padding: 0 40px 0 0;
  }

  .favo_point {
    margin: 0 0 20px;
  }

  .status_box {
    margin: 0;
  }

  .status_icon {
    margin: 0 0 4px;
    float: none;
  }

  /* MYページ 会員登録変更 */
  .deliadd_box {
    width: 100%;
    margin: 0 0 2% -15px;
  }

  .deliadd_box .mr_30 {
    margin-right: 60px;
  }

  #mycontents_area .btn-register, #undercolumn_shopping .btn-register {
    width: 50%;
  }

  .chg_con_mail {
    width: 60%;
  }

  #mycontents_area .btn-default, .btn_area .btn-default {
    width: 50%;
  }

  #complete_area .message, .order_message {
    font-size: 18px;
  }

  /* MYページ お届け先の追加 */
  .delivery_btn, .delivery_btn:active {
    width: 55%;
  }

  #mycontents_area .change_btn, #mycontents_area .change_btn:active {
    width: 46%;
  }

  /* MYページ カード情報変更 */
  .form-group label.col-sm-3 {
    width: 100%;
    float: none;
    text-align: left;
  }

  .form-group .col-sm-9 {
    width: 100%;
    float: none;
  }

  .sp_chgcard_num {
    width: 100%;
  }

  /* MYページ 退会手続き */
  .taikai_btn {
    width: 50%;
  }

  .danger-btn {
    width: 60%;
  }

  /* お知らせ */
  .nav_group > .nav_btn1, .nav_group > .nav_btn2, .nav_group > .nav_btn3 {
    font-size: 14px;
  }

  /* スケジュール　*/
  .reserve_info {
    width: 36%;
    margin: 0 4% 0 0;
  }

  .reserve_schedule {
    width: 60%;
  }

  .nav > li > a, .nav > li.active > a {
    padding: 0 10px;
  }


  /* 会員登録 */
  #complete_area .btn-register {
    width: 60%;
  }

  .select-menu {
    width: 100%;
  }


  /* カート */
  .cart_box_l {
    padding: 0 10px;
  }

  .cart_imgbox {
    width: 100%;
    height: 200px;
    float: none;
    margin: 0 0 20px;
  }

  .cart_imgbox img {
    max-height: 200px;
  }

  .cart_textbox {
    width: 100%;
    float: none;
  }

  .cart_textbox .col-sm-9 {
    padding: 0;
  }

  .order_price {
    margin-bottom: 20px;
  }

  .cart_textbox .pull-left {
    padding: 0;
  }

  #undercolumn_cart .delete-cart {
    position: absolute;
    top: 0px;
    right: 0px;
  }

  .cart_box_r {
    width: 100%;
    float: none;
    margin: 0 auto;
  }

  .cart_pricebox {
    padding: 0 20px;
  }

  .cart_box_r .col-xs-push-6 {
    left: 0;
  }

  .cart_box_r .col-xs-6 {
    width: 100%;
    margin: 0 0 10px;
  }

  .cart_box_r .col-xs-pull-6 {
    right: 0;
  }

  .cart_orderbox {
    margin: 20px 0 0;
  }

  /* ショッピング */
  .step_bar {
    position: absolute;
    top: -36px;
    right: 0;
    width: 40%;
  }

  #undercolumn_customer .col-xs-3 {
    padding: 0 0 0 15px;
    width: 25%;
  }

  #undercolumn_customer .cha_tel_ml {
    margin: 6px 0 0 10px;
  }

  .shopping_navibox {
    position: static;
    margin: 40px 0 0;
  }

  .shopping_navibox .btn-primary {
    width: 100%;
  }

  .shopping_navibox .col-xs-6 {
    width: 100%;
  }

  .shopping_navibox .col-xs-pull-6 {
    right: 0;
  }

  .shopping_navibox .col-xs-push-6 {
    left: 0;
  }

  .shop_delivbox_l {
    width: 100%;
    margin: 0 0 10px;
    float: none;
  }

  .shop_delivbox_r {
    width: 100%;
    float: none;
  }

  .shop_deliv_btn {
    width: 50%;
  }

  .shop_btn_arrow {
    position: absolute;
    top: 8px;
    left: 88%;
  }

  #undercolumn_shopping .shopping_navibox .col-xs-pull-6 {
    right: 0;
  }

  #undercolumn_shopping .btn-default {
    width: 100%;
  }

  .shop_multiplebox_l {
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    float: none;
  }

  .shop_multiplebox_r {
    width: 100%;
    height: auto;
    float: none;
  }

  .cart_listbox {
    padding: 0;
  }

  .deliv_area_l, .pay_area_l, .point_area_l, .etc_area_l, .item_area_l {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    float: none;
  }

  .deliv_area_r, .pay_area_r, .point_area_r, .etc_area_r, .item_area_r {
    width: 100%;
    height: auto;
    float: none;
  }

  .deliv_area_txt {
    float: left;
    width: 26%;
    text-align: left;
    margin: 0 2% 0 0;
  }

  .deliv_area_check {
    float: left;
    width: 72%;
    margin: 0 0 20px;
  }

  .deliv_area_check .radio {
    float: none;
    margin: 10px 0 10px;
    padding: 0;
  }

  .pay_area_check {
    width: 100%;
    margin: 0 0 100px;
    position: relative;
  }

  #payment .col-md-3 {
    width: 100%;
  }

  .point_box {
    width: 80%;
    margin: 0;
  }

  .point_box .col-xs-4 {
    width: 50%;
  }

  .poi_txt {
    position: absolute;
    right: -46px;
    bottom: 10px;
    width: 80%;
  }

  .etc_area_txt {
    margin: 0 0 60px;
  }

  .point_area_confirm .col-xs-8 {
    width: 60%;
  }

  .point_area_confirm .col-xs-4 {
    width: 40%;
  }

  .complete_box {
    width: 90%;
  }

  /* 商品検索 */
  .productlist_l {
    float: none;
    width: 100%;
    height: 200px;
    margin: 0 0 10px;
  }

  .productlist_l img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    object-position: 50% 0%;
    font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
  }

  .productlist_r {
    float: none;
    width: 100%;
  }

  .productlist_r .productlist_ti {
    padding: 0 40px 0 0;
  }

  #introduction-area .title-area img.maker_logo {
    width: auto;
    height: 56px;
  }

  #introduction-area .text-area {
    padding: 50px 20px 0;
  }


  /* 商品詳細 */
  .ad-gallery .ad-image-wrapper {
    float: none;
    min-height: 480px;
    height: 100%;
    width: 100%;
  }

  .ad-gallery .ad-thumbs {
    margin: 10px 0 0 -2px;
  }

  .ad-gallery .ad-thumb-list li {
    float: left;
    width: 63px;
    height: 90px;
    margin: 0 0 8px 4px;
    padding: 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
  }

  .ad-gallery .ad-thumb-list li a img,
  .ad-gallery .ad-thumb-list li a.ad-active img {
    border: none;
    border-radius: unset;
    height: auto;
    min-height: 88px;
    padding: 0;
    object-fit: cover;
    object-position: 50% 0%;
    font-family: 'object-fit: cover; object-position: center top;' /* IE・Edge対応 */
  }

  .copyright_txt {
    font-size: 10px;
  }

  .review_btn a {
    width: 44%;
    text-align: right;
  }

  .search_box {
    width: 100%;
    height: auto;
    margin: 6% 0 20%;
    padding: 0;
  }

  .productlist2 .caption-small {
    padding: 4px;
    height: auto;
    position: absolute;
    bottom: 5px;
    background: -moz-linear-gradient(bottom, transparent,#0000003D 0, #0000003D 40%, transparent);
    background: -webkit-linear-gradient(bottom, transparent, #0000003D 0, #0000003D 40%, transparent);
    background: linear-gradient(to top, transparent, #0000003D 0, #0000003D 40%, transparent);
    width: 94%;
  }

  .productlist2 .caption-small h3 {
    color: #FFFFFF;
    font-size: 16px;
    opacity: 1;
    text-align: center;
    padding: 0 0 5px 0;
  }

  #swipebox-close {
    background-image: url(../images/Uokbw91GNccw.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-position: 0 0;
    top: 46px;
    right: 10px;
  }

  .product_detail_fav_btn {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 500;
  }


  /* トップページ */
  .carousel-icons {
    position: absolute;
    top: 14%;
    left: 2%;
    z-index: 15;
    width: 60%;
    height: 40px;
    text-align: left;
  }

  .carousel-icons .product-status-icon {
    margin: 0 4px 0 0;
  }

  .carousel-maker {
    position: absolute;
    top: 14%;
    right: 2%;
    z-index: 15;
    width: 40%;
    text-align: right;
  }

  .carousel-maker img {
    width: auto;
    height: 22px;
  }

  .carousel-option {
    position: absolute;
    bottom: -20px;
    right: 2%;
    z-index: 15;
    width: 50%;
    text-align: right;
  }

  .carousel-option img {
    width: auto;
    max-height: 80px;
  }

  .carousel-info {
    position: absolute;
    bottom: -16px;
    left: 2%;
    z-index: 15;
    width: 100%;
    text-align: left;
  }

  .carousel-info .product_name {
    font-size: 12px;
    margin: 0 0 4px;
  }

  .carousel-info .product_status {
    margin: 0;
  }

  .carousel-info .product_status_label {
    width: auto;
    font-size: 8px;
    margin: 0 4px 0 0;
    padding: 2px 4px;
  }

  .carousel-indicators {
    bottom: -2%;
    left: auto;
    right: 2%;
    width: auto;
    margin: 0;
    display: none;
  }

  .carousel-indicators li {
    border: 1px solid #555;
    width: 12px;
    height: 12px;
    margin: 3px;
  }

  .carousel-indicators li.active {
    background-color: #fff;
    width: 12px;
    height: 12px;
    border: none;
    margin: 3px;
  }

  .visible-lg, .visible-md {
    display: block !important;
  }

  .carousel-control.left {
    background: none;
    position: absolute;
    top: 40%;
    left: 0;
    height: 25px;
    display: block;
  }

  .carousel-control.right {
    background: none;
    position: absolute;
    top: 40%;
    right: 0;
    height: 25px;
    display: block;
  }

  .carousel-control.left img,
  .carousel-control.right img	{
    width: 30%;
    height: 80%;
  }

  .thumbnail {
    border-radius: 0;
    border: none;
    height: 136px;
    margin: 0 0 8px;
    padding: 4px;
  }

  .thumbnail img {
    width: 100%;
    height: auto;
    max-height: 136px;
  }

  #product-list-wrap .picture,
  #product-list-wrap .thumbnail_mini .picture {
    width: 100%;
    min-height: 136px;
    margin: 0 0 4px;
    padding: 0;
  }

  #product-list-wrap div.caption {
    position: absolute;
    bottom: -4px;
    width: 96%;
  }

  .thumbnail .list-product-info .product_name {
    padding: 0 10px 0;
    display: flex;
    justify-content: space-between;
  }

  #product-list-wrap .product_name .product_name_label {
    font-size: 12px;
  }

  .thumbnail .caption h3 {
    margin: 10px 0 4px;
  }

  .list-product-icons {
    height: 24px;
    margin: 5px 0 0 2px;
  }

  .list-product-icons img.product-status-icon {
    width: 24px;
    height: 24px;
    margin: 0 4px 0 0;
  }

  .thumbnail_mini {
    border-radius: 0;
    border: none;
    height: 136px;
    margin: 0 0 8px;
    padding: 4px;
  }

  .thumbnail_mini img {
    width: 100%;
    height: auto;
    max-height: 136px;
  }

  .thumbnail_mini .col-product-img-3 {
    max-width: 100%;
  }

  #product-list-wrap div.caption-small {
    position: absolute;
    bottom: -4px;
    width: 96%;
  }

  .thumbnail_mini .caption-small h3 {
    margin: 10px 0 4px;
  }

  .thumbnail_mini .list-product-info .product_name {
    padding: 4px 10px;
  }

  #news_area .nav_group li.nav_btn1, #news_area .nav_group li.nav_btn2,
  #news_area .nav_group li.nav_btn3 {
    font-size: 14px;
    padding: 8px 0 0 !important;
  }

  #news_area .nav > li > a {
    padding: 0px;
  }

  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    padding: 0 10px;
  }

  #maker_area .maker-block-banner {
    width: 50%;
    margin: 0 0 20px;
    padding: 0;
  }

  #maker_area .maker-block-banner img {
    width: auto;
    max-width: 150px;
    height: 39px;
    margin: 0 auto;
    padding: 2px;
  }

  .sns_bn ul {
    position: relative;
    left: 10px;
    float: left;
    padding: 0;
    margin: 0 auto;
  }

  .sns_bn ul li {
    position: relative;
    left: 0;
    float: none;
    list-style: none;
  }

  .sns_bn_fb {
    float: none;
    margin: 0 auto 40px;
  }

  .sns_bn_fb .fb-page{width:100%!important;}
  .sns_bn_fb .fb-page span[style]{width:100%!important;}
  .sns_bn_fb .fb-page iframe[style]{width:100%!important;}
  .sns_bn_fb .fb-page iframe ._2p3a{width:100%!important;}

  .sns_bn_tw {
    float: none;
    margin: 0 auto;
  }
  .sns_bn_tw iframe{width:100%!important;}




  /*
	#undercolumn_cart .list-group-item {
		padding: 10px!important;
	}

	#undercolumn_cart .list-group-item .col-xs-3.col-sm-3.col-md-2 {
		float: none;
		width: 100%;
		margin: 0 0 10px;
		text-align: center;
	}

	#undercolumn_cart .list-group-item .col-xs-3.col-sm-3.col-md-2 img {text-align:center;display:inline-block;}
	#undercolumn_cart .list-group-item .col-xs-9.col-sm-9.col-md-10{float:none;max-width:100%;}
	#undercolumn_cart .list-group-item .delete-cart{float:none;position: static;top: 0;right: 0;margin:0 0 10px 0;}

	.padding-right-none{padding:0 20px 0 20px!important;display:block;}

	.favoritelist_r .product_detail a{background:#F7B53D url(/html/template/default/assets/img/common/product_detail_icon.png) center center no-repeat;}
	.favoritelist_r .product_delete a{background:#B4B5B5 url(/html/template/default/assets/img/common/product_delete_icon.png) center center no-repeat;}
	.favoritelist_r .product_cart a{background:#F19622 url(/html/template/default/assets/img/common/product_cart_icon.png) center center no-repeat;}
	.favoritelist_r .product_detail a span{display:none;}
	.favoritelist_r .product_delete a span{display:none;}
	.favoritelist_r .product_cart a span{display:none;}
	.favoritelist_r .favoritelist_ti .favokakaku span{display:block;text-align:right;}

	*/

}

/*　Retinaディスプレイ対応用　*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

  .guidebox_in .qtxt {
    background: url(../images/faq_q%402x.png) no-repeat;
    background-size: 28px 28px;
  }

  .guidebox_in .atxt {
    background: url(../images/faq_a%402x.png) no-repeat;
    background-size: 28px 28px;
  }

  .guidebox_in .atxt_end {
    background: url(../images/faq_a%402x.png) no-repeat;
    background-size: 28px 28px;
  }

  .h_mypage_btn button:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -3px 5px 0 0;
    background: url("../images/menu_mypage%402x.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
  }

  .btn-group-justified > .his_btn {
    background-image: url(../images/my_menu_history_off%402x.png);
  }

  .btn-group-justified > .his_btn.active {
    background-image: url(../images/my_menu_history_on%402x.png);
  }

  .btn-group-justified > .fav_btn {
    background-image: url(../images/my_menu_fav_off%402x.png);
  }

  .btn-group-justified > .fav_btn.active {
    background-image: url(../images/my_menu_fav_on%402x.png);
  }

  .btn-group-justified > .cha_btn {
    background-image: url(../images/my_menu_edit_off%402x.png);
  }

  .btn-group-justified > .cha_btn.active {
    background-image: url(../images/my_menu_edit_on%402x.png);
  }

  .btn-group-justified > .del_btn {
    background-image: url(../images/my_menu_address_off%402x.png);
  }

  .btn-group-justified > .del_btn.active {
    background-image: url(../images/my_menu_address_on%402x.png);
  }

  .btn-group-justified > .chc_btn {
    background-image: url(../images/my_menu_card_off%402x.png);
  }

  .btn-group-justified > .chc_btn.active {
    background-image: url(../images/my_menu_card_on%402x.png);
  }

  .btn-group-justified > .ref_btn {
    background-image: url(../images/my_menu_exit_off%402x.png);
  }

  .btn-group-justified > .ref_btn.active {
    background-image: url(../images/my_menu_exit_on%402x.png);
  }

  #cartbtn_default a {
    background: #FF5800 url(../images/menu_cart%402x.png) 10px center no-repeat;
    background-size: 32px 32px;
  }

  #cartbtn_default a:hover, #cartbtn_default a:focus {
    background: #c95c2c url(../images/menu_cart%402x.png) 10px center no-repeat;
    background-size: 32px 32px;
  }

  .review_btn a {
    background: #FFF url(../images/prdct_comment%402x.png) 5px center no-repeat;
    background-size: 24px 24px;
  }

  #swipebox-prev {
    background-image: url(../images/prdct_fullscrn_left%402x.png);
  }

  #swipebox-next {
    background-image: url(../images/prdct_fullscrn_right%402x.png);
  }

  #swipebox-close {
    background-image: url(../images/sh_close%402x.png);
  }

  .mypage_login {
    background-image: url(../images/my_avater%402x.png);
  }
}

.panel-footer {
  background-color: #ffffff;
}

.jumbotron {
  background-color: #ffffff;
}