/* DON!DON!コシノツヨシ 共通CSS */

/* common setting */

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

/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

#main {
    width:100%;
    background-repeat:repeat;
    background-position:center center;
    background-image:url("../images/bg_pc.jpg");
    background-attachment:fixed;
    margin-bottom:40px;
    padding-bottom:60px;
}
#main img {
    max-width:100%;
    height:auto;
}

#main h3 {
    width:90%;
    max-width:850px;
    margin:0 auto;
    text-align:center;
}

/* manga */
ul.manga_sp {display:none;}
ul.manga_pc {
    margin-bottom:20px;
    text-align:center;
}

.recipe {
    margin:0 auto;
    text-align:center;
}

/* present box */
.present {
    width:63.15%;
    max-width:600px;
    margin:0 auto 30px;
    text-align:center;
}
.present h4.pc {
    
}
.present h4.sp {
    display:none;
}
.present_bottom {
    width:100%;
    max-width:600px;
    background-repeat:no-repeat;
    background-position:center bottom;
    background-image:url("../images/bg_box_bottom_pc.png");
    background-size:cover;
    margin:0 auto;
    padding-bottom:20px;
}
.sns_box {
    width:74%;
    background-color:#ffffff;
    margin:0 auto 15px;
    padding:4% 0;
    border-radius:8px;
}
.sns_box p {
    margin-bottom:1em;
    text-align:center;
    font-size:1.4em;
    font-weight:bold;
}
.sns_box ul {
    text-align:center;
    letter-spacing:-0.5em;
}
.sns_box ul li {
    display:inline-block;
    width:14.5%;
    margin-right:13%;
}
.sns_box ul li:last-child {
    margin-right:0;
}
.present_bottom .btn {
    width:54%;
    margin:0 auto;
}


/* pager */
ul.pager {
    margin:0 auto 50px;
    text-align:center;
    letter-spacing:-0.5em;
}
ul.pager li {
    display:inline-block;
    width:13.7%;
    letter-spacing:normal;
}
ul.pager li:nth-child(2) {
    width:18%;
    margin:0 5%;
}



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







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



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


#main {
    background-image:url("../images/bg_sp.jpg");
}

#main h2 img,
#main h3 img {display:none;}


#main h2,
#main h3 {
    width:100%;
    height:0;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:contain;
}
#main h2 {
    background-image:url("../images/title_sp.png");
    padding-top:32.666%;
}
#main h2.latest {
    background-image:url("../images/title_latest_sp.png");
}
#main h3 {
    width:86%;
    padding-top:7.144%;
}

/* manga */
ul.manga_sp {
    display:block;
    margin-bottom:20px;
    text-align:center;
}
ul.manga_pc {
    display:none;
}


.recipe img {display:none;}
.recipe {
    position:relative;
    height:0;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:contain;
}


.recipe a {
    position:absolute;
    top:0;
    left:6%;
    width:86%;
    height:100%;
}
.recipe a:hover {opacity:0.3;}


.present {
    width:100%;
}
.present h4.pc {
    display:none;
}
.present h4.sp {
    display:block;
}
.present_bottom {
    width:100%;
    background-image:url("../images/bg_box_bottom_sp.png");
}
.sns_box {
    width:78%;
    background-color:#ffffff;
    margin:0 auto 15px;
    padding:4% 0;
    border-radius:8px;
}
.sns_box p {
    margin-bottom:1em;
    text-align:center;
    font-size:1.4em;
    font-weight:bold;
}
.sns_box ul li {
    display:inline-block;
    width:14.5%;
    margin-right:13%;
}
.present_bottom .btn {
    width:54%;
    margin:0 auto;
}


/* pager */
ul.pager {
    margin:0 auto 8%;
}
ul.pager li {
    width:25.6%;
}
ul.pager li:nth-child(2) {
    width:33%;
    margin:0 3%;
}


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