@charset "UTF-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css);
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500);
@import url(//fonts.googleapis.com/css?family=Qwigley);

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Noto Sans JP",noto-sans,sans-serif;
    /*    -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -ms-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;*/
}

a{ text-decoration: underline; }


.nobr{ white-space: nowrap; }
h1,h2,h3,h4{margin:0px; padding-top:10px;}


/*---------------文字スタイル--------------*/

.panel_title1{
    background-color:#c93f35 !important;

    padding:10px;
    color:#FFF;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px; 
}

.border1{ border:1px solid #ccc; }

.bgcolor1{ background-color:#efefef; }

.bgimage{
    background-image:url("../image/header_bg.png");
    background-repeat: repeat-x;
    background-position:center bottom;
}

.bgimage2{
    background-image:url("../image/footer_bg.png");
    background-repeat: repeat-x;
    background-position:center bottom;
}
/* font-color */
.col_red{ color:#FF0000;}
.col_blue{ color:#0000FF;}
.col_green{ color:#006600;}
.col_pink{ color:#FF33CC;}
.col_kon{ color:#000033;}
.col_white{ color:#FFF !important;}

li.footer_menu{ margin:5px 10px; }
li.footer_menu>a{ color:#FFF; }

/* font-size */
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px;}
.f19{ font-size:19px;}
.f20{ font-size:20px;}
.f21{ font-size:21px;}
.f22{ font-size:22px;}
.f23{ font-size:23px;}
.f24{ font-size:24px;}
.f25{ font-size:25px; line-height:40px;}
.f26{ font-size:26px; line-height:40px;}
.f27{ font-size:27px; line-height:40px;}
.f28{ font-size:28px; line-height:40px;}
.f29{ font-size:29px; line-height:40px;}
.f30{ font-size:30px; line-height:40px;}
.f35{ font-size:35px; line-height:40px;}
.f40{ font-size:40px; line-height:45px;}

.fw_n{ font-weight:normal !important; }
.fw_b{ font-weight:bold !important; }


.textShadow1{  text-shadow: 4px 0px 3px #aaa;  }

/*---------------背景スタイル--------------*/

.bgC1{
    background: -moz-linear-gradient(top, #eee, #FEFEFE);
    background:  -ms-linear-gradient(top, #eee, #FEFEFE);
    background:      linear-gradient(top, #eee, #FEFEFE);
    background:     -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FEFEFE));
}

.bgC2{
    background: -moz-linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:  -ms-linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:      linear-gradient(top, #eee, #eee 20%, #FEFEFE);
    background:     -webkit-gradient(linear, left top, left bottom, from(#CCC), color-stop(0.7, #FEFEFE), to(#FEFEFE));
}

.bgC3{	background-color:#9cb5da;}
.bgC4{	background-color:#999;}
.bgC5{	background-color:#1c1f87 !important;}



/*---------------margin paddingスタイル--------------*/

.pad0{ padding:0px !important; }
.pad1{ padding:1px !important; }
.pad2{ padding:2px !important; }
.pad3{ padding:2px !important; }
.pad0_2{ padding:0px 2px !important; }
.pad5{ padding:5px;}
.pad10{ padding:10px;}
.pad20{ padding:20px;}
.pad25{ padding:25px;}
.pad30{ padding:30px;}
.pad40{ padding:40px;}
.pad50{ padding:50px;}
.pad100{ padding:100px;}
.pad150{ padding:150px;}
.pad200{ padding:200px;}

.pad10_0{ padding:10px 0px;}
.pad5_10{ padding:5px 10px;}
.pad10_20{ padding:10px 20px;}
.pad20_40{ padding:20px 40px;}
.pad30_40{ padding:30px 40px;}
.pad30_60{ padding:30px 60px;}
.pad40_80{ padding:40px 80px;}
.pad40_0{ padding:40px 0px;}
.pad50_100{ padding:50px 100px;}
.pad100_200{ padding:100px 200px;}
.pad150_300{ padding:150px 300px;}
.pad200_400{ padding:200px 400px;}


.mar5_10{ margin:5px 10px;}
.mar0{ margin:0px;}
.mar1{ margin:1px;}
.mar3{ margin:3px;}
.mar5{ margin:5px;}
.mar10{ margin:10px;}
.mar20{ margin:20px;}
.mar30{ margin:30px;}
.mar40{ margin:40px;}
.mar50{ margin:50px;}
.mar100{ margin:100px;}
.mar150{ margin:150px;}
.mar200{ margin:200px;}

.mt-2{ margin-top:-2px;}
.mt-15{ margin-top:-15px;}
.mt1{ margin-top: 1px; }
.mt3{ margin-top:3px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mt100{ margin-top:100px;}
.mt150{ margin-top:150px;}
.mt200{ margin-top:200px;}

.mb0{ margin-bottom: 0px; }
.mb1{ margin-bottom: 1px; }
.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb70{ margin-bottom:70px;}
.mb100{ margin-bottom:100px;}
.mb150{ margin-bottom:150px;}
.mb200{ margin-bottom:200px;}


.ml2p{ margin-left:2%;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml50{ margin-left:50px;}
.ml70{ margin-left:70px;}
.ml100{ margin-left:100px;}
.ml200{ margin-left:200px;}

.mr0{ margin-right:0px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.mr70{ margin-right:70px;}
.mr100{ margin-right:100px;}
.mr200{ margin-right:200px;}


.pr0{ padding-right:0px;}
.pr10{ padding-right:10px;}
.pr35{ padding-right:35px;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl50{ padding-left:50px;}
.pl70{ padding-left:70px;}
.pl100{ padding-left:100px;}
.pl200{ padding-left:200px;}

.pt0{ padding-top:0px;}
.pt2{ padding-top:2px;}
.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt55{ padding-top:55px;}
.pt60{ padding-top:60px;}
.pt65{ padding-top:65px;}
.pt70{ padding-top:70px;}
.pt75{ padding-top:75px;}
.pt80{ padding-top:80px;}
.pt85{ padding-top:85px;}
.pt90{ padding-top:90px;}
.pt95{ padding-top:95px;}
.pt100{ padding-top:100px;}
.pt150{ padding-top:150px;}
.pt200{ padding-top:200px;}
.pt250{ padding-top:250px;}
.pt300{ padding-top:300px;}

.pt5p{ padding-top:5%;}
.pt10p{ padding-top:10%;}

.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb50{ padding-bottom:50px;}
.pb70{ padding-bottom:70px;}
.pb100{ padding-bottom:100px;}
.pb150{ padding-bottom:150px;}
.pb200{ padding-bottom:200px;}
.pb300{ padding-bottom:300px;}


.iw25{ max-width: 25px; width: auto; height: auto; }
.iw80{ max-width: 80px; width: auto; height: auto; }
.iw100{ max-width: 100px; width: auto; height: auto; }
.iw150{ max-width: 150px; width: auto; height: auto; }
.iw200{ max-width: 200px; width: auto; height: auto; }
.iw250{ max-width: 250px; width: auto; height: auto; }
.iw300{ max-width: 300px; width: auto; height: auto; }
.iw350{ max-width: 350px; width: auto; height: auto; }
.iw400{ max-width: 400px; width: auto; height: auto; }
.iw450{ max-width: 450px; width: auto; height: auto; }
.iw500{ max-width: 500px; width: auto; height: auto; }

.iw30p{ max-width: 30%; width: auto; height: auto; }
.iw35p{ max-width: 35%; width: auto; height: auto; }
.iw40p{ max-width: 40%; width: auto; height: auto; }
.iw45p{ max-width: 45%; width: auto; height: auto; }
.iw50p{ max-width: 50%; width: auto; height: auto; }
.iw55p{ max-width: 55%; width: auto; height: auto; }
.iw60p{ max-width: 60%; width: auto; height: auto; }
.iw70p{ max-width: 70%; width: auto; height: auto; }
.iw80p{ max-width: 80%; width: auto; height: auto; }
.iw90p{ max-width: 90%; width: auto; height: auto; }
.iw95p{ max-width: 95%; width: auto; height: auto; }
.iw100p{ max-width: 100%; width: auto; height: auto; }

.box_overflow100{ overflow:auto; height:100px; }
.box_overflow200{ overflow:auto; height:200px; }
.box_overflow300{ overflow:auto; height:300px; }

.w10p{ width: 10% !important; }
.w15p{ width: 15% !important; }
.w20p{ width: 20% !important; }
.w22p{ width: 22% !important; }
.w25p{ width: 25% !important; }
.w30p{ width: 30% !important; }
.w33p{ width: 33% !important; }
.w35p{ width: 35% !important; }
.w40p{ width: 40% !important; }
.w45p{ width: 45% !important; }
.w50p{ width: 50% !important; }
.w55p{ width: 55% !important; }
.w60p{ width: 60% !important; }
.w65p{ width: 65% !important; }
.w70p{ width: 70% !important; }
.w65p{ width: 65% !important; }
.w70p{ width: 70% !important; }
.w75p{ width: 75% !important; }
.w78p{ width: 78% !important; }
.w80p{ width: 80% !important; }
.w85p{ width: 85% !important; }
.w90p{ width: 90% !important; }
.w100p{ width: 100% !important; max-width: 100% !important; }


.wm65p{ width: 65% !important; max-width: 65% !important; }

.w50{
    width: 50px !important;
    max-width: 100% !important;
}
.w100{
    width: 100px !important;
    max-width: 100% !important;
}
.w130{
    width: 130px !important;
    max-width: 100% !important;
}
.w150{
    width: 150px !important;
    max-width: 100% !important;
}
.w200{
    width: 200px !important;
    max-width: 100% !important;
}
.w250{
    width: 250px !important;
    max-width: 100% !important;
}
.w300{
    width: 300px !important;
    max-width: 100% !important;
}
.w350{
    width: 350px !important;
    max-width: 100% !important;
}
.w400{
    width: 400px !important;
    max-width: 100% !important;
}
.w450{
    width: 450px !important;
    max-width: 100% !important;
}
.w500{
    width: 500px !important;
    max-width: 100% !important;
}
.max_w1170{
    max-width: 1170px !important;
}

.max_w1200{
    max-width: 1200px !important;
}

.lh20{ line-height:20px; }
.lh22{ line-height:22px; }
.lh25{ line-height:25px; }
.lh30{ line-height:30px; }


/*------表作成-----*/
.hyouArea{ background-color: #00b2a9; }
.hyouTitle{ padding: 10px 10px; color: #FFF; font-weight: bold; font-size: 16px; text-align: right; border-top:#FFF 1px solid; }
.hyouStr{ padding: 10px 10px; background-color: #fff; font-size: 16px; border-top:#00b2a9 1px solid; }
.hyoumar{ margin:0 -14px 0px -14px; }
.hyoumar:first-child{ margin-top:1px; }

@media only screen and (min-width:1400px){
}

@media only screen and (max-width:991px){
    .hyouTitle{ text-align: left; }
}

@media only screen and (max-width:846px){
    .hyouTitle{ text-align: left; }
}

@media only screen and (max-width:767px){
    .hyouTitle{ text-align: left; }
    .hyouTitle{ border-top:#00b2a9 1px solid; }
}

@media only screen and (max-width:640px){
    .hyouTitle{ text-align: left; }
}



.text-warning {
    color: #555;
  }


  
.time_box {
    font-size: 1.4em;
    text-align: center;
    max-width: 400px !important;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 2px solid #333;
    color: #333;
    padding-bottom: 5px;
    font-weight: 500;
    }
    .campaign_text {
    font-size: 1.7em;
    text-align: center;
    margin-top: 25px;
    color: red;
    font-weight: 600;
    margin-bottom: 40px;
    }
    body .campaign_text {
        font-size: 1.5em;
    }

    section.cv2 {
        position: fixed;
        z-index: 9999;
        bottom: -40px;
        margin-bottom: 0px;
      }





      .gift1{
        display: inline-block !important;
        width: 35% !important;
        text-align: center !important;
        font-size: 15px !important;
        color: #777 !important;
        margin-top: 30px !important;
        padding: 10px;
        font-weight: bold;
        font-family: "Ropa Sans", sans-serif;
        }
        .kakaku1{
        color: #484848 !important;
        font-size: 1em !important;
        }
        .fas{
        font-size: 3em !important;
        }
        .gift2{
        display: inline-block !important;
        width: 50% !important;
        line-height: 25px !important;
        text-align: center !important;
        margin-top: 35px !important;
        margin-left: 10px !important;
        margin-bottom: 10px !important;
        color: red;
        font-weight: bold;
        font-size: 1.7em;
        font-family: "Ropa Sans", sans-serif;
        vertical-align: top;
        padding: 10px;
        }
        .kakaku2{
        font-size: 0.6em !important;
        }

        .gift2 span{
        white-space: nowrap
        }

        @media only screen and (max-width:640px){
        .gift1{
        display: inline-block !important;
        width: 40% !important;
        text-align: center !important;
        font-size: 14px !important;
        color: #777 !important;
        margin-top: 0px !important;
        }
        .kakaku1{
        color: #484848 !important;
        font-size: 1em !important;
        }
        .gift2{
        display: inline-block !important;
        width: 45% !important;
        line-height: 25px !important;
        text-align: center !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 0px !important;
        }
        .kakaku2{
        font-size: 0.5em !important;
        }
    }

    
.prod_fre ul::before{
    display: none;
}
.prod_fre ul::after{
    display: none;
}