@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(/user_data/packages/default/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("/user_data/packages/default/img/common/menu_mypage.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(/user_data/packages/default/img/common/h_my_icon.png) 0 center no-repeat;padding:10px 0 10px 40px;}
.h_nav li.h_nav_regi{background:url(/user_data/packages/default/img/common/h_regi_icon.png) 30px center no-repeat;padding:10px 0 10px 65px;}
.h_nav li.h_nav_contact{background:url(/user_data/packages/default/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(/user_data/packages/default/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;
	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: 200px;
	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:30px;
	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;
}

.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: 0 auto;
	padding: 0 0 95px;
}

#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.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, .productkakaku .price {
	color: #232727;
	font-size: 14px;
}

.productlist_r .favorite_delete {
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	/*background: url(/user_data/packages/default/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: 26px;
	font-weight: bold;
}

.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(/user_data/packages/default/img/common/menu_cart.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(/user_data/packages/default/img/common/menu_cart.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(/user_data/packages/default/img/common/prdct_comment.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(/user_data/packages/default/img/common/prdct_fullscrn_left.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(/user_data/packages/default/img/common/prdct_fullscrn_right.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(/user_data/packages/default/img/common/sh_close.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(/user_data/packages/default/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(/user_data/packages/default/img/common/my_avater.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(/user_data/packages/default/img/common/my_menu_history_off.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(/user_data/packages/default/img/common/my_menu_history_on.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(/user_data/packages/default/img/common/my_menu_fav_off.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(/user_data/packages/default/img/common/my_menu_fav_on.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(/user_data/packages/default/img/common/my_menu_edit_off.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(/user_data/packages/default/img/common/my_menu_edit_on.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(/user_data/packages/default/img/common/my_menu_address_off.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(/user_data/packages/default/img/common/my_menu_address_on.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(/user_data/packages/default/img/common/my_menu_card_off.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(/user_data/packages/default/img/common/my_menu_card_on.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(/user_data/packages/default/img/common/my_menu_exit_off.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(/user_data/packages/default/img/common/my_menu_exit_on.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(/user_data/packages/default/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(/user_data/packages/default/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(/user_data/packages/default/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(/user_data/packages/default/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;
}

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

.deliadd_box {
	width: 78%;
	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% 0 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 input {
    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: 0;
	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;
}

/************************************************
 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(/user_data/packages/default/img/common/faq_q.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(/user_data/packages/default/img/common/faq_a.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(/user_data/packages/default/img/common/faq_a.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, #undercolumn_contact .btn-default:active {
	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;}

#confirm_modal{ position:fixed; display:none; z-index:9999; top:0%; width:100%; height:200px;text-align:center;}
#confirm_modal p { margin-bottom:10px;}
#confirm_modal a { cursor:pointer;font-size: x-large; color: #555;}
#confirm_modal span { font-size: x-large; color: #555;}
#confirm_modal .button_area{height:50px; font-size: x-large; color: #555;}
#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: 25px 0;
	}

	#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;
		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;
		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(/user_data/packages/default/img/common/sh_close.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: 20px 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;
		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(/user_data/packages/default/img/common/my_menu_history_off.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(/user_data/packages/default/img/common/my_menu_history_on.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(/user_data/packages/default/img/common/my_menu_fav_off.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(/user_data/packages/default/img/common/my_menu_fav_on.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(/user_data/packages/default/img/common/my_menu_edit_off.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(/user_data/packages/default/img/common/my_menu_edit_on.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(/user_data/packages/default/img/common/my_menu_address_off.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(/user_data/packages/default/img/common/my_menu_address_on.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(/user_data/packages/default/img/common/my_menu_card_off.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(/user_data/packages/default/img/common/my_menu_card_on.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(/user_data/packages/default/img/common/my_menu_exit_off.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(/user_data/packages/default/img/common/my_menu_exit_on.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: 40%;
	}

	#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(/user_data/packages/default/img/common/sh_close.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(/user_data/packages/default/img/common/product_detail_icon.png) center center no-repeat;}
	.favoritelist_r .product_delete a{background:#B4B5B5 url(/user_data/packages/default/img/common/product_delete_icon.png) center center no-repeat;}
	.favoritelist_r .product_cart a{background:#F19622 url(/user_data/packages/default/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(/user_data/packages/default/img/common/faq_q@2x.png) no-repeat;
		background-size: 28px 28px;
	}

	.guidebox_in .atxt {
		background: url(/user_data/packages/default/img/common/faq_a@2x.png) no-repeat;
		background-size: 28px 28px;
	}

	.guidebox_in .atxt_end {
		background: url(/user_data/packages/default/img/common/faq_a@2x.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("/user_data/packages/default/img/common/menu_mypage@2x.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	.btn-group-justified > .his_btn {
		background-image: url(/user_data/packages/default/img/common/my_menu_history_off@2x.png);
	}

	.btn-group-justified > .his_btn.active {
		background-image: url(/user_data/packages/default/img/common/my_menu_history_on@2x.png);
	}

	.btn-group-justified > .fav_btn {
		background-image: url(/user_data/packages/default/img/common/my_menu_fav_off@2x.png);
	}

	.btn-group-justified > .fav_btn.active {
		background-image: url(/user_data/packages/default/img/common/my_menu_fav_on@2x.png);
	}

	.btn-group-justified > .cha_btn {
		background-image: url(/user_data/packages/default/img/common/my_menu_edit_off@2x.png);
	}

	.btn-group-justified > .cha_btn.active {
		background-image: url(/user_data/packages/default/img/common/my_menu_edit_on@2x.png);
	}

	.btn-group-justified > .del_btn {
		background-image: url(/user_data/packages/default/img/common/my_menu_address_off@2x.png);
	}

	.btn-group-justified > .del_btn.active {
		background-image: url(/user_data/packages/default/img/common/my_menu_address_on@2x.png);
	}

	.btn-group-justified > .chc_btn {
		background-image: url(/user_data/packages/default/img/common/my_menu_card_off@2x.png);
	}

	.btn-group-justified > .chc_btn.active {
		background-image: url(/user_data/packages/default/img/common/my_menu_card_on@2x.png);
	}

	.btn-group-justified > .ref_btn {
		background-image: url(/user_data/packages/default/img/common/my_menu_exit_off@2x.png);
	}

	.btn-group-justified > .ref_btn.active {
		background-image: url(/user_data/packages/default/img/common/my_menu_exit_on@2x.png);
	}

	#cartbtn_default a {
		background: #FF5800 url(/user_data/packages/default/img/common/menu_cart@2x.png) 10px center no-repeat;
		background-size: 32px 32px;
	}

	#cartbtn_default a:hover, #cartbtn_default a:focus {
		background: #c95c2c url(/user_data/packages/default/img/common/menu_cart@2x.png) 10px center no-repeat;
		background-size: 32px 32px;
	}

	.review_btn a {
		background: #FFF url(/user_data/packages/default/img/common/prdct_comment@2x.png) 5px center no-repeat;
		background-size: 24px 24px;
	}

	#swipebox-prev {
		background-image: url(/user_data/packages/default/img/common/prdct_fullscrn_left@2x.png);
	}

	#swipebox-next {
		background-image: url(/user_data/packages/default/img/common/prdct_fullscrn_right@2x.png);
	}

	#swipebox-close {
		background-image: url(/user_data/packages/default/img/common/sh_close@2x.png);
	}

	.mypage_login {
		background-image: url(/user_data/packages/default/img/common/my_avater@2x.png);
	}
}

.panel-footer {
	background-color: #ffffff;
}

.jumbotron {
	background-color: #ffffff;
}