@charset "utf-8";    

    #val00{
        margin-bottom: 7%;
    }
    #val00 a:hover{
        text-decoration: none;
        opacity: 0.7;
    }
    #val00 .main h1 p{
        margin-bottom: 3%;
    }
		
		#val00 {width:100%; max-width: 930px; margin: 0 auto;}
		#val00 img{max-width:100%;}
		#val00 a{text-decoration: none;}
		#val00 a:hover{opacity: .7;}
		#val00 h1{margin: 0;font-size: 0; padding: 0; line-height: 0;}
		#val00 .main{position: relative; width:100%; }
		#val00 .main .thema{width:97%; font-size:0 ; overflow: hidden; position: absolute; bottom: 11%; margin:0 3% 0 0;}
		#val00 .main .thema p{width:18%; margin: 1%; display: inline-block; vertical-align: middle; font-size:min(2.8vw,16px); color: #FFF; text-align: center; }
		#val00 .main .price{width:97%; font-size:0 ; overflow: hidden; position: absolute; bottom: 2%; margin:0 3% 0 0;}
		#val00 .main .price p{width:18%; margin: 1%; display: inline-block; vertical-align: middle; font-size:min(2.8vw,16px); color: #FFF; text-align: center; }
		#val00 .nav{padding: 0; margin: 1px 0 30px 0; list-style: none; font-size: 0;}
		#val00 .nav li{height: 60px; display: inline-block; width:calc(25% - 1px); margin-right: 1px; background-color: #905c44; position: relative; vertical-align: top;}
		#val00 .nav li a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:min(2.8vw,16px);  color: #FFF; text-decoration: none; line-height: 1.2; }
		#val00 .nav li:after{content: "";right: 10px;width: 8px; height: 8px;border-top: 1px solid #FFF;	border-right: 1px solid #FFF;-webkit-transform: rotate(135deg);	transform: rotate(135deg); position:absolute; top:24px;}
		#val00 .nav li:nth-of-type(4){ background-color: #851111;}
		#val00 .announce{ text-align: center; margin: 0 auto 50px;}
/*    #val00 .header_bar.js_fixed_bar.fixed {  top: 0;}*/
        
    #val00 .header_bar.js_fixed_bar.fixed {
         width: 930px; 
    }
		@media (max-width: 1199px) {
    #val00 .header_bar.js_fixed_bar.fixed {
         max-width: none;
         width: 78%; 
    }
}
		@media (max-width: 1130px) {
    #val00 .header_bar.js_fixed_bar.fixed {
         max-width: none;
         width: 76%; 
    }
}
		@media (max-width: 1060px) {
    #val00 .header_bar.js_fixed_bar.fixed {
         max-width: none;
         width: 74%; 
    }
}
		#val00 .header_bar { height: 60px;}
        
		#val00 section{width:100%; margin-bottom: 80px; font-size: 0; overflow: hidden;}
		#val00 .brownBtn{max-width:480px; height: 40px; border-radius: 50px; background-color: #905c44; width:90%; margin: 0 auto}
		#val00 .brownBtn a{width:100%; display: flex; height: 100%; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size:min(2.8vw,16px);}
		#val00 .pinkBtn{max-width:480px; height: 40px; border-radius: 50px; background-color: #d15198; width:90%; margin: 0 auto}
		#val00 .pinkBtn a{width:100%; display: flex; height: 100%; justify-content: center; align-items: center; color: #FFF; text-decoration: none; font-size:min(2.8vw,16px); margin-bottom: 50px;}
		#val00 h2{font-size: min(2.8vw,18px); color: #851111; font-weight: 500; text-align: center; margin: 0 auto 20px;border: 0;}
		#val00 #attention p{display: inline-block ; width:50%; vertical-align: top;}
		#val00 #attention p:nth-of-type(5){width:100%;}
		#val00 #attention p:nth-of-type(6){width:33.33333%;}
		#val00 #attention p:nth-of-type(7){width:33.33333%;}
		#val00 #attention p:nth-of-type(8){width:33.33333%;}
		#val00 .pinkbg{background-color: #fcf9fb; padding: 30px 15px 0; margin-bottom: 80px; box-sizing: border-box; overflow: hidden;}
		#val00 h3{font-size: min(2.8vw,16px); text-align: center; margin: 0 auto 20px;font-weight: 500;border: 0;}
		#val00 h3 img{margin: 0 auto 5px;}
		#val00 .productBox{display: inline-block; vertical-align: top; width:24%; margin: 0.5% 0.5% 4%;}
		#val00 .productBox a p{font-size: min(2.4vw,14px); color: #000; text-decoration: none;}

        #val00 #list{}
		#val00 #list h3{width:100%; text-align: left; font-size: min(3.2vw,18);font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #dedede;}
		#val00 #list ul.textlist{margin: 10px 0 30px; padding: 0; list-style: none; font-size: 0; overflow: hidden; }
		#val00 #list ul.textlist li{display: inline-block; vertical-align: top; border-right: 1px solid #ccc; padding: 3px 15px 3px 0; margin-right: 15px; margin-bottom: 5px}
		#val00 #list ul.textlist li a{ font-size: min(2.4vw,14px); text-decoration: none; color: #000;}
	
        #val00 #special .productBox{width:24%; margin-right: 0.6%; margin-bottom: 30px; display: inline-block; vertical-align: top}
		#val00 #special .productBox:nth-of-type(4n){margin-right:0;}
		#val00 #special .contentsBana{width:49%; margin-right: 2%; margin-bottom: 30px; display: inline-block; vertical-align: top}
		#val00 #special .contentsBana:nth-of-type(2n){margin-right:0;}
		#val00 #special .banaBox{text-align: center; display:block;}

        #val00 .yellow{color: #fcffb6;}
		#val00 .red{color: #ff0000;}
		#val00 #caution{border: 1px solid #5a2a19; padding: 20px; box-sizing: border-box;}
		#val00 #caution .title{width:100%; padding: 10px; box-sizing: border-box; font-size: min(3.3vw,16px); color: #FFF; text-align: center; background-color:#851111; margin: 0 0 20px; }
		#val00 #caution .label{ font-size: min(2.6vw,16px); text-align: left; margin: 0 0 5px;}
		#val00 #caution .textBox{padding-left: 1em; margin-bottom: 10px;}
		#val00 #caution .textBox p{ font-size: min(2.4vw,14px); text-align: left; margin: 0;}
		#val00 #caution .textBox p.listTxt{text-indent: -1em; padding-left: 1em;}
		#val00 #caution p{font-size: min(2.4vw,14px); text-align: left; margin: 0 0 20px; }
		#val00 #caution p.mtxt{font-size: min(2.4vw,16px); text-align: left; margin: 0 0 20px; }
        
        /*MS追記*/
        .br-sp {
            display: none;
        }

		@media (max-width: 1199px) {
            .br-sp {
                display: block;
            }
}

		#val00 .jump_point {
            height: 1px;
            display: block;
            padding-top: 150px;
            margin-top: -150px;
}

        #val00 .apology{
            width: 100%;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
        }
        #val00 .apology .apology_txt{
            width: 85%;
            margin: 2% auto 3%;
        }
        #val00 .apology .apology_txt p{
            text-align: left;
            font-size: min(2.4vw,14px);
        }
        #val00 .apology .apology_txt .tll{
            font-size: min(2.8vw,16px);
        }
        #val00 .apology .apology_txt .bold{
            font-weight: bold;
        }
        #val00 .apology .apology_txt .center{
            text-align: center;
        }