@charset "utf-8";
@media print, screen and (max-width:768px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
#mainContents {padding-bottom: 18%; overflow: hidden;}


/* ---------------------------------------------------------------- */
.section_basic {padding: 6% 0;}
.section_basic.full {padding-top: 0;}

/* ---------------------------------------------------------------- */
.custom_inner {padding: 6% 5%;}

/* ---------------------------------------------------------------- */
#section_titleBloc {margin-bottom: 6%;}

.section_title, .title_cap {margin-bottom: 1.5%;}
.section_title {font-size: 22px;}
.title_cap {font-size: 16px;}

.section_note {font-size: 12px;}
.section_title span {font-size: 14px; padding-left: 1em;}


.sub_title {font-size: 18px;}
.sub_title span {font-size: 13px; padding-left: 1em;}

@media print, screen and (max-width:480px){
.section_title {font-size: 20px;}
.sub_title {font-size: 16px;}
.title_cap {font-size: 15px;}
.section_title span {font-size: 12px;}
.sub_title span {font-size: 11px;}
}

@media print, screen and (max-width:414px){
.section_title {font-size: 5vw;}
.sub_title {font-size: 3.6vw;}

.title_cap {font-size: 3.5vw;}
.section_title span {font-size: 3vw;}
.section_note {font-size: 2.9vw;}
.sub_title span {font-size: 2.8vw;}
}


/* ---------------------------------------------------------------- */
.sub_headline { font-size: 13px; margin-bottom: 2%;}

@media print, screen and (max-width:480px){
.sub_headline {font-size: 12px;}
}

@media print, screen and (max-width:414px){
.sub_headline {font-size: 3vw;}
}

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

dl.twolayout_body dt, dl.twolayout_body dd {font-size: 13px;}
dl.twolayout_body dt {
background: #f8efd1;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 2%;
}

dl.twolayout_body dt .twolayout_title {padding: 10px 1em; }


@media print, screen and (max-width:480px){
dl.twolayout_body dt, dl.twolayout_body dd {font-size: 12px;}
}
@media print, screen and (max-width:414px){
dl.twolayout_body dt, dl.twolayout_body dd {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
dl.twolayout_body dd {padding: 0 1em;}

/* ---------------------------------------------------------------- */
.twolayout_body {display: -webkit-flex;display: flex; flex-wrap: wrap; flex-direction: column-reverse;}
.twolayout_body.inbox {display: block;}

/* ---------------------------------------------------------------- */
#title_twoLayout {width:100%; margin-top: 3%;  }

/* ---------------------------------------------------------------- */
#titlePic {width: 100vw; margin: 0 calc(50% - 50vw);}
.twolayout_body.inbox #titlePic {width: 100%; margin: 6% auto 0;}


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

@media print, screen and (max-width:640px){
.btn_basic a {font-size: 13px;}
}

@media print, screen and (max-width:480px){
.btn_basic a  {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
.one_box {font-size: 13px; margin-bottom: 12%; }

@media print, screen and (max-width:480px){
.one_box {font-size: 12px;}
}
@media print, screen and (max-width:414px){
.one_box {font-size: 3vw;}
}


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


@media print, screen and (max-width:480px){
.table_caption {font-size: 2.8vw;}
}


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

@media print, screen and (max-width:480px){
#btnBack {font-size: 3.2vw;}
}

/* ---------------------------------------------------------------- */
.error_message {margin-top: 3%; font-size: 12px;}

@media print, screen and (max-width:640px){
.error_message {font-size: 11px;}
}

@media print, screen and (max-width:480px){
.error_message {font-size: 10px;}
}
@media print, screen and (max-width:414px){
.error_message {font-size: 2.8vw;}
}



/*=========================================================================
トップページ
=========================================================================*/
#firstView {padding: 4% 0 2%; }

/* ---------------------------------------------------------------- */
#viewContainer {padding-bottom: 6%;}

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


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

/* ---------------------------------------------------------------- */
#statusHeadline {font-size: 13px; margin-bottom: 3%;}

@media print, screen and (max-width:480px){
#statusHeadline {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
#orderStatus {padding:4% 0; width: 100%;} 

/* ---------------------------------------------------------------- */
#orderStatus:before,
#orderStatus:after {width: 2em; height:2em; top: -1.6em;}
#orderStatus:before {left: 1em;}
#orderStatus:after {right: 1em;}


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

@media print, screen and (max-width:480px){
#orderStatus p {font-size: 2.8vw;}
}

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

	
/* ---------------------------------------------------------------- */
.topics_titlebox {padding: 4% 1em; display: block;}

.top_topicstitle {font-size: 14px; margin-bottom: 5px;}
.topics_update {font-size:12px;}


@media print, screen and (max-width:480px){
.top_topicstitle {font-size: 3.3vw;}
.topics_update {font-size:2.8vw;}
}


/*=========================================================================
トップページ：LATEST NEWS (WHAT'S NEW)
=========================================================================*/
#latest_newsArea {padding: 6% 0;}

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


@media print, screen and (max-width:480px){
dl#whats_newContainer {display: block;}
}

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

@media print, screen and (max-width:480px){
dl#whats_newContainer dt {width: 100%; border-right: 0; border-bottom: 1px solid #014646;}
dl#whats_newContainer dt p {font-size: 3vw;  padding: 0 1em; text-align: center;}
}
/* ---------------------------------------------------------------- */
dl#whats_newContainer dd {width: 80%;}


@media print, screen and (max-width:480px){
dl#whats_newContainer dd {width: 100%;}
}

/* ---------------------------------------------------------------- */
#wtn_titleBox {padding: 0% 1em 3%; }

@media print, screen and (max-width:480px){
#wtn_titleBox {padding: 0% 1em 6%; }

}

/* ---------------------------------------------------------------- */
#wtnDate {font-size: 12px; width:100%; line-height: 120%;}

@media print, screen and (max-width:480px){
#wtnDate {font-size: 2.8vw;}
}


/* ---------------------------------------------------------------- */
#wthTitle {font-size: 14px; line-height: 120%;}


@media print, screen and (max-width:480px){
#wthTitle {font-size: 3vw;}

}




/*=========================================================================
トップページ：大口注文 - INFORMATION
=========================================================================*/
#info_bnrArea {width: 96%;}

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


@media print, screen and (max-width:480px){
#info_bnrArea:before {left: -1em;}
#info_bnrArea:after {right: -1.5em;}
}


/* ---------------------------------------------------------------- */
#info_bnrTitle {font-size: 20px;}
#info_bnrTitle p { font-size: 16px;}


@media print, screen and (max-width:480px){
#info_bnrTitle {font-size: 4vw;}
#info_bnrTitle p { font-size: 3.3vw;}
}

/* ---------------------------------------------------------------- */
#btn_infoBnr {margin-top: 3%;}
#btn_infoBnr a {padding: 2% 2em; font-size: 14px;}



@media print, screen and (max-width:480px){
#btn_infoBnr a {font-size: 3vw;}
}



/*=========================================================================
トップページ：アイテム一覧
=========================================================================*/
.top_section_title {font-size: 20px; margin-bottom: 4%;}
.top_section_title p {font-size: 11px; margin-top: .4em;}

@media print, screen and (max-width:480px){
.top_section_title {font-size: 4.3vw;}
.top_section_title p {font-size: 2.8vw;}
}


/* ---------------------------------------------------------------- */
#item_categoryBox {width: 100vw; margin: 0 calc(50% - 50vw); overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
#item_categoryBox::-webkit-scrollbar {background: #f8efd1; height: 4px;}
#item_categoryBox::-webkit-scrollbar-thumb {background:#ff7900;}

/* ---------------------------------------------------------------- */
ul#item_categoryList {width: 769px; padding: 0 3% 1%;}

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

@media print, screen and (max-width:480px){
ul#item_categoryList li span {font-size: 3vw;}
}


/*=========================================================================
トップページ：アイテム一覧：カテゴリー検索
=========================================================================*/
#searchboxArea {width: 92%; }

.search_inner {padding: 6% 0;}

 
/* ---------------------------------------------------------------- */
dl#searchBox {width: 100%; margin:0 auto 6%;}

/* ---------------------------------------------------------------- */
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;}

@media print, screen and (max-width:480px){
dl#searchBox dt input.form_txt::input-placeholder{font-size: 3vw;}

}

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



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


@media print, screen and (max-width:480px){
ul#search_checkList li{font-size: 3vw;}
}




/*=========================================================================
トップページ：アイテム一覧
=========================================================================*/
#item_listConainer{width: 100%; }

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


@media print, screen and (max-width:480px){
ul#top_itemList li {width: 48.5%; }
ul#top_itemList li:nth-of-type(3n) {margin-right: 3%;}
ul#top_itemList li:nth-of-type(even) {margin-right: 0;}
}

/* ---------------------------------------------------------------- */
dl.top_item_body {padding:9%;}
dl.top_item_body dt {width: 80%; margin:0 auto 2%;}
dl.top_item_body dd {padding: 4% 0;}

/* ---------------------------------------------------------------- */
.top_itemname {font-size: 12px;margin-bottom: .3em;}
.top_itemprice {font-size: 12px;}
.top_itemprice span {font-size: 10px; padding-right: .5em;}

@media print, screen and (max-width:480px){
.top_itemname {font-size: 3vw;}
.top_itemprice {font-size: 3vw;}
.top_itemprice span {font-size: 2.8vw;}
}



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

/* ---------------------------------------------------------------- */
dl.info_databox dt {margin-bottom: 3%; padding: .5em 0;}

/* ---------------------------------------------------------------- */
dl.info_databox dt h4, .info_inner {width: 92%; margin: 0 auto; }
dl.info_databox dt h4 {font-size:15px;}

@media print, screen and (max-width:480px){
dl.info_databox dt h4 {font-size:14px;}
}
@media print, screen and (max-width:414px){
dl.info_databox dt h4 {font-size:3.5vw;}
}

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

@media print, screen and (max-width:414px){
dl.info_databox dd p {font-size: 2.9vw;}
}


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


/*=========================================================================
FAQ
=========================================================================*/
section#Faq.section_basic {padding-top: 0;}

/* ---------------------------------------------------------------- */
section#Faq ul#tabNavi {min-width: 600px; overflow: hidden;}
section#Faq ul#tabNavi li {width: 24.2%;}

/* ---------------------------------------------------------------- */
.panel .section_title {margin-bottom: 6%;}

/* ---------------------------------------------------------------- */
dl.faq_container dt {padding: 10px 1em; margin-top: 4%; align-items: baseline;}

dl.faq_container dt:before{font-size: 13px; 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:480px){
dl.faq_container dt { border-radius: 12px;}
dl.faq_container dt:before,
dl.faq_container dt:after {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
.faq_title {font-size: 14px; width:calc(84% - 5em);}

@media print, screen and (max-width:480px){
.faq_title {font-size: 13px;}
}
@media print, screen and (max-width:414px){
.faq_title {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
.faqNum {padding: 4px 0 4px; margin-right: 2%; font-size: 11px; width: 14%; text-align: center; }

@media print, screen and (max-width:480px){
.faqNum {font-size: 2.8vw;}
}


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


@media print, screen and (max-width:480px){
dl.faq_container dd, dl.faq_container dd p {font-size: 11px;}
}
@media print, screen and (max-width:414px){
dl.faq_container dd, dl.faq_container dd p {font-size: 2.9vw;}
}

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

@media print, screen and (max-width:480px){
.anwser_headline {font-size: 13px;}
}
@media print, screen and (max-width:414px){
.anwser_headline {font-size: 3vw;}
}

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

/*=========================================================================
お支払いについて
=========================================================================*/
section#Guide.section_basic {padding-top: 0;}

/* ---------------------------------------------------------------- */
section#Guide ul#tabNavi {width: 100%; min-width:670px;}
section#Guide ul#tabNavi li {}


/* ---------------------------------------------------------------- */
ul#guide_otherpageLink {margin-top: 9%; padding-top: 9%;}
ul#guide_otherpageLink li {width: 49%; margin:0 2% 4% 0;}
ul#guide_otherpageLink li:nth-of-type(even) {margin-right: 0;}

@media print, screen and (max-width:360px){
ul#guide_otherpageLink li {width: 100%; margin:0 auto 4%;}
ul#guide_otherpageLink li:nth-of-type(even) {margin:0 auto 4%;}
ul#guide_otherpageLink li:last-of-type {margin-bottom: 0;}
}



/* ---------------------------------------------------------------- */
.guide_link_title {font-size: 14px; margin-bottom: 4%;}
.guide_link_title p {font-size: 12px;}
.guide_link_textbox p {font-size: 12px;}

.guide_link_title p {margin-top: 4%;}

@media print, screen and (max-width:480px){
.guide_link_title {font-size: 3.3vw; }
.guide_link_title p,
.guide_link_textbox p {font-size: 2.8vw;}
}
@media print, screen and (max-width:414px){
.guide_link_title {font-size: 4vw; }
.guide_link_title p,
.guide_link_textbox p {font-size: 3.6vw;}
}

/* ---------------------------------------------------------------- */
.guide_link_textbox {padding:6%;}

/* ---------------------------------------------------------------- */
.guide_capBox {margin-bottom: 4%;display: block;}
.guide_capBox p {font-size: 12px; display: inline-block;}
.guide_capBox .type, .guide_capBox .style {padding: 2px 1em 3px;}
.guide_capBox .style {margin-top: .3em;}
.guide_capBox .detail {margin-bottom: 1em;}
.guide_capBox .detail:last-of-type {margin-bottom: 0;}


@media print, screen and (max-width:480px){
.guide_capBox p {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
.flow_notes {margin-bottom: 1%;}
.flow_cap {font-size: 11px;}

@media print, screen and (max-width:480px){
.flow_cap {font-size: 2.8vw;}
}


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

ul.credit_card_list li {width: 100%; margin:0 auto 2%;}
ul.credit_card_list li:last-of-type{margin-bottom: 0;}


@media print, screen and (max-width:480px){
.guide_headline {font-size: 15px;}
}

@media print, screen and (max-width:414px){
.guide_headline {font-size: 3.5vw;}
}


/* ---------------------------------------------------------------- */
.purchase_flow_image {margin-bottom: 4%; }

/* ---------------------------------------------------------------- */
.one_box.bank_accounts {margin-top: 6%; font-size: 13px;}
.bank_inner {padding: 4%;}

.bank_headline {font-size: 13px; margin-bottom: 2%;}

@media print, screen and (max-width:480px){
.one_box.bank_accounts { font-size: 3vw;}
.bank_headline {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
.one_box.bank_accounts.cash_on_delivery {margin-bottom: 6%;}

ul.pricelist li {font-size: 13px; margin-bottom: 2%;}
ul.pricelist li:last-of-type {margin-bottom: 0;}

@media print, screen and (max-width:480px){
ul.pricelist li{font-size: 3vw;}
}

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

@media print, screen and (max-width:480px){
.one_box.access {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
#payment-accessMap {margin-top: 4%; margin-bottom: 4%; padding-bottom: 50%;}


/*=========================================================================
配送・送料について
=========================================================================*/

/* ---------------------------------------------------------------- */
section#Delivery.section_basic {padding-top: 0;}

/* ---------------------------------------------------------------- */
#tableContainer {
width: 100%;
overflow: hidden;
overflow-x: scroll;
margin: 0 auto;-webkit-overflow-scrolling: touch;
border: 1px solid #014646;
border-top: 0;
}

#tableContainer::-webkit-scrollbar {background: #f8efd1; height: 4px;}
#tableContainer::-webkit-scrollbar-thumb {background:#01b4be;}

/* ---------------------------------------------------------------- */
table#postageTable { width: 900px;}
table#postageTable th, table#postageTable td { font-size: 13px;}
table#postageTable th {padding: 5px .5em;}
table#postageTable td {padding: 10px .5em;}

@media print, screen and (max-width:480px){
table#postageTable th, table#postageTable td { font-size: 3vw;}
}


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

@media print, screen and (max-width:480px){
table#postageTable td.postage_type {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
ul#postage_infoList {display: block; margin-top: 4%; margin-bottom: 6%;}
ul#postage_infoList li {width: 100%; margin: 0 auto 6%;}
ul#postage_infoList li:nth-of-type(3n) { margin: 0 auto 6%;}
ul#postage_infoList li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
.postage_list_headline {font-size: 15px; margin-bottom: 2%;}

@media print, screen and (max-width:480px){
.postage_list_headline {font-size: 3.3vw;}
}

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

@media print, screen and (max-width:480px){
.postage_cap {font-size: 3vw;}

}


/*=========================================================================
お知らせ：一覧
=========================================================================*/
ul#newsList li {width: 49%;margin: 0 2% 3% 0;}
ul#newsList li:nth-of-type(even) {margin-right: 0;}

@media print, screen and (max-width:414px){
ul#newsList li {width: 100%; margin: 0 auto 3%;}
ul#newsList li:nth-of-type(even) {margin: 0 auto 3%;}
ul#newsList li:last-of-type {margin-bottom: 0;}
}

/* ---------------------------------------------------------------- */
.thumb_news_title_box {padding: 4% 6%;}

/* ---------------------------------------------------------------- */
.news_list_title {font-size: 15px; margin-bottom: 1%;}
.news_list_update {font-size: 12px;}


@media print, screen and (max-width:480px){
.news_list_title {font-size: 2.6vw;}
.news_list_update {font-size: 2.2vw;}
}
@media print, screen and (max-width:414px){
.news_list_title {font-size: 3.6vw;}
.news_list_update {font-size: 3.3vw;}
}


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

/* ---------------------------------------------------------------- */
section#News.section_basic.article {padding-bottom: 9%; }

/* ---------------------------------------------------------------- */
#news_mainVisual {margin-bottom: 6%;}

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


@media print, screen and (max-width:480px){
#news_mainContainer, #news_mainContainer p {font-size: 12px;}
}
@media print, screen and (max-width:414px){
#news_mainContainer, #news_mainContainer p {font-size: 3vw;}
}


/* ---------------------------------------------------------------- */
.article #section_titleBloc {margin-bottom: 9%;}


/* ---------------------------------------------------------------- */
#news_mainContainer h3,
#news_mainContainer h4,
#news_mainContainer h5 { margin-bottom: 4%;}

#news_mainContainer h3{font-size: 22px;}
#news_mainContainer h4{font-size: 18px;}
#news_mainContainer h5{font-size: 16px;}



@media print, screen and (max-width:480px){
#news_mainContainer h3{font-size: 4vw;}
#news_mainContainer h4{font-size: 3.6vw;}
#news_mainContainer h5{font-size: 3.2vw;}
}

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

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


/* ---------------------------------------------------------------- */
#pageBack {margin-top: 6%;}
#pageBack a {font-size: 15px; }

@media print, screen and (max-width:480px){
#pageBack a {font-size: 3.3vw; }
}

/* ---------------------------------------------------------------- */
ul#article_snsList {margin-top: 6%; max-width: 140px;}
ul#article_snsList li {margin-right: 5%; width: 28%; max-width: 30px;}


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

/* ---------------------------------------------------------------- */
ul#current-campaignList li {margin-bottom: 6%;}

/* ---------------------------------------------------------------- */
ul#past-campaignList li {width: 49%;margin: 0 2% 3% 0;}
ul#past-campaignList li:nth-of-type(even) {margin-right: 0;}

@media print, screen and (max-width:414px){
ul#past-campaignList li {width: 100%; margin: 0 auto 3%;}
ul#past-campaignList li:nth-of-type(even) {margin: 0 auto 3%;}
ul#past-campaignList li:last-of-type {margin-bottom: 0;}
}

/* ---------------------------------------------------------------- */
.thumb_campaign_title_box {padding: 4% 6%;}

/* ---------------------------------------------------------------- */
.campaign_list_title {font-size: 15px; margin-bottom: 1%;}
.campaign_list_date {font-size: 12px;}

@media print, screen and (max-width:480px){
.campaign_list_title {font-size: 2.6vw;}
.campaign_list_date {font-size: 2.2vw;}
}
@media print, screen and (max-width:414px){
.news_list_title {font-size: 3.6vw;}
.news_list_update {font-size: 3.3vw;}
}



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

/* ---------------------------------------------------------------- */
section#Design.section_basic {padding-top: 0;}

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

section#Design ul#tabNavi li a:after {right: .5em;bottom:.2em;width: 2.6em;height: 1.8em;}


/* ---------------------------------------------------------------- */
dl.design_container dt {
padding: 10px 1em;
margin-top: 4%;
align-items: center;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/* ---------------------------------------------------------------- */
.design_title {font-size: 14px; width:84%;}

@media print, screen and (max-width:480px){
.design_title {font-size: 13px;}
}
@media print, screen and (max-width:414px){
.design_title {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
.design_num {padding: 4px 0 4px; margin-right: 2%; font-size: 11px; width: 12%; text-align: center; }

@media print, screen and (max-width:480px){
.design_num {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
dl.design_container dd {padding: 6% 1em;}
dl.design_container dd {font-size: 12px;}
dl.design_container dd p {margin-bottom: 1.5em;}


@media print, screen and (max-width:480px){
dl.design_container dd{font-size: 11px;}
}
@media print, screen and (max-width:414px){
dl.design_container dd {font-size: 2.9vw;}
}


/* ---------------------------------------------------------------- */
dl.design_container .one_box {margin-bottom: 6%;}

/* ---------------------------------------------------------------- */
.design_headline {font-size: 14px; margin-bottom: 2%;}

@media print, screen and (max-width:480px){
.design_headline {font-size: 13px;}
}
@media print, screen and (max-width:414px){
.design_headline {font-size: 3vw;}
}


/* ---------------------------------------------------------------- */
ul.design_piclist { margin-bottom: 6%;}

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

ul.design_piclist.style01 li {}

ul.design_piclist.style02 li {margin:0 auto 2%;}
ul.design_piclist.style02 li:last-of-type {margin-bottom: 0;}

ul.design_piclist.style03 li {width: 80%; margin:0 auto 5%;}
ul.design_piclist.style03 li:last-of-type {margin-bottom: 0;}


@media print, screen and (max-width:480px){
ul.design_piclist li span {font-size: 13px;}
ul.design_piclist li {font-size: 11px;}
}
@media print, screen and (max-width:414px){
ul.design_piclist li span {font-size: 3vw;}
ul.design_piclist li{font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
ul.design_piclist li p {margin-top: 3%;}


/* ---------------------------------------------------------------- */
.caution_box, .caution_box p {font-size: 12px;}
.caution_inner {padding: 4%;}
.caution_title{font-size: 13px; margin-bottom: 3%;}

.caution_pic {margin-top: 6%; margin-bottom: 6%; width: 100%;}

.list_cap {margin-bottom: 3% !important;}


@media print, screen and (max-width:414px){
.caution_title{font-size: 3.3vw; }
.caution_box, .caution_box p {font-size: 3vw;} 
}



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

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

ul.design_anchorlink {padding: 4% 0;}
ul.design_anchorlink li {margin-right: 2%; line-height: 100%;font-size: 12px;}
ul.design_anchorlink li:last-of-type {margin-right: 0;}
ul.design_anchorlink li a { padding: 3px 1em; }


@media print, screen and (max-width:480px){
ul.design_anchorlink li {font-size: 11px;}
}
@media print, screen and (max-width:414px){
ul.design_anchorlink li {font-size: 2.8vw;}
}

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



/*=========================================================================
カート
=========================================================================*/
#cart_flowImage {margin-top: 9%; margin-bottom: 9%; width: 90%;}


/*=========================================================================
カート：中のアイテム
=========================================================================*/
#inCart {
display:block;
width: 90%;
margin: 0 auto;
max-width: 414px;
padding:20% 0 9%;
}
#in_cartContainer {margin-bottom: 6%;}


@media print, screen and (max-width:414px){
#inCart {width: 100%;}
}

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

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

@media print, screen and (max-width:480px){
#in_cartTitle {font-size: 3.4vw;}
}


/* --------------------------------------------------------------- */
.in_cart_inner {padding: 0 0 3%; margin-bottom: 6%;}

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



@media print, screen and (max-width:480px){
dl.in_cart_table dt {font-size: 2.8vw;}
dl.in_cart_table dd {font-size: 3.3vw;}
}

/* ---------------------------------------------------------------- */
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;}


@media print, screen and (max-width:480px){
dl#cartTotal.in_cart_table dd {font-size: 4vw;}
dl#cartTotal.in_cart_table dd span {font-size: 2.8vw;}
}

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

@media print, screen and (max-width:414px){
#inCart .btn_basic {width: 100%;}
}



/*=========================================================================
カート：カートトップ
=========================================================================*/
section#Cart.full .caution_box {margin-bottom: 9%; width: 90%;}

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


/* ---------------------------------------------------------------- */
#cart_tableBox, #tableBox {width: 100%; margin: 0 auto; overflow-x: scroll; border-right: 1px solid #b4b4b4; margin-bottom: 6%;}
#cart_tableBox::-webkit-scrollbar,
#tableBox::-webkit-scrollbar{background: #dad7cd; height: 4px;}
#cart_tableBox::-webkit-scrollbar-thumb,
#tableBox::-webkit-scrollbar-thumb{background:#81e0e5;}
#cart_tableBox::-webkit-scrollbar-thumb:hover,
#tableBox::-webkit-scrollbar-thumb{background:#014646;}


/* ---------------------------------------------------------------- */
table#cart_indexTable  {width: 800px;}
table#cart_indexTable th, table#cart_indexTable td  {font-size: 13px;}
table#cart_indexTable th {padding: 2% 1em;}
table#cart_indexTable td {padding: 2% 1em;}

table#cart_indexTable .delete {width: 7%;}
table#cart_indexTable .cart_thumb {width:13%;}
table#cart_indexTable .cart_itemdata {width: 42%; text-align: left;}
table#cart_indexTable .cart_item_detail {width: 16%;}
table#cart_indexTable .cart_price {width: 22%; font-size: 18px;}
table#cart_indexTable .cart_price span {font-size: 10px;}
table#cart_indexTable td.cart_itemdata p span {padding-left: 1em;}

@media print, screen and (max-width:640px){
table#cart_indexTable th, table#cart_indexTable td {font-size: 12px;}
table#cart_indexTable .cart_price {font-size: 18px;}
}

@media print, screen and (max-width:480px){
table#cart_indexTable th, table#cart_indexTable td {font-size: 3vw;}
table#cart_indexTable .cart_price {font-size: 3.5vw;}

}

/* ---------------------------------------------------------------- */
table#cart_indexTable .cart_price span {font-size: 10px;}
table#cart_indexTable td.cart_itemdata p {display: block;}
table#cart_indexTable .item_name {font-size: 15px; margin-bottom: 1%; }


@media print, screen and (max-width:640px){
table#cart_indexTable .cart_price span {font-size: 10px;}
table#cart_indexTable .item_name {font-size: 14px; }

}
@media print, screen and (max-width:480px){
table#cart_indexTable .cart_price span {font-size: 2.8vw;}
table#cart_indexTable .item_name {font-size: 3vw; }
}


/* ---------------------------------------------------------------- */
#totalPrice {font-size: 32px;}
#totalPrice span {padding-right: 1em;font-size: 16px;}
#totalPrice font {font-size:11px; padding-left: .5em;}

@media print, screen and (max-width:640px){
#totalPrice {font-size: 28px;}
#totalPrice span {;font-size: 14px;}
#totalPrice font {font-size:11px;}
}
@media print, screen and (max-width:480px){
#totalPrice {font-size: 6vw;}
#totalPrice span {;font-size: 3vw;}
#totalPrice font {font-size:2.8vw;}
}

/* ---------------------------------------------------------------- */
ul#cart_btnList {
margin-top: 9%;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
ul#cart_btnList li {width: 49%; margin-right: 1%;}
ul#cart_btnList li:last-of-type {margin-right: 0;}


@media print, screen and (max-width:414px){
ul#cart_btnList {display: block;}
ul#cart_btnList li {width: 80%; margin: 0 auto 1%;}
ul#cart_btnList li:last-of-type {margin: 0 auto;}
}


/*=========================================================================
カート：入力画面
=========================================================================*/
.cart_table_title {font-size: 20px; margin-bottom: 6%;}


@media print, screen and (max-width:480px){
.cart_table_title {font-size: 4vw;}
}



/* ---------------------------------------------------------------- */
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: 6%;
}
dl.customer_infolist dt, dl.customer_infolist dd {margin-bottom: 2%;}
dl.customer_infolist dt {width: 22%; margin-right: 1%; font-size: 13px;}
dl.customer_infolist dd {width: 77%; font-size: 14px;}

dl.customer_infolist.fullsize dt, dl.customer_infolist dd.fullsize {width: 100%;}
dl.customer_infolist.fullsize dt{margin-bottom: 1%;}
dl.customer_infolist dd.fullsize {margin-bottom: 4%;}


/* ---------------------------------------------------------------- */
@media print, screen and (max-width:480px){
dl.customer_infolist{display: block;}
dl.customer_infolist dt, dl.customer_infolist dd {width: 100%;}
dl.customer_infolist dt{margin-bottom: 1%; font-size: 2.8vw;}
dl.customer_infolist dd {margin-bottom: 4%; font-size: 3vw; }
}



/* ---------------------------------------------------------------- */
dl.customer_infolist table#cart_indexTable {width: 100%;}
dl.customer_infolist table#cart_indexTable td {padding-top:1.5%; padding-bottom: 1.5%;}
dl.customer_infolist table#cart_indexTable td.cart_thumb {width: 12%;}
dl.customer_infolist table#cart_indexTable td.cart_itemdata {width: 58%;}
dl.customer_infolist table#cart_indexTable td.cart_price {width: 30%;}


@media print, screen and (max-width:480px){
dl.customer_infolist table#cart_indexTable {border-bottom: 1px solid #b4b4b4; padding-bottom: 1.5%;}
dl.customer_infolist table#cart_indexTable tr{display: flex; flex-wrap: wrap; align-items: center;}
dl.customer_infolist table#cart_indexTable td {display: block; border-bottom: 0; padding: 1.5% 0;}

dl.customer_infolist table#cart_indexTable td.cart_thumb {width: 20%; margin-right: 1%;}
dl.customer_infolist table#cart_indexTable td.cart_itemdata {width: 79%; }
dl.customer_infolist table#cart_indexTable td.cart_price {padding: 1.5%; width: 100%; background: #f8efd1;}
}


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


@media print, screen and (max-width:640px){
.input_content input[type="text"],
.input_content input[type="email"],
.input_content button,
.input_content textarea,
.input_content select,
.input_content input[type="checkbox"],
.input_content input[type="radio"]{font-size: 11px;}
}

@media print, screen and (max-width:480px){
.input_content input[type="text"],
.input_content input[type="email"],
.input_content button,
.input_content textarea,
.input_content select,
.input_content input[type="checkbox"],
.input_content input[type="radio"]{font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
ul#setting-Delivery {padding-top: 4%; padding-bottom: 4%; margin-bottom: 6%;}
ul#setting-Delivery li {margin-bottom: 2%; 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: 30%; margin-right: 2%;}
ul#setting-Delivery li dl.customer_infolist dd {width: 58%;}

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


@media print, screen and (max-width:640px){
ul#setting-Delivery li {display: block;}
ul#setting-Delivery li dl.customer_infolist {width: 100%; margin:0 auto 3%;}
ul#setting-Delivery li dl.customer_infolist:nth-of-type(even) {margin:0 auto 3%;}
ul#setting-Delivery li dl.customer_infolist:last-of-type {margin-bottom: 0;}

ul#setting-Delivery li dl.customer_infolist dt {width: 100%; margin-right: 2%;}
ul#setting-Delivery li dl.customer_infolist dd {width: 100%;}

ul#setting-Delivery li .select_cover:before {right: 1em;}
}

@media print, screen and (max-width:414px){
ul#setting-Delivery li dl.customer_infolist dt, ul#setting-Delivery li dl.customer_infolist dd {width: 100%; margin: 0 auto;}
ul#setting-Delivery li dl.customer_infolist dt {margin-bottom: 2%;}
ul#setting-Delivery li dl.customer_infolist dd {margin-bottom: 4%;}
}

/* ---------------------------------------------------------------- */
ul.customer_check_list li {margin-bottom: 3%;font-size: 14px;}
ul.customer_check_list li label { font-size: 12px;}


@media print, screen and (max-width:480px){
ul.customer_check_list li {font-size: 3vw;}
ul.customer_check_list li label { font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
ul.customer_check_list li.two_layout {width: 100%;}
ul.customer_check_list li.two_layout label {width: 100%; margin-bottom: 2%;}
ul.customer_check_list li.two_layout label:last-child {margin-bottom:0;}


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

ul.customer_check_list li.two_layout .select_cover {width: 100% ;}
ul.customer_check_list li.two_layout .select_cover:before {right: 1em;}
ul.customer_check_list li.two_layout .select_cover:after {
right: 1.2em;
top: 66%;
border-top: .7em solid #014646;
border-right: .45em solid transparent;
border-bottom: .7em solid transparent;
border-left: .45em solid transparent;
}

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

@media print, screen and (max-width:414px){
input#form_txt.small {width: 35%;}
}

/* ---------------------------------------------------------------- */
.input_cage p {margin-bottom: 2%;}


/* ---------------------------------------------------------------- */
ul#use_Coupon.customer_check_list {align-items: stretch; display: flex; flex-wrap: wrap;}
ul#use_Coupon.customer_check_list li {width: 49%; margin-right: 2%; }

@media print, screen and (max-width:480px){
ul#use_Coupon.customer_check_list {display: block; margin: 0 auto; width: 100%;}
ul#use_Coupon.customer_check_list li {width: 100%; margin: 0 auto 6%; max-width: 320px;}
ul#use_Coupon.customer_check_list li:nth-of-type(2n) {margin: 0 auto 6%;}
ul#use_Coupon.customer_check_list li:last-of-type {margin-bottom: 0;}
}

/* ---------------------------------------------------------------- */
.coupon_box {margin-bottom: 4%;}

/* ---------------------------------------------------------------- */
.coupon_titlebox {padding: 3% 1em 5%;}
.coupon_titlebox .tiny {font-size: 1.5vw; margin-bottom: 2%;}


@media print, screen and (max-width:480px){
.coupon_titlebox .tiny {font-size:2vw;}
}

@media print, screen and (max-width:414px){
.coupon_titlebox .tiny {font-size:2.4vw;}
}
/* ---------------------------------------------------------------- */
.coupon_title {font-size: 4.8vw;}

@media print, screen and (max-width:480px){
.coupon_title {font-size: 6.4vw;}
}


/* ---------------------------------------------------------------- */
.coupon_main {padding: 3% 1em;}

/* ---------------------------------------------------------------- */
.coupon_caution {padding: 2% 1em; font-size: 1.8vw; margin-bottom: 4%;}


@media print, screen and (max-width:480px){
.coupon_caution {font-size: 2.8vw;}
}



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


@media print, screen and (max-width:480px){
dl.coupon_detail dt, dl.coupon_detail dd{font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
#completeBloc {margin-bottom: 6%; }

/* ---------------------------------------------------------------- */
.complete_inner {padding: 6% 4%;}

/* ---------------------------------------------------------------- */
#completeTitle {margin-bottom: 3%; font-size: 28px;}


@media print, screen and (max-width:640px){
#completeTitle {font-size: 24px;}
}

@media print, screen and (max-width:480px){
#completeTitle {font-size: 4.8vw;}
}


/* ---------------------------------------------------------------- */
#completeBloc {font-size: 13px;}
#completeBloc:before {width: 5em;height: 3em;}

@media print, screen and (max-width:640px){
#completeBloc {font-size: 12px;}
}

@media print, screen and (max-width:414px){
#completeBloc {font-size: 3vw;}
}

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


@media print, screen and (max-width:414px){
#completeMark {width: 40%;}
}


/*=========================================================================
マイページ：サブナビゲーション
=========================================================================*/
#mypage_subnaviBloc {margin-bottom: 6%; width: 100%; overflow: hidden; overflow-x: scroll;}
#mypage_subnaviBloc::-webkit-scrollbar {background: #f8efd1; height: 4px;}
#mypage_subnaviBloc::-webkit-scrollbar-thumb {background:#01b4be;}

/* ---------------------------------------------------------------- */
ul#mypage_sub_naviList {width: 680px;}

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


@media print, screen and (max-width:414px){
ul#mypage_sub_naviList li {font-size: 3.3vw;}
}

/* ---------------------------------------------------------------- */
ul#mypage_sub_naviList li a {padding: 8% 0;}


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

/* ---------------------------------------------------------------- */
#memberName {font-size: 16px; margin-bottom: 2%;}
#membersPoint {font-size: 13px;}
#membersPoint span {font-size: 20px;}

@media print, screen and (max-width:480px){
#memberName {font-size:3.3vw;}
#membersPoint {font-size: 2.8vw;}
#membersPoint span {font-size: 4.4vw;}
}



/* ---------------------------------------------------------------- */
table#mypage_headlineTable   {width: 800px;}

table#mypage_headlineTable td {padding: 5px 0; font-size: 10px; width: calc(100% / 5);}
table#mypage_headlineTable td.order_date {padding-left: 1em;}
table#mypage_headlineTable td.btn_order_detail {padding-right: 1em; width: 14%;}
@media print, screen and (max-width:640px){
table#mypage_headlineTable td {font-size: 10px;}
}

@media print, screen and (max-width:414px){
table#mypage_headlineTable td {font-size: 2.7vw;}
}


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

#Mypage table#cart_indexTable td.cart_thumb {width: 10%;}
#Mypage table#cart_indexTable td.cart_thumb .item_thumb{border: 0;}

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

/* ---------------------------------------------------------------- */
table#cart_indexTable .mypage_tabletotal td {padding-top: 1%; padding-bottom: 1%;}
table#cart_indexTable .mypage_tabletotal p {font-size:13px;}
table#cart_indexTable .mypage_tabletotal p span.total_price {font-size: 18px;}
table#cart_indexTable .mypage_tabletotal p span.tax {font-size: 11px;}

@media print, screen and (max-width:640px){
table#cart_indexTable .mypage_tabletotal p {font-size:12px;}
table#cart_indexTable .mypage_tabletotal p span.total_price {font-size: 18px;}
table#cart_indexTable .mypage_tabletotal p span.tax {font-size: 10px;}
}

@media print, screen and (max-width:480px){
table#cart_indexTable .mypage_tabletotal p {font-size:3vw;}
table#cart_indexTable .mypage_tabletotal p span.total_price {font-size: 3.4vw;}
table#cart_indexTable .mypage_tabletotal p span.tax {font-size: 2.6vw;}
}

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

@media print, screen and (max-width:640px){
table#cart_indexTable td.order_status p {font-size:12px;}
table#cart_indexTable td.order_status p span {font-size:15px;}
}
@media print, screen and (max-width:480px){
table#cart_indexTable td.order_status p {font-size:2.8vw;}
table#cart_indexTable td.order_status p span {font-size:3.3vw;}
}

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


/*=========================================================================
マイページ：お気に入り一覧
=========================================================================*/
ul#mypage_wishList li { width: 49%; margin: 0 2% 6% 0;}
ul#mypage_wishList li:nth-of-type(even) {margin-right: 0;}

@media print, screen and (max-width:480px){
ul#mypage_wishList li { width: 100%; margin: 0 auto 6%;}
ul#mypage_wishList li:nth-of-type(even) {margin: 0 auto 6%;}
ul#mypage_wishList li:last-of-type {margin-bottom: 0;}
}



/* ---------------------------------------------------------------- */
.favourite_titlebox {padding:  6%;}
.favourite_title {font-size: 16px; margin-bottom: 2%; width: 68%; }
.favourite_catch {font-size: 12px; margin-bottom: 2%;}

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

@media print, screen and (max-width:640px){
.favourite_title {font-size: 14px;}
.favourite_catch {font-size: 11px;}
.favourite_titlebox, .favourite_titlebox p {font-size: 11px;}
}

@media print, screen and (max-width:480px){
.favourite_title {font-size: 4vw;}
.favourite_catch {font-size: 3vw;}
.favourite_titlebox, .favourite_titlebox p {font-size: 3vw;}
}

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


@media print, screen and (max-width:640px){
.favourite_catlist span,
.favourite_catlist a {font-size: 9px;}
}

@media print, screen and (max-width:480px){
.favourite_catlist span,
.favourite_catlist a {font-size: 2.8vw;}
}

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




/*=========================================================================
マイページ：お届け先一覧
=========================================================================*/
.mypage_add table#cart_indexTable {width: 780px;}
.mypage_add table#cart_indexTable th.cart_delete {width: 7%; padding-left: 0; padding-right: 0;}
.mypage_add table#cart_indexTable td.member_address {width:80%;} 
.mypage_add table#cart_indexTable td.change_address {width:13%; } 

/* ---------------------------------------------------------------- */
.add_Name {font-size: 15px; margin-bottom: 1%;}
.mypage_add table#cart_indexTable td.member_address {font-size: 12px;}

@media print, screen and (max-width:640px){
.mypage_add table#cart_indexTable {width: 640px;}
.add_Name {font-size: 14px; }
.mypage_add table#cart_indexTable td.member_address {font-size: 11px;}
}

@media print, screen and (max-width:480px){
.add_Name {font-size: 3.3vw; }
.mypage_add table#cart_indexTable td.member_address {font-size: 2.8vw;}
}


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

#mm_messageBox {width: 90%; margin-bottom: 6%; font-size: 12px;}

#mailMagazine ul#use_Coupon {width:90%; display: block; max-width: 360px; margin-bottom: 6%;}
#mailMagazine ul#use_Coupon li {width: 80%; margin: 0 auto 4%;}
#mailMagazine ul#use_Coupon li:last-of-type {margin-bottom: 0%;}

@media print, screen and (max-width:480px){
#mailMagazine ul#use_Coupon li {width: 100%;}
#mailMagazine ul#use_Coupon {font-size: 2.8vw;}
}
/* ---------------------------------------------------------------- */
.box_headline {font-size: 18px; margin-bottom: 3%;}

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



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


@media print, screen and (max-width:640px){
#delete_membershipBloc {font-size: 12px;}
}

@media print, screen and (max-width:480px){
#delete_membershipBloc, #delete_membershipBloc p {font-size: 2.8vw;}
}


/* ---------------------------------------------------------------- */
#delete_Headline {font-size: 20px; margin-bottom: 3%;}

@media print, screen and (max-width:640px){
#delete_Headline {font-size: 18px;}
}

@media print, screen and (max-width:480px){
#delete_Headline {font-size: 3.6vw;}
}

/* ---------------------------------------------------------------- */
#storeSign {width: 40%; margin-top:6%; margin-bottom: 6%; max-width: 130px;}



/* ---------------------------------------------------------------- */
#goShopping.btn_basic {margin-top: 9%; width: 40%;}
#goShopping.btn_basic {font-size: 13px;}

@media print, screen and (max-width:480px){
#goShopping.btn_basic {font-size: 3vw; width: 50%;}

}



/*=========================================================================
マイページ：会員情報編集
=========================================================================*/
#memebershipEdit {padding: 6% 0; margin-top: 9%;}

/* ---------------------------------------------------------------- */
dl.edit_container {padding: 4% 1em;margin: 0 auto;}

/* ---------------------------------------------------------------- */
dl.edit_container dt {margin-bottom: 2%;}

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


@media print, screen and (max-width:480px){
dl.edit_container dt, dl.edit_container dd {font-size: 3vw;}
}
/* ---------------------------------------------------------------- */
.required{font-size: 11px; vertical-align: 2px;}

@media print, screen and (max-width:480px){
.required{font-size: 2.6vw; }

}

/* ---------------------------------------------------------------- */
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 input.form_txt_three,
dl.edit_container dd .form_txt_three {width: 52%; margin: 0 0 3% !important;}
dl.edit_container dd .form_txt_three:last-child {margin-bottom: 0 !important;} 

/* ---------------------------------------------------------------- */
dl.edit_container .t15 {margin-top: 3%;}

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


@media print, screen and (max-width:480px){
a.edit_link {font-size: 2.8vw;}
}
/* ---------------------------------------------------------------- */
.caps {margin-top: 3%; font-size: 12px;}

@media print, screen and (max-width:480px){
.caps { font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
#Submit {width: 40%; font-size: 13px; margin-top: 9%;}

@media print, screen and (max-width:480px){
#Submit {width: 60%; font-size: 3vw; }
}


/*=========================================================================
商品：一覧ページ
=========================================================================*/
img#mainVisual {height: 35vh; background-position: top left;}
	
/* ---------------------------------------------------------------- */
#category_infoArea {width: 100%;margin: 0 auto;font-size: 13px;}

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

/* ---------------------------------------------------------------- */
#categoryTitle {font-size: 22px; margin-bottom: 3%; }
#categoryTitle span {display: block;}
#categoryTitle span#titleCap {font-size: 11px; padding: 3px 1em 4px; display: inline-block;}


@media print, screen and (max-width:480px){
#categoryTitle {font-size: 5vw;}
#titleCap {font-size: 2.6vw;}
}

/* ---------------------------------------------------------------- */
#guidanceBox {margin-bottom: 5%; font-size: 13px;}
#guideHeadline {font-size: 15px; margin-bottom: 3%;}


@media print, screen and (max-width:480px){
#guidanceBox {font-size: 3vw; margin-bottom: 5%; }
#guideHeadline {font-size: 3.3vw; margin-bottom: 3%;}
}



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

@media print, screen and (max-width:480px){
ul#category_guideLink li {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
ul#cat_itemList li { width: 49%; margin: 0 2% 6% 0;}
ul#cat_itemList li:nth-of-type(even) {margin-right: 0;}

@media print, screen and (max-width:480px){
ul#cat_itemList li {width: 100%; margin: 0 auto 6%;}
ul#cat_itemList li:nth-of-type(even) {margin: 0 auto 6%;}
ul#cat_itemList li:last-of-type {margin-bottom: 0;}
}



/* ---------------------------------------------------------------- */
.catlist_namebox {padding:  6%;}
.catlist_name {font-size: 16px; margin-bottom: 2%; width: 68%; }
.catlist_catch {font-size: 12px; margin-bottom: 2%;}

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

@media print, screen and (max-width:640px){
.catlist_name {font-size: 14px;}
.catlist_catch {font-size: 11px;}
.catlist_namebox, .catlist_namebox p {font-size: 11px;}
}

@media print, screen and (max-width:480px){
.catlist_name {font-size: 4vw;}
.catlist_catch {font-size: 3vw;}
.catlist_namebox, .catlist_namebox p {font-size: 3vw;}
}

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


@media print, screen and (max-width:640px){
.catlist_mark span,
.catlist_mark a {font-size: 9px;}
}

@media print, screen and (max-width:480px){
.catlist_mark span,
.catlist_mark a {font-size: 2.6vw;}
}

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



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

/* ---------------------------------------------------------------- */
#Product.section_basic {padding-top: 0;}
#Product.section_basic.in_page {padding-top: 6%;}
#Product.section_basic .sub_title {margin-bottom: 3%;}

/* ---------------------------------------------------------------- */
dl#product_topBloc dt {width: 100vw; margin:0 calc(50% - 50vw);}
dl#product_topBloc dd {width: 96%; margin:0 auto; padding: 3% 0;}

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

/* ---------------------------------------------------------------- */
#productName {margin-bottom: 3%;}
#productName p {font-size: 22px; margin-bottom: 1%;}


@media print, screen and (max-width:480px){
#productName p {font-size:4.8vw; }
}

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


@media print, screen and (max-width:480px){
#btn_wishList a {font-size:10px;}
}
@media print, screen and (max-width:414px){
#btn_wishList a {font-size: 2.6vw;}
}


/* ---------------------------------------------------------------- */
#productCatch {font-size: 15px; margin-bottom: 3%;}


@media print, screen and (max-width:480px){
#productCatch {font-size:3.5vw;}
}
/* ---------------------------------------------------------------- */
dl#product_topBloc dd {font-size: 12px;}

@media print, screen and (max-width:480px){
dl#product_topBloc dd {font-size: 11px;}
}

@media print, screen and (max-width:414px){
dl#product_topBloc dd {font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
table#product_statusTable {margin-top: 3%; margin-bottom: 1%;}
table#product_statusTable td p {font-size: 12px;padding: 3px 1em;}

@media print, screen and (max-width:480px){
table#product_statusTable td {padding: 6px 10px;}
table#product_statusTable td p {font-size: 3vw; display: block;width: 100%;text-align: left; padding: 0; line-height: 150%;}
}


/* ---------------------------------------------------------------- */
ul#specList li {width:100%; margin-bottom: 2%;}
ul#specList li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
ul#image_sampleList {display: -webkit-flex;display: flex; flex-wrap: wrap; }
ul#image_sampleList li {width: 49%; margin:0 2% 3% 0;}
ul#image_sampleList li:nth-of-type(even) {margin-right:0;}


/* ---------------------------------------------------------------- */
ul#detail_checkList {display: -webkit-flex;display: flex; flex-wrap: wrap; margin-bottom: 4%; align-items: stretch; }
ul#detail_checkList li {margin:0 2% 3% 0; padding: 3px 25px 3px 1em; font-size: 12px;vertical-align: middle;}
ul#detail_checkList li input {top: -.1em;}
ul#detail_checkList li a {pointer-events:auto; }

@media print, screen and (max-width:480px){
ul#detail_checkList li {font-size: 11px;}
}

@media print, screen and (max-width:414px){
ul#detail_checkList li {font-size: 10px;}
}

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

/* ---------------------------------------------------------------- */
ul#detail_checkList.size { align-items: stretch;}
ul#detail_checkList.size li {width: 31.333%;padding: 3px .5em 6px; }
ul#detail_checkList.size li:nth-of-type(3n) {margin-right: 0;}

@media print, screen and (max-width:480px){
ul#detail_checkList.size li {width: 49%; }
ul#detail_checkList.size li:nth-of-type(3n) {margin-right: 2%;}
ul#detail_checkList.size li:nth-of-type(even) {margin-right: 0;}
}

/* ---------------------------------------------------------------- */
table#cart_indexTable.product {width: 790px; border-left: 0;}
table#cart_indexTable.product th,
table#cart_indexTable.product td{padding: 1% 1em; font-size: 12px;}

@media print, screen and (max-width:480px){
table#cart_indexTable.product th,
table#cart_indexTable.product td{font-size: 3vw;}
}



/* ---------------------------------------------------------------- */
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: 15px;}


@media print, screen and (max-width:480px){
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: 3.3vw;}
}

/* ---------------------------------------------------------------- */
.order_num {position: sticky; left: 0; background: #fffaea; border-left: 1px solid #014646;}

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

/* ---------------------------------------------------------------- */
.guideline {font-size: 10px; margin-top: 1%;}

@media print, screen and (max-width:480px){
.order_mark , .guideline { font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
ul#detail_inputList {
display: -webkit-flex;display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-bottom: 3%;
justify-content: flex-start;
}

ul#detail_inputList li {width:49%; margin:0 2% 3% 0; font-size: 12px;}
ul#detail_inputList li:nth-of-type(even) {margin-right: 0;}

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

@media print, screen and (max-width:480px){
ul#detail_inputList {display:block; margin-bottom: 3%;}
ul#detail_inputList li {width:80%; margin:0 0% 4% 0; font-size: 2.8vw;}
ul#detail_inputList li:nth-of-type(even) {margin:0 0% 4% 0;}
ul#detail_inputList li:last-of-type {margin-bottom: 0;}
}

/* ---------------------------------------------------------------- */
#mini_infoBox {margin-bottom: 4%; padding: 10px 1em; font-size: 12px;}


@media print, screen and (max-width:480px){
#mini_infoBox {font-size: 3vw;}
}
/* ---------------------------------------------------------------- */
dl.input_twolayout {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: flex-end; }

/* ---------------------------------------------------------------- */
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: 36%;}
ul#detail_inputList.fullsize li dl.input_twolayout dd {width: 62%;}
ul#detail_inputList.fullsize li dl.input_twolayout dt {margin-right: 2%;}


ul#detail_inputList.fullsize li dl.input_twolayout.type02 dt {width: 15%;}
ul#detail_inputList.fullsize li dl.input_twolayout.type02 dd {width: 83%; }

/* ---------------------------------------------------------------- */
.input_title, .input_case {width: 100%; }

ul#detail_inputList.fullsize li .input_case input.form_txt {padding-top: 5px; padding-bottom: 8px; text-align: right;}

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


@media print, screen and (max-width:480px){
.btn_setup a{font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
.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 {padding: 8px 2em 8px 3em; font-size: 13px;}


@media print, screen and (max-width:480px){
.mark_comp, button.btn_delete03, button.btn_addition  {font-size: 2.6vw;}
}


/* ---------------------------------------------------------------- */
#btnContainer {margin-top: 9%; display: -webkit-flex;display: flex; flex-wrap: wrap; justify-content: center; }

/* ---------------------------------------------------------------- */
button.btn_addition, button.btn_delete03 {width: 48%;}

/* ---------------------------------------------------------------- */
button.btn_delete03 {margin-left: 4%;}


/* ---------------------------------------------------------------- 
#cart_inBloc {padding-bottom: 30vh;}*/


/*=========================================================================
商品：詳細(選択中のアイテム)
=========================================================================*/
#inCart.choice {width: 100%; }
#inCart.choice.fixed {
width: 96%;
position: fixed;
bottom: 5%;
left: 50%;

transform: translateX(-50%);
}


/* ---------------------------------------------------------------- */
#choiceContainer { height:auto; display: none;}

/* ---------------------------------------------------------------- */
.choice_inner {padding:15px 15px 0; height: 55vh;}

/* ---------------------------------------------------------------- */
#inCart.choice #in_cartTitle {margin-bottom: 0;padding-top: 10px; padding-bottom: 10px;}

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

@media print, screen and (max-width:480px){
#choice_productName {font-size: 3.5vw; }
#choice_productName span {font-size: 3vw;}
}

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

@media print, screen and (max-width:480px){
#inCart.choice dl#cartTotal.in_cart_table {margin-top: 3%; }
}
/* ---------------------------------------------------------------- */
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;}

@media print, screen and (max-width:480px){
dl#cartTotal.in_cart_table.ver_choice dt {font-size: 2.8vw;}
dl#cartTotal.in_cart_table.ver_choice dd {font-size: 4vw; }
}


/* ---------------------------------------------------------------- */
dl.choice_table {padding: 3% 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;}

@media print, screen and (max-width:480px){
dl.choice_table dt, dl.choice_table dd { margin-bottom: 1%;}
dl.choice_table dt{font-size: 2.7vw;}
dl.choice_table dd{font-size: 2.8vw;}
}
/* ---------------------------------------------------------------- */


#accTrigger {width: 35%;}
#accTrigger span {top: 20%; right: 1%;}

#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: 12%; left:60%;}

@media print, screen and (max-width:480px){
#accTrigger span:first-of-type:after {font-size: 11px; }
}
@media print, screen and (max-width:414px){
#accTrigger span:first-of-type:after {font-size: 2.8vw; }
}


/*=========================================================================
ログイン
=========================================================================*/
#loginContainer {margin-top: 9%; margin-bottom: 12%; width: 100%;}

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

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

/* ---------------------------------------------------------------- */
.form_group {margin-bottom: 4%;}

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

@media print, screen and (max-width:480px){
#autoLogin {font-size: 12px;} 
}
@media print, screen and (max-width:414px){
#autoLogin {font-size: 3vw;} 
}

/* ---------------------------------------------------------------- */
#login_btnArea {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: 4%;
}

/* ---------------------------------------------------------------- */
#btnLogin {width: 48.5%; margin-right: 3%;}
#btnLogin button {font-size: 13px; padding: 1.2em 0;}

@media print, screen and (max-width:480px){
#btnLogin { width: 100%; margin:0 auto 3%;}
#btnLogin button{font-size: 12px;} 
}
@media print, screen and (max-width:414px){
#btnLogin button{font-size: 3vw;} 
}
/* ---------------------------------------------------------------- */
ul#loginMenu {width: 48.5%;}
ul#loginMenu li {margin-bottom: 5px; font-size: 13px;}

@media print, screen and (max-width:480px){
ul#loginMenu {width: 100%;}
ul#loginMenu li {font-size: 12px;} 
}
@media print, screen and (max-width:414px){
ul#loginMenu li  {font-size: 3vw;} 
}


/*=========================================================================
納期確認
=========================================================================*/
section#Confirm.section_basic {padding-top: 0;}


/* ---------------------------------------------------------------- */
.calender_inner {padding: 5%;}


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

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

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


@media print, screen and (max-width:480px){
dl#calender_titleArea dd {font-size: 3.3vw;}
#calenderHeadline {font-size: 4vw;  }

}

/* ---------------------------------------------------------------- */
#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;}

@media print, screen and (max-width:480px){
ul#calenderList {display: block;}
ul#calenderList li {width: 100%; margin: 0 auto 6%;}
ul#calenderList li:nth-of-type(even) {margin: 0 auto 6%;}
ul#calenderList li:last-of-type {margin-bottom: 0;}
}

/* ---------------------------------------------------------------- */
.calender_month {margin-bottom: 2%; font-size: 16px;}

@media print, screen and (max-width:480px){
.calender_month {font-size: 3.3vw;}
}

/* ---------------------------------------------------------------- */
table.calender_table th, table.calender_table td {padding: 3% 0; font-size: 12px;}

@media print, screen and (max-width:480px){
table.calender_table th, table.calender_table td {padding: 3% 0; font-size: 2.8vw;}
}


/* ---------------------------------------------------------------- */
ul#detail_checkList.confirm {margin-bottom: 6%;margin-top: 4%;}

ul#detail_checkList.confirm li {width: 49.5%; margin: 0 1% 1% 0; }
ul#detail_checkList.confirm li:nth-of-type(even) {margin-right: 0;}
ul#detail_checkList.confirm li label {padding: 1.5em 0 1em !important; display: block;}
ul#detail_checkList.confirm li span {padding-left: 0; font-size: 13px; }
ul#detail_checkList.confirm li span:before {content: none;}

@media print, screen and (max-width:480px){
ul#detail_checkList.confirm li span {font-size: 3vw; }
}
/* ---------------------------------------------------------------- */
#Delivery .section_note {margin-bottom: 6%;}

table#cart_indexTable.confirm th {padding: .5em 0; font-size: 13px;}
table#cart_indexTable.confirm td {font-size: 13px; padding: 1em 0;}

table#cart_indexTable.confirm th:first-of-type,
table#cart_indexTable.confirm td:first-of-type {position: sticky; left: 0; z-index: 2;}

@media print, screen and (max-width:480px){
table#cart_indexTable.confirm th,
table#cart_indexTable.confirm td {font-size: 3vw;}
}


/* ---------------------------------------------------------------- */
table#cart_indexTable.confirm td p.delivery_date {font-size: 11px; margin-bottom: 2%;}
table#cart_indexTable.confirm td.table_headline p {font-size: 15px;}

@media print, screen and (max-width:480px){
table#cart_indexTable.confirm td p.delivery_date {font-size: 2.8vw;}
table#cart_indexTable.confirm td.table_headline p {font-size: 3.3vw;}
}

/* ---------------------------------------------------------------- */
.table_info {padding: 6% 1em; font-size: 13px;}

@media print, screen and (max-width:480px){
.table_info { font-size: 3vw;}
}

/* ---------------------------------------------------------------- */
#btnSubmit {margin-top: 9%;}
.btn_submit{font-size: 14px; padding: .5em 1em;}

@media print, screen and (max-width:480px){
.btn_submit{font-size: 3.3vw; }
}



/* ---------------------------------------------------------------- */
#Delivery .caution_box {margin-top: 9%; }

/* ---------------------------------------------------------------- */
dl#Store dt {margin-bottom: 9%;}


/* ---------------------------------------------------------------- */
.one_group{ margin-bottom:6%;}
.one_group .guide_headline {margin-bottom: 1%;}

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




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

@media print, screen and (max-width:480px){
ul#sample_itemList li  {font-size: 2.6vw; padding-bottom: 16%;}
}

@media print, screen and (max-width:414px){
ul#sample_itemList li {width: 100%; margin: 0 auto 4%; font-size: 3vw;}
ul#sample_itemList li:nth-of-type(even) {margin: 0 auto 4%;}
ul#sample_itemList li:last-of-type {margin-bottom: 0;}
}

/* ---------------------------------------------------------------- */
.sample_infobox {padding: 4% 4% 9%;}
.sample_itemname {font-size: 14px; margin-bottom: 1%;}
.sample_price {font-size: 12px; margin-bottom: 2%;}


@media print, screen and (max-width:480px){
.sample_infobox {padding: 6% 6% 12%;}
.sample_itemname {font-size: 3vw;}
.sample_price {font-size: 2.8vw;}
}

@media print, screen and (max-width:414px){
.sample_itemname {font-size: 3.8vw;}
.sample_price {font-size: 3.6vw;}
}
/* ---------------------------------------------------------------- */
.btn_cart {width: 80%; max-width: 300px;}
.btn_cart a{padding: 8px 1em; font-size: 12px;}

@media print, screen and (max-width:480px){
.btn_cart a{font-size: 2.8vw;}
}
@media print, screen and (max-width:414px){
.btn_cart a{font-size: 3.3vw;}
}


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

/* ---------------------------------------------------------------- */
dl#form_inputArea {width: 90%; }

dl#form_inputArea dt {margin-bottom: 1%;font-size: 15px;}
dl#form_inputArea dd {margin-bottom: 6%;font-size: 13px;}

@media print, screen and (max-width:480px){
dl#form_inputArea dt {font-size: 3.3vw; }
dl#form_inputArea dd {font-size: 3vw; }
}
/* ---------------------------------------------------------------- */
label.type_half {margin-bottom: 1%; width: 100%;}

label.type_half span {width: 12%; margin-right: 4%; }
label.type_half .form_txt_half {width: 86% !important;}

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


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

@media print, screen and (max-width:480px){
dl#form_inputArea input,
dl#form_inputArea select,
dl#form_inputArea textarea
dl#form_inputArea select label {font-size: 2.8vw;}
}

/* ---------------------------------------------------------------- */
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 {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 6%;
margin-bottom: 9%;
}

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

/* ---------------------------------------------------------------- */
#btnAgree, #btnDisagree a {font-size: 14px; padding: 5% 0; }

@media print, screen and (max-width:480px){
#btnAgree, #btnDisagree a {font-size: 3vw; padding: 5% 0; }
}


}