@charset "utf-8";
/* CSS Document */

/* ===================================================================
CSS information

 file name  :cont.css
 style info :改ページのレイアウト
 
 このスタイルシートの構成
 
   
作成者 2015.05.11 yamamoto
更新者 2016.07.13 kunihiro

=================================================================== */

/* ------------------------------------
  共通
------------------------------------ */


/* パンくず
------------------------------------ */
.topicPath {
	font-size: 14px;
	padding:1em;
}

.topicPath li {
	float: left;
	margin: 0 3px;
}
.topicPath li:first-child {
	margin-left: 0;
}

.topicPath li a {
	display: inline-block;
	float: left;
	margin: 0 5px;
}
.topicPath li a:first-child {
	margin-left: 0;
}



/* page_subtl02(背景赤)
------------------------------------ */
.page_subtl02 {
	background:url(../img_cmn/bg_page_subtl02_base.png);
	margin-bottom:20px;
}

.page_subtl02 span {
	background:url(../img_cmn/bg_page_subtl02_head.png) 0 0 repeat-y;
	
	display:block;
	padding:10px 10px 10px 20px;
	
	font-size:125%;/* 16px→20px */
}


/* page_subtl03(グレー１本点線)
------------------------------------ */
.page_subtl03 {
	margin:40px 0 20px;
	padding-bottom:10px;
	border-bottom:#929292 2px dotted;
	font-size:125%;/* 16px→20px */
	font-weight:normal;
}


/* スライドのbtn
------------------------------------ */
.slideBtn .pre {
	left: -20px;
}
.slideBtn .next {
	right: -20px;
}


/* /------------------------------------/
　　ソート、表示件数
/--------------------------------------*/
.controlBar {
	overflow:hidden;
	border-top:#929292 1px solid;
	border-bottom:#929292 1px solid;
	padding:5px 0;
}

.controlBar .sort {
	float:left;
	border-right:#929292 1px solid;
	padding-right:20px;
}

.controlBar .sort dt,
.controlBar .sort dd {
	display: inline-block;
    *display: inline;
    *zoom: 1;
	font-size:87.5%;/* 16px→14px */
	margin-right:20px;
}

.controlBar .sort dd span {
	font-weight:bold;
}

.controlBar .itemsParPage {
	float:right;
}


.controlBar .itemsParPage dt,
.controlBar .itemsParPage dd {
	display: inline-block;
    *display: inline;
    *zoom: 1;
	font-size:87.5%;/* 16px→14px */
	padding-left:20px;
}

.controlBar .itemsParPage dd span {
	font-weight:bold;
}





/* /------------------------------------/
　　ページ送り(一覧)
/--------------------------------------*/
.pageNav {
	overflow:hidden;
	margin:20px 0 30px;
}

.pageNumber {
	float:left;
	line-height:32px;
	font-size:81.3%;/* 16px→13px */
}

.pageNumber .all,
.pageNumber .number {
	font-size:123.1%;/* 13px→16px */
	font-weight:bold;
	margin:0 3px;
}



.pageShift {
	float:right;
}

.pageShift li {
	float: left;
	display: inline;
	margin: 0 5px;
	
	line-height:30px;
	border:#DE321F 1px solid;
}

.pageShift li.prev {
	border:none;
	line-height:32px;
}


.pageShift li.next {
	border:none;
	line-height:32px;
}

.pageShift li.nopage {
	display:none;
}


.pageShift li a,
.pageShift li span {
	display: block;
	padding: 0 10px;
	text-decoration: none;
	color: #DE321F;
}


.pageShift li a,
.pageShift li a:visited {
	background-color: #F3F3F3;
}

.pageShift li a:hover,
.pageShift li a:active,
.pageShift li.current span {
	background-color: #DE321F;
	color: #FFFFFF;
}

.pageShift li.abbreviation {
	border:none;
}
.pageShift li.abbreviation span {
	padding: 0;
}


.pageShift li img {
	vertical-align:middle;
}


.pageShift li.prev a,
.pageShift li.next a {
	background:none;
}

.pageShift li.prev a:hover,
.pageShift li.next a:hover {
	color:#DE321F;
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}

/* ページ下配置
--------------- */
.pageNav_bottom {
	border-top:#929292 1px solid;
	padding-top:30px;
}




/* 商品の検索
------------------------------------ */
.product_search {
	border:#DE321F 4px solid;
	background-color:#FFF;
	position:relative;
	
}

.product_search dl {
	overflow:hidden;
}

.product_search dt {
	background:url(../img_cmn/bg_product_search_tl_arrow.png) 20px 100% no-repeat;
	padding-bottom:16px;
	font-weight:bold;
}

.product_search dt span {
	display:block;
	padding:10px 10px 10px 40px;
	font-size:125%;/* 16px→20px */
	color:#CC4737;
	background:#FCEAE8 url(../img_cmn/ico_product_search_tl.png) 10px 0.4em no-repeat;
}

.product_search dd {
	width:330px;
	margin-bottom:30px;
	float:left;
}

.product_search dd.search_category {
	margin-bottom:10px;
}

.product_search dd .tl {
	margin-bottom:5px;
}


.product_search .search_category {
	padding-left:15px;
	margin-top:10px;
}

.product_search .search_category select {
	width:300px;
	font-size:113%;/* 16px→18px */
	margin-bottom:20px;
}


.product_search .search_freeword {
	margin-top:10px;
}

.product_search .search_freeword input {
	font-size:113%;/* 16px→18px */
	width:300px;
}


.product_search .search_price {
	clear:both;
	float:left;
	padding-left:15px;
}

.product_search .search_price input {
	font-size:113%;/* 16px→18px */
	width:100px;
}


.product_search .search_furusatowari {
}

.product_search .search_furusatowari input {
	margin-right:10px;
}

.product_search .search_furusatowari label {
	background-color:#F5F5F5;
	padding:2px 15px;
}



.product_search .submit_btn {
	width:200px;
	
	position:absolute;
	top:60px;
	left:730px;
}



.product_search .submit_btn input {
	background:#DE321F url(../img_cmn/txt_product_search_btn.png) 50% 50% no-repeat;
	display:block;
	width:200px;
	padding:0;
	
	border:none;
	height:0;
	padding-top:180px;
	overflow:hidden;
	
	color:#DE321F;
}


.product_search .submit_btn input:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}






/* 送信完了
------------------------------------ */

.form_done {
	border:#EA776A 4px solid;
	
	border:#B4B4B4 1px solid;
	padding:15px 15px 10px;
	
	margin-top:30px;
	
	background-color:#FFF;
	background-color:#F9F7F1;
	font-size:87.5%;/* 16px→14px */
	
	text-align:center;
	
	margin:50px;
}


.form_done .txt {
	font-size:125%;/* 16px→20px */
	line-height:1.8em;
}


.form_done .btn {
	border:#EA776A 2px solid;
	text-align:center;
	margin:20px 100px;
}

.form_done .btn a {
	display:block;
	padding:15px 0;
	
	color:#EA776A;
	background:url(../img_cmn/bg_box_arrow_lr.png) 100% 100% no-repeat;
}

.form_done .btn a:hover {
	text-decoration:none;
	background-color:#FCE7E4;
}


.form_done .btn span {
	font-size:171.4%;/* 14px→24px */
}

/* AC ITOU 151020 YamatoCard */
.form_done .btn2 {
	background-color: #de3120;
	border:#EA776A 2px solid;
	text-align:center;
	margin:20px 100px;
}

.form_done .btn2 a {
	display:block;
	padding:15px 0;
	
	color:#FFFFFF;
	background:url(../img_cmn/bg_box_arrow_lr.png) 100% 100% no-repeat;
}

.form_done .btn2 a:hover {
	text-decoration:none;
	background-color:#EA776A;
}

.form_done .btn2 span {
	font-size:171.4%;/* 14px→24px */
}




/* 戻るbtn
--------------- */
.back_btn {
	border:#EA776A 2px solid;
	text-align:center;
	margin-top:40px;
	width:200px;
	height:30px;
	line-height:30px;
}

.back_btn a {
	display:block;
	
	color:#EA776A;
}

.back_btn a:hover {
	text-decoration:none;
	background-color:#FCE7E4;
}


.back_btn span {
	background:url(../img_cmn/ico_txt_link_arrow_lr_l.png) 0 50% no-repeat;
	padding-left:20px;
}



/* ------------------------------------
  baseパーツ
------------------------------------ */

.base_table {
	border:#929292 2px solid;
	background-color:#FFF;
	width:100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.base_table th {
	padding:10px;
	background-color:#F2F2F2;
	/*
	border-bottom:#929292 1px dotted;
	*/
	border-bottom:#B4B4B4 1px solid;
	
	width:10em;
}

.base_table .head th {
	padding:10px;
	background-color:#F2F2F2;
	border-bottom:none;
	width:auto;
	
	border-right:#FFF 1px solid;
}

.base_table td {
	padding:10px;
	/*
	border-bottom:#929292 1px dotted;
	border-right:#929292 1px dotted;
	*/
	border-bottom:#B4B4B4 1px solid;
	border-right:#B4B4B4 1px solid;
}


/* base_list
------------------------------------ */
.base_list {
	margin-top:30px;
	
	text-align:left;
}

.base_list li {
	margin-bottom:5px;
	background:url(../img_cmn/ico_base_list_01.png) 0 0.4em no-repeat;
	padding-left:15px;
}


.base_list li strong {
	color:#FB0005;
}



/* ------------------------------------
  フォーム周り
------------------------------------ */

.content input {
	padding:5px;
}

.base_table input {
	margin-right:10px;
}


.base_table label input {
	margin-right:0;
}


/* 必須 */
.required {
	display: inline-block;
    *display: inline;
    *zoom: 1;
	
	background-color:#FF6666;
	color:#FFF;
	font-size:87.5%;/* 16px→14px */
	padding:0 10px;
	letter-spacing:0.2em;
}



/* プライバシーポリシー同意
------------------------------------ */
.order_go {
	margin-top:20px;
}

.order_go .txt {
	text-align:center;
	margin-bottom:0.6em;
}


.required02 {
	text-align:center;
	margin-bottom:1em;
}

.required02 label {
	background-color:#FFF;
	padding:2px 15px;
}

.privacy_policy {
	text-align:center;
}

.privacy_policy a {
	background:url(../img_cmn/ico_txt_link_arrow_r.png) 0 0.4em no-repeat;
	padding-left:20px;
}

/* 注意書き(フォーム上下)
------------------------------------ */

.form_message .note_list,
.order_go .note_list {
	border:#B4B4B4 1px solid;
	padding:15px 15px 10px;
	
	margin-top:30px;
	
	text-align:left;
	
	background-color:#FFF;
	background-color:#F9F7F1;
	font-size:87.5%;/* 16px→14px */
}

.form_message .note_list li,
.order_go .note_list li {
	margin-bottom:5px;
	background:url(../img_cmn/ico_base_list_01.png) 0 0.4em no-repeat;
	padding-left:15px;
}


.form_message .note_list li strong,
.order_go .note_list li strong {
	color:#FB0005;
}


/* 内容を確認するbtn
------------------------------------ */
.login_member .submit_btn,
.order_go .submit_btn {
	background:#DE321F url(../img_cmn/bg_box_arrow_w.png) 100% 100% no-repeat;
	
	display: block;
	border: none;
	cursor:pointer;
	
	width:310px;
	height:50px;
	border:#DE321F 5px solid;
	color:#FFF;
		
	margin:0 auto;
	font-size:125%;/* 16px→20px */
	font-weight:bold;
	
	margin-top:40px;
}

.login_member .submit_btn.none_click,
.order_go .submit_btn.none_click {
	background:#D2D2D2 url(../img_cmn/bg_box_arrow_w_gy.png) 100% 100% no-repeat;
	border:#D2D2D2 5px solid;
	
	/*
	cursor:default;
	*/
}


.login_member .submit_btn:hover,
.order_go .submit_btn:hover {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}



.login_member .submit_btn.none_click:hover,
.order_go .submit_btn.none_click:hover {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}







/* ------------------------------------
  以下、yokamon.cssへ移動
------------------------------------ */




/* ------------------------------------
  150 退会手続き
------------------------------------ */
.withdraw_lead {
	overflow:hidden;
}

.withdraw_lead h5 {
	margin-bottom:10px;
}

.withdraw_lead .btn_link_list01 {
	float:right;
	margin-top:20px;
	margin-right:-10px;
}


/* 退会を検討されるお客様へ
------------------------------------ */
.withdraw_info {
}

.withdraw_info h5 {
	font-size:125%;/* 16px→20px */
	text-align:center;
	padding-bottom:5px;	
	border-bottom:#929292 2px dotted;
}

.withdraw_info {
	clear:both;
	margin:20px 0;
	
	border:#B4B4B4 1px solid;
	padding:15px 15px 10px;
	text-align:left;
	
	background-color:#F9F7F1;
}


.withdraw_info .note {
	margin-top:30px;
	font-size:87.5%;/* 16px→14px */
}

.withdraw_info .note a {
	background:url(../img_cmn/ico_txt_link_arrow_r.png) 0 0.5em no-repeat;
	padding-left:15px;
	
	display: inline-block;
    *display: inline;
    *zoom: 1;
}

.withdraw_info .note a:hover {
}

/* (2)アンケートの入力
------------------------------------ */
.withdraw_reason {
}

.withdraw_reason .base_table {
	margin-top:10px;
}

.withdraw_reason ul {
	margin-bottom:20px;
	overflow:hidden;
}


.withdraw_reason li {
	float:left;
	width:50%;
	margin-bottom:10px;
}

.withdraw_reason textarea {
	width:90%;
	margin-top:10px;
}


/* ボタン
------------------------------------ */
.withdraw_btn {	
	margin-top:40px;
}

.withdraw_btn .txt {
	margin-bottom:40px;
	text-align:center;
}

.withdraw_btn ul {
	overflow:hidden;
	margin-left:160px;
}

.withdraw_btn li {
	float:left;
}

.withdraw_btn .submit_btn {
	background:#DE321F url(../img_cmn/bg_box_arrow_w.png) 100% 100% no-repeat;
	
	display: block;
	border: none;
	cursor:pointer;
	
	width:310px;
	height:50px;
	border:#DE321F 5px solid;
	color:#FFF;
		
	margin:0 auto;
	font-size:125%;/* 16px→20px */
	font-weight:bold;
	
	margin-right:20px;
}

.withdraw_btn .submit_btn.none_click {
	background:#D2D2D2 url(../img_cmn/bg_box_arrow_w_gy.png) 100% 100% no-repeat;
	border:#D2D2D2 5px solid;
}
.withdraw_btn .submit_btn {
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}

.withdraw_btn .submit_btn.none_click:hover {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}



.withdraw_btn .cancel_btn {
	border: #929292 2px solid;
	background-color:#D2D2D2;
	color:#3C3C3C;
	
	
	display: inline-block;
    *display: inline;
    *zoom: 1;
	
	height:46px;
	line-height:46px;
	width:300px;
	
	text-align:center;
}


.withdraw_btn .cancel_btn span {
	background:url(../img_cmn/ico_delete_btn_gy.png) 0 50% no-repeat;
	padding-left:25px;
}


.withdraw_btn .cancel_btn:hover {
	text-decoration:none;
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}



/* ------------------------------------
  160 お気に入り商品　一覧
------------------------------------ */


.page_favorite .product_list {
}

.page_favorite .product_list li {
	position:relative;
	margin-top:30px;
}


.page_favorite .cancel_btn {
	text-align:right;
	position:absolute;
	top:-30px;
	right:0;
}

.page_favorite .cancel_btn a {
	background:none;
	background-color:#929292;
	color:#FFF;
	
	display: inline-block;
    *display: inline;
    *zoom: 1;
	
	height:30px;
	line-height:30px;
	padding:0 10px;
	
	border-radius: 3px 3px 0 0;
}

.page_favorite .cancel_btn span {
	background:url(../img_cmn/ico_delete_btn_w.png) 0 50% no-repeat;
	padding-left:25px;
}


.page_favorite .cancel_btn a:hover {
	text-decoration:none;
	opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
}



/* ------------------------------------
  200 商品ページ
------------------------------------ */
.returned_link {
	margin-top:20px;
	text-align:right;
}

.aboutLink a,
.returned_link a {
	background:url(../img_cmn/ico_about_link.png) 0 50% no-repeat;
	padding-left:20px;
	font-size: 75%;/* 16px→12px */
}




/* 詳細ページへ
------------------------------------ */
.page_product .about {
	background-color: #DDD;
	padding: 15px 0 0 15px;
	margin: 40px 0;
}

.page_product .about ul {
	overflow:hidden;
	margin-right:-15px;
}

.page_product .about li {
	float: left;
	width: 298px;
	border:#FFF 1px solid;
	
	margin:0 15px 15px 0;
}


.page_product .about li.link01 {
	background:#FFF url(../img_cmn/ico_product_about_01.png) 10px 50% no-repeat;
}

.page_product .about li.link02 {
	background:#FFF url(../img_cmn/ico_product_about_02.png) 10px 50% no-repeat;
}

.page_product .about li.link03 {
	background:#FFF url(../img_cmn/ico_product_about_03.png) 10px 50% no-repeat;
}

.page_product .about li.link04 {
	background:#FFF url(../img_cmn/ico_product_about_04.png) 20px 50% no-repeat;
}

.page_product .about li.link05 {
	background:#FFF url(../img_cmn/ico_product_about_05.png)  50% no-repeat;
}

.page_product .about li.link06 {
	background:#FFF url(../img_cmn/ico_product_about_06.png) 0 50% no-repeat;
}




.page_product .about li a {
	display: block;
	background:url(../img_cmn/bg_box_arrow_gy.png) 100% 100% no-repeat;
	padding: 15px;
	text-align: center;
	
	color:#3C3C3C;
}

.page_product .about li a:hover {
	text-decoration: none;
}








/* ------------------------------------
  201 注文内容の確認
------------------------------------ */

/* 商品ページも共通
--------------- */
.shopping_form .step {
	margin-top:40px;
}


/* ------------------------------------
  202 注文完了
------------------------------------ */
.page_order_sent .step {
}


.form_done .contact_tel {
	margin-top:40px;
}


.form_done .contact_tel .txt {
	font-size:100%;/* 16px */
	margin-bottom:20px;
}

.form_done .contact_tel .tel {
	font-size:125%;/* 16px→20px */
}

.form_done .contact_tel .tel span {
	font-size: 75%;/* 16px→12px */
}