@charset "UTF-8";

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2014/3/20
--------------------------------------------------------------------------
1.動的ページ
======================================================================= */
/* フォントサイズ */
.f12{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:18px!important;}
.f20{font-size:20px!important;}
.f22{font-size:22px!important;}
.f24{font-size:24px!important;}
.f26{font-size:26px!important;}

/* フォント高さ */
.lh_txt01{line-height:180%!important;}
.lh200{line-height:200%!important;}

/* =================================================================
1.動的ページ
使用ファイル：ext/template.xhtml
=================================================================*/
#multi .cover { margin:5px 0; }
#multi .cover .img { font-size:0; line-height:1; }
#multi .cover .img img { width:100%; height:auto; }
#multi section { padding:0 0 30px; }
#multi section .txt { padding:15px 5% 0; font-size:14px; line-height:1.5; }
#multi section .img { padding:15px 5% 0; font-size:0; line-height:1; text-align:center; }

/*----------*/

#multi{ margin-bottom:20px; }
#multi h3 { margin:10px 0 0; padding:10px 4%; background:#d8ccbc; color:#ea5b7a; font-size:18px; }
#multi h4 { border-top:#ddd 1px solid; padding:15px 0 0; }
#multi h4 > span { display:block; margin:0 5%; padding:0 0 0 7px; border-left:#ea5b7a 5px solid; font-size:16px; }
#multi h3 + h4 { border-top:none;}
#multi h5 { margin:5px 10px; font-size:110%; }
#multi table { width:274px; }
#multi table td { padding:0 3px; text-align:left; }
#multi table.emailInput { width:100%; }
#multi table.emailInput td { font-weight:bold; text-align:center; }

#multi .sentence { padding:15px 5%; }
#multi .sentence.kessaiType { padding-top:0; }
#multi .sentence > p + p { padding:10px 0 0; }
#multi .sentence input { margin:3px 0 5px; }
#multi .sentence input[type="text"],
#multi .sentence input[type="email"],
#multi .sentence input[type="password"],
#multi .sentence input[type="tel"]{ border-radius:5px; padding:0 7px; box-sizing:border-box; width:100%; height:40px; font-size:16px; font-weight:normal; text-align:left; }
#multi .sentence input[type="number"]{ border-radius:5px; padding:0 7px; box-sizing:border-box; width:100%; height:40px; font-size:16px; font-weight:normal; text-align:left; }
#multi .sentence input[type="button"] { font-size:16px; }
#multi .sentence select { width:auto; font-size:16px; }
#multi .sentence textarea{ border-radius:5px; padding:7px; box-sizing:border-box; width:100%; height:50px; }
#multi input[type="radio"]{-webkit-transform:scale(1.8); transform:scale(1.8); margin:10px;}
#multi input[type="checkbox"]{-webkit-transform:scale(1.8); transform:scale(1.8); margin:10px;}
#multi .sentence select + div { padding:5px 0 0; }

#multi .sentence .txt { color:#ea5b7a; line-height:1.5; }
#multi .sentence .form_attention { padding:5px 0 0; color:#333; font-size:12px; }
#multi .sentence .form_attention + p { padding:5px 0 0; font-size:12px; }
#multi .sentence ul.radio {}
#multi .sentence ul.radio li { padding:5px 0 0;}
#multi .sentence ul.radio li label { padding:0 0 0 3px;}
#multi .sentence ul.radio li p { padding:0 0 5px;}
#multi .sentence .item_name { font-size:18px; font-weight:bold; }
#multi .sentence .item_name a { color:#ea5b7a; }
#multi .sentence .comment { padding:5px 0 0; font-size:14px; }
#multi .sentence .information { padding:5px 0 0; font-size:14px; }
#multi .sentence .information span { padding:0 0 0 3px; color:#a83133; }
#multi .sentence .information.lot span { padding-right:3px; color:#333; }
#multi .sentence .information.subtotal {}
#multi .sentence .information.subtotal span { font-weight:bold; }
#multi .sentence.lot { padding:10px 5%; background:#eee; }
#multi .sentence.lot table { margin:0; width:auto; }
#multi .sentence.lot table td { padding:3px 3px; vertical-align:middle; }
#multi .sentence .history { padding:15px 0 0; text-align:right; }
#multi .sentence .history a { color:#28558d; }
#multi .sentence .history a:before {
	content:'';
	display:inline-block;
	margin:0 5px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_02.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#multi .deliveryOption .sentence span { display:block; }
#multi .deliveryOption .sentence span input { margin:0 10px; }
#multi .privacy { border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; padding:15px 0; }
#multi .contact { margin:15px 5%; border:#ddd 1px solid; padding:15px; }
#multi .contact h3 { margin:0; padding:0 0 3px; background:none; color:#333; font-size:14px; }
#multi .contact p { padding:7px 0 0; font-size:14px; }
#multi .contact p a { color:#b02929; }
#multi h3 + .sentence + .sentence { padding-top:0; }



/* buttonarea - ボタンエリア［cartFlow］
-------------------------------------------------------------*/
#multi .buttonarea { padding:15px 5%; }
#multi .buttonarea.confirm { margin:10px 0 0; border-top:#ddd 1px solid; }
#multi .buttonarea input {display:block; width:100%; margin-bottom:10px; padding:5px 10px; border:1px solid #900; border-radius:5px;
	background:-webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
	color:#FFF; font-size:130%; line-height:1.5; font-weight:bold; text-align:center; text-decoration:none; text-shadow:-1px 1px 1px #666;}/* gray button */
#multi .buttonarea p { position:relative; margin:10px 0 0; }
#multi .buttonarea a { display:block; border-radius:5px; font-weight:bold; text-align:center; vertical-align:bottom; text-decoration:none; }
#multi .buttonarea a { padding:10px 20px 10px 25px; background:#ea5b7a; color:#fff; }
#multi .buttonarea span:before {
	content:'';
	display:inline-block;
	padding:0 7px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_01.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#multi .buttonarea .checkout a { padding:20px 20px 20px 25px; }
#multi .buttonarea .continue a { border:#ea5b7a 1px solid; background:#fff0f3; color:#ea5b7a; }
#multi .buttonarea .continue a span:before {
	content:'';
	display:inline-block;
	padding:0 7px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_l_s_02.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#multi .buttonarea .empty a { border:#ddd 1px solid; background:#fff; color:#333; }
#multi .buttonarea .empty a span:before {
	content:'';
	display:inline-block;
	padding:0 7px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_04.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#multi .buttonarea .toppage a { border:#6e86b1 1px solid; background:#ecf0f6; color:#ea5b7a; }
#multi .buttonarea .toppage a span:before {
	content:'';
	display:inline-block;
	padding:0 7px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_02.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}
#multi .buttonarea .formBtn input { display:none; }
#multi .buttonarea .formBtn label { cursor:pointer; }
#multi .buttonarea .formBtn label span{ display:block; border:#ddd 1px solid; border-radius:5px; padding:20px; overflow:hidden; background:#ea5b7a; color:#fff; text-align:center; vertical-align:middle; font-size:16px; }
#multi .buttonarea .formBtn label span:before {
	content:'';
	display:inline-block;
	margin:0 5px 0 0;
	width:8px;
	height:8px;
	background:url(../images/arw_r_s_01.png) no-repeat;
	background-size:8px 8px;
	vertical-align:middle;
}

#multi .buttonarea_detail{padding:5px 10px 0 0px; text-align:center; float:right;}
#multi .buttonarea_detail a{display:block; margin-bottom:0px; padding:5px 15px; color:#FFF;
	background:-webkit-gradient(linear,left top,left bottom,from(#D55),to(#D22));
	border:1px solid #900; border-radius:5px; font-size:110%; line-height:1.5; font-weight:bold; text-align:center; text-decoration:none; text-shadow:-1px 1px 1px #666;}/* color button */

#multi .teiki{zoom:1; padding-bottom:15px;}
#multi .teiki:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#multi .teiki h4{margin:13px 10px 5px; padding-left:5px; border-left:5px solid #960; font-size:110%; float:left;}/* third menu */

#multi .quantity{padding:0 10px 15px;}

.ref{margin:40px;}

.sp_table{
	width:100%!important;
	border-collapse:collapse;
	border-spacing:0;
	border:solid 1px #CCC;
	margin:15px 0;
}

.sp_table th{
	padding:5px!important;
	background:#ea5b7a;
	color:#FFF;
}

.sp_table td{
	padding:5px!important;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
}



#multi .pagelink { margin:15px 0; }
#multi .pagelink table { margin:0 auto; color:#ea5b7a; font-size:16px; font-weight:bold; }
#multi .pagelink table td {}
#multi .pagelink table td a { color:#ea5b7a; font-weight:normal; }
#multi .pagelink table td.button { padding:0 15px; }
#multi .pagelink table td.button .btn { background:#d8ccbc; }
#multi .pagelink table td.button .btn a { padding:5px 10px; font-weight:bold; }

/**********************　ブログや今週のたま**************************************/
body.toppage #main .blog {}
body.toppage #main .blog ul { padding:15px 15px 0 15px; }
body.toppage #main .blog ul li { float:left}
body.toppage #main .blog ul li:first-child { margin-right:10px; }



.momo{color:#ea5b7a;}


/* 新規会員登録　キャンペーン　アピールエリア
-------------------------------------------------------------*/
.appeal_area{
	background:#f5f0e9;
	padding:20px;
	text-align:center;
}


/*商品アピールポイント
-----------------------------------------------------------------*/
.custom_point_img{
	background:#FFFFFF;
	margin:0 0 -6px 0;
	border:solid 1px #CCC;
}

.custom_point_txt{
	background:#FFFFFF;
	border-top:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-left:solid 1px #CCC;
	padding:10px;
	text-align:right;
	font-size:14px;
	
}

.category_Link{
	border-top:dotted 1px #afafaf;
	border-bottom:dotted 1px #afafaf;
	font-size:14px!important;
	padding:15px 20px 15px 20px;
	background:#efefef;
	
}

.category_Link_arrow li{
	background:url(../images/arw_r_05.gif) no-repeat left center;
	padding:0 0 0 12px;
	display:inline;
	float:left;
}

.eaccordionContentBody table .feed{
	width:500px!important;
}

.item_info_area2{
	margin:20px 0 0 0;
	font-size:14px;
}

.img_border{
	border:solid 1px #CCC;
	margin:0 0 -6px 0;
}

.brand_point{
	background:#f5f2e9;
	padding:15px;
	margin:40px 0 0 0;
	font-size:14px;
}

.brand_point_list li{
	list-style-type:disc;
	margin:0 0 0 20px;

	
}

.brand_button{
	background:url(../images/category/button_brand.gif) no-repeat;
	width:257px;
	height:55px;
	text-align:center;
	margin:20px 210px;
}

.brand_button p{
	color:#FFF;
	line-height:55px!important;
}
.brand_button p a{
	color:#FFF;
	line-height:55px!important;
}
.brand_button p a:link{
	color:#FFF;
	line-height:55px!important;
}


/**********************************************************************
　トップブランド紹介エリア
**********************************************************************/
.top_brandLink{
	float:left;
	width:225px;
	border-bottom:dotted 1px #afafaf;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.top_brandBox{

}

.top_brandTxt{
	width:140px;
	margin:0 0 0 5px;
	float:left;
	font-size:12px;
	line-height:18px;
}

.top_brandImg{
	float:left;
}

/**********************************************************************
　ブランドコンセプトページ
**********************************************************************/
.entry-content{
	background:#fafbfd;
	padding:10px;
	border:#e5ebf7 solid 3px;
}

.kodawari{
	font-size:14px;
}

.kodawari li{
	padding:6px 0!important;
	margin:0 0 0 35px!important;
	border-bottom:dotted 1px #ccc;
	list-style-type:decimal;
}

.kodawari_box{
	padding:15px;
	margin:20px 0;
	background:#f4f0ea;
	
}

.kodawari_box02{
	padding:15px;
	margin:20px 0;
    background:#fff0f3;
}

.img_right{
	float:right;
	margin:0 0 0 10px;
}

.img_left{
	float:left!important;
	margin:0 10px 0 0;
}

.feed{
	float:left!important;
	width:500px!important;
}

.feed02{
	float:left!important;
	width:660px!important;
}

.tab01{
    border-collapse:collapse;
	border-top:solid 2px #FFB629!important;
	border-bottom:solid 2px #FFB629!important;
	margin:10px 0 0 0;
	width:100%!important;
}

.tab01_th01{
    padding:10px;
	background:#EFEFEF!important;
	border-bottom:1px dotted #FFFFFF!important;
	color:#000!important;
	vertical-align:top;
	text-align:center;
}

.tab01_th02{
    padding:10px;
	background:#F6D89D!important;
	border-bottom:1px dotted #FFFFFF!important;
	vertical-align:top;
	text-align:center;
}

.tab01 td{
    padding:10px;
	background:#FFFFFF!important;
	border-bottom:1px dotted #EAE5D3!important;
	border-right:1px dotted #EAE5D3!important;
	text-align:center;
	font-size:12px;

}

.box02{
    padding:10px;
	background:#EFEFEF;
}

.cap_bg{
    background:#FCFBE8;
	padding:15px;
}

.momo{color:#ea5b7a;}

.dot li{list-style-type:disc;}

/* ページ送り */
.pageNav_area{
	margin:30px 0;
	padding: 10px 10px 5px;
	text-align: center;
	background:#EFEFEF;
}


.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

.pageNav01 li span,
.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}

.pageNav01 li a:hover {
	background: #F8E6EE;
	border-color: #CF0058;
}

.p_list li{padding:10px 5% 0 5%!important; border-top:solid 1px #CCC;}



#article section .comment { padding:15px 5% 0; font-size:14px; line-height:1.5; }

.goro{ padding:15px 5%; font-size:14px; line-height:1.5;background:#d7e5f1;margin:10px 0 0 0;}
.goro dt{color:#0060b1;font-weight:bold;}

.ran{ padding:15px 5%; font-size:14px; line-height:1.5;background:#e2f2ed;margin:10px 0 0 0;}
.ran dt{color:#00a86f;font-weight:bold;}

.mu{ padding:15px 5%; font-size:14px; line-height:1.5;background:#eee7ea;margin:10px 0 0 0;}
.mu dt{color:#e668a0;font-weight:bold;}

.kuri{ padding:15px 5%; font-size:14px; line-height:1.5;background:#f5ebdd;margin:10px 0 0 0;}
.kuri dt{color:#ff9600;font-weight:bold;}


.orange{color:#F93;}
.momo{color:#ea5b7a;}
.green{color:#82ac4e;}
.blue{color: #4886c6;}
.yellow{color:##e668a0;}
.txtLink_box{}
.txtLink_box li{border-bottom:dotted 1px #ccc; padding:15px 5% 15px; font-size:14px; line-height:1.5; }

/****************************************
#itemList .itemExist { border-top:#afafaf 1px dotted; border-bottom:#afafaf 1px dotted; padding:3px 0; }
#itemList .itemExist>.inner { padding:15px 0; background:#f5f2e9; }
#itemList .itemExist .pageguide { float:left; padding:3px 0 0 0; font-weight:bold; font-size:12px; }
#itemList .itemExist .rearrange { float:right; font-size:12px; text-align:right; }

***********************/

/* クーポンラジオボタン制御に仕様 */
.couponHide{display:none;}

/* 2019.11～TOPページにて使用 */
.top_new{
	background:#b88951!important;
	color:#FFF;
}
	
.top_new a:link{color:#FFF; }
.top_new a:visited{ color:#FFF; }
.top_new a:active{ color:#FFF;}

.top_new_txt{
	font-size:13px;
	line-height:1.5;
}

/* 決済方法の表示追加 */
.item_detail_kessai{
	margin-bottom: -10px;
	padding: 10px 5% 0 5%;
	
}

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

.item_detail_kessai p{
	font-size: 80%;
	margin: 5px 0 0 0;
}

/* 商品画像の調整用*/

#itemDetail #products .slides_container {
    width: 309px;
}
#itemDetail #products .slides_container img{
	width: 305px;
    height: 366px;
}

#itemDetail #products a.next, #itemDetail #products a.prev {
	margin-top: -218px;
}

#itemDetail #products{
	margin-top: 10px;
}


/* 商品リストの調整用*/

.categoryM20{
    margin:20px;
	line-height: 150%;
}

/* calendar - フッター・カレンダー
-------------------------------------------------------------*/
#calendar{margin: 0 5% 20px;
    padding: 20px 7px;
    background: #fff;}

#calendar .caletitle{display: block;
    overflow: hidden;
    padding: 16px 0 0 0;
    height: 0px;
    background: url(../images/calendar_title.gif) no-repeat center;}
#calendar p{padding:5px 0 0 0; font-size:62.5%;}
#calendar span.day_color1{color:#ff81a8;}
#calendar span.day_color4{color:#ffc581;}
#calendar span.day_color6{color:#ffd9d9;}
#calendar p span{font-size:120%;}
#SIDE_CALENDAR{margin:13px 0 0 0;overflow:hidden; font-size:9px;}
#calendar .ui-widget-content{border:none;}
#calendar .ui-datepicker{margin:0; padding:0;}
#calendar .ui-datepicker-group{
	padding: 0;
    width: 44%;
    margin: 0 3% 1em;}
.ui-datepicker-multi .ui-datepicker-group {float: left;}
#calendar .ui-datepicker-title{font-size:13px; line-height:1;}
#calendar .ui-widget-header{
	width: 100%;
    border: none;
    border-radius: 0;
    background: #ea5b7a;
    color: #FFF;
    font-weight: normal;}
#calendar .ui-datepicker .ui-datepicker-prev,
#calendar .ui-datepicker .ui-datepicker-next{display:none;}
#calendar .ui-datepicker .ui-datepicker-title{margin:0; padding:2px 0 2px 5px; text-align:left;}
#calendar .ui-datepicker table{border:#d89cac 1px solid; border-top: none;width: 100%;color: #444;font-size: 10px;text-align: center;}
#calendar .ui-datepicker table th a,#calendar .ui-datepicker table td a {text-align:center;}
#calendar .ui-datepicker table .ui-state-default {background:none;}
#calendar .ui-datepicker th {padding:3px 0;}
#calendar .ui-datepicker th,.ui-datepicker td{width:10px !important; margin:0; border:none;}
#calendar .ui-datepicker th a,.ui-datepicker td a{padding:1px; border:none !important;}
#calendar .ui-datepicker-week-end{color:#C00;}
#calendar .ui-datepicker-row-break{display:none;}
#ui-datepicker-div {display:none;}

#calendar .ui-datepicker table .day_color1 .ui-state-default{background-image:none; background-color:#ff81a8;}
#calendar .ui-datepicker table .day_color4 .ui-state-default{background-image:none; background-color:#ffc581;}
#calendar .ui-datepicker table .day_color6 .ui-state-default{background-image:none; background-color:#ffd9d9;}


/* ランキング用
-------------------------------------------------------------*/

.box_area{    
	padding:20px 0px 0px 10px;
	background-color:#fff4f6;
}

.horizontal_scroll {
    overflow-x: inherit;
    padding: 0 8px 6px;
    -webkit-overflow-scrolling: touch;
    display: -ms-flexbox;
    display: flex;
}

.horizontal_scroll > li:not(:last-child) {
    margin-right: 15px;
}

.horizontal_scroll > li {
        min-width: inherit;
}
.horizontal_scroll > li {
    width: 120px;
    min-width: 100px;
}

#itemListResult .itemname{
	font-size: 90%;
}