#product .container {
    padding-bottom: 59px;
}

.container .block20 {
    margin: 0 20px;
}
/*-----------------------------------------------

	ぱんくず

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

#breadcrumb ul {
display: inline-block;
margin-top: 24px;
}

#breadcrumb ul li {
font-size: 14px;
float: left;
line-height: 26px;
}

#breadcrumb ul li:first-child:before {
content: url('../img/icon_home.png');
position: relative;
top: 2px;
margin-right: 5px;
}

#breadcrumb ul li:not(:first-child):before {
content: ">";
margin: auto 7px;
}

#breadcrumb ul li a {
font-size: 14px;
color: #333333;
}
/*-----------------------------------------------

	商品トップ

-----------------------------------------------*/
#main {
    position: relative;
}

    #main table {
    }

    #main h3 {
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 22px;
    }

    #main .note {
        font-size: 0.75em;
        margin-top: 10px;
    }

    #main .kinousei {
        display: block;
        margin: 7px auto;
    }

    #main .kinousei:before {
        content: "機能性表示食品";
        padding: 6px 10px;
        background-color: #666;
        color: #fff;
    }

    #main td.td_bottom {
        vertical-align: bottom;
    }

    #main a.btn_order {
        background-image: url('../../images/prod_order.png');
        background-repeat: no-repeat;
        background-size: 381px 60px;
        width: 381px;
        height: 60px;
        display: inline-block;
    }

    #main .box {
        width: 678px;
        margin: auto;
        background-color: #FFF9E6;
        padding: 20px;
        margin-bottom: 254px;
    }
    #main .box.no-checkBox{
        margin-bottom: 80px;
    }
    #main .box a,#main a {
        text-decoration: underline;
        color: #333333;
    }

    #main .box dt {
        margin-top: 14px;
        margin-bottom: 4px;
    }

    #main .box .t1 {
        font-weight: bold;
    }

    #main .box .t2 ,.t2-icho{
        border: 1px solid #a67404;
        padding: 4px 12px 3px;
        display: inline-grid;
        display: -ms-inline-grid;
        color: #a67404;
        font-weight: bold;
        margin-bottom: 6px;
    }
    .report_link{
        margin-top: 10px;
    }
    .t2 {
        border: 1px solid #a67404;
        padding: 4px 12px 3px;
        display: inline-grid;
        display: -ms-inline-grid;
        color: #a67404;
        font-weight: bold;
        margin: 20px 0 6px;
    }
    .report{
        padding-top: 10px
    }
    .box p{
        margin-top: 14px;
    }

    #main .box2 {
        width: 678px;
        margin: auto;
        background-color: #FFF9E6;
        padding: 20px;
        margin-bottom: 150px;
    }
    
    #main .box3 {
        width: 678px;
        margin: auto;
        background-color: #FFF9E6;
        padding: 20px;
        margin-bottom: 150px;
    }

    #main img.checkbox {
        position: absolute;
        /*bottom: -322px;*/
        top: 825px;
        left: 0;
        right: 0;
        margin: auto;
    }

    #main img.checkbox2 {
        position: absolute;
        /*bottom: -322px;*/
        top: 350px;
        left: 0;
        right: 0;
        margin: auto;
    }
    
    #main img.checkbox3 {
        position: absolute;
        /*bottom: -322px;*/
        top: 700px;
        left: 0;
        right: 0;
        margin: auto;
    }

@media all and (-ms-high-contrast:none) {
    #main img.checkbox {
        top: 767px;
    }
}

@media all and (-ms-high-contrast:none) {
    #main img.checkbox2 {
        top: 350px;
    }
}

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

	おすすめする理由

-----------------------------------------------*/
#raason {
    padding-bottom: 100px;
}

    #raason table {
        margin-left: 20px;
        width: 830px;
        table-layout: fixed;
    }

        #raason table td {
            position: relative;
            padding-top: 50px;
        }

            #raason table td .number {
                position: absolute;
                top: 33px;
                left: 0;
            }

    #raason > div > table > tbody h3 {
        font-size: 32px;
        font-weight: bolder;
        margin-top: 7px;
    }

        #raason > div > table > tbody h3 span.red {
            font-size: inherit;
            color: #ce0500;
        }

    #raason > div > table > tbody h4 {
        background-color: #fff;
        border-left: 7px solid #E45F5A;
        line-height: 36px;
        padding-left: 10px;
        font-size: 18px;
    }

    #raason > div > table > tbody .subtitle {
        font-size: 19px;
        font-weight: bold;
        color: #ce0500;
        border-bottom: 2px solid #ce0500;
    }

    #raason > div > table > tbody p {
        margin-top: 15px;
        line-height: 1.5em;
    }

        #raason > div > table > tbody p.small {
            position: absolute;
            bottom: -200%;
            font-size: 0.68em;
            margin-right: 26px;
        }

    /*#raason > div > table > tbody > tr:nth-child(4) > td > p {
        font-size: 0.75em;
        line-height: 1.7;
        padding-left: 110px;
        padding-bottom: 40px;
    }*/

    /*#raason > div > table > tbody > tr:nth-child(11) > td > p {
        font-size: 0.75em;
        line-height: 1.7;
        padding-left: 110px;
        padding-bottom: 40px;
    }*/

    #raason table td .col-l {
        width: 360px;
        float: left;
        /*padding-left: 79px;*/
        padding-right: 40px;
        position: relative;
    }

    #raason table td .col-r {
        width: 270px;
        float: left;
    }
    
    #raason table td .col-l2 {
        width: 300px;
        float: left;
        padding-right: 88px;
        margin-left: 20px;
}


    #raason table td .col-r2 {
        width: 300px;
        float: left;
    }

        #raason table td .col-r img {
            margin-top: 18px;
        }


    #raason table td .bifmans {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    #raason .i-reason:before {
        content: url('../../images/i-reason.png');
    }

    #raason .caption {
        border: 2px solid #ce0500;
        /*border-radius: 30px;*/
        background-color: #FFFFFF;
        color: #ce0500;
        font-weight: bold;
        text-align: center;
        font-size: 22px;
        line-height: 52px;
        padding-top: 0;
    }

    #raason .note {
        font-size: 0.75em;
        line-height: 1.7;
        padding-left: 110px;
        padding-bottom: 20px;
    }
    
    #raason .note2 {
        font-size: 0.75em;
        line-height: 1.7;
        padding-left: 84px;
        padding-bottom: 20px;
    }
    
    #raason .note3 {
        font-size: 0.75em;
        line-height: 1.4;
        padding-left: 110px;
    }

    #raason .validate {
        margin-top: -30px;
    }

    #raason .validateNote {
        background-color: #fff;
        font-size: 12px;
        padding: 30px 50px 20px;
    }

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

	とっておき情報

-----------------------------------------------*/
#column {
}

    #column .box {
        border: 1px solid #666;
        border-radius: 5px;
        background-color: #fff;
        padding: 15px 40px 0;
        margin-top: 32px;
    }

        #column .box .toggle_item_header {
            margin-bottom: 10px;
        }

        #column .box .article_content_container {
            position: relative;
        }

            #column .box .article_content_container .balloon {
                position: absolute;
                top: 4px;
            }

            #column .box .article_content_container h2 {
                font-size: 22px;
                color: #000;
                font-weight: bold;
                line-height: 69px;
                margin-left: 92px;
            }

        #column .box .detail_container {
            padding-top: 26px;
            display: inline-table;
            /*min-height: 290px;*/
            padding-bottom: 15px;
            border-top: 1px solid #ccc;
            height: 350px;
            display: none;
        }

            #column .box .detail_container h3 {
                font-size: 22px;
                color: #8A391A;
                margin-bottom: 10px;
            }

            #column .box .detail_container .col-l {
                width: 360px;
                float: left;
                margin-right: 30px;
                margin-left: 10px;
            }
            	
            	#column .box .detail_container .col-l p {
                line-height: 1.4em;
                }
            
            #column .box .detail_container .col-l2 {
                width: 400px;
                float: left;
                margin-right: 30px;
                margin-left: 10px;
            }
            
            	#column .box .detail_container .col-l2 p {
                line-height: 1.4em;
                }

			#column .box .detail_container .col-l3 {
                width: 500px;
                float: left;
                margin-right: 30px;
                margin-left: 10px;
            }
            
            #column .box .detail_container .col-l3 p {
                line-height: 1.4em;
                }
            
            #column .box .detail_container .col-l4 {
                width: 400px;
                float: left;
                margin-right: 18px;
                margin-left: 10px;
            }
            
            #column .box .detail_container .col-l4 p {
                line-height: 1.4em;
                }
                
            #column .box .detail_container .col-r {
                /*width: 398px;*/
                float: left;
                text-align: right;
                margin-top: 5px;
            }

        #column .box .column_item_toggle_nav {
            background: url(../img/arrow_pink_close.svg) bottom left no-repeat;
            background-size: 100%;
            width: 35px;
            height: 35px;
            margin-top: auto;
            margin-bottom: auto;
            margin-right: 8px;
            border: none !important;
            position: absolute;
            top: 16px;
            right: 0;
        }

            #column .box .column_item_toggle_nav.active {
                background: url(../img/arrow_pink_open.svg) bottom left no-repeat;
                background-size: 100%;
                width: 35px;
                height: 35px;
            }
/*-----------------------------------------------

	お客様の声_共通

-----------------------------------------------*/
#voice {
}

    #voice .voiceTitle {
        position: relative;
    }

        #voice .voiceTitle .voiceBottle {
            position: absolute;
            top: -35px;
            right: -30px;
        }
        
    #voiceBase ul li .article .title.blue {
        display: inline-grid;
        display: -ms-inline-grid;
        padding: 3px 3px 1px 10px;
        background-color: #3B589A;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
    }

    #voiceBase ul li .article .title.red {
        display: inline-grid;
        display: -ms-inline-grid;
        padding: 3px 3px 1px 10px;
        background-color: #E55E5B;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
    }
    
    #voiceBase ul li.man {
        display: table;
        /*height: 158px;*/
        margin-bottom: 30px;
        padding: 30px 30px 20px;
        background-color: #FBF8F3;
        border: 2px solid #3B589A;
        width: 878px;
    }
    
    #voiceBase ul li.woman {
        display: table;
        /*height: 158px;*/
        margin-bottom: 30px;
        padding: 30px 30px 20px;
        background-color: #FBF8F3;
        border: 2px solid #E55E5B;
        width: 878px;
    }

        #voiceBase ul li .article {
            line-height: 1.4em;
        }
        
        #voiceBase ul li .article .text {
            font-size: 18px;
            margin-top: 10px;
        }
        
        #voiceBase ul li .article .text .red{
            font-size: 18px;
            color: #ce0500;
        }
        
        #voiceBase ul .parsonR {
            margin-top: 10px;
            color: #E55E5B;
        }
        
        #voiceBase ul .parsonB {
            margin-top: 10px;
            color: #3B589A;
        }
        
        #voiceBase ul .parsonB:before {
        	content: "";
        	display: inline-block;
        	width: 26px;
        	height: 26px;
        	margin-right: 10px;
        	background: url("../../images/voice_man.png") no-repeat;
        	background-size: auto auto;
        	background-size: contain;
        	vertical-align: middle;
        }
        
        #voiceBase ul .parsonR:before {
        	content: "";
        	display: inline-block;
        	width: 26px;
        	height: 26px;
        	margin-right: 10px;
        	background: url("../../images/voice_woman.png") no-repeat;
        	background-size: auto auto;
        	background-size: contain;
        	vertical-align: middle;
        }

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

	お客様の声_ウィグライ

-----------------------------------------------*/
#voice ul li {
    display: table;
    /*height: 158px;
    margin-top: 50px;*/
    padding: 30px;
    background-color: #FBF8F3;
    border: 1px solid #72c5db;
    width: 878px;
}

        #voice ul li .photo {
            width: 120px;
            float: left;
        }
        
        #voice ul li .photo .cap {
            font-size: 13px;
            margin-top: 3px;
        }

        #voice ul li .article {
            width: 720px;
            float: left;
            margin-left: 30px;
            line-height: 1.4em;
        }

            
            #voice ul li .article .title.lightblue {
                display: inline-grid;
                display: -ms-inline-grid;
                /*padding: 3px 3px 1px 10px;*/
                color: #003995;
                font-weight: bold;
                font-size: 22px;
            }

            #voice ul li .article .text {
                margin-top: 14px;
                /*font-size: 98%;*/
            }

            #voice ul .parson {
                padding: 10px 30px;
                font-weight: bold;
                font-size: 18px;
                color: #ffffff;
                background-color: #72c5db;
                margin-bottom: 50px;
            }

		#voice ul li .article2 {
            width: 500px;
            float: left;
            margin-left: 30px;
            line-height: 1.4em;
            position: relative;
        }
            
            #voice ul li .article2 .title.lightblue {
                display: inline-grid;
                display: -ms-inline-grid;
                /*padding: 3px 3px 1px 10px;*/
                color: #003995;
                font-weight: bold;
                font-size: 22px;
            }

            #voice ul li .article2 .text {
                margin-top: 14px;
                /*font-size: 98%;*/
            }
            
            #voice ul li .article2 .text2 {
                margin-top: 8px;
                font-size: 13px;
                text-align: right;
                line-height: 1.3em;
            }
            
            #voice ul li .article2 .sub {
                position: absolute;
                top: 10px;
                right: -220px;
            }

		#voice ul li .article3 {
            width: 500px;
            float: left;
            margin-left: 30px;
            line-height: 1.4em;
            position: relative;
        }
            
            #voice ul li .article3 .title.lightblue {
                display: inline-grid;
                display: -ms-inline-grid;
                /*padding: 3px 3px 1px 10px;*/
                color: #003995;
                font-weight: bold;
                font-size: 22px;
            }

            #voice ul li .article3 .text {
                margin-top: 14px;
                /*font-size: 98%;*/
            }
            
            #voice ul li .article3 .sub {
                position: absolute;
                top: -26px;
                right: -220px;
            }

		#voice ul li .article4 {
            width: 500px;
            float: left;
            margin-left: 30px;
            line-height: 1.4em;
            position: relative;
        }
            
            #voice ul li .article4 .title.lightblue {
                display: inline-grid;
                display: -ms-inline-grid;
                /*padding: 3px 3px 1px 10px;*/
                color: #003995;
                font-weight: bold;
                font-size: 22px;
                line-height: 1.2em;
            }

            #voice ul li .article4 .text {
                margin-top: 14px;
                /*font-size: 98%;*/
            }
            
            #voice ul li .article4 .sub {
                position: absolute;
                top: -25px;
                right: -220px;
            }

    #voice p.note {
        font-size: 14px;
    }


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

	商品仕様

-----------------------------------------------*/
#spec {
    margin-bottom: 90px;
}



    #spec h2.title {
        color: #000000;
        border-bottom-color: #000000;
    }

        #spec h2.title:before {
            content: " ";
            display: inline-block;
            width: 41px;
            height: 41px;
            background: url('../../images/128773.png') no-repeat;
            background-size: contain;
            vertical-align: bottom;
            margin-right: 7px;
        }

        #spec h2.title.attention:before {
            content: " ";
            display: inline-block;
            width: 41px;
            height: 41px;
            background: url('../../images/118551.png') no-repeat;
            background-size: contain;
            vertical-align: bottom;
            margin-right: 7px;
        }

    #spec table.speclist {
        width: 550px;
        float: left;
        margin-right: 57px;
    }

        #spec table.speclist tr {
            border-bottom: 1px solid #ccc;
        }

            #spec table.speclist tr th, #spec table.speclist tr td {
                padding-top: 10px;
                padding-bottom: 10px;
            }

            #spec table.speclist tr th {
                width: 140px;
                color: #ce0500;
            }

    #spec ul.list_normal {
        margin: 10px 43px;
        padding: 10px;
    }

        #spec ul.list_normal li {
            list-style: disc;
            line-height: 1.6;
        }

    #spec dl.substance {
        width: 462px;
        margin-left: 20px;
    }

        #spec dl.substance dt {
            background: #000;
            color: #fff;
            padding: 13px;
            float: left;
        }

        #spec dl.substance dd {
            background: #fff95e;
            border: 1px solid #000;
            padding: 12px;
            text-align: center;
            font-weight: bold;
        }

	#spec dl.substanceT {
        width: 460px;
        margin-left: 35px;
    }

		#spec dl.substanceT dt {
            background: #000;
            color: #fff;
            padding: 9px;
            float: left;
        }

        #spec dl.substanceT dd {
            background: #fff95e;
            border: 1px solid #000;
            padding: 8px;
            text-align: center;
            font-weight: bold;
        }

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

	選べるご購入プラン

-----------------------------------------------*/
#plan h2.title {
    color: #333333;
    border-bottom-color: #333333;
}

    #plan h2.title:before {
        content: " ";
        display: inline-block;
        width: 41px;
        height: 41px;
        background: url('../../images/118552.png') no-repeat;
        background-size: contain;
        vertical-align: bottom;
        margin-right: 7px;
    }

#plan h3 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px
}

#plan .onePrice, #plan .twePrice, #plan .stdPrice, #plan .premiumPrice {
    font-size: 30px;
    float: left;
    margin-right: 5px;
}

#plan .stdPrice {
    color: #ce0500;
}

#plan .premiumPrice {
    color: #003995;
}

#plan .onePrice:before {
    content: "都度購入";
    font-size: 18px;
    font-weight: bold;
    margin-right: 40px;
}

#plan .stdPrice:before {
    content: "定期コース";
    font-size: 18px;
    color: #ce0500;
    font-weight: bold;
    margin-right: 23px;
}

#plan .premiumPrice:before {
    content: "プレミア会員価格";
    font-size: 14px;
    font-weight: bold;
}

#plan .onePrice:after, #plan .stdPrice:after, #plan .premiumPrice:after {
    content: "円+税";
    font-size: 18px;
}

#plan .h80 {
    height: 80px;
}

#plan .h100 {
    height: 100px;
}

#plan .h135 {
    height: 135px;
}

#plan table {
    display: inline-block;
}

#plan .td_bottom {
    vertical-align: bottom;
}

#plan .planImg {
    height: 370px;
    width: 370px;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
}

#plan .planImg img {
width: 70%;
}
#plan .planImg.-w80 img {
width: 80%;
}


#plan a.btn_regCart:before, #plan a.btn_stdCart:before {
    content: url('../img/cart-icon.svg');
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 17px;
}

#plan a.btn_regCart {
    background-color: #44ce00;
    background-repeat: no-repeat;
    background-size: 500px 50px;
    width: 500px;
    height: 50px;
    border-radius: 25px;
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 121%;
    line-height: 50px;
}

#plan a.btn_stdCart {
    background-color: #44ce00;
    background-repeat: no-repeat;
    background-size: 500px 50px;
    width: 500px;
    height: 50px;
    border-radius: 25px;
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 121%;
    line-height: 50px;
}
#plan a.btn_stdCart.-gray {
    background-color: gray;
}

#plan i.free, .teikiBox .detail i.free {
    background-image: url('../../images/iconfree.png');
    background-repeat: no-repeat;
    background-size: 110px 25px;
    background-position: 0 7px;
    width: 120px;
    height: 32px;
    display: inline-block;
}

#plan i.postage, .teikiBox .detail i.postage {
    background-image: url('../../images/iconpostage.png');
    background-repeat: no-repeat;
    background-size: 110px 25px;
    background-position: 0 7px;
    width: 120px;
    height: 32px;
    display: inline-block;
}

#plan i.postage.price230 {
    background-image: url('../../images/iconpostage230.png');
    background-repeat: no-repeat;
    background-size: 110px 25px;
    background-position: 0 7px;
    width: 120px;
    height: 32px;
    display: inline-block;
}

#plan i.off5, .teikiBox .detail i.off5 {
    background-image: url('../../images/icon5off.png');
    background-repeat: no-repeat;
    background-size: 75px 25px;
    background-position: 0 7px;
    width: 75px;
    height: 32px;
    display: inline-block;
}

#plan i.off8, .teikiBox .detail i.off8 {
    background-image: url('../../images/icon8off.png');
    background-repeat: no-repeat;
    background-size: 75px 25px;
    background-position: 0 7px;
    width: 75px;
    height: 32px;
    display: inline-block;
}


#plan i.off10, .teikiBox .detail i.off10 {
    background-image: url('../../images/icon10off.png');
    background-repeat: no-repeat;
    background-size: 80px 25px;
    background-position: 0 7px;
    width: 80px;
    height: 32px;
    display: inline-block;
}

#plan i.off16, .teikiBox .detail i.off16 {
    background-image: url('../../images/icon16off.png');
    background-repeat: no-repeat;
    background-size: 80px 25px;
    background-position: 0 7px;
    width: 80px;
    height: 32px;
    display: inline-block;
}

#plan i.off12ab {
    background-image: url('../../images/icon12off_ab.png');
    background-repeat: no-repeat;
    background-size: 80px 25px;
    background-position: 0 7px;
    width: 80px;
    height: 32px;
    display: inline-block;
}

#plan i.off16ab {
    background-image: url('../../images/icon16off_ab.png');
    background-repeat: no-repeat;
    background-size: 80px 25px;
    background-position: 0 7px;
    width: 80px;
    height: 32px;
    display: inline-block;
}

#plan table.planlink tr td {
    width: 336px;
    line-height: 28px;
}

    #plan table.planlink tr td:before {
        content: url('../img/planLink.svg');
        width: 18px;
        height: 18px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: sub;
        position: relative;
        top: -2px;
    }

#plan table.planlink a {
    color: #333333;
}

#plan .series {
	font-size: 26px;
    font-weight: bold;
    border-left: 6px solid #333;
    padding-left: 10px;
    margin-top: 40px;
    
}

.bb54 {
    border-bottom: 1px solid #333;
    padding-bottom: 57px;
}

.premium {
    padding: 30px;
    border: 3px solid #003995;
    background: #fff;
}

.premiumHeading {
    font-size: 24px;
    /*color: #72c5db;*/
    font-weight: bold;
    margin-bottom: 10px;
}

.premiumNote {
    font-size: 14px;
    padding: 20px 0;
}
.-red {
    color: red;
}
.s-period {
    margin: 20px 0 30px;
    max-width: 500px;
}

/*20180918購入プラン改修分追加ここから*/
#plan .ttl{
width:500px;
border-left:10px solid #CE0500;
font-weight:bold;
font-size:18px;
padding:5px 0px 5px 15px;
background:#fff;
color:#CE0500;
margin: 10px 0 15px;
box-sizing: border-box;
}
#plan .ttl.-green{
border-left:10px solid #44ce00;
color:#44ce00;
}
#plan a.btn_regCart {
margin-top: 10px;
}
#plan a.btn_stdCart {
margin-top: 10px;
}
#plan a.btn_regCart.-red {
background-color: #CE0500;
}
#plan a.btn_regCart.-gray {
background-color: gray!important;
}
#plan .planImg {
background:none;
vertical-align: top;
}
#plan .planImg p{
background: #fff;
padding: 40px 0 40px;
}
#plan .planImg.-w80 p{
background: #fff;
padding: 30px 0 30px;
}
#plan .planImg + td{
padding-left: 22px;
}
#plan .onePrice:after, #plan .stdPrice:after, #plan .premiumPrice:after,#plan .twePrice:after,
#plan .threePrice:after, #plan .threePrice02:after,#plan .threePrice-black::after{
content: "円";
font-size: 18px;
font-weight: normal;
position: relative;
right: 5px;
}
#plan .threePrice,#plan .threePrice02{
font-weight: bold;
font-size: 30px;
float: left;
margin-right: 5px;
color:#ce0500;
}
#plan .onePrice:before {
content: "1個";
font-size: 18px;
font-weight: normal;
margin:0 64px 0 5px;
vertical-align: middle;
}
#plan .onePrice.only:before {
color: #000;
}
#plan .red.only{
color: #ce0500;
}
#plan .twePrice:before {
content: "12個";
font-size: 15px;
font-weight: normal;
vertical-align: middle;
white-space: pre;
}
#plan .threePrice:before {
content: "3個セット";
font-size: 18px;
margin:0 10px 0 5px;
color:#ce0500;
font-weight: bold;
vertical-align: middle;
}
#plan .threePrice-black:before {
content: "3個セット";
font-size: 18px;
margin:0 10px 0 5px;
color:#000;
font-weight: bold;
vertical-align: middle;
}
#plan .threePrice02:before {
content: "3個";
font-size: 18px;
margin:0 65px 0 5px;
color:#ce0500;
font-weight: bold;
vertical-align: middle;
}

#plan .select{
clear: both;
color:#ce0500;
font-size: .8em;
padding-left: 105px;
}
#plan .off{
clear: both;
line-height: 0;
margin: 0 0 -7px;
}
#plan .off img{
display: inline-block;
}
#plan .note{
text-align: right;
border-bottom: 1px solid #333;
padding-bottom: 5px;
}
#plan .spacer{
clear: both;
}
#plan .spacer.-p1{
padding: 1px;
}
#plan .spacer.-p5{
padding: 5px;
}
#plan .spacer.-p10{
padding: 10px;
}
#plan .spacer.-p15{
padding: 15px;
}
#plan .spacer.-h5{
height: 5px;
}
#plan .spacer.-h10{
height: 10px;
}
#plan .spacer.-h15{
height: 15px;
}
#plan .spacer.-h25{
height: 25px;
}
#plan .spacer.-h28{
height: 28px;
}
#plan .spacer.-h30{
height: 30px;
}
#plan .mr20{
margin-right: 20px;
}
#plan .mr25{
margin-right: 25px;
}
#plan .mr35{
margin-right: 35px;
}
#plan .mr36{
margin-right: 36px;
}
#plan .planTtl{
border-left: 10px solid #000;
font-weight: bold;
font-size: 26px;
padding: 0px 0px 0px 20px;
margin: 0px 0 25px;
}
/*20180918購入プラン改修分追加ここまで*/

/*20180926 新規商品追加ここから*/
/*ityou*/
/*bificolon*/
.checkbox.-bificolon{
top:760px !important;
}
.livlonUnder .checkbox.-ityou {
top: 850px !important;
}
/*eye-support*/
.eye-support .checkbox2.-eye-support{
top: 340px !important;
}
/*bifidus*/
.bifidus .checkbox2.-bifidus{
top: 400px !important;
}
/*aojiru*/
.aojiru #column .box .detail_container.-livlon {
height: auto; 
}
.aojiru .detaii_ttl{
display: inline-block;
padding: 5px 40px;
font-size: 16px;
color: #8A391A;
margin: 20px 0 10px;
font-weight: bold;
border: 2px solid #8A391A;
}
.aojiru .detail_list{
display: block;
}
.aojiru .detail_thumb{
text-align: center;
margin-top: 20px;
}
.aojiru .detail_block{
padding-top: 30px;
padding-bottom: 40px;
border-bottom: 1px solid #ccc;
}
.aojiru .detail_block.-no01{
padding-top: 0px;
}
.aojiru .detail_block.-no05{
border-bottom: none;
}
/*joint-smooth*/
.joint-smooth #column .box .detail_container.-livlon {
height: auto; 
}
.joint-smooth .detail_txt{
padding-bottom: 40px;
}
/*gluco-soup*/
.gluco-soup .checkbox.-gluco-soup {
top: 790px !important;
}
.gluco-soup .detail_txt{
padding-bottom: 40px;
}
.gluco-soup  #column .box .detail_container.-livlon {
height: auto; 
}
.gluco-soup .detaii_ttl{
display: inline-block;
padding: 5px 40px;
font-size: 16px;
color: #8A391A;
margin: 20px 0 10px;
font-weight: bold;
border: 2px solid #8A391A;
}
.gluco-soup .detail_list{
display: block;
}
.gluco-soup .detail_thumb{
text-align: center;
margin-top: 20px;
}
.gluco-soup .detail_block{
padding-top: 30px;
padding-bottom: 40px;
border-bottom: 1px solid #ccc;
}
.gluco-soup .detail_block.-no01{
padding-top: 0px;
}
.gluco-soup .detail_block.-no02,.gluco-soup .detail_block.-no03{
border-bottom: none;
}
.gluco-soup .caution{
margin: 20px 33px 10px;
}
.gluco-soup dl.substance.-gluco-soup {
    width: 540px !important;
}

/*capsul*/
.capsul .box.-capsul{
margin-bottom: 200px !important;
}
.capsul img.checkbox {
top: 760px !important;
}
.capsul .detail_txt{
padding-bottom: 40px;
}
.capsul  #column .box .detail_container.-livlon {
height: auto; 
}
.capsul .detail_ttl{
color: #8a391a;
font-weight: bold;
font-size: 22px;
margin-bottom: 20px;
}
/*b-gulkan*/
.b-gulkan #column .box .detail_container.-b-gulkan {
height: auto; 
}
.b-gulkan .detail_txt{
padding-bottom: 30px;
}
.b-gulkan .detail_img{
padding-bottom: 40px;
}
.b-gulkan .detail_ttl{
color: #8a391a;
font-weight: bold;
font-size: 22px;
margin-bottom: 20px;
}
.b-gulkan .flex.-b-gulkan{
display: flex;
justify-content: space-between;
}
.b-gulkan .flex.-b-gulkan .flex__left {
width: 400px;
padding-right: 40px;
}
.b-gulkan .flex.-b-gulkan .flex__right {
width: 320px;
padding-right: 20px;
}
/*colo-blance*/
.colo-balance .tokutei.-colo-balance{
top: 105px !important;
}
.colo-balance .checkbox.-colo-balance{
top: 800px !important;
}
/*ps*/
.ps img.checkbox {
top: 360px !important;
}
.ps #column .box .detail_container.-ps {
height: auto; 
}
.ps .selectPlan h2.title{
color: #333333;
border-bottom-color: #333333;
}
.ps-nmn .selectPlan h2.title {
padding-top: 0;
color: #333333;
border-bottom-color: #333333;
}
.ps .selectPlan h2.title:before,
.ps-nmn .selectPlan h2.title:before {
content: " ";
display: inline-block;
width: 41px;
height: 41px;
background: url(../../images/118552.png) no-repeat;
background-size: contain;
vertical-align: bottom;
margin-right: 7px;
}

.ps #spec h2.title.-row,
.ps-nmn #spec h2.title.-row{
position: relative;
}
.ps #spec h2.title.-row:after,
.ps-nmn #spec h2.title.-row:after {
content: "";
display: inline-block;
width: 34px;
height: 34px;
background: url(../../images/ps/arw_on.png) no-repeat;
background-size: contain;
vertical-align: bottom;
position: absolute;
bottom: 10px;
right: 45px;
}
.ps #spec h2.title.-row.active:after,
.ps-nmn #spec h2.title.-row.active:after {
content: "";
display: inline-block;
width: 34px;
height: 34px;
background: url(../../images/ps/arw_off.png) no-repeat;
background-size: contain;
vertical-align: bottom;
position: absolute;
bottom: 10px;
right: 45px;
}

.ps .selectPlan__inner,
.ps-nmn .selectPlan__inner{
width: 940px;
margin: auto;
}
.ps .container.-ps,
.ps-nmn .container.-ps{
    width: 1040px !important;
}
.ps .block50,
.ps-nmn .block50{
margin: 0 50px;
}
.ps #spec table.speclist,
.ps-nmn #spec table.speclist {
width: 845px; 
float: none; 
margin-right: 0px; 
}
.ps #spec table.speclist tr th,
.ps-nmn #spec table.speclist tr th {
width: 150px;
color: #ce0500;
}






/*items*/
.ps .livlon *,
.ps-nmn .livlon *{
box-sizing: border-box;
}
.ps .livlon .main,
.ps-nmn .livlon .main{
background: #f1f1f1;
}
.ps .livlon .main__inner,
.ps-nmn .livlon .main__inner{
width: 940px;
padding: 40px 0;
margin: auto;
}
.ps .livlon__item,
.ps-nmn .livlon__item {
display: inline-block;
}
.ps .livlon__item a,
.ps-nmn .livlon__item a{
margin:15px 10px 0px 0;
display: block;
border-radius: 30px;
padding: 3px 15px;
border: 1px solid #ccc;
text-align: center;
text-decoration: none;
color: #000;
}
.ps .livlon__items,
.ps-nmn .livlon__items{
margin-bottom: 30px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.ps .livlon .items,
.ps-nmn .livlon .items{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ps .livlon .item{
width: 300px;
padding:15px 15px 20px;
background: #fff;
border-radius: 10px;
margin-bottom: 20px;
}
.ps .livlon .item__lead{
margin-bottom: 5px;
min-height: 48px;
}
.ps .livlon .item__img{
margin-bottom: 35px;
text-align: center;
}
.ps .livlon .item__ttl{
font-size: 24px;
border-bottom: 3px solid #f00;
margin-bottom: 10px;
}
.ps .livlon .item__txt{
margin-bottom: 5px;
min-height: 75px;
}
.ps .livlon .item__link{
display: block;
border-radius: 30px;
padding: 8px;
border: 2px solid #ccc;
text-align: center;
text-decoration: none;
color: #000;
}
.ps .livlon .small{
font-size: 70%;
}
.ps #plan .planImg.-ps img {
width: 90%;
}
.ps #spec dl.substance {
width: 500px;
margin-left: 20px;
}

/*forIE*/

@media all and (-ms-high-contrast:none) {
.gluco-soup .checkbox.-gluco-soup {
top: 710px !important;
}
.colo-balance .checkbox.-colo-balance {
top: 780px !important;
}
.ityou .checkbox.-ityou{
top: 780px !important;
}
.bifidus .checkbox2.-bifidus{
top: 350px !important;
}
.capsul img.checkbox {
top: 710px !important;
}
.checkbox.-bificolon{
top:735px !important;
}
/*font bug*/
.livlon__item a {
font-family: "メイリオ", Meiryo, sans-serif !important;
}
}

/*for firefox*/
@-moz-document url-prefix() {
.capsul img.checkbox {
top: 730px !important;
}
.gluco-soup .checkbox.-gluco-soup {
top: 740px !important;
}
.livlonUnder .checkbox.-ityou {
top: 800px !important;
}
}


/*common*/
.livlonUnder .indext--info{
padding-left: 2em;
text-indent: -2em;
}
.livlonUnder .fz12{
font-size: 12px;
}
.livlonUnder .fz13{
font-size: 13px;
}
.livlonUnder .fz14{
font-size: 14px;
}
.livlonUnder .gradient{
background: linear-gradient(transparent 80%, #fdf300 80%);
}
.livlonUnder .fw-b{
font-weight: bold;
}
.livlonUnder .ta-c{
text-align: center;
}
.livlonUnder .bgc--white{
background: #fff;
}
.livlonUnder .lh0{
line-height: 0 !important;
}
.livlonUnder .flex{
display: flex;
}
.livlonUnder .flex__left{
width: 360px;
padding-right: 40px;
}
.livlonUnder .flex__left.-w100{
width: 100%;
padding-right: 0px;
}
.livlonUnder .black{
color: #000;
}
.livlonUnder .flex__right{
width: 320px;
}
.livlonUnder .flex__ttl{
font-size: 22px;
font-weight: bold;
color: #8a391a;
padding-bottom: 15px;
}
.livlonUnder .flex02{
display: flex;
justify-content: space-around;
}
.livlonUnder .flex02__left{
}
.livlonUnder .flex02__right{
width: 580px;
}
.livlonUnder .flex02__right .ttl{
font-size: 22px;
color: #8a391a;
font-weight: bold;
margin-top: 0 !important;
}
.livlonUnder .flex03{
display: flex;
justify-content: space-between;
}
.livlonUnder .flex03__left{
width: 500px;
}

.livlonUnder .flex.-datail{
justify-content: space-between;
}
.livlonUnder .flex.-datail .flex__left{
width: 300px;
}
.livlonUnder .flex.-datail .flex__right{
width: 500px;
}
.livlonUnder .list_normal .note{
list-style-type: none !important;
margin-left: -20px;
font-size: 100%;
}
.livlonUnder .pt270{
padding-top: 270px !important;
}
.livlonUnder .pt200{
padding-top: 200px !important;
}
.livlonUnder .pt190{
padding-top: 190px !important;
}
.livlonUnder .pt180{
padding-top: 180px !important;
}
.livlonUnder .pt170{
padding-top: 170px !important;
}
.livlonUnder .pt160{
padding-top: 160px !important;
}
.livlonUnder .pt150{
padding-top: 150px !important;
}
.livlonUnder .pt120{
padding-top: 120px !important;
}
.livlonUnder .pt110{
padding-top: 110px !important;
}
.livlonUnder .pt100{
padding-top: 100px !important;
}
.livlonUnder .pt80{
padding-top: 80px !important;
}
.livlonUnder .pt70{
padding-top: 70px !important;
}
.livlonUnder .pt60{
padding-top: 60px !important;
}
.livlonUnder .pt50{
padding-top: 50px !important;
}
.livlonUnder .pt40{
padding-top: 40px !important;
}
.livlonUnder .pt30{
padding-top: 30px !important;
}
.livlonUnder .pt20{
padding-top: 20px !important;
}
.livlonUnder .pt10{
padding-top: 10px !important;
}
.livlonUnder .pt0{
padding-top: 0px !important;
}
.livlonUnder .pb0{
padding-bottom: 0px !important;
}
.livlonUnder .pb70{
padding-bottom: 70px !important;
}
.livlonUnder .pb50{
padding-bottom: 50px !important;
}
.livlonUnder .pb40{
padding-bottom: 40px !important;
}
.livlonUnder .pb30{
padding-bottom: 30px !important;
}
.livlonUnder .pb20{
padding-bottom: 20px !important;
}
.livlonUnder .pb10{
padding-bottom: 10px !important;
}
.livlonUnder .pb0{
padding-bottom: 0px !important;
}
.livlonUnder .pr30{
padding-right: 30px !important;
}
.livlonUnder .mt0{
margin-top: 0px !important;
}
.livlonUnder .mt5{
margin-top: 5px !important;
}
.livlonUnder .mt10{
margin-top: 10px !important;
}
.livlonUnder .mt15{
margin-top: 15px !important;
}
.livlonUnder .mt20{
margin-top: 20px !important;
}
.livlonUnder .mt30{
margin-top: 30px !important;
}
.livlonUnder .mt40{
margin-top: 40px !important;
}
.livlonUnder .mt50{
margin-top: 50px !important;
}
.livlonUnder .mt60{
margin-top: 60px !important;
}
.livlonUnder .mt70{
margin-top: 70px !important;
}
.livlonUnder .mt80{
margin-top: 80px !important;
}
.livlonUnder .ml47{
margin-left: 47px !important;
}

.livlonUnder .mb110{
margin-bottom: 110px !important;
}
.livlonUnder .mb120{
margin-bottom: 120px !important;
}
.livlonUnder .mb130{
margin-bottom: 130px !important;
}
.livlonUnder .mb140{
margin-bottom: 140px !important;
}
.livlonUnder .mb150{
margin-bottom: 150px !important;
}
.livlonUnder .mb160{
margin-bottom: 160px !important;
}
.livlonUnder .mb180{
margin-bottom: 180px !important;
}
.livlonUnder .mb190{
margin-bottom: 190px !important;
}
.livlonUnder .mb0{
margin-bottom: 0px !important;
}
.livlonUnder .mb50{
margin-bottom: 50px !important;
}
.livlonUnder .ta-r{
text-align: right !important;
}
.livlonUnder .bd-n{
border: none !important;
}
.livlonUnder .tokuteihoken:before {
content: "特定保健用食品";
padding: 6px 10px;
background-color: #710000;
color: #fff;
}
.livlonUnder .tokuteihoken{
display: block;
margin: 7px auto;
}
.livlonUnder .box.-tokuteihoken {
background-color: #f7efef !important;
position: relative;
}
.livlonUnder .box.-tokuteihoken .tokutei{
position: absolute;
top: 70px;
right: 50px;
}
.livlonUnder .box.-tokuteihoken  .t2 {
border: 1px solid #953735 !important;
color: #953735 !important;
}


/*20180926 新規商品追加ここまで*/
/*商品一覧ページ*/
.livlon .fz14{
font-size: 14px;
}
.livlon .fz12{
font-size: 12px;
}
.livlon .mt58{
margin-top: 58px;
}

.livlon #outline {
margin-bottom: 0px;
}
.livlon .title.-ico{
position: relative;
padding-left: 65px;
}
.livlon .title.-ico:before{
position: absolute;
bottom: 10px;
left:  20px;
width: 35px;
height: 35px;
display: inline-block;
content: '';
background: url('../../images/livlon/ico_series.png') left center no-repeat ;
}
.livlon *{
box-sizing: border-box;
transition: all  0.2s ease;
}
.livlon .main{
background: #f1f1f1;
}
.livlon .main__inner{
width: 940px;
padding: 40px 0;
margin: auto;
}
.livlon__item {
display: inline-block;
}
.livlon__item a{
margin:10px 10px 0px 0;
display: block;
border-radius: 30px;
padding: 3px 15px;
border: 1px solid #ccc;
text-align: center;
text-decoration: none;
color: #000;
}
.livlon__item.-pink a{
background: #fff5f5;
}
.livlon__item.-green a{
background: #eff7e0;
}
.livlon__items{
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
}
.livlon .items{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.livlon .item{
width: 300px;
padding:15px 15px 20px;
background: #fff;
border-radius: 10px;
margin-bottom: 20px;
}
.livlon .item.-pink{
background: #fff5f5;
}
.livlon .item.-green{
background: #eff7e0;
}
.livlon .items.-wide{
margin-bottom: 0px;
}
.livlon .items.-wide .item{
width: 460px;
}
.livlon .items.-wide .item__lead {
margin-bottom: 5px;
min-height: auto;
}
.livlon .item__lead{
margin-bottom: 5px;
}
.livlon .item__img{
margin-bottom: 35px;
text-align: center;
}
.livlon .item__ttl{
font-size: 24px;
border-bottom: 3px solid #f00;
margin-bottom: 10px;
}
.livlon .item__txt{
margin-bottom: 5px;
min-height: 75px;
}
.livlon .items.-wide .item__txt{
margin-bottom: 5px;
min-height: 60px;
}
.livlon .item__link{
display: block;
border-radius: 30px;
padding: 8px;
border: 2px solid #ccc;
text-align: center;
text-decoration: none;
color: #000;
}
.livlon .small{
font-size: 70%;
}
.livlon .pb20{
padding-bottom: 20px !important;
}
.livlon .bd{
height: 0;
margin: 0;
padding: 0;
border: 0;
}
.livlon .bd--dotted{
border-top: 2px solid #bababa;
}
.livlon .item--last{
    opacity: 0;
}

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

	ビフィコロンセット共通

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

.set_title{
	font-size: 32px;
	font-weight: bold;
	border: 3px solid #ce0500;
	padding: 20px;
	text-align: center;
	margin: 100px 0 40px;
	color: #ce0500;
	letter-spacing: 3px;
}

.set_text{
	font-size: 18px;
	line-height: 1.4em;
}

.btn_toshindan{
	background-color: #ff6965;
	background-repeat: no-repeat;
	background-size: 500px 50px;
	width: 460px;
	height: 80px;
	border-radius: 8px;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 80px;
	margin: 20px auto 0;
}

.livlon .item__ttl > a.op-n{
text-decoration: none;
font-size: 24px;
margin-bottom: 10px;
color: #000;
}
.livlonIntro{
display: flex;
padding-top: 50px;
}
.livlonIntro .l{
padding:0 30px 0 150px;
}
.livlonIntro .r .t01{
margin-top: 10px;
font-size: 16px;
}
.livlonIntro .r .t01 span{
font-weight: bold;
font-size: 20px;
}
.livlon .small {
display: block;
font-size: 70%;
}

/*after adjustment*/
.pt100 {
    padding-top: 100px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.mt30 {
    margin-top: 30px !important;
}
.clear{
	clear: both;
}

.bold{
	font-weight: bold;
	}

sup{
	font-size: 70%;
	}

.font_s{
	font-size: 70%;
	}

.font_m{
	font-size: 85%;
	}

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

	epa-dha

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

.human-body {
    margin-top: 10px !important;
}
.human-left-content {
}

.sarasara-box {
    margin: 60px auto 0;
    width: 770px;
}

.sarasara-title {
    margin: 0 auto 20px;
    width: 630px;
}

.fish-para {
    overflow: hidden;
}

.fish-left-content {
    float: left;
    width: 470px;
}

.fish-body {
    float: right;
    width: 220px;
}

.contain-epa-left {
    float: left;
    width: 470px;
}

.cotain-epa-body {
    float: right;
    width: 220px;
}


.nonTaxedPrice{
    position: relative;
    bottom: 4px;
    right: 3px;
    font-size: 15px;
}
.nonTaxedPrice.red{
    color: #ce0500;
}
.nonTaxedPrice2{
    position: relative;
    bottom: 4px;
    right: 3px;
    font-size: 15px;
}

.detail_container_wrapper{
    display: flex;
    gap: 40px;
}

#spec h2.title.otodoke:before {
    width: 44px !important;
    background: url(../../images/ico_ttl01.png) no-repeat !important;
}

.reason-wrapper{
    display: flex;
}