@charset "utf-8";
/* reset styles */
/*=========================================================================
BASIC
=========================================================================*/
.section_basic {width: 90%; margin: 0 auto; height: auto; color: #014646; }
.section_basic:last-of-type {padding-bottom: 0;}
.invalid-feedback {
	color: red;
}


/* ---------------------------------------------------------------- */
#section_titleBloc {height: auto;}
.section_title, .title_cap {line-height: 140%;}

.section_title {font-weight: 900;color: #ff7900;}
.section_title span {font-weight: 500; color: #014646;}

.title_cap {color: #01b4be; font-weight: 500;}
.section_note {line-height:180%; color: #014646;}

.sub_title {color: #01b4be; font-weight: 900;}
.sub_title span {font-weight: 400; color: #014646;}


/* ---------------------------------------------------------------- */
#title_twoLayout {height: auto;}
#title_twoLayout p.indent {margin-bottom: 0; line-height: 140%;}

/* ---------------------------------------------------------------- */
#titlePic {padding: 0; margin: 0;}
#titlePic img, #titlePic a {width: 100%; height: auto; display: block;}
#titlePic a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* ---------------------------------------------------------------- */
dl.twolayout_body, dl.twolayout_body dt, dl.twolayout_body dd {height: auto;}
dl.twolayout_body dt, dl.twolayout_body dd {color: #014646;}

/* ---------------------------------------------------------------- */
dl.twolayout_body {margin: 0 auto;}

/* ---------------------------------------------------------------- */
.twolayout_title {line-height: 140%; font-weight: 900;}

/* ---------------------------------------------------------------- */
dl.twolayout_body dd {line-height: 180%;}

dl.twolayout_body dd p {margin-bottom: 1.5em;}
dl.twolayout_body dd p.indent {margin-bottom: .5em;}
dl.twolayout_body dd p:last-of-type,
dl.twolayout_body dd p.indent:last-of-type {margin-bottom: 0;}

dl.twolayout_body dd a {color: #ff0150; text-decoration: underline;}
dl.twolayout_body dd a:hover {color:#ff7900; text-decoration: none;}

.twolayout_cap {color: #01b4be;}

/* ---------------------------------------------------------------- */
.one_box:last-child {margin-bottom: 0;}
.one_box {width: 100%; height: auto; margin: 0 auto;}
.one_box a {color: #ff0150; text-decoration: underline;}
.one_box a:hover {color: #ff7900; text-decoration: none;}

/* ---------------------------------------------------------------- */
.btn_basic {display: block;}
.btn_basic a {
display: block;
text-align: center;
background: #01b4be;
border: 3px solid #01b4be;
color: #fffaea;
text-decoration: none;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
line-height: 100%;
font-weight: 900;
-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);
}

.btn_basic button {
	display: block;
	text-align: center;
	background: #01b4be;
	border: 3px solid #01b4be;
	color: #fffaea;
	text-decoration: none;
	-ms-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	line-height: 100%;
	font-weight: 900;
	-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);
	}
/*.btn_basic a:hover {background: #ff7900; color: #fffaea; border-color: #ff7900;}*/
.btn_basic a:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
.btn_basic a span {position: relative; z-index: 1; padding-left: 1.8em;}
.btn_basic a span:before {
content: "";
width: 1.64em;
height: 1.34em;
position: absolute;
top: 50%;
left:0;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
}

/* ---------------------------------------------------------------- */
#cartBack.btn_basic a {background: #014646; border-color:#014646; }

/* ---------------------------------------------------------------- */
.btn_basic.cart a{background: #FF0150; border-color: #d50344; color: #ebff00;}
.btn_basic.cart a:hover{background: #ff4a82;filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}


/* ---------------------------------------------------------------- */
.table_caption {color: #01b4be; line-height: 140%;}

/* ---------------------------------------------------------------- */
#btnBack {margin: 0 auto; height: auto;text-align:center;}
#btnBack a {
display: inline-block;
line-height: 120%;
color: #707070;
border:1px solid #707070;
-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
text-decoration: none;
}
#btnBack a:hover {color: #fffaea; background: #01b4be;}


/* ---------------------------------------------------------------- */
.error_message {
line-height: 150%;
color:#ff0150;
position: relative;
z-index: 1;
font-weight: 500;
padding-left: 1.6em;
}
.error_message:before {
content: "";
position: absolute;
left: 0;
top: 0;
margin-top: 3px;
width: 1.2em;
height: 1.2em;
background-image: url('../img/icon_caution.png');
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
}

/*=========================================================================
トップページ
=========================================================================*/


/*=========================================================================
トップページ：FIRST VIEW
=========================================================================*/
#firstView, #viewContainer, ul#first_viewList {width: 100%; height: auto; margin: 0 auto;}

/* ---------------------------------------------------------------- */
#viewContainer {position: relative; z-index: 1; }

/* ---------------------------------------------------------------- */
ul#first_viewList li {height: auto;}
ul#first_viewList li a, ul#first_viewList li img {width: 100%; height: auto; display: block;}
ul#first_viewList li a {
overflow: hidden;
-ms-border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
}
ul#first_viewList li a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
#firstView .swiper-pagination {bottom: -15px;}
#firstView .swiper-pagination-bullet-active {background: #01b4be;}


/*=========================================================================
トップページ：現在の受注状況
=========================================================================*/
section#Status.section_basic {padding-top: 0;}

/* ---------------------------------------------------------------- */
#order_statusBox:last-of-type {margin-bottom: 0;}
#order_statusBox {
width: 92%;
max-width: 1000px;
margin: 0 auto;
height: auto;
background: #f8efd1;
-ms-border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
}

/* ---------------------------------------------------------------- */
#statusHeadline {text-align: center; line-height: 140%; color: #014646; font-weight: 900;}

/* ---------------------------------------------------------------- */
#orderStatus {
position: relative;
z-index: 1;
background: #01b4be;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;
text-align: center;
color: #ebff00;
max-width: 800px;
margin: 0 auto;
width: 90%;
}
#orderStatus.limit {background: #ff0150;}

/* ---------------------------------------------------------------- */
#orderStatus:before,
#orderStatus:after {
content: "";
position: absolute;
z-index: 1;
top: -2.4em;
width: 3em;
height: 3em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('../img/chara.png');
}
#orderStatus:before {left: 2em;}
#orderStatus:after {right: 2em;}

/* ---------------------------------------------------------------- */
#orderStatus p {font-weight: 900; line-height: 120%;}


/*=========================================================================
トップページ：TOPICS
=========================================================================*/
#topicsContainer {width: 100%; min-width: 1200px; margin: 0 auto;}
ul#topicsList {width: 100%; height: auto; margin: 0 auto;}

/* ---------------------------------------------------------------- */
ul#topicsList {list-style-type: none; }

ul#topicsList li {
height: auto;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
border-radius: 8px;
overflow: hidden;
}

ul#topicsList li a, img.topics_photo {width: 100%; display: block; height: auto;}


ul#topicsList li a:hover{filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

/* ---------------------------------------------------------------- */
 img.topics_photo {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	}	
	
	
/* ---------------------------------------------------------------- */
.topics_titlebox, .top_topicstitle, .topics_update {
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

/* ---------------------------------------------------------------- */
.topics_titlebox {
position: absolute;
background: rgba(255,255,255,.9);
display: block;
width: 100%;
z-index: 1;
height: auto;
bottom:0%;
left: 0%;
}

.hidden {
	visibility: hidden;
}
ul#topicsList li a:hover .topics_titlebox {bottom:-100%;}

/* ---------------------------------------------------------------- */
.top_topicstitle , .topics_update {line-height: 140%;}
.top_topicstitle {
font-weight: 900;
color: #01b4be;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.topics_update {font-weight: 600; color: #ff7900;}


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


/* ---------------------------------------------------------------- */
dl#whats_newContainer {
width: 90%;
margin: 0 auto;
-ms-border-radius:16px;
-moz-border-radius:16px;
-webkit-border-radius:16px;
border-radius: 16px;
border:1px solid #014646;
}

/* ---------------------------------------------------------------- */
dl#whats_newContainer dt, dl#whats_newContainer dt p {font-weight: 500; line-height: 160%;}

/* ---------------------------------------------------------------- */
#wtnDate,
#wthTitle {line-height: 160%; font-weight: 500; }


#wthTitle {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}

/* ---------------------------------------------------------------- */
#wthTitle a {text-decoration: none; color: #ff0150;}
#wthTitle a:hover {color: #ff7900;}


/*=========================================================================
トップページ：大口注文 - INFORMATION
=========================================================================*/
#largeOrder {background: #014646;}

/* ---------------------------------------------------------------- */
#info_bnrArea {margin: 0 auto; text-align: center; width: 90%; position: relative; z-index: 1;}
#info_bnrArea:before,
#info_bnrArea:after {
content: "";
height: 100%;
position: absolute;
top: 50%;
background-repeat: no-repeat;
background-position: left bottom;
background-size: contain;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#info_bnrArea:before {left: 0em; background-image: url('../img/top/top_chara01.png');}
#info_bnrArea:after {right: 0em; background-image: url('../img/top/top_chara02.png');}


/* ---------------------------------------------------------------- */
#info_bnrTitle {line-height: 160%; color: #fffaea; font-weight: 900;}

/* ---------------------------------------------------------------- */
#btn_infoBnr {margin: 0 auto;}
#btn_infoBnr a {
display: inline-block;
text-align: center;
background: #01b4be;
border:2px solid #fffaea;
color: #fffaea;
text-decoration: none;
font-weight: 900 ;
line-height: 100%;
cursor: pointer;

-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
-ms-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}

#btn_infoBnr a:hover {background: #ff7900;}



/*=========================================================================
トップページ：アイテム一覧：カテゴリー選択
=========================================================================*/
.top_section_title {font-weight: 900;color: #01b4be; text-align: center;}
.top_section_title p {font-weight: 400; color: #014646;}

/* ---------------------------------------------------------------- */
ul#item_categoryList {
list-style-type: none;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
height: auto;
margin: 0 auto;
}

ul#item_categoryList li {height: auto;}
ul#item_categoryList li:last-of-type {margin-right: 0;}
ul#item_categoryList li input[type="radio"] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
}


ul#item_categoryList li span {
font-weight: 900;
display: inline-block;
text-decoration: none;
border:2px solid #ff7900;
line-height: 100%;
color: #ff7900;
-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

ul#item_categoryList li span:hover {background: #01b4be; border-color: #01b4be; color: #fffaea;}
ul#item_categoryList li label:has(input[type="radio"]:checked) span {background: #ff7900;color: #fffaea;}


/*=========================================================================
トップページ：アイテム一覧：キーワード検索
=========================================================================*/
#searchboxArea {margin: 0 auto; height: auto;}

/* ---------------------------------------------------------------- */
dl#searchBox {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: stretch;
-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
border:1px solid #014646;
overflow: hidden;
justify-content:flex-end;

}
dl#searchBox dt, dl#searchBox dd {height: auto;}

/* ---------------------------------------------------------------- */
dl#searchBox dt input.form_txt {border: 0; background: #fff; width: 100%;}

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{color: #014646;}


/* ---------------------------------------------------------------- */
dl#searchBox dd input.btn_search {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
text-indent: -99999px;
background-image:url('../img/icon_grass_green.png');
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
border-left: 1px solid #014646;
cursor: pointer;
}

/*=========================================================================
トップページ：アイテム一覧：チェックボックス
=========================================================================*/
ul#search_checkList {
list-style-type: none;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
}
ul#search_checkList li {height: auto;}
ul#search_checkList li:last-of-type {margin-right: 0;}



/*=========================================================================
トップページ：アイテム一覧
=========================================================================*/
#item_listConainer {height: auto; margin: 0 auto;}

/* ---------------------------------------------------------------- */
ul#top_itemList {
height: auto;
width: 100%;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: stretch;

}
ul#top_itemList li {
height: auto;
background: rgba(255,255,255,.5);
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-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);
overflow: hidden;
}

ul#top_itemList li a {

width: 100%;
height: 100%;
display: block;
color: #014646;
text-decoration: none;
}

ul#top_itemList li a:hover { background: #01b4be;}



/* ---------------------------------------------------------------- */
dl.top_item_body,
dl.top_item_body dt,dl.top_item_body dd {height: auto;}

/* ---------------------------------------------------------------- */
.top_itemname, .top_itemprice, .top_itemprice span {
text-decoration: none;
line-height: 140%;
font-weight: 600;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;

}


.top_itemname {color: #014646;}
.top_itemprice {color: #ff0150;}
.top_itemprice span{ color: #01b4be;}


ul#top_itemList li a:hover .top_itemname,
ul#top_itemList li a:hover .top_itemprice,
ul#top_itemList li a:hover .top_itemprice span{color: #fffaea;}


/* ---------------------------------------------------------------- */
dl.top_item_body dt img {
width: 100%;
height: auto;
display: block;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}

/* ---------------------------------------------------------------- */
#top_couponBox {margin: 0 auto; height: auto;}



/*=========================================================================
各インフォメーションページ
=========================================================================*/
ul#infomationList, ul#infomationList li {width: 100%; height: auto; margin: 0 auto;}
ul#infomationList {list-style-type: none;}
ul#infomationList li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
dl.info_databox {width: 100%; height: auto; margin: 0 auto;}
dl.info_databox dt {
background: #f8efd1;
-ms-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

/* ---------------------------------------------------------------- */
dl.info_databox dt h4, dl.info_databox dt h4 span {line-height: 100%; font-weight: 900;}
dl.info_databox dt h4 span {font-size: 80%;}

/* ---------------------------------------------------------------- */
dl.info_databox dd p {margin-bottom: 1.4em;}
dl.info_databox dd p:last-of-type {margin-bottom: 0;}

dl.info_databox dd p.indent {margin-bottom: .4em;}


/*=========================================================================
特定商取引法に基づく表示
=========================================================================*/
ul#specifiedList {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul#specifiedList li {width: 100%; margin: 0 auto; height: auto; border-bottom: 1px dotted #014646;}

ul#specifiedList li:last-of-type {border-bottom: 0;}


/*=========================================================================
FAQ
=========================================================================*/
dl.faq_container {width: 100%; height: auto; margin: 0 auto;}
dl.faq_container dt {
height: auto;
cursor: pointer;
position: relative;
z-index: 1;
background: #f8efd1;
line-height: 100%;
-ms-border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;

display: -webkit-flex;
display: flex; 
flex-wrap: wrap;
justify-content:flex-start;
align-items: center;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

dl.faq_container dt:first-of-type {margin-top: 0;}

/* ---------------------------------------------------------------- */
dl.faq_container dt:before,
dl.faq_container dt:after {
position: absolute;
font-size: 14px;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

dl.faq_container dt:before {
content: "開く";
right: 2.5em;
top: 50%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);

}
dl.faq_container dt:after{
content: "";
right: 1em;
width: 0;
height: 0;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

dl.faq_container dt.active:before {content: "閉じる";}
dl.faq_container dt.active:after {
-ms-transform: translateY(-50%) rotate(90deg);
-moz-transform: translateY(-50%) rotate(90deg);
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}

/* ---------------------------------------------------------------- */
dl.faq_container dd, dl.faq_container dd p {line-height: 160%;}
dl.faq_container dd p:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
dl.faq_container dd a {color: #ff7900; text-decoration: underline;}
dl.faq_container dd a:hover {color: #01b4be; text-decoration: none;}


/* ---------------------------------------------------------------- */
.anwser_headline {color: #014646;font-weight: 900;}

/* ---------------------------------------------------------------- */
.faqNum {
background: #01b4be;
line-height: 100%;
color: #fff;
display: inline-block;
-ms-border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
font-weight: 700;
}

.anwser_headline {position: relative; z-index: 1; line-height: 160%; color: #ff7900;}
.anwser_headline:last-child{margin-bottom: 0;}

.anwser_headline:before {
content: "";
position: absolute;
z-index: 1;
left: 0;
top: -.5em;
width: 3em;
height:160%;
background-image: url('../img/faq/answer_illust.png');
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
}

/* ---------------------------------------------------------------- */
ul.faq_piclist {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul.faq_piclist li {height: auto;}
ul.faq_piclist li a, ul.faq_piclist img {width: 100%; height: auto; display: block;}
ul.faq_piclist li a {position: relative; z-index: 1;}
ul.faq_piclist li a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
ul.faq_piclist li a:before{
content: "";
position: absolute;
z-index: 1;
right: .5em;
bottom:.5em;
width: 1.5em;
height: 1.5em;
background-image: url('../img/icon_large.png');
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}

/* ---------------------------------------------------------------- */
.faqCap {font-weight: 600; line-height: 130%; font-size: 110%;}


/*=========================================================================
ご利用ガイド
=========================================================================*/

ul#guide_otherpageLink {
list-style-type: none;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: stretch;
border-top:2px dotted #014646
}
ul#guide_otherpageLink li {
height: auto;
background: #fff;
-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);
}

/* ---------------------------------------------------------------- */
ul#guide_otherpageLink li a, .other_linkPic img, .other_linkPic a {width: 100%; height: auto; display: block;}
ul#guide_otherpageLink li a {text-decoration: none;}

.other_linkPic a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
.guide_link_title, .guide_link_title p
.guide_link_textbox p {
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
.guide_link_title, .guide_link_title a {line-height: 140%; font-weight: 900; color: #ff7900; text-decoration: none;}
.guide_link_title a:hover {color: #ff0150;}
.guide_link_title p {line-height: 140%; color: #01b4be; font-weight: 600;}

/* ---------------------------------------------------------------- */
.other_linkPic {padding: 0; margin: 0 auto;}

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

/* ---------------------------------------------------------------- */
.guide_capBox {line-height: 140%; font-weight: 600;}
.guide_capBox .type, .guide_capBox .style {
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-wbkit-border-radius: 6px;
border-radius: 6px;
}
.guide_capBox .type {background: #01b4be; color: #fffaea;}
.guide_capBox .style {border:1px solid #014646; color:#014646;}



/*=========================================================================
お支払いについて
=========================================================================*/
ul.purchase_flow {list-style-type: none;display: -webkit-flex;display: flex;flex-wrap: wrap; }
ul.purchase_flow li {position: relative; z-index: auto;}
ul.purchase_flow li img {display: block; width: 100%; height: auto; object-fit: cover;}

/* ---------------------------------------------------------------- */
.flow_arrow {
content: "";
position: absolute;
z-index: auto;
width: 2em;
height: 2.3em;
background-image: url('../img/guide/arrow.png');
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}

/* ---------------------------------------------------------------- */
.purchase_flow_image {width: 100%; height: auto; margin: 0 auto;}
.purchase_flow_image img {display: block; width: 100%; height: auto; object-fit: cover;}

/* ---------------------------------------------------------------- */
.flow_notes {font-weight: 600;}
.flow_cap {color: #ff7900;}


/* ---------------------------------------------------------------- */
.guide_headline {font-weight: 600; color: #01b4be; line-height: 140%;}

ul.credit_card_list {list-style-type: none; width: 100%; height: auto;}
ul.credit_card_list li {height: auto;}
ul.credit_card_list li img {display: block; width: 100%; height: auto; object-fit: cover;}


/* ---------------------------------------------------------------- */
.one_box.bank_accounts {
border: 2px solid #ff7900;
-ms-border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
max-width: 800px;
margin: 0 auto;
width: 100%;
}

.bank_headline {
position:relative;
z-index: 1;
color: #ff7900;
line-height: 140%;
padding-left: 1.6em;
background-image: url('../img/icon_exclamation.png');

background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}


.one_box.bank_accounts a {text-decoration: none; color: #ff0150;}
.one_box.bank_accounts a:hover {text-decoration: none; color: #ff0150;}


/* ---------------------------------------------------------------- */
.one_box.bank_accounts a {text-decoration: none; color: #ff0150;}
.one_box.bank_accounts a:hover {text-decoration: none; color: #ff0150;}



/* ---------------------------------------------------------------- */
ul.pricelist {list-style-type: none;}
ul.pricelist li {height: auto; line-height: 140%;}

/* ---------------------------------------------------------------- */
#payment-accessMap {position: relative; z-index: 1; overflow: hidden; width: 100%; height: auto; margin: 0 auto;}
#payment-accessMap iframe {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}


/*=========================================================================
配送について
=========================================================================*/
table#postageTable {
height: auto;
border-left: 2px solid #014646;
border-bottom: 2px solid #014646;
}
table#postageTable th, table#postageTable td {
line-height: 140%;
text-align: center;
border-right: 2px solid #014646;
border-top: 2px solid #014646;
font-weight: 600;
}
table#postageTable th, table#postageTable td.carrier {font-weight: 900;}
table#postageTable th { color: #fffaea;}

table#postageTable th.carrier:first-of-type,
table#postageTable td.carrier,
table#postageTable th.separator,
table#postageTable td.separator {border-right-width: 4px;}

/* ---------------------------------------------------------------- */
table#postageTable th.carrier {background: #014646; color: #fffaea;}
table#postageTable th.postage_price {background: #01b4be;}
table#postageTable th.postage_type {background: #ff7900;}

table#postageTable td.postage_price {color: #ff0150;}

/* ---------------------------------------------------------------- */
ul#postage_infoList {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul#postage_infoList li {height: auto;}

/* ---------------------------------------------------------------- */
.postage_list_headline {font-weight: 500; color: #014646;}
.postage_pic, .postage_pic img {width: 100%; height: auto; display: block;}
.postage_pic {padding: 0; margin: 0 auto;}

/* ---------------------------------------------------------------- */
.postage_cap {color: #ff7900;}


/*=========================================================================
お知らせ：一覧
=========================================================================*/
.news_thumb img,
.news_thumb:before,
.thumb_news_title_box,
.news_list_title,
.news_list_update {
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}


ul#newsList {
list-style-type: none;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
width: 100%;
height: auto;
margin: 0 auto;
align-items: stretch;
}

/* ---------------------------------------------------------------- */
ul#newsList li {
height: auto;
background: #fff;
-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);
}

/* ---------------------------------------------------------------- */
ul#newsList li a {display: block; width: 100%; height: auto; text-decoration: none; position: relative; z-index: 1;}
/*ul#articleList li a:hover {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}*/

/* ---------------------------------------------------------------- */
.news_thumb, .news_thumb img {width: 100%; height: auto; display: block;}
.news_thumb {background: #dedede; overflow: hidden; position: relative; z-index: 1;}
.news_thumb img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

ul#newsList li a:hover .news_thumb img{
-ms-transform: scale(1.2) rotate(6deg);
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
}

/* ---------------------------------------------------------------- */
.news_thumb:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,.1);
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
}
ul#newsList li a:hover .news_thumb:before{filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}


/* ---------------------------------------------------------------- */
.news_list_title {color: #ff7900;}
.news_list_update {color: #01b4be;}

/*ul#newsList li a:hover .thumb_news_title_box {background: #01b4be;}*/
ul#newsList li a:hover .news_list_title,
ul#newsList li a:hover .news_list_update {color: #FF0150;}



/*=========================================================================
お知らせ：詳細
=========================================================================*/

#news_mainVisual {
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden;
-ms-border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
}
#news_mainVisual img {width: 100%; height: auto; display: block; object-fit: cover;}

/* ---------------------------------------------------------------- */
#news_mainContainer {max-width: 900px; margin: 0 auto; border-bottom: 1px solid #014646;}
#news_mainContainer, #news_mainContainer p {color: #014646; line-height: 180%;}
#news_mainContainer img {max-width: 100%; display: inline-block;}


/* ---------------------------------------------------------------- */
#news_mainContainer a {color: #ff0150; text-decoration: underline;}
#news_mainContainer a:hover {color: #ff7900; text-decoration: none;}


/* ---------------------------------------------------------------- */
#news_mainContainer h3,
#news_mainContainer h4,
#news_mainContainer h5 {color: #01b4be; font-weight: 600;}

#news_mainContainer h4 {border-bottom: 1px solid #01b4be;}
#news_mainContainer h5 span {position: relative; z-index: 1;}
#news_mainContainer h5 span:after {
content: "";
width: 50%;
height: 2px;
background: #01b4be;
position: absolute;
left: 45%;
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#news_mainContainer h5 {text-align: center;}

/* ---------------------------------------------------------------- */
#news_mainContainer ul {list-style-type: none; padding-left: 1.5em;}
#news_mainContainer ul li {position: relative; z-index: 1; padding-left: 1.5em;}
#news_mainContainer ul li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
#news_mainContainer ul li:before,
#news_mainContainer ul li:after {content: ""; position: absolute; z-index: 1;}
#news_mainContainer ul li:before {
content: "";
left: 0;
top: .35em;
width: .9em;
height: .9em;
background: #01b4be;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
#news_mainContainer ul li:after {
width: .3em;
height:.3em;
border-top: 1px solid #fffaea;
border-right: 1px solid #fffaea;
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);

}


/* ---------------------------------------------------------------- */
ul#article_snsList {
list-style-type: none;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0 auto;
}
ul#article_snsList li a, ul#article_snsList li img {width: 100%; height: auto; display: block;}
ul#article_snsList li a:hover {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}
ul#article_snsList li:last-of-type {margin-right: 0;}

/* ---------------------------------------------------------------- */
#pageBack {text-align: center; line-height: 120%;}
#pageBack a {color: #ff0150; text-decoration: underline;}
#pageBack a:hover {color: #ff7900; text-decoration: none;}


/*=========================================================================
キャンペーン：一覧
=========================================================================*/
ul#current-campaignList {list-style-type: none; width: 100%; height:auto; margin: 0 auto; }
ul#current-campaignList li,
ul#current-campaignList li a,
ul#current-campaignList li img{width: 100%; height: auto; display: block; }

/* ---------------------------------------------------------------- */
ul#current-campaignList li {
margin: 0 auto;
overflow: hidden;
-ms-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

ul#current-campaignList li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
ul#current-campaignList li img {object-fit: cover;}

/* ---------------------------------------------------------------- */
ul#current-campaignList li a:hover {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

/* ---------------------------------------------------------------- */
ul#past-campaignList {
list-style-type: none;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
width: 100%;
height: auto;
margin: 0 auto;
align-items: stretch;
}

/* ---------------------------------------------------------------- */
ul#past-campaignList li {
display: block; 
height: auto;
background: #fff;
-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);
}


/* ---------------------------------------------------------------- */
.campaign_thumb, .campaign_thumb img {width: 100%; height: auto; display: block;}
.campaign_thumb {background: #dedede; overflow: hidden; position: relative; z-index: 1;}
.campaign_thumb img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* ---------------------------------------------------------------- */
.campaign_thumb:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,.4);
filter: alpha(opacity=100); -moz-opacity:1; opacity:1;
}

/* ---------------------------------------------------------------- */
.campaign_list_title {color: #ff7900; font-weight: 600;}
.campaign_list_date {color: #014646; font-weight: 500;}
.campaign_list_date span {color: #01b4be;}

/* ---------------------------------------------------------------- */
.mark_over {
position: absolute;
z-index: 1;
width: 50%;
height: auto;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

/*=========================================================================
デザイン方法
=========================================================================*/
section#Design ul#tabNavi li, section#Design ul#tabNavi li a {text-align: left;}
section#Design ul#tabNavi li a {display: block; position: relative; z-index: 1;}
section#Design ul#tabNavi li a:after {
content: "";
position: absolute;
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

section#Design ul#tabNavi li.tnavi01 a:after {background-image: url('../img/tabnavi-icon_ai.png');}
section#Design ul#tabNavi li.tnavi02 a:after {background-image: url('../img/tabnavi-icon_ps.png');}
section#Design ul#tabNavi li.tnavi03 a:after {background-image: url('../img/tabnavi-icon_cs.png');}
section#Design ul#tabNavi li.tnavi04 a:after {background-image: url('../img/tabnavi-icon_other.png');}
section#Design ul#tabNavi li.tnavi05 a:after {background-image: url('../img/tabnavi-icon_sl.png');}

section#Design ul#tabNavi li.tnavi01 a:hover:after,
section#Design ul#tabNavi li.tnavi01 a.active:after {background-image: url('../img/tabnavi-icon_ai_on.png');}

section#Design ul#tabNavi li.tnavi02 a:hover:after,
section#Design ul#tabNavi li.tnavi02 a.active:after {background-image: url('../img/tabnavi-icon_ps_on.png');}

section#Design ul#tabNavi li.tnavi03 a:hover:after,
section#Design ul#tabNavi li.tnavi03 a.active:after {background-image: url('../img/tabnavi-icon_cs_on.png');}

section#Design ul#tabNavi li.tnavi04 a:hover:after,
section#Design ul#tabNavi li.tnavi04 a.active:after {background-image: url('../img/tabnavi-icon_other_on.png');}

section#Design ul#tabNavi li.tnavi05 a:hover:after,
section#Design ul#tabNavi li.tnavi05 a.active:after {background-image: url('../img/tabnavi-icon_sl_on.png');}


/* ---------------------------------------------------------------- */
dl.design_container {width: 100%; height: auto; margin: 0 auto;}
dl.design_container dt {
height: auto;
cursor: pointer;
position: relative;
z-index: 1;
background: #f8efd1;
line-height: 100%;
-ms-border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;

display: -webkit-flex;
display: flex; 
flex-wrap: wrap;
justify-content:flex-start;
align-items: center;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

dl.design_container dt:first-of-type {margin-top: 0;}

/* ---------------------------------------------------------------- */
dl.design_container dd, dl.design_container dd p {line-height: 160%;}
dl.design_container dd p:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
dl.design_container dd a {color: #ff7900; text-decoration: underline;}
dl.design_container dd a:hover {color: #01b4be; text-decoration: none;}


/* ---------------------------------------------------------------- */
.design_num {
text-align: center;
background: #01b4be;
line-height: 100%;
color: #fff;
display: inline-block;
-ms-border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
font-weight: 700;
}

/* ---------------------------------------------------------------- */
.design_headline {color: #ff7900;font-weight: 600;}


/* ---------------------------------------------------------------- */
.sub_headline {font-weight: 900;}

/* ---------------------------------------------------------------- */
ul.design_piclist {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul.design_piclist li {height: auto;}
ul.design_piclist li a, ul.design_piclist img {width: 100%; height: auto; display: block;}
ul.design_piclist li a {position: relative; z-index: 1;}
ul.design_piclist li a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

ul.design_piclist li {font-weight: 400;}
ul.design_piclist li span {font-weight: 600; display: block;}

/* ---------------------------------------------------------------- */
ul.design_piclist li a:before{
content: "";
position: absolute;
z-index: 1;
right: .5em;
bottom:.5em;
width: 1.5em;
height: 1.5em;
background-image: url('../img/icon_large.png');
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}

/* ---------------------------------------------------------------- */
.design_cap {font-weight: 600; line-height: 130%; font-size: 110%;}

/* ---------------------------------------------------------------- */
.caution_box {
-ms-border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
margin: 0 auto;
width: 100%;
border: 2px solid #ff7900;
}

/* ---------------------------------------------------------------- */
.caution_title {
position:relative;
z-index: 1;
color: #ff7900;
line-height: 140%;
padding-left: 2em;
background-image: url('../img/icon_exclamation02.png');

background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}

/* ---------------------------------------------------------------- */
.caution_pic, .caution_pic img {width: 100%; height: auto; display: block;}
.caution_pic {padding: 0; margin: 0 auto;}


/* ---------------------------------------------------------------- */
.bottom_notes_bloc {border-top: 2px dotted #014646; width: 100%; height: auto; margin: 0 auto;}
.bottom_notes_bloc .caution_box {max-width: 900px; margin: 0 auto; width: 90%;}


/*=========================================================================
デザイン方法：アンカーリンク
=========================================================================*/
.design_anchor_linkbox {
background: #f8efd1;
width: 100%;
height: auto;
margin: 0 auto;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webki-border-radius: 10px;
border-radius: 10px;
}
.design_anchor_linkbox:first-of-type { margin-top: 0;}


ul.design_anchorlink {
width: 90%;
height: auto;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
ul.design_anchorlink li {height: auto; display: inline-block; line-height: 100%; padding: 0;}
ul.design_anchorlink li a {
display: block;
cursor: pointer;
text-decoration: none;
color: #ff7900;
border: 2px solid #ff7900;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webki-border-radius: 30px;
border-radius: 30px;
}

ul.design_anchorlink li a:hover
ul.design_anchorlink li.on a:hover,
#informationContainer.other ul.design_anchorlink li a:hover {background: #01b4be; color: #f8efd1; border-color:#01b4be;}

ul.design_anchorlink li.on a {background: #ff7900; color: #f8efd1;}


/*=========================================================================
カート
=========================================================================*/
#cart_flowImage, #cart_flowImage img {width: 100%; height: auto; display: block;}
#cart_flowImage {margin:0 auto;}



/*=========================================================================
カート：中のアイテム
=========================================================================*/
#inCart {}
#in_cartContainer {
width: 100%;
position: relative;
z-index: 1;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
.in_cart_inner {
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border:2px solid #014646;
background: #F8EFD1;
-ms-box-shadow: 0 3px 6px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
box-shadow: 0 3px 6px rgba(0,0,0,.2);

}
/* ---------------------------------------------------------------- */
#in_cartContainer:before {
content: "";
position: absolute;
z-index: 2;
right: 2%;
top: -2.4em;
width: 3em;
height: 3em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('../img/chara.png');
}



/* ---------------------------------------------------------------- */
#in_cartTitle { background: #014646; color: #fffaea; line-height: 120%; font-weight: 600; position: relative; z-index: 1;}

#in_cartTitle span {position: relative; z-index: 1; padding-left: 1.8em;}
#in_cartTitle span:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 1.4em;
height: 1.4em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('../img/mark_cart.png');
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

#in_cartTitle.choice span:before {background-image: url('../img/icon_choice.png'); width: 1.2em; height: 1.2em;}




/* ---------------------------------------------------------------- */
dl.in_cart_table {display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 0 auto;}


dl.in_cart_table dt, dl.in_cart_table dd {line-height: 100%;}
dl.in_cart_table dt:last-of-type, dl.in_cart_table dd:last-of-type {margin-bottom: 0;}
dl.in_cart_table dt {font-weight: 500;}
dl.in_cart_table dd {font-weight: 600; text-align: right;}

/* ---------------------------------------------------------------- */
dl#cartTotal.in_cart_table {
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #01b4be;
color: #fffaea;
}
dl#cartTotal.in_cart_table dt, dl#cartTotal.in_cart_table dd {}
dl#cartTotal.in_cart_table dd {color: #ebff00; font-weight: 900;}
dl#cartTotal.in_cart_table dd span {color: #fffaea; font-weight: 500;}






/*=========================================================================
カート：カートトップ
=========================================================================*/
section#Cart.full #cart_flowImage {max-width:680px; }

/* ---------------------------------------------------------------- */
#cart_tableBox, #tableBox {width: 100%; height: auto; margin: 0 auto;}
.cart_delete {text-align: center;}
.cart_price p {text-align: right; font-weight: 900;}
.cart_price span {padding-left: .5em; font-weight: 500;}


/* ---------------------------------------------------------------- */
table#cart_indexTable {width: 100%;border-top: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4;}
table#cart_indexTable th, table#cart_indexTable td {
line-height: 100%;
color: #014646;
border-right: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
font-weight: 600;
}
table#cart_indexTable th {background: #f8efd1; }
table#cart_indexTable td.cart_thumb {border-right:0; }

table#cart_indexTable th.detail {text-align: left;}

table#cart_indexTable td .item_name {width: 100%; display: block;}
table#cart_indexTable td.cart_itemdata p {display: inline-block; margin-right: 1.5em; font-weight: 400;}
table#cart_indexTable td.cart_itemdata p:last-of-type {margin-right: 0;}
table#cart_indexTable td.cart_itemdata p span {font-weight: 500;color: #ff0150;}


table#calc_indexTable {width: 100%; border: 1px solid}
table#calc_indexTable th, table#calc_indexTable td {
	line-height: 100%;
	font-weight: 600;
	padding: 10px 1em
}
table#calc_indexTable td {
	border: 1px solid white;
	background: #e2d573;
}
table#calc_indexTable th {
	border-right: 1px solid white;
}
table#calc_indexTable th {background: #01b4be; }
table#calc_indexTable td.cart_itemdata p span {font-weight: 500;color: #ff0150;}



/* ---------------------------------------------------------------- */
button.btn_delete {
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
transition: all .2s;
background-color: transparent;
}
button.btn_delete:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
button.btn_delete img {width: 100%; height: auto; display: block;}

/* ---------------------------------------------------------------- */
.item_thumb, .item_thumb img{height: auto; display: block;}
.item_thumb img{width: 100%;}
.item_thumb {width: 100%; margin: 0 auto;}

/* ---------------------------------------------------------------- */
.btn_itemdetail, .btn_itemdetail img, .btn_itemdetail a{width: 100%;  height: auto; display: block;}
.btn_itemdetail {margin: 0 auto;}
.btn_itemdetail a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
#totalPrice {text-align: right; line-height: 120%; color: #ff7900; font-weight: 900;}
#totalPrice span,
#totalPrice font {font-weight: 600; }
#totalPrice span {color: #014646;}

/* ---------------------------------------------------------------- */
ul#cart_btnList {list-style-type: none;}
ul#cart_btnList li {height: auto;}
ul#cart_btnList li a, ul#cart_btnList li img {width: 100%; height: auto; display: block;}
ul#cart_btnList li a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}




/*=========================================================================
カート：入力画面
=========================================================================*/
.cart_table_title {color: #01b4be; font-weight: 900; line-height: 140%;}

/* ---------------------------------------------------------------- */
dl.customer_infolist{ width: 100%; height: auto; margin: 0 auto;}
dl.customer_infolist dt, dl.customer_infolist dd {height: auto; line-height: 180%; font-weight: 500;}

/* ---------------------------------------------------------------- */
dl.customer_infolist dt { color: #ff7900;}

/* ---------------------------------------------------------------- */
dl.customer_infolist table#cart_indexTable {border-left:0;}
dl.customer_infolist table#cart_indexTable td {border-right: 0;}
dl.customer_infolist table#cart_indexTable td.cart_thumb {padding-left: 0; padding-right: 0;}
dl.customer_infolist table#cart_indexTable td .item_thumb {width: 100%;}

/* ---------------------------------------------------------------- */
.input_content input[type="text"],
.input_content input[type="tel"],
.input_content input[type="email"],
.input_content input[type="passowrd"],
.input_content button,
.input_content textarea,
.input_content select,
.input_content input[type="checkbox"],
.input_content input[type="radio"]{
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
font-family: 'noto_sans',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}

select::-ms-expand {display: none;}

.input_content input[type="text"],
.input_content input[type="tel"],
.input_content input[type="number"],
.input_content input[type="email"],
.input_content input[type="password"],
.input_content select {
width:100%;
height:auto;
padding:10px 0 10px;
line-height:100%;
text-indent:1em;
background:transparent ;
border:1px solid #014646;
color: #014646;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-weight: 500;
}
.input_content textarea.form_textarea{padding: 10px 1em !important; min-height: 18em;}


.input_content input[type="text"]:last-of-type {margin-bottom: 0;}
.input_content input[type="text"] {margin-bottom: 1em;}

.input_content textarea {
width:100%;
min-height:80px;
height:auto;
border:1px solid transparent;
padding:1em 10px;
line-height:100%;
background: #fff;
color: #014646;
}


.input_content input[type="text"]:focus,
.input_content input[type="email"]:focus,
.input_content input[type="passowrd"]:focus,
.input_content textarea:focus,
.input_content select:focus {box-shadow: 0 0 0px;border: 1px solid #014646; }

.input_content::-webkit-input-placeholder,
.input_content select::-webkit-input-placeholder,
.input_content::-moz-placeholder,
.input_content::input-placeholder{color: #bcc6d3;}


.input_content input[type="radio"], 
.input_content input[type="checkbox"] {
margin: 0 .3em 0 0;
padding: 0;

background: #fff;
-webkit-transition: all .2s;
transition: all .2s;
display: inline-block;
line-height:100%;
vertical-align:top;
position: relative;
}

.input_content input[type="radio"] {border: 1px solid #014646;width:15px;height:15px;} 
.input_content input[type="checkbox"] {border: 1px solid #707070;width:1.2em;height:1.3em;} 



.input_content input[type="radio"] {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

.input_content input[type="checkbox"] {
-webkit-border-radius:0;
-moz-border-radius: 0;
border-radius: 0;
}


.input_content input[type="checkbox"]:checked,
.input_content input[type="radio"]:checked {border-color:#014646;}

.input_content label {
position: relative;
 box-sizing: border-box;
display: inline-block !important;
padding:1px 3px 1px .3em !important;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
margin-right:15px !important;
line-height:100%;
vertical-align:top;
white-space:nowrap !important;
font-weight: 500;
width:auto;
}

.input_content input[type="checkbox"]::before,
.input_content input[type="radio"]::before {content: none !important;}

.input_content input[type="checkbox"]::after,
.input_content input[type="radio"]::after{content: "";display: block; position: absolute;opacity: 0;}

.input_content input[type="radio"]::after{
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #014646;
height: 9px;
width: 9px;
top: 2px;
left: 2px;
}
.input_content input[type="checkbox"]::after{
border-top:0 !Important;
border-right: 0!Important;
border-bottom: 1px solid #014646;
border-left: 2px solid #014646;
opacity: 0;
height: 6px;
width: 12px;
transform: rotate(-45deg);
top: 0px;
left: 1px;
}

.input_content input[type="checkbox"]:checked::after,
.input_content input[type="radio"]:checked::after{opacity: 1;}

.input_content select, 
.input_content option{cursor: pointer; text-overflow: ellipsis; }

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

.input_content input.form_txt_half {width: 48%;}


/* ---------------------------------------------------------------- */
.select_cover {position: relative; width: 100%;}
.select_cover:before, .select_cover:after {content: "";position: absolute;z-index: 2;}
.select_cover:before {
height: 100%;
width: 5%;
border-left: 1px solid #014646;
top:0;
right: 0;
z-index: -1;
}
.select_cover:after {
right: 2%;
top: 70%;
width: 0px;
height: 0px;
background-color: transparent;
border-top: .6em solid #014646;
border-right: .4em solid transparent;
border-bottom: .6em solid transparent;
border-left: .4em solid transparent;
-ms-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-webkit-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(0deg);
pointer-events: none;
}

/* ---------------------------------------------------------------- */
ul#setting-Delivery {border-top: 1px dashed #b4b4b4; border-bottom: 1px solid #b4b4b4; list-style-type: none;}
ul#setting-Delivery li {height: auto; width: 100%;}
ul#setting-Delivery li:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
#Addition.btn_basic {text-align: center;}

/* ---------------------------------------------------------------- */
ul#customer_check_list {list-style-type: none; font-weight: 500;}
ul#customer_check_list li {height: auto;}
ul.customer_check_list li font {color: #b4b4b4; font-size: 85%;}

/* ---------------------------------------------------------------- */
.input_cage, .input_cage p {font-weight: 500; line-height: 160%;}
.input_cage p:last-of-type {margin-bottom: 0;}
.input_cage p span {font-weight: 600; display: inline-block;  }

/* ---------------------------------------------------------------- */
ul#use_Coupon.customer_check_list li:last-of-type {margin-right: 0%;}
ul#use_Coupon.customer_check_list li label {margin-left: 1em;}

/* ---------------------------------------------------------------- */
.coupon_box {
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border:2px solid #014646;
background: #014646;
-ms-box-shadow: 0 3px 6px rgba(0,0,0,.2);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.2);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2);
box-shadow: 0 3px 6px rgba(0,0,0,.2);
}
.coupon_box.type-percent_off {background: #01b4be; border-color:#01b4be;}
.coupon_box.type-yen_off {background: #ff7900; border-color:#ff7900;}

/* ---------------------------------------------------------------- */
.coupon_titlebox {color: #fffaea; text-align: center;}
.coupon_titlebox .tiny {line-height: 120%; font-weight:900;}

/* ---------------------------------------------------------------- */
.coupon_title {line-height: 100%; font-weight: 900;}

/* ---------------------------------------------------------------- */
.coupon_main {
background: #fff;
-ms-border-bottom-left-radius:8px;
-moz-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;

-ms-border-bottom-right-radius:8px;
-moz-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}

/* ---------------------------------------------------------------- */
.coupon_caution {background: #fffaea; color: #ff0150; font-weight: 900; line-height: 100%; text-align: center; }

/* ---------------------------------------------------------------- */
dl.coupon_detail {height: auto; margin: 0 auto; display: -webkit-flex; display: flex; flex-wrap: wrap; }
dl.coupon_detail dt, dl.coupon_detail dd {line-height: 160%;}
dl.coupon_detail dt {font-weight: 600; }


/* ---------------------------------------------------------------- */
#Checkout.btn_basic.cart a span:before {background-image: url('../img/icon_btn_cart.png');}
#Confirm.btn_basic.cart a span:before {background-image: url('../img/icon_btn_cart02.png');}
#Complete.btn_basic.cart a span:before {background-image: url('../img/icon_btn_cart03.png');}
#toMypage.btn_basic.cart a span:before {background-image: url('../img/icon_btn_cart04.png');}

/* ---------------------------------------------------------------- */
#completeBloc {
position: relative;
z-index: 1;
background: #ff7900;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #fffaea;
line-height: 180%;
margin: 0 auto;
}


#completeBloc:before {
content: "";
position: absolute;
z-index: 2;
right: 2%;
top: -2.3em;
width: 5em;
height: 3em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('../img/chara02.png');
}

/* ---------------------------------------------------------------- */
#completeTitle {text-align: center; font-weight: 900;}

/* ---------------------------------------------------------------- */
#completeBloc p {margin-bottom: 1.4em;}
#completeBloc p:last-of-type {margin-bottom: 0;}

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

/* ---------------------------------------------------------------- */
#completeMark, #completeMark img {display: block; height: auto;}
#completeMark {margin: 0 auto;}
#completeMark img {width: 100%;}



/*=========================================================================
マイページ：サブナビゲーション
=========================================================================*/
#mypage_subnaviBloc {width: 100%; height: auto; margin: 0 auto;}

/* ---------------------------------------------------------------- */
ul#mypage_sub_naviList {
margin: 0 auto;
height: auto;
list-style-type: none;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
border-top: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
align-items: stretch;
}

/* ---------------------------------------------------------------- */
ul#mypage_sub_naviList li {border-right: 1px solid #b4b4b4; text-align: center; line-height: 100%; font-weight: 600;}
ul#mypage_sub_naviList li:first-of-type {border-left: 1px solid #b4b4b4;}

/* ---------------------------------------------------------------- */
ul#mypage_sub_naviList li a {color: #014646; text-decoration: none; display: block; width: 100%;}
ul#mypage_sub_naviList li a:hover,
ul#mypage_sub_naviList li.on a:hover {background: #014646; color: #fffaea;}

/* ---------------------------------------------------------------- */
ul#mypage_sub_naviList li.on a {color: #ff7900; background: #f8efd1;}



/*=========================================================================
マイページ：MAIN
=========================================================================*/
#member_nameBloc {
background: #f8efd1;
text-align: center;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
max-width: 650px;
margin: 0 auto;
}

#memberName {font-weight: 500;}
#membersPoint {font-weight: 500; color: #01b4be;}
#membersPoint span {font-weight: 600; color: #ff0150; padding: 0 .5em;}

/* ---------------------------------------------------------------- */
table#mypage_headlineTable {width: 100%;}
table#mypage_headlineTable td {background: #014646; color: #fffaea; line-height: 100%;}
table#mypage_headlineTable td.btn_order_detail a, 
table#mypage_headlineTable td.btn_order_detail img {width: 100%; height: auto; display: block;}
table#mypage_headlineTable td.btn_order_detail a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* ---------------------------------------------------------------- */
#Mypage #cart_tableBox:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
.mypage_tabletotal,
#Mypage .subtotal,
#Mypage .cart_price{text-align: right;}
#Mypage table#cart_indexTable .subtotal {text-align: right;}


table#cart_indexTable .mypage_tabletotal td, table#cart_indexTable .mypage_tabletotal td p,
table#cart_indexTable .mypage_tabletotal td p span {line-height: 100%;}
table#cart_indexTable .mypage_tabletotal td p{font-weight: 900 ;}
table#cart_indexTable .mypage_tabletotal td p span.total_price {padding-left: .5em;}
table#cart_indexTable .mypage_tabletotal td p span.tax {font-weight: 500; padding-left: .5em;}

/* ---------------------------------------------------------------- */
table#cart_indexTable .mypage_order_status {background: #f8efd1;}
table#cart_indexTable .mypage_order_status td.btn_list {border-right: 0;}


/* ---------------------------------------------------------------- */
ul.dw_btnlist {list-style-type: none; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center;}
ul.dw_btnlist li {margin-right: 3%;}
ul.dw_btnlist li a, ul.dw_btnlist li img {display: block; width: 100%; height: auto;}
ul.dw_btnlist li a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
table#cart_indexTable td.order_status {text-align: right;}
table#cart_indexTable td.order_status span {padding-left: .5em;}

/* ---------------------------------------------------------------- */
table#cart_indexTable td.order_status p span.confirm {color: #ff0150;}
table#cart_indexTable td.order_status p span.making {color: #01b4be;}
table#cart_indexTable td.order_status p span.completed {color: #ff7900;}


/*=========================================================================
マイページ：お気に入り一覧
=========================================================================*/
ul#mypage_wishList {list-style-type: none; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; margin: 0 auto;}
ul#mypage_wishList li {height: auto; background: #fff; position: relative; z-index: 1;}

/* ---------------------------------------------------------------- */
.favourite_thumb, .favourite_thumb a, .favourite_thumb img {width: 100%; height: auto; display: block;}
.favourite_thumb {padding: 0;margin: 0 auto; position: relative; z-index: 1; background: #dedede}
.favourite_thumb img {background-repeat: no-repeat; background-position: center top; background-size: cover; object-fit: cover;}

.favourite_thumb a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
button.favourite_delete {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
width: 1.5em;
height: 1.5em;
position: absolute;
z-index: 2;
left: 1.5%;
top: 2%;
cursor: pointer;
}
button.favourite_delete img {width: 100%; height: auto; display: block;}
button.favourite_delete:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* ---------------------------------------------------------------- */
.favourite_titlebox {height: auto;}
.favourite_title {line-height: 140%; font-weight: 600;}
.favourite_title a {color: #ff7900; text-decoration: none;}
.favourite_title a:hover {color: #ff0150;}
.favourite_catch {color: #01b4be; font-weight: 600; line-height: 140%;}

.favourite_titlebox, .favourite_titlebox p {line-height: 140%;}

/* ---------------------------------------------------------------- */
.favourite_catlist {list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; }
.favourite_catlist p {height:auto; font-weight: 600;}
.favourite_catlist span,
.favourite_catlist a {
text-decoration: none;
display: inline-block;
line-height: 100%;
background: #ff0150;
color: #fffaea;
border: 1px solid #ff0150;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;

}
.favourite_catlist a:hover {color: #ff0150; background: transparent;}

/* ---------------------------------------------------------------- */
.list_thumb_chara {
position: absolute;
right: 1%;
top: 50%;
z-index: 2;
width: 30%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.list_thumb_chara img {width: 100%; height: auto; display: block;}

/*=========================================================================
マイページ：お届け先一覧
=========================================================================*/
.btn_change, .btn_change a, .btn_change img {width: 100%; height: auto; display: block;}
.btn_change a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
.mypage_add table#cart_indexTable th.address {text-align: left;}
.mypage_add table#cart_indexTable td.member_address {border-right: 0; } 


/* ---------------------------------------------------------------- */
.add_Name {line-height: 140%; font-weight: 600;}

/* ---------------------------------------------------------------- */
.mypage_add table#cart_indexTable td.member_address {line-height: 140%; font-weight: 400;}




/*=========================================================================
マイページ：メルマガ
=========================================================================*/
#mail_magazineBloc {
border:2px solid #014646;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0 auto;
}
/* ---------------------------------------------------------------- */
#mm_messageBox {height: auto; margin: 0 auto;}

/* ---------------------------------------------------------------- */
#mailMagazine ul#use_Coupon  {margin: 0 auto;}

/* ---------------------------------------------------------------- */
.box_headline {line-height: 140%; color: #ff7900; font-weight: 600; text-align: center;}

/* ---------------------------------------------------------------- */
#mailmagazine_checkBox {text-align: center; background: #f8efd1; margin: 0 auto; height: auto;}
#mailmagazine_checkBox label,
#mailmagazine_checkBox span {line-height: 100%;}
#mailmagazine_checkBox span {padding-left: .2em;}


/*=========================================================================
マイページ：退会
=========================================================================*/
#delete_membershipBloc {
background: #014646;
color:#fffaea;
position: relative;
z-index: 1;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0 auto;
}

#delete_membershipBloc:before {
content: "";
position: absolute;
z-index: 2;
right: 2%;
top: -2.1em;
width: 4em;
height: 3em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('../img/chara02.png');
}



/* ---------------------------------------------------------------- */
#delete_Headline {font-weight: 900; line-height: 140%; color: #fffaea; text-align: center;}

/* ---------------------------------------------------------------- */
#storeSign {margin: 0 auto; height: auto;}
#storeSign img {width: 100%; height: auto; display: block;}

/* ---------------------------------------------------------------- */
#goShopping.btn_basic {text-align: center;  margin:0 auto;}
#goShopping.btn_basic a {background: #014646;border-color: #014646; margin:0 auto;}
#goShopping.btn_basic a:hover {
background-color: transparent;
color: #ff7900;
border-color: #ff7900;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1
}



/*=========================================================================
マイページ：会員情報編集
=========================================================================*/
#memebershipEdit {border-top:1px solid #b4b4b4;}

/* ---------------------------------------------------------------- */
dl.edit_container {height: auto; border-bottom: 1px dashed #b4b4b4;}
dl.edit_container:first-of-type {border-top: 1px dashed #b4b4b4;}

dl.edit_container input[type="text"],
dl.edit_container input[type="email"],
dl.edit_container input[type="password"],
dl.edit_container input[type="checkbox"],
dl.edit_container input[type="radio"],
dl.edit_container select,
dl.edit_container textarea {background: #fff; border-color:#b4b4b4;margin-bottom: 0; }


/* ---------------------------------------------------------------- */
dl.edit_container dt, dl.edit_container dd,
dl.edit_container dt p, dl.edit_container dd p{line-height: 140%;}

dl.edit_container dt {font-weight: 900; color: #01b4be;}
dl.edit_container dd {font-weight: 400; color: #014646;}
.required{font-weight: 500; padding-left: .5em; color:#ff7900;}

/* ---------------------------------------------------------------- */
dl.edit_container dd.two_layout {display: -webkit-flex; display: flex; flex-wrap: wrap; }
dl.edit_container dd .select_cover.half {width: 55%;}
dl.edit_container dd .form_txt_three:first-child {margin-left: 0;}

/* ---------------------------------------------------------------- */
a.edit_link {position: relative; z-index: 1; padding-left: 1.5em; color: #01b4be; text-decoration: none;}
a.edit_link:hover {color: #ff7900;}
a.edit_link:before{
content: "";
position: absolute;
left: 0;
top: 30%;
width: 1em;
height: 1em;
background-image: url('../img/icon_question.png');
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


/* ---------------------------------------------------------------- */
dl.edit_container ul.customer_check_list {margin-bottom: 0; padding-bottom: 0;}
dl.edit_container ul.customer_check_list li {margin-bottom: 0px; padding-bottom: 0;}

/* ---------------------------------------------------------------- */
.caps {line-height: 160%;}

/* ---------------------------------------------------------------- */
#Submit {margin: 0 auto; height: auto;}
#Submit a:hover {
background-color: transparent;
color: #ff7900;
border-color: #ff7900;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1
}

#Submit button:hover {
background-color: transparent;
color: #ff7900;
border-color: #ff7900;
filter: alpha(opacity=100); -moz-opacity:1; opacity:1
}

/*=========================================================================
商品：一覧ページ
=========================================================================*/
#product_pagetitleBloc, img#mainVisual {width: 100%; height: auto;}
#product_pagetitleBloc {margin: 0 auto; position: relative; z-index: 1;}

img#mainVisual {
display: block;
background-repeat: no-repeat;
background-position: center;
background-size:cover;
object-fit: cover;
}

/* ---------------------------------------------------------------- */
#category_infoArea {height: auto;line-height: 160%; background: rgba(255,255,255,.89); overflow: hidden;}


/* ---------------------------------------------------------------- */
#categoryTitle {font-weight: 900; color: #01b4be; line-height: 140%;}

/* ---------------------------------------------------------------- */
a#titleCap, span#titleCap {
display: inline-block;
line-height: 100%;
font-weight: 600;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
padding: 6px;
}
a#titleCap {background: #01b4be;color: #fffaea;text-decoration: none;}
a#titleCap:hover {background: #ff7900;}

span#titleCap {border:2px solid #01b4be; color:#01b4be;text-decoration: none;}

/* ---------------------------------------------------------------- */
#guidanceBox {width: 100%; height: auto; margin: 0 auto;}

/* ---------------------------------------------------------------- */
#guidanceBox a {text-decoration: underline; color: #ff0150;}
#guidanceBox a:hover {color: #01b4be; text-decoration: none;}

/* ---------------------------------------------------------------- */
#guideHeadline {color: #ff7900; font-weight: 900; line-height: 160%;}

/* ---------------------------------------------------------------- */
ul#category_guideLink {list-style-type: none; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center;}
ul#category_guideLink li {height: auto; font-weight: 600;text-align: center;display: inline-block; }
ul#category_guideLink li a {
position: relative;
z-index: 1;

line-height: 100%;
color: #fffaea;
background: #ff7900;
text-decoration: none;
display: block;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

}


ul#category_guideLink li a:hover {background: #01b4be; color: #fffaea;}
ul#category_guideLink li a:before{
content: "";
position: absolute;
z-index: 1;
width: 1.6em;
height: 1em;
left: .5em;
top: 50%;
border-radius: 8px;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-wabkit-transform: translateY(-50%);
transform: translateY(-50%);
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
}
ul#category_guideLink li.link_design a:before {background-image: url('../img/icon_design.png');}
ul#category_guideLink li.link_sample a:before {background-image: url('../img/icon_sample.png');}

/* ---------------------------------------------------------------- */
ul#cat_itemList li {
height: auto;
background: #fff;
-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);
}
ul#cat_itemList {list-style-type: none; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; margin: 0 auto;}
ul#cat_itemList li {height: auto; background: #fff; position: relative; z-index: 1;}

/* ---------------------------------------------------------------- */
.catlist_thumb, .catlist_thumb a, .catlist_thumb img {width: 100%; height: auto; display: block;}
.catlist_thumb {padding: 0;margin: 0 auto; position: relative; z-index: 1; background: #dedede}
.catlist_thumb img {background-repeat: no-repeat; background-position: center top; background-size: cover; object-fit: cover;}

.catlist_thumb a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* ---------------------------------------------------------------- */
.catlist_namebox {height: auto;}
.catlist_name {line-height: 140%; font-weight: 600;}
.catlist_name a {color: #ff7900; text-decoration: none;}
.catlist_name a:hover {color: #ff0150;}

.catlist_catch {color: #01b4be; font-weight: 600; line-height: 140%;}

.catlist_namebox, .catlist_namebox p {line-height: 140%;}

/* ---------------------------------------------------------------- */
.catlist_mark {list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; }
.catlist_mark p {height:auto; font-weight: 600;}
.catlist_mark span,
.catlist_mark a {
text-decoration: none;
display: inline-block;
line-height: 100%;
background: #ff7900;
color: #fffaea;
border: 1px solid #ff7900;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;

}
.catlist_mark a:hover { background: #01b4be;}

/* ---------------------------------------------------------------- */
.catlist_thumb_chara {
position: absolute;
right: 1%;
top: 50%;
z-index: 2;
width: 30%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.catlist_thumb_chara img {width: 100%; height: auto; display: block;}


ul#guide_otherpageLink.for_productlist {padding-top: 0; border-top:0;}



/*=========================================================================
商品：詳細
=========================================================================*/
.detail_form .one_box {border-bottom: 2px dotted #014646;}
.detail_form .one_box:last-of-type {border-bottom: 0; margin-bottom: 0;}


/* ---------------------------------------------------------------- */
dl#product_topBloc {width: 100%; height: auto; margin: 0 auto;}
dl#product_topBloc dt, dl#product_topBloc dd {height: auto;position: relative; z-index: 1;}

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

/* ---------------------------------------------------------------- */
#productName {line-height: 140%; font-weight: 900; color: #ff7900;}

/* ---------------------------------------------------------------- */
#btn_wishList {position: relative; z-index: l; display: inline-block; line-height: 100%;}
#btn_wishList a {
display: block;
position:relative;
z-index: 1;
text-decoration: none;
color: #ff7900;
background: #f8efd1;
border:2px solid #f8efd1;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
#btn_wishList a:hover,
#btn_wishList.on a:hover{color: #ff7900; background: transparent; border-color:#ff7900;}

/* ---------------------------------------------------------------- */
#btn_wishList a:before {
content: "";
position: absolute;
left: .5em;
top: 50%;
width: 1em;
height: 1em;
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
background-image: url('../img/icon_wishlist.png');
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* ---------------------------------------------------------------- */
#btn_wishList.on a {color: #ff7900; background: #f8efd1; border-color: #f8efd1;}

/* ---------------------------------------------------------------- */
#btn_wishList.on a:before {background-image: url('../img/icon_wishlist_on.png');}

/* ---------------------------------------------------------------- */
#btn_wishList a .mk_on {display: none;}
#btn_wishList a .mk_off {display: block;}

#btn_wishList.on a.mk_on {display: block;}
#btn_wishList.on a.mk_off {display: none;}


/* ---------------------------------------------------------------- */
.detail_form .one_box .form_textarea {border-color:#707070;}


/* ---------------------------------------------------------------- */
#productCatch {font-weight: 500; line-height: 160%; color: #01b4be;}


/* ---------------------------------------------------------------- */
dl#product_topBloc dd {line-height: 160%;}


/* ---------------------------------------------------------------- */
table#product_statusTable {
width: 100%;
height: auto;
margin: 0 auto;
border-bottom: 1px solid #014646;
border-left: 1px solid #014646;
}

table#product_statusTable td {
border-right:1px solid #014646;
border-top:1px solid #014646;
line-height: 120%;
color: #014646;
letter-spacing: -.4em;
font-size: 0;
}

table#product_statusTable td p {display: inline-block;vertical-align: middle;letter-spacing: 0;}

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

/* ---------------------------------------------------------------- */
.value_on {color: #ff0150;}
.value_off {color: #01b4be;}

/* ---------------------------------------------------------------- */
ul#specList {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul#specList li {height: auto;}
ul#specList li img {width: 100%; height: auto; display: block;}

/* ---------------------------------------------------------------- */
ul#image_sampleList  {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul#image_sampleList li {
height: auto;
overflow: hidden;
border:3px solid #fff;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-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);

}
ul#image_sampleList li a, ul#image_sampleList li img {width: 100%; height: auto; display: block;}
ul#image_sampleList li a {position: relative;z-index: 1;}
ul#image_sampleList li a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
ul#image_sampleList li a:before {
content: "";
position: absolute;
z-index: 2;
right: 3%;
bottom: 3%;
width: 1.2em;
height: 1.2em;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-image: url('../img/icon_grass.png');
}


/* ---------------------------------------------------------------- */
ul#detail_checkList {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul#detail_checkList li {
position: relative;
z-index: 1;
height: auto;
border:1px solid #014647;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-weight: 500;
word-break: break-all;
}
ul#detail_checkList li:last-of-type {margin-right: 0;}

/* ---------------------------------------------------------------- */
ul#detail_checkList li label {vertical-align: 0;}

.input_content label:has(input[type="checkbox"]:checked),
.input_content label:has(input[type="radio"]:checked) {color: #ff0150 !important;}


/* ---------------------------------------------------------------- */
ul#detail_inputList li input.num {text-align: right;}


/* ---------------------------------------------------------------- */
.onepoint {
position: absolute;
display:block;
z-index: 9999;
top: 50%;
cursor: pointer;
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-ms-transition:.25s;
-moz-transition:.25s;
-webkit-transition:.25s;
transition:.25s;
}
.onepoint img {width: 100%; height: auto; display: block; object-fit: cover; object-position: center;}
.onepoint:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* ---------------------------------------------------------------- */
table#cart_indexTable.product,
table#cart_indexTable.product th,
table#cart_indexTable.product td{border-color:#014646;}

table#cart_indexTable.product th,
table#cart_indexTable.product td{
border-color:#014646;
text-align: center;
vertical-align: middle;
font-weight: 600;
width: calc(100% / 6);
}
table#cart_indexTable.product th,
table#cart_indexTable.product th p,
table#cart_indexTable.product th span {line-height: 140%;}


table#cart_indexTable.product th {text-align: center; background: #01b4be; color: #fff;}
table#cart_indexTable.product th.plan_a,
table#cart_indexTable.product th.plan_b,
table#cart_indexTable.product th.plan_c,
table#cart_indexTable.product th.plan_d,
table#cart_indexTable.product th.plan_e {vertical-align: bottom;}


table#cart_indexTable.product td.plan_a label,
table#cart_indexTable.product td.plan_b label,
table#cart_indexTable.product td.plan_c label,
table#cart_indexTable.product td.plan_d label,
table#cart_indexTable.product td.plan_e label {font-weight: 900;color: #014646; cursor: pointer;}

table#cart_indexTable.product td.plan_a label:has(input[type="radio"]:checked),
table#cart_indexTable.product td.plan_b label:has(input[type="radio"]:checked),
table#cart_indexTable.product td.plan_c label:has(input[type="radio"]:checked),
table#cart_indexTable.product td.plan_d label:has(input[type="radio"]:checked),
table#cart_indexTable.product td.plan_e label:has(input[type="radio"]:checked) {font-weight: 900;color: #ff0150;}

table#cart_indexTable.product input[type="radio"] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
}

/* ---------------------------------------------------------------- */
.order_mark {
background: #fff;
color: #ff0150;
display:inline-block;
vertical-align: baseline;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
/* ---------------------------------------------------------------- */
.guideline {color: #ebff00; line-height: 140%; font-weight: 900; display: block;}

/* ---------------------------------------------------------------- */
ul#detail_inputList {list-style-type: none; width: 100%; height: auto;}
ul#detail_inputList li {height: auto;}
ul#detail_inputList li span {display: inline-block; vertical-align: bottom; margin-left: .5em;}


/* ---------------------------------------------------------------- */
#mini_infoBox {background: #f8efd1;}
#mini_infoBox .pickup {position: relative; z-index: 1; line-height: 120%; padding-left: 1.6em;}
#mini_infoBox .pickup:before {
content: "";
position: absolute;
z-index: 1;
left: 0;
top:50%;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
background-image: url('../img/icon_pin.png');
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* ---------------------------------------------------------------- */
dl.input_twolayout,dl.input_twolayout dt, dl.input_twolayout dd {height: auto;}
dl.input_twolayout dt, dl.input_twolayout dd {display: -webkit-flex;display: flex; flex-wrap: wrap; align-items:flex-end;}

/* ---------------------------------------------------------------- */
.btn_setup, .btn_setup a, .btn_setup img {display: block; width: 100%; height: auto;}

.btn_setup {line-height: 120%;}
.btn_setup a {
width: auto;
position: relative;
z-index: 1;
text-decoration: none;
font-weight: 900;
color: #ff7900;
background: #f8efd1;
border:1px solid #ff7900;
-ms-border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
display: inline-block;
}
.btn_setup a:hover {background:#ff7900; border-color:#ff7900; color:#fffaea;}

/* ---------------------------------------------------------------- */
.btn_setup a:before {
content: "";
position: absolute;
z-index: 1;
left: 1.5em;
top:50%;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
background-image: url('../img/icon_upload.png');
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
.btn_setup a:hover:before {background-image: url('../img/icon_upload_on.png');}

/* ---------------------------------------------------------------- */
.data_complete {width: 100%; height: auto;}

button.btn_delete03,
button.btn_addition{
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
/* ---------------------------------------------------------------- */

.mark_comp, button.btn_delete03, button.btn_addition {
display: inline-block;
line-height: 120%;
position: relative;
z-index: 1;
font-weight: 900;
-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

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

.mark_comp {background: #B4B4B4; color: #fffaea;}
button.btn_delete03,button.btn_addition {border: 1px solid #f8efd1;}
button.btn_delete03 {background: #f8efd1; color: #ff0150; }
button.btn_addition {background: #f8efd1; color: #01B4BE;}

button.btn_addition span, button.btn_delete03 span {position: relative; z-index: 1; padding-left: 1.6em;}

/* ---------------------------------------------------------------- */
.mark_comp:before,
button.btn_addition span:before,
button.btn_delete03 span:before{
content: "";
position: absolute;
z-index: 1;
top:50%;
width: 1.2em;
height: 1.2em;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;

-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
.mark_comp:before {left: 1.5em;}
button.btn_addition span:before,
button.btn_delete03 span:before{ left: 0;}

.mark_comp:before {background-image: url('../img/icon_checkup.png');}
button.btn_delete03 span:before {background-image: url('../img/icon_close.png');}
button.btn_addition span:before {background-image: url('../img/icon_open.png');}

/* ---------------------------------------------------------------- */
button.btn_delete03:hover,
button.btn_addition:hover {background: transparent; }

button.btn_delete03:hover {border-color: #ff0150; }
button.btn_addition:hover {border-color:#01b4be;}

/* ---------------------------------------------------------------- */
#btnContainer {height: auto; width: 100%; }


/*=========================================================================
商品：詳細(選択中のアイテム)
=========================================================================*/
#choiceContainer {overflow: hidden; height: 100vh;}

.choice_inner { height: 100%; min-height: 100%; overflow-y: auto;}
.choice_inner::-webkit-scrollbar {background: #fffaea; width: 4px;}
.choice_inner::-webkit-scrollbar-thumb {background:#014646;}
.choice_inner::-webkit-scrollbar-thumb:hover {background:#81e0e5;}


#choice_productName {line-height: 140%; color: #014646;}

/* ---------------------------------------------------------------- */
dl.choice_table {border-top: 1px dashed #014646;}
dl.choice_table:first-of-type {padding-top: 0; }
dl.choice_table.no_border {border-top: 0;}

dl.choice_table dt, dl.choice_table dd {height: auto; line-height: 140%;}
dl.choice_table dt{color:#014646;}
dl.choice_table dd{color:#01b4be; font-weight: 500;}


dl.choice_table.two_layout dt, dl.choice_table.two_layout dd{display: -webkit-flex;display: flex; flex-wrap: wrap; align-items: stretch; }
dl.choice_table.two_layout dt {justify-content:space-between;}
dl.choice_table.two_layout dd {justify-content: flex-end;}
dl.choice_table.two_layout dt span{ display: block;}

/* ---------------------------------------------------------------- */
#in_cartTitle #accTrigger span:before {content: none;}

/* ---------------------------------------------------------------- */
#accTrigger,
#accTrigger span {
position: absolute;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#accTrigger {right: 1%;top: 70%;width: 40%;height: 2em;font-weight: 600;cursor: pointer;}
#accTrigger span {
-webkit-transition: .3s ease-in-out;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

#accTrigger span:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#accTrigger span:first-of-type:after {
content: "詳細を見る";
display: block;
background: #fffaea;
color: #014646;
line-height: 100%;
border-radius: 100vh;
}
#accTrigger.active span:first-of-type:after {content: none;}

#accTrigger span:nth-child(2),
#accTrigger.active span:nth-child(1){
background: #fffaea;
display: block;
width:20%;
height: 4px;
left: 40%;
border-radius: 6px;
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

#accTrigger span:nth-child(2) {filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
#accTrigger.active span:nth-child(2) {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

#accTrigger.active span:nth-child(2) {opacity: 1;}
#accTrigger.active span:nth-child(1) {-webkit-transform: rotate(315deg);transform: rotate(315deg);}
#accTrigger.active span:nth-child(2) {-webkit-transform: rotate(-315deg);transform: rotate(-315deg);}


/*=========================================================================
ログイン
=========================================================================*/
#loginContainer {
width: 90%;
max-width:800px;
margin: 0 auto;
height: auto;
background: #f8efd1;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
z-index: 1;
}

#loginContainer:before {
content: "";
position: absolute;
z-index: 2;
right: 2%;
top: -2.1em;
width: 3.5em;
height: 3em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url('../img/chara02.png');
}


/* ---------------------------------------------------------------- */
#loginContainer form {height: auto; margin: 0 auto; max-width: 750px;}

/* ---------------------------------------------------------------- */
#login_siteLogo {height: auto; margin: 0 auto;}
#login_siteLogo img {width: 100%; height: auto; display: block;}


/* ---------------------------------------------------------------- */
#loginContainer input[type="text"],
#loginContainer input[type="email"],
#loginContainer input[type="password"],
#loginContainer input[type="checkbox"],
#loginContainer input[type="radio"],
#loginContainer select,
#loginContainer textarea {background: #fff; border-color:#b4b4b4; }

/* ---------------------------------------------------------------- */
.form_group:last-of-type {margin-bottom: 0;}

/* ---------------------------------------------------------------- */
#autoLogin {line-height: 100%;}
#autoLogin .check_text {padding-left: .5em;}

/* ---------------------------------------------------------------- */
#login_btnArea {width: 100%; margin: 0 auto; height: auto;}

/* ---------------------------------------------------------------- */
#btnLogin button {
width: 100%;
background: #ff0150;
border:3px solid #d50344;
color: #ebff00;
display: block;
line-height: 100%;
font-weight: 900;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
#btnLogin button:hover {color: #f8efd1; background:#01b4be; border-color: #01b4be;}

/* ---------------------------------------------------------------- */
ul#loginMenu {list-style-type: none;}
ul#loginMenu li {height: auto; line-height: 140%;}
ul#loginMenu li a {color: #ff0150; text-decoration: underline;}
ul#loginMenu li a:hover {color: #01b4be; text-decoration: none;}


/*=========================================================================
納期確認
=========================================================================*/
#Calender.one_box {border: 2px solid #ff7900; height: auto; }


/* ---------------------------------------------------------------- */
.calender_inner {height: auto;}


/* ---------------------------------------------------------------- */
dl#calender_titleArea, dl#calender_titleArea dt, dl#calender_titleArea dd {height: auto;}
dl#calender_titleArea {width: 100%; height: auto; margin: 0 auto;}

/* ---------------------------------------------------------------- */
#calenderHeadline {height: auto; line-height: 140%; color: #ff7900; font-weight:600; }
#calenderHeadline span {position: relative; z-index: 1;}
#calenderHeadline span:before{
content: "";
position: absolute;
left: 0;
top: 50%;
background-image: url('../img/icon_calender.png');
background-position: center top;
background-repeat: no-repeat;
background-size: contain;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* ---------------------------------------------------------------- */
dl#calender_titleArea dd {font-weight: 600; line-height: 140%;}

/* ---------------------------------------------------------------- */
#markClosed {width: 1em; height:auto; display: inline-block;}
#markClosed img {width: 100%; height: auto; display: block;}

/* ---------------------------------------------------------------- */
ul#calenderList {list-style-type: none; width: 100%; margin: 0 auto;}
ul#calenderList li {height: auto;}

/* ---------------------------------------------------------------- */
.calender_month {line-height: 140%; font-weight: 600;}

/* ---------------------------------------------------------------- */
table.calender_table {width: 100%; border-collapse: separate;}
table.calender_table th, table.calender_table td {line-height: 100%; text-align: center; font-weight: 600;}
table.calender_table th {background: #014646; color: #fffaea;}
table.calender_table th:first-of-type {background: #ff0150;}
table.calender_table th:last-of-type {background: #01b4be;}
table.calender_table td {color: #014646; background: #f8efd1;}
table.calender_table td.other_month {background: #b4b4b4 !important;color: #fffaea !important;}
table.calender_table td.holiday{background: #ff7900;}
table.calender_table td.working{color: #014646 !important;background: #f8efd1 !important;}

table.calender_table td:first-of-type,
table.calender_table td:last-of-type {background: #ff7900;color: #fffaea;}

/* ---------------------------------------------------------------- */
ul#detail_checkList.confirm li span {position: relative; z-index: 1; padding-left: 5em;}
ul#detail_checkList.confirm li span:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 4.5em;
height: 4em;
background-image: url('../img/mirror_coat.png');
background-position: center top;
background-repeat: no-repeat;
background-size: contain;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);

}

/* ---------------------------------------------------------------- */
#tableBox.confirm {margin-bottom: 0;}


/* ---------------------------------------------------------------- */
table#cart_indexTable.confirm,
table#cart_indexTable.confirm th,
table#cart_indexTable.confirm td{border-color:#014646;}

table#cart_indexTable.confirm {border-top: none;}

table#cart_indexTable.confirm th,
table#cart_indexTable.confirm td {
border-bottom: none;
border-top: 1px solid #014646;
text-align: center;
}

table#cart_indexTable.confirm th,
table#cart_indexTable.confirm td,
table#cart_indexTable.confirm p {text-align: center; line-height: 140%;}

/* ---------------------------------------------------------------- */
table#cart_indexTable.confirm th {background: #014646; color: #fff; position: relative; z-index: 1;}
table#cart_indexTable.confirm th, table#cart_indexTable.confirm th p {font-weight: 600;}

/* ---------------------------------------------------------------- */
table#cart_indexTable.confirm th.line span{
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: #fff;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


/* ---------------------------------------------------------------- */
table#cart_indexTable.confirm td {font-weight: 500;}
table#cart_indexTable.confirm td p {font-weight: 600;}
table#cart_indexTable.confirm td p.delivery_date {color: #ff0150;}
table#cart_indexTable.confirm td.table_headline {background: #01b4be;}
table#cart_indexTable.confirm td.table_headline p {color: #fffaea;}

/* ---------------------------------------------------------------- */
.table_info {border: 1px solid #014646; line-height: 140%; text-align: center; background: #f8efd1;}
.table_info span {position: relative; z-index: 1; line-height: 140%; color: #014646; font-weight: 600; padding-left: 1.5em;}
.table_info span:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 1.2em;
height: 1.2em;
background-image: url('../img/icon_mail_green.png');
background-position: center ;
background-repeat: no-repeat;
background-size: contain;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* ---------------------------------------------------------------- */
#btnSubmit {width: 100%; margin: 0 auto; height: auto;}


.btn_submit{
display: block;
margin: 0 auto;
text-align: center;
background: #ff7900;
border:2px solid #ff7900;
color: #fffaea;
font-weight: 600 !important;
line-height: 100%;
cursor: pointer;

-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
-ms-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
box-shadow: 0px 3px 6px rgba(0,0,0,.16);

-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.btn_submit:hover {background: transparent; color: #ff7900;}


/* ---------------------------------------------------------------- */
.one_group:last-of-type {margin-bottom:0;}

/* ---------------------------------------------------------------- */
.one_group, .one_group p {font-weight: 400; line-height: 160%;}



/*=========================================================================
サンプル購入
=========================================================================*/
ul#sample_itemList {
list-style-type: none;
width: 100%;
height: auto;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: stretch; 
}
ul#sample_itemList li {
position: relative; z-index: 1;
background: #fff;
height: auto;
color: #014646;
-ms-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
box-shadow: 0px 3px 6px rgba(0,0,0,.16);
}

/* ---------------------------------------------------------------- */
.sample_thumb, .sample_thumb a, .sample_thumb img {width: 100%; height: auto; display: block;}
.sample_thumb a {position: relative; z-index: 1;}
.sample_thumb a:before {
content: "";
position: absolute;
z-index: 1;
right: .5em;
bottom:.5em;
width: 1.5em;
height: 1.5em;
background-image: url('../img/icon_large.png');
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}
.sample_thumb a:hover{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}


/* ---------------------------------------------------------------- */
.sample_infobox {overflow: hidden;}
.sample_itemname {line-height: 140%; color: #ff7900; font-weight: 900;}
.sample_price {color: #ff0150; font-weight: 600; line-height: 120%;}

.sample_info {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}


/* ---------------------------------------------------------------- */
.btn_cart {position: absolute; left: 50%; bottom: 20px; height: auto; transform: translateX(-50%);}

.btn_cart a{
display: block;
margin: 0 auto;
text-align: center;
background: #ff7900;
border:2px solid #ff7900;
color: #fffaea;
font-weight: 600 !important;
line-height: 100%;
cursor: pointer;
text-decoration: none;
color: #fff;

-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
-ms-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
box-shadow: 0px 3px 6px rgba(0,0,0,.16);

-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.btn_cart a:hover {background: transparent; color: #ff7900;}


/*=========================================================================
お問い合わせ
=========================================================================*/
#contactBloc.one_box {border-top: 2px dotted #014646;}

/* ---------------------------------------------------------------- */
dl#form_inputArea, dl#form_inputArea dt, dl#form_inputArea dd {height: auto;}
dl#form_inputArea {margin: 0 auto;}
dl#form_inputArea dt {color: #014646; font-weight: 900;}


/* ---------------------------------------------------------------- */
dl#form_inputArea input,
dl#form_inputArea select,
dl#form_inputArea textarea {background: #fff;}
dl#form_inputArea textarea {
border-color: #014646;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}


/* ---------------------------------------------------------------- */
dl#form_inputArea dd.two_input,label.type_half {display: -webkit-flex;display: flex; flex-wrap: wrap;}

label.type_half:nth-of-type(even) {margin-right: 0;}

label.type_half span {display: inline-block;}

/* ---------------------------------------------------------------- */
ul#form_btnList {list-style-type: none;width: 100%; margin: 0 auto; }
ul#form_btnList li {height: auto;}

/* ---------------------------------------------------------------- */
#btnAgree, #btnDisagree a {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
text-align: center;
border:2px solid #fff;
color: #fffaea;
font-weight: 600 !important;
line-height: 100%;
cursor: pointer;

-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
-ms-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.16);
box-shadow: 0px 3px 6px rgba(0,0,0,.16);

-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#btnAgree {background: #ff7900;}
#btnDisagree a {text-decoration: none; background: #b4b4b4;}

#btnAgree:hover,
#btnDisagree a:hover {background: transparent;}

#btnAgree:hover {color: #ff7900; border-color: #ff7900;}
#btnDisagree a:hover  {color: #b4b4b4; border-color: #b4b4b4;}