@import url("../../css/cssreset.css");
@import url("../../css/base.css");
@import url("../../css/navigation.css");
@import url("../../css/contents.css");


/*--------------------------------------*/
/* products */
/*--------------------------------------*/
/* styles.css */
/*--------------------------------------*/

.column2-1 .img {
    text-align:center;
}



/*--------------------------------------*/
/* title area */
/*--------------------------------------*/
#products_title {
    width:100%;
    background:#030305;
    margin-bottom:80px;
    color:#ffffff;
}
#products_title_inner {
    position:relative;
    width:100%;
    max-width:1200px;
    height:600px;
    background-repeat:no-repeat;
    margin:0 auto;
    padding:45px 0 0;
    box-sizing:border-box;
}

#products_title_inner .text_area {
    width:50%;
    margin-left:10%;
    text-align:left;
}
#products_title_inner .text_area .sofia {
    display:inline;
    border-bottom:1px solid #e94709;
    line-height:1.8;
    font-size:1.8em;
}
#products_title_inner .text_area h1 {
    margin-bottom:1.5em;
    line-height:1.2;
    font-size:3.6em;
    font-weight:bold;
}
#products_title_inner .text_area p {
    width:80%;
    line-height:2.0;
    font-size:1.2em;
}
#products_title_inner .text_area p.strong {
    margin-bottom:1em;
    font-weight:bold;
}

#products_title_inner .icon {
    position:absolute;
    top:2%;
    right:4%;
    text-align:right;
}


/* package */
/*--------------------------------------*/
#products_title_inner .package {
    position:absolute;
    margin:auto;
}
#products_title_inner .package img {
    width:100%;
    height:auto;
}



/*--------------------------------------*/
/* Frozen UDON */
/*--------------------------------------*/

/* title bg */
.udon #products_title_inner {
    background-position:right top;
    background-image:url("../images/udon/title_bg.jpg");
}

/* H1 */
.udon #products_title_inner .text_area h1 {
    color:#d6e0ff;
}

/* package */
.udon #products_title_inner .package {
    left:0;
    right:0;
    bottom:30.3%;
    width:234px;
    padding-left:28%;
}


/* recipe */
.recipe_section {
    position:relative;
    width:100%;
    background:#e0e0e0;
    margin-bottom:8px;
}
.recipe_section .img {
    float:left;
    width:50%;
}
.recipe_section .img img {
    display:block;
    width:100%;
    height:auto;
    box-sizing:border-box;
}
.recipe_section .txt {
    float:right;
    width:50%;
    padding:4%;
    box-sizing:border-box;
}
.recipe_section .txt .style {
    display:inline-block;
    background:#ffffff;
    margin-bottom:1.5em;
    padding:0 2em;
    border-radius:18px;
    text-align:center;
    font-size:1.2em;
    font-weight:bold;
    color:#e94709;
}
.recipe_section .check {
    position:absolute;
    right:4%;
    bottom:12%;
}
.recipe_section .check a {
    display:block;
    background:#e94709 url("../../images/common/arrow.png") no-repeat right center;
    padding:0.5em 90px 0.5em 1.5em;
    text-align:left;
    line-height:1.8;
    font-size:1.2em;
    color:#ffffff;
}
.recipe_section .check a:hover {
    background-color:#f07e52;
    text-decoration:none;
}




/*--------------------------------------*/
/* Various frozen foods */
/*--------------------------------------*/

/* title bg */
#products_title.various {
    background-image:url("../images/various/title_tile_bg.png");
    margin-bottom:8px;
}
.various #products_title_inner {
    background-position:center center;
    background-image:url("../images/various/title_bg.jpg");
}

/* H1 */
.various #products_title_inner .text_area h1 {
    color:#d6e0ff;
}

.various #products_title_inner .text_area p.lead {
    display:block;
    position:absolute;
    bottom:9%;
    width:86%;
}

/* various contents */
#various_contents {
}
#various_contents .section {
    background:#eeeeee;
    margin:0 auto 8px;
}
#various_contents .section.section_bottom {
    margin:0 auto;
}
.img_section_inner {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    text-align:left;
    font-size:1.2em;
}
.img_section_inner .txt {
    width:50%;
    padding:4%;
    box-sizing:border-box;
}
.img_section_inner .img {
    width:50%;
    box-sizing:border-box;
}
.img_section_inner .img img {
    display:block;
    width:100%;
    height:auto;
}
.img_section_inner.img_left .txt {float:right;}
.img_section_inner.img_left .img {float:left;}
.img_section_inner.img_right .txt {float:left;}
.img_section_inner.img_right .img {float:right;}




/*--------------------------------------*/
/* Packed cooked rice */
/*--------------------------------------*/

/* title bg */
.rice #products_title_inner {
    background-position:right top;
    background-image:url("../images/rice/title_bg.jpg");
}

/* H1 */
.rice #products_title_inner .text_area h1 {
    color:#ffe7db;
}

/* package */
.rice #products_title_inner .package {
    left:0;
    right:0;
    bottom:19.0%;
    width:130px;
    padding-left:21.5%;
}



/* - 1100px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1100px) {


/*--------------------------------------*/
/* title area */
/*--------------------------------------*/

#products_title_inner .text_area {
    margin-left:5%;
}
#products_title_inner .icon {
    right:2%;
}



/*--------------------------------------*/
/* Frozen UDON */
/*--------------------------------------*/
/* package */
.udon #products_title_inner .package {
    width:20%;
    padding-left:20%;
}



/*--------------------------------------*/
/* Various frozen foods */
/*--------------------------------------*/

/* title bg */
.various #products_title_inner {
    background-size:100% auto;
}

.various #products_title_inner .text_area p.lead {
    bottom:7%;
}



/*--------------------------------------*/
/* Packed cooked rice */
/*--------------------------------------*/

/* package */
.rice #products_title_inner .package {
    width:10.8%;
    padding-left:11.5%;
}

}
/* - 1100px end */



/* - 900px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 900px) {


/*--------------------------------------*/
/* title area */
/*--------------------------------------*/

#products_title_inner {
    height:480px;
    background-size:auto 100%;
}
#products_title_inner .text_area h1 {
    margin-bottom:1.0em;
    font-size:3.0em;
}

#products_title_inner .icon img {
    width:75%;
}



/*--------------------------------------*/
/* Frozen UDON */
/*--------------------------------------*/
/* package */
.udon #products_title_inner .package {
    bottom:30.3%;
    padding-left:18%;
}



/*--------------------------------------*/
/* Various frozen foods */
/*--------------------------------------*/

.various #products_title_inner .text_area p.lead {
    width:90%;
    bottom:4%;
}







/*--------------------------------------*/
/* Packed cooked rice */
/*--------------------------------------*/

/* package */
.rice #products_title_inner .package {
    width:11.5%;
    padding-left:12.5%;
}




}
/* - 900px end */



/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {


/* column */
.column2-1 {
    float:none;
    width:100%;
}
.column2-1.column_txt {
    padding-right:0;
}



/*--------------------------------------*/
/* title area */
/*--------------------------------------*/
#products_title_inner .text_area h1 {
    padding-top:0.2em;
}
#products_title_inner .text_area p {
    line-height:1.6;
    font-size:1.2em;
}



/*--------------------------------------*/
/* Frozen UDON */
/*--------------------------------------*/

/* recipe */
.recipe_section .txt .style {
    margin-bottom:1.0em;
}
.recipe_section .check {
    right:4%;
    bottom:8%;
}
.recipe_section .check a {
    font-size:1.0em;
}



/*--------------------------------------*/
/* Various frozen foods */
/*--------------------------------------*/

.various #products_title_inner .text_area {
    width:90%;
}

.various #products_title_inner .text_area p.lead {
    bottom:8%;
}

/* various contents */
.img_section_inner .txt {
    padding:2%;
}




}
/* - 768px end */





/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {


/*--------------------------------------*/
/* title area */
/*--------------------------------------*/
#products_title {
}
#products_title_inner {
    height:auto;
    background-size:100% auto;
    padding:10% 0 65%;
}

#products_title_inner .text_area {
    width:86%;
    margin:0 auto;
}
#products_title_inner .text_area h1 {
    padding-top:0.5em;
    font-size:2.8em;
}
#products_title_inner .text_area p {
    width:100%;
}

#products_title_inner .icon img {
    width:60%;
}



/*--------------------------------------*/
/* Frozen UDON */
/*--------------------------------------*/

/* title bg */
.udon #products_title_inner {
    background-position:center bottom;
    background-image:url("../images/udon/title_bg_sp.jpg");
}

/* package */
.udon #products_title_inner .package {
    left:0;
    right:inherit;
    bottom:17.0%;
    width:32.0%;
    padding-left:7%;
}

/* recipe */
.recipe_section .img {
    float:none;
    width:100%;
}
.recipe_section .txt {
    float:none;
    width:100%;
    padding:4%;
}
.recipe_section .check {
    left:0;
    right:inherit;
    bottom:8%;
}



/*--------------------------------------*/
/* Various frozen foods */
/*--------------------------------------*/

/* title bg */
#products_title.various {
    background-image:none;
}
.various #products_title_inner {
    background-position:center top 45%;
    background-image:url("../images/various/title_bg_sp.jpg");
    padding:10% 0 10%;
}

.various #products_title_inner .text_area p.lead {
    position:static;
    width:100%;
    padding-top:30%;
}

/* various contents */
.img_section_inner .txt {
    width:100%;
    padding:8% 4%;
}
.img_section_inner .img {
    width:100%;
}
.img_section_inner.img_left .txt,
.img_section_inner.img_left .img,
.img_section_inner.img_right .txt,
.img_section_inner.img_right .img {float:none;}



/*--------------------------------------*/
/* Packed cooked rice */
/*--------------------------------------*/

/* title bg */
.rice #products_title_inner {
    background-position:center bottom;
    background-image:url("../images/rice/title_bg_sp.jpg");
}

/* package */
.rice #products_title_inner .package {
    left:0;
    right:inherit;
    bottom:13.2%;
    width:17.3%;
    padding-left:12%;
}



}
/* - 750px end */




/* - 640px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 640px) {











}
/* - 640px end */




/* - 500px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 500px) {



/*--------------------------------------*/
/* Various frozen foods */
/*--------------------------------------*/

/* title bg */
.various #products_title_inner {
    background-position:center top 40%;
    padding:10% 0 10%;
}

.various #products_title_inner .text_area p.lead {
    padding-top:35%;
}


}
/* - 500px end */




/* - 375px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 375px) {


/*--------------------------------------*/
/* title area */
/*--------------------------------------*/
#products_title_inner .text_area .sofia {
    margin-bottom:0.5em;
    font-size:1.4em;
}
#products_title_inner .text_area h1 {
    font-size:2.2em;
}





/*--------------------------------------*/
/* Frozen UDON */
/*--------------------------------------*/

/* package */
.udon #products_title_inner .package {
    bottom:12.0%;
}



/*--------------------------------------*/
/* Various frozen foods */
/*--------------------------------------*/

/* title bg */
.various #products_title_inner {
    background-position:center top 35%;
}




/*--------------------------------------*/
/* Packed cooked rice */
/*--------------------------------------*/

/* package */
.rice #products_title_inner .package {
    bottom:8.2%;
    width:20.0%;
}


}
/* - 375px end */




/* - 320px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 320px) {


/*--------------------------------------*/
/* title area */
/*--------------------------------------*/
#products_title_inner .text_area h1 {
    font-size:1.8em;
}

#products_title_inner .icon img {
    width:50%;
}



/*--------------------------------------*/
/* Various frozen foods */
/*--------------------------------------*/

/* title bg */
.various #products_title_inner {
    background-position:center top 27%;
}





}
/* - 320px end */