@charset "UTF-8";
/****************************************** 
*   mamrbio_admin.css
*   apteq inc.
*******************************************/
html {
    font-size: 14px;
}
body {
    font-family: 'UD Shin Go Regular', 'Hiragino Maru Gothic W4 JIS2004', Roboto, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Yu Gothic", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.7;
    color: #1c1c1c;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Hiragino Maru Gothic W4 JIS2004'; 
}
h2 {
    font-size: 28px;
    line-height: 1.2;
}
a, a:visited {
    color: #1c1c1c;
    text-decoration: none;
}
a:hover {
    color: rgba(28,28,28,0.5);
    text-decoration: none;
}
img {
    /*width: 100%;*/
    max-width: 100%;
}
.text_red {
    color: red;
}
.text_orange {
    color: #ea9713;
}
.text_bold {
    font-family: 'UD Shin Go Medium'; 
}
.p_text {
    margin: 1em auto;
}
.flex_box {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* button */
.ec-blockBtn--action {
	/*border-radius: 1rem;*/
	background-color: #61C359/*#ef8d9e*/;
    border-color: #61C359/*#ef8d9e*/;
    font-size: 16px;
}
.ec-blockBtn--action:hover {
	background-color: rgba(97,195,89,0.5);
    border-color: rgba(97,195,89,0.5);
}
.ec-blockBtn--action a, ec-blockBtn--cancel a,
.ec-inlineBtn--action a, ec-inlineBtn--cancel a,
.ec-blockBtn--action a:visited, ec-blockBtn--cancel a:visited, 
.ec-inlineBtn--action a:visited, ec-inlineBtn--cancel a:visited,
a.ec-blockBtn--action:visited, a.ec-blockBtn--cancel:visited, 
a.ec-inlineBtn--action:visited, a.ec-inlineBtn--cancel:visited {
	color: #fff;
}
.ec-inlineBtn--cancel {
	margin: 0.5rem auto;
}
.orange_btn {
    background-color: #ea9713;
    border-color: #ea9713;
}
a.orange_btn, a.orange_btn:visited, a.orange_btn:hover {
    color: #fff;
}
.orange_btn:hover {
    background-color: rgba(234,151,19,0.5);
    border-color: rgba(234,151,19,0.5);
}
.white_btn {
    background-color: #fff;
    color: #ea9713;
    padding: 1rem;
    transition: all .3s;
}
a.white_btn, a.white_btn:visited, a.white_btn:hover {
    color: #ea9713;
}
.white_btn:hover {
    background-color: rgba(255,255,255,0.5);
}

@media (min-width: 768px) {
    body {
        font-size: 16px;
    }
}


/*** header ***/
.ec-layoutRole__header {
	position: fixed;
	z-index: 100;
	width: 100%;
}
#header_top {
	max-width: 100%;
	background: #ffffcc/*#dcffc4/*#a8e590*/;
	padding: 0 20px 5px;
    min-height: 50px;
}
#header_top .ec-headerNav__item a,
#header_top .ec-headerNav__item a span,
#header_top .ec-headerNav__item .ec-headerNav__itemIcon,
#header_top .ec-cartNavi {
    color: #ea9713/*#004c00*/;
    transition: all .3s;
}
#header_top .ec-headerNav__item:hover a,
#header_top .ec-headerNav__item:hover a span,
#header_top .ec-headerNav__item:hover .ec-headerNav__itemIcon,
#header_top .ec-cartNavi:hover {
    color: rgba(234,151,19,0.5)/*rgba(0,76,0,0.5)*/;
}
#header_logo {
	max-width: 100%;
}
.ec-headerTitle h1 {
    position: absolute;
    top: -3px;
    left: 3rem;
    width: 80vw;
}
.ec-headerTitle img {
	max-width: 300px;
    width: 100%;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
	display: none;
}
.ec-headerRole {
    padding-top: 0;
}
.ec-headerNav__item {
	padding-bottom: 5px;
}
.ec-cartNavi__label {
	align-self: center;
	padding-bottom: 5px;
}
#header_logo h1 a {
	margin-bottom: 5px;
	font-size: 1rem;
}
.ec-headerNavSP {
	top: 5px;
	left: 5px;
    background-color: transparent;
    color: #004c00;
}
/* header_menu */
#header_menu {
	text-align: right;
	padding: 5px;
    background-color: #ff9900/*#61C359/*#dcffc4/*#ffffcc*/;
    display: none;
}
#header_menu a {
	margin-right: 1.1rem;
    color: #fff/*rgba(0,76,0,0.8)/*#ea9713*/;
    transition: all .3s;
}
#header_menu a:before {
	content: '';
	display: inline-block;
	width: 8px;
	background-color: #fff/*rgba(0,76,0,0.8)/*#ea9713*/;
	height: 8px;
	margin-bottom: 2px;
}
#header_menu a:hover {
    color: rgba(255,255,255,0.5)/*rgba(0,76,0,0.5)/*rgba(234,151,19,0.5)*/;
}
#header_menu a:hover::before {
    background-color: rgba(255,255,255,0.5)/*rgba(0,76,0,0.5)/*rgba(234,151,19,0.5)*/;
}

@media (min-width: 768px) {
    .ec-headerTitle h1 {
        left: 1rem;
        width: auto;
    }
    #header_top {
        padding: 0 20px 5px
    }
    .ec-headerNaviRole .ec-headerNaviRole__right {
        display: flex;
    }
    .ec-headerNaviRole {
        padding: 1rem 1rem 0;
        max-width: 100%;
    }
    .ec-headerNav .ec-headerNav__itemIcon {
        font-size: 16px;
    }
    .ec-cartNavi {
        padding: 10px 17px 7px;
        height: 36px;
    }
    #header_menu {
        display: block;
        font-size: 1.4vw;
    }
}
@media (min-width: 1030px) {
    #header_menu {
        font-size: 16px;
    }
}
/*** drawer_menu ***/
.ec-headerNavSP .fas.fa-bars,
.ec-drawerRoleClose .fas.fa-times {
	color: #ea9713;
}
.ec-drawerRole, .ec-drawerRole .ec-headerLinkArea {
    background-color: #ea9713;
}
#sp_menu {
    margin-top: 1rem;
}
#sp_menu li {
	list-style: square;
    color: #fff;
}
#sp_menu li a, #sp_menu li a:visited {
	color: #fff;
	line-height: 2.5;
}

/*** main ***/
.ec-layoutRole__main {
    margin-top: 50px;
    /*padding-top: 1rem;*/
    overflow: hidden;
}
@media (min-width: 768px) {
    .ec-layoutRole__main {
        margin-top: 80px;
    } 
}

/*******************
* blocks
********************/
.block_outer {
    margin: 2rem auto;
    padding: 1rem;
}
/*
@media (min-width: 768px) {
    .block_outer {
        margin: 3rem auto;
        padding: 2rem;
    }
}
*/
/*** top slider ***/
#top_slider {
    margin-top: 1rem;
}
#top_slider .flex_box {
	flex-direction: column;
}
#top_slider .flex_box.reverse {
	flex-direction: column-reverse;
}
#top_slider .flex_box > * {
    align-self: center;
    line-height: 1.7;
}
#top_slider img {
    width: 100%;
}
.top_text {
    min-height: 220px;
}
#top_slider .flex_box > div h3 span {
    font-size: 80%;
}
@media (min-width: 768px) {
    #top_slider .flex_box, #top_slider .flex_box.reverse {
        flex-direction: row;
    }
    #top_slider img {
        width: 60%;
    }
    #top_slider .flex_box > div {
        flex-basis: 40%;
    }
    .top_text {
        background-color: #fff;
        /*margin: 2em 0;*/
        padding: 2rem 3rem 2rem 1rem;
        position: relative;
        z-index: 1;
        min-height: 100px;
    }
    .top_text::before,
    .top_text::after {
        border-radius: 2px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
    }
    .top_text::before {
        background-color: rgba(255, 255, 255, .5);
        left: -20px/*0*/;
        top: 0;
        z-index: -1;
    }
    .top_text::after {
        top: 5px;
        left: -15px/*5px*/;
        z-index: -2;
    }
    .item1 .top_text::after {
        background-color: #ffffcc;
    }
    .item2 .top_text::after {
        background-color: #dcffc4;
    }
    .item3 .top_text::after {
        background-color: #ffc0cb;
    }
    .item2 .top_text {
        padding: 2rem 1rem 2rem 3rem      
    }
    .item2 .top_text::before {
        left: auto;
        right: -15px;
    }
    .item2 .top_text::after {
        left: auto;
        right: -20px;
    }
    .top_text h2 {
        font-size: 2.5vw;
    }
    .top_text h3 {
        font-size: 2vw;
    }
}
@media (min-width: 1030px) {
    .top_text h2 {
        font-size: 30px;
    }
    .top_text h3 {
        font-size: 24px;
    }    
}

/*** news ***/
#news_block {
	background: #ffc;
	max-width: unset;
}
#news_block .ec-newsRole {
	padding: 2rem 0 1rem;
}
#news_block .ec-newsRole .ec-newsRole__news {
	border: none/*16px solid #ffffcc*/;
    background-color: #fff;
}

/*** recommend_product ***/
#recommend_product_block {
	background-color: #f8f8f8;
	padding-top: 2rem;
	margin-top: 2rem;
}
#recommend_product_block .ec-secHeading--tandem {
	padding: 3rem 2rem;
	background: #ea9713;
	color: #fff;
	margin: auto 1rem;
}
#recommend_product_block .ec-secHeading--tandem .ec-secHeading__line {
    background-color: #fff;
}
@media (min-width: 768px) {
    .recommend_product {
	   min-height: 300px;
    }
}

/*** topic ***/
#topic .box {
    min-height: 150px;
    background-color: #ffffe6;
    padding: 1rem;
    text-align: center;
    border: orange 5px solid;
    border-radius: 5px;
    background-image: url(../img/common/mametan.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
	margin-bottom: .5rem;
}
#topic .box h2 {
    font-size: 1.5rem;
    line-height: 1.7;
}
@media (min-width: 1200px) {
    #topic .box {
        margin: 0 5px 0.5rem -10px;
    }
}

/*** media ***/
#media_top {
    background-color: #fee1a8; 
}
.media_topdesc {
	max-width: 400px;
	margin: 2rem auto auto;
}
.media_s_img {
    padding: 0 0.25rem 0.5rem;
}
.media_img {
	margin-top: 3rem;
}
.media_img > div:nth-child(2) {
	margin-top: 3rem;
}
@media (min-width: 768px) {
    .media_topdesc {
        margin: 3rem auto auto;
    }
}
/*

/*** fujita ***/
#fujita_block {
    padding: 3rem 0;
}
.fujita {
    padding: 0 1rem;
}
.fujita h3.mame_icon {
    display: inline-block;
}
.mame_icon {
    background-image: url(../img/common/mame_ico.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    line-height: 50px;
}
.book {
	margin-top: 2rem;
	margin-bottom: 2rem;
	min-height: 280px;
    padding: 0 0.5rem;
}
.book img {
    max-width: 120px;
    width: 100%;
}
.about_fujita {
    padding: 2rem;
    margin-top: 2rem;
}
.f-right {
    float: right;
}

/*** calender ***/
#calender {
	background-color: #f8f8f8;
    padding: 3rem 1rem;
}
.calenders {
    max-width: 600px;
    margin: 0 auto;
}
.kyugyo_color {
	display: inline-block;
	padding-left: 2rem;
	position: relative;
}
.kyugyo_color::before {
	content: '';
	width: 1.8rem;
	height: 1.8rem;
	background-color: pink;
	display: block;
	position: absolute;
	border-radius: 5px;
	left: 0;
	top: 2px;
}
#calender .cal_1, #calender .cal_2 {
    padding-right: 5px;
    padding-left: 5px;
}
.apg_sc_table {
	display: flex;
	justify-content: space-around;
	background: #ffc;
    max-width: 280px;
	border-radius: 1rem;
	padding: 0.5rem;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top: 1rem;
    font-size: 3vw;
}
.apg_sc_header {
	font-size: 130%;
}
.apg_sc_table th {
	text-align: center;
	padding: 0.1rem;
}
.apg_sc_table td {
	text-align: center;
	padding: 0.1rem;
    background-color: #fff;
    border-radius: 5px;
}
.apg_sc_table .week th {
    background-color: #dcffc4;
    border-radius: 5px;
}
.apg_sc_table td.apg_sc_holiday {
    background-color: #ffc0cb;
}
.free_dial {
    margin-top: 2rem;
}
.free_dial .fd {
    display: inline-block;
	background: url("../img/common/icon_fd.gif") no-repeat scroll 9px 2px transparent;
	color: #642600;
	font-size: 28px;
    width: 260px;
	height: 26px;
	line-height: 28px;
	text-align: right;
}
@media (min-width: 560px) {
    .apg_sc_table {
        font-size: 90%;
        border-spacing: 5px;
    }
    #calender .cal_1, #calender .cal_2 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .apg_sc_table th {
        padding: 0.3rem;
    }
    .apg_sc_table td {
        padding: 0.3rem;
    }
    .free_dial {
        margin-top: 4rem;
    }
}

/*** snslink ***/
#snslink {
	background-color: #dcffc4/*#ffffe6*/;
    margin-top: 4rem;
	padding: 4rem 20%;
	overflow: hidden;
}
#page_homepage #snslink {
    margin-top: 0;
}
.sns_icon {
	width: 33.33%;
	float: left;
	padding: 0 5%;
}
@media (min-width: 768px) {
    #snslink {
        padding: 5rem 35%;
    }
}
/*** footer ***/
.ec-footerRole {
	border-top: none;
	background-color: #ffffcc;
    color: #1c1c1c;
    margin-top: 0;
}
.ec-footerRole .ec-footerNavi,
.ec-footerRole .ec-footerTitle {
    color: #1c1c1c;
}
.ec-footerNavi .ec-footerNavi__link a {
    text-decoration: none;
}
.ec-footerRole .ec-footerRole__inner img {
	width: 154px;
    margin-bottom: 1rem;
}
.fd_text {
   color: #642600; 
}
#footer_contact .fd {
    display: inline-block;
	background: url("../img/common/icon_fd.gif") no-repeat scroll 9px 2px transparent;
	color: #642600;
	font-size: 28px;
    width: 260px;
	height: 26px;
	line-height: 28px;
	text-align: right;
}
.ec-blockTopBtn.pagetop {
	width: 50px;
	height: 50px;
	font-size: 45px;
	border-radius: 50%;
}
.fa-caret-up::before {
	content: "\f0d8";
}

/***************
*   pages
****************/
/*** toppage ***/
#top_desc1.block_outer {
    margin-bottom: 1rem;
    padding: 2rem;
}
#top_desc1 .mamebio_floral {
    max-width: 536px;
}
#more1 {
    padding: 2rem 0;
}
#more1 a {
    padding: 0.5rem 1rem;
	font-size: 1rem;
	cursor: pointer;
	border: #EA9713 2px solid;
	border-radius: 5px;	
}
#more1_desc::before {
	width: 0;
	border-style: solid;
	border-width: 0 50px 50px 50px;
	border-color: transparent transparent #ffe086 transparent;
	content: '';
	display: block;
	height: auto;
	margin: -3rem 0 auto;
	z-index: 2;
	position: absolute;
	left: calc(50% - 25px);
}
#more1 img {
	width: 2rem;
	height: auto;
	vertical-align: top;
	margin-left: .5rem;
	margin-top: .2rem;
}
#more1_desc {
	background-color: #ffe086;
	padding: 2rem;
	overflow: hidden;
}
#more1_desc img {
	width: 40%;
}
#more1_desc h3 {
	font-size: 1.3rem;
	color: #ea9713;
	border-bottom: 4px #fff solid;
}
#more1_desc h4 {
	font-size: 1.1rem;
    line-height: 1.5;
}
#more1_desc p {
	padding: 2rem 1rem 0;
}
#top_desc2 {
    background-color: #ffc0cb;
    padding: 2rem;
}
#top_desc2 h2 {
	color: #ffffff;
	font-size: 1.5rem;
}
#top_desc2 p span {
	border-bottom: #fff 4px solid;
}
#top_desc2 img {
	transform: translateY(-5px);
}
#top_desc3 {
	background-color: #fff;
	padding: 2rem;
}
#top_desc3 .flex_box {
    flex-direction: column;
    justify-content: flex-start;
}
.plus span {
	font-size: 1.5rem;
    border-bottom: dotted 3px #ff9900;
}
.floral span {
    font-size: 1.5rem;
    border-bottom: dotted 3px #eb6c8e;
}
@media (min-width: 480px) {
    #top_desc3 .flex_box {
        flex-direction: row;
    }
}
@media (min-width: 768px) {
    #more1_desc::before {
        margin-top: -4rem;
    }
    #top_clm {
        margin-top: 3rem;
    }
    #top_desc3 {
        padding: 3rem 2rem;
    }
}

/*** product list ***/
#page_product_list .ec-layoutRole {
    background-color: #ffffcc;
}
#page_product_list .ec-layoutRole__main {
    padding-top: 1rem;
}
#page_product_list h2 {
    font-size: 23px;
}
.ec-shelfGrid .ec-shelfGrid__item {
    width: 100%;
}
.ec-shelfGrid .ec-shelfGrid__item > div {
    text-align: center;
    padding: 1rem;
	background-color: #fff;
	/*border-radius: 1rem;*/
    transition: all .4s;
}
.ec-shelfGrid .ec-shelfGrid__item > div:hover {
    transform: translateY(-2rem);
    box-shadow: 1px 3px 5px #ccc;
}
#page_product_list .ec-blockBtn--action {
    margin: 0 10% 1rem;
    width: 80%;
}
@media (min-width: 768px) {
    .ec-shelfGrid .ec-shelfGrid__item {
        width: 50%;
    }

}

/*** product_detail ***/
#page_product_detail .ec-layoutRole__main {
    padding-top: 2rem;
}
/*まとめ買い商品画像*/
#page_product_detail .ec-productRole__description table {
    border-color: -moz-use-text-color -moz-use-text-color #BCBCBC;
    border-style: none;
    border-width: medium medium 1px;
    font-size: 90%;
}

#page_product_detail .ec-productRole__description table div.prdct {
    height: 138px;
    margin-left: 15px;
    width: 150px;
}

#page_product_detail .ec-productRole__description table tr {
	border-top: 1px dotted #BCBCBC;
}

#page_product_detail .ec-productRole__description table td {
	border: medium none;
	line-height: 20px;
    padding: 1rem 0;
}
.icon_web {
    background: url("../img/picture/icon_web.png") no-repeat scroll center center transparent;
    height: 43px;
    width: 43px;
}

.plus1 {
    background: url("../img/picture/plus_1_150.jpg") no-repeat scroll center center transparent;
}
.plus2 {
    background: url("../img/picture/plus_2_150.jpg") no-repeat scroll center center transparent;
}
.plus3 {
    background: url("../img/picture/plus_3_150.jpg") no-repeat scroll center center transparent;
}
.plus4 {
    background: url("../img/picture/plus_4_150.jpg") no-repeat scroll center center transparent;
}
.plus5 {
    background: url("../img/picture/plus_5_150.jpg") no-repeat scroll center center transparent;
}

.floral1 {
    background: url("../img/picture/floral_1_150.jpg") no-repeat scroll center center transparent;
}
.floral2 {
    background: url("../img/picture/floral_2_150.jpg") no-repeat scroll center center transparent;
}
.floral3 {
    background: url("../img/picture/floral_3_150.jpg") no-repeat scroll center center transparent;
}
.floral4 {
    background: url("../img/picture/floral_4_150.jpg") no-repeat scroll center center transparent;
}
.floral5 {
    background: url("../img/picture/floral_5_150.jpg") no-repeat scroll center center transparent;
}

.family1 {
    background: url("../img/picture/family_1_150.jpg") no-repeat scroll center center transparent;
}
.family2 {
    background: url("../img/picture/family_2_150.jpg") no-repeat scroll center center transparent;
}
.family3 {
    background: url("../img/picture/family_3_150.jpg") no-repeat scroll center center transparent;
}

.plus1t {
    background: url("../img/picture/plus_1_t_150.jpg") no-repeat scroll center center transparent;
}
.plus2t {
    background: url("../img/picture/plus_2_t_150.jpg") no-repeat scroll center center transparent;
}
.plus3t {
    background: url("../img/picture/plus_3_t_150.jpg") no-repeat scroll center center transparent;
}
.plus4t {
    background: url("../img/picture/plus_4_t_150.jpg") no-repeat scroll center center transparent;
}
.plus5t {
    background: url("../img/picture/plus_5_t_150.jpg") no-repeat scroll center center transparent;
}

.floral1t {
    background: url("../img/picture/floral_1_t_150.jpg") no-repeat scroll center center transparent;
}
.floral2t {
    background: url("../img/picture/floral_2_t_150.jpg") no-repeat scroll center center transparent;
}
.floral3t {
    background: url("../img/picture/floral_3_t_150.jpg") no-repeat scroll center center transparent;
}
.floral4t {
    background: url("../img/picture/floral_4_t_150.jpg") no-repeat scroll center center transparent;
}
.floral5t {
    background: url("../img/picture/floral_5_t_150.jpg") no-repeat scroll center center transparent;
}

.family1t {
    background: url("../img/picture/family_3_t_150.jpg") no-repeat scroll center center transparent;
}
.family2t {
    background: url("../img/picture/family_2_t_150.jpg") no-repeat scroll center center transparent;
}
.family3t {
    background: url("../img/picture/family_1_t_150.jpg") no-repeat scroll center center transparent;
}
.dashi1 {
	background: url("../img/picture/dashi.jpg") no-repeat scroll center center transparent;
	background-size: contain;
}
.dashi2 {
	background: url("../img/picture/niboshi.jpg") no-repeat scroll center center transparent;
	background-size: contain;
}
.dashi3 {
	background: url("../img/picture/dashi_mix.jpg") no-repeat scroll center center transparent;
	background-size: contain;
}
.dashi4 {
	background: url("../img/picture/dashi_t.jpg") no-repeat scroll center center transparent;
	background-size: contain;
}
.dashi5 {
	background: url("../img/picture/niboshi_t.jpg") no-repeat scroll center center transparent;
	background-size: contain;
}
.dashi6 {
	background: url("../img/picture/dashi_mix_t.jpg") no-repeat scroll center center transparent;
	background-size: contain;
}

span.aks {
    display: inline-block;
}
p.syrup_link {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    color: #ff9900;
    font-size: 95%;
}
a:hover p.syrup_link {
    color: #f09415;
}
p.syrup_link:after {
    content: '';
    display: inline-block;
    width: 150px;
    height: 75px;
    background: url("../img/picture/link_syrup.png") no-repeat scroll center center transparent;
    border-radius: 2rem;
    margin-left: 0.5rem;
}
#page_product_detail .ec-productRole__description .syrup_table tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#page_product_detail .ec-productRole__description .syrup_table div.prdct {
    height: 150px;
}
.syrup1 {
	background: url("../img/picture/syrup1.png") no-repeat scroll center center transparent;
	background-size: contain;
}
.syrup2 {
	background: url("../img/picture/syrup2.png") no-repeat scroll center center transparent;
	background-size: contain;
}
.syrup3 {
	background: url("../img/picture/syrup3.png") no-repeat scroll center center transparent;
	background-size: contain;
}
.syrup4 {
	background: url("../img/picture/syrup4.png") no-repeat scroll center center transparent;
	background-size: contain;
}
#page_product_detail h3.freearea_midashi {
	border-bottom: 2px solid #FEE1A8;
	color: #622700;
	padding: 5px 0 2px 10px;
}
.freearea_midashi + br {
	display: none;
}
#teiki_area_teiki {
	border: 3px pink solid;
	padding: 1rem;
	border-radius: 5px;
	text-align: center;
	margin: 2rem auto;
}
#teiki_area_teiki .subtext {
    margin: 2rem auto;
}
img.img_teiki_flow, img.img_teiki_price {
	width: 96%;
	max-width: 624px;
    margin-bottom: 2rem;
}
#teiki_area_teiki .orange_btn {
	/*max-width: 300px;*/
	margin: 0 auto;
	/*margin-right: 0;*/
}
#d_fee {
	width: 80%;
	margin: 1rem auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}
#d_fee th {
    text-align: center;
    background-color: #ccc;
    border: 1px solid #fff;
    padding: 0.5rem 0;
}
#d_fee td {
    border: 1px solid #ccc;
    padding: 0.5rem 0;
}
#d_fee ~ .subtext {
    margin: 2rem;
}
.handbook img {
    max-width: 428px;
}
#page_product_detail .ec-productRole__description table.tbl_dashi tr {
    border: none;
}
.dashi_detail {
	padding-top: 20px;
	border-color: #bcbcbc;
	border-top-style: dotted;
	border-width: 1px medium 1px;
}
.doukon_btn {
	width: 100%;
	margin-bottom: 16px;
}
#page_product_detail table b {
	font-size: 120%;
	line-height: 2;
	color: #DE5D50;
}
@media (min-width: 768px) {
    .ec-productRole .ec-productRole__title .ec-headingTitle {
        margin-top: 1em;
    }
    .doukon_btn {
        width: 60%;
        min-width: 350px;
    }
    #page_product_detail .ec-productRole__description .syrup_table tr {
        display: table;
    }
}

/*** shopping ***/
#page_shopping .ec-orderPayment label {
    width: calc(100% - 50px);
}
#page_shopping .ec-orderPayment input {
    vertical-align: top;
}
#page_shopping label[for=shopping_order_Payment_30] span:after {
    content: '※ 現金でお支払いの場合には1件ごとに払込人様に料金110円が加算されます';
    display: block;
}
#page_shopping label[for=shopping_order_Payment_25] span:after {
    content: '※後払い扱いになりますのでご了承ください。';
    display: block;
}


/*** about_chonaisaikin ***/
/*** about_mamebio ***/
#page_user_data .ec-role h1 {
	background-color: #ffffcc;
	border-bottom: 3px solid #dcffc4;
	margin: 1rem 0;
	padding-left: 1em;
    color: #ea9713;
}
.ec-role img.illust {
	width: 300px;
	padding: 1rem;
    float: left;
}
.ec-role img.illust.f-right {
    float: right;
}
.detail {
	line-height: 1.7;
	margin: 1rem auto 3rem;
}
.ttl_list h4 {
    margin-top: 2rem;
}
.ttl_list ul {
    padding: 2rem;
    background-color: #ffffcc;
}
.ttl_list::after {
	content: '';
	width: 100%;
	height: 3px;
	display: block;
	background-color: #dcffc4;
	margin: 3rem auto 1rem;
}
#about_chonaisaikin #a, #about_chonaisaikin #b, #about_chonaisaikin #c,
#about_chonaisaikin #d, #about_chonaisaikin #e {
    display: inline-block;
    padding-top: 60px;
    margin-top: -60px;
}
@media (min-width: 768px) {
    #about_chonaisaikin #a, #about_chonaisaikin #b, #about_chonaisaikin #c,
    #about_chonaisaikin #d, #about_chonaisaikin #e {
        display: inline-block;
        padding-top: 100px;
        margin-top: -100px;
    }
}
/*** faq ***/
#faq h4 {
	border-bottom: 2px solid #FEE1A8;
	color: #622700;
	padding: 0.5rem;
	font-size: 130%;
	line-height: 1.4;
}
#faq h4 i {
    margin-right: 0.5rem;
}

/*** comment ***/
#comment h4  {
	border-bottom: 2px solid #FEE1A8;
	color: #622700;
	padding: 0.5rem;
	font-size: 130%;
	line-height: 1.4;
}
.voice {
    padding: 1rem;
    margin: 1rem auto;	
	border: #dcffc4 solid 5px;	
	border-radius: 3px;
}
@media (min-width: 768px) {
    .voice {
        padding: 2rem;
        margin: 2rem auto;
    }
}

/*** media ***/
.details .detail img {
    max-width: 120px;
}
@media (min-width: 768px) {
    .details .detail:nth-child(odd) {
        clear: both;
    }
    .details .detail {
        width: 50%;
        float: left;
    }
}

/*** shopping_guide ***/
#shopping_guide h4  {
	border-bottom: 2px solid #FEE1A8;
	color: #622700;
	padding: 0.5rem;
	font-size: 130%;
	line-height: 1.4;
}
.top_ttl {
	border: solid 2px #fee1a8;
	background: #ffc;
    color: #622700;
}
.card_img img {
	max-width: 278px;
}
.st.text_orange span {
	padding: 0.2rem 0.5rem;
	background-color: #ffc;
}
#teiki_area img.icon {
	max-width: 63px;
}
#shopping_guide #deliv_fee, #shopping_guide #teiki_area_h4 {
	margin-top: -100px;
	padding-top: 100px;
}

/*** mypage periodical_pause ***/
/** ヘッダー・フッター・SPメニューを直書きしているため調整 **/
#page_customize_mypageperiodicalpause_periodicalpause .ec-layoutRole__contents {
    max-width: 100%;
}
#page_customize_mypageperiodicalpause_periodicalpause .ec-layoutRole__main {
	margin-top: 0;
}
#page_customize_mypageperiodicalpause_periodicalpause .ec-layoutRole__main .main_periodical_pause {
	margin: 80px auto 80px;
	max-width: 1150px;
}
body#page_customize_mypageperiodicalpause_periodicalpause > .ec-drawerRole.is_active {
	display: none;
}

/*********************
/****** motion ******
**********************/
.move_me {
	transition: all 1.2s ease;
	position: relative;
	opacity: 0;
}
.motion {
	opacity: 1;
}
.move_up {
    transform: translateY(150px);    
}
.move_up.motion {
    transform: translateY(0);
}
