@charset "euc-jp";

*{font-size:14px;}
/*clearfix*/
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.rerative{
    position:relative;
}
.absolute{
    position:absolute;
}

.wid100per{width:100%}
.wid90per{width:90%}
.wid80per{width:80%}
.wid70per{width:70%}
.wid60per{width:60%}
.wid50per{width:50%}
.wid40per{width:40%}
.wid30per{width:30%}
.wid20per{width:20%}
.wid10per{width:10%}

.mar_auto{margin:0 auto;}
.marT50{margin-top:50px;}
.marT40{margin-top:40px;}
.marT30{margin-top:30px;}
.marT20{margin-top:20px;}
.marT10{margin-top:10px;}

.marB50{margin-bottom:50px;}
.marB40{margin-bottom:40px;}
.marB30{margin-bottom:30px;}
.marB20{margin-bottom:20px;}
.marB10{margin-bottom:10px;}


.caption_size{font-size:12px; line-height:1.5em !important;}
.align_l{text-align:left !important;}
.align_r{text-align:right;}
.align_c{text-align:center;}
.flt_l{float:left !important;}
.flt_r{float:right !important;}

.green{color:#3e7c39;}
.red{color:#cd2828;}
.blue{color:#11538b;}
.orange{color:#f0902c;}

.dull_red{color:#c42;}
.brown{color:#630;}

.comment{
    font-size:.9em;
}

div.block{
    margin-bottom:50px;
}

.special_page h2{
    margin:.3em 0;
    font-size:2rem;
    font-weight:bold;
    border:none;
}

.special_page h3{
    margin:.3em 0;
    font-size:1.8rem;
    font-weight:bold;
    border:none;
}

.go_button{ 
    margin:50px 0 20px; text-align:center; cursor: pointer; display:block; width:100%; text-align: center; 
}


/***********************************************************************/


.flexBox{ display:flex; justify-content: space-between; }
.flexBox.colored{ padding:10px 20px; }
.flexBox .leftCase{ margin-right:40px; }
.discTopic{ margin-bottom:8px; }
.discTopic p{ position:relative; padding-left:1.4em; width:100%; }
.discTopic p::before{
    content:''; position: absolute; left:0; top:5px; display:block; width:13px; height:13px;
    border-radius:50%;
}


.flexBox.colored.paleorange{ background-color:#ffeece; }
.discTopic p.redDisc::before{ background-color:#f00; }

.strong{ font-size:105%; font-weight:bold; }


.kinbiHinsyu{
    background-image:url(../images/tokusei_bg.jpg); background-repeat: no-repeat;
    background-position: right;
    padding:10px 0;
}
.kinbiHinsyu p{ margin-bottom:14px; font-size:16px; }
.kinbiHinsyu.discTopic p::before{ background-color:#60a219; }
.kinbiPrize{ position: relative; height:500px; }
.kinbiPrize::after{
    position: absolute; top:80px; left:80px;
    content:''; display:block; width:420px; height:250px; z-index: -2;
    background-color: #ffe195;
}
.kinbiPrize::before{
    position: absolute; top:180px; right:80px;
    content:''; display:block; width:300px; height:220px; z-index: -1;
    background-color: #ffeebd;
}
.kinbiPrize li{ position:absolute; }
.kinbiPrize li#juice{ z-index:10; top:0; left:0; transform: rotate(-3deg); }
.kinbiPrize li#salada{ z-index:12; top:210px; left:200px; transform: rotate(-6deg); }
.kinbiPrize li#bavarois{ z-index:11; top:20px; right:0; transform: rotate(2deg); }

.kinbiPrize li p{ font-size:18px !important; line-height:30px !important; }
.kinbiPrize li p.pict{ width:340px; box-shadow: 5px 5px 18px rgba(0,0,0,.2); }
.kinbiPrize li p.pict img{ width:100%; }
.kinbiPrize li p.name{
    position:absolute; right:5px; top:5px;  
    padding:0 12px; background-color:#ffc08a; border-radius: 2px;
}