/* header */ #global_header { position:fixed; top:0; left:0; width:100%; height:48px; padding:0;border-bottom:none; background:none; z-index:140; } #global_header #header_logo { float:left; margin-right:10px;transition:all 600ms; margin-top: 5px;} #global_header #header_logo a { width: 69px; height:30px; display:block; margin-left: 10px; background-position: -5px -147px; } #global_header #header_logo span#site_catch { display: block; } #global_header #header_snsArea { float:left; height:39px; padding-top:7px; margin-right:20px;transition:all 600ms; display: block;} #global_header #header_actionArea { padding-top: 7px; } /* #global_header #header_actionArea span{ width:35px; height:35px; display:inline-block; padding:5px; margin-right: 0;} #global_header #header_actionArea span.header-tips{ left: -48px;} */ #global_header #header_actionArea a#header_lb{ background-position: -77px -120px; } #global_header #header_actionArea a#header_cart{ background-position: -115px -120px; } #global_header #header_actionArea a#header_user{ background-position: -149px -120px; } #global_header #header_actionArea span#header_artist{} #global_header #header_actionArea span#header_artist a{ color: #FFF;} /* #global_header #header_login { float:right; padding-top:8px; margin-left: 10px; } #global_header #header_login a{ background-color:#000; color: #FFF; line-height:35px; width:98px; text-align:center; display:block; } */ @media screen and (max-width: 780px) { #global_header {height: 48px; background-color:#EEE; padding:0; border-bottom: 1px solid #CCC; } #global_header #header_logo { margin-top:10px;} #global_header #header_logo a { margin-left:10px; width: 69px; height:30px; background-position: -103px -7px; } #global_header #header_logo span#site_catch { display: none;} #global_header #header_snsArea,#global_header #header_infoArea { display:none; } #global_header #header_actionArea { height:29px;} #global_header #header_actionArea span{ width:25px; height:25px; padding:0px; background-color:#EEE;margin-right:10px;} #global_header #header_actionArea a{ width:25px; height:25px; display:inline-block; } #global_header #header_actionArea a#header_lb{ background-position: -77px -145px; } #global_header #header_actionArea a#header_cart{ background-position: -115px -145px; } #global_header #header_actionArea a#header_user{ background-position: -149px -145px; } #global_header #header_actionArea span#header_artist a{ color: #191919;} #global_header #header_login { padding-top:0px; margin-right:0px; } #global_header #header_login a{ background: #000; line-height:48px; width:98px; text-align:center; display:block; } } #global_header.gfixed {height: 48px; background-color:#EEE; padding:0; border-bottom: 1px solid #CCC; } #global_header.gfixed #header_logo { margin-top:5px;} #global_header.gfixed #header_logo a { margin-left:10px; width: 69px; height:30px; background-position: -103px -7px; } #global_header.gfixed #header_logo span#site_catch { display: none;} #global_header.gfixed #header_snsArea,#global_header.gfixed #header_infoArea { display:none; } #global_header.gfixed #header_actionArea { height:29px;} #global_header.gfixed #header_actionArea span{ width:25px; height:25px; padding:0px; background-color:#EEE;margin-right:10px;} #global_header.gfixed #header_actionArea span.header-tips{ display: block; background: #000; color: #FFF; top: 38px; width: 120px; height: auto; line-height: 30px; left: -46px;} #global_header.gfixed #header_actionArea a{ width:25px; height:25px; display:inline-block; } #global_header.gfixed #header_actionArea a#header_lb{ background-position: -77px -145px; } #global_header.gfixed #header_actionArea a#header_cart{ background-position: -115px -145px; } #global_header.gfixed #header_actionArea a#header_user{ background-position: -149px -145px; } #global_header.gfixed #header_actionArea span#header_artist a{ color: #191919;} #global_header.gfixed #header_login { padding-top:0px; margin-right:0px; } #global_header.gfixed #header_login a{ background: #000; line-height:48px; width:98px; text-align:center; display:block; } @media screen and (max-width: 1030px) { #global_header #header_logo { margin-top:5px;} #global_header #header_logo a { margin-left:0px; background-position: -103px -7px; } } @media screen and (max-width: 767px) { #global_header.gfixed #header_login { margin-right:50px; } #global_header.gfixed #header_logo { margin-top:5px;} #global_header.gfixed #header_logo a { margin-left:0px; background-position: -103px -7px; } } /* グローバルナビ*/ #gNavi{ position: relative;} #genreNavi { top: -190px; } @media screen and (max-width: 1250px) { #genreNavi { top: -120px; } } /* ジャンル */ #genreNavi { position:absolute; width:100%; text-align:center; left: 0; margin:auto; z-index:130; } #genreNavi ul{ margin: 0 auto; width:785px;} #genreNavi ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #genreNavi ul li{ display:block; width:130px; height: 70px; text-align:center; background-color:#EEE; padding: 0; margin-right: 1px; float: left;} #genreNavi ul li:last-child{ margin-right: 0px;} @media screen and (max-width: 979px) { #genreNavi { top: -80px; } #genreNavi ul{ width: 605px;} #genreNavi ul li{ width:100px; height: 40px;} #genreNavi ul li span.genre_name { display: none;} } #genreNavi ul li:first-child{ display:block;} #genreNavi ul li a{ color:#000;} #genreNavi ul li.active a{ } #genreNavi ul li a:hover{ } #genreNavi ul li a span{ display:block; margin:5px auto;} #genreNavi ul li span{ width:25px; height:25px; display:block; margin:5px auto;} #genreNavi ul li span.genre_name { position: relative; display: block; background: none; color: #000; top: 0px; width: auto; padding: 0 5px; text-align: center; left: 0px; height: auto; border-radius: 0px; margin: 5px auto;} #genreNavi ul li:hover span.genre_name:after{ display: none;} @media screen and (max-width: 979px) { #genreNavi ul li span.genre_name { display: none;} } @media screen and (max-width: 937px) { #genreNavi ul{ width: 500px;} #genreNavi ul li{ width: 75px;} #genreNavi ul li span{ margin: 10px auto 15px; } } #genreNavi.gfixed { position:fixed; width:auto; top:0px; left:100px; text-align:center; margin:auto; z-index: 150; } #genreNavi.gfixed ul{ width: auto;} #genreNavi.gfixed ul li{ text-align:center; width: 70px; padding-top:5px; height: 47px; margin: 0; } #genreNavi.gfixed ul li:first-child{ display: none;} #genreNavi.gfixed ul li .genre_name{ position: absolute; display: none; background: #000; color: #FFF; top: 47px; width: 120px; padding: 0 5px; text-align: center; left: -25px; height: auto; border-radius: 5px;} #genreNavi.gfixed ul li:hover span.genre_name { display: block;} #genreNavi.gfixed ul li:hover span.genre_name:after{ display: block; content: ""; position: absolute; width: 0px; border-color: #000;border-style: solid; border-width: 5px; border-left-color: transparent; border-top-color: transparent; border-right-color: transparent; top: -10px; right: 0; left: 0; margin: 0 auto; } /* ヘッダーメニュー */ @media screen and (min-width: 980px) { #genreNavi ul li span.header_sprite{ display: block; margin:5px auto;} #genreNavi ul li:hover span.genre_name { display: block;} #genreNavi.gfixed ul li { width: auto;} #genreNavi.gfixed ul li span.header_sprite{ display: inline-block; margin: 5px;} #genreNavi.gfixed ul li span.genre_name{ display: inline-block; margin: 5px 10px 5px 0; position: relative; background: none; color: #333; top: -10px; text-align: left; left: 0; width: auto;} #genreNavi.gfixed ul li:hover span.genre_name { display: inline-block;} #genreNavi.gfixed ul li:hover span.genre_name:after { display: none;} } #wrapper { background: #EEEEEE; } @media screen and (max-width: 767px) { #wrapper main { margin-top:10px; } } /* メインスライダー */ #mainImg { width: 100%; min-width: 320px; max-height: 600px; overflow: hidden; background:#000;} #mainImg #caption{ visibility:hidden; opacity: 0;} #mainImg.visible #caption{ visibility:visible; animation: fadeIn 1s ease both; -webkit-animation: fadeIn 1s ease both; } @keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } .sp-slides-container {} .sp-image-container { background: #000; } .sp-image-container img{ opacity: 0.9;} .sp-slide p span { display: block; color: #FFF; text-shadow: 1px 1px 3px #333; font-weight: bold; line-height: 1.8;} .slide_pick{ margin-bottom: 10px; } .slide_title{ font-size: 18px; font-weight: bold; margin-bottom: 10px; } .slide_item{ margin-bottom: 10px; font-size: 14px; } .slide_link{ text-align: left;} .slide_link a{ display:inline-block; font-size: 12px; padding: 10px 30px; color: #FFF; border: 1px solid #FFF; box-shadow: 1px 1px 3px #333;} .sp-slide p.slide_id {color: #FFF; position: absolute; top:0; right: 10px; padding-top: 26%; text-shadow: 1px 1px 3px #333; } @media screen and (max-width: 1700px) { .sp-slide p.slide_id {color: #FFF; position: absolute; top:0; right: 10px; padding-top: 29%;} } @media screen and (max-width: 1260px) { .sp-slide p.slide_id {color: #FFF; position: absolute; top:auto; bottom: 5px; right: 10px; padding-top: 0%;} } @media screen and (max-width: 780px) { #mainImg { margin-top:48px; } } @media screen and (max-width: 767px) { #mainImg { margin-top:80px; } .sp-slide p { top: 5px !important; left: 5px !important;} .sp-slide p.slide_id {color: #FFF; position: absolute; top: auto!important; bottom: 10px; left: auto!important; right: 10px!important;} .slide_pick{ margin-bottom: 5px; } .slide_title{ font-size: 14px; margin-bottom: 5px; } .sp-slide p span.slide_item{ display: none;} .slide_link a{ padding: 5px 15px;} } @media screen and (max-width: 480px) { .sp-slide p { width: 90% !important; } .sp-slide p span { line-height: 1.4; } .sp-slide p.slide_id { text-align: right;} } .sp-buttons { position: absolute; top: 50px;} .sp-button{ background: #EEE; border: none; width: 10px; height: 10px;} .sp-button.sp-selected-button{ background: #DECB1E;} @media screen and (max-width: 800px) { .sp-buttons { position: absolute; top: calc(100% - 40px);} } @media screen and (max-width: 480px) { .sp-buttons { width: 34%; margin: 0 33%;} } #mainDummy { width: 100%; padding-top: 37.5%; display: block; background: #000; z-index: 200;} /* 検索エリア */ #searhAreaContainer { width:100%; position:relative; z-index:120; } #searhArea { width:100%; height:77px; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:-77px; } #searhAreaContainer.sfixed #searhArea { position:fixed; top:48px; transition:all 600ms; } @media screen and (max-width: 1250px) { #searhArea { position:relative; left:0; top:0px; } } @media screen and (max-width: 767px) { #searhArea { height:40px; position:fixed; left:0; top:48px;} #searhAreaContainer { margin-top:0px; position: absolute; top: 174px; opacity: 1; transition:all 600ms;} #searhAreaContainer.non-sub { position: fixed; top: 174px; opacity: 1; transition:all 600ms;} #searhAreaContainer.sHide {position: fixed; top: 175px; opacity: 1; transition:all 600ms;} } #selectSearchCateType { position: absolute; left: 0px; border: 1px #999 solid; background: #FFF; height: 40px; padding: 6px; top: 0px; width: 52px;cursor: pointer; } #selectSearchCateType:after{ content: ""; position: absolute; left: 3px; top:17px; width: 0px; border-color: #3DB7EE; border-style: solid; border-width: 6px; border-left-color: transparent; border-bottom-color: transparent; border-right-color: transparent; } #selectSearchCateType i { background: url(/img/common/sprite.png) no-repeat -45px -47px; display: block; height: 25px; width: 25px; margin-left: 13px; } #selectSearchCate { background: #fff; border: 1px solid #999; position: absolute; left: -52px; top: 39px; width: 160px; z-index: 99; display: none;} #selectSearchCate .icon_cate_cre, #selectSearchCate .icon_cate_edi, #selectSearchCate .icon_cate_art, #selectSearchCate .icon_cate_cre_mov, #selectSearchCate .icon_cate_edi_mov { background: url(/img/common/sprite.png) no-repeat; display: inline-block; width:25px; height:25px; vertical-align: middle; } #selectSearchCate .icon_cate_cre {background-position:-35px -47px;} #selectSearchCate .icon_cate_edi {background-position:-71px -47px;} #selectSearchCate .icon_cate_art {background-position:-107px -47px;} #selectSearchCate .icon_cate_cre_mov {background-position:-143px -47px;} #selectSearchCate .icon_cate_edi_mov {background-position:-179px -47px;} #selectCateArea li { line-height: 38px; padding-left: 5px; } #selectCateArea li label{ cursor: pointer;} #selectCateArea li label input{ visibility: hidden;} #input_key{ padding-left:58px; } @media screen and (max-width: 767px) { #selectSearchCateType { left: 0; border:none; border-right: 1px solid #999; height: 39px; } #selectSearchCate{left: 0;} #keywordArea .input_area { border: 0; border-bottom: 1px #999 solid; padding-left: 52px; } #input_key { width: calc(100% - 50px); padding-left: 10px;} } /* メインエリア */ #wrapper main { padding: 0; position:relative; overflow: hidden; } #site_msg { text-align: center; margin: 50px 0 60px; padding: 0 10px; line-height: 1.8;} .biz_hour_bnr_sp{ display: none; margin-bottom: 30px; } @media screen and (max-width: 767px) { #site_msg { text-align: left; } .biz_hour_bnr_sp{ display: block; } } #site_msg h1{ line-height: 1.8; font-size: 20px; margin-bottom: 20px; font-weight: bold;} #site_msg #site_desc{ margin-bottom: 50px; } #site_msg span{ display: inline-block; width: 100%; max-width: 315px; margin-bottom: 20px;} #site_msg span a{ width: 100%; display: inline-block; text-align: center; line-height: 68px; color: #333; font-weight: bold; font-size: 14px;} #creat_member { background: #DECB1E;border: 1px solid #DECB1E; margin-right: 15px; } #about_account{ border: 1px solid #333; } @media screen and (max-width: 767px) { #site_msg { text-align: left; margin: 20px 0; padding: 0 10px; line-height: 1.6;} #site_msg h1{ line-height: 1.6; font-size: 16px; margin-bottom: 20px;} #site_msg #site_desc{ margin-bottom: 10px; } #site_msg span{ text-align: center; margin-bottom:10px; width: 100%; max-width: 100%;} #site_msg span a{ width: 100%; margin: 0 auto; height: 100%; display: block; text-align: center; line-height: 38px; color: #333; font-weight: bold; font-size: 12px;} #creat_member { margin-right: 0px; } } /* ジャンルエリア */ #top_genre_area { width: 100%; background:#FFF; padding-top: 40px;} #top_genre_area h2{ text-align: center; width: 100%; margin: 10px 10px 30px; font-size: 30px;} #top_genre_area_container { width: 100%; max-width: 1300px; padding: 10px 0; margin: 0 auto; text-align: center;} #top_genre_area .genre_container { position: relative; width: 31.5%; min-width: 415px; display: inline-block; margin: 9px auto; border-radius: 5px; overflow: hidden; height: 276px;} #top_genre_area .genre_container a{ width: 100%; height: 100%; display: block;} #top_genre_area .genre_container a .genre_text{ position: absolute; width: 100%; bottom: 0; left:0px; color: #FFF; font-size: 14px; font-weight: bold; z-index: 101; background: rgba(0,0,0,0.6); padding: 10px; text-align: left;} #top_genre_area .genre_container a .genre_text span{ display: inline-block; margin-right: 5px; padding: 5px; font-size: 11px; color: #333;} #top_genre_area .genre_container.special a .genre_text span{ color: #FFF; border: 1px solid #FFF; } #top_genre_area .genre_container .genre_msg { position: absolute; top: 40px; left: 20px; font-weight: bold; font-size: 18px; text-align: left; line-height: 1.8;} #top_genre_area .genre_container .genre_site { position: absolute; bottom: 60px; left: 20px; font-size: 14px; text-align: left; color: #555;} @media screen and (min-width: 850px) and (max-width: 1244px) { #top_genre_area .genre_container { margin: 9px 9px 9px auto;} #top_genre_area .genre_container:nth-child(2n) { margin: 9px auto 9px 9px;} #top_genre_area .genre_container:nth-child(9n) { margin: 9px auto;} } @media screen and (max-width: 850px) { #top_genre_area .genre_container a video{ display: none;} } @media screen and (max-width: 420px) { #top_genre_area .genre_container { width: 100%; min-width:inherit; height: auto; margin: 9px;} #top_genre_area .genre_container:nth-child(2n) { margin: 9px;} #top_genre_area .genre_container img{ width: 100%; } } /* サービス */ #other_service { padding:30px 0 0; text-align: center; background: #FFF;} #other_service h2{ font-size: 28px; margin: 30px 0 44px; text-align: center; font-weight: normal; } #other_service #searvice_desc{ line-height: 1.8; margin-bottom: 50px; } @media screen and (max-width: 767px) { #other_service { text-align: left; } #other_service h2{ padding: 0 10px;} #other_service #searvice_desc{ padding: 0 10px;} } @media screen and (max-width: 420px) { #other_service h2{ font-size: 24px;} } /* Slider */ #serviceSlide { position: relative; padding-bottom: 42px;} .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; height: 244px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; vertical-align: bottom;} .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slider_item { height: 245px; position: relative;} .slider_item:after { content: ""; clear: both; width: 0; height: 0;} .slider_item a{ width: 100%; height: 100%; display: block; } .slider_img{ float: left;} .slider_info{ float: left; width: 230px; padding: 10px; color: #333; } .slider_title{ font-size: 16px; position: relative; font-weight: bold; margin: 20px 0 15px; padding-bottom: 15px;} .slider_title h3{ font-size: 16px;} .slider_title:after{ content: ""; position: absolute; border-bottom: 1px solid #CCC; bottom: 1px; width: 34px; left: 88px;} .slider_desc{ text-align: left;} .slider_info figure { position: absolute; right: 15px; bottom: 3px; width: 120px; } .slider_info figure.height { width: 80px; } @media screen and (max-width: 600px) { .slider_info figure { display: none;} } @media screen and (max-width: 528px) { .slick-initialized .slick-slide { width: 100vw; display: flex;} .slider_img { width: 30%; overflow: hidden; position: relative; text-align: right;} .slider_img img{ margin-left: -40%;} .slider_info { width: calc( 70% - 50px); } } #serviceSlide button{ border-radius: 50%; width: 14px; height: 14px; text-indent: -9999px; cursor: pointer; background: #EEEEEE;} #serviceSlide .slick-active button{ background: #DECB1E;} #serviceSlide button.slick-prev{ position: absolute; left: 0; top: 0; bottom: 0; border-radius:0; background: rgba(0,0,0,0.5); display: none !important;} #serviceSlide button.slick-next{ position: absolute; right: 0; top: 0; bottom: 0; border-radius:0; background: rgba(0,0,0,0.2); width: 50px; height: auto; color: #FFF; text-indent: 0; } #serviceSlide button.slick-next::before{ content: ''; width: 16px; height: 16px; border: 0px; border-top: solid 3px #FFF; border-right: solid 3px #FFF; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .slick-dots { position: absolute; top: -40px; left: 0; text-align: center; width: 100%;} .slick-dots li{ display: inline-block; margin: 0 5px;} /* キャンペーン */ #campaignArea { width: 100%; max-width: 1000px; padding: 10px 0; margin: 0 auto 25px;} #campaignArea h2{ font-size: 28px; margin: 20px 0 40px ; text-align: center; font-weight: normal;} @media screen and (max-width: 420px) { #campaignArea h2{ font-size: 24px;} } #campaignArea ul li{ width: 29.389%; margin-right: 5.91%; margin-bottom: 20px; background: #FFF; } #campaignArea ul li:nth-child(3n){ margin-right: 0%;} @media screen and (max-width: 767px) { #campaignArea ul li{ width: 48%; margin-right: 4%;} #campaignArea ul li:nth-child(3n){ margin-right: 4%;} #campaignArea ul li:nth-child(2n){ margin-right: 0%;} } @media screen and (max-width: 420px) { #campaignArea ul li{ width: 92%; margin-right: 4%; margin-left: 4%;} #campaignArea ul li:nth-child(3n){ margin-right: 0%;} #campaignArea ul li:nth-child(2n){ margin-right: 0%;} } #campaignArea ul li a{ display: block; color: #000;} #campaignArea ul li a img{ width: 100%; vertical-align: bottom;} #campaignArea ul li .service_desc{ padding: 10px;} #serviceLink { text-align: right;} /* お知らせ */ #topinfoArea { width: 100%; background: #FFF; padding-bottom: 30px;} #topinfoArea h2{ font-size: 30px; margin: 20px 0 30px; text-align: center; font-weight: normal;} @media screen and (max-width: 420px) { #topinfoArea h2{ font-size: 24px;} } #topinfoArea ul li{ padding: 10px 0; border-bottom: 1px solid #CCC; font-size: 14px;} /* 作品募集 */ #artists_info { background: url(/img/top/aflo_32069417.jpg) no-repeat center; background-size: cover; padding: 50px 0;} @media screen and (max-width: 767px) { #artists_info { background-image: url(/img/top/aflo_32069417_tb.jpg); background-position: right center;} } @media screen and (max-width: 420px) { #artists_info { background-image: url(/img/top/aflo_32069417_sp.jpg); } } #artists_info .container { text-align: center; color: #FFF;} #artists_info .container h2{ font-weight: bold; font-size: 20px; margin-bottom: 20px;} #artists_info .container #infoDesc{ font-size: 14px; line-height: 1.8; margin-bottom: 20px;} #artists_info .container #link_artist a{ display: inline-block; border: 1px solid #FFF; padding: 10px 70px; color: #FFF;} /* メンテナンス */ .mainte #genreNavi { top:-180px;} .mainte #genreNavi.gfixed { top:30px;} @media screen and (max-width: 1250px) { .mainte #genreNavi { top: -100px;} } @media screen and (max-width: 767px) { .mainte #genreNavi.gfixed { top:75px;} .mainte #mainImg { margin-top: 110px; } } @media screen and (max-width: 767px) { .mainte #searhArea { top:78px;} } /* リニューアルバナー */ #bnr_renwal {} .sp-slide#bnr_renwal p span { } .sp-slide#bnr_renwal p span.slide_title{ font-size: 44px; padding-top: 10px; color: #333; } .sp-slide#bnr_renwal p span.slide_title span{ font-size: 64px; line-height: 1.2;} .sp-slide#bnr_renwal p span.slide_title span span{ display: inline-block; color: #E1CD0E;} .sp-slide#bnr_renwal p span.slide_item { color: #333; } .sp-slide#bnr_renwal p span.slide_link a{ color: #333; border-color: #333;} .sp-slide#bnr_renwal p span.slide_link a span{ color: #333; display: inline-block;} .sp-slide#bnr_renwal .sp-image-container img { opacity: 0.85; } @media screen and (max-width: 1390px) { .sp-slide#bnr_renwal p span.slide_title{ font-size: 34px; } .sp-slide#bnr_renwal p span.slide_title span{ font-size: 40px;} } @media screen and (max-width: 1250px) { .sp-slide#bnr_renwal p span.slide_title{ font-size: 30px; padding-top: 20px; } .sp-slide#bnr_renwal p span.slide_title span{ font-size: 34px;} } @media screen and (max-width: 1100px) { .sp-slide#bnr_renwal p span.slide_title{ font-size: 24px;} .sp-slide#bnr_renwal p span.slide_title span{ font-size: 30px; } } @media screen and (max-width: 980px) { .sp-slide#bnr_renwal p span.slide_title{ font-size: 30px; padding-top: 53px; } .sp-slide#bnr_renwal p span.slide_title span{ font-size: 34px; } .sp-slide#bnr_renwal p span.slide_item { display: none;} } @media screen and (max-width: 599px) { .sp-slide#bnr_renwal p span.slide_title{ font-size: 22px; padding-top: 20px; } .sp-slide#bnr_renwal p span.slide_title span{ font-size: 26px; } } @media screen and (max-width: 449px) { .sp-slide#bnr_renwal p span.slide_title{ font-size: 16px; padding-top: 10px; } .sp-slide#bnr_renwal p span.slide_title span{ font-size: 20px; } .sp-slide#bnr_renwal p span.slide_link a span{ display: none;} } @media screen and (max-width: 370px) { .sp-slide#bnr_renwal p span.slide_title{ font-size: 12px; padding-top: 10px; } .sp-slide#bnr_renwal p span.slide_title span{ font-size: 16px; } } /* 下部のフルサイズバナー */ #infoBnr{ width: 100%; text-align: center; background: #FFF; padding: 0 10px 30px; } .fullSizeBnr { width: 100%; max-width: 1000px; margin: 0px auto 20px; padding: 0 10px; } .fullSizeBnr img{ width: 100%; } /* 営業時間のお知らせ スマホ版（トップのみ）*/ .biz_hour_bnr_sp { display: none;} @media screen and (max-width: 767px) { .biz_hour_bnr_sp { display: block; margin-bottom: 30px;} } /* 個別バナー */ #top_individual_bnr{} #top_individual_bnr .individual_bnr{ margin: 0 auto 50px;} #middle_individual_bnr{ background: #FFF; } #middle_individual_bnr .individual_bnr{ margin: 0 auto; padding: 20px 0px 40px;} #bottom_individual_bnr{ background: #FFF; } #bottom_individual_bnr .individual_bnr{ margin: 0 auto; padding: 20px 0px 40px;} @media screen and (max-width: 1000px) { #middle_individual_bnr .individual_bnr{ padding: 20px 10px 40px;} #bottom_individual_bnr .individual_bnr{ padding: 20px 10px 40px;} }