@charset "UTF-8";

a,
a:link,
a:visited,
a:active,
a:hover,
a:hover img {
text-decoration: none;
/*
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity: .80;
*/
}


/*----------------------------------------------------------------------------------------
コンテンツ大枠
----------------------------------------------------------------------------------------*/

@media screen and (max-width:767px) { /*SP*/
    .CW1000{
        width: auto;
        margin: 0 25px;
        padding: 0;
        box-sizing: border-box;
    }
}

@media screen and (min-width:768px) , print { /*PC&TB*/
    .CW1000{
        width: 1000px;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }
}


/*----------------------------------------------
ヘッダー
----------------------------------------------*/

@media screen and (max-width:767px) { /*SP*/
    #header{
        width:100%;
        margin:0 auto;
        padding:0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }
    
    .headerContents{
        width: 100%;
        position: fixed;
        margin: 0 auto;
        z-index: 9999;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    
    .headerContents h1{
        width: 135px;
        font-size: 0;
        background-color: #ed1c24;
        display: flex;
        align-items: center;
        padding: 10px 15px;
    }
    
    .headerContents h1 a img{width: 100%;}
    
    /*----- ヘッダーメニュー -----*/
    .headerMenu{
        background: #b7282c;
        text-align: center;
    }
    
    .headerMenu .spmenu_drawr,
    .headerMenu .spmenu_drawr span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    
    .headerMenu .spmenu_drawr {
        position: relative;
        width: 50px;
        height: 40px;
        cursor: pointer;
        z-index: 9999;
    }
    
    .headerMenu .spmenu_drawr span {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 27px;
        height: 3px;
        background: #fff;
    }
    
    .headerMenu .spmenu_drawr span:nth-of-type(1) {
        top: 11px;
    }
    
    .headerMenu .spmenu_drawr span:nth-of-type(2) {
        top: 18px;
    }
    
    .headerMenu .spmenu_drawr span:nth-of-type(3) {
        bottom: 12px;
    }
    
    .headerMenu .spmenu_drawr.active span{background: #fff;}
    
    .headerMenu .spmenu_drawr.active span:nth-of-type(1) {
        -webkit-transform: translateY(7px) rotate(-45deg);
        transform: translateY(7px) rotate(-45deg);
    }
    
    .headerMenu .spmenu_drawr.active span:nth-of-type(2) {
        opacity: 0;
    }
    
    .headerMenu .spmenu_drawr.active span:nth-of-type(3) {
        -webkit-transform: translateY(-7px) rotate(45deg);
        transform: translateY(-7px) rotate(45deg);
    }
    
    .headerMenu p{
        font-size: 10px;
        color: #fff;
        margin-top: -15px;
        margin-bottom: 5px;
    }
    
    .headerNavi {
        -webkit-overflow-scrolling: touch;
        display: none;
        background-color:rgba(25,0,0,0.9);
        position: fixed;
        top: 0px;
        right:0;
        width:100%;
        height:100%;
        z-index: 8888;
        overflow: auto;
    }
    
    .headerNavi .Inner{
        max-width: 100%;
        margin: 0 15px;
        padding: 80px 0 0;
    }
    
    .headerNavi .Inner ul{
        width: 100%;
        padding: 0;
        margin: 0 0 30px;
    }
    
    .headerNavi > ul{
        max-width: 100%;
        margin: 0 15px;
        padding: 0 0 30px;
    }
    
    .headerNavi ul li{
        list-style: none;
        margin:0;
        overflow:hidden;
        white-space: nowrap;
        border-bottom: 1px solid #fff;
        padding: 5px 0;
    }
    
    .headerNavi .Inner ul li.Navi_mb{margin: 0 0 30px;}
    
    .headerNavi > ul li{
        width: 100%;
        margin: 0;
        float: none;
    }
    
    .headerNavi ul li a{
        display: block;
        text-align: left;
        color: #fff;
        position: relative;
    }
    
    .headerNavi ul li a span{display: none;}
    
    .headerNavi ul li a::after{
        content: "＞";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%); /* Safari用 */
        transform: translateY(-50%);
        right: 0;
    }
    
    .headerNavi ul li a:hover{
        text-decoration: none;
        filter: alpha(opacity=75) ;
        opacity: 0.75;
        -moz-opacity: 0.75;
    }
    
    .fade {opacity: 1;}
}

@media screen and (min-width:768px) , print { /*PC&TB*/
    #header{
        width:960px;
        height: 40px;
        margin:0 auto;
        padding:0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
    }
    
    .headerContents{
        width: 100%;
        position: fixed;
        margin: 0 auto;
        z-index: 9999;
        display: -webkit-flex;
        display: flex;
    }
    
    .headerContents h1{
        width: 135px;
        font-size: 0;
        background-color: #ed1c24;
        display: flex;
        align-items: center;
        padding: 10px 15px;
    }
    
    .headerContents h1 a img{width: 100%;}
    
    /*----- ヘッダーメニュー -----*/
    .headerMenu{
        background: #b7282c;
        text-align: center;
    }
    
    .headerMenu .spmenu_drawr,
    .headerMenu .spmenu_drawr span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    
    .headerMenu .spmenu_drawr {
        position: relative;
        width: 50px;
        height: 40px;
        cursor: pointer;
        z-index: 9999;
    }
    
    .headerMenu .spmenu_drawr span {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 27px;
        height: 3px;
        background: #fff;
    }
    
    .headerMenu .spmenu_drawr span:nth-of-type(1) {
        top: 11px;
    }
    
    .headerMenu .spmenu_drawr span:nth-of-type(2) {
        top: 18px;
    }
    
    .headerMenu .spmenu_drawr span:nth-of-type(3) {
        bottom: 12px;
    }
    
    .headerMenu .spmenu_drawr.active span{background: #fff;}
    
    .headerMenu .spmenu_drawr.active span:nth-of-type(1) {
        -webkit-transform: translateY(7px) rotate(-45deg);
        transform: translateY(7px) rotate(-45deg);
    }
    
    .headerMenu .spmenu_drawr.active span:nth-of-type(2) {
        opacity: 0;
    }
    
    .headerMenu .spmenu_drawr.active span:nth-of-type(3) {
        -webkit-transform: translateY(-7px) rotate(45deg);
        transform: translateY(-7px) rotate(45deg);
    }
    
    .headerMenu p{
        font-size: 10px;
        color: #fff;
        margin-top: -15px;
        margin-bottom: 5px;
    }
    
    .headerNavi {
        display: none;
        background-color:rgba(25,0,0,0.9);
        position: fixed;
        top: 0px;
        right:0;
        width:100%;
        height:120%;
        z-index: 8888;
    }
    
    .headerNavi .Inner{
        width: 960px;
        margin: 0 auto;
        padding: 0 0 50px;
        display: -webkit-flex;
        display: flex;
    }
    
    .headerNavi .Inner ul{
        width: 340px;
        padding: 80px 0 0;
        margin: 0 50px 0 0;
    }
    
    .headerNavi > ul{
        width: 960px;
        margin: 0 auto;
    }
    
    .headerNavi ul li{
        list-style: none;
        margin:0;
        overflow:hidden;
        white-space: nowrap;
        border-bottom: 1px solid #fff;
        padding: 5px 0;
    }
    
    .headerNavi .Inner ul li.Navi_mb{margin: 0 0 50px;}
    
    .headerNavi > ul li{
        width: 315px;
        margin: 0 50px 0 0;
        float: left;
    }
    
    .headerNavi > ul li:last-child{margin: 0;}
    
    .headerNavi ul li a{
        display: block;
        text-align: left;
        color: #fff;
        position: relative;
        font-size: 18px;
    }
    
    .headerNavi ul li a span{display: none;}
    
    .headerNavi ul li a::after{
        content: "＞";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%); /* Safari用 */
        transform: translateY(-50%);
        right: 0;
    }
    
    .headerNavi ul li a:hover{
        text-decoration: none;
        filter: alpha(opacity=75) ;
        opacity: 0.75;
        -moz-opacity: 0.75;
    }
    
    .fade {opacity: 1;}
}


/*----------------------------------------------
フッター
----------------------------------------------*/

@media screen and (max-width:767px) { /*SP*/
	.footerSection{
		padding: 40px 0 40px;
		text-align: center;
	}
	
	.footerImg{
        width: 100%;
		margin: 0 auto 50px;
	}
	
	.footerLogo{
		width: 135px;
		margin: 0 auto 20px;
	}
}

@media screen and (min-width:768px) , print { /*PC&TB*/
	.footerSection{
		min-width: 1100px;
		padding: 50px 0 40px;
		text-align: center;
	}
	
	.footerImg{
        width: 490px;
		margin: 0 auto 60px;
	}
	
	.footerLogo{
		width: 135px;
		margin: 0 auto 20px;
	}
}


/*----------------------------------------------
mainVisual
----------------------------------------------*/

@media screen and (max-width:767px) { /*SP*/
    .mainVisual{
        padding: 105px 20px 30px;
        margin: 0 auto;
        text-align: center;
        height: 120vw;
        background-image: url(../image/bg02.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
    }
    
    .mainVisual h1{
        margin: 20px auto 20px;
        width: 100%;
    }
    
    .boshuMVtextArea{
        clear: both;
        margin: 0 auto;
        padding: 0 50px 30px;
        max-width: 500px;
    }
    
    .boshuMVtextInr{
        margin: 0 15px;
    }
    
    .boshuMVtextInr .s-image{
        width: 90%;
        margin: 0 auto 15px;
    }
    
    .boshuMVtextInr p{
        font-weight: bold;
        margin-bottom: 20px;
        text-align: left;
        font-size: 16px;
    }
}

@media screen and (min-width:768px) , print { /*PC&TB*/
    .mainVisual{
        padding-top: 135px;
        text-align: center;
        min-width: 1100px;
        margin: 0 auto;
        height:860px;
        background-image: url("../image/bg01.png");
        background-repeat: no-repeat;
        background-position: top center;
        /*background-size: cover;*/
    }
    
    .mainVisual h1{
        margin-bottom: 5px;
    }
    
    .boshuMVtextArea {
        clear: both;
        margin:25px auto 0;
        padding-bottom: 30px;
    }
    
    .boshuMVtextInr{
        max-width: 950px;
        margin: 0 auto 100px;
    }
    
    .boshuMVtextInr .s-image{
        width: 35%;
        margin: 0 auto 20px;
    }
    
    .boshuMVtextInr p{
        font-weight: bold;
        margin-bottom: 20px;
        text-align: center;
        font-size: 20px;
    }
}


/*----------------------------------------------
あなたのレシピが商品化されるかも
----------------------------------------------*/

@media screen and (max-width:767px) { /*SP*/
    .boshuLeadSection{
        padding: 0 0 80px;
    }
    
    .boshuLead_flBox{
		margin: -50px 0 0;
	}
	
	.boshuLead_fl_img01{
		width: 65%;
		margin: 0 auto;
	}
	
	.boshuLead_fl_text{
		text-align: center;
		font-size: 14px;
		color: #7d5f1e;
		padding: 40px 0;
	}
	
	.boshuLead_fl_text h2{
		color: #bc9231;
		font-size: 28px;
		font-weight: bold;
		margin: 0 0 15px;
	}
	
	.boshuLead_fl_img02{
		width: 65%;
		margin: 0 auto;
	}
}

@media screen and (min-width:768px) , print { /*PC&TB*/
    .boshuLeadSection{
        min-width: 1100px;
        padding: 60px 0 60px;
    }
	
	.boshuLead_flBox{
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	}
	
	.boshuLead_fl_img01{
		width: 250px;
	}
	
	.boshuLead_fl_text{
		width: calc(100% - 500px);
		box-sizing: border-box;
		padding: 0 10px;
		text-align: center;
		font-size: 14px;
		color: #7d5f1e;
	}
	
	.boshuLead_fl_text h2{
		color: #bc9231;
		font-size: 26px;
		font-weight: bold;
		margin: 0 0 15px;
	}
	
	.boshuLead_fl_img02{
		width: 250px;
	}
}


/*----------------------------------------------
応募方法　応募規定
----------------------------------------------*/

@media screen and (max-width:767px) { /*SP*/
    .methodSection{
        padding: 70px 0 70px;
        background-color: #3FA8F4;
        text-align: center;
        color: #ffffff;
    }
    
    .methodSection img{
        width:200px;
    }
    
    .methodSection h2{
        margin: 0 auto 35px;
        text-align: center;
    }
    
    .methodSection p{
        margin: 0 auto;
        text-align: center;
        font-size: 18px;
        font-weight: normal;
    }
    
    .sakuhin_btnbox {
        width: 100%;
        margin: 0 auto;
    }
    
    .sakuhin_btn {
        display: inline-block;
        border: 0px solid #707070;
        padding: 1em 2em;
        background-color: #FFFFFF;
        box-shadow: 0 5px 0 #707070;
        border-radius: 10px;
        color: #3FA8F4;
        cursor: pointer;
        text-decoration: none;
        font-size: 1.2em;
        font-weight: bold;
    }
    
    .methodRegulation{
        margin: 60px auto 0;
        border: 10px solid #BC9231;
        background-color: #FFFFFF;
    }
    
    .methodRegulation h3{
        margin:-30px auto 20px;
        width: 4em;
        padding: 5px 20px;
        background-color: #BC9231;
        color: #fff;
        font-size: 22px;
    }
    
    .methodRegulation ul{
        margin: 0px 20px 0 40px;
    }
    
    .methodRegulation li{
        margin-bottom: 1em;
        list-style-type:decimal;
        color: #BC9231;
        font-weight: bold;
        text-align: left;
    }
}

@media screen and (min-width:768px) , print { /*PC&TB*/
    .methodSection{
        min-width: 1100px;
        padding: 80px 0 80px;
        background-color: #3FA8F4;
        text-align: center;
        color: #ffffff;
    }
    
    .methodSection h2{
        margin: 0 auto 35px;
        text-align: center;
    }
    
    .methodSection p{
        margin: 0 auto;
        text-align: center;
        font-size: 15px;
        font-weight: normal;
    }
    
    .sakuhin_btnbox {
        width: 100%;
        margin: 0 auto;
    }
    
    .sakuhin_btn {
        display: inline-block;
        border: 0px solid #707070;
        padding: 1em 5em;
        background-color: #FFFFFF;
        box-shadow: 0 5px 0 #707070;
        border-radius: 10px;
        color: #3FA8F4;
        cursor: pointer;
        text-decoration: none;
        font-size: 1.2em;
        font-weight: bold;
    }
    
    .methodRegulation{
        margin: 60px auto 0;
        border: 10px solid #BC9231;
        background-color: #FFFFFF;
    }
    
    .methodRegulation h3{
        margin:-30px auto 20px;
        width: 4em;
        padding: 5px 20px;
        background-color: #BC9231;
        color: #fff;
        font-size: 22px;
    }
    
    .methodRegulation ul {
        counter-reset: my-counter;
        list-style: none;
        padding: 0;
        margin: 0px 20px 0 40px;
    }
    
    .methodRegulation li {
        font-weight: bold;
        line-height: 1.5;
        padding-left: 30px;
        position: relative;
        color: #7E611F;
        margin-bottom: 1em;
        text-align: left;
    }
    
    .methodRegulation li:before {
        content: counter(my-counter);
        counter-increment: my-counter;
        background-color: #7E611F;
        border: 1px solid;
        border-radius: 50%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 22px;
        width: 22px;
        color: #FFFFFF;
        font-size: 85%;
        line-height: 1;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/*----------------------------------------------
お問い合わせ
----------------------------------------------*/

@media screen and (max-width:767px) { /*SP*/
	.boshuContactSection{
        padding: 70px 0 40px;
    }
	
	.boshuContactSection h3 {
		width: 60%;
		margin: 0 auto 40px;
	}
	
	.boshuPrivacyPolicy{
		margin: 20px 0 30px;
		padding: 15px 10px;
		background: #f0efec;
		border:1px solid #afa505;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		text-align: center;
	}

	.boshuPrivacyPolicy > p span{
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		color: #1b549a;
		padding: 0 0 10px;
	}

	.boshuPrivacyPolicy .Inner{
		width:100%;
		box-sizing:border-box;
		border:1px solid #ccc;
		padding:10px 10px;
		height:150px;
		overflow:auto;
		text-align: left;
		margin: 15px 0 0;
		background: #fff;
		-webkit-overflow-scrolling: touch;
	}

	.boshuPrivacyPolicy .Inner h5{
		color:#1b549a;
		font-size:16px;
		margin: 0 0 10px;
	}

	.boshuPrivacyPolicy .Inner p{margin:0 0 30px;}
	.boshuPrivacyPolicy .Inner p span{
		display:block;
		padding-left:1rem;
		text-indent:-1rem;
	}
	
	.boshu_submit_box{
		margin: 40px 0 0;
	}
	
	.boshu_submit_btn{
		display: block;
		width: 100%;
        margin: 0 auto;
	}
}

@media screen and (min-width:768px) , print { /*PC&TB*/
	.boshuContactSection{
		min-width: 1100px;
        padding: 80px 0 60px;
	}
	
	.boshuContactSection h3 {
		width: 235px;
		margin: 0 auto 40px;
	}
	
	.boshuPrivacyPolicy{
		margin: 20px 0 30px;
		padding: 20px 15px;
		background: #f0efec;
		border:1px solid #afa505;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		text-align: center;
	}
	
	.boshuPrivacyPolicy > p span{
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		color: #1b549a;
		padding: 0 0 10px;
	}
	
	.boshuPrivacyPolicy .Inner{
		width:100%;
		box-sizing:border-box;
		border:1px solid #ccc;
		padding:10px 15px;
		height:200px;
		overflow:auto;
		text-align: left;
		margin: 15px 0 0;
		background: #fff;
	}

	.boshuPrivacyPolicy .Inner h5{
		color:#1b549a;
		font-size:16px;
		margin: 0 0 10px;
	}

	.boshuPrivacyPolicy .Inner p{margin:0 0 30px;}
	
	.boshuPrivacyPolicy .Inner p span{
		display:block;
		padding-left:1rem;
		text-indent:-1rem;
	}
	
	.boshu_submit_box{
		margin: 50px 0 0;
	}
	
	.boshu_submit_btn{
        display: block;
		width: 981px;
        margin: 0 auto;
	}
}