@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* わたしの一膳ごはん */

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

body {
    position:relative;
    overflow-x:hidden;
}

#navHeader {
    margin-bottom:0 !important;
    z-index:100;
}


/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/
#main {
    font-family:"Noto Sans CJK JP","Noto Sans","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.section_inner img {
    width:100%;
    height:auto;
}


/* section 01 */
#section01 {
    padding-bottom:60px;
}
#section01 .section_inner {
    position:relative;
    width:100%;
    max-width:1100px;
    margin:0 auto;
}
#section01 .main00 {
    width:36%;
    max-width:380px;
    margin:0 auto;
    text-align:center;
}
#section01 .main00 p {
    line-height:2.0;
    font-size:1.1em;
    color:#ec6e66;
}
#section01 .main01 {
    position:absolute;
    top:0;
    left:0;
    width:32%;
    max-width:360px;
}
#section01 .main02 {
    position:absolute;
    top:0;
    right:0;
    width:32%;
    max-width:360px;
}


#section02 .section_inner,
#section03 .section_inner,
#section04 .section_inner {
    position:relative;
    width:94%;
    max-width:950px;
    margin:0 auto;
}


/* section 02 */
#section02 {
    background:#ed6f67;
    padding:50px 0;
}
#section02 .section_inner {
    background:url("../images/movie_bg.png") no-repeat center bottom;
    padding-bottom:120px;
}
#section02 h2 {
    width:420px;
    height:36px;
    background:url("../images/movie_title.png") no-repeat center top;
    background-size:contain;
    margin:0 auto 50px;
    text-indent:-9999px;
}
#section02 ul {
    text-align:center;
    font-size:0;
}
#section02 ul li {
    display:inline-block;
    width:30%;
}
#section02 ul li:nth-child(2) {
    margin:0 5%;
}
#section02 ul li img.thumb {
    margin-bottom:8px;
}
#section02 ul li img.title {
    width:78%;
}


/* section 03 */
#section03 {
    padding:60px 0;
}
#section03 .package_sp {display:none;}
#section03 .package_pc {
    background:url("../images/package_bg.jpg") right bottom;
    border:1px solid #ec6e66;
    border-radius:10px;
}
#section03 .package_pc .pc_left {
    float:left;
    width:33.68%;
}
#section03 .package_pc .pc_left img {
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
#section03 .package_pc .pc_right {
    float:left;
    width:66.32%;
}
#section03 .package_pc .pc_img {
    position:relative;
    width:100%;
    height:0;
    background-size:cover;
    padding-top:27.77777%;
}
#section03 .package_pc .pc_img img {
    position:absolute;
    right:0;
    bottom:1%;
    width:94%;
    height:auto;
}



/* section 04 */
#section04 {
    padding-bottom:60px;
}
#section04 h3 {
    margin-bottom:1em;
    padding:5px 10px;
    border-left:7px solid #eb542f;
    text-align:left;
    font-size:1.4em;
}
#section04 ul {
}
#section04 ul li {
    float:left;
    width:32%;
    margin-right:2%;
}
#section04 ul li:nth-child(3),
#section04 ul li:last-child {
    margin-right:0;
}
#section04 ul li:nth-child(2),
#section04 ul li:nth-child(3) {
    margin-bottom:2%;
}




/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {


/* section 01 */
#section01 .main00 p {
    font-size:0.9em;
}








}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



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






/* section 04 */
#section04 h3 {
    font-size:1.2em;
}


}
/*-------------------------------------------------------------------------------------------*/
/* 768px以下 END */



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



/* section 01 */
#section01 {
    padding-bottom:5%;
}
#section01 .section_inner {
}
#section01 .main00 {
    width:100%;
    max-width:inherit;
}
#section01 .main00 p {
    width:90%;
    margin:0 auto 8%;
    font-size:1.2em;
}
#section01 .main01,
#section01 .main02 {
    position:static;
    width:100%;
    max-width:inherit;
}
#section01 .main00 img,
#section01 .main01 img,
#section01 .main02 img {
    display:none;
}

#section01 .main00 h1 {
    height:0;
    background:url("../images/main_title_sp.png") no-repeat center top;
    background-size:contain;
    padding-top:42.66%;
}
#section01 .main01 {
    height:0;
    background:url("../images/main_img01_sp.jpg") no-repeat center top;
    background-size:contain;
    padding-top:84%;
}
#section01 .main02 {
    height:0;
    background:url("../images/main_img02_sp.jpg") no-repeat center top;
    background-size:contain;
    padding-top:84%;
}


/* section 02 */
#section02 {
}
#section02 .section_inner {
    width:100%;
    background:url("../images/movie_bg.png") no-repeat center bottom;
    padding-bottom:100px;
}
#section02 h2 {
    width:84%;
    height:0;
    background-image:url("../images/movie_title_sp.png");
    padding-top:8.125%;
}
#section02 ul {
    text-align:center;
    font-size:0;
}
#section02 ul li {
    display:block;
    width:90%;
    margin:0 auto 8%;
}
#section02 ul li:nth-child(2) {
    margin:0 auto 8%;
}
#section02 ul li img.thumb {
    margin-bottom:8px;
}
#section02 ul li img.title {
    width:60%;
}


/* section 03 */
#section03 {
    padding:0 0 60px;
}
#section03 .section_inner {
    width:100%;
}
#section03 .package_pc {display:none;}
#section03 .package_sp {display:block;}
#section03 .sp_package {
    display:block;
    background:url("../images/package_bg_sp.jpg") center top;
    padding:0 6% 10%;
}



/* section 04 */
#section04 {
    padding-bottom:60px;
}
#section04 h3 {
    margin-bottom:1em;
    padding:5px 10px;
    border-left:7px solid #eb542f;
    text-align:left;
    font-size:1.4em;
}
#section04 ul {
}
#section04 ul li {
    float:none;
    width:100%;
    margin-right:0;
    margin-bottom:2%;
}
#section04 ul li:nth-child(3),
#section04 ul li:last-child {
    margin-right:0;
}
#section04 ul li:nth-child(2),
#section04 ul li:nth-child(3) {
    margin-bottom:2%;
}









}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */



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










}
/* - 375px end */



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










}
/* - 320px end */