@import "head.css";
@import "foot.css";
@import "../../../../css/menu2.css";

/* UDON LOVE トップ */

/* common setting */
/* display none */
ul#mainNav,#navFooter {
    display:none;
}
#navHeader {
    margin:0 auto;
}

/* 画像リンク */
a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
}

/* common setting END */




/* 二十四節気 */

#wrapper {
    width:100%;
    background:url("../images/bg_main.png");
    margin:0 0 20px;
    padding:0 0 40px;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    font-size:14px;
    line-height:2.0;
}

#head {
    width:100%;
    height:471px;
    margin:0 0 20px;
    padding:12px 0 0;
}


/* ヘッダインナー */
#headInner {
    position:relative;
    width:950px;
    height:471px;
    margin:0 auto;
}
#headInner h2 {
    width:552px;
    height:160px;
    background:url("../images/head/title.png") no-repeat;
    text-indent:-9999px;
}
/* 白文字 */
#headInner h2.white {
    background:url("../images/head/title_white.png") no-repeat;
}
/* 黒文字 */
#headInner h2.black {
    background:url("../images/head/title_black.png") no-repeat;
}
/* 黒文字2 */
#headInner h2.black2 {
    background:url("../images/head/title_black2.png") no-repeat;
}
#headInner .btnAbout {
    position:absolute;
    top:128px;
    left:4px;
}
#headInner .author {
    position:absolute;
    bottom:0px;
    left:2px;
    padding:10px 0px;
}
#headInner .mark {
    margin:25px 0 0 15px;
    text-align:left;
}
#headInner .lead {
    position:absolute;
    top:200px;
    left:250px;
    text-align:left;
    font-size:16px;
    line-height:34px;
    font-weight:bold;
}
#headInner .lead span {
    background:rgba(255,255,255,0.75);
    padding:2px 15px;
    font-family: "Times New Roman","游明朝",YuMincho,"Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-weight:bold;
    color:#000000;
}
/*
#headInner .lead_sp {
    display:none;
}
*/
#headInner .headRice {
    position:absolute;
    top:-12px;
    left:785px;
    background:url("../images/head/rice_bg.png") no-repeat;
    padding:42px 0 3px 30px;
    font-weight:bold;
    line-height:1.6;
}
#headInner .headRice img {
    margin:0 0 3px;
}
#headInner .headRice a {
    color:#000;
    font-size:0.9em;
}


/* main */
#main {
    width:950px;
    margin:0 auto 40px;
}

/* PC navigation */
#pcNav {
    width:948px;
    margin:0 auto 20px;
    text-align:center;
}



/* 時節 */
.jisetsu {
    position:relative;
    width:867px;
    background:#fff;
    margin:0 auto 40px;
    padding:40px;
    text-align:left;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:#aaa392 2px 2px;
    -moz-box-shadow:#aaa392 2px 2px;
    -webkit-box-shadow:#aaa392 2px 2px;
}
.jisetsu .jisetsuImg {
    position:absolute;
    top:-30px;
    left:20px;
}
.jisetsu h4 {
    border-bottom:1px solid #dbdbdb;
    font-size:18px;
    font-weight:bold;
    line-height:2em;
}
.jisetsu h5 {
    border-bottom:1px solid #dbdbdb;
    font-size:15px;
    font-weight:bold;
    line-height:40px;
}
.jisetsu p {
    margin:0;
    background:url("../images/underline.png") 0 bottom;
    font-size:15px;
    line-height:40px;
}
.jisetsu p span {
}
.jisetsu .section1 {
    margin:0 0 40px 365px;
}
.jisetsu .section2 {
    border-top:1px solid #dbdbdb;
}


/* 右イラスト */
.jisetsu .jisetsuImg2 {
    float:right;
}
.jisetsu .section3 {
    margin:0 200px 0 0;
}

/* 左イラスト回り込み */
.jisetsu .section4 {
    text-align:left;
    padding-bottom: 40px;
}
.jisetsu .jisetsuImgL {
    float: left;
    background-color:#fff;
    padding:0 20px 0 0;
}


/* レシピ */
.recipeTop {
    margin:0 0 20px;
}
.recipeTop h3 {
    float:left;
    width:164px;
}
.recipeTop .recipeTopTxt {
    float:left;
    width:540px;
    text-align:left;
}
.recipeTop .recipeTopTxt h4 {
    background:url("../images/recipe_line_pc.png") no-repeat left bottom;
    margin:0 0 10px;
    padding:0 0 0 10px;
    font-size:24px;
    font-weight: bold;
    line-height:1.8;
}
.recipeTop .recipeTopTxt p {
    padding:0 0 0 15px;
}
.recipeTop .illust_b {
    float:right;
    width:240px;
    padding:40px 0 0;
}
.recipeTop .illust_b_sp {
    display:none;
}

.recipeBottom {
    position:relative;
    margin:0 0 80px;
    text-align:left;
}
.recipeBottom .recipeImg {
    float:left;
    width:536px;
    margin:0 24px 0 0;
}
.recipeBottom .recipeImg_sp {
    display:none;
}
.recipeBottom .recipeTxt {
    float:left;
    width:390px;
}
.recipeBottom .recipeTxt h4 {
    margin:0 0 20px;
    border-top:3px dotted #7d7d7d;
    border-bottom:3px dotted #7d7d7d;
    font-size:18px;
    font-weight:bold;
    line-height:2.4;
}
.recipeBottom .recipeTxt p {
    margin:0 0 20px;
}
.recipeBottom ul.package {
    position:absolute;
    bottom:0;
    left:560px;
}
.recipeBottom ul.package li {
    display:inline-block;
}



/* footer navigation */
#footNav {
    width:100%;
    background:#fff;
    margin:0 0 70px;
    padding:25px 0;
}
#footNav .footNavInner {
    width:950px;
    margin:0 auto;
}
#footNav ul {
    margin:0 0 0 -22px;
}
#footNav ul li {
    float:left;
    margin:0 0 0 22px;
    font-family: "Times New Roman","游明朝",YuMincho,"Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-weight:bold;
}
#footNav ul li a {
    display:block;
    width:140px;
    hight:10px;
    padding:62px 0 0;
    vertical-align:bottom;
    color:#000;
}
#footNav ul li a:hover {
    text-decoration:none;
}


/* product information */
#productInfo {
    position:relative;
    width:100%;
    background:#fff;
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
    margin:0;
    padding:40x 0;
}
#productInfo h5 {
    position:absolute;
    top:-19px;
    left:0;
    right:0;
}
#productInfo ul {
    margin:0 auto;
    padding:40px 0;
    text-align:center;
}
#productInfo ul li {
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin:0 10px;
    padding:0;
    vertical-align:top;
}
#productInfo ul li a {
    font-size:12px;
    line-height:1.4;
    color:#666;
}
#productInfo ul li img {
    margin:0 0 5px;
}


.pagetop_sp,.pagetop_sp a,.pt {
    display:none;
}






/*  タブレット レイアウト ～950px */
@media only screen and (max-width: 950px) {



/* ヘッダインナー */
#headInner {
    width:96%;
}
#headInner img {
    max-width:100%;
    height:auto;
}
#headInner h2 {
    width:70%;
    height:0;
    background-size:contain;
    padding:21.73% 0 0;
}
#headInner h2.white,#headInner h2.black,#headInner h2.black2 {
    background-size:contain;
}
#headInner .btnAbout {
    position:absolute;
    top:26.5%;
    left:4px;
}
#headInner .author {
    left:0;
    padding:5px 0;
}
#headInner .mark {
    width:20%;
    background-size:cover;
    margin:3% 0 0 0;
}
#headInner .lead {
    position:absolute;
    top:38%;
    left:25%;
}
#headInner .headRice {
    top:-12px;
    left:80%;
    padding:46px 0 3px 30px;
    font-size:0.8em;
}
#headInner .headRice img {
}


/* main */
#main {
    width:90%;
}
#main img {
    max-width:100%;
    height:auto;
}

/* PC navigation */
#pcNav {
    width:474px;
    margin:0 auto 20px;
    text-align:center;
}


/* 時節 */
.jisetsu {
    width:90%;
    margin:0 auto 5%;
    padding:5%;
}
.jisetsu .jisetsuImg {
    width:40%;
    top:-2%;
    left:2%;
}
.jisetsu .section1 {
    margin:0 0 40px 48%;
}
.jisetsu .section2 {
    border-top:1px solid #dbdbdb;
}


/* 右イラスト */
.jisetsu .jisetsuImg2 {
    width:40%;
}
.jisetsu .section3 {
    margin:0 48% 0 0;
}

/* 左イラスト回り込み */
.jisetsu .section4 {
}
.jisetsu .jisetsuImgL {
}


/* レシピ */
.recipeTop {
    margin:0 0 2em;
}
.recipeTop h3 {
    width:15%;
    margin:0 auto 1em;
}
.recipeTop .recipeTopTxt {
    float:left;
    width:60%;
    text-align:left;
}
.recipeTop .recipeTopTxt h4 {
    background:url("../images/recipe_line_pc.png") no-repeat left bottom;
    margin:0 0 10px;
    padding:0 0 0 10px;
}
.recipeTop .recipeTopTxt p {
    padding:0 0 0 15px;
}
.recipeTop .illust_b {
    width:25%;
    margin:0 auto;
    padding:2.5em 0 0;
}
.recipeTop .illust_b_sp {
    display:none;
}

.recipeBottom {
    position:relative;
    margin:0 auto 80px;
    text-align:left;
}
.recipeBottom .recipeImg {
    float:left;
    width:65%;
    margin:0 2% 0 0;
}
.recipeBottom .recipeImg_sp {
    display:none;
}
.recipeBottom .recipeTxt {
    float:left;
    width:33%;
}
.recipeBottom .recipeTxt h4 {
    margin:0 0 20px;
    border-top:3px dotted #7d7d7d;
    border-bottom:3px dotted #7d7d7d;
    font-size:18px;
    font-weight:bold;
    line-height:1.4;
	padding-top:10px!important;
	padding-bottom:10px!important;
}
.recipeBottom .recipeTxt p {
    margin:0 0 20px;
}
.recipeBottom ul.package {
    position:absolute;
    bottom:0;
    left:560px;
}
.recipeBottom ul.package li {
    display:inline-block;
}


/* footer navigation */
#footNav {
    width:100%;
}
#footNav .footNavInner {
    width:98%;
    margin:0 auto;
}
#footNav ul {
    margin:0;
}
#footNav ul li {
    float:none;
    display:inline-block;
    margin:0 1%;
}



}
/* タブレット レイアウト ～950px END */



/* モバイル 640px以下 */
@media only screen and (max-width: 640px) {

#wrapper {
    width:100%;
    margin:0 0 20px;
    padding:0 0 40px;
    font-size:1.2rem;
    line-height:1.6;
}

#head {
    height:auto;
    margin:0 0 40px;
    padding:0 0 10px;
}

#headInner {
    position:relative;
    width:100%;
    height:auto;
    background-size:contain;
    text-align:center;
}
#headInner h2 {
    display:block;
    position:relative;
    width:98%;
    height:auto;
    background:url("../images/head/title_sp.png") no-repeat 0 5px;
    background-size:contain;
    margin:0 auto;
}
#headInner h2 a {
    display:inline-block;
    position:absolute;
    top:67%;
    right:3%;
    width:24%;
    height:25%;
    text-indent:-9999px;
}
/* 白文字 */
#headInner h2.white {
    background:url("../images/head/title_sp_white.png") no-repeat 0 5px;
    background-size:contain;
}
/* 黒文字 */
#headInner h2.black {
    background:url("../images/head/title_sp_black.png") no-repeat 0 5px;
    background-size:contain;
}
/* 黒文字2 */
#headInner h2.black2 {
    background:url("../images/head/title_sp_black2.png") no-repeat 0 5px;
    background-size:contain;
}
#headInner .btnAbout {
    display:none;
}
#headInner .author {
    display:none;
}
#headInner .mark {
    width:100%;
    margin:-40px auto 10px;
    text-align:center;
}
#headInner .mark img {
    max-width:28%;
}
#headInner .lead {
    position:static;
    background:rgba(255,255,255,0.75);
    margin:0;
    padding:2px 2%;
    text-align:justify;
    line-height:1.6;
    font-size:1.0rem;
}
#headInner .lead span {
    background:none;
    margin:0;
    padding:0;
}
#headInner .lead br {
    display:none;
}
#headInner .lead br.vi {
    display:inline-block;
}
/*
#headInner .lead_pc {
    display:none;
}
#headInner .lead_sp {
    background:rgba(255,255,255,0.75);
    margin:0 0 10px;
    padding:2px 2%;
    text-align:justify;
    font-size:1.0rem;
    font-weight:bold;
    font-family: "Times New Roman","游明朝",YuMincho,"Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
}
*/
#headInner .lead_sp span {
}
#headInner .headRice {
    display:none;
}


/* main */
#main {
    margin:0 auto 40px;
}

/* PC navigation */
#pcNav {
    display:none;
}



/* 時節 */
.jisetsu {
    position:relative;
    width:80%;
    background:#fff;
    margin:0 auto 20px;
    padding:0 20px 20px;
    text-align:center;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:#aaa392 2px 2px;
    -moz-box-shadow:#aaa392 2px 2px;
    -webkit-box-shadow:#aaa392 2px 2px;
}
.jisetsu .jisetsuImg {
    position:static;
    width:100%;
}
.jisetsu .jisetsuImg img {
    width:86%;
    margin:-30px 0 10px;
}
.jisetsu h4 {
    border-bottom:1px solid #dbdbdb;
    font-size:1.4rem;
    font-weight:bold;
    line-height:2em;
}
.jisetsu h5 {
    border-bottom:1px solid #dbdbdb;
    font-size:1.1rem;
    font-weight:bold;
    line-height:40px;
}
.jisetsu p {
    background:url("../images/underline.png") 0 bottom;
    line-height:40px;
}
.jisetsu p span {
}
.jisetsu .section1 {
    margin:0 0 2em;
    text-align:left;
}

.jisetsu .section2 {
    border-top:1px solid #dbdbdb;
    text-align:left;
}


/* 右イラスト */
.jisetsu .jisetsuImg2 {
    float:none;
}
.jisetsu .jisetsuImg2 img {
    max-width:86%;
    margin:0 0 10px;
}
.jisetsu .section3 {
    text-align:left;
}

/* 左イラスト回り込み */
.jisetsu .section4 h4, .jisetsu .section4 p {
    text-align:left;
}



/* レシピ */
.recipeTop {
    position:static;
    margin:0 auto 20px;
}
.recipeTop h3 {
    float:none;
    width:100%;
    margin:0 auto;
}
.recipeTop h3 img {
}
.recipeTop .recipeTopTxt {
    float:none;
    width:100%;
    text-align:center;
}
.recipeTop .recipeTopTxt h4 {
    background:url("../images/recipe_line_sp.png") no-repeat left bottom;
    margin:0 0 10px;
    padding:8px 0 8px 10px;
    font-size:1.6rem;
    font-weight: bold;
    line-height:1.4;
}
.recipeTop .recipeTopTxt p {
    margin:0 auto 1em;
    text-align:left;
}
.recipeTop .illust_b {
    display:none;
}
.recipeTop .illust_b_sp {
    display:block;
    margin:0 auto 10px;
}
.recipeTop .illust_b_sp img {
    width:60%;
}

.recipeBottom {
    position:relative;
    width:100%;
    margin:0 auto 20px;
    text-align:center;
}
.recipeBottom .recipeImg {;
    display:none;
}
.recipeBottom .recipeImg_sp {
    display:block;
    margin:0 auto 20px;
    text-align:center;
}
.recipeBottom .recipeImg_sp img {
    max-width:100%;
    height:auto;
}
.recipeBottom .recipeTxt {
    width:100%;
    text-align:left;
}
.recipeBottom .recipeTxt h4 {
    margin:0 0 5px;
    border-top:3px dotted #7d7d7d;
    border-bottom:3px dotted #7d7d7d;
    text-align:center;
    font-size:1.4rem;
    font-weight:bold;
    line-height:1.4;
    padding:8px 0;
}
.recipeBottom .recipeTxt p {
    width:98%;
    margin:0 auto 20px;
}
.recipeBottom .recipeTxt p.btn {
    text-align:center;
}
.recipeBottom .recipeTxt p.btn img {
    max-width:100%;
    height:auto;
}
.recipeBottom ul.package {
}
.recipeBottom ul.package li {
    display:inline-block;
}



/* footer navigation */
#footNav {
    width:100%;
    background:#fff;
    margin:0 0 70px;
    padding:25px 0;
}
#footNav .footNavInner {
    margin:0 auto;
}
#footNav ul {
    margin:0;
}
#footNav ul li {
    display:inline-block;
    margin:0 6px 7px;
    text-align:center;
    font-family: "Times New Roman","游明朝",YuMincho,"Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size:0.8rem;
    font-weight:bold;
    line-height:2.0;
}
#footNav ul li a {
    display:block;
    width:140px;
    hight:10px;
    margin:0;
    padding:62px 0 0;
    vertical-align:bottom;
    color:#000;
}
#footNav ul li a:hover {
    text-decoration:none;
}


/* product information */
#productInfo {
    position:relative;
    width:100%;
    background:#fff;
    border-top:1px solid #dbdbdb;
    border-bottom:1px solid #dbdbdb;
    margin:0;
    padding:40x 0;
}
#productInfo h5 {
    position:absolute;
    top:-19px;
    left:0;
    right:0;
}
#productInfo ul {
    margin:0 auto;
    padding:40px 0;
    text-align:center;
}
#productInfo ul li {
    display:inline-block;
    margin:0 10px;
    padding:0;
    vertical-align:top;
}
#productInfo ul li a {
    font-size:0.8rem;
    line-height:1.4;
    color:#666;
}
#productInfo ul li img {
    margin:0 0 5px;
}


/* page top */
.pagetop_sp {
    display:none;
    position:fixed;
    bottom:2%;
    right:2%;
}
.pagetop_sp a {
	display:block;
	width:60px;
	height:60px;
	background:url("/common/images/responsive/sp/up.png") no-repeat 0 0;
	font-size:0.1em;
	text-decoration:none;
	text-indent:-9999px;
}


}
/* モバイル 640px以下 END */


/* モバイル 480px以下 調整 */
@media only screen and (max-width: 480px) {
#headInner h2 a {
    top:55%;
    right:3%;
}
}