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

/* 黄金色の水の郷へ～たきたてご飯ができるまで～ */

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

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

/* common setting END */


/* PCレイアウト */

/* background */
#content {
    position:relative;
    width:100%;
    background:url("../images/content_bg.png");
    margin:0 0 40px;
}

#contentImg {
    background:url("../images/img_bg.jpg") no-repeat center 54px;
}

/* main contents */
#main {
    position:relative;
    width:950px;
    margin:0 auto;
    padding:0;
    text-align:center;
}

.manga {
    padding:25px 0 33px;
}

.manga img {
    -moz-box-shadow:0 25px 10px -20px #555;
    -webkit-box-shadow:0 25px 10px -20px #555;
    box-shadow:0 25px 10px -20px #555;
}


/* title */
h2.title {
    position:absolute;
    top:45px;
    right:0;
}


/* button */
.btnNext {
    position:absolute;
    top:0;
    bottom:0;
    left:145px;
    width:48px;
    height:111px;
    margin:auto;
}

/* arrows */
.arrowTL,.arrowBL,.arrowTR,.arrowBR,.arrowBR_last {
    width:100px;
    height:54px;
    z-index:200;
}
.arrowTL {
    position:absolute;
    top:0;
    left:100px;
}
.arrowBL {
    position:absolute;
    bottom:0;
    left:100px;
}
.arrowTR {
    position:absolute;
    top:0;
    right:100px;
}
.arrowBR {
    position:absolute;
    bottom:0;
    right:100px;
}

.arrowBR_last {
    position:absolute;
    bottom:0;
    right:100px;
}

/* page number */
.number,.number_last {
    position:absolute;
    left:0;
    right:0;
    bottom:-21px;
    width:71px;
    background:url("../images/number_bg.png") no-repeat center bottom;
    margin:0 auto;
    padding:7px 0 20px;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    color:#ffffff;
}

/* last page navigation */
ul.lastNav {
    position:absolute;
    top:315px;
    left:0;
    margin:auto;
}
ul.lastNav li {
    margin:0 0 8px;
}
ul.lastNav li img {
    -moz-box-shadow:3px 3px 3px 0 rgba(85, 85, 85, 0.3);
    -webkit-box-shadow:3px 3px 3px 0 rgba(85, 85, 85, 0.3);
    box-shadow:3px 3px 3px 0 rgba(85, 85, 85, 0.3);
}




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

/* main contents */
#main {
    width:100%;
    height:auto;
}

.manga {
    padding:25px 0 10px;
}

.manga img {
    max-width:492px;
}

/* title */
h2.title {
    text-align:right;
}

/* button */
.btnNext {
    left:5%;
}

/* arrows */
.arrowTL {
    left:5%;
}
.arrowBL {
    bottom:-40px;
    left:5%;
}
.arrowTR {
    right:5%;
}
.arrowBR {
    bottom:-40px;
    right:5%;
}

.arrowBR_last {
    bottom:-40px;
    right:5%;
}


/* page number */
.number,.number_last {
    position:static;
    background:none;
    padding:10px 0 30px;
}

/* last page navigation */
ul.lastNav {
    top:auto;
    left:0;
    right:0;
    bottom:-58px;
    margin:0 auto;
}
ul.lastNav li {
    display:inline-block;
    margin:0 1.5em 8px;
}


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



/* 930px以下 タイトル調整 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 930px) {

/* title */
h2.title img {
    max-width:70%;
}

/* page number */
.number {
    padding:15px 0 25px;
}


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



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

#content {
    padding:20px 0 0;
}

#contentImg {
    background:url("../images/img_bg.jpg") no-repeat center 34px;
}

/* title */
h2.title {
    display:none;
}

.manga {
    padding:0 0 64px;
}

/* button */
.btnNext {
    display:none;
}

/* arrows */
.arrowTL,.arrowTR {
    display:none;
}
.arrowBL {
    bottom:2%;
    left:1%;
}
.arrowBR {
    bottom:2%;
    right:1%;
}

.arrowBR_last {
    display:none;
}

/* page top */
.pt {
	display:block;
	margin:0;
	text-align:left;
	font-size:84%;
}
#content .pt a,#content .pt a:hover {
	display:inline-block;
	background:url("../images/pagetop.png") no-repeat 0 0;
	margin:0 0 5px 1%;
	padding:5px 0 0 24px;
	color:#ffffff;
}


/* page number */
.number {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
}
.number_last {
    display:none;
}

/* last page navigation */
ul.lastNav {
    bottom:0;
    max-width:492px;
}
ul.lastNav li {
    width:47%;
    margin:0 1%;
}
ul.lastNav li img {
    max-width:206px;
    max-height:54px;
}

}
/*-------------------------------------------------------------------------------------------*/
/* 768px以下 画像調整 END */



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

img, object, embed, video {
    max-width:100%;
    height:auto;
}

#content {
    margin:0 0 15%;
    padding:20px 0 0;
}

#contentImg {
    background:none;
}

.manga {
    padding:0 0 68px;
}
.arrowBL {
    bottom:1%;
    left:1%;
}
.arrowBR {
    bottom:1%;
    right:1%;
}

/* last page navigation */
ul.lastNav {
    bottom:1%;
    max-width:auto;
}
ul.lastNav li img {
    max-width:100%;
    height:auto;
}



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