@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------
2013.10.29 共通CSS
---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
COMMON
--------------------------------------------------------------------- */
body {
color: #333333;
background: url(../images/com/body_bg.jpg) repeat-x left top;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 12px;
margin: 0px;
padding: 0px;
}
a {
outline: none;
}
img {
vertical-align: top;
max-width:100%;
height:auto;
image-rendering: -webkit-optimize-contrast;
}
.title_line {
clear: both;
height: 34px;
border: solid 1px #CCC;
font-size: 13px;
font-weight: bold;
line-height: 37px;
padding-left: 30px;
background-repeat: no-repeat;
background-position: left top;
background-image: url(../images/com/title_line.jpg);
}
.box_line {
overflow: hidden;
clear: both;
background: #FFF;
border: solid 1px #CCC;
}
.mt_10 {
margin-top: 10px;
}
.mb_10 {
margin-bottom: 10px;
}
.mb_15 {
margin-bottom: 15px;
}
.flexslider * {
background: none;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
/* ----------------------------------------------------------------------
HEADER：ヘッダー
---------------------------------------------------------------------- */
#header {
overflow: hidden;
clear: both;
width: 960px;
height: 75px;
background: #E71438;
margin: auto;
}
#header h1.name {
color: #FFFF00;
font-size: 10px;
letter-spacing: 0.1em;
float: left;
margin: 3px 8px 5px 10px;
width: 800px;
height: 16px;
padding-top: 5px;
}
#header .logo {
overflow: hidden;
float: left;
width: 400px;
margin-left: 13px;
}
#header .area {
overflow: hidden;
float: right;
width: 515px;
margin-top: 12px;
}
#header .area ul li {
display: block;
float: left;
margin-left: 1px;
}
/* お気に入りボタン追加分 */
#header .btn_fav {
float: right;
}
/* ----------------------------------------------------------------------
GNAVI：ナビゲーション
---------------------------------------------------------------------- */
#gnavi {
overflow: hidden;
clear: both;
width: 960px;
height: 40px;
margin: auto;
}
#gnavi ul li {
display: block;
float: left;
border-top: solid 2px #474747;
}
#gnavi #srchBox {
float: right;
width: 240px;
background: none;
margin-top: 5px;
}
#gnavi #srchBox form {
float: right;
}
#gnavi #srchBox #srchInput {
width: 185px;
height: 20px;
border-right: none;
margin: 0px;
padding: 0px;
padding-left: 5px;
}
/* ----------------------------------------------------------------------
FOOTER：フッター
---------------------------------------------------------------------- */
#footer {
overflow: hidden;
clear: both;
width: 100%;
background: url(../images/com/footer_bg.jpg) repeat-x left bottom #FFF;
line-height: 100%;
margin-top: 30px;
}
#footer .foot_navi {
overflow: hidden;
clear: both;
width: 100%;
height: 59px;
background: url(../images/com/foot_navi_bg.jpg) repeat-x left top;
text-align: center;
margin-bottom: 15px;
}
#footer .foot_navi ul {
overflow: hidden;
clear: both;
width: 960px;
font-size: 12px;
margin: auto;
margin-top: 15px;
}
#footer .foot_navi ul li {
display: inline;
margin: 0px 10px;
}
#footer .foot_navi ul li a {
color: #990000;
}
#footer .foot_navi ul li a:hover {
text-decoration: underline;
}
#footer .foot_link {
overflow: hidden;
clear: both;
width: 960px;
font-size: 10px;
margin: auto;
margin-bottom: 5px;
}
#footer .foot_link p.title {
overflow: hidden;
float: left;
}
#footer .foot_link ul {
overflow: hidden;
float: right;
width: 800px;
}
#footer .foot_link ul li {
display: block;
float: left;
margin: 0px 15px 7px 0px;
}
#footer .foot_link ul li a {
color: #333;
}
#footer .foot_link ul li a:hover {
color: #990000;
}
#footer .foot_attend {
overflow: hidden;
clear: both;
width: 960px;
border-top: dotted 1px #CCC;
font-size: 10px;
margin: auto;
margin-bottom: 110px;
padding-top: 15px;
}
#footer .foot_attend .left {
overflow: hidden;
float: left;
}
/* ----------------------------------------------------------------------
WRAP
---------------------------------------------------------------------- */
#wrap {
overflow: hidden;
clear: both;
width: 960px;
margin: 0px auto;
}
/* ----------------------------------------------------------------------
CONTETNS
---------------------------------------------------------------------- */
#contents {
overflow: hidden;
float: left;
width: 710px;
margin-left: 5px;
}
/* ----------------------------------------------------------------------
パンくず
---------------------------------------------------------------------- */
#pan_block .pan {
overflow: hidden;
clear: both;
float: left;
margin-left: 5px;
}
#pan_block .pan ul li {
display: block;
float: left;
}
#pan_block .pan ul li a {
color: #CC0000;
}
#pan_block .pan ul li a:hover {
text-decoration: underline;
}
#pan_block .area_pan {
overflow: hidden;
float: right;
width: 150px;
text-align: right;
}
#pan_block .area_pan ul li {
display: inline;
background: url(../images/com/icon_list.jpg) no-repeat left 40%;
margin-left: 10px;
padding-left: 10px;
}
#pan_block .area_pan ul li span {
color: #AAA;
}
#pan_block .area_pan ul li a {
color: #333;
}
#pan_block .area_pan ul li a:hover {
color: #CC0000;
text-decoration: underline;
}
/* エリアなしのパンくず ---------- */
#pan_block .pan2 {
overflow: hidden;
clear: both;
margin-left: 5px;
}
#pan_block .pan2 ul li {
display: block;
float: left;
}
#pan_block .pan2 ul li a {
color: #CC0000;
}
#pan_block .pan2 ul li a:hover {
text-decoration: underline;
}
/* ----------------------------------------------------------------------
SIDEBAR
---------------------------------------------------------------------- */
#side_block {
overflow: hidden;
float: right;
width: 220px;
margin-top: 20px;
}
#side_block .side_ban li {
display: block;
margin-bottom: 10px;
}
/* 動画リンク ----------- */
.side_movie_block {
overflow: hidden;
clear: both;
border: solid 1px #CCC;
margin-bottom: 10px;
}
.side_movie_block .title_line {
border: none;
border-bottom: solid 1px #CCC;
}
.side_movie_block h4 a {
display: block;
color: #0062AD;
float: right;
font-weight: bold;
margin-right: 10px;
}
.side_movie_block h4 a:hover {
color: #CC0000;
text-decoration: underline;
}
.side_movie_block .movie_box {
overflow: hidden;
clear: both;
width: 210px;
border-bottom: dotted 1px #CCC;
margin: 7px;
padding-bottom: 7px;
}
.side_movie_block .movie_box .img {
float: left;
margin-right: 5px;
}
.side_movie_block .movie_box .img a {
display: block;
width: 96px;
border: solid 1px #CCC;
text-align: center;
}
.side_movie_block .movie_box .img img {
width: 92px;
height: auto;
}
.side_movie_block .movie_box .img a:hover {
border: solid 1px #CC0000;
}
.side_movie_block .movie_box .img a img {
margin: 1px;
}
.side_movie_block .movie_box .shop_name {
overflow: hiddenl;
float: right;
width: 100px;
line-height: 130%;
}
.side_movie_block .movie_box .shop_name span {
background: url(../images/com/icon_new.jpg) no-repeat left top;
color: #0062AD;
font-size: 10px;
padding-left: 30px;
}
.side_movie_block .movie_box .shop_name a.name {
color: #0062AD;
font-weight: bold;
}
.side_movie_block .movie_box .shop_name a:hover.name {
text-decoration: underline;
}
/* 特集用リンク ----------- */
.sid_ft_block {
overflow: hidden;
clear: both;
width: 220px;
height: 135px;
background: url(../../images/ban_sid_ft_bg.jpg) no-repeat left top;
}
.sid_ft_block ul {
overflow: hidden;
clear: both;
width: 190px;
border-top: dotted 1px #AAA;
margin-left: 15px;
padding-top: 5px;
}
.sid_ft_block ul li {
display: inline;
/display: block;
/float: left;
line-height: 200%;
margin-right: 10px;
font-size: 11px;
}
.sid_ft_block ul li a {
text-decoration: underline;
color: #0062AD;
}
.sid_ft_block ul li a:hover {
color: #CC0000;
}
/* お役立ちコンテンツ ----------- */
.sid_uf_block {
overflow: hidden;
clear: both;
width: 220px;
}
.sid_uf_block .uf_waku {
overflow: hidden;
clear: both;
width: 218px;
border: solid 1px #DD740B;
}
.sid_uf_block .uf_waku .box {
overflow: hidden;
clear: both;
width: 200px;
border-bottom: dotted 1px #AAA;
margin-left: 10px;
padding: 5px 0px;
}
.sid_uf_block .uf_waku .box2 {
overflow: hidden;
clear: both;
width: 200px;
margin-left: 10px;
padding: 5px 0px;
}
.sid_uf_block .uf_waku .box .img {
display: block;
float: left;
width: 45px;
}
.sid_uf_block .uf_waku .box .img img {
width: 45px;
height: auto;
}
.sid_uf_block .uf_waku .box .text {
display: block;
float: right;
width: 148px;
background: url(../../images/icon_uf.jpg) no-repeat left 5px;
color: #333;
text-indent: 1.2em;
line-height: 150%;
text-decoration: underline;
margin-top: 3px;
}
.sid_uf_block .uf_waku .box a:hover.text {
color: #CC0000;
}
/* モバイルページのご紹介 ----------- */
.side_mobile_block {
overflow: hidden;
clear: both;
background: #F8F7F7;
border: solid 1px #CCC;
line-height: 150%;
margin-bottom: 10px;
}
.side_mobile_block .title_line {
border: none;
border-bottom: solid 1px #CCC;
}
.side_mobile_block .left {
overflow: hidden;
float: left;
width: 110px;
margin-left: 8px;
margin-top: 10px;
}
.side_mobile_block .left p {
margin: 5px 0px;
}
.side_mobile_block .right {
overflow: hidden;
float: right;
margin: 5px;
}
/* アドレス送信 ----------- */
.mobile_mail_block {
overflow: hidden;
clear: both;
width: 214px;
background: #EFEFEF;
border: solid 3px #CCC;
margin-bottom: 10px;
}
.mobile_mail_block .sent {
color: #0062AD;
font-size: 10px;
line-height: 130%;
margin: 5px;
}
.mobile_mail_block form {
padding: 0 5px 5px 5px;
}
.mobile_mail_block form input {
padding: 3px;
}
.mobile_mail_block input[type="text"] {
width: 190px;
height: 10px;
}
.mobile_mail_block input[type="submit"] {
width: 44px;
height: 22px;
margin-top: 5px;
margin-left: 0;
padding: 0px;
}
/* カテゴリ特集テキスト用 ---------- */
.side_ft_block {
overflow: hidden;
clear: both;
width: 220px;
height: 135px;
background: url(../images/com/ban_sid_ft_bg.jpg) no-repeat left top;
}
.side_ft_block ul {
overflow: hidden;
clear: both;
width: 190px;
border-top: dotted 1px #AAA;
margin-left: 18px;
padding-top: 5px;
}
.side_ft_block ul li {
display: inline;
/display: block;
/float: left;
line-height: 200%;
margin-right: 10px;
}
.side_ft_block ul li a {
text-decoration: underline;
}
.side_ft_block ul li a:hover {
color: #CC0000;
}
/* 探し方を変更する ------------------ */
.side_sch_block {
overflow: hidden;
clear: both;
width: 220px;
height: 200px;
background: url(../images/com/side_sch_bg.jpg) no-repeat left top;
margin-bottom: 10px;
}
.side_sch_block ul {
overflow: hidden;
clear: both;
width: 180px;
margin: 45px auto 0px auto;
}
/* おすすめ特集(ランニングステーション) ------------------ */
.side_runsta_block {
overflow: hidden;
clear: both;
width: 220px;
margin-bottom: 10px;
}
/* よく検索されるキーワード ------------------ */
.side_word_block {
overflow: hidden;
clear: both;
background: #F8F7F7;
border: solid 1px #CCC;
line-height: 150%;
margin-bottom: 10px;
}
.side_word_block .title_line {
border: none;
border-bottom: solid 1px #CCC;
}
.side_word_block ul {
float: left;
width: 218px;
height: auto;
padding: 15px 0 0 0;
margin: 0;
/* 高さ調整 */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.side_word_block ul li {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 15px;
font-weight: bold;
float: left;
width: 88px;
padding-left: 20px;
/* height: 20px;*/
padding-bottom: 15px;
}
.side_word_block ul li a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 15px;
font-weight: bold;
color: #0062AD;
text-decoration: underline;
}
.side_word_block ul li span {
font-size: 10px;
}
/* ----------------------------------------------------------------------
FREELINK
---------------------------------------------------------------------- */
/* freelink ---------- */
.freelink_block {
overflow: hidden;
clear: both;
width: 710px;
border-bottom: dotted 1px #666;
line-height: 180%;
margin-top: 15px;
padding-bottom: 15px;
}
.freelink_block .freelink_name {
background: url(../images/com/icon_list.jpg) no-repeat 5px 50%;
font-weight: bold;
padding-left: 20px;
}
.freelink_block .freelink_name a {
color: #CC0000;
text-decoration: underline;
}
.freelink_block .freelink_add {
min-height: 25px;
background: url(../images/com/freelink_label_add.jpg) no-repeat 18px top;
padding-left: 85px;
margin-top: 5px;
}
.freelink_block .freelink_tel {
min-height: 25px;
background: url(../images/com/freelink_label_tel.jpg) no-repeat 18px top;
padding-left: 85px;
}
/* ------------------------------------------------------------------------------
検索一覧ページ送り
------------------------------------------------------------------------------ */
.navigation {
overflow: hidden;
text-align: center;
margin: 20px auto;
}
.navigation .wp-pagenavi {
overflow: hidden;
}
.navigation .wp-pagenavi a {
display: inline-block;
color: #0062AD;
}
/* ----------------------------------------------------------------------
フリーリンク用 地図設定
---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
404ページ
---------------------------------------------------------------------- */
.no_contents {
overflow: hidden;
clear: both;
width: 710px;
background: #EFEFEF;
text-align: center;
padding: 100px 0px;
}
/* ----------------------------------------------------------------------
---------------------------------------------------------------------- */
/* カテゴリから探す ---------- */
.cat_list_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 20px;
}
.cat_box_line {
width: 710px;
}
.cat_box_line .cat_line {
width: 710px;
margin-bottom: 20px;
margin-top: 20px;
float: left;
height: auto;
padding-bottom: 5px;
}
.cat_box_line .cat_line .midashi {
background: url(../images/com/icon_en.png) no-repeat 10px 50% #EFEFEF;
border: solid 1px #CCC;
font-weight: bold;
font-size: 16px;
margin-bottom: 15px;
padding: 6px;
padding-left: 27px;
}
.cat_box_line .cat_line ul {
width: 720px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -10px;
float: left;
padding: 0px;
}
.cat_box_line .cat_line ul li {
display: block;
float: left;
width: 134px;
height: 101px;
margin-left: 10px;
}
.cat_box_line .cat_line ul li a {
color: #0062AD;
text-decoration: underline;
}
.cat_box_line .cat_line ul li a:hover {
color: #CC0000;
}
.cat_box_line .cat_line p {
padding: 0px;
text-align: center;
width: 134px;
clear: both;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 12px;
color: #666666;
}
/* 地図から探す ---------- */
/*** 2022.12.19追加 ***/
#map_list_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 20px;
}
/*-- 地図説明 --*/
#map_list_block .map_attend{
margin-bottom: 20px;
}
#map_list_block .map_attend2 a{
color:#E71437;
font-weight:600;
}
/*-- 地図検索項目 --*/
/* 投稿タイプ非表示 */
#map_list_block .map_data .gmw-post-types-wrapper{
display:none;
}
/* 住所入力欄 */
#map_list_block .gmw-form input[type="text"]{
height:47px!important;
width:188px!important;
font-size:14px;
border-radius:0;
}
#map_list_block .gmw-form .gmw-locator-button{
bottom:initial;
top:50%;
margin-top:-15px;
}
/* 現在地ボタン */
#map_list_block .gmw-form .gmw-locator-button-wrapper{
height:47px;
width:145px!important;
font-size:14px;
text-align:center;
line-height:135%;
padding:13px 10px;
}
#map_list_block .gmw-form .gmw-locator-button-wrapper:hover{
opacity:.8;
}
#map_list_block .gmw-form .gmw-locator-button-wrapper .gmw-locator-loader{
padding-left:5px;
}
/* 距離セレクト */
#map_list_block .gmw-form select{
height:47px;
font-size:14px;
}
/* 絞り込みボタン */
#map_list_block .gmw-form .gmw-submit-field-wrapper{
margin-right:0;
}
#map_list_block .gmw-form .gmw-submit-button{
font-size:14px;
font-weight:600;
padding:14px 40px 15px 16px;
background: url(https://www.asreet.com/common/pc/img/com/icon_search_1.png) center right 10px no-repeat #333;
background-size: 20px;
}
#map_list_block .gmw-form .gmw-submit-button:hover{
opacity:.8;
}
/* 現在地 */
div.gm-style-iw div.gmw-info-window.user-marker{
font-weight:600;
font-size:16px;
}
.gm-style .gm-style-iw-tc::after{
top:-6px;
}
.gm-style .gm-style-iw{
max-width:300px!important;
padding:0!important;
}
div.gmw-info-window.standard{
padding:5px 10px;
min-height:auto;
}
div.gmw-info-window-inner.standard{
text-align:left;
display:block;
}
div.gmw-info-window-inner.standard .title{
font-weight:600;
color:#3E3A39!important;
}
div.gmw-info-window-inner.standard .address{
position:relative;
color:#3E3A39!important;
box-sizing: border-box;
padding-left: 25px;
}
div.gmw-info-window-inner.standard .address::before{
color:#E72741!important;
position: absolute;
left: 0;
top: 50%;
font-size: 16px!important;
margin-top: -10px;
}
div.gmw-info-window-inner.standard span.address,
div.gmw-info-window-inner.standard a.gmw-get-directions{
display:none;
}
/* 店舗データ */
#map_list_block .posts-list-wrapper,
#map_list_block .gmw-results-message,
#map_list_block .pagination-per-page-wrapper{
display:none;
}
/* マップ切替後削除↓↓↓↓↓↓↓↓ */
.map_list_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 20px;
}
.map_box_line {
width: 710px;
float: left;
}
.map_box_line .map_line {
width: 710px;
margin-bottom: 20px;
float: left;
height: auto;
padding-bottom: 5px;
}
.map_box_line .map_line .midashi {
background: url(../images/com/icon_en.png) no-repeat 10px 50% #EFEFEF;
border: solid 1px #CCC;
font-weight: bold;
font-size: 16px;
margin-bottom: 15px;
padding: 6px;
padding-left: 27px;
}
.map_box_line .map_line ul {
width: 710px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
padding: 0px;
float: right;
background-image: url(../../images/common/map_line.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
.map_box_line .map_line ul li {
display: block;
float: left;
width: 60px;
height: auto;
margin-left: 10px;
margin-bottom: 20px;
}
.map_box_line .map_line ul li a {
color: #0062AD;
text-decoration: underline;
}
.map_box_line .map_line ul li a:hover {
color: #CC0000;
}
.map_box_line .map_line p {
width: auto;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 13px;
color: #CC0000;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
text-align: left;
margin-top: 20px;
}
#map_block {
float: left;
width: 710px;
margin-bottom: 40px;
}
.map_btn {
display: block;
width: 200px;
background: #EFEFEF;
border-radius: 4px;
border-bottom: solid 3px #DBDBDB;
text-align: center;
font-size: 14px;
margin: 16px auto;
padding: 12px 8px;
}
/* マップ切替後削除↑↑↑↑↑↑↑↑ */
/* ----------------------------------------------------------------------
沿線・地域・地図・カテゴリ検索タブ用
---------------------------------------------------------------------- */
.sch_tab {
overflow: hidden;
width: 710px;
border-bottom: solid 5px #CC0000;
line-height: 100%;
margin-bottom: 25px;
}
.sch_tab ul {
overflow: hidden;
width: 710px;
}
.sch_tab ul li {
float: left;
display: block;
}
.sch_tab ul li img {
vertical-align: text-bottom;
}
/* 地域・エリアから探す ---------- */
.sch_list_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 20px;
}
.sch_box_line {
width: 710px;
float: left;
}
.sch_box_line .sch_line {
width: 710px;
margin-bottom: 20px;
float: left;
height: auto;
padding-bottom: 5px;
}
.sch_box_line .sch_line .midashi {
background: url(../images/com/icon_en.png) no-repeat 10px 50% #EFEFEF;
border: solid 1px #CCC;
font-weight: bold;
font-size: 16px;
margin-bottom: 15px;
padding: 6px;
padding-left: 27px;
}
.sch_box_line .sch_line ul {
width: 710px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
padding: 0px;
float: right;
background-image: url(../../images/common/map_line.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
.sch_box_line .sch_line ul li {
display: block;
float: left;
width: auto;
height: auto;
margin: 0 20px 20px 10px
}
.sch_box_line .sch_line ul li a {
color: #0062AD;
text-decoration: underline;
}
.sch_box_line .sch_line ul li a:hover {
color: #CC0000;
}
/* カテゴリで探す */
.sch_box_line .category_list_block ul li {
width: 150px;
background: url(../images/com/icon_list.jpg) no-repeat left 50%;
padding-left: 15px;
}
/* ----------------------------------------------------------------------
フリーワード検索
---------------------------------------------------------------------- */
/* フリーキーワード検索 -------------------- */
.freeword_block {
overflow: hidden;
clear: both;
width: 650px;
background: #F4F2E5;
margin-bottom: 15px;
padding: 20px 30px 18px 30px;
}
.freeword_block form {
overflow: hidden;
clear: both;
}
.freeword_block form .img {
float: left;
margin-right: 5px;
}
.freeword_block form input.word {
float: left;
min-width: 350px;
border: solid 1px #CCC;
height: 25px;
margin-top: 2px;
margin-right: 15px;
padding: 0px 5px;
}
/* 20170828 追加分*/
/* フリーワード 検索結果20170828 */
#gnavi .freeword-head {
float: right;
width: 240px;
background: none;
}
#gnavi .freeword-head form {
float: right;
margin: 2px 0 0 0 !important;
padding: 0 !important;
}
#gnavi .freeword-head #srchForm {
margin: 0 !important;
padding: 0 !important;
height: auto;
}
#gnavi .freeword-head .auto-suggest-front {
width: 185px;
height: 18px;
border: 1px solid #a5acb2;
border-right: none;
margin: 0 !important;
padding: 1px 1px 2px 1px;
}
#gnavi .freeword-head .auto-suggest-submit {
float: right;
margin: 0 !important;
padding: 0 !important;
border-bottom: 1px solid #a5acb2;
}
.asr-container {
width: 960px;
margin: 0 auto;
}
/*
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
/* メインコンテンツ用 */
/*.freeword_block #srchBox {
background:pink!important;
}
/* ----------------------------------------------------------------------
Asreetとは（黒ベース）
---------------------------------------------------------------------- */
/* Asreetとは -------------------- */
.about_asreet_block {
overflow: hidden;
clear: both;
width: 710px;
height: 150px;
background: url(../images/com/about_asreet_bg.jpg) no-repeat left top;
margin-bottom: 10px;
}
.about_asreet_block .img {
overflow: hidden;
float: left;
width: 130px;
text-align: center;
margin-top: 17px;
}
.about_asreet_block .sent {
overflow: hidden;
float: left;
width: 560px;
color: #CCC;
line-height: 150%;
margin-right: 10px;
margin-top: 20px;
}
.about_asreet_block .sent .title {
color: #FFF;
font-weight: bold;
margin-bottom: 7px;
}
.about_asreet_block .sent .title span {
color: #FF9900;
font-size: 10px;
font-weight: normal;
margin-left: 10px;
}
/* ----------------------------------------------------------------------
Asreetとは（茶ベース）
---------------------------------------------------------------------- */
/* Asreetとは -------------------- */
.about_asreet_block2 {
overflow: hidden;
clear: both;
width: 710px;
height: 150px;
background: url(../images/com/about_asreet_bg2.jpg) no-repeat left top;
margin-bottom: 10px;
}
.about_asreet_block2 .img {
overflow: hidden;
float: left;
width: 140px;
text-align: center;
margin-top: 17px;
}
.about_asreet_block2 .sent {
overflow: hidden;
float: right;
width: 550px;
color: #CCC;
line-height: 150%;
margin-right: 20px;
margin-top: 20px;
}
.about_asreet_block2 .sent .title {
color: #CC0001;
font-weight: bold;
margin-bottom: 7px;
}
.about_asreet_block2 .sent .title span {
color: #CC0001;
font-size: 10px;
font-weight: normal;
margin-left: 10px;
}
.about_asreet_block2 .about {
color: #333;
}
/* ----------------------------------------------------------------------
他の探し方でジムを見つける
---------------------------------------------------------------------- */
/* 他の探し方でジムを見つける ------------------ */
.txt_search_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 10px;
}
.txt_search_block .title_other {
overflow: hidden;
clear: both;
width: 710px;
height: 30px;
background: url(../images/com/img_bar.jpg) no-repeat left bottom;
font-size: 14px;
font-weight: bold;
line-height: 30px;
margin-bottom: 10px;
}
.txt_search_block .sent2 {
overflow: hidden;
line-height: 150%;
margin: 10px 15px;
}
/* 地域一覧 ------------------ */
.area_list_block {
overflow: hidden;
clear: both;
float: left;
width: 400px;
background: #F6F6F6;
margin-bottom: 10px;
}
.area_list_block .title {
overflow: hidden;
clear: both;
width: 300px;
background: url(../images/com/icon_en.png) no-repeat left 50%;
margin: 15px;
margin-bottom: 5px;
padding-left: 18px;
}
.area_list_block .sent {
overflow: hidden;
clear: both;
color: #666;
font-size: 10px;
margin-bottom: 15px;
margin-left: 15px;
}
.area_list_block ul {
overflow: hidden;
clear: both;
width: 370px;
margin: 10px 15px;
}
.area_list_block ul li {
display: block;
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.area_list_block ul li a {
color: #666;
border-bottom: dotted 1px #666;
}
.area_list_block ul li a:hover {
color: #0062AD;
border-bottom: dotted 1px #0062AD;
}
/* 沿線一覧 ------------------ */
.train_list_block {
overflow: hidden;
float: right;
width: 300px;
background: #F6F6F6;
margin-bottom: 10px;
}
.train_list_block .title {
overflow: hidden;
clear: both;
width: 280px;
background: url(../images/com/icon_en.png) no-repeat left 50%;
margin: 15px;
margin-bottom: 5px;
padding-left: 18px;
}
.train_list_block .sent {
overflow: hidden;
clear: both;
color: #666;
font-size: 10px;
margin-bottom: 15px;
margin-left: 15px;
}
.train_list_block .sent2 {
overflow: hidden;
clear: both;
color: #666;
font-size: 12px;
margin: 10px;
line-height: 15px;
}
.train_list_block ul {
overflow: hidden;
clear: both;
width: 270px;
margin: 10px 15px;
}
.train_list_block ul li {
display: block;
float: left;
white-space: nowrap;
margin-right: 20px;
margin-bottom: 12px;
}
.train_list_block ul li a {
color: #666;
border-bottom: dotted 1px #666;
}
.train_list_block ul li a:hover {
color: #0062AD;
border-bottom: dotted 1px #0062AD;
}
/* カテゴリーから探す ------------------ */
.train_list_block_cat {
overflow: hidden;
width: 720px;
background: #F6F6F6;
margin-bottom: 10px;
}
.train_list_block_cat .title {
overflow: hidden;
clear: both;
width: 700px;
background: url(../images/com/icon_en.png) no-repeat left 50%;
margin: 15px;
margin-bottom: 5px;
padding-left: 18px;
}
.train_list_block_cat .sent {
overflow: hidden;
clear: both;
color: #666;
font-size: 10px;
margin-bottom: 15px;
margin-left: 15px;
}
.train_list_block_cat ul {
overflow: hidden;
clear: both;
width: 700px;
margin: 0px 15px;
padding-top: 10px;
}
.train_list_block_cat ul li {
display: block;
float: left;
white-space: nowrap;
margin-right: 20px;
margin-bottom: 10px;
}
.train_list_block_cat ul li a {
color: #666;
border-bottom: dotted 1px #666;
}
.train_list_block_cat ul li a:hover {
color: #0062AD;
border-bottom: dotted 1px #0062AD;
}
/* カテゴリ一覧 ------------------ */
.cate_list_block {
overflow: hidden;
clear: both;
width: 710px;
background: #F6F6F6;
margin-bottom: 10px;
}
.cate_list_block .title {
overflow: hidden;
clear: both;
width: 600px;
background: url(../images/com/icon_en.png) no-repeat left 50%;
margin: 15px;
margin-bottom: 5px;
padding-left: 18px;
}
.cate_list_block .sent {
overflow: hidden;
clear: both;
color: #666;
font-size: 10px;
margin-bottom: 15px;
margin-left: 15px;
}
.cate_list_block ul {
overflow: hidden;
clear: both;
width: 680px;
margin: 10px 15px;
}
.cate_list_block ul li {
display: block;
float: left;
white-space: nowrap;
margin-right: 20px;
margin-bottom: 10px;
}
.cate_list_block ul li a {
color: #666;
border-bottom: dotted 1px #666;
}
.cate_list_block ul li a:hover {
color: #0062AD;
border-bottom: dotted 1px #0062AD;
}
/*yamamoto*/
#header .head_left h1.h1_center {
padding-left: 15px;
}
/*yamamoto_end*/
/* ----------------------------------------------------------------------
カテゴリアーカイブ最新情報
---------------------------------------------------------------------- */
#blog_entry {
overflow: hidden;
clear: both;
width: 710px;
margin-top: 40px;
}
#blog_entry .entry {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 40px;
}
#blog_entry .entrytitle {
clear: both;
height: 34px;
background: url(../images/com/agr_title_bg.jpg) no-repeat left top;
border-bottom: solid 1px #CCC;
font-size: 13px;
font-weight: bold;
line-height: 37px;
padding-left: 30px;
}
#blog_entry .entrytitle a {
color: #333;
}
#blog_entry .entrytitle a:hover {
color: #CC0000;
}
#blog_entry .entrymeta {
overflow: hidden;
clear: both;
width: 670px;
color: #666;
border-bottom: dotted 1px #666;
font-size: 10px;
letter-spacing: 0.1em;
margin-top: 15px;
margin-left: 20px;
padding-bottom: 5px;
}
#blog_entry .entrymeta a {
color: #FF6600;
text-decoration: underline;
}
#blog_entry .entrybody {
overflow: hidden;
clear: both;
width: 670px;
line-height: 180%;
margin-left: 20px;
margin-top: 10px;
}
/* ページナビ ---------- */
.page_link {
overflow: hidden;
clear: both;
width: 710px;
text-align: center;
}
.page_link a {
display: inline-block;
border: solid 1px #CCC;
background: #FFF;
margin: 0px 5px;
padding: 10px 20px;
}
.page_link a:hover {
border: solid 1px #CCC;
background: #EFEFEF;
}
/* ----------------------------------------------------------------------
大型駅用
---------------------------------------------------------------------- */
.side_word_block ul li a:hover {
color: #CC0000;
text-decoration: underline;
}
.side_word_block ul li a {
text-decoration: none;
}
/* ----------------------------------------------------------------------
SNSボタン用
---------------------------------------------------------------------- */
.sns_btn_block {
overflow: hidden;
clear: both;
width: 710px;
}
.sns_btn_block .sns_btn {
overflow: hidden;
float: right;
}
.sns_btn_block .twitter {
width: 110px;
}
.sns_btn_block .hatena {
width: 65px;
}
.sns_btn_block .googleplus {
width: 80px;
}
.sns_btn_block .mail_btn {
margin-right: 20px;
}
/* サイドバーSNSボタン */
.side_facebook {
overflow: hidden;
clear: both;
width: 218px;
border: solid 1px #CCC;
/* border:solid 1px #3B5998;*/
}
.side_twitter {
overflow: hidden;
clear: both;
margin-top: 10px;
}
/* ----------------------------------------------------------------------
契約店舗紹介一覧ページ用 13.0731
---------------------------------------------------------------------- */
.pagetitle2 {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 35px;
}
.area_title {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 18px;
font-weight: bold;
background-image: url(../../images/info/common/line_area.jpg);
background-repeat: no-repeat;
background-position: bottom;
width: 710px;
height: 20px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
padding-bottom: 0px;
float: left;
}
.area_block {
height: auto;
width: 710px;
background-image: url(../../images/info/common/line_shopblock.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 40px;
float: left;
margin-bottom: 40px;
}
.area_block .area_left_block {
float: left;
height: auto;
width: 360px;
}
.area_block .area_left_block h3 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 16px;
background-image: url(../../images/info/common/title_shop.jpg);
background-color: #E5E5E5;
background-repeat: no-repeat;
margin: 0px;
width: 350px;
font-weight: bold;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 10px;
}
.area_block .area_left_block .shop_img {
height: 96px;
width: 354px;
border: 1px solid #CCCCCC;
float: left;
margin-top: 10px;
padding: 2px;
margin-bottom: 10px;
}
.area_block .area_left_block p {
margin: 0px;
padding: 0px;
float: left;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 12px;
line-height: 20px;
width: 360px;
}
.area_block .area_left_block ul li {
margin: 0px;
padding: 0px;
float: left;
width: 55px;
background-image: url(../../images/info/common/line_shop.jpg);
background-repeat: no-repeat;
background-position: bottom;
height: auto;
}
.area_block .area_left_block ul p {
height: auto;
width: 295px;
float: left;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 12px;
line-height: 20px;
margin-left: 10px;
background-image: url(../../images/info/common/line_shop.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 5px;
margin-bottom: 10px;
}
.area_block .area_left_block .shop_tel {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 15px;
color: #FF0000;
font-weight: bold;
}
.area_right_block {
float: left;
height: auto;
width: 340px;
margin-left: 9px;
}
.area_right_block .area_map {
height: 260px;
width: 340px;
}
.area_right_block .shop_btn {
height: 50px;
width: 340px;
float: left;
margin-top: 30px;
}
/* ----------------------------------------------------------------------
SEARCH 地域から探す（各地域）契約店舗用スタイル
---------------------------------------------------------------------- */
/* フリーリンクブロック ----------------------------------------- */
.freelink_block {
overflow: hidden;
clear: both;
width: 710px;
border-bottom: dotted 1px #666;
line-height: 180%;
margin-top: 15px;
padding-bottom: 15px;
}
.freelink_block .freelink_name {
background: url(../images/com/icon_list.jpg) no-repeat 5px 50%;
font-weight: bold;
padding-left: 20px;
}
.freelink_block .freelink_name a {
color: #CC0000;
text-decoration: underline;
}
.freelink_block .freelink_add {
min-height: 25px;
background: url(../images/com/freelink_label_add.jpg) no-repeat 18px top;
padding-left: 85px;
margin-top: 5px;
}
.freelink_block .freelink_tel {
min-height: 25px;
background: url(../images/com/freelink_label_tel.jpg) no-repeat 18px top;
padding-left: 85px;
}
/* 契約店舗 ----------------------------------------- */
.agr_shop_blcok {
overflow: hidden;
clear: both;
width: 710px;
margin: 25px 0px;
}
.agr_shop_blcok .title {
overflow: hidden;
clear: both;
width: 710px;
height: 35px;
background: url(../images/com/agr_title_bg.jpg) no-repeat left top;
line-height: 35px;
margin-bottom: 15px;
}
.agr_shop_blcok .title .name {
overflow: hidden;
float: left;
width: 600px;
color: #CC0000;
font-weight: bold;
font-size: 14px;
margin-left: 20px;
}
.agr_shop_blcok .left {
overflow: hidden;
float: left;
width: 200px;
margin-bottom: 10px;
}
.agr_shop_blcok .left img {
width: 200px;
height: auto !important;
}
.agr_shop_blcok .right {
overflow: hidden;
float: right;
width: 500px;
margin-bottom: 10px;
}
.agr_shop_blcok .right .pick_btn {
overflow: hidden;
clear: both;
width: 500px;
border-bottom: dotted 1px #CCC;
margin-bottom: 10px;
padding-bottom: 10px;
}
.agr_shop_blcok .right .pick_btn li {
display: block;
float: left;
margin-right: 10px;
}
.agr_shop_blcok .right .info_tbl {
width: 500px;
margin-bottom: 10px;
}
.agr_shop_blcok .right .info_tbl th {
width: 55px;
background: url(../images/com/agr_th_bg.jpg) no-repeat left 3px;
text-align: center;
vertical-align: top;
padding: 3px 5px 7px;
}
.agr_shop_blcok .right .info_tbl td {
vertical-align: top;
padding: 3px 5px 7px 10px;
}
.agr_shop_blcok .right .info_tbl td a {
color: #0062AD;
text-decoration: underline;
}
.agr_shop_blcok .right .info_tbl td a:hover {
color: #CC0000;
}
.agr_shop_blcok .right .shop_pr {
overflow: hidden;
clear: both;
width: 500px;
line-height: 165%;
border-top: dotted 1px #CCC;
padding-top: 10px;
}
.agr_shop_blcok .jump_btn {
overflow: hidden;
clear: both;
width: 710px;
height: 50px;
background: url(../images/com/agr_btn_bg.jpg) no-repeat left top;
}
.agr_shop_blcok .jump_btn ul {
overflow: hidden;
clear: both;
margin-top: 5px;
margin-left: 190px;
}
.agr_shop_blcok .jump_btn ul li {
display: block;
float: left;
margin: 5px;
}
.agr_shop_blcok ul.icon_cate {
overflow: hidden;
clear: both;
width: 100%;
margin-top: 10px;
}
.agr_shop_blcok ul.icon_cate li {
display: block;
float: left;
line-height: 100% !important;
margin-bottom: 4px;
margin-right: 4px;
}
/* 広告枠 ----------------------------------------- */
.pickup_shop_blcok {
overflow: hidden;
background: url(https://www.asreet.com/com/images/com/pickup_shop_bg.jpg) no-repeat left top;
margin-bottom: 24px;
}
.pickup_shop_blcok .title {
height: 35px;
color: #CC0000;
font-size: 15px;
font-weight: bold;
line-height: 35px;
padding-left: 70px;
}
.pickup_shop_blcok .left {
float: left;
width: 160px;
padding: 8px 0 8px 14px;
}
.pickup_shop_blcok .left img {
background: #FFF;
border: solid 1p #DBDBDB;
padding: 2px;
}
.pickup_shop_blcok .right {
float: right;
width: 525px;
margin: 8px 8px 8px 0;
}
.pickup_shop_blcok .catch a {
color: #005FAC;
font-size: 15px;
text-decoration: underline;
}
.pickup_shop_blcok .catch a:hover {
color: #CC0000;
}
.pickup_shop_blcok .info_tbl {
margin: 4px 0;
}
.pickup_shop_blcok .info_tbl th span {
display: block;
width: 50px;
background: #E7E2C5;
border-radius: 3px;
/* CSS3 */
-moz-border-radius: 3px;
/* Firefox */
-webkit-border-radius: 3px;
/* Safari,Chrome */
text-align: center;
line-height: 120%;
padding: 2px 0;
}
.pickup_shop_blcok .info_tbl td {
padding-left: 8px;
}
.pickup_shop_blcok .shop_pr {
background: #FFF;
line-height: 130%;
padding: 8px;
}
.pickup_shop_blcok .jump_btn {
float: right;
width: 500px;
text-align: right;
margin: 0 8px 8px 0;
}
/* ----------------------------------------------------------------------
SEARCH 地域から探す（各地域）フリーリンク用スタイル
---------------------------------------------------------------------- */
.area_title_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 16px;
}
.area_text {
margin-top: 10px;
}
/* ----------------------------------------------------------------------
VIEWMODE：閲覧モード
---------------------------------------------------------------------- */
/* 閲覧モード */
body.home .renderSwitcher {
display: block;
}
.renderSwitcher {
overflow: hidden;
clear: both;
width: 100%;
background: #EFEFEF;
margin: 0px;
padding: 0px;
}
.renderSwitcher ul {
overflow: hidden;
width: 90%;
color: #666;
text-align: center;
margin: 10px auto;
padding: 5px;
}
.renderSwitcher ul li {
display: inline-block;
width: 46%;
background: #FFF;
font-size: 3.5em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: solid 1px #666;
margin: 20px 10px;
padding: 40px auto;
}
.renderSwitcher ul li a {
overflow: hidden;
display: block;
padding: 40px 0px;
}
.renderSwitcher ul li.pc a {
color: #666;
background: url(../../com_sp/images/com/icon_pc.png) no-repeat 30px 50%;
background-size: 40px;
}
.renderSwitcher ul li.mobile a {
color: #DE0E28;
background: url(../../com_sp/images/com/icon_sp.png) no-repeat 30px 50%;
background-size: 40px;
}
/* -----------------------------------------------------------------------------
パンくず
----------------------------------------------------------------------------- */
#pan_block {
overflow: hidden;
clear: both;
width: 710px;
padding: 10px 0;
box-sizing: border-box;
}
#pan_block .pan {
overflow: hidden;
clear: both;
}
#pan_block .pan ul li {
display: block;
float: left;
margin: 0px;
}
#pan_block .pan ul li a {
color: #CC0000;
}
#pan_block .pan ul li a:hover {
text-decoration: underline;
}
/* -----------------------------------------------------------------------------
ページタイトル画像
----------------------------------------------------------------------------- */
.pagetitle_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 20px;
}
/* -----------------------------------------------------------------------------
店舗一覧（チラシ画像）
----------------------------------------------------------------------------- */
.shopimg_list_bk {
overflow: hidden;
clear: both;
width: 708px;
border: solid 1px #CCC;
}
.shopimg_list_bk .title_line {
border: none;
border-bottom: solid 1px #CCC;
}
.shopimg_list_bk ul {
overflow: hidden;
width: 672px;
margin: auto;
}
.shopimg_list_bk ul li {
display: block;
float: left;
width: 144px;
height: 135px;
line-height: 120%;
font-size: 10px;
margin: 11px;
}
.shopimg_list_bk ul li p {
overflow: hidden;
}
.shopimg_list_bk ul li a {
display: block;
width: 140px;
color: #CC0000;
}
.shopimg_list_bk ul li a:hover {
display: block;
color: #555;
}
.shopimg_list_bk ul li a img {
width: 100%;
height: auto;
vertical-align: top;
border: solid 1px #FFF;
margin: 0px;
margin-bottom: 3px;
padding: 1px;
}
.shopimg_list_bk ul li a:hover img {
border: solid 1px #CC0000;
margin-bottom: 3px;
}
/* データがない場合 ---------------------- */
/* 検索結果0件 */
.shopimg_list_bk ul li.error {
width: 100%;
font-size: 12px;
text-align: center;
padding: 80px 0px;
}
/* 出力形式変更_2022.8.31 */
.flyer-box {
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
padding: 15px;
}
.flyer-box .flyer{
width:23%;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
box-sizing: border-box;
text-align: left;
box-sizing: border-box;
overflow: hidden;
margin-bottom:15px;
}
.flyer-box::before{
content: "";
display: block;
width: 23%;
height: 0;
order: 1;
}
.flyer-box::after{
content: "";
display: block;
width: 23%;
height: 0;
}
.flyer-box .flyer-data{
width:100%;
box-sizing: border-box;
margin-bottom:6px;
}
.flyer-box .flyer-data a{
display: block;
border: solid 1px #999997;
background: #FFF;
padding: 4px;
box-sizing: border-box;
}
.flyer-box .flyer-data a img{
width:146px;
height:106px;
border: solid 1px #CDCDCD;
box-sizing: border-box;
}
.object-fit{
object-fit: cover;
object-position: 0 0;
font-family: 'object-fit: cover; object-position: 0 0;';
}
.flyer2 .object-fit{
object-fit: contain;
object-position: center center;
font-family: 'object-fit: contain; object-position: center center;';
}
.flyer-box .shop-url{
display: block;
line-height: 120%;
font-size: 12px;
color: #CC0000;
}
/* チラシない場合 */
.flyer-box:empty{
padding:100px;
}
.flyer-box:empty::before{
display:none;
}
.flyer-box:empty::after{
content:"現在チラシはございません。";
width:100%;
height:auto;
font-size:20px;
text-align:center;
}
.flyer-box .error{
font-size:20px;
text-align:center;
width:100%;
padding:85px;
}
/* ----------------------------------------------------------------------
SEARCH 地域から探す（各地域）
---------------------------------------------------------------------- */
/* img_map ----------------------------------- */
.sch_box2 {
overflow: hidden;
clear: both;
width: 708px;
border-right: solid 1px #CCC;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
padding-bottom: 15px;
}
.sch_map2 {
overflow: hidden;
float: left;
width: 260px;
}
.img_sch_aname {
margin-left: 25px;
}
.sch_map2 .mt_0 {
margin-top: 0px;
}
/* 地域で検索 地図横テキスト --------------------------------- */
.det_area_right {
overflow: hidden;
float: right;
width: 410px;
margin-right: 20px;
margin-top: 14px;
}
.det_area_right ul {
overflow: hidden;
border-bottom: dotted 1px #666;
margin-left: 5px;
padding-bottom: 5px;
}
.det_area_right ul.border-none {
border: none;
}
.det_area_right ul li {
width: 90px;
}
.det_area_center {
overflow: hidden;
clear: both;
width: 660px;
margin: auto;
padding-top: 14px;
}
.det_area_center ul {
overflow: hidden;
margin-left: 5px;
}
.det_area_center ul.border {
padding-bottom: 5px;
border-bottom: dotted 1px #666;
}
.det_area_center ul li {
width: 100px;
}
h3.title_sch {
background: url(../images/com/icon_red.jpg) no-repeat left 50%;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
padding-left: 15px;
}
div.text_sch ul li {
display: block;
float: left;
height: 25px;
background: url(../images/com/icon_area.jpg) no-repeat left 6px;
padding-left: 8px;
}
div.text_sch ul li a {
color: #0062AD;
}
div.text_sch ul li a span {
font-size: 10px;
}
div.text_sch ul li a:hover {
color: #CC0000;
text-decoration: underline;
}
/* ----------------------------------------------------------------------------------------------------
2013.12.4 求人ページ
---------------------------------------------------------------------------------------------------- */
.rec_head {
overflow: hidden;
width: 700px;
background: url(../images/recruit/head.jpg) no-repeat left top;
margin-bottom: 10px;
padding-top: 85px;
padding-bottom: 20px;
}
.rec_head ul {
display: block;
overflow: hidden;
margin-top: 40px;
margin-left: 20px;
}
.rec_head ul li {
overflow: hidden;
display: inline-block;
}
.recruit_sch_block .text_sch {
overflow: hidden;
margin-bottom: 10px;
}
.recruit_sch_block .text_sch ul {
border: none;
margin-bottom: 10px;
}
.recruit_sch_block .text_sch ul:last-child {
margin-bottom: 0;
}
.recruit_sch_block .text_sch ul li {
display: inline-block;
width: auto;
height: 25px;
border: none;
line-height: 180%;
margin-right: 25px;
}
.recruit_sch_block .sch_map2 {
float: left;
height: auto;
}
/* 新着 ------------------------------- */
.rec_new_block {
overflow: hidden;
border: solid 1px #CCC;
margin-bottom: 15px;
}
.rec_new_block .title_line {
border: none;
border-bottom: solid 1px #CCC;
}
.rec_new_block ul {
overflow: hidden;
width: 680px;
margin: 10px;
}
.rec_new_block ul li {
overflow: hidden;
display: block;
background: url(../images/recruit/list_new.jpg) no-repeat left 50%;
border-bottom: dotted 1px #CCC;
padding: 10px 0px 5px 20px;
}
.rec_new_block ul li a {
color: #0062AD;
}
.rec_new_block ul li a:hover {
color: #CC0000;
}
/* 求人募集中店舗 ------------------------------- */
.rec_ach_block {
overflow: hidden;
border: solid 1px #CCC;
margin-bottom: 15px;
}
.rec_ach_block .title_line {
border: none;
border-bottom: solid 1px #CCC;
}
.rec_ach_block ul {
overflow: hidden;
width: 680px;
margin: 10px;
}
.rec_ach_block ul li {
display: inline-table;
width: 110px;
vertical-align: top;
font-size: 10px;
margin: 0px 8px;
}
.rec_ach_block ul li a {
display: block;
color: #0062AD;
}
.rec_ach_block ul li img {
border: solid 1px #CCC;
padding: 1px;
}
.rec_ach_block ul li img:hover {
border: solid 1px #CC0000;
}
/* 求人一覧（検索条件指定） ------------------------------- */
.list_detail_title {
overflow: hidden;
width: 700px;
background: #239DC2;
font-weight: bold;
color: #FFFFFF;
padding: 5px 10px;
}
.rec_list_area_block {
overflow: hidden;
background: #EFEFEF;
border: solid 1px CCC;
}
.rec_list_area_block .rec_list_area {
overflow: hidden;
width: 700px;
background: #FFF;
margin: 5px;
}
.rec_list_area_block .title_sch {
float: left;
width: 60px;
font-size: 12px;
margin: 10px;
}
.rec_list_area_block .rec_list_area ul {
overflow: hidden;
width: 570px;
float: right;
margin: 10px;
}
.rec_list_area_block .rec_list_area ul li {
display: inline-block;
background: url(../images/com/icon_area.jpg) no-repeat left 4px;
line-height: 150%;
margin-right: 25px;
padding-left: 8px;
}
.rec_list_area_block .rec_list_area ul li a {
color: #0062AD;
}
.rec_list_area_block .rec_list_area ul li a:hover {
color: #CC0000;
}
.rec_list_area_block .rec_list_area .rec_list {
overflow: hidden;
}
/* ----------------------------------------------------------------------
RECRUIT 求人検索
---------------------------------------------------------------------- */
.rec_list_block {
overflow: hidden;
clear: both;
width: 710px;
}
/* 店舗ごとの枠 ------------------------------ */
.rec_list_block .rec_list_shop_block {
overflow: hidden;
clear: both;
width: 710px;
margin: 15px 0px;
margin-left: 5px;
}
.rec_list_block .rec_list_shop_block .title {
overflow: hidden;
clear: both;
width: 690px;
height: 30px;
color: #FFF;
background: url(../images/recruit/rec_list_shop.jpg) no-repeat left top;
font-size: 14px;
font-weight: bold;
font-size: 15px;
line-height: 30px;
padding-left: 10px;
}
.rec_list_block .rec_list_shop_block .left {
overflow: hidden;
float: left;
width: 200px;
margin: 15px 0px;
}
.rec_list_block .rec_list_shop_block .left img {
width: 200px;
height: auto;
}
.rec_list_block .rec_list_shop_block .right {
overflow: hidden;
float: right;
width: 480px;
margin: 15px;
margin-left: 0px;
}
.rec_list_block .rec_list_shop_block .right .rec_list_shop_txt {
line-height: 180%;
}
.rec_list_block .rec_list_shop_block .right .rec_list_shop_txt th {
width: 70px;
background: url(../images/recruit/rec_list_shop_sub.jpg) no-repeat left 7px;
vertical-align: top;
padding: 7px 5px;
}
.rec_list_block .rec_list_shop_block .right .rec_list_shop_txt td {
vertical-align: top;
padding: 7px 5px;
}
.rec_list_block .rec_list_shop_block .rec_list_btn {
overflow: hidden;
clear: both;
width: 700px;
height: 70px;
background: url(../images/recruit/rec_btn_bg.jpg) no-repeat left top;
}
.rec_list_block .rec_list_shop_block .rec_list_btn ul {
overflow: hidden;
clear: both;
width: 700px;
text-align: center;
margin-top: 9px;
}
.rec_list_block .rec_list_shop_block .rec_list_btn ul li {
display: inline;
margin: 5px;
}
/* ----------------------------------------------------------------------
カテゴリ特集 契約店舗用
---------------------------------------------------------------------- */
.agr_school_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 30px;
}
.agr_school_block .school_box {
overflow: hidden;
float: left;
width: 200px;
min-height: 218px;
margin: 15px;
}
.agr_school_block .school_box .name {
text-align: center;
line-height: 150%;
margin-bottom: 8px;
}
.agr_school_block .school_box .name a {
color: #CC0000;
font-weight: bold;
text-decoration: underline;
}
.agr_school_block .school_box .img {
overflow: hidden;
width: 200px;
text-align: center;
margin-bottom: 5px;
}
.agr_school_block .school_box ul {
overflow: hidden;
border-left: solid 1px #CCC;
margin: 0px;
padding: 0px;
}
.agr_school_block .school_box ul li {
display: block;
float: left;
border: solid 1px #CCC;
border-left: none;
margin: 0px;
}
.agr_school_block .school_box .img img {
width: 194px;
height: auto;
}
/* 特集地域絞込み --------------------------------------- */
.tokusyu_sch_block .sch_map2 {
width: 260px;
height: auto;
/* margin-left:25px;*/
}
.tokusyu_sch_block .text_sch ul {
border: none;
margin-bottom: 20px;
}
.tokusyu_sch_block .text_sch li {
display: inline-table;
min-width: 125px;
width: auto;
height: auto;
margin-bottom: 15px;
padding-right: 20px;
box-sizing: border-box;
}
.tokusyu_sch_block .text_sch ul:last-child {
margin-bottom: 0;
}
/* ----------------------------------------------------------------------
カテゴリ特集 フリーリンク追加
---------------------------------------------------------------------- */
.free_tokusyu_bk {
overflow: hidden;
margin: 16px 0px;
}
.other_cate_btn {
overflow: hidden;
margin: 16px 0px;
}
.other_cate_btn a {
display: block;
color: #0062AD;
background: #EFEFEF;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
text-align: center;
font-size: 14px;
font-weight: bold;
border: solid 2px #DBDBDB;
border-radius: 5px;
padding: 8px;
}
.other_cate_btn a:hover {
color: #333;
background: #DDD;
}
/* yoga ----- */
/* ----------------------------------------------------------------------
カテゴリ特集 サイドバーSEO対策
---------------------------------------------------------------------- */
/* 契約店舗バナー ---------------------------------- */
.tokusyu_ban_bk {
position: relative;
overflow: hidden;
width: 220px;
margin-bottom: 10px;
}
.tokusyu_ban_bk a {
display: block;
z-index: 4;
min-height: 140px;
color: #555;
border: solid 5px #555;
}
.tokusyu_ban_bk .gaikan {
position: absolute;
z-index: 1;
width: 210px;
}
.tokusyu_ban_bk .name {
position: absolute;
z-index: 2;
bottom: 5px;
width: 150px;
background: #FFF;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 10px;
font-weight: bold;
line-height: 100%;
padding: 5px 10px 5px 50px;
}
.tokusyu_ban_bk .icon {
position: absolute;
width: 50px;
bottom: 10px;
z-index: 3;
}
.tokusyu_ban_bk .golf a:hover {
border: solid 5px #669DD6;
}
.tokusyu_ban_bk .swimming a:hover {
border: solid 5px #0098C7;
}
.tokusyu_ban_bk .yoga a:hover {
border: solid 5px #A69780;
}
.tokusyu_ban_bk .kaatsu a:hover {
border: solid 5px #8B0101;
}
.tokusyu_ban_bk .tennis a:hover {
border: solid 5px #4DA460;
}
.side_school_block {
overflow: hidden;
clear: both;
width: 218px;
border: solid 1px #CCC;
}
.side_school_block .title_line {
border: none;
border-bottom: solid 1px #CCC;
}
.side_school_block .movie_box {
overflow: hidden;
clear: both;
width: 210px;
border-bottom: dotted 1px #CCC;
margin-left: 4px;
margin-top: 5px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.side_school_block .movie_box .img {
float: left;
}
.side_school_block .movie_box .attend {
overflow: hidden;
float: right;
width: 110px;
font-size: 10px;
line-height: 130%;
}
.side_school_block .movie_sent {
overflow: hidden;
clear: both;
width: 210px;
line-height: 135%;
margin: auto;
}
.side_school_block .movie_sent p {
letter-spacing: 0.1em;
margin-bottom: 10px;
}
.side_school_block .movie_sent a {
display: block;
margin-bottom: 5px;
}
.side_school_block .tokusyu_topics {
overflow: hidden;
clear: both;
width: 210px;
margin-left: 4px;
margin-top: 5px;
margin-bottom: 15px;
}
.side_school_block .tokusyu_topics img {
float: left;
}
.side_school_block .tokusyu_topics p {
overflow: hidden;
float: right;
width: 145px;
font-size: 10px;
line-height: 130%;
}
.side_school_block .tokusyu_topics p strong {
color: #CC0000;
}
/* ----------------------------------------------------------------------
GOLF ゴルフ特集
---------------------------------------------------------------------- */
.golf_clm_block {
overflow: hidden;
clear: both;
width: 710px;
background: url(../images/tokusyu/golf_clm_bg.jpg) repeat left top;
}
.golf_clm1 {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 10px;
}
.golf_clm1 .img {
float: left;
width: 220px;
}
.golf_clm1 .sent {
overflow: hidden;
width: 470px;
background: url(../images/tokusyu/golf_clm_sent_bg.jpg) repeat left top;
line-height: 180%;
padding: 5px;
}
.golf_clm2 {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 10px;
margin-top: 5px;
}
.golf_clm2 .title {
float: left;
width: 490px;
margin-bottom: 5px;
}
.golf_clm2 .img {
float: right;
width: 220px;
margin-top: 35px;
}
.golf_clm2 .sent {
overflow: hidden;
float: left;
width: 470px;
background: url(../images/tokusyu/golf_clm_sent_bg.jpg) repeat left top;
line-height: 180%;
margin-left: 10px;
padding: 5px;
}
.golf_clm3 {
overflow: hidden;
clear: both;
width: 710px;
margin-top: 5px;
margin-bottom: 15px;
}
.golf_clm3 .img {
float: left;
width: 220px;
margin-top: 35px;
}
.golf_clm3 .title {
float: right;
width: 490px;
margin-bottom: 5px;
}
.golf_clm3 .sent {
overflow: hidden;
width: 470px;
background: url(../images/tokusyu/golf_clm_sent_bg.jpg) repeat left top;
line-height: 180%;
padding: 5px;
}
/* ----------------------------------------------------------------------
YOGA ヨガ特集
---------------------------------------------------------------------- */
.yoga_clm_block {
overflow: hidden;
clear: both;
width: 710px;
line-height: 180%;
}
.yoga_clm1 {
overflow: hidden;
clear: both;
width: 710px;
height: 210px;
background: url(../images/tokusyu/yoga_clm_bg1.jpg) no-repeat left top;
line-height: 145%;
}
.yoga_clm1 .img {
float: left;
}
.yoga_clm1 .sent {
overflow: hidden;
float: right;
width: 430px;
margin-top: 10px;
margin-right: 15px;
}
.yoga_clm2 {
overflow: hidden;
clear: both;
width: 710px;
height: 215px;
background: url(../images/tokusyu/yoga_clm_bg2.jpg) no-repeat left top;
line-height: 145%;
}
.yoga_clm2 .title {
float: left;
width: 450px;
}
.yoga_clm2 .img {
float: right;
width: 260px;
}
.yoga_clm2 .sent {
overflow: hidden;
float: left;
width: 430px;
margin-left: 18px;
margin-top: 5px;
}
.yoga_clm3 {
overflow: hidden;
clear: both;
width: 710px;
height: 240px;
background: url(../images/tokusyu/yoga_clm_bg3.jpg) no-repeat left top;
line-height: 145%;
}
.yoga_clm3 .img {
float: left;
width: 260px;
}
.yoga_clm3 .sent {
overflow: hidden;
float: right;
width: 425px;
margin-right: 15px;
}
/* ----------------------------------------------------------------------
SWIMMING スイミング特集
---------------------------------------------------------------------- */
.swim_clm_block {
overflow: hidden;
clear: both;
width: 710px;
background: #BDEEEE;
line-height: 180%;
padding: 10px 0px;
}
.swim_clm1 {
overflow: hidden;
clear: both;
width: 710px;
}
.swim_clm1 .img {
float: left;
width: 235px;
}
.swim_clm1 .sent {
float: right;
width: 450px;
height: 155px;
background: url(../images/tokusyu/swim_clm_bg.jpg) no-repeat left top;
margin-right: 15px;
margin-top: 5px;
padding: 5px;
line-height: 145%;
}
.swim_clm2 {
overflow: hidden;
clear: both;
width: 710px;
}
.swim_clm2 .title {
float: left;
width: 475px;
margin-bottom: 5px;
}
.swim_clm2 .img {
float: right;
width: 235px;
margin-top: 30px;
}
.swim_clm2 .sent {
float: left;
width: 450px;
height: 135px;
background: url(../images/tokusyu/swim_clm_bg2.jpg) no-repeat left top;
margin-left: 15px;
padding: 5px;
line-height: 145%;
}
.swim_clm3 {
overflow: hidden;
clear: both;
width: 710px;
}
.swim_clm3 .img {
float: left;
width: 235px;
margin-top: 30px;
}
.swim_clm3 .title {
float: left;
width: 475px;
margin-bottom: 5px;
}
.swim_clm3 .sent {
float: right;
width: 450px;
height: 135px;
background: url(../images/tokusyu/swim_clm_bg2.jpg) no-repeat left top;
margin-right: 15px;
padding: 5px;
line-height: 145%;
}
/* ----------------------------------------------------------------------
TENNIS テニス特集
---------------------------------------------------------------------- */
.tennis_clm_block {
overflow: hidden;
clear: both;
width: 710px;
background: #9AC7B4;
line-height: 180%;
}
.tennis_clm1 {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 10px;
}
.tennis_clm1 .img {
float: left;
width: 220px;
}
.tennis_clm1 .sent {
overflow: hidden;
float: right;
width: 460px;
height: 130px;
background: url(../images/tokusyu/tennis_clm_bg.jpg) no-repeat left top;
margin-right: 15px;
margin-top: 10px;
padding: 5px;
line-height: 145%;
}
.tennis_clm2 {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 10px;
}
.tennis_clm2 .title {
float: left;
width: 490px;
}
.tennis_clm2 .img {
float: right;
width: 220px;
}
.tennis_clm2 .sent {
float: e overflow:hidden;
float: left;
width: 460px;
height: 130px;
background: url(../images/tokusyu/tennis_clm_bg.jpg) no-repeat left top;
margin-left: 15px;
margin-top: 5px;
padding: 5px;
line-height: 145%;
}
.tennis_clm3 {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 20px;
}
.tennis_clm3 .img {
float: left;
width: 220px;
}
.tennis_clm3 .sent {
overflow: hidden;
float: right;
width: 460px;
height: 130px;
background: url(../images/tokusyu/tennis_clm_bg.jpg) no-repeat left top;
margin-right: 15px;
margin-top: 10px;
padding: 5px;
line-height: 145%;
}
/* ----------------------------------------------------------------------
KAATSU 加圧特集
---------------------------------------------------------------------- */
.kaatsu_clm_block {
overflow: hidden;
clear: both;
width: 710px;
color: #FFF;
line-height: 180%;
}
.kaatsu_clm1 {
overflow: hidden;
clear: both;
width: 710px;
background: #8B0000;
margin-bottom: 10px;
}
.kaatsu_clm1 .img {
float: left;
width: 230px;
margin-left: 15px;
margin-top: 40px;
}
.kaatsu_clm1 .sent {
overflow: hidden;
float: right;
width: 435px;
margin-right: 15px;
margin-bottom: 10px;
}
.kaatsu_clm2 {
overflow: hidden;
clear: both;
width: 710px;
background: #8B0000;
margin-bottom: 10px;
}
.kaatsu_clm2 .img {
float: right;
width: 230px;
margin-top: 35px;
margin-right: 15px;
}
.kaatsu_clm2 .title {
float: left;
width: 465px;
}
.kaatsu_clm2 .sent {
overflow: hidden;
float: left;
width: 440px;
margin-left: 15px;
margin-bottom: 10px;
margin-top: 5px;
}
.kaatsu_clm3 {
overflow: hidden;
clear: both;
width: 710px;
background: #8B0000;
margin-bottom: 10px;
}
.kaatsu_clm3 .img {
float: left;
width: 230px;
margin-left: 15px;
margin-top: 40px;
}
.kaatsu_clm3 .sent {
overflow: hidden;
float: right;
width: 435px;
margin-right: 15px;
margin-bottom: 10px;
margin-top: 5px;
}
/* ----------------------------------------------------------------------
open24hour 24時間特集
---------------------------------------------------------------------- */
.open24hour_clm_block {
overflow: hidden;
clear: both;
width: 710px;
line-height: 180%;
}
.open24hour_clm1 {
overflow: hidden;
clear: both;
width: 710px;
background: url(../images/tokusyu/24houropen_clm_bg1.jpg) repeat left top;
padding-bottom: 20px;
}
.open24hour_clm1 .img {
float: left;
}
.open24hour_clm1 .title {
float: right;
}
.open24hour_clm1 .sent {
color: #F3F3F3;
overflow: hidden;
float: right;
width: 400px;
margin-top: 20px;
margin-right: 27px;
}
.open24hour_clm2 {
overflow: hidden;
clear: both;
width: 710px;
background: url(../images/tokusyu/24houropen_clm_bg2.jpg) repeat left top;
padding-bottom: 20px;
}
.open24hour_clm2 .title {
float: left;
}
.open24hour_clm2 .img {
float: right;
}
.open24hour_clm2 .sent {
color: #F3F3F3;
overflow: hidden;
float: left;
width: 400px;
margin-left: 27px;
margin-top: 6px;
}
.open24hour_clm3 {
overflow: hidden;
clear: both;
width: 710px;
background: url(../images/tokusyu/24houropen_clm_bg1.jpg) left top;
}
.open24hour_clm3 .img {
float: left;
}
.open24hour_clm3 .title {
float: right;
}
.open24hour_clm3 .sent {
color: #F3F3F3;
overflow: hidden;
float: right;
width: 400px;
margin-right: 27px;
padding-bottom: 20px;
}
/* ----------------------------------------------------------------------
womanonly 女性専用特集
---------------------------------------------------------------------- */
.womanonly_clm_block {
overflow: hidden;
clear: both;
width: 710px;
line-height: 180%;
}
.womanonly_clm1 {
overflow: hidden;
clear: both;
width: 710px;
background-color: #C8F0ED;
}
.womanonly_clm1 .img {
float: left;
}
.womanonly_clm1 .title {
float: right;
}
.womanonly_clm1 .sent {
background-color: #FFF;
overflow: hidden;
float: right;
width: 400px;
margin: 0px 15px 15px 15px;
padding: 15px;
}
.womanonly_clm2 {
overflow: hidden;
clear: both;
width: 710px;
background-color: #C8F0ED;
}
.womanonly_clm2 .title {
float: left;
}
.womanonly_clm2 .img {
float: right;
}
.womanonly_clm2 .sent {
background-color: #FFF;
overflow: hidden;
float: left;
width: 400px;
margin: 0px 15px 15px 15px;
padding: 15px;
}
.womanonly_clm3 {
overflow: hidden;
clear: both;
width: 710px;
background-color: #C8F0ED;
}
.womanonly_clm3 .img {
float: left;
}
.womanonly_clm3 .title {
float: right;
}
.womanonly_clm3 .sent {
background-color: #FFF;
overflow: hidden;
float: right;
width: 400px;
margin: 0px 15px 15px 15px;
padding: 15px;
}
/* ----------------------------------------------------------------------
MOVIE 動画で検索
---------------------------------------------------------------------- */
/* 店舗画像一覧----------------------------- */
.p_movie_block {
overflow: hidden;
clear: both;
width: 708px;
border: solid 1px #CCC;
padding-bottom: 15px;
}
.p_movie_block .title_line {
border: none;
border-bottom: solid 1px #CCC;
}
.p_movie_block ul {
overflow: hidden;
width: 672px;
margin: auto;
}
.p_movie_block ul li {
display: block;
float: left;
width: 146px;
height: 130px;
line-height: 130%;
font-size: 10px;
margin: 11px;
}
.p_movie_block ul li a {
display: block;
width: 140px;
height: 91px;
border: solid 2px #CCC;
padding: 1px;
}
.p_movie_block ul li a:hover {
color: #CC0000;
border: solid 2px #CC0000;
}
.p_movie_block ul li a img {
margin-bottom: 3px;
}
/* ----------------------------------------------------------------------
FREELINK:フリーリンク
---------------------------------------------------------------------- */
/* パンくず --------------- */
.shop_pankuzu {
overflow: hidden;
clear: both;
border-bottom: dotted 1px #666;
margin-bottom: 15px;
}
.shop_pankuzu ul {
overflow: hidden;
margin: 10px 0px 7px 0px;
}
.shop_pankuzu ul li {
display: block;
float: left;
margin-right: 0.6em;
}
.shop_pankuzu ul li a {
color: #A20000;
padding-right: 0.6em;
}
.shop_pankuzu ul li a:hover {
text-decoration: underline;
}
.shop_pankuzu ul li.home a {
color: #333;
}
/* 閲覧履歴読み込みファイル_2023.07.13 */
img[src*="check.php"]{
display:none;
}
/* 店舗情報 --------------- */
.freelink_info_bk {
overflow: hidden;
clear: both;
border-top: solid 3px #900;
margin-top: 16px;
}
.freelink_info_bk .area_link {
padding: 8px 16px;
}
.freelink_info_bk .area_link a {
color: #0062AD;
text-decoration: underline;
}
.freelink_info_bk .shop_name {
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
padding: 0 16px;
}
.freelink_info_bk .shop_name span {
display: block;
font-size: 16px;
margin-top: 8px;
}
.freelink_info_bk .shop_others_bk {
margin-left: 16px;
margin-bottom: 8px;
overflow: hidden;
}
/* 20230815対応 */
.freelink_info_bk .shop_others_bk .es-header-component-top{
margin-bottom:0!important;
}
.freelink_info_bk .shop_others_bk .es-list-layout {
display: none;
}
.freelink_info_bk .icon_cate {
overflow: hidden;
width: 650px;
margin: 8px auto;
}
.freelink_info_bk .icon_cate a.cate {
color: #00A1EC;
font-size: 10px;
border: solid 0.5px #00A1EC;
border-radius: 13px;
line-height: 1;
padding: 4px 8px;
margin-right: 1px;
}
.freelink_info_bk .icon_cate li {
display: block;
float: left;
line-height: 100%;
margin: 0 4px 4px 0;
}
.freelink_info_bk .icon_cate li img {
width: auto;
height: 24px;
}
/* 住所 ------------------------- */
.freelink_info_bk .info{
border-top: solid 1px #CCC;
padding-top:8px;
}
.freelink_info_bk .info_tbl {
margin: 10px 30px 8px 30px;
}
.freelink_info_bk .info_tbl th {
width: 55px;
background: url(../images/com/agr_th_bg.jpg) no-repeat left 3px;
text-align: center;
line-height: 100%;
vertical-align: top;
padding: 7px 5px;
}
.freelink_info_bk .info_tbl td {
vertical-align: top;
padding: 3px 5px 7px;
padding-left: 10px;
}
.freelink_info_bk .info_tbl td .tel {
color: #C20001;
background: url(../../com/images/com/freelink_tel.jpg) no-repeat left 50%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
font-size: 18px;
padding-left: 24px;
}
.freelink_info_bk .info_tbl td .url {
text-decoration: underline;
}
.freelink_info_bk .info_tbl td a {
color: #0062AD;
text-decorat8ion: underline;
}
.freelink_info_bk .map_wrap {
width: 640px;
border: solid 1px #CCC;
margin: auto;
margin-top: 8px;
padding: 8px;
}
.freelink_info_bk #freelink_map {
text-align: center;
width: 640px;
height: 240px;
}
.freelink_info_bk .map {
text-align: center;
}
/* 2023.04.28 フリーリンク→LPテキストリンク追加 ------------------------- */
.freelink_info_bk .punlised_textlink {
text-align: right;
margin: 3px 25px 0 0;
}
.freelink_info_bk .punlised_textlink a {
color: #FF0036;
}
/* おすすめ店舗 ------------------------- */
.pickup_shop_bk {
overflow: hidden;
border: solid 1px #CCC;
margin-bottom: 16px;
margin-top: 10px;
}
.pickup_shop_bk .title_line {
border: none;
border-bottom: solid 1px#CCC;
}
.pickup_shop_bk .title_line span {
margin-left: 15px;
color: #CC0000;
font-size: 10px;
font-weight: lighter;
}
.pickup_shop_bk .shop {
overflow: hidden;
display: block;
float: left;
width: 170px;
margin-top: 15px;
margin-bottom: 10px;
padding-left: 32px;
padding-right: 32px;
}
.pickup_shop_bk .shop2 {
border-left: solid 1px #CCC;
border-right: solid 1px #CCC;
margin-left: 2px;
margin-right: 2px;
}
.pickup_shop_bk .shop3 {
float: right;
}
.pickup_shop_bk dt,
.pickup_shop_bk dd {
width: 170px;
margin-bottom: 5px;
}
.pickup_shop_bk h4 a {
color: #CC0000;
font-weight: bolder;
}
.pickup_shop_bk .gaikan img {
width: 170px;
}
.pickup_shop_bk ul img {
float: left;
margin-left: 6px;
margin-top: 7px;
}
.pickup_shop_bk ul li {
float: left;
}
.pickup_shop_bk .area {
font-size: 10px;
margin-top: 4px;
margin-bottom: 9px;
}
.pickup_shop_bk .sent {
clear: both;
font-size: 12px;
color: #0060AC;
line-height: 130%;
display:none;
}
/* カーブス */
.curves_ban {
overflow: hidden;
width: 650px;
border-bottom: solid 1px #CCC;
margin: auto;
padding-bottom: 16px;
}
.curves_ban a:hover {
opacity: 0.8;
}
/* ----------------------------------------------------------------------
2015.7.29 キャンペーンページ
---------------------------------------------------------------------- */
.campaign_list_bk {
overflow: hidden;
}
.campaign_list_bk ul {
overflow: hidden;
background: #EFEFEF;
border: solid 1px #CCC;
border-top: none;
padding: 10px;
}
.campaign_list_bk li {
overflow: hidden;
display: block;
margin: 3px 0;
}
.campaign_list_bk li a {
display: block;
background: url(../images/com/icon_arrow.png) no-repeat 660px 50% #FFF;
border: solid 1px #CCC;
padding: 8px 12px;
}
.campaign_list_bk li a:hover {
background-color: #E3F2F5;
}
.campaign_list_bk a img {
dispaly: block;
float: left;
vertical-align: top;
margin-right: 10px;
}
.campaign_list_bk .title {
display: block;
color: #39C;
line-height: 180%;
font-weight: bold;
}
.campaign_list_bk .new {
background: url(../images/shop/icon_new.jpg) no-repeat right 50%;
padding-right: 35px;
}
.campaign_list_bk .name {
display: block;
color: #333;
font-size: 10px;
}
.campaign_list_bk .error {
text-align: center;
margin: 160px 0;
}
/* ----------------------------------------------------------------------
エラー
---------------------------------------------------------------------- */
.error_bk {
overflow: hidden;
background: #EFEFEF;
margin-bottom: 20px;
padding: 100px 0px;
text-align: center;
}
/* ----------------------------------------------------------------------
該当データなし
---------------------------------------------------------------------- */
.data_none {
overflow: hidden;
margin-bottom: 20px;
padding: 100px 0px;
text-align: center;
}
/* ----------------------------------------------------------------------
線無し
---------------------------------------------------------------------- */
body .no_border {
border: none;
}
/* ----------------------------------------------------------------------
2015.9.11 クーポンページ
---------------------------------------------------------------------- */
.coupon_block .search_block {
height: 35px;
border-bottom: solid 1px #CCCCCC;
margin: 16px 0;
}
.coupon_block .search_block .text {
float: left;
color: #666666;
font-weight: bold;
font-size: 14px;
margin: 5px 0 0 5px;
}
.coupon_block .search_block .text span {
color: #DF112B;
font-size: 20px;
}
.search_block .select {
float: right;
}
.search_block select {
width: 135px;
height: 25px;
}
.search_block input {
width: 70px;
height: 25px;
color: #666666;
font-weight: bold;
}
.coupon_block2 {
overflow: hidden;
width: 744px;
margin-left: -24px;
padding-left: 12px;
}
.coupon_block2 li a:hover {
cursor: pointer;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.coupon_block2 li {
display: inline-block;
width: 220px;
border: solid 3px #CCCCCC;
vertical-align: top;
margin: 0 0 20px 12px;
}
.coupon_block2 li .area {
display: block;
font-size: 11px;
color: #666666;
margin: 5px 0 3px 10px;
}
.coupon_block2 li .img {
overflow: hidden;
width: 200px;
margin-left: 10px;
margin-bottom: 8px;
}
.coupon_block2 li .img img {
width: 200px;
margin-bottom: 8px;
}
.coupon_block2 li .category {
overflow: hidden;
margin-left: 10px;
}
.coupon_block2 li .category img {
display: inline-block;
width: auto;
height: 19px;
}
.coupon_block2 li .coupon {
display: block;
width: 200px;
min-height: 45px;
color: #336699;
font-size: 14px;
font-weight: bold;
margin: 10px;
}
.coupon_block2 li .shop {
display: block;
width: 200px;
min-height: 22px;
color: #333333;
font-size: 10px;
margin: 0 10px 0 10px;
}
.coupon_block2 li .limit {
overflow: hidden;
display: block;
width: 200px;
background: #EFEFEF;
color: #333333;
border-top: dashed 1px #CCCCCC;
font-size: 13px;
font-weight: bold;
text-align: center;
padding: 10px;
}
.coupon_block2 li .limit .limit2 {
background: url(../../com/images/coupon/icon_clock.png) no-repeat left;
padding: 2px 0 2px 22px;
}
/* ----------------------------------------------------------------------
ROSEN 路線で探す
---------------------------------------------------------------------- */
.pagetitle_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 20px;
}
.rosen_list_block {
overflow: hidden;
clear: both;
width: 710px;
background: #EFEFEF;
margin-bottom: 20px;
}
.rosen_list_block .box_line {
width: 700px;
margin: 3px;
}
.rosen_list_block .box_line .line {
overflow: hidden;
clear: both;
width: 680px;
margin: 10px;
margin-bottom: 20px;
}
.rosen_list_block .box_line .line .midashi {
background: url(../../images/common/icon_en.png) no-repeat 10px 50% #EFEFEF;
border: solid 1px #CCC;
font-weight: bold;
font-size: 16px;
margin-bottom: 15px;
padding: 6px;
padding-left: 27px;
}
.rosen_list_block .box_line .line ul {
overflow: hidden;
clear: both;
width: 660px;
margin: 0px 10px;
}
.rosen_list_block .box_line .line ul li {
display: block;
float: left;
min-width: 33.33%;
box-sizing: border-box;
margin-bottom: 15px;
padding-right: 55px;
}
.rosen_list_block .box_line .line ul li a {
color: #0062AD;
text-decoration: underline;
}
.rosen_list_block .box_line .line ul li a:hover {
color: #CC0000;
}
/* 路線一覧内の各線アイコン設定 -------------------------------------- */
.rosen_list_block .box_line .line ul li span {
display: block;
float: left;
width: 4px;
height: 12px;
margin: 4px 9px 0px 4px;
}
/* ----------------------------------------------------------------------
各駅の沿線から探す（駅ページ）
---------------------------------------------------------------------- */
.ensen_pagetitle_block {
overflow: hidden;
clear: both;
width: 706px;
margin-bottom: 20px;
height: auto;
background-image: url(../../images/common/ensen_pagetitle.jpg);
background-repeat: no-repeat;
border: 2px solid #CCCCCC;
background-position: center top;
float: left;
}
.ensen_pagetitle_block p {
font-size: 13px;
color: #333333;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
padding: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 706px;
text-align: center;
margin-top: 2px;
}
.ensen_pagetitle_block h2 {
font-size: 32px;
color: #333333;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
padding: 0px;
width: 706px;
text-align: center;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.ensen_list_block {
overflow: hidden;
width: 706px;
height: auto;
float: left;
}
.ensen_list_block .ensen_box {
width: 686px;
height: auto;
float: left;
margin-top: 18px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
.ensen_title {
clear: both;
font-size: 13px;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.ensen_list_block .ensen_box .line {
overflow: hidden;
width: 686px;
margin-right: 15px;
float: left;
background-image: url(../../images/common/ensen_line.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin-bottom: 18px;
}
.ensen_list_block .ensen_box .line .midashi {
font-weight: bold;
font-size: 15px;
margin-bottom: 8px;
padding-left: 35px;
color: #CC0000;
float: left;
width: 180px;
background-image: url(../../images/common/ensen_icon.jpg);
background-repeat: no-repeat;
background-position: left;
}
.ensen_list_block .ensen_box .line .midashi2 {
background-image: url(../../images/common/area_icon.jpg);
background-repeat: no-repeat;
background-position: left;
}
.ensen_list_block .ensen_box .line ul {
overflow: hidden;
width: auto;
margin: 0px;
float: left;
}
.ensen_list_block .ensen_box .line ul li {
display: block;
float: left;
width: auto;
margin-right: 25px;
}
.ensen_list_block .ensen_box .line ul li a {
color: #0062AD;
text-decoration: underline;
}
.ensen_list_block .ensen_box .line ul li a:hover {
color: #CC0000;
}
.ensen_list_block .ensen_box .line2 {
overflow: hidden;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
width: auto;
float: left;
margin-top: 20px;
}
.ensen_list_block .ensen_box .line2 .midashi {
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
padding-left: 3px;
color: #CC0000;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #CC0000;
height: 20px;
padding-right: 6px;
padding-top: 4px;
}
.ensen_list_block .ensen_box .line2 ul {
overflow: hidden;
clear: both;
width: auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.ensen_list_block .line2 ul li {
display: block;
float: left;
width: auto;
margin-bottom: 15px;
margin-right: 20px;
}
.ensen_list_block .line2 ul li a {
color: #0062AD;
text-decoration: underline;
}
.ensen_list_block .ensen_box .line2 ul li a:hover {
color: #CC0000;
}
/* ----------------------------------------------------------------------
ROSEN 路線で探す ＞ 各線
---------------------------------------------------------------------- */
.station_list_block {
overflow: hidden;
clear: both;
width: 706px;
border: solid 2px #CCC;
margin-bottom: 15px;
}
.station_list_block .title_line {
border: none;
border-bottom: solid 1px #CCC;
}
/* 他の線を選ぶボタン -------------------- */
.station_list_block h3 a.return {
display: block;
float: right;
color: #0062AD;
background: url(../../images/common/return_off.png) no-repeat 5px 50%;
border: solid 2px #0062AD;
font-weight: normal;
line-height: 100%;
margin-right: 10px;
margin-top: 8px;
padding: 2px 4px;
padding-left: 25px;
border-radius: 5px;
/* CSS3 */
-webkit-border-radius: 5px;
/* Safari,Chrome */
-moz-border-radius: 5px;
/* Firefox */
}
.station_list_block h3 a:hover.return {
display: block;
float: right;
color: #FFF;
background: url(../../images/common/return_on.png) no-repeat 5px 50% #0062AD;
border: solid 2px #0062AD;
font-weight: normal;
line-height: 100%;
margin-right: 10px;
margin-top: 8px;
padding: 2px 4px;
padding-left: 25px;
}
/* 駅名部分 -------------------- */
.station_list_block .station {
overflow: hidden;
clear: both;
width: 708px;
background: url(../../images/common/rosen_kanban_bg.jpg) no-repeat center 50px;
border-top: none;
}
/* 前の駅 -------------------- */
.station_list_block .station .prev {
overflow: hidden;
float: left;
width: 120px;
text-align: center;
margin-left: 30px;
margin-top: 42px;
}
.station_list_block .station .prev a {
color: #0062AD;
font-weight: bold;
text-decoration: underline;
}
.station_list_block .station .prev a:hover {
color: #CC0000;
}
/* 選択駅 -------------------- */
.station_list_block .station .st_name {
overflow: hidden;
float: left;
width: 405px;
text-align: center;
margin: 30px auto;
}
.station_list_block .station .st_name .name1 {
overflow: hidden;
clear: both;
width: 405px;
font-size: 32px;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
margin-bottom: 5px;
}
.station_list_block .station .st_name .name2 a {
overflow: hidden;
clear: both;
width: 405px;
color: #0062AD;
font-weight: bold;
text-decoration: underline;
}
.station_list_block .station .st_name .name2 a:hover {
color: #CC0000;
}
/* 次の駅 -------------------- */
.station_list_block .station .next {
overflow: hidden;
float: right;
width: 120px;
text-align: center;
margin-right: 30px;
margin-top: 42px;
}
.station_list_block .station .next a {
color: #0062AD;
font-weight: bold;
text-decoration: underline;
}
.station_list_block .station .next a:hover {
color: #CC0000;
}
/* 駅名一覧 -------------------- */
.station_list_block .station .station_name {
overflow: hidden;
clear: both;
width: 688px;
margin: auto;
}
.station_list_block .station .station_name ul {
overflow: hidden;
clear: both;
width: 678px;
padding: 0px 10px 20px 10px;
}
.station_list_block ul {
background-repeat: repeat-x;
background-position: left 5px;
}
.station_name ul li {
display: block;
float: left;
width: 12px;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
padding: 2px 5px;
}
.station_name ul li a {
display: block;
width: 12px;
min-height: 60px;
color: #0062AD;
background: url(../../images/common/rosen_st_off.png) no-repeat center top;
line-height: 120%;
letter-spacing: 2px;
padding-top: 18px;
}
.station_name ul li a:hover {
display: block;
width: 12px;
color: #CC0000;
background: url(../../images/common/rosen_st_on.png) no-repeat center top;
padding-top: 18px;
}
.station_name ul li span {
display: block;
width: 12px;
min-height: 60px;
color: #777;
background: url(../../images/common/rosen_st_off.png) no-repeat center top;
line-height: 120%;
letter-spacing: 2px;
padding-top: 18px;
}
/* ----------------------------------------------------------------------
ROSEN 路線で探す ＞ 各線 ＞ 駅
---------------------------------------------------------------------- */
/* 該当駅の色を変更 ------------------ */
.station_name .here a {
color: #333;
background: url(https://www.asreet.com/images/common/rosen_st_on.png) no-repeat center top;
font-weight: bold;
}
.station_name .here a:hover {
color: #333;
background: url(https://www.asreet.com/images/common/rosen_st_on.png) no-repeat center top;
font-weight: bold;
}
/* 店舗一覧見出し ------------------ */
.area_title_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 30px;
}
.area_title_block .sent {
overflow: hidden;
line-height: 180%;
/* width:470px;
float: left;*/
margin-top: 10px;
margin-right: 10px;
margin-left: 0px;
clear: both;
}
.area_title_block .st_btn_block {
width: 227px;
float: right;
/* height: 47px;*/
margin-top: 5px;
clear: right;
margin-left: 2px;
}
.area_title_block .page_num {
overflow: hidden;
clear: both;
width: 710px;
border-bottom: solid 1px #333;
margin-bottom: 30px;
padding-bottom: 5px;
}
.area_title_block .page_num p {
overflow: hidden;
float: left;
width: 250px;
}
.area_title_block .page_num ul {
float: right;
margin-right: -1px;
}
.area_title_block .page_num ul li {
float: left;
border-right: solid 1px #333;
font-weight: bold;
padding: 0px 10px;
}
.area_title_block .page_num ul li a {
color: #0062AD;
font-weight: normal;
}
.area_title_block .page_num ul li a:hover {
color: #CC0000;
text-decoration: underline;
font-weight: normal;
}
.shop_list_block {
overflow: hidden;
clear: both;
width: 710px;
margin-bottom: 25px;
}
/* ----------------------------------------------------------------------------------
トップ
---------------------------------------------------------------------------------- */
#feature_block {
margin-bottom: 10px;
}
/* 新着情報 ----------------------------------------------------------------- */
#info_box {
overflow: hidden;
clear: both;
float: left;
width: 400px;
margin-bottom: 10px;
}
/* アスリート最新情報 ------------------------ */
#info_box .info_box2 {
overflow: hidden;
clear: both;
width: 400px;
background: url(/com/images/com/icon_shikaku.png) no-repeat 10px 10px #F4F2E5;
border-top: solid 3px #CC0000;
margin-bottom: 10px;
}
#info_box .info_box2 .info_txt {
overflow: hidden;
float: left;
width: 200px;
font-size: 13px;
font-weight: bold;
padding-top: 12px;
padding-left: 35px;
padding-bottom: 10px;
}
#info_box .info_box2 .info_txt2 {
float: right;
font-weight: bold;
margin-right: 20px;
margin-top: 12px;
}
#info_box .info_box2 .info_txt2 a {
color: #1470CC;
}
#info_box .info_box2 .info_box3 {
overflow: hidden;
clear: both;
width: 388px;
background: #FFF;
border: solid 1px #CCC;
margin: 0px auto 5px auto;
}
#info_box .info_box2 .info_box3 ul {
overflow: hidden;
clear: both;
width: 360px;
margin: auto;
padding-bottom: 5px;
}
#info_box .info_box2 .info_box3 ul li {
display: block;
color: #990000;
border-bottom: dotted 1px #CCC;
padding-top: 12px;
padding-bottom: 5px;
}
#info_box .info_box2 .info_box3 ul li span {
color: #990000;
width: 60px;
height: 10px;
margin-right: 5px;
padding-top: 10px;
}
#info_box .info_box2 .info_box3 ul li a {
color: #1470CC;
}
#info_box .info_box2 .info_box3 ul li a:hover {
text-decoration: underline;
}
/* ----------------------------------------------------------------------------------
新着情報・最新情報
----------------------------------------------------------------------------------- */
#new_box {
overflow: hidden;
float: right;
width: 300px;
}
/* 新着情報 -------------------------------------------------- */
#new_box .new_box1 {
overflow: hidden;
clear: both;
width: 300px;
background-color: #F4F2E5;
}
#new_box .new_box2 {
overflow: hidden;
clear: both;
background: url(https://www.asreet.com/com/images/com/icon_shikaku.png) no-repeat 10px 50% #F4F2E5;
border-top: solid 3px #CC0000;
width: 260px;
height: 20px;
font-size: 13px;
font-weight: bold;
padding-top: 12px;
padding-left: 40px;
}
#new_box .new_box2 .new_txt {
overflow: hidden;
float: left;
width: 170px;
}
#new_box .new_box2 .new_txt2 {
overflow: hidden;
float: right;
width: 80px;
font-size: 12px;
}
#new_box .new_box2 .new_txt2 a {
color: #1470CC;
text-decoration: none;
}
#new_box .new_box2 .new_txt2 a:hover {
color: #CC0000;
text-decoration: underline;
}
/* Feed記事 --------------------------------------- */
#new_box .new_box3 {
overflow: hidden;
clear: both;
width: 273px;
background: #FFF;
border: 1px solid #CCC;
margin-bottom: 5px;
margin-left: 5px;
padding-left: 10px;
padding-right: 5px;
}
#new_box .new_box3 .topics_new ul {
overflow: hidden;
clear: both;
width: 260px;
padding-bottom: 5px;
}
#new_box .new_box3 .topics_new ul li {
width: 250px;
height: 18px;
color: #990000;
border-bottom: dotted 1px #CCC;
margin-top: 3px;
padding-top: 10px;
}
#new_box .new_box3 .topics_new ul li a {
font-size: 12px;
color: #1470CC;
text-decoration: none;
}
#new_box .new_box3 .topics_new ul li a:hover {
font-size: 12px;
color: #1470CC;
text-decoration: underline;
}
/* ------------- 20200501新店追加分 ------------- */
/* ---------- 検索結果一覧 ---------- */
/*----- 共通 -----*/
.result-list .shop-data {
width: 100%;
border: solid 1px #B1B1B1;
color: #3E3A39;
overflow: hidden;
box-sizing: border-box;
margin-bottom: 20px;
}
/* --- 店舗名 --- */
.result-list .shop-data .title-bk {
padding: 8px 20px;
}
.result-list .shop-data .title-bk h3 {
font-size: 16px;
font-weight: bold;
}
.result-list .shop-data .title-bk h3 a {
color: #3E3A39;
}
/* --- 店舗情報 --- */
.result-list .shop-data .shop-info-bk {
overflow: hidden;
padding: 24px 20px 15px;
}
.result-list .shop-data .shop-info-bk .left {
overflow: hidden;
float: left;
width: 224px;
padding-right: 24px;
box-sizing: border-box;
}
.result-list .shop-data .shop-info-bk .left a {
display: block;
}
.result-list .shop-data .shop-info-bk .left img {
width: 100%;
height: auto;
}
/* -- 2020.08.06：Proof掲載、感染防止対策店舗、オンラインレッスンアイコン表示 -- */
.result-list .shop-data .shop-info-bk .left .other-icon li {
margin-top: 5px;
}
.shop_others_bk .other-icon {
margin-top: 5px;
}
.shop_others_bk .other-icon li {
display: inline-block;
float: left;
margin-right: 3px;
}
.shop_others_bk .other-icon li img {
width: 137px;
}
/* end */
.result-list .shop-data .shop-info-bk .right {
overflow: hidden;
float: right;
width: 442px;
}
/* --- 口コミ --- */
.page-shop_free-bk .review_list {
margin-top: 30px;
}
.result-list .shop-data .shop-info-bk .right .shop-others {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
border-bottom: solid 1px #B1B1B1;
padding-bottom: 7px;
margin-bottom: 10px;
}
/* 口コミ設定 */
.result-list .shop-data .shop-info-bk .right .shop-others .evaluation-box {
display: flex;
display: -webkit-box;
display: -ms-flexbox;
justify-content: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
}
.evaluation-box div[class*="HeaderContainer__Inner-sc-"] {
background: #FFFFFF;
border-radius:0;
padding: 0;
}
.evaluation-box div[class*="HeaderWriteReviewButton__Component-sc-"],
.evaluation-box div[class*="LayoutDefault__Content-sc-"],
.evaluation-box div[class*="LoadMoreButton__Container-sc-"]{
display:none;
}
.evaluation-box div[class*="Header__Info-sc-"]{
margin-right:5px;
}
.evaluation-box div[class*="RatingValue__Container-sc-"],
.evaluation-box div[class*="RatingBar__Container-sc-"]{
margin-right:5px!important;
font-size: 20px;
}
div[class*="RatingItemFilledSvg__Container-sc-"] {
width: 20px;
height: 20px;
}
.evaluation-box div[class*="HeaderTotalReviews__Value-sc-"]{
margin-right:3px!important;
}
/* 20230815対応 */
.result-list .shop-data .shop-info-bk .es-header-component-top{
margin-bottom:0!important;
}
.result-list .shop-data .shop-info-bk .es-list-layout {
display: none;
}
/* 見出しサブページと共通 */
.review_list {
padding-bottom: 35px;
box-sizing: border-box;
}
.review_list .review_title{
background: url(../images/com/none_t.jpg) no-repeat left top;
height: 36px;
display: table;
width: 100%;
margin-bottom:15px;
}
.review_list .review_title span {
font-size: 14px;
font-weight: bold;
display: table-cell;
vertical-align: middle;
padding: 3px 10px 0 35px;
}
.review_list div[class*="LayoutDefault__Container-sc-"] {
padding: 10px;
}
.review_list div[class*="HeaderContainer__Inner-sc-"] {
background: #FFFFFF;
border-radius:0;
padding: 0 20px;
}
.review_list div[class*="Header__Info-sc-"]{
margin-right:5px;
}
.review_list div[class*="RatingValue__Container-sc-"],
.review_list div[class*="RatingBar__Container-sc-"]{
margin-right:5px!important;
}
.review_list div[class*="HeaderTotalReviews__Value-sc-"]{
margin-right:3px!important;
}
.elFFwM {
font-size: ;
}
/* 口コミを書く */
.review_list div[class*="HeaderWriteReviewButton__Component-sc-"]{
margin-top:0;
}
.review_list div[class*="HeaderWriteReviewButton__Component-sc-"] button{
background: #3E3A39!important;
}
/* 引用元_2023.01.16 */
.review_list .review_attend{
text-align: right;
color:#999;
padding:0 10px;
font-size:14px;
}
/* --- 口コミ文字サイズ変わったら以下のクラスを確認して修正！ --- */
.review_list div[class*="ReviewAuthorBlock__AuthorBlockContainer-sc-"] {
margin-bottom: 6px;
}
.review_list div[class*="SimpleShortener__Inner-sc-"] {
font-size: 14px;
}
/* 検索結果 */
.gCPnA-D {
font-size: 17px!important;
}
.dKWBNt {
width: 17px!important;
height: 17px!important;
}
/* --- 店舗基本情報 --- */
.result-list .shop-data .shop-info-bk .shop-info {
overflow: hidden;
border-bottom: solid 1px #B1B1B1;
padding-bottom: 7px;
margin-bottom: 10px;
}
/* カテゴリ */
.result-list .shop-data .shop-info-bk .shop-info .sports-icon a {
display: inline-block;
margin-bottom: 6px;
}
.result-list .shop-data .shop-info-bk .shop-info .sports-icon img {
width: auto;
height: 24px;
}
.result-list .shop-data .shop-info-bk .shop-info .sports-icon a.cate {
color: #00A1EC;
font-size: 10px;
border: solid 1px #00A1EC;
border-radius: 13px;
line-height: 1;
padding: 4px 8px;
margin-right: 1px;
}
/* 電話番号 */
.result-list .shop-data .shop-info-bk .shop-info .shop-tel {
background: url(https://www.asreet.com/common/pc/img/com/icon_tel_blue.svg) no-repeat left 0 top 45%;
background-size: 18px;
font-size: 16px;
font-weight: bold;
line-height: 130%;
padding: 6px 0 7px 24px;
}
/* 公式サイト */
.result-list .shop-data .shop-info-bk .shop-info .shop-url a {
color: #00A0E9;
text-decoration: underline;
}
/* --- キャッチコピー --- */
/* --- リンクボタン --- */
.result-list .shop-data .shop-contact-list {
overflow: hidden;
}
.result-list .shop-data .shop-contact-list ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 20px;
background: #F1F1EF;
}
.result-list .shop-data .shop-contact-list ul li {
margin: 0 15px;
}
/*----- 新店 -----*/
.result-list .newopen-data {
border: solid 2px #3E3A39;
}
/*-- タイトル --*/
.result-list .newopen-data .title-bk {
background: #3E3A39;
position: relative;
}
.result-list .newopen-data .title-bk h3 {
padding-right: 95px;
}
.result-list .newopen-data .title-bk h3 a {
color: #FFF;
}
/* NEW OPENアイコン */
.result-list .newopen-data .title-bk .new-icon {
color: #01FF01;
font-weight: bold;
font-size: 14px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
}
/*-- 店舗情報 --*/
.result-list .newopen-data .shop-info-bk .left .day {
background: #3E3A39;
text-align: center;
color: #01FF01;
font-weight: bold;
font-size: 14px;
padding: 5px 10px;
}
/* --- キャッチコピー --- */
.result-list .newopen-data .shop-info-bk .shop-text {
text-decoration: underline;
}
/* --- リンクボタン --- */
.result-list .newopen-data .shop-contact-list ul {
background: #3E3A39;
}
/*----- ピックアップ -----*/
.result-list .pickup-data {
border: solid 2px #E72741;
border-top-width: 5px;
background: url(https://www.asreet.com/common/pc/img/com/icon_pickup.svg) no-repeat top right #FFFCF3;
background-size: auto 21px;
}
.result-list .pickup-data:hover {
opacity: 0.8;
}
.result-list .pickup-data a {
color: #3E3A39;
}
/* 店舗名 */
.result-list .pickup-data .title-bk {
padding-bottom: 0;
}
.result-list .pickup-data .title-bk h3 {
color: #E72741;
padding-right: 145px;
}
.result-list .pickup-data .shop-info-bk {
padding-top: 15px;
}
/* -- 店舗基本情報 -- */
.result-list .pickup-data .shop-info-bk .shop-info {
border-bottom: none;
padding-bottom: 0;
}
/* カテゴリ */
.result-list .pickup-data .shop-info-bk .shop-info .sports-icon img {
width: auto;
display: inline-block;
margin-right: 1px;
margin-bottom: 6px;
}
.result-list .pickup-data .shop-info-bk .shop-info .sports-icon p.cate {
display: inline-block;
color: #00A1EC;
font-size: 10px;
border: solid 1px #00A1EC;
border-radius: 13px;
line-height: 1;
padding: 4px 8px;
margin-bottom: 6px;
margin-right: 1px;
}
/* キャッチコピー */
.result-list .pickup-data .shop-info-bk .shop-info .catch {
font-size: 16px;
font-weight: bold;
line-height: 160%;
text-decoration: underline;
margin-bottom: 10px;
}
/* 詳細テキスト */
.result-list .pickup-data .shop-info-bk .shop-text {
background: #FFF;
border: solid 2px #00A0E9;
border-radius: 8px;
padding: 10px;
box-sizing: border-box;
width: 100%;
}
/*----- 契約店舗 -----*/
.result-list .shop-data1 .title-bk {
background: #F1F1EF;
border-bottom: solid 1px #B1B1B1;
}
/* -- 店舗情報 -- */
/* コンテンツカテゴリ */
.result-list .shop-data1 .shop-info-bk .shop-info .shop-icon {
margin-bottom: 5px;
}
.result-list .shop-data1 .shop-info-bk .shop-info .shop-icon a,
.result-list .shop-data1 .shop-info-bk .shop-info .shop-icon span.none {
display: inline-block;
margin-right: 30px;
margin-bottom: 10px;
}
.result-list .shop-data1 .shop-info-bk .shop-info .shop-icon img {
width: auto;
height: 22px;
}
/*----- フリーリンク -----*/
.result-list .shop-data2 .title-bk {
padding-top: 15px;
padding-bottom: 0;
}
.result-list .shop-data2 .title-bk h3 a {
text-decoration: underline;
}
/* 店舗情報 */
.result-list .shop-data2 .shop-info-bk {
padding-top: 10px;
}
.result-list .shop-data2 .shop-info-bk .right {
float: none;
width: 100%;
}
/* 口コミ・Proofブロック */
.result-list .shop-data2 .shop-info-bk .right .shop-others {
border-bottom: none;
margin-bottom: 0;
}
/* -- 2020.08.06：Proof掲載、感染防止対策店舗、オンラインレッスンアイコン表示 -- */
.result-list .shop-data2 .shop-info-bk .right .other-icon li {
display: inline-block;
padding-left: 2px;
}
/* end */
.result-list .shop-data2 .shop-info-bk .right .shop-info {
border-top: solid 1px #B1B1B1;
padding-top: 10px;
}
.result-list .shop-data2 .shop-info-bk .right .shop-info {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
/* -- 2022.03.22：Proof導線追加 -- */
.proof_bk {
width: 658px;
margin: 30px auto;
}
.proof_box {
border: solid #00c8d2 8px;
border-radius: 5px;
box-shadow: 2px 2px 6px rgba(0, 0,0,0.16);
margin-bottom: 10px;
}
.proof_box .proof_box_title {
background: #00c8d2;
padding: 3px 0 5px 0;
}
.proof_box .proof_box_title div {
display: inline-block;
}
.proof_box .proof_box_title .proof_logo {
width: 10%;
}
.proof_box .proof_box_title .proof_logo img {
width: 100%;
margin-bottom: 5px;
margin-left: 13px;
}
.proof_box .proof_box_title .proof_ttl {
color: #fff;
font-size: 16px;
margin-left: 167px;
margin-bottom: 5px;
}
.proof_box .proof_box_contents {
padding: 10px 15px;
}
.proof_box .proof_box_contents div {
display: inline-block;
}
.proof_box .proof_box_contents .proof_img,
.proof_box .proof_box_contents .proof_text,
.proof_box .proof_box_contents .proof_btn {
vertical-align: middle;
}
.proof_box .proof_box_contents .proof_img {
width: 20%;
}
.proof_box .proof_box_contents .proof_img > img {
width: 100%;
}
.proof_box .proof_box_contents .proof_text {
width: 45%;
padding-left: 10px;
}
.proof_box .proof_box_contents .proof_btn {
width: 30%;
text-align: center;
padding-left: 12px;
}
.proof_box .proof_box_contents .proof_btn img {
width: 100%;
}
.proof_note {
font-size: 11px;
}
.proof_note .proof_mint {
color: #00c8d2;
}
/* ----------------------------------------------------------------------
新店特集ページ用
---------------------------------------------------------------------- */
/*-- 表示件数 --*/
.ft-newopen-bk .shopdata-list-bk .attend-bk {
overflow: hidden;
margin-bottom: 20px;
}
.ft-newopen-bk .shopdata-list-bk .attend-box {
overflow: hidden;
border-bottom: solid #CCC 1px;
}
.ft-newopen-bk .shopdata-list-bk .attend-bk .hit {
vertical-align: middle;
display: inline-block;
font-size: 16px;
font-weight: normal;
color: #3E3A39;
padding-top: 5px;
}
.ft-newopen-bk .shopdata-list-bk .attend-bk .hit .number {
font-size: 24px;
font-weight: bold;
color: #E72741;
padding: 0 2px;
}
.ft-newopen-bk .shopdata-list-bk .attend-bk .hit .bold {
font-weight: bold;
color: #E72741;
padding: 0 2px;
}
/*-- 新店データ --*/
.ft-newopen-bk .result-list .newopen-data {
width: 950px;
margin: auto;
margin-bottom: 20px;
border: solid 2px #3E3A39;
}
.ft-newopen-bk .result-list .newopen-data .shop-info-bk {
overflow: hidden;
padding: 24px 32px 24px;
}
/*-- タイトル --*/
.ft-newopen-bk .result-list .newopen-data .title-bk {
background: #3E3A39;
position: relative;
padding: 8px 32px;
}
.ft-newopen-bk .result-list .newopen-data .title-bk h3 {
padding-right: 95px;
}
.ft-newopen-bk .result-list .newopen-data .title-bk h3 a {
color: #FFF;
}
/* NEW OPENアイコン */
.ft-newopen-bk .result-list .newopen-data .title-bk .new-icon {
color: #01FF01;
font-weight: bold;
font-size: 16px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
}
/*-- 店舗情報 --*/
.ft-newopen-bk .result-list .newopen-data .shop-info-bk .left {
overflow: hidden;
float: left;
width: 224px;
padding-right: 24px;
box-sizing: border-box;
}
.ft-newopen-bk .result-list .newopen-data .shop-info-bk .left .day {
background: #3E3A39;
text-align: center;
color: #01FF01;
font-weight: bold;
font-size: 16px;
padding: 7px 10px;
}
.ft-newopen-bk .result-list .newopen-data .shop-info-bk .right {
overflow: hidden;
float: right;
width: 650px;
}
.ft-newopen-bk .result-list .shop-data .shop-info-bk .shop-info .shop-address,
.ft-newopen-bk .result-list .shop-data .shop-info-bk .shop-info .shop-url {
font-size: 14px;
}
/* --- キャッチコピー --- */
.ft-newopen-bk .result-list .newopen-data .shop-info-bk .shop-text {
font-size: 14px;
text-decoration: underline;
}
/* --- リンクボタン --- */
.ft-newopen-bk .result-list .newopen-data .shop-contact-list ul {
background: #3E3A39;
}
.ft-newopen-bk .result-list .newopen-data .shop-contact-list ul li img {
width: 180px;
}
/* ----------------------------------------------------------------------
ADSENSE -アドセンス
---------------------------------------------------------------------- */
.adsense_wrap {
width: 710px;
height: 280px;
overflow: hidden;
margin: 0 auto 10px auto;
padding-top: 30px;
padding-bottom: 30px;
}
.adsense_left {
float: left;
width: 336px;
}
.adsense_right {
float: right;
width: 336px;
}
/* -----------------------------------------------------------------------------
2022.11.14 カテゴリー・フリーリンク説明文追加
----------------------------------------------------------------------------- */
/*--- 各検索結果のフリーリンク説明 ---*/
.result-list .shop-data2 .freelink_text {
border-top: solid 1px #B1B1B1;
padding-top: 10px;
}
/*--- フリーリンク詳細ページ説明 ---*/
.freelink_info_bk .info .freelink_text {
border-top: solid 1px #CCC;
padding : 10px 30px 18px 30px;
}
/* ----------------------------------------------------------------------
2023.10 クリック単価広告枠追加
---------------------------------------------------------------------- */
.cpc_bk {
display: flex;
background-color: #fff;
padding: 15px 75px 15px 30px;
margin-bottom: 35px;
background-image: url(https://www.asreet.com/common/pc/img/cpc_ribbon.svg);
background-repeat: no-repeat;
background-position: top right;
border-radius: 6px;
border: solid 1px #1C84ED;
box-shadow: #00000029 0 2px 5px;
}
.cpc_img_box {
width: 25%;
}
.cpc_img_box img {
border-radius: 12px;
}
.cpc_info_box {
width: 75%;
padding-right: 40px;
}
.cpc_info_box .cpc_shop {
font-size: 14px;
color: #000;
font-weight: 700;
margin-top: 5px;
margin-bottom: 12px;
}
.cpc_info_box .cpc_copy {
color: #1C84ED;
font-size: 16px;
font-weight: 800;
line-height: 1.3;
margin-bottom: 18px;
}
.cpc_info_box .cpc_txt {
line-height: 1.5;
color: #333;
}
/* ----------------------------------------------------------------------
2024.04 レコメンド追加
---------------------------------------------------------------------- */
#recommend_bk {
margin-top: 50px;
}
#recommend_bk .recommend_title {
background: url(../images/com/none_t.jpg) no-repeat left top;
height: 36px;
display: table;
width: 100%;
margin-bottom: 15px;
}
#recommend_bk .recommend_title span {
font-size: 14px;
font-weight: bold;
display: table-cell;
vertical-align: middle;
padding: 3px 10px 0 35px;
}
#recommend_bk .yarpp {
padding: 0 30px 0 30px;
}
#recommend_bk .yarpp li {
list-style: none;
line-height: 2.4;
padding-left: 1.3em;
text-indent: -1.3em;
}
#recommend_bk .yarpp li a {
display: inline;
font-weight: normal;
color: #333;
text-decoration: underline;
text-decoration-style: dotted;
}
#recommend_bk .yarpp li::before {
content: "＞";
margin-right: 0.3em;
color: #00A1EC;
font-weight: 600;
}