@charset "UTF-8";
/* CSS Document */

/*----------- main -----------*/
#main {width:100%;/*min-height:680px;*/margin:0 auto;padding:0;position:relative;overflow:hidden;}
#main .menu_bg {position:relative;bottom:0;width:100%;height:auto;padding:2em 0;background-color:rgba(0,25,102,0.8);}
#main .menu_bg:after {content:'';display:block;clear:both;}
#main ul.g_menu {width:100%;max-width:1200px;margin:0 auto;list-style-type:none;position:relative;top:10%;}
#main .container {width:100%;/*min-height:745px;*/}
#main .single-item {position:relative;width:100%;height:100%;/*min-height:680px;*/margin:0 auto;padding:0;text-align:center;}
#main .single-item div.wrap1, 
#main .single-item div.wrap2 {position:relative;height:100%;/*max-height:680px;*/}
#main .single-item div.wrap1 div {width:100%;max-width:1200px;}
#main .single-item div.wrap2 {width:100%;margin:0 auto;min-height:680px;}
#main .single-item div.wrap2 a {color:black;text-decoration:none;}
#main .single-item div.wrap2 section {padding-top:5em;background-size:100% 280px;}
#main .single-item div.wrap2 section .wrap {margin:0 auto;text-align:center;background-position:center bottom;}
#main .single-item div.wrap2 section .wrap .image {margin:0 auto;padding-top:2em;}
#main .single-item div .main_img1 {width:60%;padding:3em 0 0 3em;max-width:662px;float:left;z-index:2;}
#main .single-item div .main_img2 {width:30%;padding:5em 3em 0 0;max-width:397px;float:right;x-index:1;}
#main .single-item div.wrap1 div.swiper-container { width: 100%; max-width: 2000px; }
#main .single-item div.wrap1 div.swiper-wrapper { width: 100%; max-width: 2000px; }
#main .single-item div.wrap1 div.swiper-slide{ width: 100%; max-width: 2000px; }
#main .single-item div.wrap1 div.swiper-slide img{ width: 100%;vertical-align: middle;}
@media screen and (max-width:975px) {

#main .single-item div.wrap1 {position:relative;/*min-height:340px;*/}
#main .single-item div.wrap1 .main_img1 {width:90%;padding:2em 0 0 0;float:none;position:relative;top:0;left:0;}
#main .single-item div.wrap1 .main_img2 {padding:0;float:none;position:absolute;right:0;top:30%;}	
#main .single-item div.wrap2 div {font-size:90%;}
#main .single-item div.futon section {padding:2.5em 0;}
#main .single-item div.wrap2 .title {width:80%;}}


/*----------- dani test -----------*/
.test_page {background-color:#01248c;background-image:url(../images/test_bg.png);background-size:20% auto;background-repeat:repeat;width:100%;padding:4em 0 2em 0;}
.test_page section {width:100%;max-width:1000px;position:relative;}
.test_page .test_head {position:relative;}
.test_page .test_head img {width:100%;max-width:895px;position:relative;z-index:0;}
.test_page .test_head h3 {position:absolute;right:12%;bottom:25%;color:white;font-size:210%;font-size:3.2vw;line-height:160%;font-weight:bold;text-align:center;z-index:1;}
.test_page .test_head h3 p {font-size:150%;font-weight:normal;font-family:'bold';}
.test_page .wrap {position:relative;top:-2.5em;}
.test_page .wrap:after {display:block;content:'';clear:both;}
.test_page .wrap a {width:48%;position:relative;}
.test_page .wrap a img.memo {width:100%;z-index:0;position:inherit;}
.test_page .wrap a img.btn {width:90%;position:absolute;left:0;right:0;bottom:3.5em;z-index:1;}
.test_page .wrap a img.btn:hover {width:88%;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;cursor:pointer;}
.test_page small {font-size:80%;color:white;}
@media screen and (min-width:1000px) {
.test_page .test_head h3 {font-size:210%;right:11%;}}


/*----------- anytimes -----------*/
.top_anytimes {background-color:lavenderblush;width:100%;}
.top_anytimes img {margin:1em auto;width:90%;max-width:870px;}


/*----------- ciao point -----------*/
.top_ciaopoint img {margin:1em auto;border:5px solid white;width:90%;max-width:870px;}


/*----------- season -----------*/
.clearfix:after {clear:both;content:'';display:block;}
.season_wrap {margin:0 auto;padding:4em 0 2em 0;background-color:white;}
.season_wrap section {width:96%;max-width:1080px;}
.season_wrap img.index {float:left;max-width:673px;width:65%;}
.season_wrap ul.doctor {float:right;width:30%;padding-top:3em;}
.season_wrap ul.doctor li {text-align:center;list-style:none;}
.season_wrap ul.doctor li span {display:block;font-size:140%;font-weight:bold;}
.season_wrap ul.doctor li img {width:100%;max-width:300px;}
.season_wrap ul.season {float:left;width:65%;max-width:673px;}
.season_wrap ul.season li {width:25%;float:left;list-style:none;}
.season_wrap ul.season li img {width:100%;}
.season_wrap ul.season li:first-child img {max-width:161px;}
.season_wrap ul.season li:nth-child(2) img {max-width:124px;}
.season_wrap ul.season li:nth-child(3) img {max-width:124px;}
.season_wrap ul.season li:last-child img {max-width:134px;}
.season_wrap p {color:navy;font-size:200%;font-weight:bold;float:left;width:65%;max-width:673px;}
@media screen and (max-width:800px) {
.season_wrap p {font-size:180%;}}
@media screen and (max-width:680px) {
.season_wrap img.index {float:none;width:96%;}
.season_wrap p {font-size:150%;}
.season_wrap ul.doctor, .season_wrap ul.season, .season_wrap p {width:100%;}}


/*================================================
positionfixedによる調整
================================================*/

#main {
    margin-top: 51px;
}

@media screen and (max-width:770px) {
    #main {
        margin-top: 90px;
    }
}

@media screen and (max-width:640px) {
    #main {
        margin-top: 84px;
    }
}

@media screen and (max-width:395px) {
    #main {
        margin-top: 104px;
    }
}