@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}

table,img,p {
    border: 0;
}

img {
max-width:100%;
}



table{
width:100% !important;
border-collapse:collapse;
}



body {	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;

}

li {
    list-style-type: none;
}


#wrapper{
margin: 0px auto 0px auto;
text-align:left;
width: 100%;
position:relative;

}
.price {font-weight: bold; }

/* ヘッダーロゴ
------------------------------------------------ */
div#header {
width: 100%;
margin: 0px auto;
padding:8px 0;
background:#fff;
}
@media screen and (max-width:1000px){
	div#header {
		width: 100%;
		margin: 0px auto;
		padding:8px 0;
		background:#fff;
	}
}



div#head{
overflow: hidden;
position:relative;
width:auto;
/*max-width: 1280px;*/
margin: 0px 20px;
}

@media screen and (max-width:1320px){
	div#head{
		overflow: hidden;
		position:relative;
		width:auto;
		height:48px;
		max-width: inherit;
		margin: 0px 20px;
	}

}



/* フレーム
----------------------------------------------- */
div#container {
    width:100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    /*background-color: #fff;*/
    text-align: left;
}
#container:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#home_column{
width:100%;
}



.head-l{
float:left;
/*width:74%;
text-align:center;*/
}

#head-logo,
.footer-logo{
/*margin-left:36%;*/
width:184px;
}


@media screen and (max-width:1000px){
	.head-l{
	margin-top: 2px;
	}
	#head-logo,
	.footer-logo{
		width:156px;
	}
}
@media screen and (max-width:767px){
	#head-logo,
	.footer-logo{
		width:128px;
	}
}
@media screen and (max-width:374px){
	#head-logo,
	.footer-logo{
		width:98px;
	}
}

.head-l img{
display: block;
margin: 7px 0 0;
width:100%;
height:auto;
}
@media screen and (max-width:767px){
	.head-l img{
		margin: 12px 0 0;
	}
}

.footer-logo img{
display: block;
width:100%;
height:auto;
}

.top-shopinfo{
	background:#e5e5e5;
	padding:104px 0 104px;
}

#top_shop_info_wrapper{
	max-width:1280px;
	margin:0 auto 0 auto;
}

@media screen and (max-width:1320px){
	#top_shop_info_wrapper{
		width:auto;
		max-width: inherit;
		margin:0 20px;
	}
}



.footer-logo-wrap,
.footer-contact-wrap,
.footer-links-wrap {
width: calc(100% / 3);
float: left;
}

.footer-logo-wrap {
padding: 6px 0 0 0;
max-width:312px;
}

.footer-contact-wrap,
.footer-links-wrap {
max-width:416px;
}

.footer-links-wrap {
min-width:270px;
}

@media screen and (max-width:1000px){
	.footer-logo-wrap {
		width: 25vw;
		float: left;
	}
.footer-contact-wrap {
margin-right: 20px
}
}

.in-shopinfo p,.top-shopinfo .footer-contact-title {
padding-bottom: 0;
font-weight: 400;
letter-spacing:0;
}

.footer-contact-tel {
font-size: 32px;
font-weight: 400;
line-height: 1.5;
padding-bottom: 0;
padding-bottom: 0 !important;
letter-spacing:0;
}
@media screen and (max-width:1000px){
	.footer-contact-tel {
		font-size: 28px;
	}
}

.footer-contact-tel .freedial{
display:inline-block;
margin-right: 12px;
width:38px;
height:auto;
}

.footer-contact-tel .freedial img{
display:block;
width:100%;
height:auto;
}

.footer-contact-time {
lien-height: 2;
padding-bottom: 0 !important;
letter-spacing:0;
}

.footer-contact-link {
display: block;
margin: 32px 0 0 0;
width: 288px;
height:48px;
text-align: center;
line-height: 46px;
border: 1px solid #000;
box-sizing:border-box;
}
@media screen and (max-width:1320px){
	.footer-contact-link {
		margin: 24px 0 0 0;
	}
}
@media screen and (max-width:1000px){
	.footer-contact-link {
		width: 240px;
	}
}
@media screen and (max-width:767px){
	.footer-contact-link {
		margin: 12px 0 0 0;
	}
}

.footer-contact-link .footer-contact-link-text {
font-weight: 400;
letter-spacing:0;
}

.footer-contact-link:hover {
background: #000;
}

.effWrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.footer-contact-link:hover .footer-contact-link-text {
position: relative;
color: #fff;
}

.footer-links li {
	margin: 0 0 8px 0;
}

.footer-links li a {
	font-weight: 300;
	letter-spacing:0;
}


.in-shopinfo p,
.top-shopinfo p {
    padding-bottom: 10px;
}

.footer-copy {
	margin: 16px 0 0 0;
	font-size: 14px;
	letter-spacing:0;
}

@media screen and (max-width:1000px){
	.footer-copy {
		margin: 12px 0 0 0;
		font-size: 14px;
	}
}



.top-shopinfo-box{
width:100%;
}

.footer_links_wrapper{
position: fixed !important;
width: 100%;
bottom: 0;
z-index: 1;
width:100%;
margin:0 auto;
}
@media screen and (max-width:768px){
	.footer_links_wrapper{
	width:100%;
	margin:64px auto 0;
	}
}

.footer_links_wrapper a{
text-decoration:none !important;
}

.footer_links_wrapper a:hover{
color:#999 !important;
text-decoration:none !important;
}






/* ヘッダー
----------------------------------------------- */

#header_container{
	width:100%;
	position:fixed;
	z-index:999;
}



/* スマホ
----------------------------------------------- */
@media screen and (max-width:767px){

.text_decoration{
text-decoration:none;
}

.special_disc_free{
display:none;
}

.special_disc_button{
width:80%;
margin:10px auto 0 auto;
background:#f09a35;
color:#fff !important;
text-decoration:none !important;
text-align:center;
border:1px solid #f78500;
font-size:95%;
}

.special_disc_button a{
display:block;
width:100%;
box-sizing:border-box;
padding:8px 8px 5px 8px;
color:#fff !important;
text-decoration:none !important;
font-weight:normal !important;
}

.special_disc_text{
color:#f09a35;
text-align:center;
margin-bottom:20px;
font-size:18px;
text-decoration:underline;
line-height:150%;
}

.terms_table_wt20{
width:100% !important;
display:block;
}

.tel_left{
width:100%;
margin:0 0 5px 0;
}

.tel_right{
width:55%;
margin:0 auto 0 auto;
}

.privacy_block a{
color:#333;
}


.company_wrapper a{
color:#333 !important;
}

.sp_image_none{
display:none;
}

#privacy {
  margin-top: -130px;
  padding-top: 130px;
}

#contact {
  margin-top: -130px;
  padding-top: 130px;
}


#cart_quantity{
background:#81b8da;
border-radius:10px;
height:20px;
width:20px;
color:#fff;
text-align:center;
line-height:4px;
padding:10px 3px;
box-sizing:border-box;
position:absolute;
right:1%;
}

.ml_34{
margin-left:0;
}

#sp_footer_sitemap_wrapper{
background:#edf5f6;
padding:8px;
box-sizing:border-box;
text-align:center;
}

#sp_footer_sitemap_wrapper a{
color:#231f20 !important;
}

.company_topleft p{
margin:0 0 20px 0;
}

/* 商品詳細
----------------------------------------------- */

/*#products_fv{
position:relative;
margin:0 auto 40px auto;
padding-top:120px;
}*/

#products_fv img{
vertical-align:bottom;
}

/*
.fv_caption{
font-size:1.0rem;
position:absolute;
right:1%;
text-align:right;
top:50%;
line-height:150%;
color:#fff;
font-weight:500;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}

.fv_caption02{
font-size:1.0rem;
position:absolute;
right:1%;
text-align:right;
top:50%;
line-height:150%;
color:#000;
font-weight:500;
}

.fv_caption{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#e29673;
padding:5px 0 2px 0;
}
*/

.fv_caption02{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#dcd6c0;
padding:5px 0 2px 0;
color:#000 !important;
}

.fv_caption03{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#7b634d;
padding:5px 0 2px 0;
}

.fv_caption04{
font-size:0.7rem;
position:absolute;
left:1%;
text-align:left;
bottom:10px;
line-height:150%;
font-weight:500;
color:#000;
}

.fv_caption05{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#7da05b;
padding:5px 0 2px 0;
}

.fv_caption06{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#2f1f1d;
padding:5px 0 2px 0;
}

.fv_caption07{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#e2923f;
padding:5px 0 2px 0;
}

.fv_caption08{
font-size:0.6rem;
text-align:center;
color:#fff !important;
background:#78a4c1;
padding:5px 0 2px 0;

}

.fv_caption09{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#f9953a;
padding:5px 0 2px 0;
}

.fv_caption10{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#77ceec;
padding:5px 0 2px 0;
}

.fv_caption11{
font-size:0.6rem;
text-align:center;
color:#fff !important;
background:#2e2e36;
padding:5px 0 2px 0;
}

.fv_caption12{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#dba0c8;
padding:5px 0 2px 0;
}

.fv_caption13{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#90b76e;
padding:5px 0 2px 0;
}

.fv_caption14{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#3992c1;
padding:5px 0 2px 0;
}

.fv_caption15{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#8ea560;
padding:5px 0 2px 0;
}

.fv_caption16{
font-size:0.7rem;
text-align:center;
color:#fff !important;
background:#706db4;
padding:5px 0 2px 0;
}

select{
　width: 100%;
　height: 50px;
　line-height: 30px;
　padding: 0px;
　margin: 0 0 10px 0;
　text-indent: 1em;
　background-color: transparent;
　border: none;
　-webkit-appearance: none;
　-moz-appearance: none;
　-ms-appearance: none;
　appearance: none;
}

.navi_sub_text{
color:#8bbbde;
font-size:12px;
margin-left:10px;
}

#sp_tel_wrapper{
background:#f3f8fc;
padding:10px 10px 5px 10px;
box-sizing:border-box;
margin-bottom:30px;
text-align:center;
}

.pt1{
padding-top:1px;
}

.mt10{
margin-top:10px;
}

.btn_area img{
vertical-align:middle;
}
.pay_area{
margin-bottom:30px;
}

.yuyu_text_min{
font-size:14px;
}

.td_20{
width:5% !important;
}

.td_80{
width:80% !important;
}

.alignC{
text-align:left !important;
width:5% !important;
display: block !important;
float:left !important;
margin-right:5px;
}

.tblareabtn{
margin-bottom:30px !important;
}

.tblareabtn img{
}

#undercolumn_entry{
width:95%;
margin:0 auto 0 auto;
}

.privacy_subtitle {
    color: #72b8be;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 15px 0;
}

.privacy_head_text {
    color: #72b8be;
    font-weight: bold;
}

.news_contents_wrapper {
    width: 100%;
    margin: 0 auto 30px auto;
}

.news_left {
    width: 95%;
    margin: 0 auto 30px auto;
    color: #a186be;
    text-align: center;
}

.news_right {
    width: 95%;
    margin: 0 auto 30px auto;
    color: #a186be;
    text-align: center;
}

.news_magazine_image img{
width:70%;
}


.guide_title {
    color: #9ed193;
    border-bottom: 2px solid #edf6e8;
    text-align: center;
    padding-bottom: 20px;
    margin: 5% auto 2% auto !important;
font-size:1.4rem !important;
}

.guide_wrapper {
    margin: 0 auto 30px auto;
    text-align:left;
width:95%;
}

.guide_subtitle {
    color: #9ed193;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.guide_wrapper p {
    margin: 0 auto 20px auto;
}

.company_name {
    color: #81b8da;
    font-size: 1.2rem;
    margin: 10px 0 5px 0;
    font-weight: bold;
}

#privacy_wrapper {
    padding: 15px;
    box-sizing: border-box;
    background: #e0eced;
}

.privacy_contents {
    border-left: 4px solid #72b8be;
    margin: 0 auto 40px auto;
    padding-left: 20px;
}

.privacy_block {
    margin-bottom: 30px !important;
}

.mb_60 {
    margin-bottom: 30px !important;
}

#header_navi_wrapper{
display:none;
}

/*.concept_wrapper{
margin:0 auto 20px auto;
width:95%;
}*/

.concept_title{
color:#81b8da;
font-weight:bold;
margin:15px auto 25px auto;
font-size:1.4rem;
text-align:center;
}

.concept_wrapper p{
margin-bottom:25px;
}

.concept_wrapper table{
border:none;
}

.concept_wrapper td{
border:none;
display:block;
width:100%;
}

.concept_left{
width:100%;
text-align:center;
}

.concept_center{
width:100%;
text-align:center;
}

.concept_text_wrapper{
text-align:left !important;
}

.concept_center img{
width:17%;
}

.concept_left img{
width:50% !important;
}

.concept_td_bottom{
vertical-align:bottom;
}

#toggle_wrapper{
margin:0 0 30px 2%;
position:absolute;
top:30px;
}

#pc_tel_wrapper{
display:none;
}

#header_container{
width:100%;
position:fixed;
z-index:999;

}


/*.button-toggle {
    position: absolute;
    width: 52px;
    height: 50px;
    margin:3% 10px 0 0;
    color: #9f9fa0;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    font-size:1.8rem;
    border: 1px solid #fff;
z-index:999999;
padding-top:5px;
position:fixed;
line-height:0;
}*/

.button-mb10{
margin-bottom:3px;
}

/*.button-toggle-text{
font-size:9px !important;
letter-spacing:-1px;
line-height:1.2;
}*/

.active {
    color: #fff;
    background: #000;
}
.ttl {
    font-size: 90%;
    float: left;
    height: 5px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    z-index: 999;
}
.ttl a {
    color: #fff;
    text-decoration: none;
}

.menu {
    top: 48px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    z-index:999999;
    position:fixed;
}

.menu ul {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.menu ul li {
    position: relative;
}

.menu ul li a.category-link {
    display: block;
    color: #221814 !important;
    text-decoration: none;
    padding: 6px 20px;
    border-top: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    width:auto;
    background:rgba(250,250,250,1);
}

.menu ul li a.category-link:hover {
    background: #fff;
}

/*.menu ul li a:hover{
    color: #221814 !important;
    text-decoration: none !important;
}*/

.menu ul li .sub_menu-toggle{
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 0;
    width: 52px;
    height: 52px;
    cursor: pointer;
}
.menu ul li .sub_menu-toggle::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.menu ul li .sub_menu-toggle.sub_menu_active::before{
	position: absolute;
	top: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menu ul li .sub_menu-toggle a{
    display: block;
    width: 100%;
    height: 100%;
    z-index: 9999;
}


.menu ul li ul {
	display: none;
	background: #fff;
	background:rgba(250,250,250,1);
}

.menu ul li ul li a {
    display: block;
    color: #221814 !important;
    text-decoration: none;
    padding: 6px 40px;
    height: 40px;
    line-height: 40px;
    width:auto;
    background:rgba(250,250,250,1);
    border-top: 1px solid #ccc;
}

.menu ul li ul li a:hover {
    background: #fff;
}

.menu ul li.search-li {
    margin-bottom: 48px;
    border-top: 1px solid #ccc;
    background:rgba(250,250,250,1);
}

.menu ul li.search-li form {
    position: relative;
    padding: 6px 20px;
}

.menu ul li.search-li form span {
    position: absolute;
    top: 2px;
    right: 0;
}

.menu ul li.search-li form .sub_menu_searchtext {
    background: none;
}


.contact_button{
background:#f09b35;
color:#fff;
font-size:1.2rem;
text-align:center;
border:none;
padding:12px;
width:75%;
font-weight:bold;
cursor: pointer;
}

.contact_button:hover{
background:#ff8b00;
}

#contact_wrapper{
background:#fce7cf;
padding:8px;
box-sizing:border-box;
margin:0 auto 30px auto;
}

#contact_wrapper th{
display:block;
width:100%;
padding:10px 10px 5px 10px;
box-sizing:border-box;
background:#fad3a7;
}

#contact_wrapper table{
padding:0 !important;
box-sizing:border-box;
background:#fff;
border-spacing:0;
margin-top:20px;
border-top:2px solid #f09b36;
border-left:2px solid #f09b36;
border-right:2px solid #f09b36;
border-collapse: collapse;
}

#contact_wrapper td{
display:block;
width:100%;
padding:10px;
box-sizing:border-box;
border-bottom:2px solid #f09b36;
}

/*input[type='text'], input[type='password']{
padding:8px !important;
box-sizing:border-box;
}*/

.contact_mail, .contact_text {
width:100% !important;
}

.contact_name{
width:45% important;
}

.attention{
margin-bottom:10px !important;
}

div#header {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    margin: 0px auto;
padding:0 0 0 0;
background:#fff;
position: fixed;
}

div#leftcolumn {
    width:100%;
float:none !important;
}



#head-logo img{
max-width:90%;
}

/*.head-l{
margin:0 0 15px 41%;
width:15%;
text-align:center;
float:left;
}*/

.menu_jan{
font-weight:normal;
}

.head-r-search {
	display: none;
}

/*.head-r{
margin:2px auto 15px auto;
width:38%;
float:right;
color:#9f9fa0;
letter-spacing:-2px;
line-height:100% !important;
}

.head-r-pt5{
padding-left:5px;
}

.head-r-pt3{
padding-top:3px;
}

.head-r img{
width:50%;
}

.head-r-minus{
line-height:90%;
}

.head-r-log{
width:47% !important;
}

.head-r-td{
width:47%;
}

.head-r-td02{
width:53%;
}

.head-r-right{
text-align:right;
}

.head-r-cart-align{
text-align:right;
}

.head-r-cart-align img{
padding-top:1px;
}

.head-r table{
border:none;
}

.head-r td{
border:none;
text-align:center;
color:#9f9fa0;
vertical-align:top;
}*/

.information_wrapper table{
border:none;
}

.information_tel{
color:#81b8da;
font-size:1.6rem;
font-weight:bold;
}

.information_fax{
color:#81b8da;
font-size:1.1rem;
font-weight:bold;
}

.information_tel img{
margin-right:8px;
}

.information_wrapper table{
border:none;
}
.information_wrapper td{
padding:12px 12px 0 10px;
display:block;
width:100%;
box-sizing:border-box;
}

#news_wrapper{
background:#e0eced;
width:100%;
padding:30px 10px 30px 10px;
box-sizing:border-box;
}

.news_contents table{
border:none;
margin:0;
}

.news_contents th{
width:100%;
color:#81b8da;
display:block;
}

.news_contents td{
display:block;
width:100%;
word-break: break-word;
}

.news_contents{
color:#666 !important;
display:block;
width:100% !important;
}

.h2_margin{
margin:0 !important;
}

.news_title{
font-weight:bold;
}

.news_contents a{
color:#81b8da;
}

.top-shopinfo{
padding:64px 0;
}
@media screen and (max-width:767px){
.top-shopinfo{
padding:60px 0 0;
}
}

.footer-logo-wrap,
.footer-contact-wrap,
.footer-links-wrap {
	width: auto;
	float: none;
}
.footer-contact-wrap,
.footer-links-wrap {
	margin-top: 36px;
}

.footer-copy {
	margin: 36px 0 0 0;
	font-size: 12px;

}

.top-shopinfo p.footer-copy{
	padding-bottom:60px;
}

.footer-links li {
	margin:0;
}


.button_back a{
display:block;
width:100%;
background:#7e7d7d;
color:#fff;
box-sizing:border-box;
padding:10px;
}

.button_back a:hover{
display:block;
width:100%;
background:#bdbcbc;
}

.button_next{
width:150px;
background:#de3b3c;
border:1px solid #ccc;
box-sizing:border-box;
padding:10px;
}

.button_back a{
display:block;
width:100%;
background:#de3b3c;
color:#fff;
box-sizing:border-box;
padding:10px;
}

.button_back a:hover{
display:block;
width:100%;
background:#f54849;
}

/* こうじ酵素
----------------------------------------------- */

.kouji_wrapper{
width:100%;
margin:0 auto 30px auto;
border-bottom:3px solid #e6a4a4;
padding:0 2% 0 2%;
box-sizing:border-box;
}

.kouji_wrapper_bottom{
width:100%;
margin:0 auto 0 auto;
padding:0 2% 0 2%;
box-sizing:border-box;
}

.pb_30{
padding-bottom:30px !important;
}


.kouji_left{
width:100%;
}

.kouji_right{
width:100%;
text-align:right;
}

.mini_image{
width:75%;
}

/* 商品ページピンク
----------------------------------------------- */

.kouji_title{
color:#f59393;
font-size:1.2rem;
margin-bottom:5px;
line-height:130%;
}

.kouji_title_ko{
color:#f0c165;
font-size:1.2rem;
margin-bottom:5px;
line-height:130%;
}


.kouji_text{
color:#f59393;
}

.kouji_left table{
border:none;
margin-bottom:25px !important;
}

.kouji_right table{
border:none;
margin-bottom:25px !important;
}


.kouji_left th{
width:15%;
padding:0;
vertical-align:top;
}

.kouji_right th {
    width: 15%;
    padding: 0;
vertical-align:top;
}

.kouji_left td{
width:70%;
padding:0 0 0 15px;
vertical-align:middle !important;
}

.kouji_right td{
width:70%;
padding:0 0 0 5px;
vertical-align:middle !important;
text-align:left;
}

#kouji_detail_wrapper{
background:#f8e9e7;
padding:15px 15px 0 15px;
box-sizing:border-box;
margin:0 auto 40px auto;
}

#kouji_detail_wrapper_ko{
background:#fff5e3;
padding:15px 15px 0 15px;
box-sizing:border-box;
margin:0 auto 40px auto;
}

.kouji_pink{
margin:0 auto 1.5% 10px;
width:100%;
}

.kouji_pink_r{
margin:0 auto 1.5% 10px;
width:100%;
}

.kouji_pink span, .kouji_pink_r span{
color:#e6a4a4;
}

#kouji_detail_wrapper ul{
margin:0 auto 20px auto;
padding:0;
}


.kouji_pink ul, .kouji_pink_r ul{
margin:0 auto 30px auto;
padding:0;
}

.kouji_pink li, .kouji_pink_r li {
     list-style-type: square;
     color: #e6a4a4 !important;
margin:0;
padding:0;
list-style-position:outside;
}



.kouji_pink span, .kouji_pink_r span {
     color: #333 !important;
}

.kouji_detail_zoom{
position:relative;
width:95%;
bottom:-30px;
text-align:center;
margin-top:-25px;
}

.kouji_detail_zoom img{
width:50%;
}

/* 商品ページ緑
----------------------------------------------- */

.kijyu_wrapper{
width:100%;
margin:0 auto 30px auto;
border-bottom:3px solid #a7d28c;
padding:0 2% 0 2%;
box-sizing:border-box;
}

.kijyu_title{
color:#5eb12b;
font-size:1.2rem;
margin-bottom:5px;
line-height:130%;
}

.kijyu_text{
color:#5eb12b;
}

#kijyu_detail_wrapper{
background:#edf6e8;
padding:15px 15px 0 15px;
box-sizing:border-box;
margin:0 auto 30px auto;
}

.text_green02{
color:#9ed193;
}

.kijyu_green{
width:100%;
margin:0 auto 0 10px;
}

.kijyu_green_r{
width:100%;
margin:0 auto 0 10px;
}

.kijyu_green span, .kijyu_green_r span {
color:#a7d28c;
}

#kijyu_green_wrapper ul{
margin:0 auto 20px auto;
padding:0;
}


.kijyu_green ul, .kijyu_green_r ul{
margin:0 auto 30px auto;
padding:0;
}

.kijyu_green li, .kijyu_green_r li {
     list-style-type: square;
     color: #a7d28c !important;
margin:0;
padding:0;
list-style-position:outside;
}

.kijyu_green span, .kijyu_green_r span {
     color: #333 !important;
}


.photo{
max-height:310px;
overflow-y:hidden;
padding-top:15px;
}

.photo_l{
padding-top:15px;
}

#detailphotobloc{
width:100%;
margin:0 auto 15px auto;
text-align:center;
}

.sub_area{
width:100%;
margin:0 auto 1% auto;
}


/* トップページスライダー
----------------------------------------------- */

.slider_fv{
position:relative;
padding-top:75px;
}

.top_slider_fv{
position:relative;
padding-top:150px;
}

.slider_fv_caption{
position:absolute;
top:55%;
left:0;
width:85%;
margin:auto;
right:0;
text-align:center;
}

.slider_fv_caption02{
position:absolute;
top:35%;
right:0;
width:60%;
margin:auto;
right:0;
text-align:right;
}

.slider_fv_caption03{
position:absolute;
top:50%;
left:0;
width:100%;
margin:auto;
right:0;
text-align:center;
}

.slider_fv_caption_ke{
position:absolute;
top:55%;
left:0;
width:100%;
margin:auto;
right:0;
text-align:center;
padding-top:5px;
}


#top_shop_info_wrapper td{
display:block;
width:100%;
padding:10px;
box-sizing:border-box;
}

.serach_title{
background:#81b8da;
padding:4px;
box-sizing:border-box;
color:#fff;
text-align:center;
font-size:80%;
}

.cart_regular_wrapper{
width:10%;
border-left:4px solid #81b8da;
border-right:4px solid #81b8da;
padding:0 10px 0 10px;
color:#81b8da;
text-align:center;
font-weight:bold;
font-size:1.6rem;
margin:0 auto 30px auto;
height:50px;
display:table-cell;
vertical-align:middle;
}

.cart_regular_text{
color:#808285;
text-align:center;
margin:0 auto 15px auto;
}

.cart_yuyu_wrapper{
width:40%;
border-left:4px solid #f09b35;
border-right:4px solid #f09b35;
padding:0 10px 0 10px;
color:#f09b35;
text-align:center;
font-weight:bold;
font-size:1.6rem;
margin:0 auto 30px auto;
height:50px;
line-height:130%;
    display: table-cell;
}

.cart_yuyu_detail{
margin:15px auto 0 auto;
text-align:center;
}

.cart_yuyu_text{
color:#808285;
text-align:center;
margin:0 auto 15px auto;
}

#add_01_table_cart {
width:90% !important;
margin:15px auto !important;
}

#add_01_table_cart td{
text-align:left;
}



#add_01_table_cart_2{
width:90% !important;
margin:15px auto 20px auto!important;
}

#add_01_table_cart_2 td{
text-align:left;
}

.add_01_table_cart_2_td_min{
text-align:right;
padding-right:10px;
}


.information_wrapper{
margin:10px auto 0px auto;
}

.information_tel{
color:#81b8da;
font-size:150%;
font-weight:bold;
}

.information_wrapper table{
border:none;
width:95% !important;
margin:0 auto 0 auto;
}
.information_wrapper td{
padding:5px 0px 5px 0px;
vertical-align:top;
text-align:center;
}

.information_tel{
color:#81b8da;
font-size:1.3rem;
font-weight:bold;
}

.information_tel a{
color:#81b8da !important;
}

.information_tel a:visited{
color:#81b8da !important;
}


.information_tel img{
margin-right:8px;
vertical-align:middle;
width:8%;
}

.information_fax img{
margin-right:8px;
vertical-align:middle;
width:8%;
}

.text_min{
color:#000;
font-weight:normal;
font-size:80% !important;
letter-spacing:-1px;
}

.u_product_comment h3 {
    color: #e8aba8;
}

/*.u_product_comment a{
color: #e8aba8 !important;
}

.list_price {
    color: #8bbbde !important;
    font-weight: bold !important;
    font-size: 16px;
}*/

.formlist{
margin-bottom:5px;
}

input[type='image']{
}

#sp_tel_wrapper input[type='text']{
width:42%;
}

/*input[type='text'], input[type='password']{
border: solid 1px #81b8da !important;
    padding: 5px !important;
box-sizing:border-box;
margin-bottom:8px;
}*/

.formlist span {
　position: relative;
　display: inline-block;
　width: 30px;
　border: solid 1px#bfbfbf;
}

.formlist span:after {
　content: "\25BC";
　position: absolute;
　top: 50%;
　right: 0px;
　margin-right: 5px;
　-webkit-transform: translateY(-50%);
　-moz-transform: translateY(-50%);
　-ms-transform: translateY(-50%);
　transform: translateY(-50%);
　z-index: -1;
}


select{
　width: 100%;
　height: 30px;
　line-height: 30px;
　padding: 0px;
　margin: 0;
　text-indent: 1em;
　background-color: transparent;
　border: none;
　-webkit-appearance: none;
　-moz-appearance: none;
　-ms-appearance: none;
　appearance: none;
}

.pt_none{
padding:0 !important;
}

#news_wrapper{
background:#e0eced;
width:100%;
padding:10px;
box-sizing:border-box;
}

.news_contents table{
border:none;
margin:0 auto;
max-width:1000px;
}

.news_contents th{
width:100%;
color:#77bac0;
padding:0 0 5px 0;
display:block;
text-align:left;
}

.news_contents td{
width:100%;
text-align:left;
color:#81b8da;
padding:0 0 10px 0;
display:block;
}

.news_contents{
color:#666 !important;
width:100% !important;
padding:0 0 20px 0 !important;
}

#news_wrapper a{
color:#77bac0;
}

#top-shopinfo-box{
display:none;
}

.h2_margin{
margin:0 !important;
}

.news_title{
font-weight:bold;
}

.yuyucourse_wrapper{
margin:0 auto 30px auto;
width:95%;
}

.yuyucourse_title{
margin:0 auto 30px auto;
width:95%;
}

.yuyucourse_title table{
border:none;
}

.yuyucourse_title td{
border:none;
}

.yuyucourse_wrapper td{
display:block;
width:100%;
}

.yuyucourse_icon{
width:15%;
}

.yuyucourse_circle_icon{
margin-bottom:-20px;
}

.yuyucourse_titletext{
color:#f09b35;
font-weight:bold;
font-size:1.4rem;
margin:0 auto 15px auto;
line-height:130%;
padding-left:10px;
}

.yuyucourse_textbox{
margin:0 auto 0 auto;
padding-left:10px;
}

#yuyucourse_step2_wrapper{
margin:0 auto 30px auto;
box-sizing:border-box;
padding:12px;
background: #fce7cf;
}

#yuyucourse_step2_table td{
display:block;
width:100%
}

.text_orange{
color:#f09b35;
font-weight:bold;
}

.yuyucourse_50{
width:100%;
margin:10px auto 10px auto;
text-align:center;
}

.yuyucourse_50 img{
margin:10px auto 10px auto;
width:55%;
}

.yuyucourase_table{
width:33%;
}

.yuyucourse_left{
border-left:#81b8da 2px solid;
border-right:#81b8da 2px solid;
padding:0 20px 0 20px;
box-sizing:border-box;
width:100%;
text-align:center;
}

.yuyucourse_left_title{
font-size:1.4rem;
font-weight:bold;
line-height:140%;
}

.yuyucourse_right{
border-left:#f09b35 2px solid;
border-right:#f09b35 2px solid;
padding:0 20px 0 20px;
box-sizing:border-box;
width:100%;
text-align:center;
}

.yuyucourse_right_title{
font-size:1.4rem;
font-weight:bold;
line-height:140%;
}

.yuyucourse_center{
width:100%;
text-align:center;
}

.yuyucourse_center img{
margin-top:20px;
}

.yuyucourse_title td{
vertical-align:top !important;
}

.accordion table{
border:none;
}

.accordion th{
width:10%;
border:none;
vertical-align:top;
}

.faq_qicon{
background:url(../img/users/faq/faq_icon_q.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
color:#fff;
font-size:120%;
line-height:120%;
padding:8% 8% 8% 18%;
box-sizing:border-box;
width:30px;
height:30px;
}

.faq_aicon{
background:url(../img/users/faq/faq_icon_a.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
color:#81b8da;
font-size:120%;
line-height:120%;
padding:8% 8% 8% 18%;
box-sizing:border-box;
width:30px;
height:30px;
}

.faq_qshippingicon{
background:url(../img/users/faq/faq_icon_q_02.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
color:#fff;
font-size:120%;
line-height:120%;
padding:8% 8% 8% 18%;
box-sizing:border-box;
width:30px;
height:30px;
}

.faq_ashippingicon{
background:url(../img/users/faq/faq_icon_a.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
color:#81b8da;
font-size:120%;
line-height:120%;
padding:8% 8% 8% 19%;
box-sizing:border-box;
width:30px;
height:30px;
}

.faq_qhenpinicon{
background:url(../img/users/faq/faq_icon_q_03.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
color:#fff;
font-size:120%;
line-height:120%;
padding:8% 8% 8% 18%;
box-sizing:border-box;
width:30px;
height:30px;
}

.faq_ahenpinicon{
background:url(../img/users/faq/faq_icon_a.jpg) no-repeat;
-moz-background-size:contain;
background-size:contain;
color:#9ed193;
font-size:120%;
line-height:120%;
padding:8% 8% 8% 19%;
box-sizing:border-box;
width:30px;
height:30px;
}

.tblareabtn img{
margin:15px 0 0 0;
}

/*よくある質問アコーディオン*/
div.accordion {
	width: 100%;
	/*margin:0 auto 30px auto;*/
}

div.accordion.pickup {
	margin:24px auto 48px auto;
}

div.accordion table{
width:100% !important;
}

div.accordion td{
/*padding:6px 6px 0 6px;*/
}

div.accordion > ul > li {
/*border-bottom: 2px solid #e8f2f8;
padding-bottom:5px;
padding-top:5px;*/
}

div.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	background-color: #fff;
	cursor: pointer;
	padding: 10px 40px 10px 20px;
	position: relative;
}
div.accordion > ul > li > a.active,
div.accordion > ul > li > a:hover{
	background: #f1f1f1;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
	font-size: 26px;
	position: absolute;
	/*right: 12px;
	top: 5px;*/
}
/*div.accordion > ul > li > a:after{
	content: "\f078";
    font-family: FontAwesome;
}
div.accordion > ul > li > a.active:after{
	content: "\f077";
    font-family: FontAwesome;
}*/
div.accordion > ul > li > ul {
	display: none;
}
div.accordion > ul > li > ul > li > a{
	display: block;
	padding: 8px;
	position: relative;
text-decoration:none !important;
	color: #231f20;

}
div.accordion > ul > li > ul > li > a:hover{
	background-color: #fff;
	color: #231f20;
}
.fsttgl_wrapper div.accordion > ul > li > ul > li > table td{
	display: block;
	padding: 8px 40px 8px 44px;
	position: relative;
	text-decoration:none !important;
}

.accordion h2{
text-align:center;
}

.accordion_h2_delivery{
padding-bottom:20px;
border-bottom: 2px solid #e8f2f8;
}

.accordion img{
max-width:100% !important;
}

.contact_txt{
    line-height: 1.6;
    margin: 0 auto 20px auto !important;
width:95% !important;
}

.sp_sitemap_links{
width:95%;
margin:0 auto 40px auto;
}

.sp_sitemap_links li{
margin:0 0 12px 0;
border-bottom:1px dotted #ddd;
border-top:1px dotted #ddd;
padding:5px;
box-sizing:border-box;
}

.sp_sitemap_links a{
color:#231f20 !important;
}

.top_news_container{
overflow: hidden;
height:200px;
width:100%;
box-sizing:border-box;
}

.login_memory{
margin-top:5px;
}
#sp_map{
width:95%;
height:350px;
margin:0 auto 30px auto;
}

.btn_area img{
margin:15px 0 15px 0;
}

.br-sp { display:none;
}

.br-sp02 {
}

.sp_form_name_input{
width:80% !important;
}

.inputbox02 img{
margin:0 0 10px 0;
}
.inputbox02 input {
margin:0 0 10px 0;
}

.pc_caption{
display:none !important;
}

.sp_caption{
}

.credit_title{
text-align:center;
}

.cosme_review_sp{
width:95%;
background:#fff5e3;
color:#221814;
font-size:105%;
font-weight:bold;
box-sizing:border-box;
margin:0 auto 40px auto;
-moz-background-size:cover;
background-size:cover;
text-align:center;
/* box-shadow */
box-shadow:0px 0px 6px 3px #f2f2f2;
-moz-box-shadow:0px 0px 6px 3px #f2f2f2;
-webkit-box-shadow:0px 0px 6px 3px #f2f2f2;
padding:12px 5px 12px 5px;
}

.cosme_review_sp a{
display:block;
color:#221814 !important;
}

.cosme_review_small{
box-sizing:border-box;
}

.cosme_text{
color:#f6b03a;
font-size:1.2rem;
font-weight:bold;
margin:5px 0 0 0;
}

.cosme_review{
display:none;
}

.comm_mb10 a{
color:#333 !important;
}

#company_wrapper a{
color:#333;
}

#single_wrapper{
max-width: 1280px;
margin:0 auto 0 auto;
position: relative;
}



}

.border_green{
border-bottom: 2px solid #dbf4ee !important;
}
.border_green02{
border-bottom: 2px solid #edf6e8 !important;

}


/* 201807継続ありがとう割追加分ここから
----------------------------------------------- */

.keizokuwari_top_title{
color:#f09b35;
font-weight:bold;
font-size:1.6rem;
margin:0 auto 30px auto;
line-height:130%;
text-align:center;
}

#keizokuwari_top_img_wrap{
position:relative;
margin:90px auto 40px auto;
text-align:center;
}

.keizokuwari_top_icon{
position:absolute;
    left: 6.5%;
    top: -20%;
}

#keizokuwari_top_img_wrap p{
margin-bottom:30px;
line-height:170%;
}

.keizokuwari_top_text{
margin-top:40px;
clear:both;
}

.keizokuwari_icon {
    width: 9%;
}

#keizokuwari_system_wrapper {
    background: #ffe4d1;
    padding: 15px;
    box-sizing: border-box;
    margin: 0 auto 40px auto;
}

.keizokuwari_system_img{
text-align:center;
}

#keizokuwari_rule_wrap{
margin:0 auto 40px auto;
}

.keizokuwari_rule{
border:2px solid #00affe;
padding:50px 15px 50px 15px;
margin:0 auto 30px auto;
}

.keizokuwari_rule:nth-child(2){
border:2px solid #feb100;
}

.keizokuwari_rule:nth-child(3){
border:2px solid #fe6f9d;
}

.keizoku_contents_wrap{
display:table;
width:100%;
}

.keizoku_contents:first-child{
width: 9%;
display:table-cell;
vertical-align:middle;
}

.keizoku_contents:nth-of-type(2){
display:table-cell;
vertical-align:middle;
padding-left:2%;
}

.keizoku_contents:nth-of-type(3){
display:table-cell;
vertical-align:middle;
}

.keizoku_blue{
color:#00affe;
}

.keizoku_orange{
color:#feb100;
}

.keizoku_pink{
color:#fe6f9d;
}

.keizoku_qicon {
    background: url(../img/users/faq/faq_icon_q.jpg) no-repeat 50% 50%;
    -moz-background-size: contain;
    background-size: contain;
    color: #81b8da;
    font-size: 1.6rem;
    line-height: 120%;
    padding: 8% 8% 8% 15%;
    width: 30px;
    height: 30px;
}

#keizokuwari_faq{
margin-bottom:30px;
}

.keizokuwari_faq_wrap{
display:table;
margin:0 auto 15px auto;
border-bottom:1px solid #81b8da;
width: 70%;
box-sizing:border-box;
padding-bottom:8px;
}

.border-none{
border:none;
}

.keizokuwari_icon_th{
width: 5%;
    border: none;
    vertical-align: top;
display:table-cell;
}

.keizokuwari_icon_td{
display:table-cell;
width:95%;
    vertical-align: top;
text-align:left;
}

.keizokuwari_q {
    -moz-background-size: contain;
    background-size: contain !important;
    font-size: 1.6rem;
    line-height: 120%;
    padding: 8% 8% 8% 15%;
    width: 30px;
    height: 30px;
}

.keizokuwari_text {
    font-size: 15px !important;
    padding: 6px 30px 0 6px !important;
}

.keizoku_aicon {
    background: url(../img/users/faq/faq_icon_a.jpg) no-repeat 50% 50%;
    -moz-background-size: contain;
    background-size: contain;
    color: #81b8da;
    font-size: 1.6rem;
    line-height: 120%;
    padding: 8% 8% 8% 15%;
    width: 30px;
    height: 30px;
}

.keizoku_anther_wrap{
width:90%;
margin:25px auto 30px auto;
display:table;
}

.keizoku_anther_image{
display:table-cell;
width:60%;
text-align:center;
}

.keizoku_anther_text{
width:38%;
text-align:left;
vertical-align:middle;
padding-left:2%;
display:table-cell;
}

.keizoku_faq_q_text{
font-size:1.2rem;
}

h2.keizokutitle{
font-size:1.4rem !important;
color:#939393;
margin:60px auto 60px auto !important;
text-align:center;
}

#keizokuwari_caution_wrap{
width: 70%;
margin:auto;
}

.keizokuwari_caution_title{
background:#ff0202;
display:inline-block;
min-width:80px;
color:#fff;
text-align:center;
padding: 1px 5px 1px 5px;
}

.keizokuwari_caution_wrap{
border:1px solid #ff0202;
padding:15px;
margin:0 auto 40px auto;
}

.keizokuwari_bikou_title{
background:#8bbcde;
display:inline-block;
min-width:80px;
color:#fff;
text-align:center;
padding: 1px 5px 1px 5px;
}

.keizokuwari_bikou_wrap{
border:1px solid #8bbcde;
padding:15px;
margin:0 auto 40px auto;
}

.keizokuwari_bikou_wrap li{
margin-bottom:10px;
}

.keizokuwari_bikou_wrap li:before{
content:"●";
color:#8bbcde;
margin-right:5px;
}

.comm_keizoku_box{
max-width:1000px;
margin:auto;
}

@media screen and (max-width:767px){

	.comm_keizoku_box{
	width:100%;
	margin:auto;
	}

	.keizokuwari_top_title{
	    font-size: 1.4rem;
	    margin: 0 auto 30px auto;
	text-align:center;
	}

	#keizokuwari_top_img_wrap{
	text-align:left;
	}

	.keizokuwari_icon {
	    width: 15%;
	}

	#keizokuwari_top_img_wrap{
	margin-top:0;
	}

	#keizokuwari_system_wrapper {
	    position: relative;
	    width: calc(100% + 20px);
	    left: -10px;
	}

	#keizokuwari_system_wrapper {
	    padding: 12px;
	}

	.keizoku_contents{
	vertical-align:top !important;
	}

	.keizoku_contents:first-child{
	width: 15%;
	}

	.keizoku_contents:nth-of-type(3){
	display:none;
	}

	.keizokuwari_rule{
	border:2px solid #00affe;
	padding:12px;
	margin:0 auto 30px auto;
	}

	 .pc_image{
		display:none;
		}

	.keizokuwari_rule_image{
	width:70%;
	margin:auto;
	}

	.keizokuwari_rule_image_top{
	width:80%;
	margin:0 0 0 5px;
	}

.keizokuwari_faq_wrap{
	width:100%;
	}

	.keizoku_faq_q_text{
	font-size:1.1rem;
	padding-left:10px;
	}

	.keizoku_anther_image{
	display:block;
	width:90%;
	text-align:center;
	margin:0 auto 10px auto;
	}

	.keizoku_anther_text{
	width:100%;
	text-align:left;
	padding-left:0%;
	display:block;
	}

.keizoku_anther_wrap{
	width:95%;
	}

	#keizokuwari_caution_wrap{
	width:100%;
	}

	.keizokuwari_top_icon{
	left: 0%;
    max-width: 100px;
    top: -5%;
	}

	.keizokuwari_top_img{
	width:80%;
	float:left;
	margin-top:50px;
	margin-left:13%;
	}

	.keizokuwari_top_text{
	padding-top:10px;
	}

}

@media screen and (min-width:768px){
 .sp_image{
	display:none;
	}

 .keizoku_contents:nth-of-type(3){
	text-align:center;
	}

}

/* 201807継続ありがとう割追加分ここまで
----------------------------------------------- */


.notice {
display: block;
font-size: 10px;
}
.notice2 {
letter-spacing: 1px;
display: block;
font-size: 12px;
}
.notice3 {
display: block;
font-weight: bold;
}

.product_spec2 {
width: 100%;
max-width: 600px !important;
margin-left: auto !important;
margin-right: auto !important;
}

.notes {
line-height: 1.4 ;

}
.rellax_wrapper {
font-size: 4.2vw;
}
.sales {
padding-top: 24px !important;
}




@media screen and (max-width: 1279px) {
	.sales {
	    padding-top: 1.43vw !important;
	}

}
@media screen and (max-width: 700px) {
	.thum_product .notes, .notes {
	font-size: 4.2vw;
	}

	.product6 .img_product, .product5 .img_product, .product4 .img_product, .product3 .img_product, .product2 .img_product {
	    width: calc(100% - 20px);
	    margin: auto;
	}
	.sales {
	    padding-top: 12px !important;
	}
.float_card .in_card_item .card_text:nth-of-type(1) {
	font-size: 7.3vw !important;
}

}