@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Fjalla+One|Josefin+Sans:300,400,600,600i,700,700i|PT+Sans+Narrow:400,700&subset=cyrillic,cyrillic-ext,latin-ext");

.important_notices {
    font-size: 14px;
    text-align: center;
    border: 4px solid red;
    padding: 14px 0px;
    line-height: 28px;
    margin: 30px auto 20px;
    width: 1060px;
    background: #fff;
    }

.important_notices p {
    text-align: center;
    }

.important_notices p a {
    color: #0000ee;
    text-decoration: underline;
}

.textcenter{text-align: center !important;}
.text_center{text-align: center !important;}
.udl{border-bottom: 1px solid #000;}
.nonebk{background: none !important;}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    }

#container {
    overflow: hidden;
    position: relative;
    }
.contet_wrap {
    width: 100%;
    }

.pc_header{
    width: 100%;
    overflow: hidden;
    }
.pc_header a{
    text-decoration: none;
    }
.pc_header a:hover{
    opacity: 0.7;
    }
ul.header_line_01{
    text-align: right;
    width: 90%;
    margin: 20px 5% 20px;
    }
    ul.header_line_01 a{
        color: #333;
        } 
    ul.header_line_01 li{
        display: inline-block;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        transform: rotate(.03deg);
        }

ul.header_line_02{
    text-align: center;
    width: 100%;
    margin: 24px auto 0px;
    }
    ul.header_line_02 li{
        display: inline-block;
        margin: 0 40px 0 0;
        }
    ul.header_line_02 li:last-child{
        margin: 0;
        }

ul.header_line_03{
    text-align: center;
    width: 100%;
    margin: 34px auto 20px;
    }
    ul.header_line_03 li{
        display: inline-block;
        margin: 0;
        }

ul.basic_list_three{
    width: 1200px;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    ul.basic_list_three li{
        width: calc((100% - 40px) / 3);
        margin: 0 0 40px;
        }
    ul.basic_list_three li h4{
        font-size: 16px;
        margin: 0;
        padding: 10px 0 8px;
        text-align: center;
        }
    ul.basic_list_three li a{
        text-decoration: none;
        color: #333;
        }

h2.catch{
    width: 84%;
    text-align: center;
    margin: 0 auto;
    }
h2.catch img{
    width: 100%;
    }
h2.tabs{
    width: 1200px;
    text-align: center;
    margin: 40px auto;
    padding: 0 0 30px;
    border-bottom: 1px solid #795e15;
    }

.btn_box_textlink{
    width: 400px;
    text-align: center;
    margin: 20px auto;
    padding: 15px 0;
    font-size: 24px;
    font-weight: bold;
    background: #000;
    color: #fff;
    }

.footer_up{
    background: url(../img/bg_index_sec_05.png) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    padding: 60px 0 60px;
    text-align: center;
    line-height: 2.4em;
    }
.footer_up p{
    padding: 10px 0 30px;
    font-size: 18px;
    line-height: 1.4em;
    }

.pure-drawer{
    display: none;
    }

.under_hph,
.under_hph img{
    width: 100%;
    }
h1.pagetitle{
    width: 100%;
    background: url(../img/bg_ud_catch_01.png) no-repeat center top;
    font-size: 38px;
    font-weight: bold;
    line-height: 180px;
    text-align: center;
    height: 200px;
    }
.basicsection{
    background: url(../img/bg_index_sec_01.png) no-repeat center top;
    background-size: cover;
    padding: 60px 0;
    width: 100%;
    }
.basictext{
    width: 960px;
    margin: 0 auto;
    padding: 60px 0;
    font-size: 20px;
    line-height: 1.4em;
    }

ul.topics_list{
    width: 1200px;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
ul.topics_list li{
    width: calc((100% - 40px) / 3);
    margin: 0 0 40px;
    }
ul.topics_list li h3{
    font-size: 20px;
    margin: 0;
    padding: 10px 0 8px;
    }
ul.topics_list li p{
    font-size: 14px;
    line-height: 1.4em;
    padding: 10px 0;
    }
ul.topics_list li p.morelinks{
    width: 100%;
    text-align: right !important;
    }

.index_videos{
    background: url(../img/bg_index_sec_04.png) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    padding: 20px 0 60px;
    }
/*　-----------------------------------------------
teiki
-------------------------------------------------  */
.lineup_wrap{
    width: 1240px;
    margin: 10px auto;
    }
.lineup_wrap img{
    width: 100%;
    }
/*　-----------------------------------------------
teiki
-------------------------------------------------  */
.teiki_wrap{
    width: 1240px;
    margin: 10px auto;
    }
.imgbox img{
    width: 620px;
    display: block;
    float: left;
    vertical-align: top;
    }
/*　-----------------------------------------------
about
-------------------------------------------------  */
.about_wrap{

}
.about_wrap h2{
    width: 960px;
    text-align: center;
    margin: 40px auto;
    padding: 0 0 30px;
    border-bottom: 1px solid #795e15;
    }
.about_wrap h3{
    width: 960px;
    text-align: center;
    margin: 40px auto 20px;
    padding: 0;
    }
ul.basic_three{
    width: 960px;
    margin: 40px auto;
    display: flex;
    justify-content: space-between;    
    }
ul.basic_three li{
    width: calc((100% - 40px) / 3);
    margin: 0 0 40px;
    }
ul.basic_three li img{
    width: 100%;
    }
ul.basic_two{
    width: 960px;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    }
ul.basic_two li{
    width: calc((100% - 40px) / 2);
    margin: 0 0 40px;
    text-align: center;
    }
ul.basic_two li img{
    width: 100%;
    padding: 0 0 10px;
    }

.about_wrap ul.basic_three li{
    line-height: 1.6em;
    }
.about_wrap ul.basic_three li span{
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 !important;
    display: inline-block;
    }
.two_c{
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    }
.two_c img{
    display: block;
    float: right;
    }
.two_c p{
    text-align: center;
    overflow: hidden;
    font-size: 24px;
    font-weight: bold;
    line-height: 2.2em;
    padding: 100px 20px 0;
    }
.ln_three{
    width: 720px;
    margin: 80px auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    }
.ln_three li{
    width: calc((100% - 120px) / 3);
    margin: 0 0 40px;
    text-align: center;
    line-height: 1.6em;
    }
.ln_three li img{
    width: 100%;
    padding: 0 0 10px;
    }
.ln_three li span{
    display: block;
    background: #E4DFD0;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 0;
    text-align: center;
    }
.ln_four{
    width: 960px;
    margin: 80px auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    }
.ln_four li{
    width: calc((100% - 160px) / 4);
    margin: 0 0 40px;
    text-align: center;
    line-height: 1.6em;
    }
.ln_four li img{
    width: 100%;
    padding: 0 0 10px;
    }
.ln_four li span{
    display: block;
    background: #E4DFD0;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 0;
    text-align: center;
    }
.img_descriptions{
    display: block;
    width: 960px;
    margin: 10px auto;
    overflow: hidden;
    font-size: 0;
    }
.img_descriptions li{
    display: inline-block;
    width: 480px;
    box-sizing: border-box;
    line-height: 1.4em;
    margin: 0 0 30px;
    }
.img_descriptions li img{
    display: block;
    float: left;
    width: 140px;
    }
.img_descriptions li p{
    font-size: 16px;
    line-height: 1.4em;
    padding: 10px 0 0 20px;
    display: block;
    float: left;
    }
.img_descriptions li p span{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    }
.time_benefit{
    width: 960px;
    margin: 20px auto;
    font-size: 22px;
    }
.benefit_half{
    display: block;
    width: 480px;
    box-sizing: border-box;
    line-height: 1.4em;
    margin: 0 0 30px;
    float: left;
    }
.benefit_half h3{
    width: 480px;
    text-align: center;
    }
.sub_two{
    width: 480px;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden;   
    }
.sub_two li{
    width: 240px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    box-sizing: border-box;
    }
.sub_two li img{
    display: block;
    }

.sub_four{
    width: 960px;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden;
    margin: 0 0 30px;  
    }
.sub_four li{
    width: 240px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    box-sizing: border-box;
    }
.sub_four li img{
    display: block;
    margin: 0 0 10px;
    }
.flex_two{
    width: 640px;
    margin: 80px auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    }
.flex_two li{
    width: calc((100% - 107px) / 2);
    margin: 0 0 40px;
    text-align: center;
    line-height: 1.6em;
    }
.flex_two li img{
    width: 100%;
    padding: 0 0 10px;
    }
.flex_three{
    width: 960px;
    margin: 40px auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    }
.flex_three li{
    width: calc((100% - 160px) / 3);
    margin: 0 0 40px;
    text-align: center;
    line-height: 1.6em;
    }
.flex_three li img{
    width: 100%;
    padding: 0 0 10px;
    }
/*　-----------------------------------------------
tokutei
-------------------------------------------------  */
.tokutei_table{
    width: 810px;
    margin: 20px auto;
    font-size: 0;
    overflow: hidden;
    }

.tokutei_table tr{
    }
.tokutei_table th{
    width: 200px;
    background: #E7E7E7;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    margin: 0 0 20px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    }
.tokutei_table td{
    width: 600px;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 20px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 5px 0px 0 35px;
    }
/*　-----------------------------------------------
privacypolicy
-------------------------------------------------  */
.policy_wrap{
    width: 960px;
    margin: 0 auto;
    }
.policy_wrap h2{
    font-size: 16px;
    margin: 0 0 1em;
    }
.policy_wrap h3{
    font-size: 16px;
    margin: 0 0 1em;
    }
.policy_wrap p{
    line-height: 1.6em;
    margin: 0 0 2em;
    }

@media(min-width:740px) {
/*　-----------------------------------------------
pc_limited style
-------------------------------------------------  */
.none_pc {
display: none !important;
    }
.pc_center{
text-align: center;
    }
.double {
    line-height: 60px !important;
    padding: 30px 0 0 !important;
    }
.index_slide img{
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    }
.pure-pusher-container{
    margin: 0px 0 30px;
    }
/*　-----------------------------------------------
lineup
-------------------------------------------------  */
h2.bd_tab{
    width: 960px;
    text-align: center;
    margin: 40px auto;
    padding: 0 0 30px;
    border-bottom: 1px solid #795e15;
    }
h3.lineup_cat{
    background: #e7e7e7;
    width: 400px;
    margin: 40px auto 80px;
    padding: 10px 0;
    text-align: center;
    font-size: 20px;
    }
.fullwide_bgwrap{
    padding: 40px 0;
    width: 100%;    
    }
.fullwide_bgwrap p{
    font-size: 18px !important;
    text-align: center;
    }
.fullimg {
    width: 960px;
    margin: 20px auto;
    text-align: center;
    }
.cl_lineup{
    background: #f7f5f1;
    }
#lineup_trial{
    padding: 30px 0;
    background: #f7f5f1;
    }
#lineup_soupset{
    padding: 30px 0;
    }
.lineup_wrap{
    width: 100%;
    }
.lineup_wrap h2{
    width: 90%;
    text-align: center;
    margin: 40px auto 20px;
    padding: 0 0 30px;
    border-bottom: 1px solid #795e15;
    }
.lineup_wrap h3{
    text-align: center;
    background: #e7e7e7;
    font-size: 18px;
    width: 90%;
    margin: 10px auto;
    padding: 10px;
    box-sizing: border-box;
    }
.lineup_wrap h2 img{
    width: 70%;
    }
#lineup_soup p,
#lineup_whiteaspagos p,
#lineup_lemone p,
#lineup_tomatojuice p{
    width: 90%;
    margin: 25px auto;
    font-size: 14px;
    line-height: 1.6em;
    text-align: center;
    }
.item_box{
    width: 90%;
    overflow: hidden;
    margin: 20px auto;
    text-align: center;
    }
.item_ph{
    width: 180px;
    margin: 0 auto;
    }
.item_ph img{
    width: 100%;
    }
.item_spec{
    width: 100%;
    text-align: center;
    padding: 10px 0 0;
    min-height: 120px;
    }
.i_catch,
.i_seibun{
    margin: 0px !important;
    font-size: 14px !important;
    width: 100% !important;
    }
.item_spec h4{
    }
.i_price{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 10px 0 !important;
    vertical-align: baseline;
    }
.i_price span{
    font-size: 24px !important;
    }
.i_link{
    clear: both;
    width: 90px;
    margin: 20px auto;
    padding: 10px 0;
    border: 1px solid #333;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width: 70%;
    margin: 20px auto 40px;
    color: #333 !important;
    text-decoration: none;
    }
#lineup_trial{
    }
#lineup_trial img{
    }
.trial_ph_boxx{
    width: 600px;
    margin: 0 auto;
    }
.lineup_trial_catch{
    width: 400px;
    display: block;
    margin: 10px auto;
    }
#lineup_wrap .flex_two{
    width: 960px !important;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    }
#lineup_wrap .flex_two li{
    width: calc((100% - 20px) / 2) !important;
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
#lineup_wrap .flex_two li img{
    width: 90%;
    margin: 0 !important;
    padding: 0 0 10px;
    }
#lineup_wrap .flex_three{
    width: 960px;
    margin: 40px auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    }
#lineup_wrap .flex_three li{
    width: calc((100% - 20px) / 3);
    margin: 0 0 40px;
    text-align: center !important;
    line-height: 1.6em;
    }
#lineup_wrap .flex_three li img{
    width: 100%;
    padding: 0 0 10px;
    }
#lineup_wrap .flex_four{
    width: 960px;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
#lineup_wrap .flex_four li{
    width: calc((100% - 80px) / 4);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
#lineup_wrap .flex_four li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }

.item_box_02{
    width: 100%;
    text-align: center;
    padding: 30px 0 20px;
    }
.item_box_02 img{
    width: 90%;
    }
/*　-----------------------------------------------
voice
-------------------------------------------------  */
.voice_wrap{
    width: 960px;
    margin: 0 auto 60px;
    }
.voice_intro_wrap img{
    width: 400px;
    display: block;
    margin: 0 auto 10px;
    }
.voice_wrap h2{
    width: 90%;
    text-align: center;
    margin: 40px auto 40px;
    padding: 0 0 20px;
    border-bottom: 1px solid #795e15;
    }
.voice_wrap h2 img{
    width: 400px;
    display: block;
    margin: 0 auto;
    }
ul.voice_list{
    width: 960px;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    }
ul.voice_list li{
    padding: 15px 0;
    box-sizing: border-box;
    text-align: center;
    width: calc((100% - 80px) / 2);
    margin: 0 0 20px;
    text-align: center;
    } 
ul.voice_list li img{
    width: 480px;
    }
/*　-----------------------------------------------
faq
-------------------------------------------------  */
.faq_wrap{
    width: 800px;
    margin: 0 auto;
    }
.faq_intro,
.faq_wrap h2{
    width: 100%;
    margin: 30px auto;
    }
.faq_wrap h2{
    margin: 30px auto;
    padding: 0;
    border-bottom: 1px solid #000;
    }
.faq_intro img{
    width: 600px;
    margin: 50px auto;
    display: block;
    }
.faq_wrap h2 img{
    width: 400px;
    margin: 60px auto -1px;
    display: block;
    }
h3.box_q{
    width: 100%;
    background: #E7E7E7;
    margin: 0 auto 15px;
    padding: 10px 10px 10px 30px;
    font-size: 16px;
    box-sizing: border-box;
    }
h3.box_q:before{
    font-weight: 500; 
    content: 'Q';
    margin: 0 0 0 -30px;
    padding: 5px 10px;
    color: #333;
    }
p.box_answer{
    width: 100%;
    padding: 15px 0 15px 30px;
    margin: 0 auto 15px;
    font-size: 16px;
    line-height: 1.6em;
    box-sizing: border-box;
    }
p.box_answer:before{
    font-weight: 500; 
    content: 'A';
    margin: 0 0 0 -30px;
    padding: 5px 8px;
    font-size: 16px;
    color: #333;
    }
p.box_answer img{
    width: 100%;
    margin: 15px auto 15px;
    display: block;
    }
/*　-----------------------------------------------
guide
-------------------------------------------------  */
.guide_wrap{
    width: 960px;
    margin: 0 auto;
    }
.guide_wrap img{
    width: 500px;
    margin: 0 auto;
    display: block;
    }
.guide_wrap h5 img{
    width: 375px;
    margin: 40px auto 10px;
    display: block;
    }
.guide_wrap h2{
    width: 100%;
    margin: 60px auto;
    border-bottom: 1px solid #000;
    }
.guide_wrap h2 img{
    width: 400px;
    margin: 30px auto -1px;
    }
.guide_wrap h5{
    width: 100%;
    margin: 30px auto 20px;
    }
.guide_wrap .flex_four{
    width: 100%;
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.guide_wrap .flex_four li{
    width: calc((100% - 180px) / 4);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.guide_wrap .flex_four li img{
    width: 80%;
    margin: 0  auto !important;
    padding: 0 0 10px;
    }
.guide_wrap .flex_two{
    width: 100%;
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.guide_wrap .flex_two li{
    width: calc((100% - 180px) / 3);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.guide_wrap .flex_two li img{
    width: 80%;
    margin: 0  auto !important;
    padding: 0 0 10px;
    }

.guide_wrap .flex_one{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    }
.guide_wrap .flex_one li{
    width: 280px;
    margin: 0 auto 20px;
    text-align: center;
    line-height: 1.6em;
    }
.guide_wrap .flex_one li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }
#guide_order{
    width: 100%;
    background: #F7F5F1;
    margin: 0 auto 15px;
    padding: 30px 15px;
    box-sizing: border-box;   
    }
#guide_order h3{
    text-align: center;
    font-size: 24px;
    }
#guide_order p,
#guide_weborder p{
    text-align: center;
    font-size: 13px;
    line-height: 1.6em;
    padding: 0 0 1em;
    }
.guide_subnote{
    text-align: left !important;
    padding: 0 1em 2em !important;
    }
#guide_aboutbill p,
#guide_orderconfirm p,
#guide_ordercancell p{
    text-align: left !important;
    padding: 0 1em 2em !important;
    line-height: 1.6em !important;
    }
.guide_step_intro{
    font-size: 16px !important;
    padding: 0 1em 2em !important;
    }    
.step_list li {
    width: 100%;
    padding: 0 15px 1em;
    box-sizing: border-box;
    clear: both;
    font-size: 14px;
    line-height: 1.6em;
    }
.step_list li span{
    background: #000;
    color: #fff;
    border-radius: 16px;
    font-size: 16px;
    line-height: 32px;
    display: block;
    float: left;
    width: 32px;
    text-align: center;
    margin: 0 1em 2em 0;
    }
.fitimg80{
    width: 400px !important;
    display: block;
    margin: 30px auto !important;
    }

.guide_ship_sub{
    padding: 10px 15px;
    box-sizing: border-box;
    line-height: 32px !important;
    }
.guide_ship_sub img{
    width: 32px !important;
    padding: 0 10px 0 0;
    line-height: 32px !important;
    vertical-align: top;
    display: inline-block;
    }
#guide_shipping p,
#guide_payment p{
    font-size: 14px !important;
    padding: 10px 15px !important;
    line-height: 1.6em !important;
    }
#guide_shipping table{
    width: 95%;
    margin: 10px auto;
    border-collapse: collapse;
    border: solid 1px #000000;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    }
#guide_shipping table th{
    background: #FFF4E1;
    border: solid 1px #000000;
    padding: 3px;
    }
#guide_shipping table td{
    xbackground: #fff;
    border: solid 1px #000000;
    padding: 3px;
    }

#guide_free_options h4,
#guide_paid_options h4{
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin: 0 0 14px;
    }
#guide_free_options p,
#guide_paid_options p{
    font-size: 16px !important;
    padding: 10px 30px 40px !important;
    line-height: 1.6em !important;
    box-sizing: border-box;
    width: 600px;
    margin: 0 auto;
    }
#guide_free_options p img,
#guide_paid_options p img{
    width: 600px;
    display: block;
    margin: 0 auto;
    }
.fit_height{
    margin-bottom: 140px !important;
    }
.fit_height_b{
    margin-bottom: 5em !important;
    }
#guide_paid_options{
    margin: 10px auto 60px;
    }
.sample_box{
    width: 750px;
    margin: 0 auto;
    }
.sample_box img{
    width: 100%;
    }
/*　-----------------------------------------------
hojin
-------------------------------------------------  */
.hojin_wrap{
    width: 750px;
    margin: 10px auto;
    }
.hojin_wrap h2{
    width: 100%;
    text-align: center;
    margin: 40px auto 30px;
    padding: 0;
    }
.hojin_wrap h3{
    text-align: center;
    background: #e7e7e7;
    font-size: 18px;
    width: 95%;
    margin: 10px auto;
    padding: 10px;
    box-sizing: border-box;
    }
.hojin_wrap p{
    font-size: 14px;
    line-height: 1.6em;
    padding: 5px 10px 20px;
    }
.hojin_wrap .text_center{
    font-size: 13px !important;    
    }
.hojin_wrap h2 img,
.hojin_wrap p img{
    width: 100%;
    }
.hojin_wrap .flex_two{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.hojin_wrap .flex_two li{
    width: calc((100% - 20px) / 2);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.hojin_wrap .flex_two li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }

.hojin_wrap .flex_two_r{
    width: 100%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.hojin_wrap .flex_two_r li{
    width: calc((100% - 20px) / 2);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.hojin_wrap .flex_two_r li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }

.hojin_wrap .flex_one{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    }
.hojin_wrap .flex_one li{
    width: 290px;
    margin: 0 auto 20px;
    text-align: left;
    font-size: 13px;
    line-height: 1.6em;
    }
.hojin_wrap .flex_one h4{
    text-align: center;
    background: #e7e7e7;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    margin: 10px auto;
    padding: 7px;
    box-sizing: border-box;
    }    
.hojin_wrap .flex_one li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }
.link_text_cat_wrap{
    font-size: 12px;
    border: solid 1px #000000;
    padding: 1px 3px;
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    }
/*　-----------------------------------------------
gift
-------------------------------------------------  */
.gift_intro img{
    width: 100%;
    }
.g_w_l{
    width: 90%;
    text-align: center;
    margin: 40px auto 20px !important;
    padding: 0 0 20px !important;
    border-bottom: 1px solid #795e15;
    }
.g_w_l img{
    width: 90% !important;
    }
.img_icons img{
    width: 80% !important;
    display: inline-block;
    margin: 0 0 15px;
    }
/*　-----------------------------------------------
teiki
-------------------------------------------------  */
.teiki_wrap{
    width: 960px;
    margin: 10px auto;
    }
.imgbox img{
    width: 620px;
    display: block;
    float: left;
    vertical-align: top;
    }
.teiki_wrap .imgbox img{
    width: 480px;
    display: block;
    float: left;
    vertical-align: top;
    }

/*　-----------------------------------------------
shopinfo
-------------------------------------------------  */
.shop_wrap {
    margin: -25px auto 0;
    width: 960px;
    overflow: hidden;
    }
.shop_wrap h2{
    width: 90%;
    text-align: center;
    margin: 20px auto 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #795e15;
    }
.shop_wrap h2 img{
    width: 400px;
    display: block;
    margin: 0 auto;
    }
.shop_info_wrap{
    width: 90%;
    margin: 40px auto;  
    }
.shop_info_wrap iframe{
    margin: 0 0 30px;
    }
.shop_info_wrap img{
    width: 400px;
    margin: 0px auto 20px;  
    display: block;
    float: left;
    }
table.shop_info_table{
    width: 440px;
    margin: 0px 0 20px 20px;
    border-collapse: collapse;
    border: solid 1px #000000;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    float: left;
    }
table.shop_info_table th{
    border: solid 1px #000000;
    padding: 10px;
    font-weight: normal;
    }
table.shop_info_table td{
    border: solid 1px #000000;
    padding: 10px;
    }
/*　-----------------------------------------------
company
-------------------------------------------------  */
.company_wrap {
    margin: -25px auto 0;
    overflow: hidden;
    }
table.company_info_table{
    width: 800px;
    margin: 10px auto 20px;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    }
table.company_info_table th{
    padding: 5px;
    font-weight: normal;
    display: block;
    border: 1px solid #000;
    width: 140px;
    margin: 10px auto 0;
    text-align: center;
    }
table.company_info_table td{
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto 40px;
    }
table.company_info_table td　a{
    color: #000;
    }

/*　-----------------------------------------------
tokutei
-------------------------------------------------  */
.tokutei_table{
    width: 700px;
    margin: -10px auto 20px auto;
    font-size: 0;
    overflow: hidden;
    }
.tokutei_table tr{
    }
.tokutei_table th{
    width: 100%;
    background: #E7E7E7;
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 20px;
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    }
.tokutei_table td{
    width: 100%;
    font-size: 15px;
    line-height: 1.6em;
    margin: 0 0 20px;
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 5px 0px;
    }

/*　-----------------------------------------------
/pc_limited style
-------------------------------------------------  */
}

@media screen and (max-width: 739px) {
/*　-----------------------------------------------
sp style
-------------------------------------------------  */
.important_notices {
    font-size: 14px;
    text-align: center;
    border: 4px solid red;
    padding: 10px 20px;
    line-height: 24px;
    width: 90%;
    box-sizing: border-box;
    font-weight: normal;
    margin: 0 auto 10px !important;
    font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color: #000;
}

.important_notices p {
    text-align: justify;
}

.important_notices p a {
    color: #0000ee !important;
    text-decoration: underline;
}

.none_sp {
display: none !important;
}

.sec_tb {
width: 80%;
margin: 0 auto;
padding-bottom: 34px;
}

.sec_tb img {
width: 100%;
}

.sp-header,
#sp-header2,
.pure-toggle-label {
    display: none !important;
}

.head_shopinfo{
    background: #f7f5f1;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
h1.pagetitle{
    width: 100%;
    background: url(../img/sp/bg_ud_ptitle.png) no-repeat center top;
    background-size: contain;
    font-size: 15px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    min-height: 72px;
    height: auto;
    padding: 6px 0;
    }
.double{
    line-height: 25px !important;
    }
.basicsection{
    background: url(../img/bg_body_common_070.png) repeat-y center top;
    background-size: contain;
    background-: 
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
    }
.basictext{
    width: 90%;
    margin: 0 5%;
    padding: 15px 0;
    font-size: 14px;
    line-height: 1.4em;
    text-align: left;
    box-sizing: border-box;
    }

.fixed_bottom_nav{
position: fixed;
bottom: 0;
width: 100%;
z-index: 10000;
display: flex;
flex-wrap: wrap;
background: #e7e7e7;
}

.fixed_bottom_nav li{
    width: calc((100% - 0px) / 6);
    margin: 0;
    }
.fixed_bottom_nav li img{
    width: 100%;
    }
.fixed_bottom_nav li a:hover{
    opacity: 0.7;
    }


.sp_nav {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: #f7f5f1;
z-index: 10001;
display:none;
}

#menu_logo_head {
    width: 80%;
    margin: 20px auto 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    }
#menu_logo_head img {
    width: 140px;
    }

#slidetoggle_menu{
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
#slidetoggle_menu li{
    width: calc((100% - 66px) / 3);
    margin: 0;
    }
#slidetoggle_menu li img{
    width: 100%;
    }
#slidetoggle_menu li a:hover{
    opacity: 0.7;
    }

#slidetoggle_menu li {
border: 1px solid #fff;
padding-bottom: 12px;
margin-bottom: 16px;
}

#slidetoggle_menu li a {
font-size: 16px;
color: #fff;
}

.sp_nav_button {
display: inline-block;
box-sizing: border-box;
position: absolute;
z-index: 10010;
top: 50px;
right: 10px;
}

.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}

.menu-trigger {
position: relative;
width: 30px;
height: 28px;
z-index: 9999;
}

.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #000;
border-radius: 2px;
}

.menu-trigger span:nth-of-type(1) {
top: 0;
}

.menu-trigger span:nth-of-type(2) {
top: 9px;
}

.menu-trigger span:nth-of-type(3) {
top: 18px;
}
span.hamburger-title{
top: 25px;
background: none;
font-size: 10px;
text-align: center;
color: #000;
}

.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(-320deg);
transform: translateY(10px) rotate(-320deg);
width: 30px;
background-color: #000;
}

.menu-trigger.active span:nth-of-type(2),
.menu-trigger.active span.hamburger-title {
opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-8.2px) rotate(320deg);
transform: translateY(-8.2px) rotate(320deg);
width: 30px;
background-color: #000;
}

.drw_sp_tels{
    text-align: center;
    }
.drw_sp_tels img{
    width: 80%;
    display: block;
    margin: 0 auto;
    }
.sp_foot_logo{
    display: block;
    width: 140px !important;
    margin: 18px auto 30px;
    }

#container{
    margin: 0 0;
    }
.index_slide,
.under_hph{
    margin: 0px 0 0;
    }
.index_slide,
.index_slide img{
    width: 100%;
    }
h2.catch{
    width: 92%;
    text-align: center;
    margin: 0 auto;
    }
h2.catch img{
    width: 100%;
    }
h2.tabs{
    width: 90%;
    text-align: center;
    margin: 20px auto 20px;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #795e15;
    }
h2.tabs img{
    width: 66%;
    }
.btn_box_textlink{
    width: 92%;
    text-align: center;
    margin: 20px auto;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    background: #000;
    color: #fff;
    }

ul.basic_list_three{
    width: 100%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    }
    ul.basic_list_three li{
        width: 75%;
        margin: 10px auto;
        }
    ul.basic_list_three li img{
        width: 100%;
        }
    ul.basic_list_three li h4{
        font-size: 16px;
        margin: 0;
        padding: 10px 0 8px;
        text-align: center;
        }
    ul.basic_list_three li a{
        text-decoration: none;
        color: #333;
        }

/*　-----------------------------------------------
index
-------------------------------------------------  */
.index_catlist{
    background: url(../img/bg_index_sec_01.png) no-repeat center top;
    background-size: cover;
    margin: 0 0 60px;
    width: 100%;
    }
.index_main_concept{
    text-align: center;
    margin: 20px auto 40px;
    line-height: 1.6em;
    font-size: 4.375vw;
    }
.index_main_concept img{
    width: 180px;
    display: block;
    margin: 10px auto;
    }

ul.cat_list{
    width: 100%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    }
ul.cat_list li{
    width: 92%;
    margin: 10px auto;
    }
ul.cat_list li img{
    width: 100%;
    }
ul.cat_list li h3{
    text-align: center;
    background: #e7e7e7;
    font-size: 18px;
    margin: 10px 0;
    padding: 10px;
    }
ul.cat_list li p{
    font-size: 14px;
    line-height: 1.6em;
    min-height: 2em;
    display: flex;
    padding: 10px 0 15px;
    }

.btn_txt_link{
    margin: 30px 0;
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: center;
    }
.btn_txt_link a{
    display: block;
    text-decoration: none;
    color: #666;
    }

.index_information{
    background: url(../img/bg_index_sec_02.png) no-repeat center top;
    overflow: hidden;
    width: 100%;
    padding: 20px 0 40px;
    }
.index_information_dl{
    width: 92%;
    margin: 0 auto;
    }
.index_information_dl dt{
    clear: both;
    float: none;
    display: inline-block;
    width: 100%;
    padding: 0.5em 0.5em 0;
    }
.index_information_dl dd{
    width: 100%;
    padding: 0.5em;
    }

.index_topics{
    background: url(../img/bg_index_sec_03.png) no-repeat center top;
    overflow: hidden;
    width: 100%;
    padding: 20px 0 40px;
    }
ul.topics_list{
    width: 92%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
ul.topics_list li{
    width: calc((100% - 20px) / 2);
    margin: 0;
    }
ul.topics_list li img{
    width: 100%;
    }
ul.topics_list li h3{
    font-size: 13px;
    margin: 0;
    padding: 10px 0 8px;
    }
ul.topics_list li p{
    font-size: 12px;
    line-height: 1.4em;
    padding: 10px 0;
    }
ul.topics_list li p.morelinks{
    width: 100%;
    text-align: right !important;
    }

.index_videos{
    background: url(../img/bg_index_sec_04.png) no-repeat center top;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    padding: 20px 0 60px;
    margin: 0 0 60px;
    }

/*　-----------------------------------------------
teiki
-------------------------------------------------  */
.teiki_wrap{
    width: 90%;
    margin: -75px auto 10px;
    }
.teiki_wrap img{
    width: 100%;
    }   
.imgbox{
    overflow: hidden;
    }
.imgbox img{
    width: 50%;
    display: block;
    float: left;
    vertical-align: top;
    }
.teiki_wrap h2{
    width: 100%;
    text-align: center;
    margin: 45px auto 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #795e15;
    }
.teiki_wrap h2 img{
    width: 80%;
    }
.teiki_wrap h3{
    width: 100%;
    text-align: center;
    margin: 10px auto 20px;
    padding: 0;
    }
.teiki_wrap p{
    line-height: 1.4em;
    }
.teiki_wrap .flex_two{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.teiki_wrap .flex_two li{
    width: calc((100% - 40px) / 2);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.teiki_wrap .flex_two li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }
/*　-----------------------------------------------
about
-------------------------------------------------  */
.about_wrap{
    width: 95%;
    margin: -85px auto 0;
    }
.about_wrap img{
    width: 100%;
    }
.about_wrap h2{
    width: 90%;
    text-align: center;
    margin: 50px auto 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #795e15;
    }
.about_wrap h3{
    width: 90%;
    text-align: center;
    margin: 40px auto 20px;
    padding: 0;
    }
h3.about_tab_sp{
    margin: 40px auto -30px !important;
    display: block;
    }
h3.about_tab_sp img{
    width: 60% !important;
    }
ul.basic_three{
    width: 90%;
    margin: 40px auto;
    display: block;   
    }
ul.basic_three li{
    width: 100%;
    margin: 0 auto 40px;
    }
ul.basic_three li img{
    width: 100%;
    }
ul.basic_two{
    width: 90%;
    margin: 40px auto;
    display: block;   
    }
ul.basic_two li{
    width: 100%;
    margin: 0 0 40px;
    text-align: center;
    }
ul.basic_two li img{
    width: 100%;
    padding: 0 0 10px;
    }

.about_wrap ul.basic_three li{
    line-height: 1.6em;
    }
.about_wrap ul.basic_three li span{
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 !important;
    display: inline-block;
    }
.two_c{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    }
.two_c img{
    display: block;
    float: right;
    }
.two_c p{
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6em;
    padding: 10px 20px 0;
    }
.ln_three{
    width: 90%;
    margin: 80px auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    }
.ln_three li{
    width: 90%;
    margin: 0 auto 40px;
    text-align: center;
    line-height: 1.6em;
    }
.ln_three li img{
    width: 100%;
    padding: 0 0 10px;
    }
.ln_three li span{
    display: block;
    background: #E4DFD0;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 0;
    text-align: center;
    }
.ln_four{
    width: 90%;
    margin: 80px auto 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    }
.ln_four li{
    width: 100%;
    margin: 0 0 40px;
    text-align: center;
    line-height: 1.6em;
    }
.ln_four li img{
    width: 100%;
    padding: 0 0 10px;
    }
.ln_four li span{
    display: block;
    background: #E4DFD0;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 10px 0;
    text-align: center;
    }
.img_descriptions{
    display: block;
    width: 90%;
    margin: 10px auto;
    overflow: hidden;
    font-size: 0;
    }
.img_descriptions li{
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.4em;
    margin: 0 0 30px;
    }
.img_descriptions li img{
    display: block;
    float: none;
    width: 140px;
    margin: 0 auto;
    }
.img_descriptions li p{
    font-size: 16px;
    line-height: 1.4em;
    padding: 10px 0 0 20px;
    display: block;
    float: none;
    }
.img_descriptions li p span{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    }
.time_benefit{
    width: 90%;
    margin: 20px auto;
    font-size: 22px;
    }
.benefit_half{
    display: block;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.4em;
    margin: 0 0 30px;
    float: left;
    }
.benefit_half h3{
    width: 100%;
    text-align: center;
    }
.sub_two{
    width: 100%;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden;   
    }
.sub_two li{
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    box-sizing: border-box;
    }
.sub_two li img{
    display: block;
    }

.sub_four{
    width: 90%;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden;
    margin: 0 auto 30px;  
    }
.sub_four li{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    box-sizing: border-box;
    }
.sub_four li img{
    display: block;
    margin: 0 0 10px;
    }
.flex_two{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;   
    }
.flex_two li{
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.flex_two li img{
    width: 100%;
    padding: 0 0 10px;
    }
.flex_three{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;   
    }
.flex_three li{
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.flex_three li img{
    width: 100%;
    padding: 0 0 10px;
    }

/*　-----------------------------------------------
shopinfo
-------------------------------------------------  */
.shop_wrap {
    margin: -65px auto 0;
    }
.shop_wrap h2{
    width: 90%;
    text-align: center;
    margin: 20px auto 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #795e15;
    }
.shop_wrap h2 img{
    width: 94%;
    display: block;
    margin: 0 auto;
    }
.shop_info_wrap{
    width: 90%;
    margin: 10px auto 20px;  
    }
.shop_info_wrap iframe{
    margin: 0 0 30px;
    }
.shop_info_wrap img{
    width: 100%;
    margin: 10px auto 20px;  
    }
table.shop_info_table{
    width: 100%;
    margin: 10px auto 20px;
    border-collapse: collapse;
    border: solid 1px #000000;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    }
table.shop_info_table th{
    border: solid 1px #000000;
    padding: 10px;
    font-weight: normal;
    }
table.shop_info_table td{
    border: solid 1px #000000;
    padding: 10px;
    }

/*　-----------------------------------------------
company
-------------------------------------------------  */
.company_wrap {
    margin: -65px auto 0;
    overflow: hidden;
    }
table.company_info_table{
    width: 100%;
    margin: 10px auto 20px;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    }
table.company_info_table th{
    padding: 5px;
    font-weight: normal;
    display: block;
    border: 1px solid #000;
    width: 140px;
    margin: 10px auto 0;
    text-align: center;
    }
table.company_info_table td{
    padding: 10px 0;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto 40px;
    }
table.company_info_table td　a{
    color: #000;
    }
/*　-----------------------------------------------
voice
-------------------------------------------------  */
.voice_wrap{
    width: 94%;
    margin: 0 auto 60px;
    }
.voice_intro_wrap img{
    width: 78%;
    display: block;
    margin: 0 auto 10px;
    }
.voice_wrap h2{
    width: 90%;
    text-align: center;
    margin: 20px auto 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #795e15;
    }
.voice_wrap h2 img{
    width: 94%;
    display: block;
    margin: 0 auto;
    }
ul.voice_list{
    width: 100%;
    }
ul.voice_list li{
    padding: 15px 0;
    box-sizing: border-box;
    text-align: center;
    } 
ul.voice_list li img{
    width: 90%;
    } 
/*　-----------------------------------------------
tokutei
-------------------------------------------------  */
.tokutei_table{
    width: 90%;
    margin: -30px auto 20px auto;
    font-size: 0;
    overflow: hidden;
    }
.tokutei_table tr{
    }
.tokutei_table th{
    width: 100%;
    background: #E7E7E7;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    margin: 0 0 20px;
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    }
.tokutei_table td{
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 20px;
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 5px 0px;
    }

/*　-----------------------------------------------
lineup
-------------------------------------------------  */
#lineup_trial{
    padding: 30px 0;
    background: #f7f5f1;
    }
#lineup_soupset{
    padding: 30px 0;
    }
.lineup_wrap{
    width: 100%;
    }
.lineup_wrap h2{
    width: 90%;
    text-align: center;
    margin: 40px auto 20px;
    padding: 0 0 30px;
    border-bottom: 1px solid #795e15;
    }
.lineup_wrap h3{
    text-align: center;
    background: #e7e7e7;
    font-size: 18px;
    width: 90%;
    margin: 10px auto;
    padding: 10px;
    box-sizing: border-box;
    }
.lineup_wrap h2 img{
    width: 70%;
    }
#lineup_soup p,
#lineup_whiteaspagos p,
#lineup_lemone p,
#lineup_tomatojuice p{
    width: 90%;
    margin: 25px auto;
    font-size: 14px;
    line-height: 1.6em;
    text-align: center;
    }
.item_box{
    width: 90%;
    overflow: hidden;
    margin: 20px auto;
    }
.item_ph{
    width: 110px;
    margin: 0 20px 0 0;
    float: left;
    }
.item_ph img{
    width: 100%;
    }
.item_spec{
    float: left;
    width: 200px;
    text-align: left !important;
    padding: 10px 0 0;
    }
.i_catch,
.i_seibun{
    text-align: left !important;
    margin: 0px !important;
    font-size: 11px !important;
    width: 100% !important;
    }
.item_spec h4{
    }
.i_price{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 10px 0 !important;
    }
.i_price span{
    font-size: 24px !important;
    }
.i_link{
    clear: both;
    width: 90px;
    margin: 20px auto;
    padding: 10px 0;
    border: 1px solid #333;
    text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width: 70%;
    margin: 20px auto 40px;
    color: #333 !important;
    text-decoration: none;
    }

#lineup_trial{
    }
#lineup_trial img{
    width: 80%;
    display: block;
    margin: 30px auto auto;
    }
#lineup_trial .flex_two{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
#lineup_trial .flex_two li{
    width: calc((100% - 20px) / 2);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
#lineup_trial .flex_two li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }

.trial_tokuten{
    width: 90% !important;
    margin: 10px auto !important;
    }
.trial_tokuten li {
    width: 100%;
    padding: 0 15px 1em;
    box-sizing: border-box;
    clear: both;
    font-size: 14px;
    line-height: 2.3em !important;
    font-weight: bold !important;
    }
.trial_tokuten li span{
    background: #795E15 !important;
    color: #fff;
    border-radius: 16px;
    font-size: 16px;
    line-height: 32px;
    display: block;
    float: left;
    width: 32px;
    text-align: center;
    margin: 0 1em 2em 0;
    }
.item_box_02{
    width: 100%;
    text-align: center;
    padding: 30px 0 20px;
    }
.item_box_02 img{
    width: 90%;
    }
@media screen and (max-width: 320px) {
/* ---------------------------------  */
.item_ph {
    width: 110px;
    margin: 0 auto 0;
    float: none;
    text-align: center;
}
.item_spec {
    float: none;
    width: 220px;
    text-align: center !important;
    padding: 10px 0 0;
    margin: 0 auto;
}
#lineup_soup p,{
    width: 90%;
    margin: 25px auto;
    font-size: 14px;
    line-height: 1.6em;
    text-align: center !important;
    }
.i_seibun{
    text-align: center !important;
    }
/* ---------------------------------  */
}

/*　-----------------------------------------------
faq
-------------------------------------------------  */
.faq_intro,
.faq_wrap h2{
    width: 90%;
    margin: 30px auto;
    }
.faq_intro img,
.faq_wrap h2 img{
    width: 100%;
    }
h3.box_q{
    width: 90%;
    background: #E7E7E7;
    margin: 0 auto 15px;
    padding: 10px 10px 10px 30px;
    font-size: 16px;
    box-sizing: border-box;
    }
h3.box_q:before{
    font-weight: 500; 
    content: 'Q';
    margin: 0 0 0 -30px;
    padding: 5px 10px;
    color: #333;
    }
p.box_answer{
    width: 90%;
    padding: 15px 0 15px 30px;
    margin: 0 auto 15px;
    font-size: 13px;
    line-height: 1.6em;
    box-sizing: border-box;
    }
p.box_answer:before{
    font-weight: 500; 
    content: 'A';
    margin: 0 0 0 -30px;
    padding: 5px 8px;
    font-size: 16px;
    color: #333;
    }
p.box_answer img{
    width: 100%;
    margin: 15px auto 15px;
    display: block;
    }
/*　-----------------------------------------------
guide
-------------------------------------------------  */
.guide_wrap{
    width: 100%;
    }
.guide_wrap img,
.guide_wrap h5 img{
    width: 100%;
    }
.guide_wrap h2{
    width: 90%;
    margin: 30px auto;
    }
.guide_wrap h5{
    width: 90%;
    margin: 30px auto 20px;
    }
.guide_wrap .flex_two{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.guide_wrap .flex_two li{
    width: calc((100% - 60px) / 2);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.guide_wrap .flex_two li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }

.guide_wrap .flex_one{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    }
.guide_wrap .flex_one li{
    width: 280px;
    margin: 0 auto 20px;
    text-align: center;
    line-height: 1.6em;
    }
.guide_wrap .flex_one li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }
#guide_order{
    width: 100%;
    background: #F7F5F1;
    margin: 0 auto 15px;
    padding: 30px 15px;
    box-sizing: border-box;   
    }
#guide_order h3{
    text-align: center;
    font-size: 24px;
    }
#guide_order p,
#guide_weborder p{
    text-align: center;
    font-size: 13px;
    line-height: 1.6em;
    padding: 0 0 1em;
    }
.guide_subnote{
    text-align: left !important;
    padding: 0 1em 2em !important;
    }
#guide_aboutbill p,
#guide_orderconfirm p,
#guide_ordercancell p{
    text-align: left !important;
    padding: 0 1em 2em !important;
    line-height: 1.6em !important;
    }
.guide_step_intro{
    font-size: 16px !important;
    padding: 0 1em 2em !important;
    }    
.step_list li {
    width: 100%;
    padding: 0 15px 1em;
    box-sizing: border-box;
    clear: both;
    font-size: 14px;
    line-height: 1.6em;
    }
.step_list li span{
    background: #000;
    color: #fff;
    border-radius: 16px;
    font-size: 16px;
    line-height: 32px;
    display: block;
    float: left;
    width: 32px;
    text-align: center;
    margin: 0 1em 2em 0;
    }
.fitimg80{
    width: 80% !important;
    display: block;
    margin: 10px auto;
    }

.guide_ship_sub{
    padding: 10px 15px;
    box-sizing: border-box;
    line-height: 32px !important;
    }
.guide_ship_sub img{
    width: 32px !important;
    padding: 0 10px 0 0;
    line-height: 32px !important;
    vertical-align: top;
    }
#guide_shipping p,
#guide_payment p{
    font-size: 14px !important;
    padding: 10px 15px !important;
    line-height: 1.6em !important;
    }
#guide_shipping table{
    width: 95%;
    margin: 10px auto;
    border-collapse: collapse;
    border: solid 1px #000000;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    }
#guide_shipping table th{
    background: #FFF4E1;
    border: solid 1px #000000;
    padding: 3px;
    }
#guide_shipping table td{
    xbackground: #fff;
    border: solid 1px #000000;
    padding: 3px;
    }

#guide_free_options h4,
#guide_paid_options h4{
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin: 0 0 14px;
    }
#guide_free_options p,
#guide_paid_options p{
    font-size: 14px !important;
    padding: 10px 30px !important;
    line-height: 1.6em !important;
    box-sizing: border-box;
    }
#guide_free_options p img,
#guide_paid_options p img{
    width: 100%;
    }
.fit_height{
    margin-bottom: 140px !important;
    }
.fit_height_b{
    margin-bottom: 5em !important;
    }
#guide_paid_options{
    margin: 10px auto 60px;
    }
/*　-----------------------------------------------
hojin
-------------------------------------------------  */
.hojin_wrap{
    width: 94%;
    margin: 10px auto;
    }
.hojin_wrap h2{
    width: 100%;
    text-align: center;
    margin: 40px auto 30px;
    padding: 0;
    }
.hojin_wrap h3{
    text-align: center;
    background: #e7e7e7;
    font-size: 18px;
    width: 95%;
    margin: 10px auto;
    padding: 10px;
    box-sizing: border-box;
    }
.hojin_wrap p{
    font-size: 14px;
    line-height: 1.6em;
    padding: 5px 10px 20px;
    }
.hojin_wrap .text_center{
    font-size: 13px !important;    
    }
.hojin_wrap h2 img,
.hojin_wrap p img{
    width: 100%;
    }
.hojin_wrap .flex_two{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.hojin_wrap .flex_two li{
    width: calc((100% - 20px) / 2);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.hojin_wrap .flex_two li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }

.hojin_wrap .flex_two_r{
    width: 100%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
.hojin_wrap .flex_two_r li{
    width: calc((100% - 20px) / 2);
    margin: 0 0 20px;
    text-align: center;
    line-height: 1.6em;
    }
.hojin_wrap .flex_two_r li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }

.hojin_wrap .flex_one{
    width: 90%;
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    }
.hojin_wrap .flex_one li{
    width: 290px;
    margin: 0 auto 20px;
    text-align: left;
    font-size: 13px;
    line-height: 1.6em;
    }
.hojin_wrap .flex_one h4{
    text-align: center;
    background: #e7e7e7;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    margin: 10px auto;
    padding: 7px;
    box-sizing: border-box;
    }    
.hojin_wrap .flex_one li img{
    width: 100%;
    margin: 0 !important;
    padding: 0 0 10px;
    }
.link_text_cat_wrap{
    font-size: 12px;
    border: solid 1px #000000;
    padding: 1px 3px;
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    }
/*　-----------------------------------------------
gift
-------------------------------------------------  */
.gift_intro img{
    width: 100%;
    }
.g_w_l{
    width: 90%;
    text-align: center;
    margin: 40px auto 20px !important;
    padding: 0 0 20px !important;
    border-bottom: 1px solid #795e15;
    }
.g_w_l img{
    width: 90% !important;
    }
.img_icons img{
    width: 80% !important;
    display: inline-block;
    margin: 0 0 15px;
    }
/*　-----------------------------------------------
privacypolicy
-------------------------------------------------  */
.policy_wrap{
    width: 90%;
    margin: 0 auto;
    }
.policy_wrap h2{
    font-size: 13px;
    margin: 0 0 1em;
    }
.policy_wrap h3{
    font-size: 13px;
    margin: 0 0 1em;
    }
.policy_wrap p{
    font-size: 12px;
    line-height: 1.6em;
    margin: 0 0 2em;
    }

.sample_box{
    width: 375px;
    margin: 0 auto;
    }
.sample_box img{
    width: 100%;
    }
/*　-----------------------------------------------
end sp style
-------------------------------------------------  */
}