@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
#mainContents {padding-bottom: 120px; margin: 0 auto;}


/* ---------------------------------------------------------------- */
.section_basic {padding: 45px 3%; width: 90%; max-width: 1200px; min-width: 1200px;}

/* ---------------------------------------------------------------- */
.custom_inner {padding: 30px;}


/* ---------------------------------------------------------------- */
#section_titleBloc {margin-bottom: 45px;}

.section_title {font-size: 26px; margin-bottom: 15px;}
.title_cap {font-size: 18px;margin-bottom: 15px;}
.section_note {font-size: 14px;}

.section_title span {font-size: 16px; padding-left: 1em;}

.sub_title {font-size: 22px;}
.sub_title span {font-size: 14px; padding-left: 1em;}



/*
@media print, screen and (max-width:1200px){
.section_title {font-size: 26px;}
.title_cap {font-size: 18px;}
.section_note {font-size: 13px;}
}
*/

/* ---------------------------------------------------------------- */
.twolayout_body {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items:flex-start;}

dl.twolayout_body dt, dl.twolayout_body dd {font-size: 14px;}
dl.twolayout_body dt {width: 16%; margin-right: 2%;}
dl.twolayout_body dd {width: 82%;}

/*
@media print, screen and (max-width:1200px){
dl.twolayout_body dt, dl.twolayout_body dd {font-size: 13px;}
}

@media print, screen and (max-width:1000px){
dl.twolayout_body dt {width: 22%;}
dl.twolayout_body dd {width: 76%;}
}
*/

/* ---------------------------------------------------------------- */
#section_titleBloc.twolayout_body {align-items: stretch;}

/* ---------------------------------------------------------------- */
#title_twoLayout {width:60%; margin-right: 3%; }


/* ---------------------------------------------------------------- */
#titlePic {width: 37%;}
#titlePic img {width: 100%; height: auto; display: block;}

/* ---------------------------------------------------------------- */
.one_box {margin-bottom: 60px; font-size: 14px;}

/* ---------------------------------------------------------------- */
.sub_headline { font-size: 16px; margin-bottom: 15px;}

/* ---------------------------------------------------------------- */
.btn_basic a {padding:10px 2em; font-size: 16px;}
.btn_basic button {padding:10px 2em; font-size: 16px; width: 100%;}


/* ---------------------------------------------------------------- */
.table_caption {font-size: 14px; }


/* ---------------------------------------------------------------- */
#btnBack {margin-top: 45px; font-size: 16px; font-weight: 600;}
#btnBack a {padding: 5px 2em;}

/* ---------------------------------------------------------------- */
.error_message {margin-top: 10px; font-size: 14px;}


/*=========================================================================
トップページ：FIRST VIEW
=========================================================================*/
#firstView {padding: 45px 0; min-width: 1200px;}

/* ---------------------------------------------------------------- */
#viewContainer {padding-bottom: 45px;}

/* ---------------------------------------------------------------- */
#firstView .swiper-pagination {bottom:0%;}
#firstView .swiper-pagination-bullet {transform: scale(1.3);}

/*=========================================================================
トップページ：現在の受注状況
=========================================================================*/
#order_statusBox {margin-bottom: 45px; width: 1000px;}

/* ---------------------------------------------------------------- */
#statusHeadline {font-size: 18px; margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
#orderStatus {padding: 15px 0;}

/* ---------------------------------------------------------------- */
#orderStatus p {padding: 0 1em; font-size: 22px;}


/*=========================================================================
トップページ：TOPICS
=========================================================================*/
#topicsContainer{margin-bottom: 0px; min-width: 1200px;}

/* ---------------------------------------------------------------- */
ul#topicsList li {width: 24%; margin-right: 1%;}

	
/* ---------------------------------------------------------------- */
.topics_titlebox {padding: 10px 1em; display: block;}
.top_topicstitle {font-size: 16px; margin-bottom: 5px;}
.topics_update { font-size:14px;}


/*=========================================================================
トップページ：LATEST NEWS (WHAT'S NEW)
=========================================================================*/
#latest_newsArea {padding: 45px 0;  max-width: 1000px; min-width: 1000px;}

dl#whats_newContainer {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: stretch;border:1px solid #014646;}

/* ---------------------------------------------------------------- */
dl#whats_newContainer dt {width: 18%; border-right: 1px solid #014646; padding: 10px 0;}
dl#whats_newContainer dt p {font-size: 16px; padding: 0 1em; text-align: center;}

/* ---------------------------------------------------------------- */
dl#whats_newContainer dd {width: 82%;}

/* ---------------------------------------------------------------- */
#wtn_titleBox {padding:  10px 1em; display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: center;}

/* ---------------------------------------------------------------- */
#wtnDate {font-size: 14px; width:10%; margin-right: 2%; }

/* ---------------------------------------------------------------- */
#wthTitle {font-size: 16px; width: 88%;}




/*=========================================================================
トップページ：大口注文 - INFORMATION
=========================================================================*/
#info_bnrArea {max-width: 600px; min-width: 600px;}

#info_bnrArea:before,
#info_bnrArea:after {width: 8.5em;}
#info_bnrArea:before {left: 1em;}
#info_bnrArea:after {right: 1em;}


/* ---------------------------------------------------------------- */
#info_bnrTitle {font-size: 28px;}
#info_bnrTitle p {margin-top: 3px; font-size: 22px;}
/* ---------------------------------------------------------------- */
#btn_infoBnr {margin-top: 30px;}
#btn_infoBnr a {padding: 8px 2em; font-size: 16px;}



/*=========================================================================
トップページ：アイテム一覧
=========================================================================*/
.top_section_title {font-size: 22px; margin-bottom: 45px;}
.top_section_title p {font-size: 12px; margin-top: 3px;}

/* ---------------------------------------------------------------- */
ul#item_categoryList {margin-bottom: 30px; justify-content: center;}

ul#item_categoryList li {margin-right: 1%;}
ul#item_categoryList li span {font-size: 16px; padding: 6px 1em;}


/*=========================================================================
トップページ：アイテム一覧：カテゴリー検索
=========================================================================*/
#searchboxArea {width: 90%; max-width: 1000px; min-width: 1000px; margin-bottom: 45px;}

.search_inner {width: 80%; margin: 0 auto; display: -webkit-flex;display: flex; flex-wrap: wrap;justify-content: center; align-items: center;}

 
/* ---------------------------------------------------------------- */
dl#searchBox {width: 48%; margin-right: 4%;}

/* ---------------------------------------------------------------- */
dl#searchBox dt {width: 90%;}
dl#searchBox dt input.form_txt {padding: 5px 1em 6px;}

dl#searchBox dt input.form_txt::-moz-placeholder,
dl#searchBox dt input.form_txt::-webkit-input-placeholder,
dl#searchBox dt input.form_txt::input-placeholder{font-size: 14px;}

/* ---------------------------------------------------------------- */
dl#searchBox dd {width:10%;}
dl#searchBox dd input.btn_search {background-size: 50%;}


/*=========================================================================
トップページ：アイテム一覧：チェックボックス
=========================================================================*/
ul#search_checkList {width:48%; padding-top: 4px;}
ul#search_checkList li {margin-right: 1%; font-size: 14px;}



/*=========================================================================
トップページ：アイテム一覧
=========================================================================*/
#item_listConainer{width: 90%; max-width: 1200px; min-width: 1200px;}

/* ---------------------------------------------------------------- */
ul#top_itemList li {width: 24%; margin: 0 1% 1% 0;}
ul#top_itemList li:nth-of-type(4n) {margin-right: 0;}


/* ---------------------------------------------------------------- */
dl.top_item_body {display: -webkit-flex;display: flex; flex-wrap: wrap; padding:10px;align-items: center;}
dl.top_item_body dt {width: 28%; margin-right: 2%;}
dl.top_item_body dd {width: 70%; padding: 10px 0;}

/* ---------------------------------------------------------------- */
.top_itemname {
font-size: 14px;
margin-bottom: .3em;
min-height: 2.8em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.top_itemprice {font-size: 14px;}
.top_itemprice span {font-size: 11px; padding-right: .5em;}


/* ---------------------------------------------------------------- */
#top_couponBox {width: 90%; max-width: 900px; min-width: 900px;}







/*=========================================================================
各インフォメーションページ
=========================================================================*/
ul#infomationList li {margin-bottom: 45px;}

/* ---------------------------------------------------------------- */
dl.info_databox dt {margin-bottom: 15px; padding: 15px 0;}

/* ---------------------------------------------------------------- */
dl.info_databox dt h4, .info_inner {width: 90%; max-width: 1000px; margin: 0 auto; }
dl.info_databox dt h4 {font-size:18px;}

/* ---------------------------------------------------------------- */
dl.info_databox dd p {font-size: 13px;}




/*=========================================================================
特定商取引法に基づく表示
=========================================================================*/
ul#specifiedList li {padding:30px 0;}
ul#specifiedList li:first-of-type {padding-top: 0;}

/* ---------------------------------------------------------------- */
ul#specifiedList li dl.twolayout_body {width: 90%; max-width: 1000px;}

/*=========================================================================
FAQ
=========================================================================*/
section#Faq ul#tabNavi li {width: 23.4%;}

/* ---------------------------------------------------------------- */
.panel .section_title {margin-bottom: 30px;}

/*=========================================================================
FAQ
=========================================================================*/
dl.faq_container dt {padding: 15px 1em; margin-top: 30px;}
dl.faq_container dt:before{font-size: 14px; right: 2.8em;}
dl.faq_container dt:after{
top: 54%;
right: .8em;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-top: .45em solid transparent;
border-right: .75em solid transparent;
border-bottom: .45em solid transparent;
border-left: .75em solid #014646;
}

dl.faq_container dt.active:after {top: 61%;}

/*
@media print, screen and (max-width:1200px){
dl.faq_container dt:before,
dl.faq_container dt:after {font-size: 13px;}
}
*/

.faq_title {font-size: 18px;}

/*
@media print, screen and (max-width:1200px){
.faq_title {font-size: 16px;}
}
*/

/* ---------------------------------------------------------------- */
.faqNum {padding: 4px 1em 7px; margin-right: 1em; font-size: 14px;}

/*
@media print, screen and (max-width:1200px){
.faqNum {font-size: 13px;}
}

*/
/* ---------------------------------------------------------------- */
dl.faq_container dd {padding: 30px 1em;}
dl.faq_container dd, dl.faq_container dd p {font-size: 14px;}
dl.faq_container dd p {margin-bottom: 1.5em;}

/*
@media print, screen and (max-width:1200px){
dl.faq_container dd, dl.faq_container dd p {font-size: 13px;}

}

*/
/* ---------------------------------------------------------------- */
.anwser_headline {font-size: 18px; padding-left:4em; margin-bottom: 1.5em;}

/*
@media print, screen and (max-width:1200px){
.anwser_headline {font-size: 16px;}
}
*/

/* ---------------------------------------------------------------- */
ul.faq_piclist {display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
ul.faq_piclist li {width: 31%; margin: 30px 3% 3% 0;}
ul.faq_piclist li:nth-of-type(3n) {margin-right: 0;}

/*=========================================================================
ご利用ガイド
=========================================================================*/
section#Guide ul#tabNavi {width: 100%;}
section#Guide ul#tabNavi li {display: block; margin-right:10px; font-size: 14px;}
section#Guide ul#tabNavi li:last-of-type {margin-right: 0;}
section#Guide ul#tabNavi li a {padding-left: 27px; padding-right:27px;}

/* ---------------------------------------------------------------- */
ul#guide_otherpageLink {margin-top: 30px; padding-top: 45px;}
ul#guide_otherpageLink li {width: 24.2%; margin-right: 1%;}
ul#guide_otherpageLink li:last-of-type {margin-right: 0;}

/* ---------------------------------------------------------------- */
.guide_link_title {font-size: 18px; margin-bottom: 10px;}
.guide_link_title p {font-size: 13px;}
.guide_link_textbox p {font-size: 13px;}

.guide_link_title p {margin-top: 10px;}


/* ---------------------------------------------------------------- */
.guide_link_textbox {padding: 25px 20px;}

/* ---------------------------------------------------------------- */
.guide_capBox {margin-bottom: 30px;}
.guide_capBox br {display: none;}
.guide_capBox p {font-size: 14px; }
.guide_capBox .type, .guide_capBox .style {display: inline-block; padding: 2px 1em 3px;}
.guide_capBox .style, .guide_capBox .detail {margin-left: 1em; }

/* ---------------------------------------------------------------- */
ul.purchase_flow {margin-bottom: 45px; }
ul.purchase_flow li {_width: 24%; width: 24.2%; margin-right: 1%;}
ul.purchase_flow li:last-of-type {margin-right: 0;}

/* ---------------------------------------------------------------- */
.flow_arrow {
top: 50%;
right: -12%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translate(-50%,-50%);
}

/* ---------------------------------------------------------------- */
.purchase_flow_image {margin-bottom:30px; }

/* ---------------------------------------------------------------- */
.flow_notes {margin-bottom: 5px;}
.flow_cap {font-size: 13px;}


/* ---------------------------------------------------------------- */
.guide_headline {font-size: 18px; margin-bottom: 30px;}

ul.credit_card_list {display: -webkit-flex; display: flex; flex-wrap: wrap;  }
ul.credit_card_list li {width: 49%; margin-right: 2%;}
ul.credit_card_list li:nth-of-type(even) {margin-right: 0;}


/* ---------------------------------------------------------------- */
.one_box.bank_accounts {margin-top: 45px;}
.bank_inner {padding: 25px 25px;}

.bank_headline {font-size: 14px; margin-bottom: 15px;}

/* ---------------------------------------------------------------- */
.one_box.bank_accounts.cash_on_delivery {margin-bottom: 60px;}

ul.pricelist {display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
ul.pricelist li {width: 48%; margin:0 4% 10px 0; font-size: 14px;}
ul.pricelist li:nth-of-type(even) {margin-right: 0;}


/* ---------------------------------------------------------------- */
.one_box.access {font-size: 13px;}

/* ---------------------------------------------------------------- */
#payment-accessMap {margin-top: 30px; margin-bottom: 30px; padding-bottom: 36%;}



/*=========================================================================
送料・配送について
=========================================================================*/
table#postageTable { width: 100%;}
table#postageTable th, table#postageTable td { font-size: 14px;}
table#postageTable th {padding: 10px 1em;}
table#postageTable td {padding: 15px 1em;}

/* ---------------------------------------------------------------- */
table#postageTable td.postage_type {font-size: 11px;}

/* ---------------------------------------------------------------- */
ul#postage_infoList {display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: 30px; margin-top:30px;}
ul#postage_infoList li {_width: 32%; width: 32.6%; margin-right: 1%;}
ul#postage_infoList li:nth-of-type(3n) {margin-right: 0;}

/* ---------------------------------------------------------------- */
.postage_list_headline {font-size: 18px; margin-bottom: 10px;}

/* ---------------------------------------------------------------- */
.postage_cap {font-size: 14px;}

/* ---------------------------------------------------------------- */
#Store.one_box {margin-bottom: 60px;}



/*=========================================================================
お知らせ：一覧
=========================================================================*/
section#News.section_basic.article {padding-bottom: 60px;}

/* ---------------------------------------------------------------- */
ul#newsList li {_width: 32%; width: 32.6%;margin: 0 1% 2% 0;}
ul#newsList li:nth-of-type(3n) {margin-right: 0;}

/* ---------------------------------------------------------------- */
.thumb_news_title_box {padding: 15px 1em 20px;}

/* ---------------------------------------------------------------- */
.news_list_title {font-size: 16px; margin-bottom: 5px;}
.news_list_update {font-size: 14px;}


/*=========================================================================
お知らせ：詳細
=========================================================================*/
.section_basic.article {padding-top: 30px;}

/* ---------------------------------------------------------------- */
#news_mainVisual {margin-bottom: 45px;}

/* ---------------------------------------------------------------- */
#news_mainContainer {padding-bottom: 45px;width: 90%;}
#news_mainContainer, #news_mainContainer p {font-size: 14px;}

/* ---------------------------------------------------------------- */
#news_mainContainer h3, #news_mainContainer h4, #news_mainContainer h5 {margin-bottom: 30px;}
#news_mainContainer h3{font-size: 26px}
#news_mainContainer h4{font-size: 24px; padding-bottom: 10px;}
#news_mainContainer h5{font-size: 20px;}

#news_mainContainer h5 span:after {bottom: -10px;}


/* ---------------------------------------------------------------- */
#news_mainContainer ul li:after {top: .65em;left: .2em;}


/* ---------------------------------------------------------------- */
#pageBack {margin-top: 60px;}
#pageBack a {font-weight: 500;font-size: 16px;}


/* ---------------------------------------------------------------- */
ul#article_snsList {margin-top: 45px; margin-bottom: 60px; width: 100%; max-width: 180px;justify-content: space-between;}
ul#article_snsList li {margin-right: 12%; width: 23%; max-width: 36px;}


/*=========================================================================
キャンペーン：一覧
=========================================================================*/
#Campaign.section_basic {padding-bottom: 90px;}

/* ---------------------------------------------------------------- */
ul#current-campaignList li {margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
ul#past-campaignList li {_width: 32%; width: 32.6%;margin: 0 1% 2% 0;}
ul#past-campaignList li:nth-of-type(3n) {margin-right: 0;}

/* ---------------------------------------------------------------- */
.thumb_campaign_title_box {padding: 15px 1em 20px;}

/* ---------------------------------------------------------------- */
.campaign_list_title {font-size: 16px; margin-bottom: 5px;}
.campaign_list_date {font-size: 14px;}
.campaign_list_date span {padding-left: 1em;}


/*=========================================================================
デザイン方法
=========================================================================*/
#informationContainer {padding-bottom: 120px;}

/* ---------------------------------------------------------------- */
section#Design ul#tabNavi {width: 100%;}
section#Design ul#tabNavi li {display: block; width: 16%; margin-right:1%; font-size: 14px;}
section#Design ul#tabNavi li:last-of-type {margin-right: 0;}
section#Design ul#tabNavi li a {padding-left: 1em; padding-right: 2em;}


section#Design ul#tabNavi li a:after {right: .5em;bottom:.1em;width: 2.8em;height: 1.9em;}

/* ---------------------------------------------------------------- */
dl.design_container dt {padding: 15px 1em; margin-top: 30px;}

/* ---------------------------------------------------------------- */
.design_title {font-size: 18px;}

/* ---------------------------------------------------------------- */
.design_num {padding: 4px 0 7px; margin-right: 1em; font-size: 14px; width: 6%;}

/* ---------------------------------------------------------------- */
dl.design_container dd {padding: 30px 0; max-width: 880px; width: 90%; margin: 0 auto;}
dl.design_container dd {font-size: 14px;}
dl.design_container dd p {margin-bottom: 1.5em;}

/* ---------------------------------------------------------------- */
dl.design_container .one_box {margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
.design_headline {font-size: 16px; margin-bottom: 5px;}


/* ---------------------------------------------------------------- */
ul.design_piclist {display: -webkit-flex;display: flex;flex-wrap: wrap; margin-bottom: 30px; align-items: stretch;}

ul.design_piclist li {width: 100%; font-size: 14px;}
ul.design_piclist li span {font-size: 16px;}

ul.design_piclist.style01 li {width: 50%;}

ul.design_piclist.style02 li {width: 49%; margin-right: 2%;}
ul.design_piclist.style02 li:last-of-type {margin-right: 0;}

ul.design_piclist.style03 li {width: 32%; margin-right: 2%;}
ul.design_piclist.style03 li:last-of-type {margin-right: 0;}

/* ---------------------------------------------------------------- */
ul.design_piclist li p {margin-top: 15px;}

/* ---------------------------------------------------------------- */
.caution_box, .caution_box p {font-size: 13px;}
.caution_inner {padding: 25px;}
.caution_title{font-size: 14px; margin-bottom: 15px;}

.caution_pic {margin-top: 30px; margin-bottom: 30px; width: 90%;}

.list_cap {margin-bottom: 15px !important;}

/* ---------------------------------------------------------------- */
.bottom_notes_bloc {padding-top: 60px;}
.bottom_notes_bloc .caution_box p {margin-bottom: .5em !important;}




/*=========================================================================
デザイン方法：アンカーリンク
=========================================================================*/
.design_anchor_linkbox {margin-bottom: 30px; margin-top: 180px;}

/* ---------------------------------------------------------------- */
ul.design_anchorlink {padding: 30px 0;}
ul.design_anchorlink li {margin-right: 1.5%;}
ul.design_anchorlink li:last-of-type {margin-right: 0;}
ul.design_anchorlink li a { padding: 5px 1em; font-size: 14px;}

/* ---------------------------------------------------------------- */
#informationContainer.other ul.design_anchorlink li {margin:0 1.5% 1.5% 0;}

/* ---------------------------------------------------------------- */
.br {display: block; width: 100%; height: auto;}


/*=========================================================================
カート
=========================================================================*/
#cart_flowImage{margin-top: 30px; margin-bottom: 45px; width: 92%;}

section#Cart.full　#cart_flowImage { width: 70%;}

/* ---------------------------------------------------------------- */
#Cart.in_page, #Cart.in_page form,
#Product.in_page,
#Product.in_page form{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}


/*=========================================================================
カート：中のアイテム
=========================================================================*/
#inCart {
display:block;
top: 140px;
position: sticky;
width:31%;
max-width:400px;
z-index: 9;
}

#in_cartContainer {}

/* ---------------------------------------------------------------- */
#in_cartContainer:before {right: 6%;top: -2.4em;width: 3em;height: 3em;}

/* ---------------------------------------------------------------- */
#in_cartTitle {padding: 5px 1em; font-size: 18px; margin-bottom: 15px;}
#in_cartTitle span {padding-left: 1.5em;}


/* --------------------------------------------------------------- */
.in_cart_inner {padding: 0 0 15px; margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
dl.in_cart_table {width: 80%; margin-bottom: 10px;}
dl.in_cart_table dt, dl.in_cart_table dd {width: 49%; margin-bottom: 10px;}
dl.in_cart_table dt {margin-right: 2%; font-size: 13px;}
dl.in_cart_table dd {font-size: 18px;}


/* ---------------------------------------------------------------- */
dl#cartTotal.in_cart_table {width: 94%; padding: 5px 1em;}
dl#cartTotal.in_cart_table dt, dl#cartTotal.in_cart_table dd {margin-bottom: 0px;}

dl#cartTotal.in_cart_table dt {width: 40%;}
dl#cartTotal.in_cart_table dd {width: 58%; font-size: 24px;}
dl#cartTotal.in_cart_table dd span {font-size: 11px;}

/* ---------------------------------------------------------------- */
#inCart .btn_basic {margin: 0 auto 15px; width: 80%;}




/*=========================================================================
カート：カートトップ
=========================================================================*/
section#Cart.full.section_basic  {width: 100%;}
section#Cart.full .caution_box {max-width: 760px; margin-bottom: 60px;}

/* ---------------------------------------------------------------- */
button.btn_delete {width: 1.4em; margin: 0 auto;}

/* ---------------------------------------------------------------- */
#cart_tableBox {margin-bottom: 45px;}

/* ---------------------------------------------------------------- */
table#cart_indexTable th {padding: 10px 1em;}
table#cart_indexTable th {font-size: 14px;}
table#cart_indexTable td {padding: 10px 1em;}
table#cart_indexTable td {font-size: 16px;}

table#cart_indexTable .delete {width: 8%;}
table#cart_indexTable .cart_thumb {width:12%;}

table#cart_indexTable .cart_itemdata {width: 40%;font-size: 14px;}
table#cart_indexTable .cart_itemdata span {color: #ff0150; padding-left: .5em;}

table#cart_indexTable .cart_item_detail {width: 15%;}

table#cart_indexTable .cart_price {width: 25%;font-size: 24px;}
table#cart_indexTable .cart_price span {font-size: 13px;}

/* ---------------------------------------------------------------- */
table#cart_indexTable .item_name {font-size: 16px; }

/* ---------------------------------------------------------------- */
#totalPrice {font-size: 36px;}
#totalPrice span {padding-right: 1em;font-size: 18px;}
#totalPrice font {font-size:13px; padding-left: .5em;}

/* ---------------------------------------------------------------- */
ul#cart_btnList {
margin-top: 45px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
ul#cart_btnList li {width: 24%; margin-left: 1%;}
ul#cart_btnList li:first-of-type {margin-left: 0;}


ul#cart_btnList.complete {justify-content: center;}

/*=========================================================================
カート：入力画面
=========================================================================*/
#cart_inBloc {width: 65%; margin-right: 4%;}

/* ---------------------------------------------------------------- */
.cart_table_title {font-size: 24px; margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
dl.customer_infolist{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
margin-bottom: 30px;
}
dl.customer_infolist dt, dl.customer_infolist dd {margin-bottom: 10px;}
dl.customer_infolist dt {width: 16%; margin-right: 1%; font-size: 14px;}
dl.customer_infolist dd {width: 83%; font-size: 16px;}

dl.customer_infolist.fullsize dt, dl.customer_infolist dd.fullsize {width: 100%;}
dl.customer_infolist.fullsize dt{margin-bottom: 5px;}
dl.customer_infolist dd.fullsize {margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
dl.customer_infolist table#cart_indexTable td.cart_thumb {width: 9%;}
dl.customer_infolist table#cart_indexTable td.cart_itemdata {width: 61%;}
dl.customer_infolist table#cart_indexTable td.cart_price {width: 30%;}


/* ---------------------------------------------------------------- */
.input_content input[type="text"],
.input_content input[type="email"],
.input_content input[type="password"],
.input_content button,
.input_content textarea,
.input_content select,
.input_content input[type="checkbox"],
.input_content input[type="radio"]{font-size: 14px;}


/* ---------------------------------------------------------------- */
ul#setting-Delivery {padding-top: 30px; padding-bottom: 30px; margin-bottom: 45px;}
ul#setting-Delivery li {margin-bottom: 10px; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: flex-start;}
ul#setting-Delivery li dl.customer_infolist {width: 48.5%; margin:0 3% 0 0; align-items: center;}
ul#setting-Delivery li dl.customer_infolist:nth-of-type(even) {margin-right: 0;}
ul#setting-Delivery li dl.customer_infolist dt {width: 32%; margin-right: 2%;}
ul#setting-Delivery li dl.customer_infolist dd {width: 56%;}


ul#setting-Delivery li .select_cover:before {right: 1.8em;}
ul#setting-Delivery li .select_cover:after {right: 1em; top: 66%;}

/* ---------------------------------------------------------------- */
ul.customer_check_list, ul.customer_check_list li.two_layout {display: -webkit-flex; display: flex; flex-wrap: wrap;  align-items: center; }

ul.customer_check_list li {margin:0 5% 15px 0;font-size: 16px; font-weight: 500;}
ul.customer_check_list li label {font-size: 16px;}

/* ---------------------------------------------------------------- */
ul.customer_check_list li.two_layout {width: 100%;}
ul.customer_check_list li.two_layout label {width: 25%; margin-right: 2%;}
ul.customer_check_list li.two_layout .select_cover {width: 32% ;}
ul.customer_check_list li.two_layout .select_cover:before {right: 1.8em;}
ul.customer_check_list li.two_layout .select_cover:after {right: 1em; top: 66%;}

/* ---------------------------------------------------------------- */
input#form_txt.small {width: 25%;}

/* ---------------------------------------------------------------- */
.input_cage p {margin-bottom: 5px;}
.input_cage p span {display: inline-block; }


/* ---------------------------------------------------------------- */
ul#use_Coupon.customer_check_list {align-items: stretch;}
ul#use_Coupon.customer_check_list li {width: 43%; margin-right: 4%;}

/* ---------------------------------------------------------------- */
.coupon_box {margin-bottom: 15px;}

/* ---------------------------------------------------------------- */
.coupon_titlebox {padding: 10px 1em 15px;}
.coupon_titlebox .tiny {font-size: 11px; margin-bottom: 5px;}

/* ---------------------------------------------------------------- */
.coupon_title {font-size: 36px;}

/* ---------------------------------------------------------------- */
.coupon_main {padding: 10px 1em;}

/* ---------------------------------------------------------------- */
.coupon_caution {padding: 3px 1em; font-size: 11px; margin-bottom: 10px;}

/* ---------------------------------------------------------------- */
dl.coupon_detail dt, dl.coupon_detail dd{font-size: 12px; margin-bottom: 5px;}
dl.coupon_detail dt {width: 30%; margin-right: 2%;}
dl.coupon_detail dd {width: 68%;}


/* ---------------------------------------------------------------- */
#completeBloc {margin-bottom: 60px; max-width: 760px; margin-top: 60px;}
#completeBloc:before {width: 4em;height: 3em; top: -2.1em;}


/* ---------------------------------------------------------------- */
.complete_inner {padding: 30px;}

/* ---------------------------------------------------------------- */
#completeTitle {margin-bottom: 15px; font-size: 36px;}

/* ---------------------------------------------------------------- */
#completeBloc {font-size: 16px;}

/* ---------------------------------------------------------------- */
#orderNo {text-align: center; color: #ebff00;}

/* ---------------------------------------------------------------- */
#completeMark {width: 22%; margin-top: 30px;}



/*=========================================================================
マイページ：サブナビゲーション
=========================================================================*/
#mypage_subnaviBloc {margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
ul#mypage_sub_naviList {width: 100%;}

/* ---------------------------------------------------------------- */
ul#mypage_sub_naviList li {width: calc(100% / 5); font-size: 14px;}

/* ---------------------------------------------------------------- */
ul#mypage_sub_naviList li a {padding: 15px 0;}



/*=========================================================================
マイページ：MAIN
=========================================================================*/
#member_nameBloc {margin-bottom: 60px;}

/* ---------------------------------------------------------------- */
#Mypage #cart_tableBox {margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
#memberName {font-size: 18px; margin-bottom: 15px;}
#membersPoint {font-size: 14px;}
#membersPoint span {font-size: 24px;}

/* ---------------------------------------------------------------- */
#Mypage ul#use_Coupon li {width: 31.3333%; margin: 0 2% 6% 0;}
#Mypage ul#use_Coupon li:nth-of-type(3n) {margin-right: 0;}

/* ---------------------------------------------------------------- */
table#mypage_headlineTable td {padding: 5px 0; font-size: 12px; width: calc(100% / 5);}
table#mypage_headlineTable td.order_date {padding-left: 1em;}
table#mypage_headlineTable td.btn_order_detail {padding-right: 1em; width: 18%;}

/* ---------------------------------------------------------------- */
#Mypage table#cart_indexTable .subtotal {text-align: right;}
#Mypage table#cart_indexTable td.cart_thumb {width: 8%;}
#Mypage table#cart_indexTable td.cart_thumb .item_thumb{border: 0;}

#Mypage table#cart_indexTable td.cart_detail {width: 66%;}
#Mypage table#cart_indexTable td.cart_item_detail {width: 15%;}
#Mypage table#cart_indexTable td.cart_price {width: 24%;}

/* ---------------------------------------------------------------- */
table#cart_indexTable .mypage_tabletotal td {padding-top: 10px; padding-bottom: 10px;}
table#cart_indexTable .mypage_tabletotal p {font-size:16px;}
table#cart_indexTable .mypage_tabletotal p span.total_price {font-size: 24px;}
table#cart_indexTable .mypage_tabletotal p span.tax {font-size: 13px;}

/* ---------------------------------------------------------------- */
table#cart_indexTable td.order_status p {font-size:14px;}
table#cart_indexTable td.order_status p span {font-size:18px;}

/* ---------------------------------------------------------------- */
ul.dw_btnlist {width: 100%;}
ul.dw_btnlist li {width: 30%;}



/*=========================================================================
マイページ：お気に入り一覧
=========================================================================*/
ul#mypage_wishList li {_width: 31%; width: 32%; margin: 0 2% 30px 0;}
ul#mypage_wishList li:nth-of-type(3n) {margin-right: 0;}


/* ---------------------------------------------------------------- */
.favourite_titlebox {padding: 5% 4% 6%;}
.favourite_title {font-size: 20px; margin-bottom: 10px; width: 68%; }
.favourite_catch {font-size: 14px; margin-bottom: 3px;}

.favourite_titlebox, .favourite_titlebox p {font-size: 14px;}

/* ---------------------------------------------------------------- */
.favourite_catlist {margin-top: 15px; }
.favourite_catlist p {margin-right: 2%; width: auto;}
.favourite_catlist span,
.favourite_catlist a {font-size: 13px;padding: 2px 1em 4px;}


/* ---------------------------------------------------------------- */
.list_thumb_chara {top: 90%;}

/*=========================================================================
マイページ：お届け先一覧
=========================================================================*/
.mypage_add table#cart_indexTable th.cart_delete {width: 6%;}
.mypage_add table#cart_indexTable td.member_address {width:82%; border-right: 0; } 
.mypage_add table#cart_indexTable td.change_address {width:12%; } 

/* ---------------------------------------------------------------- */
.add_Name {font-size: 18px; margin-bottom: 5px;}

.mypage_add table#cart_indexTable td.member_address {font-size: 14px;}


/*=========================================================================
マイページ：メールマガジン
=========================================================================*/
#mail_magazineBloc {width: 86%;}
#mail_magazineBloc .custom_inner {padding: 6% 0; width: 84%; margin: 0 auto;}

#mm_messageBox {width: 84%; margin-bottom: 45px; font-size: 16px;}

#mailMagazine ul#use_Coupon {justify-content: center;margin-bottom: 0;}
#mailMagazine ul#use_Coupon li {width: 49%; text-align: left;}
#mailMagazine ul#use_Coupon li:nth-of-type(3n) {margin-right: 2%;}
#mailMagazine ul#use_Coupon li:nth-of-type(even) {margin-right: 0%;}


/* ---------------------------------------------------------------- */
.box_headline {font-size: 24px; margin-bottom: 25px;}

/* ---------------------------------------------------------------- */
#mailmagazine_checkBox {width: 90%; font-size: 16px; padding: 10px 0 5px;}

/*=========================================================================
マイページ：退会
=========================================================================*/
#delete_membershipBloc {width: 73%; margin-top: 60px; font-size: 16px;}

/* ---------------------------------------------------------------- */
#delete_Headline {font-size: 28px; margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
#storeSign {width: 24%; margin-top: 45px;}


/* ---------------------------------------------------------------- */
#goShopping.btn_basic {margin-top: 45px; width: 30%;}
#goShopping.btn_basic {font-size: 16px;}



/*=========================================================================
マイページ：会員情報編集
=========================================================================*/
#memebershipEdit {padding: 45px 0;}

/* ---------------------------------------------------------------- */
dl.edit_container {
padding: 15px 1em;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items:flex-start;
max-width: 90%;
max-width: 800px;
margin: 0 auto;
}

/* ---------------------------------------------------------------- */
dl.edit_container dt {width: 20%; margin:0 3% 0 0;}
dl.edit_container dd {width: 77%;}

/* ---------------------------------------------------------------- */
dl.edit_container dt, dl.edit_container dd {font-size: 16px;}

/* ---------------------------------------------------------------- */
.required{font-size: 12px; vertical-align: 2px;}

/* ---------------------------------------------------------------- */
dl.edit_container input.form_txt_half {margin-left:3%; width: 48.5%;}
dl.edit_container .form_txt_half:first-of-type {margin-left: 0;}
dl.edit_container select {padding: 15px 0 16px;}
dl.edit_container .select_cover:after {right:1em; top: 1.8em;}


dl.edit_container dd .form_txt_three {margin-left:3%; width:calc((100% / 3) - 2%);}
span.slash {position: relative; z-index: 1;}
span.slash:before{
content: "/";
position: absolute;
left: .4em;
top: 50%;

-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


/* ---------------------------------------------------------------- */
dl.edit_container .t15 {margin-top: 15px;}

/* ---------------------------------------------------------------- */
a.edit_link {margin-top: .8em; margin-left: 1em; font-size: 13px;}
a.edit_link:before {top: 38%;}


/* ---------------------------------------------------------------- */
.caps {margin-top: 15px; font-size: 14px;}

/* ---------------------------------------------------------------- */
#Submit {width: 30%; font-size: 16px; margin-top: 45px;}


/*=========================================================================
商品：一覧ページ
=========================================================================*/
#product_pagetitleBloc {width: 1200px; overflow: hidden; }
#Product.section_basic  .sub_title {margin-bottom: 15px;}


/* ---------------------------------------------------------------- */
#category_infoArea {
position: absolute;
z-index: 1;
left: 75%;
top: 50%;
width: 37%;
min-width: 550px;
max-width: 650px;
font-size: 15px;
color: #014646;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
transform: translate(-50%,-50%);
-ms-box-shadow: 0 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.16);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
box-shadow: 0 3px 6px rgba(0,0,0,.16);
}

@media print, screen and (max-width:1200px){
#category_infoArea  {font-size:14px;}
}

/* ---------------------------------------------------------------- */
#categoryTitle {font-size: 26px; margin-bottom: 15px;}
#titleCap {font-size: 11px; padding: 3px 1em 4px; margin-left: 1em; vertical-align:.5em;}


@media print, screen and (max-width:1200px){
#categoryTitle {font-size: 22px;}
#titleCap {font-size: 10px;}
}

/* ---------------------------------------------------------------- */
#guidanceBox {margin-bottom: 30px; font-size: 16px;}
#guideHeadline {font-size: 20px; margin-bottom: 15px;}

/* ---------------------------------------------------------------- */
ul#category_guideLink {margin-top: 30px}
ul#category_guideLink li {margin-right: 1.5%;font-size: 14px;}
ul#category_guideLink li a {padding: 5px 1em 7px 2.4em; }

/* ---------------------------------------------------------------- */
ul#cat_itemList {margin-bottom: 15px;}
ul#cat_itemList li {_width: 31%; width: 32%; margin: 0 2% 30px 0;}
ul#cat_itemList li:nth-of-type(3n) {margin-right: 0;}


/* ---------------------------------------------------------------- */
.catlist_namebox {padding: 5% 4% 6%;}
.catlist_name {font-size: 20px; margin-bottom: 10px; width: 68%; }
.catlist_catch {font-size: 14px; margin-bottom: 3px;}

.catlist_namebox, .catlist_namebox p {font-size: 14px;}

/* ---------------------------------------------------------------- */
.catlist_mark {margin-top: 15px; }
.catlist_mark p {margin-right: 2%; width: auto;}
.catlist_mark span,
.catlist_mark a {font-size: 13px;padding: 2px 1em 4px;}


/* ---------------------------------------------------------------- */
.catlist_thumb_chara {top: 90%;}


/*=========================================================================
商品：詳細
=========================================================================*/
.detail_form .one_box, .detail_form .caution_box {margin-bottom: 30px;}

/* ---------------------------------------------------------------- */
dl#product_topBloc {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: stretch;}
dl#product_topBloc dt {width: 48%;margin-right: 2%;}
dl#product_topBloc dd {width: 50%;}

/* ---------------------------------------------------------------- */
#product_mainPhoto .catlist_thumb_chara {right: 0;top: 77%;width: 25%;}

/* ---------------------------------------------------------------- */
#productName {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: center;}
#productName p {font-size: 24px; margin-bottom: 5px; padding-right: 2%;}

/* ---------------------------------------------------------------- */
#btn_wishList {}
#btn_wishList a {font-size: 12px; padding: 2px 1.5em 3px 2.5em;}
#btn_wishList a:before {top:55%; left: 1em;}

/* ---------------------------------------------------------------- */
#productCatch {font-size: 18px; margin-bottom: 10px;}

/* ---------------------------------------------------------------- */
dl#product_topBloc dd {font-size: 14px;}


/* ---------------------------------------------------------------- */
table#product_statusTable {margin-top: 15px; margin-bottom: 5px;}
table#product_statusTable td { letter-spacing: -.4em; font-size: 0; }
table#product_statusTable td p {
display: inline-block;
vertical-align: middle;
letter-spacing: 0;
font-size: 14px;
padding: 3px 1em;
}

.status_name {width: 30%;text-align: right;}
.value {width: 70%;text-align: left; }


/* ---------------------------------------------------------------- */
ul#specList {display: -webkit-flex;display: flex; flex-wrap: wrap; }
ul#specList li {width:40%; margin-right: 20%;}
ul#specList li:nth-of-type(even) {margin-right: 0;}


/* ---------------------------------------------------------------- */
ul#image_sampleList {display: -webkit-flex;display: flex; flex-wrap: wrap; }
ul#image_sampleList li {width: 23.5%; margin-right: 1.5%;}

/* ---------------------------------------------------------------- */
ul#detail_checkList {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: stretch; margin-bottom: 30px;}
ul#detail_checkList li {margin:0 1.5% 2% 0; padding: 10px 5px 10px 5px; font-size: 13px;}

/* ---------------------------------------------------------------- */
.onepoint {width: 16px; height: 16px; right: 5px;}


/* ---------------------------------------------------------------- */
ul#detail_checkList.size {align-items: stretch;}
ul#detail_checkList.size li {width: calc((100% / 6) - 1%);}


/* ---------------------------------------------------------------- */
table#cart_indexTable.product th,
table#cart_indexTable.product td{padding: 10px 1em; font-size: 14px;}

table#cart_indexTable.product .order_num {width: 10% !important; }

/* ---------------------------------------------------------------- */
table#cart_indexTable.product td.plan_a,
table#cart_indexTable.product td.plan_b,
table#cart_indexTable.product td.plan_c,
table#cart_indexTable.product td.plan_d,
table#cart_indexTable.product td.plan_e { font-size: 18px;}

/* ---------------------------------------------------------------- */
.order_mark {font-size: 14px; padding: 1px 1em; margin-bottom: 5px;}

/* ---------------------------------------------------------------- */
.guideline {font-size: 14px; margin-top: 3px;}


/* ---------------------------------------------------------------- */
ul#detail_inputList {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: stretch; margin-bottom: 45px; justify-content: flex-start;}
ul#detail_inputList li {width: 31.3333%; margin:0 2% 3% 0; font-size: 14px;}
ul#detail_inputList li:nth-of-type(3n) {margin-right: 0;}

ul#detail_inputList li input.form_txt {width: 80%; padding-right: 1em;}

/* ---------------------------------------------------------------- */
#mini_infoBox {margin-bottom: 30px; padding: 10px 1em; font-size: 14px;}

/* ---------------------------------------------------------------- */
dl.input_twolayout {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: center; }

/* ---------------------------------------------------------------- */
ul#detail_inputList.fullsize li {width: 100%; margin: 0 auto 3%;}
ul#detail_inputList li:nth-of-type(3n) {margin: 0 auto 3%;}
ul#detail_inputList li:last-child {margin-bottom: 0;}


/* ---------------------------------------------------------------- */
ul#detail_inputList.fullsize li dl.input_twolayout dt {width: 40%;}
ul#detail_inputList.fullsize li dl.input_twolayout dd {width: 56%;}
ul#detail_inputList.fullsize li dl.input_twolayout dt {margin-right: 4%;}

/* ---------------------------------------------------------------- */
ul#detail_inputList.fullsize li dl.input_twolayout.type02 dt {width: 15%;}
ul#detail_inputList.fullsize li dl.input_twolayout.type02 dd {width: 81%; }


/* ---------------------------------------------------------------- */
.input_title{width: 28%; margin-right:5%;}
.input_case {width: 67%; }

ul#detail_inputList.fullsize li .input_case input.form_txt {padding-top: 5px; padding-bottom: 8px; text-align: right;}
ul#detail_inputList.fullsize li dl.input_twolayout.type02 dt .input_title {width: 100%;}


/* ---------------------------------------------------------------- */
.btn_setup a {padding: 10px 2em 10px 3em; font-size: 14px;}

/* ---------------------------------------------------------------- */
.data_complete  {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start; 

}

.mark_comp, button.btn_delete03, button.btn_addition {font-size: 16px;}
.mark_comp {padding: 8px 2em 8px 3em; }
 button.btn_delete03, button.btn_addition {padding: 8px 2em 8px; }
	
/* ---------------------------------------------------------------- */
button.btn_delete03 {margin-left: 3%;}

/* ---------------------------------------------------------------- */
#btnContainer {
margin-top: 45px;
margin-bottom: 30px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

/* ---------------------------------------------------------------- */
button.btn_addition {margin: 0 auto;}


/*=========================================================================
商品：詳細(選択中のアイテム)
=========================================================================*/
#choiceContainer { height:55vh;}
.choice_inner {padding:15px 15px 0;}

/* ---------------------------------------------------------------- */
#inCart.choice #in_cartTitle {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
#choice_productName {font-size: 16px; margin-bottom: 10px;}
#choice_productName span {font-size: 12px; padding-right: 1em;}


/* ---------------------------------------------------------------- */
#inCart.choice dl#cartTotal.in_cart_table {margin-top: 10px; margin-bottom: 0;}

/* ---------------------------------------------------------------- */
dl#cartTotal.in_cart_table.ver_choice {width: 100%; padding: 10px 1em; justify-content: center;}
dl#cartTotal.in_cart_table.ver_choice dt {width: 24%; margin-right: 6%; font-size: 12px;text-align: right;}
dl#cartTotal.in_cart_table.ver_choice dd {width: 70%; font-size: 20px; text-align: left;}


/* ---------------------------------------------------------------- */
dl.choice_table {padding: 10px 0; display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: stretch;}

dl.choice_table dt, dl.choice_table dd { margin-bottom: 5px; vertical-align: baseline; display: inline-block;}
dl.choice_table dt{width: 49%; margin-right: 2%;font-size: 11px;}
dl.choice_table dd{width: 49%; text-align: right;font-size: 13px;}

dl.choice_table.two_layout dt span:first-of-type {width: 25%;}
dl.choice_table.two_layout dt span:nth-of-type(2) {width: 75%;}

dl.choice_table.two_layout dd span:first-of-type {width: 70%;}
dl.choice_table.two_layout dd span:nth-of-type(2) {width: 30%;}

.type_mini {font-size: 11px;}


/* ---------------------------------------------------------------- */
#accTrigger {width: 35%; display: none;}
#accTrigger span {top: 30%;}

#accTrigger span:first-of-type:after {font-size: 12px; padding: 5px 1em; }

#accTrigger.active span:nth-child(1) , #accTrigger.active span:nth-child(2) {top: 25%; left: 57%;}



/*=========================================================================
ログイン
=========================================================================*/
#loginContainer {margin-top: 60px; margin-bottom: 90px; }

/* ---------------------------------------------------------------- */
#loginContainer form {padding: 60px 10%;}

/* ---------------------------------------------------------------- */
#login_siteLogo {width: 30%; max-width: 80px; margin-bottom: 45px;}

/* ---------------------------------------------------------------- */
.form_group {margin-bottom: 15px;}

/* ---------------------------------------------------------------- */
#autoLogin {font-size: 14px;} 

/* ---------------------------------------------------------------- */
#login_btnArea {
margin-top: 30px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
#btnLogin, ul#loginMenu {width: 48%; }

/* ---------------------------------------------------------------- */
#btnLogin {margin-right: 4%;}
#btnLogin button {font-size: 14px; padding: 1.5em 0;}

/* ---------------------------------------------------------------- */
ul#loginMenu li {margin-bottom: 5px; font-size: 14px;}



/*=========================================================================
納期確認
=========================================================================*/
#Calender.one_box {max-width: 1000px; }


/* ---------------------------------------------------------------- */
.calender_inner {padding: 30px;}

/* ---------------------------------------------------------------- */
dl#calender_titleArea {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}

dl#calender_titleArea dt {width: 50%;}
dl#calender_titleArea dd {width: 50%; text-align: right;font-size: 16px;}

/* ---------------------------------------------------------------- */
#calenderHeadline {font-size: 20px;  }
#calenderHeadline span {padding-left: 1.5em;}
#calenderHeadline span:before {width: 1.2em; height: 1.2em; background-position: center;}

/* ---------------------------------------------------------------- */
#markClosed {margin-right: .5em; width: 1.6em; vertical-align:-2px;}

/* ---------------------------------------------------------------- */
ul#calenderList {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
ul#calenderList li {width: 46%; margin-right: 8%;}
ul#calenderList li:nth-of-type(even) {margin-right: 0;}


/* ---------------------------------------------------------------- */
.calender_month {margin-bottom: 10px; font-size: 18px;}

/* ---------------------------------------------------------------- */
table.calender_table th, table.calender_table td {padding: 8px 0; font-size: 15px;}



/* ---------------------------------------------------------------- */
ul#detail_checkList.confirm {margin-bottom: 45px;}

ul#detail_checkList.confirm li {width: 24%; margin: 0 1% 1% 0; }
ul#detail_checkList.confirm li:nth-of-type(4n) {margin-right: 0;}
ul#detail_checkList.confirm li label {padding: 15px 0 15px 1em !important; display: block;}
ul#detail_checkList.confirm li span {padding-left: 5em; }
ul#detail_checkList.confirm li span:before {width: 4.5em;height: 4em;}


/* ---------------------------------------------------------------- */
table#cart_indexTable.confirm th {padding: 6px 0; font-size: 14px;}
table#cart_indexTable.confirm td {font-size: 14px; padding: 10px 0;}

/* ---------------------------------------------------------------- */
table#cart_indexTable.confirm td p.delivery_date {font-size: 12px; margin-bottom: 5px;}
table#cart_indexTable.confirm td.table_headline p {font-size: 16px;}

/* ---------------------------------------------------------------- */
.table_info {padding: 20px 1em; font-size: 14px;}


/* ---------------------------------------------------------------- */
#btnSubmit {margin-top: 45px;}

.btn_submit{font-size: 16px; padding: 6px 1em;}

/* ---------------------------------------------------------------- */
#Delivery .caution_box {margin-top: 45px; max-width: 1000px;}

/* ---------------------------------------------------------------- */
dl#Store {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: stretch; }
dl#Store dt {width: 50%; margin-right: 3%;}
dl#Store dd {width: 47%;}
/* ---------------------------------------------------------------- */
.one_group{ margin-bottom:30px;}
.one_group .guide_headline {margin-bottom: 5px;}

/* ---------------------------------------------------------------- */
dl#Store dd #payment-accessMap {padding-bottom: 70%; margin: 0 auto;}



/*=========================================================================
サンプル購入
=========================================================================*/
ul#sample_itemList li {width: 23%; margin: 0 2% 2% 0; font-size: 12px; padding-bottom: 6%;}
ul#sample_itemList li:nth-of-type(4n) {margin-right: 0;}

/* ---------------------------------------------------------------- */
.sample_infobox {padding: 15px 15px; height: 14em;}
.sample_itemname {font-size: 16px; margin-bottom: 5px;}
.sample_price {font-size: 14px; margin-bottom: 15px;}




/* ---------------------------------------------------------------- */
.btn_cart {margin-top: 30px; width: 80%;}
.btn_cart a{padding: 8px 1em; font-size: 14px;}


/*=========================================================================
お問い合わせ
=========================================================================*/
#contactBloc.one_box {padding-top: 45px;}

/* ---------------------------------------------------------------- */
dl#form_inputArea {display: -webkit-flex;display: flex; flex-wrap: wrap; width: 100%; max-width: 1000px; }
dl#form_inputArea dt, dl#form_inputArea dd {margin-bottom: 30px;}
dl#form_inputArea dt {width: 20%; margin-right: 3%; font-size: 16px;}
dl#form_inputArea dd {width: 67%;}


/* ---------------------------------------------------------------- */
dl#form_inputArea dd .select_cover.half {width: 30%;}
dl#form_inputArea dd .select_cover.half02 {width: 50%;}

/* ---------------------------------------------------------------- */
label.type_half {width: 47.6%; margin-right: 4%; }

label.type_half span {width: 10%; margin-right: 1%;}
label.type_half .form_txt_half {width: 88% !important;}


/* ---------------------------------------------------------------- */
dl#form_inputArea input,
dl#form_inputArea select,
dl#form_inputArea textarea
dl#form_inputArea select label {padding: 10px .5em; font-size: 14px;}

/* ---------------------------------------------------------------- */
dl#form_inputArea .select_cover {margin-bottom: 1em;}
dl#form_inputArea .select_cover:last-child {margin-bottom: 0;}
dl#form_inputArea .select_cover:after {right: .7em; top: 1.7em; z-index: 0;}
dl#form_inputArea .select_cover:before {width: 2em; z-index:0;}

/* ---------------------------------------------------------------- */
ul#form_btnList {
max-width: 1000px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 45px;
margin-bottom: 60px;
}

ul#form_btnList li {width: 31%; margin-right: 3%;}
ul#form_btnList li:nth-of-type(even) {margin-right: 0;}

/* ---------------------------------------------------------------- */
#btnAgree, #btnDisagree a {font-size: 16px; padding: 10px }



}