@charset "utf-8";
@import url(base.css);
@import url(icon_font.css);
@import url(layout_test.css);
/* Futureshop用CSS */

/* header
===========================================*/
.FS2_preview {
	display: none;
}
#header {
	/*display: none;*/
}
#header .btn_contact {
	/*width: 300px;*/
}


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


/* main
===========================================*/
.base {
background-color: #009e99;
background-color: #e0f4f3;
}

.layout_table {
	margin: 0 auto;
	max-width: 1280px;
	position: relative;
}

.FS2_welcome_area + td,
.FS2_login_area,
.FS2_breadcrumbs {

}
.FS2_welcome_area {
	border-bottom: none;
}
.welcome {
    margin-left: 0;
}
.system_content .pageTitle {
	color: #fff;
	font-size: 3rem;
	font-weight: 600;
	background: -moz-linear-gradient(left, #189eae, #78d3b1);
	background: -webkit-linear-gradient(left, #189eae, #78d3b1);
	background: linear-gradient(to right, #189eae, #78d3b1);
	padding: .5em 1em;
	margin-top: 20px;
	margin-bottom: 60px;
	border-bottom: none;
}

@media only screen and (max-width: 1280px) {
	/*td.layout_content .utility {
		left: 0;
	}*/
}

@media only screen and (max-width: 768px) {
	
	.layout_table {
		margin: 0 auto;
		max-width: 1280px;
		position: relative;
	}

	.system_content .pageTitle {
		color: #fff;
		font-size: 2rem;
		font-weight: 600;
		padding: .5em 1em;
		margin-bottom: 3vw;
	}
	input[size="50"],
	input[size="40"],
	input#mail,
	input#phrase {
		width: 100%;
	}
}

/* login */
.userTable_01 caption {
	color: #fff;
}
.CrossHead {
	margin-bottom: 1.5em;
}
.FS2_login_layout_table_td_left .CrossHead,
.FS2_login_layout_table_td_left .inputTableArea {
    margin-right: 0;
}
.FS2_login_layout_table_td_left {
	padding-right: 3em;
}
input[type="image"] {
	margin-top: 1em;
}
.inputTableArea .itemCenter + * {
	margin-top: 1em;
}
.FS2_OtherServiceLogin_area {
	margin-top: 2em;
}
.FS2_Login_btn_position #entry + br + a {
	display: inline-block;
	margin-top: 1em;
}


@media only screen and (max-width: 768px) {
	.CrossHead {
		margin-bottom: 1.5em;
	}
	.FS2_login_layout_table,
	.FS2_login_layout_table td {
		display: block;
		width: 100%;
	}
	
	.FS2_login_layout_table td.FS2_login_layout_table_td_left {
		display: table-cell;
		width: 100vw;
	}
	.FS2_login_layout_table_td_left .CrossHead,
	.FS2_login_layout_table_td_left .inputTableArea {
		margin-right: 0;
	}
	.FS2_login_layout_table_td_left {
		padding-right: 0;
	}
	.FS2_login_layout_table_td_right {
		margin-top: 8vw;
	}
	.FS2_body_Cart_GuestLogin input,
	.FS2_Login_btn_position #entry + br + a {
		width: 220px;
	}
}

/* input */
select,
input[type="radio"],
input[type="checkbox"] {
	border-radius: 0;
	border: 1px solid #ccc;
	opacity: 1 !important;
}
select {
	padding: 6px 8px;
}
input[type="radio"] {
	border-radius: 50%;
}

select[name="fsOrderHistoryCode"],
input[name="displayYear"] {
	vertical-align: middle;
	position: relative;
	top: 7px;
}

/* 送料 */
.FS2_Config_Postage {
	display: none;
}
.FS2_Config_Settle_about {
	margin-top: 70px;
}

/* カート */
.FS2_cartTable_delete input[type="image"],
input[name="calculate"],
input[name="clearCart"] {
	width: 200px;
}
.system_content br + .itemRight50,
.system_content .orderFlow {
	margin-top: 2em;
}
.FS2_body_Cart_ShoppingCart .txt_message {
	/*display: none;*/
	text-align: center;
	margin-top: -1em;
}
.FS2_body_Cart_ShoppingCart .txt_message + h3 {
	margin-top: 3em;
}

/* 届け先選択 */
#deliveryListWrap {
	position: relative;
}
#deliveryListWrap:before {
	content: '▼';
	font-size: 12px;
	position: absolute;
	top: .4em;
	left: .5em;
}
.ie #deliveryListWrap:before {
	top: .6em;
}
#fs2_deliveryList {
	width: 100%;
	width: auto;
	padding-left: 1.5em;
}


@media only screen and (max-width: 768px) {
	.inputTableArea table td {
		display: block;
		width: 100%;
	}

	
	.FS2_body_Cart_ShoppingCart .txt_message {
		text-align: left;
		text-align: center;
		margin-top: 1em;
	}
	.FS2_body_Cart_ShoppingCart .txt_message + h3 {
		margin-top: 2em;
	}

	/*userTable_01*/
	.inputTableArea table th {
		display: inline-block;
		width: 90%;
		height: 2.5em;
		vertical-align: top;
		text-align: left;
	}
	.inputTableArea table th + th {
		display: inline-block;
		width: 10%;
		padding-top: .8em;
		border-right: 1px #DDDDDD solid;
	}
	.inputTableArea table #fs2_email,
	.inputTableArea table #fs2_emailConfirmation {
		width: calc(100% - 5em);
	}
	.system_content .FS2_DeliveryMethod_table_input_th,
	.system_content #fs2_settleSelect th,
	.FS2_body_Cart_OrderConfirm table th {
		width: 100% !important;
		border-right: 1px solid #ddd;
	}
	.system_content .FS2_cartTable_delete #submit {
		width: 100px;
		margin-top: 0;
	}

	/* その他調整 */
	label[for="fs2_shippingAddress_self"] + .userTable_01 th {
		width: 100%;
		border-right: 1px #DDDDDD solid;
	}
	.layout_table a img,
	.layout_table input[type="image"] {
		max-width: 200px;
	}
	.system_content #form table + .itemRight {
		text-align: center;
	}
	.FS2_mypage_Entry_table td {
		display: block;
	}
	.FS2_Address_list_btn input[type="image"] {
		max-width: 100px;
		max-width: 100%;
	}
	#FS2_body_MyPage .FS2_bottom_btn_center_1 input[type="image"] {
		max-width: 45%;
	}
	.FS2_SelectCheckoutService_area > * > *,
	.FS2_OtherServiceLogin_area > * > * {
		display: block !important;
		width: 100%;
	}
	.FS2_SelectCheckoutService_area .FS2_CheckoutServiceButton_container {
		text-align: center;
		width: 100%;
	}
	.FS2_SelectCheckoutService_area .FS2_CheckoutServiceButton.FS2_PayWithAmazonButton img {
		max-width: 200px;
	}

	.FS2_CheckoutInformation_block {
		margin-right: 0;
	}

	
	.FS2_PayWithAmazonWidget_area > div {
		display: block;
		width: 100%;
	}
	.FS2_PayWithAmazonWidget_area .FS2_AmazonAddressbookWidget_area,
	.FS2_PayWithAmazonWidget_area .FS2_AmazonWalletWidget_area {
		padding: 0px;
	}
	.FS2_PayWithAmazonWidget_area .FS2_AmazonWalletWidget_area {
		margin-top: 20px;
	}
	#fs2_totalPreview.FS2_TotalPreview_area.FS2_Preview_container {
		position: relative !important;
		left: auto !important;
		width: auto;
		top: auto !important;
	}
	/*#fs2_deliveryList {
		-webkit-appearance: button;
		appearance: button;
	}*/
	.inputTableArea table th[width="35%"] {
		width: 100%;
		border-right: 1px solid #DDDDDD;
	}
}

.FS2_body_Cart_OrderConfirm .userTable_01 tr:nth-child(2) /* OrderConfirm 注文者情報 */,
.FS2_body_Cart_OrderConfirm .userTable_01 tr:nth-child(3) ~ tr,
#FS2_body_MyPage .FS2_mypage_container_WishListHistory /* mypage wishList */,
.FS2_body_Config_PostageSettleList .FS2_Config_Settle_ReducedSalesTax /* 軽減税率 */ {
	display: none;
}

.FS2_body_Cart_ShoppingCart .FS2_PurchaseHere_area .FS2_CheckoutServiceComment_container:after {
	content: '※クレジットカード、PayPay、代金引換でお支払いの方はこちら';
	text-decoration: underline;
}


/* レビュー */
#header #global_nav .regular_menu,
#FS2_body_Review #header .cart_menu,
#header .btn_contact .request.order,
#FS2_body_Review #header .btn_contact .request.cart,
#header .btn_contact .business,
#FS2_body_Review .layout_content .utility,
#FS2_body_Review .layout_content .system_content .FS2_ReviewImage_table {
	display: none;
}
#FS2_body_Review #header #global_nav .regular_menu,
#FS2_body_Review #header .btn_contact .request,
#FS2_body_Review #header .btn_contact .business {
	display: block;
}
#header .btn_contact .request.cart a,
#header .btn_request.cart a {
	background-color: #ed5a24;
}

#FS2_body_Review .layout_content {
	padding-top: 120px;
	position: relative;
	max-width: 1280px;
}
#FS2_body_Review .layout_content:before {
	content: 'クチコミ（レビュー）';
	display: block;
	background: -webkit-linear-gradient(left, #189eae, #78d3b1);
    background: linear-gradient(to right, #189eae, #78d3b1);
    position: relative;
	width: 100vw;
	padding: 86px 0;
	color: #fff;
    font-size: 4rem;
	font-weight: 600;
	left: calc(((100vw - 1220px) / 2) * -1);
	padding-left:calc((100vw - 1220px) / 2) ;
	margin-bottom: 60px;
}
@media only screen and (max-width: 1280px) {
	#FS2_body_Review .layout_content:before {
		left: -30px;
		padding-left:30px ;
	}
}
#FS2_body_Review .layout_content .pager img {
	vertical-align: -1px;
}

@media only screen and (min-width: 769px) {
	#header .btn_contact .request.cart a {
		padding:0 40px;
	}
}

@media only screen and (max-width: 768px) {
	#header .btn_request.order,
	#FS2_body_Review #header .btn_request.cart,
	#FS2_body_Review #header.active .btn_request.order {
		display: none;
	}
	#FS2_body_Review #header .btn_request.order {
		display: block;
	}
	#header .btn_contact .request.cart a {
		border: 1px solid #ed5a24;
	}
	#header .btn_contact .request.cart a:before {
		background-color: #007773;
		display: none;
	}

	#FS2_body_Review .layout_content {
		padding-top: 50px;
	}
	#FS2_body_Review .layout_content:before {
		font-size: 2.2rem;
		padding: 40px 0;
		width: calc(100% + 15px);
		left: -15px;
		padding-left:15px ;
		margin-bottom: 8vw;
	}
}



/* footer
===========================================*/
.layout_footer {
	margin-top: 90px;
}

body[id^="FS2_body_"] #footer .cart_area .btn label i.icon-cart:before {
	content:"";
}
body[id^="FS2_body_"] #footer .cart_area .btn label i.icon-cart img {
	width:22px;
}


@media only screen and (max-width: 768px) {
	.layout_footer {
		margin-top: 6vw;
	}
	body[id^="FS2_body_"] #footer .cart_area .btn label i.icon-cart img {
		width:16px;
	}
}