Skip to content

sora / keio-dentetsu

Go to a project
Commit a42e69d0 by Orine Matsui
Options

本番DL

parent 7e92002a
Inline Side-by-side
Showing with 1619 additions and 1619 deletions
sp/common/css/base.css
@charset "UTF-8"; @charset "UTF-8";
/* /sp/common/css/base.css */ /* /sp/common/css/base.css */
@import url(//fonts.googleapis.com/css?family=Lato:400,300,700); @import url(//fonts.googleapis.com/css?family=Lato:400,300,700);
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('fonts/icomoon.eot?uy27s6'); src: url('fonts/icomoon.eot?uy27s6');
src: url('fonts/icomoon.eot?uy27s6#iefix') format('embedded-opentype'), src: url('fonts/icomoon.eot?uy27s6#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?uy27s6') format('truetype'), url('fonts/icomoon.ttf?uy27s6') format('truetype'),
url('fonts/icomoon.woff?uy27s6') format('woff'), url('fonts/icomoon.woff?uy27s6') format('woff'),
url('fonts/icomoon.svg?uy27s6#icomoon') format('svg'); url('fonts/icomoon.svg?uy27s6#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
[class^="icon-"], [class*=" icon-"] { [class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */ /* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
speak: none; speak: none;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
line-height: 1; line-height: 1;
/* Better Font Rendering =========== */ /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-shop:before { .icon-shop:before {
content: "\e90f"; content: "\e90f";
} }
.icon-shopping:before { .icon-shopping:before {
content: "\e915"; content: "\e915";
} }
.icon-health:before { .icon-health:before {
content: "\e91c"; content: "\e91c";
} }
.icon-pc:before { .icon-pc:before {
content: "\e91d"; content: "\e91d";
} }
.icon-security:before { .icon-security:before {
content: "\e91e"; content: "\e91e";
} }
.icon-flow:before { .icon-flow:before {
content: "\e91f"; content: "\e91f";
} }
.icon-contact:before { .icon-contact:before {
content: "\e920"; content: "\e920";
} }
.icon-key:before { .icon-key:before {
content: "\e90e"; content: "\e90e";
} }
.icon-mail:before { .icon-mail:before {
content: "\e914"; content: "\e914";
} }
.icon-balloon:before { .icon-balloon:before {
content: "\e901"; content: "\e901";
} }
.icon-brush:before { .icon-brush:before {
content: "\e908"; content: "\e908";
} }
.icon-door:before { .icon-door:before {
content: "\e909"; content: "\e909";
} }
.icon-glass:before { .icon-glass:before {
content: "\e90b"; content: "\e90b";
} }
.icon-heart:before { .icon-heart:before {
content: "\e90c"; content: "\e90c";
} }
.icon-kira:before { .icon-kira:before {
content: "\e90d"; content: "\e90d";
} }
.icon-pencil:before { .icon-pencil:before {
content: "\e912"; content: "\e912";
} }
.icon-phone:before { .icon-phone:before {
content: "\e913"; content: "\e913";
} }
.icon-rental:before { .icon-rental:before {
content: "\e905"; content: "\e905";
} }
.icon-faq:before { .icon-faq:before {
content: "\e900"; content: "\e900";
} }
.icon-guide:before { .icon-guide:before {
content: "\e902"; content: "\e902";
} }
.icon-kaji:before { .icon-kaji:before {
content: "\e903"; content: "\e903";
} }
.icon-patrol:before { .icon-patrol:before {
content: "\e904"; content: "\e904";
} }
.icon-sumai:before { .icon-sumai:before {
content: "\e906"; content: "\e906";
} }
.icon-tel:before { .icon-tel:before {
content: "\e907"; content: "\e907";
} }
.icon-home:before { .icon-home:before {
content: "\e90a"; content: "\e90a";
} }
.icon-keyboard_arrow_right:before { .icon-keyboard_arrow_right:before {
content: "\e910"; content: "\e910";
} }
.icon-keyboard_arrow_left:before { .icon-keyboard_arrow_left:before {
content: "\e911"; content: "\e911";
} }
body, p, h1, h2, h3, h4, h5, h6, strong, em, ul { body, p, h1, h2, h3, h4, h5, h6, strong, em, ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-weight: normal; font-weight: normal;
font-size: 100%; font-size: 100%;
} }
em { em {
font-style: normal; font-style: normal;
} }
ul { ul {
list-style: none; list-style: none;
} }
ol { ol {
padding-left: 1.5em; padding-left: 1.5em;
} }
img { img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
border: none; border: none;
} }
a { a {
text-decoration: none; text-decoration: none;
color: #e473b7; color: #e473b7;
} }
body { body {
font-size: 12px; font-size: 12px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
line-height: 1.6; line-height: 1.6;
color: #333; color: #333;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
} }
/* header,footer ********************************************************************** */ /* header,footer ********************************************************************** */
#header { #header {
position: relative; position: relative;
height: 60px; height: 60px;
line-height: 1; line-height: 1;
} }
#head_logo { #head_logo {
position: relative; position: relative;
left: 3%; left: 3%;
display: block; display: block;
width: 55%; width: 55%;
height: 60px; height: 60px;
padding: 0; padding: 0;
} }
#head_logo img { #head_logo img {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
display: block; display: block;
} }
.menu-link { .menu-link {
position: absolute; position: absolute;
display: block; display: block;
top: 0; top: 0;
right: 0; right: 0;
background: -moz-linear-gradient(top, #f1bfdd, #e892c5); background: -moz-linear-gradient(top, #f1bfdd, #e892c5);
background: -webkit-gradient(linear, left top, left bottom, from(#f1bfdd), to(#e892c5)); background: -webkit-gradient(linear, left top, left bottom, from(#f1bfdd), to(#e892c5));
background: -ms-linear-gradient(top, #f1bfdd, #e892c5); background: -ms-linear-gradient(top, #f1bfdd, #e892c5);
background: linear-gradient(to bottom, #f1bfdd, #e892c5); background: linear-gradient(to bottom, #f1bfdd, #e892c5);
z-index: 10; z-index: 10;
width: 60px; width: 60px;
height: auto; height: auto;
padding: 23px 0 10px; padding: 23px 0 10px;
} }
.menu-link:after { .menu-link:after {
content: "MENU"; content: "MENU";
display: block; display: block;
padding: 14px 0 0; padding: 14px 0 0;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
font-size: 10px; font-size: 10px;
font-family: "Lato"; font-family: "Lato";
color: #fff; color: #fff;
} }
.menu-link span { .menu-link span {
position: relative; position: relative;
display: block; display: block;
width: 50%; width: 50%;
} }
.menu-link span, .menu-link span,
.menu-link span:before, .menu-link span:before,
.menu-link span:after { .menu-link span:after {
background-color: #fff; background-color: #fff;
height: 3px; height: 3px;
margin: auto; margin: auto;
} }
.menu-link span:before, .menu-link span:before,
.menu-link span:after { .menu-link span:after {
position: absolute; position: absolute;
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
content: ""; content: "";
left: 0; left: 0;
} }
.menu-link span:after { .menu-link span:after {
margin-top: -10px; margin-top: -10px;
} }
.menu-link.active { .menu-link.active {
padding-top: 0; padding-top: 0;
line-height: 1; line-height: 1;
} }
.menu-link:hover, .menu-link:hover,
.menu-link.active:hover { .menu-link.active:hover {
text-decoration: none; text-decoration: none;
} }
.menu-link.active:before { .menu-link.active:before {
content: "×"; content: "×";
display: block; display: block;
margin: 8px auto 0; margin: 8px auto 0;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
font-size: 40px; font-size: 40px;
color: #fff; color: #fff;
} }
.menu-link.active:after { .menu-link.active:after {
padding-top: 0; padding-top: 0;
} }
.menu-link.active span { .menu-link.active span {
display: none; display: none;
} }
#global_nav { #global_nav {
position: absolute; position: absolute;
top: 60px; top: 60px;
left: 0; left: 0;
width: 100%; width: 100%;
display: none; display: none;
border-top: solid 1px #414f1f; border-top: solid 1px #414f1f;
z-index: 10; z-index: 10;
} }
#global_nav li a { #global_nav li a {
display: block; display: block;
padding: 20px 10px; padding: 20px 10px;
font-size: 16px; font-size: 16px;
color: #fff; color: #fff;
} }
#global_nav li a:before { #global_nav li a:before {
margin-right: 6px; margin-right: 6px;
vertical-align: top; vertical-align: top;
font-size: 120%; font-size: 120%;
} }
#global_nav li a.icon-home { #global_nav li a.icon-home {
background: -moz-linear-gradient(top, #e592c6, #d3509d); background: -moz-linear-gradient(top, #e592c6, #d3509d);
background: -webkit-gradient(linear, left top, left bottom, from(#e592c6), to(#d3509d)); background: -webkit-gradient(linear, left top, left bottom, from(#e592c6), to(#d3509d));
background: -ms-linear-gradient(top, #e592c6, #d3509d); background: -ms-linear-gradient(top, #e592c6, #d3509d);
background: linear-gradient(to bottom, #e592c6, #d3509d); background: linear-gradient(to bottom, #e592c6, #d3509d);
} }
#global_nav li a.icon-kaji, #global_nav li a.icon-kaji,
.footer_nav li a.icon-kaji { .footer_nav li a.icon-kaji {
background: -moz-linear-gradient(top, #fdb1cd, #fb7ba9); background: -moz-linear-gradient(top, #fdb1cd, #fb7ba9);
background: -webkit-gradient(linear, left top, left bottom, from(#fdb1cd), to(#fb7ba9)); background: -webkit-gradient(linear, left top, left bottom, from(#fdb1cd), to(#fb7ba9));
background: -ms-linear-gradient(top, #fdb1cd, #fb7ba9); background: -ms-linear-gradient(top, #fdb1cd, #fb7ba9);
background: linear-gradient(to bottom, #fdb1cd, #fb7ba9); background: linear-gradient(to bottom, #fdb1cd, #fb7ba9);
} }
#global_nav li a.icon-rental, #global_nav li a.icon-rental,
.footer_nav li a.icon-rental { .footer_nav li a.icon-rental {
background: -moz-linear-gradient(top, #e1af5b, #cb7631); background: -moz-linear-gradient(top, #e1af5b, #cb7631);
background: -webkit-gradient(linear, left top, left bottom, from(#e1af5b), to(#cb7631)); background: -webkit-gradient(linear, left top, left bottom, from(#e1af5b), to(#cb7631));
background: -ms-linear-gradient(top, #e1af5b, #cb7631); background: -ms-linear-gradient(top, #e1af5b, #cb7631);
background: linear-gradient(to bottom, #e1af5b, #cb7631); background: linear-gradient(to bottom, #e1af5b, #cb7631);
} }
#global_nav li a.icon-sumai, #global_nav li a.icon-sumai,
.footer_nav li a.icon-sumai { .footer_nav li a.icon-sumai {
background: -moz-linear-gradient(top, #b1e1a0, #79cc5c); background: -moz-linear-gradient(top, #b1e1a0, #79cc5c);
background: -webkit-gradient(linear, left top, left bottom, from(#b1e1a0), to(#79cc5c)); background: -webkit-gradient(linear, left top, left bottom, from(#b1e1a0), to(#79cc5c));
background: -ms-linear-gradient(top, #b1e1a0, #79cc5c); background: -ms-linear-gradient(top, #b1e1a0, #79cc5c);
background: linear-gradient(to bottom, #b1e1a0, #79cc5c); background: linear-gradient(to bottom, #b1e1a0, #79cc5c);
} }
#global_nav li a.icon-patrol, #global_nav li a.icon-patrol,
.footer_nav li a.icon-patrol { .footer_nav li a.icon-patrol {
background: -moz-linear-gradient(top, #a2c8ff, #61a2ff); background: -moz-linear-gradient(top, #a2c8ff, #61a2ff);
background: -webkit-gradient(linear, left top, left bottom, from(#a2c8ff), to(#61a2ff)); background: -webkit-gradient(linear, left top, left bottom, from(#a2c8ff), to(#61a2ff));
background: -ms-linear-gradient(top, #a2c8ff, #61a2ff); background: -ms-linear-gradient(top, #a2c8ff, #61a2ff);
background: linear-gradient(to bottom, #a2c8ff, #61a2ff); background: linear-gradient(to bottom, #a2c8ff, #61a2ff);
} }
#global_nav li a.icon-guide { #global_nav li a.icon-guide {
background: -moz-linear-gradient(top, #e592c6, #d3509d); background: -moz-linear-gradient(top, #e592c6, #d3509d);
background: -webkit-gradient(linear, left top, left bottom, from(#e592c6), to(#d3509d)); background: -webkit-gradient(linear, left top, left bottom, from(#e592c6), to(#d3509d));
background: -ms-linear-gradient(top, #e592c6, #d3509d); background: -ms-linear-gradient(top, #e592c6, #d3509d);
background: linear-gradient(to bottom, #e592c6, #d3509d); background: linear-gradient(to bottom, #e592c6, #d3509d);
} }
#global_nav li a.icon-faq { #global_nav li a.icon-faq {
background: -moz-linear-gradient(top, #abe1f9, #6eccf4); background: -moz-linear-gradient(top, #abe1f9, #6eccf4);
background: -webkit-gradient(linear, left top, left bottom, from(#abe1f9), to(#6eccf4)); background: -webkit-gradient(linear, left top, left bottom, from(#abe1f9), to(#6eccf4));
background: -ms-linear-gradient(top, #abe1f9, #6eccf4); background: -ms-linear-gradient(top, #abe1f9, #6eccf4);
background: linear-gradient(to bottom, #abe1f9, #6eccf4); background: linear-gradient(to bottom, #abe1f9, #6eccf4);
} }
#global_nav li a.icon-shopping { #global_nav li a.icon-shopping {
background: -moz-linear-gradient(top, #fbb15e, #ef9127); background: -moz-linear-gradient(top, #fbb15e, #ef9127);
background: -webkit-gradient(linear, left top, left bottom, from(#fbb15e), to(#ef9127)); background: -webkit-gradient(linear, left top, left bottom, from(#fbb15e), to(#ef9127));
background: -ms-linear-gradient(top, #fbb15e, #ef9127); background: -ms-linear-gradient(top, #fbb15e, #ef9127);
background: linear-gradient(to bottom, #fbb15e, #ef9127); background: linear-gradient(to bottom, #fbb15e, #ef9127);
} }
#global_nav li a.icon-flow { #global_nav li a.icon-flow {
background: -moz-linear-gradient(top, #4154a1, #2b3b7e); background: -moz-linear-gradient(top, #4154a1, #2b3b7e);
background: -webkit-gradient(linear, left top, left bottom, from(#4154a1), to(#2b3b7e)); background: -webkit-gradient(linear, left top, left bottom, from(#4154a1), to(#2b3b7e));
background: -ms-linear-gradient(top, #4154a1, #2b3b7e); background: -ms-linear-gradient(top, #4154a1, #2b3b7e);
background: linear-gradient(to bottom, #4154a1, #2b3b7e); background: linear-gradient(to bottom, #4154a1, #2b3b7e);
} }
#footer { #footer {
margin-top: 2em; margin-top: 2em;
box-shadow:0px -1px 10px 0px #ccc; box-shadow:0px -1px 10px 0px #ccc;
-moz-box-shadow:0px -1px 10px 0px #ccc; -moz-box-shadow:0px -1px 10px 0px #ccc;
-webkit-box-shadow:0px -1px 10px 0px #ccc; -webkit-box-shadow:0px -1px 10px 0px #ccc;
} }
.footer_nav { .footer_nav {
margin-bottom: 2px; margin-bottom: 2px;
} }
.footer_nav ul { .footer_nav ul {
width: 100%; width: 100%;
height: 93px; height: 93px;
} }
.footer_nav ul::after { .footer_nav ul::after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
.footer_nav li { .footer_nav li {
display: block; display: block;
float: left; float: left;
width: 25%; width: 25%;
height: 60px; height: 60px;
} }
.footer_nav li a { .footer_nav li a {
position: relative; position: relative;
display: block; display: block;
height: 100%; height: 100%;
padding: 18px 0 14px; padding: 18px 0 14px;
border: solid 1px #fff; border: solid 1px #fff;
text-align: center; text-align: center;
line-height: 1.4; line-height: 1.4;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
} }
.footer_nav li a.icon-kaji { .footer_nav li a.icon-kaji {
border-left: none; border-left: none;
} }
.footer_nav li a.icon-patrol { .footer_nav li a.icon-patrol {
border-right: none; border-right: none;
} }
.footer_nav li a.icon-rental { .footer_nav li a.icon-rental {
padding-top: 8px; padding-top: 8px;
padding-bottom: 24px; padding-bottom: 24px;
} }
.footer_nav li a:before { .footer_nav li a:before {
position: absolute; position: absolute;
bottom: 6px; bottom: 6px;
left: 0; left: 0;
right: 0; right: 0;
margin: auto; margin: auto;
display: block; display: block;
font-size: 27px; font-size: 27px;
font-weight: normal; font-weight: normal;
} }
.footer_nav li a span { .footer_nav li a span {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
margin: auto; margin: auto;
} }
.footer_subnav { .footer_subnav {
border-bottom: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0;
} }
.footer_subnav a, .footer_subnav a,
.footer_subnav span { .footer_subnav span {
position: relative; position: relative;
display: block; display: block;
padding: 10px; padding: 10px;
border-top: solid 1px #d0d0d0; border-top: solid 1px #d0d0d0;
font-size: 14px; font-size: 14px;
color: #565656; color: #565656;
} }
.footer_subnav span { .footer_subnav span {
line-height: 1; line-height: 1;
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 12px;
} }
.footer_subnav li ul::after { .footer_subnav li ul::after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
.footer_subnav li > a::before, .footer_subnav li > a::before,
.footer_subnav li > span::before { .footer_subnav li > span::before {
margin-right: 6px; margin-right: 6px;
vertical-align: top; vertical-align: top;
font-size: 120%; font-size: 120%;
} }
.footer_subnav li > a.icon-kaji::before { .footer_subnav li > a.icon-kaji::before {
color: #ff9abf; color: #ff9abf;
} }
.footer_subnav li > a.icon-rental::before { .footer_subnav li > a.icon-rental::before {
color: #d8a684; color: #d8a684;
} }
.footer_subnav li > a.icon-sumai::before { .footer_subnav li > a.icon-sumai::before {
color: #ace39f; color: #ace39f;
} }
.footer_subnav li > a.icon-patrol::before { .footer_subnav li > a.icon-patrol::before {
color: #7fbdfa; color: #7fbdfa;
} }
.footer_subnav li > a.icon-guide::before { .footer_subnav li > a.icon-guide::before {
color: #d979b8; color: #d979b8;
} }
.footer_subnav li > a.icon-faq::before { .footer_subnav li > a.icon-faq::before {
color: #90daf7; color: #90daf7;
} }
.footer_subnav li > .icon-shopping::before { .footer_subnav li > .icon-shopping::before {
color: #fbb15e; color: #fbb15e;
} }
.footer_subnav li > a.icon-flow::before { .footer_subnav li > a.icon-flow::before {
color: #d979b8; color: #d979b8;
} }
.footer_subnav > ul > li > a::after, .footer_subnav > ul > li > a::after,
.footer_subnav > ul > li > span::after, .footer_subnav > ul > li > span::after,
.footer_subnav .others li a::after { .footer_subnav .others li a::after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
right: 10px; right: 10px;
width: 18px; width: 18px;
height: 18px; height: 18px;
margin: auto; margin: auto;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-size: 18px; font-size: 18px;
color: #d97bb9; color: #d97bb9;
} }
.footer_subnav > ul > li > span::after { .footer_subnav > ul > li > span::after {
/*transform: rotate(90deg);*/ /*transform: rotate(90deg);*/
content: none; content: none;
} }
.footer_subnav .sub li { .footer_subnav .sub li {
display: block; display: block;
width: 50%; width: 50%;
float: left; float: left;
} }
.footer_subnav .sub li a { .footer_subnav .sub li a {
padding: 7px 5px 7px 26px; padding: 7px 5px 7px 26px;
font-size: 12px; font-size: 12px;
} }
.footer_subnav .sub li:nth-child(2n+1) a { .footer_subnav .sub li:nth-child(2n+1) a {
border-right: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0;
} }
.footer_subnav .sub li a::before { .footer_subnav .sub li a::before {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 8px; left: 8px;
vertical-align: middle; vertical-align: middle;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
color: #ed94c4; color: #ed94c4;
} }
.footer_subnav .others li a { .footer_subnav .others li a {
padding-left: 21px; padding-left: 21px;
font-size: 12px; font-size: 12px;
} }
.footer_subnav .others li a::before { .footer_subnav .others li a::before {
font-size: 16.8px; font-size: 16.8px;
} }
.footer_bottom { .footer_bottom {
padding: 0 10px; padding: 0 10px;
margin-bottom: 50px; margin-bottom: 50px;
background-color: #bb7a98; background-color: #bb7a98;
box-shadow: 0px -3px 3px 0px #a26a84 inset; box-shadow: 0px -3px 3px 0px #a26a84 inset;
-moz-box-shadow: 0px -3px 3px 0px #a26a84 inset; -moz-box-shadow: 0px -3px 3px 0px #a26a84 inset;
-webkit-box-shadow: 0px -3px 3px 0px #a26a84 inset; -webkit-box-shadow: 0px -3px 3px 0px #a26a84 inset;
color: #fff; color: #fff;
} }
.footer_bottom ul::after { .footer_bottom ul::after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
.footer_bottom li { .footer_bottom li {
display: block;/* 20170328 updata display: block;/* 20170328 updata
width: 50%; width: 50%;
float: left;*/ float: left;*/
width: 65%; width: 65%;
margin: 0 auto; margin: 0 auto;
padding-top: 10px; padding-top: 10px;
text-align: center; text-align: center;
} }
.footer_bottom li a { .footer_bottom li a {
position: relative; position: relative;
display: block; display: block;
height: 50px; height: 50px;
}/* }/*
.footer_bottom li:first-child a { .footer_bottom li:first-child a {
width: 65%; width: 65%;
} }
.footer_bottom li a img { .footer_bottom li a img {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
} }
.footer_bottom li:first-child a img { .footer_bottom li:first-child a img {
left: 0; left: 0;
right: inherit; right: inherit;
}*/ }*/
.footer_bottom .copyright { .footer_bottom .copyright {
padding: 10px 0; padding: 10px 0;
border-top: solid 1px #ddbccb; border-top: solid 1px #ddbccb;
text-align: center; text-align: center;
font-size: 10px; font-size: 10px;
font-family: "Lato"; font-family: "Lato";
} }
#footer_contact { #footer_contact {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
z-index: 10000; z-index: 10000;
background-color: #e979b5; background-color: #e979b5;
text-align: center; text-align: center;
color: #fff; color: #fff;
} }
#footer_contact ul { #footer_contact ul {
position: relative; position: relative;
height: 50px; height: 50px;
} }
#footer_contact ul::after { #footer_contact ul::after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
#footer_contact li { #footer_contact li {
display: block; display: block;
float: left; float: left;
} }
#footer_contact li:first-child { #footer_contact li:first-child {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 10px; left: 10px;
margin: auto; margin: auto;
height: 22px; height: 22px;
} }
#footer_contact li strong { #footer_contact li strong {
font-size: 14px; font-size: 14px;
} }
#footer_contact li strong:after { #footer_contact li strong:after {
content: "\e910"; content: "\e910";
margin-left: 10px; margin-left: 10px;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
vertical-align: middle; vertical-align: middle;
} }
#footer_contact a { #footer_contact a {
display: block; display: block;
padding: 8px; padding: 8px;
} }
#footer_contact a:hover { #footer_contact a:hover {
text-decoration: none; text-decoration: none;
} }
#footer_contact a::before { #footer_contact a::before {
font-size: 34px; font-size: 34px;
} }
#footer_contact .icon-tel { #footer_contact .icon-tel {
position: absolute; position: absolute;
right: 50px; right: 50px;
background-color: #f9e9ed; background-color: #f9e9ed;
color: #313333; color: #313333;
} }
#footer_contact .icon-tel:before { #footer_contact .icon-tel:before {
display: block; display: block;
transform: rotate(125deg); transform: rotate(125deg);
} }
#footer_contact .icon-mail, #footer_contact .icon-mail,
#footer_contact .icon-contact { #footer_contact .icon-contact {
position: absolute; position: absolute;
right: 0; right: 0;
background: -moz-linear-gradient(top, #f4cde4, #e485be); background: -moz-linear-gradient(top, #f4cde4, #e485be);
background: -webkit-gradient(linear, left top, left bottom, from(#f4cde4), to(#e485be)); background: -webkit-gradient(linear, left top, left bottom, from(#f4cde4), to(#e485be));
background: -ms-linear-gradient(top, #f4cde4, #e485be); background: -ms-linear-gradient(top, #f4cde4, #e485be);
background: linear-gradient(to bottom, #f4cde4, #e485be); background: linear-gradient(to bottom, #f4cde4, #e485be);
color: #fff; color: #fff;
} }
/* main contents ********************************************************************** */ /* main contents ********************************************************************** */
.main .content { .main .content {
width: 92%; width: 92%;
margin: auto; margin: auto;
} }
.main .content section { .main .content section {
margin-bottom: 3em; margin-bottom: 3em;
} }
/* title class ********************************************************** */ /* title class ********************************************************** */
.main .ttl_bdr { .main .ttl_bdr {
position: relative; position: relative;
margin-bottom: 1.5em; margin-bottom: 1.5em;
border-top: solid 3px #dd78b4; border-top: solid 3px #dd78b4;
line-height: 0; line-height: 0;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 142.9%; font-size: 142.9%;
} }
.main .ttl_bdr span { .main .ttl_bdr span {
padding: 0 4px; padding: 0 4px;
background-color: #fff; background-color: #fff;
} }
.main .ttl_area { .main .ttl_area {
padding: .5em .5em 1em; padding: .5em .5em 1em;
background-color: #f6f5f1; background-color: #f6f5f1;
} }
.main .ttl_area h1 { .main .ttl_area h1 {
padding: .5em 0; padding: .5em 0;
text-align: center; text-align: center;
text-decoration: underline; text-decoration: underline;
font-weight: bold; font-weight: bold;
font-size: 19px; font-size: 19px;
} }
.main .ttl_area h1.noline { .main .ttl_area h1.noline {
text-decoration: none; text-decoration: none;
} }
.main .ttl_area h1.noline em { .main .ttl_area h1.noline em {
text-decoration: underline; text-decoration: underline;
font-weight: bold; font-weight: bold;
} }
.main .ttl_area h1 span { .main .ttl_area h1 span {
display: block; display: block;
text-decoration: none; text-decoration: none;
font-size: 58.3%; font-size: 58.3%;
} }
.main .ttl_area .breadcrumb { .main .ttl_area .breadcrumb {
margin-bottom: .5em; margin-bottom: .5em;
} }
.main .ttl_area .breadcrumb a { .main .ttl_area .breadcrumb a {
display: inline-block; display: inline-block;
padding: .5em 1em; padding: .5em 1em;
background-color: #fff; background-color: #fff;
border: solid 1px #d0d0d0; border: solid 1px #d0d0d0;
line-height: 1; line-height: 1;
font-size: 85.7%; font-size: 85.7%;
color: #000; color: #000;
} }
.main .ttl_area .breadcrumb a::before { .main .ttl_area .breadcrumb a::before {
content: "\e911"; content: "\e911";
display: inline-block; display: inline-block;
margin-right: .5em; margin-right: .5em;
vertical-align: middle; vertical-align: middle;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
} }
.main .tag_ttl { .main .tag_ttl {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
padding: .2em 1em; padding: .2em 1em;
background-color: #f0d1b4; background-color: #f0d1b4;
font-size: 114.3%; font-size: 114.3%;
font-weight: bold; font-weight: bold;
color: #705d4c color: #705d4c
} }
/* showcase ********************************************************** */ /* showcase ********************************************************** */
#kaji.toppage #showcase, #kaji.toppage #showcase,
#rental.toppage #showcase, #rental.toppage #showcase,
#sumai.toppage #showcase { #sumai.toppage #showcase {
padding-bottom: .5em; padding-bottom: .5em;
} }
#showcase .box { #showcase .box {
position: relative; position: relative;
display: block; display: block;
width: 96%; width: 96%;
margin: auto; margin: auto;
} }
#showcase .box span { #showcase .box span {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
display: block; display: block;
padding: .5em; padding: .5em;
width: 100%; width: 100%;
background-color: rgba(0,0,0,.5); background-color: rgba(0,0,0,.5);
box-sizing: border-box; box-sizing: border-box;
border-left: solid 2px #fff; border-left: solid 2px #fff;
border-bottom: solid 2px #fff; border-bottom: solid 2px #fff;
border-right: solid 2px #fff; border-right: solid 2px #fff;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 128.6%; font-size: 128.6%;
color: #fff; color: #fff;
} }
#showcase .box img { #showcase .box img {
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
border: solid 2px #fff; border: solid 2px #fff;
} }
#showcase .ttl { #showcase .ttl {
padding: 1em 0; padding: 1em 0;
background-color: #d187ac; background-color: #d187ac;
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
} }
#showcase .ttl::before { #showcase .ttl::before {
display: inline-block; display: inline-block;
/*margin-bottom: 8px;*/ /*margin-bottom: 8px;*/
margin-right: .2em; margin-right: .2em;
vertical-align: middle; vertical-align: middle;
font-size: 34px; font-size: 34px;
font-weight: normal; font-weight: normal;
} }
/* /*
#kaji #showcase .ttl, #kaji #showcase .ttl,
#sumai #showcase .ttl { #sumai #showcase .ttl {
padding-bottom: .7em; padding-bottom: .7em;
}*/ }*/
#kaji #showcase, #kaji #showcase,
#kaji #showcase .ttl { #kaji #showcase .ttl {
background-color: #e79fb0; background-color: #e79fb0;
} }
#sumai #showcase, #sumai #showcase,
#sumai #showcase .ttl { #sumai #showcase .ttl {
background-color: #a5d48f; background-color: #a5d48f;
} }
#rental #showcase, #rental #showcase,
#rental #showcase .ttl { #rental #showcase .ttl {
background-color: #c1a278; background-color: #c1a278;
} }
#patrol #showcase, #patrol #showcase,
#patrol #showcase .ttl { #patrol #showcase .ttl {
background-color: #96b8e5; background-color: #96b8e5;
} }
#guide #showcase, #guide #showcase,
#guide #showcase .ttl { #guide #showcase .ttl {
background-color: #d187ac; background-color: #d187ac;
} }
#faq #showcase, #faq #showcase,
#faq #showcase .ttl { #faq #showcase .ttl {
background-color: #93c7d4; background-color: #93c7d4;
} }
#shopping #showcase, #shopping #showcase,
#shopping #showcase .ttl { #shopping #showcase .ttl {
background-color: #e0a968; background-color: #e0a968;
} }
#health #showcase, #health #showcase,
#health #showcase .ttl, #health #showcase .ttl,
#security #showcase, #security #showcase,
#security #showcase .ttl, #security #showcase .ttl,
#support #showcase, #support #showcase,
#support #showcase .ttl { #support #showcase .ttl {
background-color: #bcb8ac; background-color: #bcb8ac;
} }
/* button ****************************************************** */ /* button ****************************************************** */
.btn_link a { .btn_link a {
display: inline-block; display: inline-block;
padding: 2px 20px; padding: 2px 20px;
background-color: #f196cc; background-color: #f196cc;
text-align: center; text-align: center;
color: #fff; color: #fff;
} }
.btn_link a::after, .btn_link a::after,
.btn_link.wht a::after, .btn_link.wht a::after,
.btn.wht a::after { .btn.wht a::after {
content: "\e910"; content: "\e910";
display: inline; display: inline;
margin-left: 5px; margin-left: 5px;
vertical-align: middle; vertical-align: middle;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
color: #fff; color: #fff;
} }
.btn_link.wht a { .btn_link.wht a {
background-color: #fff !important; background-color: #fff !important;
border: solid 1px #ccc; border: solid 1px #ccc;
color: #000; color: #000;
} }
.btn_link.wht a::after { .btn_link.wht a::after {
color: #000; color: #000;
} }
.btn_link.external a::after { .btn_link.external a::after {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 12px; width: 12px;
height: 10px; height: 10px;
margin: 0 -8px 0 8px; margin: 0 -8px 0 8px;
background: url(/common/img/pt_external.png) no-repeat right center; background: url(/common/img/pt_external.png) no-repeat right center;
} }
#sumai .btn_link a { #sumai .btn_link a {
background-color: #a2d595; background-color: #a2d595;
} }
#patrol .btn_link a { #patrol .btn_link a {
background-color: #87bafa; background-color: #87bafa;
} }
#news .btn_link a { #news .btn_link a {
background-color: #f196cc; background-color: #f196cc;
} }
.btn_link.external a { .btn_link.external a {
background-color: #f196cc !important; background-color: #f196cc !important;
} }
.btn a { .btn a {
position: relative; position: relative;
display: block; display: block;
width: 80%; width: 80%;
margin: auto; margin: auto;
padding: 1em 5%; padding: 1em 5%;
background-color: #f196cc; background-color: #f196cc;
text-align: left; text-align: left;
color: #fff; color: #fff;
} }
.btn a:after { .btn a:after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
right: 10px; right: 10px;
margin: auto; margin: auto;
width: 18px; width: 18px;
height: 18px; height: 18px;
display: inline-block; display: inline-block;
padding: 0; padding: 0;
background-color: #fff; background-color: #fff;
line-height: 1.4; line-height: 1.4;
text-align: center; text-align: center;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
color: #f196cc; color: #f196cc;
} }
.btn.wht a { .btn.wht a {
display: inline-block; display: inline-block;
padding: 3px 20px; padding: 3px 20px;
background-color: #fff; background-color: #fff;
border: solid 1px #ccc; border: solid 1px #ccc;
color: #000; color: #000;
} }
.btn.wht a::after { .btn.wht a::after {
color: #000; color: #000;
} }
.txt_link { .txt_link {
text-align: right; text-align: right;
} }
.txt_link a::after { .txt_link a::after {
content: "\e910"; content: "\e910";
display: inline; display: inline;
margin-left: 5px; margin-left: 5px;
vertical-align: middle; vertical-align: middle;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
} }
/* link list ****************************************************** */ /* link list ****************************************************** */
.linklist li { .linklist li {
position: relative; position: relative;
margin-bottom: 10px; margin-bottom: 10px;
border: solid 1px #d0d0d0; border: solid 1px #d0d0d0;
} }
.linklist li:after { .linklist li:after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
right: 10px; right: 10px;
margin: auto; margin: auto;
width: 18px; width: 18px;
height: 18px; height: 18px;
display: inline-block; display: inline-block;
padding: 0; padding: 0;
background-color: #ed94c4; background-color: #ed94c4;
line-height: 1.4; line-height: 1.4;
text-align: center; text-align: center;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
} }
#sumai .linklist li:after { #sumai .linklist li:after {
background-color: #a2d595; background-color: #a2d595;
} }
#rental .linklist li:after { #rental .linklist li:after {
background-color: #d8a684; background-color: #d8a684;
} }
#patrol .linklist li:after { #patrol .linklist li:after {
background-color: #87bafa; background-color: #87bafa;
} }
.linklist li a { .linklist li a {
display: block; display: block;
width: auto; width: auto;
padding: 10px; padding: 10px;
padding-right: 32px; padding-right: 32px;
color: #000; color: #000;
} }
.linklist.bld li a { .linklist.bld li a {
font-weight: bold; font-weight: bold;
} }
.rows_dbl ul::after { .rows_dbl ul::after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
.rows_dbl li { .rows_dbl li {
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;
width: 49%; width: 49%;
float: left; float: left;
border: solid 1px #d0d0d0; border: solid 1px #d0d0d0;
} }
.rows_dbl li:nth-child(2n) { .rows_dbl li:nth-child(2n) {
float: right; float: right;
} }
.rows_dbl li a { .rows_dbl li a {
position: relative; position: relative;
display: block; display: block;
padding: 10px 30px 10px 10px; padding: 10px 30px 10px 10px;
min-height: 50px; min-height: 50px;
line-height: 1.4; line-height: 1.4;
font-weight: bold; font-weight: bold;
font-size: 90%; font-size: 90%;
color: #000; color: #000;
} }
.rows_dbl li a span { .rows_dbl li a span {
display: block; display: block;
margin-bottom: 2px; margin-bottom: 2px;
font-size: 80%; font-size: 80%;
font-weight: normal; font-weight: normal;
} }
.downward::after { .downward::after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
right: 10px; right: 10px;
margin: auto; margin: auto;
width: 18px; width: 18px;
height: 18px; height: 18px;
display: inline-block; display: inline-block;
padding: 0; padding: 0;
transform: rotate(90deg); transform: rotate(90deg);
background-color: #ed94c4; background-color: #ed94c4;
line-height: 1.4; line-height: 1.4;
text-align: center; text-align: center;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
} }
.downward.open::after { .downward.open::after {
transform: rotate(-90deg); transform: rotate(-90deg);
} }
#sumai .downward::after { #sumai .downward::after {
background-color: #a2d595; background-color: #a2d595;
} }
#rental .downward::after { #rental .downward::after {
background-color: #d8a684; background-color: #d8a684;
} }
#patrol .downward::after { #patrol .downward::after {
background-color: #87bafa; background-color: #87bafa;
} }
/* news ********************************************************** */ /* news ********************************************************** */
#news { #news {
position: relative; position: relative;
margin: 0 0 60px; margin: 0 0 60px;
} }
#news h2 { #news h2 {
} }
#news .btn_link { #news .btn_link {
margin: auto; margin: auto;
text-align: center; text-align: center;
} }
#kaji #news .btn_link, #kaji #news .btn_link,
#sumai #news .btn_link, #sumai #news .btn_link,
#rental #news .btn_link { #rental #news .btn_link {
/* display: none;「お知らせ一覧へ」ボタン非表示 */ /* display: none;「お知らせ一覧へ」ボタン非表示 */
} }
#news li { #news li {
position: relative; position: relative;
padding: 10px; padding: 10px;
margin-bottom: 10px; margin-bottom: 10px;
border: solid 1px #d0d0d0; border: solid 1px #d0d0d0;
} }
#news li:after { #news li:after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
right: 10px; right: 10px;
margin: auto; margin: auto;
width: 18px; width: 18px;
height: 18px; height: 18px;
display: inline-block; display: inline-block;
padding: 0; padding: 0;
background-color: #ed94c4; background-color: #ed94c4;
line-height: 1.4; line-height: 1.4;
text-align: center; text-align: center;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
} }
#news li a { #news li a {
display: block; display: block;
width: auto; width: auto;
padding-top: 6px; padding-top: 6px;
padding-right: 22px; padding-right: 22px;
color: #000; color: #000;
} }
#news .ico_white, #news .ico_pink, #news .ico_green { #news .ico_white, #news .ico_pink, #news .ico_green {
width: 66px; width: 66px;
padding: 2px 5px 1px; padding: 2px 5px 1px;
margin: 0 14px 0 0; margin: 0 14px 0 0;
font-size: 85.7%; font-size: 85.7%;
text-align: center; text-align: center;
} }
#news .ico_white { #news .ico_white {
color: #ed94c4; color: #ed94c4;
border: solid 1px #ed94c4; border: solid 1px #ed94c4;
} }
#sumai #news .ico_white { #sumai #news .ico_white {
color: #8cd07a; color: #8cd07a;
border: solid 1px #a3d995; border: solid 1px #a3d995;
} }
#rental #news .ico_white { #rental #news .ico_white {
color: #e5ad86; color: #e5ad86;
border: solid 1px #de9868; border: solid 1px #de9868;
} }
#news .ico_pink { #news .ico_pink {
color: #fff; color: #fff;
background-color: #ed94c4; background-color: #ed94c4;
border: solid 1px #ed94c4; border: solid 1px #ed94c4;
} }
#news .ico_green { #news .ico_green {
color: #fff; color: #fff;
background-color: #a3d995; background-color: #a3d995;
border: solid 1px #a3d995; border: solid 1px #a3d995;
} }
#news .date { #news .date {
width: 80px; width: 80px;
margin: 0 10px 0 0; margin: 0 10px 0 0;
color: #acacac; color: #acacac;
font-weight: bold; font-weight: bold;
} }
/* map ********************************************************** */ /* map ********************************************************** */
.area_map { .area_map {
margin-top: 3em; margin-top: 3em;
} }
#area_map { #area_map {
position: relative; position: relative;
padding: 10px; padding: 10px;
background: url(/common/img/bg_area.jpg) left top; background: url(/common/img/bg_area.jpg) left top;
} }
#area_map .intro { #area_map .intro {
margin-bottom: 20px; margin-bottom: 20px;
} }
#area_map .map { #area_map .map {
margin-bottom: 20px; margin-bottom: 20px;
} }
/* slider ********************************************************** */ /* slider ********************************************************** */
/* 背景がグレーのsulider */ /* 背景がグレーのsulider */
.bgslider { .bgslider {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.bgslider .bx-wrapper .bx-viewport { .bgslider .bx-wrapper .bx-viewport {
-moz-box-shadow: none; -moz-box-shadow: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
border: none; border: none;
left: 0; left: 0;
background-color: transparent; background-color: transparent;
} }
.bgslider li { .bgslider li {
padding: 1.5em 0; padding: 1.5em 0;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.bgslider li > div { .bgslider li > div {
position: relative; position: relative;
display: block; display: block;
padding: 0; padding: 0;
min-width: 270px; min-width: 270px;
width: 84%; width: 84%;
margin: auto; margin: auto;
background-color: #fff; background-color: #fff;
box-sizing: border-box; box-sizing: border-box;
border: solid 1px #d0d0d0; border: solid 1px #d0d0d0;
text-align: center; text-align: center;
} }
.bgslider li > div h2 { .bgslider li > div h2 {
margin-bottom: 5px; margin-bottom: 5px;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
.bgslider li > div img { .bgslider li > div img {
width: 60%; width: 60%;
margin: 1em auto .5em; margin: 1em auto .5em;
} }
.bgslider li > div p { .bgslider li > div p {
margin-bottom: 50px; margin-bottom: 50px;
font-size: 12px; font-size: 12px;
} }
.bgslider li > div > em { .bgslider li > div > em {
position: absolute; position: absolute;
bottom: -1px; bottom: -1px;
left: -1px; left: -1px;
display: block; display: block;
width: 100%; width: 100%;
padding: 5px 0; padding: 5px 0;
background-color: #fb9cbc; background-color: #fb9cbc;
border: solid 1px #fb9cbc; border: solid 1px #fb9cbc;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
color: #fff; color: #fff;
} }
.bgslider .bx-wrapper .bx-controls-direction a { .bgslider .bx-wrapper .bx-controls-direction a {
width: 27px; width: 27px;
height: 27px; height: 27px;
background-image: none !important; background-image: none !important;
box-sizing: border-box; box-sizing: border-box;
border: solid 2px #e473b7; border: solid 2px #e473b7;
border-radius: 50%; border-radius: 50%;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.bgslider .bx-wrapper .bx-controls-direction a.bx-next { .bgslider .bx-wrapper .bx-controls-direction a.bx-next {
right: 5px; right: 5px;
} }
.bgslider .bx-wrapper .bx-controls-direction a.bx-prev { .bgslider .bx-wrapper .bx-controls-direction a.bx-prev {
left: 5px; left: 5px;
} }
.bgslider .bx-wrapper .bx-controls-direction a::after { .bgslider .bx-wrapper .bx-controls-direction a::after {
content: "\e910"; content: "\e910";
display: block; display: block;
margin-top: -24px; margin-top: -24px;
text-indent: 0; text-indent: 0;
text-align: center; text-align: center;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-size: 20px; font-size: 20px;
color: #d97cba; color: #d97cba;
} }
.bgslider .bx-wrapper .bx-controls-direction a.bx-prev::after { .bgslider .bx-wrapper .bx-controls-direction a.bx-prev::after {
content: "\e911"; content: "\e911";
} }
/* カテゴリーtoppage tab ********************************************************** */ /* カテゴリーtoppage tab ********************************************************** */
.toppage #service_list { .toppage #service_list {
margin: 2em auto; margin: 2em auto;
} }
.toppage #service_list .tab { .toppage #service_list .tab {
overflow: hidden; overflow: hidden;
} }
.toppage #service_list .hide { .toppage #service_list .hide {
display: none; display: none;
} }
.toppage #service_list h1 { .toppage #service_list h1 {
display: block; display: block;
width: 49%; width: 49%;
float: left; float: left;
padding: 5px 0; padding: 5px 0;
box-sizing: border-box; box-sizing: border-box;
border-top: solid 1px #fb9cbc; border-top: solid 1px #fb9cbc;
border-left: solid 1px #fb9cbc; border-left: solid 1px #fb9cbc;
border-right: solid 1px #fb9cbc; border-right: solid 1px #fb9cbc;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 85.2%; font-size: 85.2%;
color: #fb9cbc; color: #fb9cbc;
} }
.toppage #service_list .select { .toppage #service_list .select {
background-color: #fb9cbc; background-color: #fb9cbc;
color: #fff; color: #fff;
} }
.toppage #service_list h1:nth-child(2) { .toppage #service_list h1:nth-child(2) {
float: right; float: right;
} }
.toppage #service_list h1 span { .toppage #service_list h1 span {
font-size: 17px; font-size: 17px;
} }
.toppage #service_list .linklist { .toppage #service_list .linklist {
clear: both; clear: both;
} }
.toppage #service_list .linklist li { .toppage #service_list .linklist li {
margin-bottom: 0; margin-bottom: 0;
border-top: none; border-top: none;
border-color: #fb9cbc; border-color: #fb9cbc;
} }
.toppage #service_list .linklist li:first-child { .toppage #service_list .linklist li:first-child {
border-top: solid 1px #fb9cbc; border-top: solid 1px #fb9cbc;
} }
.toppage #service_list .linklist li::after { .toppage #service_list .linklist li::after {
background-color: #fb9cbc; background-color: #fb9cbc;
} }
#sumai.toppage #service_list h1, #sumai.toppage #service_list h1,
#sumai.toppage #service_list .linklist li, #sumai.toppage #service_list .linklist li,
#sumai.toppage #service_list .linklist li:first-child { #sumai.toppage #service_list .linklist li:first-child {
border-color: #98d985; border-color: #98d985;
} }
#sumai.toppage #service_list h1 { #sumai.toppage #service_list h1 {
color: #98d985; color: #98d985;
} }
#sumai.toppage #service_list .select, #sumai.toppage #service_list .select,
#sumai.toppage #service_list .linklist li::after { #sumai.toppage #service_list .linklist li::after {
background-color: #98d985; background-color: #98d985;
color: #fff; color: #fff;
} }
#rental.toppage #service_list h1, #rental.toppage #service_list h1,
#rental.toppage #service_list .linklist li, #rental.toppage #service_list .linklist li,
#rental.toppage #service_list .linklist li:first-child { #rental.toppage #service_list .linklist li:first-child {
border-color: #bfa98b; border-color: #bfa98b;
} }
#rental.toppage #service_list h1 { #rental.toppage #service_list h1 {
color: #bfa98b; color: #bfa98b;
} }
#rental.toppage #service_list .select, #rental.toppage #service_list .select,
#rental.toppage #service_list .linklist li::after { #rental.toppage #service_list .linklist li::after {
background-color: #bfa98b; background-color: #bfa98b;
color: #fff; color: #fff;
} }
/* flow ********************************************************** */ /* flow ********************************************************** */
#flow li { #flow li {
margin-bottom: 1em; margin-bottom: 1em;
background-color: #f6f5f1; background-color: #f6f5f1;
} }
#flow li strong { #flow li strong {
position: relative; position: relative;
display: block; display: block;
padding: 10px; padding: 10px;
background-color: #eeb3cf; background-color: #eeb3cf;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 16px;
color: #fff; color: #fff;
} }
#flow li strong span { #flow li strong span {
position: absolute; position: absolute;
left: 10px; left: 10px;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
display: block; display: block;
width: 28px; width: 28px;
height: 28px; height: 28px;
background-color: #fff; background-color: #fff;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
font-family: "Lato"; font-family: "Lato";
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
color: #eeb3cf; color: #eeb3cf;
} }
#flow li .list { #flow li .list {
padding: 1em .5em 1em 1em; padding: 1em .5em 1em 1em;
} }
#flow li .list em { #flow li .list em {
font-weight: bold; font-weight: bold;
color: #d50080; color: #d50080;
} }
#flow li .list .lft { #flow li .list .lft {
width: 72%; width: 72%;
} }
#flow li .list .rgt { #flow li .list .rgt {
width: 28%; width: 28%;
/*margin-top: 1em;*/ /*margin-top: 1em;*/
text-align: center; text-align: center;
color: #eeb3cf; color: #eeb3cf;
} }
#flow li .list .rgt::after { #flow li .list .rgt::after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
#flow li .list .rgt span { #flow li .list .rgt span {
font-size: 40px; font-size: 40px;
} }
#flow li:first-child .list .rgt { #flow li:first-child .list .rgt {
margin-top: 1em; margin-top: 1em;
} }
#flow li:first-child .list .rgt span { #flow li:first-child .list .rgt span {
display: block; display: block;
float: right; float: right;
font-size: 36px; font-size: 36px;
} }
#flow li .list .rgt .icon-kira, #flow li .list .rgt .icon-kira,
#flow li .list .rgt .icon-balloon, #flow li .list .rgt .icon-balloon,
#flow li .list .rgt .icon-brush { #flow li .list .rgt .icon-brush {
font-size: 46px; font-size: 46px;
} }
#flow li .btn_link { #flow li .btn_link {
padding: 1em 0; padding: 1em 0;
} }
#flow li .btn_link a { #flow li .btn_link a {
padding: 2px 10px; padding: 2px 10px;
} }
#sumai #flow li strong, #sumai #flow li strong,
#flow #sumai li strong { #flow #sumai li strong {
background-color: #b0daa5; background-color: #b0daa5;
} }
#sumai #flow li strong span, #sumai #flow li strong span,
#sumai #flow li .list .rgt, #sumai #flow li .list .rgt,
#flow #sumai li strong span, #flow #sumai li strong span,
#flow #sumai li .list .rgt { #flow #sumai li .list .rgt {
color: #b0daa5; color: #b0daa5;
} }
#rental #flow li strong, #rental #flow li strong,
#flow #rental li strong { #flow #rental li strong {
background-color: #caac94; background-color: #caac94;
} }
#rental #flow li strong span, #rental #flow li strong span,
#rental #flow li .list .rgt, #rental #flow li .list .rgt,
#flow #rental li strong span, #flow #rental li strong span,
#flow #rental li .list .rgt { #flow #rental li .list .rgt {
color: #caac94; color: #caac94;
} }
#flow ul.flow_simple::after { #flow ul.flow_simple::after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
#flow .flow_simple li { #flow .flow_simple li {
position: relative; position: relative;
display: block; display: block;
width: 48%; width: 48%;
float: left; float: left;
padding: 20px 0; padding: 20px 0;
margin-bottom: 1.5em; margin-bottom: 1.5em;
background-color: #fff; background-color: #fff;
border: solid 1px #d0d0d0; border: solid 1px #d0d0d0;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
#flow .flow_simple li:nth-child(2n) { #flow .flow_simple li:nth-child(2n) {
float: right; float: right;
} }
#flow .flow_simple li span { #flow .flow_simple li span {
position: absolute; position: absolute;
top: -15px; top: -15px;
left: 5px; left: 5px;
display: block; display: block;
width: 30px; width: 30px;
height: 20px; height: 20px;
padding: 5px 0; padding: 5px 0;
background-color: #dd78b4; background-color: #dd78b4;
border-radius: 50%; border-radius: 50%;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
font-family: "Lato"; font-family: "Lato";
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
} }
#flow .flow_simple li em { #flow .flow_simple li em {
display: block; display: block;
font-family: "Lato"; font-family: "Lato";
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
color: #d50080; color: #d50080;
} }
#support #flow li:first-child .list .rgt span, #support #flow li:first-child .list .rgt span,
#flow #support li:first-child .list .rgt span, #flow #support li:first-child .list .rgt span,
#rental #flow li:first-child .list .rgt span, #rental #flow li:first-child .list .rgt span,
#flow #rental li:first-child .list .rgt span { #flow #rental li:first-child .list .rgt span {
display: inline; display: inline;
float: none; float: none;
font-size: 40px; font-size: 40px;
} }
#support #flow .asterisk.notes li, #support #flow .asterisk.notes li,
#flow #support .asterisk.notes li { #flow #support .asterisk.notes li {
margin-bottom: 0; margin-bottom: 0;
} }
#rental #flow li .btn_link, #rental #flow li .btn_link,
#flow #rental li .btn_link { #flow #rental li .btn_link {
padding-bottom: .5em; padding-bottom: .5em;
} }
#rental #flow li .btn_link a, #rental #flow li .btn_link a,
#flow #rental li .btn_link a { #flow #rental li .btn_link a {
width: 80%; width: 80%;
text-align: left; text-align: left;
} }
#rental #flow li .btn_link a::after, #rental #flow li .btn_link a::after,
#flow #rental li .btn_link a::after { #flow #rental li .btn_link a::after {
display: block; display: block;
float: right; float: right;
} }
#rental #flow li .btn_link.login, #rental #flow li .btn_link.login,
#flow #rental li .btn_link.login { #flow #rental li .btn_link.login {
padding-top: 0; padding-top: 0;
} }
#rental #flow li .btn_link.login a, #rental #flow li .btn_link.login a,
#flow #rental li .btn_link.login a { #flow #rental li .btn_link.login a {
background-color: #c07f2d; background-color: #c07f2d;
} }
#support li .tel { #support li .tel {
font-size: 24px; font-size: 24px;
} }
/* others ********************************************************** */ /* others ********************************************************** */
.notes { .notes {
font-size: 11px; font-size: 11px;
} }
.asterisk li, .asterisk li,
p.asterisk { p.asterisk {
margin-left: 1em; margin-left: 1em;
text-indent: -1em; text-indent: -1em;
} }
.list::after { .list::after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
.list .lft { .list .lft {
display: block; display: block;
float: left; float: left;
width: 49%; width: 49%;
} }
.list .rgt { .list .rgt {
display: block; display: block;
float: right; float: right;
width: 49%; width: 49%;
} }
.oblique { .oblique {
margin: 1em auto; margin: 1em auto;
padding: 1em; padding: 1em;
background: url(/sp/common/img/bg_oblique.png) left top; background: url(/sp/common/img/bg_oblique.png) left top;
font-size: 114.3%; font-size: 114.3%;
} }
.oblique > strong { .oblique > strong {
display: block; display: block;
padding: 3px 0; padding: 3px 0;
font-weight: bold; font-weight: bold;
} }
.oblique ul li { .oblique ul li {
position: relative; position: relative;
padding: 3px 0 3px 26px; padding: 3px 0 3px 26px;
} }
.oblique ul li::before { .oblique ul li::before {
content: ""; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
top: 6px; top: 6px;
display: block; display: block;
width: 15px; width: 15px;
height: 15px; height: 15px;
background: url(/sp/common/img/pt_circle.png) no-repeat left top; background: url(/sp/common/img/pt_circle.png) no-repeat left top;
background-size: 100% auto; background-size: 100% auto;
} }
.catch { .catch {
display: block; display: block;
margin: 1em auto 2em; margin: 1em auto 2em;
text-align: center; text-align: center;
} }
.catch strong { .catch strong {
display: inline; display: inline;
border-bottom: dotted 1px #d85ba6; border-bottom: dotted 1px #d85ba6;
font-weight: bold; font-weight: bold;
font-size: 142.9%; font-size: 142.9%;
} }
.em { .em {
display: inline; display: inline;
font-weight: bold; font-weight: bold;
color: #d50080; color: #d50080;
} }
.tel { .tel {
display: block; display: block;
margin: auto; margin: auto;
font-size: 26px; font-size: 26px;
font-family: "Lato"; font-family: "Lato";
font-weight: bold; font-weight: bold;
color: #333; color: #333;
} }
.tel::before { .tel::before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 30px; width: 30px;
height: 17px; height: 17px;
margin-right: 5px; margin-right: 5px;
background: url(/sp/common/img/freedial.png) no-repeat left center; background: url(/sp/common/img/freedial.png) no-repeat left center;
background-size: cover; background-size: cover;
} }
/*20170324update*/ /*20170324update*/
.keio_logo{ .keio_logo{
text-align: center; text-align: center;
} }
.keio_logo img{ .keio_logo img{
width: 50%; width: 50%;
height: auto; height: auto;
} }
.pt20{ .pt20{
padding-top: 20px; padding-top: 20px;
} }
/* 2019.1.25 update /* 2019.1.25 update
#global_nav li:nth-child(4), #global_nav li:nth-child(4),
.footer_nav li:nth-child(3), .footer_nav li:nth-child(3),
.footer_subnav li:nth-child(3), .footer_subnav li:nth-child(3),
.footer_subnav li:nth-child(4) { .footer_subnav li:nth-child(4) {
display: none; display: none;
} }
.footer_nav li { .footer_nav li {
width: 33.3% !important; width: 33.3% !important;
} }
#toppage #sumai { #toppage #sumai {
display: none !important; display: none !important;
} }
#guide #recommend #sumai, #guide #recommend #sumai,
#guide #recommend #sumai + .btn { #guide #recommend #sumai + .btn {
display: none !important; display: none !important;
} }
#flow #sumai, #flow #sumai,
#faq #sumai, #faq #sumai,
#inquiry #sumai { #inquiry #sumai {
display: none !important; display: none !important;
} }
*/ */
/* 2019.10.28 update */ /* 2019.10.28 update */
.icon-mitsumori { .icon-mitsumori {
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
background: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23b0daa5%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M502.96%2C174.29l-19.882-19.873c-12.054-12.064-31.606-12.054-43.66%2C0l-18.598%2C18.607l63.542%2C63.542l18.597-18.598C515.014%2C205.905%2C515.014%2C186.353%2C502.96%2C174.29z%22%3E%3C%2Fpath%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%22246.553%2C347.291%20246.553%2C410.833%20310.095%2C410.833%20467.031%2C253.896%20403.489%2C190.355%22%3E%3C%2Fpolygon%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M216.642%2C440.744V334.906l158.903-158.903V11.725H0v488.549h375.545V387.679l-53.066%2C53.065H216.642z%20M78.098%2C131.37h179.467v29.911H78.098V131.37z%20M78.098%2C241.044h179.467v29.911H78.098V241.044z%20M187.772%2C380.63H78.098v-29.911h109.674V380.63z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center; background: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23b0daa5%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M502.96%2C174.29l-19.882-19.873c-12.054-12.064-31.606-12.054-43.66%2C0l-18.598%2C18.607l63.542%2C63.542l18.597-18.598C515.014%2C205.905%2C515.014%2C186.353%2C502.96%2C174.29z%22%3E%3C%2Fpath%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%22246.553%2C347.291%20246.553%2C410.833%20310.095%2C410.833%20467.031%2C253.896%20403.489%2C190.355%22%3E%3C%2Fpolygon%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M216.642%2C440.744V334.906l158.903-158.903V11.725H0v488.549h375.545V387.679l-53.066%2C53.065H216.642z%20M78.098%2C131.37h179.467v29.911H78.098V131.37z%20M78.098%2C241.044h179.467v29.911H78.098V241.044z%20M187.772%2C380.63H78.098v-29.911h109.674V380.63z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
} }
.icon-chako { .icon-chako {
display: inline-block; display: inline-block;
width: 35px; width: 35px;
height: 35px; height: 35px;
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23b0daa5%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M381.2%2C158.8L381%2C158V49h-54l0%2C55.5l-84.7-84.7L17.8%2C244.3l79-0.3v213h291V244l79%2C0.3L381.2%2C158.8z%20M157.8%2C213.4l8.2-8.2l29.9%2C18.2l4.1%2C18.2l33.5%2C33.6c-3.7%2C3.6-8.7%2C8.3-14.4%2C13.8L186%2C255.6l-18.2-4.1l-18.2-29.9L157.8%2C213.4z%20M336.1%2C391.7c-9.1%2C9.1-23.7%2C9.1-32.8%2C0l-49.1-49l32.8-32.8l49.1%2C49C345.2%2C367.9%2C345.2%2C382.6%2C336.1%2C391.7z%20M327.4%2C280.9c-18.5%2C16.8-40.9%2C6-52.3%2C16.1L183%2C396.6c-0.3%2C0.4-0.7%2C0.8-1.1%2C1.1c-7.9%2C7.9-20.9%2C7.7-28.5%2C0.1s-7.6-20.4%2C0.3-28.3c0.2-0.2%2C0.4-0.4%2C0.5-0.5l95.6-91.7c3.4-3.4%2C6.2-11.5%2C6.2-19.9c0%2C0-1.7-10.5%2C3.2-25.4c5.5-17%2C27.1-29.2%2C39.8-31.7c1.3-0.3%2C2.3-0.4%2C3.2%2C0.4l4.4%2C3.5c1%2C1%2C1.2%2C2.5%2C0.4%2C3.7l-18.3%2C24.9c-0.4%2C0.6-0.6%2C1.3-0.5%2C2l0.9%2C6.4c0.1%2C0.7%2C0.5%2C1.4%2C1%2C1.8l13.7%2C11.6c0.5%2C0.4%2C1.1%2C0.6%2C1.7%2C0.6l7.1-0.5c0.9%2C0%2C1.8-0.4%2C2.4-1.1l19.6-25.5c0.5-0.7%2C1.2-1.1%2C2-1.1c0.8-0.1%2C1.6%2C0.2%2C2.2%2C0.7l3.4%2C2.8c1%2C0.7%2C1.3%2C1.7%2C1.4%2C2.9C347.2%2C248.1%2C344.3%2C265.5%2C327.4%2C280.9z%22%2F%3E%3C%2Fsvg%3E') no-repeat center; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23b0daa5%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M381.2%2C158.8L381%2C158V49h-54l0%2C55.5l-84.7-84.7L17.8%2C244.3l79-0.3v213h291V244l79%2C0.3L381.2%2C158.8z%20M157.8%2C213.4l8.2-8.2l29.9%2C18.2l4.1%2C18.2l33.5%2C33.6c-3.7%2C3.6-8.7%2C8.3-14.4%2C13.8L186%2C255.6l-18.2-4.1l-18.2-29.9L157.8%2C213.4z%20M336.1%2C391.7c-9.1%2C9.1-23.7%2C9.1-32.8%2C0l-49.1-49l32.8-32.8l49.1%2C49C345.2%2C367.9%2C345.2%2C382.6%2C336.1%2C391.7z%20M327.4%2C280.9c-18.5%2C16.8-40.9%2C6-52.3%2C16.1L183%2C396.6c-0.3%2C0.4-0.7%2C0.8-1.1%2C1.1c-7.9%2C7.9-20.9%2C7.7-28.5%2C0.1s-7.6-20.4%2C0.3-28.3c0.2-0.2%2C0.4-0.4%2C0.5-0.5l95.6-91.7c3.4-3.4%2C6.2-11.5%2C6.2-19.9c0%2C0-1.7-10.5%2C3.2-25.4c5.5-17%2C27.1-29.2%2C39.8-31.7c1.3-0.3%2C2.3-0.4%2C3.2%2C0.4l4.4%2C3.5c1%2C1%2C1.2%2C2.5%2C0.4%2C3.7l-18.3%2C24.9c-0.4%2C0.6-0.6%2C1.3-0.5%2C2l0.9%2C6.4c0.1%2C0.7%2C0.5%2C1.4%2C1%2C1.8l13.7%2C11.6c0.5%2C0.4%2C1.1%2C0.6%2C1.7%2C0.6l7.1-0.5c0.9%2C0%2C1.8-0.4%2C2.4-1.1l19.6-25.5c0.5-0.7%2C1.2-1.1%2C2-1.1c0.8-0.1%2C1.6%2C0.2%2C2.2%2C0.7l3.4%2C2.8c1%2C0.7%2C1.3%2C1.7%2C1.4%2C2.9C347.2%2C248.1%2C344.3%2C265.5%2C327.4%2C280.9z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
} }
.icon-nyukin { .icon-nyukin {
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23b0daa5%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%22336.156%2C239.469%20280.922%2C239.469%20274.984%2C248.688%20274.984%2C270.797%20336.156%2C270.797%20336.156%2C270.875%20336.156%2C297.703%20336.156%2C302.188%20274.984%2C302.188%20274.984%2C349.563%20237%2C349.563%20237%2C302.188%20175.844%2C302.188%20175.844%2C297.703%20175.844%2C270.875%20175.844%2C270.797%20237%2C270.797%20237%2C248.719%20231.063%2C239.469%20175.844%2C239.469%20175.844%2C212.656%20213.813%2C212.656%20181.531%2C162.422%20213.719%2C162.422%20255.984%2C228.188%20298.266%2C162.422%20330.453%2C162.422%20298.203%2C212.656%20336.156%2C212.656%22%3E%3C%2Fpolygon%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M256%2C64c105.875%2C0%2C192%2C86.125%2C192%2C192s-86.125%2C192-192%2C192c-105.859%2C0-192-86.125-192-192S150.141%2C64%2C256%2C64%20M256%2C0C114.609%2C0%2C0%2C114.625%2C0%2C256c0%2C141.391%2C114.609%2C256%2C256%2C256c141.375%2C0%2C256-114.609%2C256-256C512%2C114.625%2C397.375%2C0%2C256%2C0z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23b0daa5%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%22336.156%2C239.469%20280.922%2C239.469%20274.984%2C248.688%20274.984%2C270.797%20336.156%2C270.797%20336.156%2C270.875%20336.156%2C297.703%20336.156%2C302.188%20274.984%2C302.188%20274.984%2C349.563%20237%2C349.563%20237%2C302.188%20175.844%2C302.188%20175.844%2C297.703%20175.844%2C270.875%20175.844%2C270.797%20237%2C270.797%20237%2C248.719%20231.063%2C239.469%20175.844%2C239.469%20175.844%2C212.656%20213.813%2C212.656%20181.531%2C162.422%20213.719%2C162.422%20255.984%2C228.188%20298.266%2C162.422%20330.453%2C162.422%20298.203%2C212.656%20336.156%2C212.656%22%3E%3C%2Fpolygon%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M256%2C64c105.875%2C0%2C192%2C86.125%2C192%2C192s-86.125%2C192-192%2C192c-105.859%2C0-192-86.125-192-192S150.141%2C64%2C256%2C64%20M256%2C0C114.609%2C0%2C0%2C114.625%2C0%2C256c0%2C141.391%2C114.609%2C256%2C256%2C256c141.375%2C0%2C256-114.609%2C256-256C512%2C114.625%2C397.375%2C0%2C256%2C0z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
} }
.icon-fukidashi { .icon-fukidashi {
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23b0daa5%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M371.415%2C183.131c17.758%2C0%2C34.83%2C2.371%2C50.873%2C6.644c-17.414-79.136-104.446-139.34-209.451-139.34C95.288%2C50.435%2C0%2C125.809%2C0%2C218.804c0%2C59.291%2C38.78%2C111.379%2C97.336%2C141.368l-33.002%2C73.796c62.089-6.899%2C122.958-23.217%2C169.422-38.27c-17.91-21.933-28.024-48.236-28.024-76.266C205.732%2C244.275%2C280.058%2C183.131%2C371.415%2C183.131z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M512%2C319.432c0-61.428-62.947-111.213-140.585-111.213c-77.647%2C0-140.595%2C49.785-140.595%2C111.213c0%2C46.914%2C36.736%2C87.006%2C88.678%2C103.344c28.259%2C10.976%2C88.286%2C31.929%2C150.008%2C38.789L447.7%2C412.819C486.382%2C393.012%2C512%2C358.603%2C512%2C319.432z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23b0daa5%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M371.415%2C183.131c17.758%2C0%2C34.83%2C2.371%2C50.873%2C6.644c-17.414-79.136-104.446-139.34-209.451-139.34C95.288%2C50.435%2C0%2C125.809%2C0%2C218.804c0%2C59.291%2C38.78%2C111.379%2C97.336%2C141.368l-33.002%2C73.796c62.089-6.899%2C122.958-23.217%2C169.422-38.27c-17.91-21.933-28.024-48.236-28.024-76.266C205.732%2C244.275%2C280.058%2C183.131%2C371.415%2C183.131z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M512%2C319.432c0-61.428-62.947-111.213-140.585-111.213c-77.647%2C0-140.595%2C49.785-140.595%2C111.213c0%2C46.914%2C36.736%2C87.006%2C88.678%2C103.344c28.259%2C10.976%2C88.286%2C31.929%2C150.008%2C38.789L447.7%2C412.819C486.382%2C393.012%2C512%2C358.603%2C512%2C319.432z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
} }
#flow li strong, #flow li strong,
#flow li strong { #flow li strong {
position: relative; position: relative;
} }
#flow li .free { #flow li .free {
position: absolute; position: absolute;
right: 1em; right: 1em;
top: 0; top: 0;
bottom: 0; bottom: 0;
display: inline-block; display: inline-block;
height: 21px; height: 21px;
margin: auto; margin: auto;
padding: 0 1em; padding: 0 1em;
background-color: #ee8631; background-color: #ee8631;
color: #fff; color: #fff;
} }
/* 2020.3.30 */ /* 2020.3.30 */
#footer_contact .footer_contact_blk { #footer_contact .footer_contact_blk {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
#footer_contact .footer_contact_blk li { #footer_contact .footer_contact_blk li {
float: none; float: none;
height: auto; height: auto;
} }
#footer_contact .footer_contact_blk li:first-child { #footer_contact .footer_contact_blk li:first-child {
position: static; position: static;
margin: 0; margin: 0;
width: calc((100% - 100px)/2); width: calc((100% - 100px)/2);
} }
#footer_contact .footer_contact_blk li:nth-child(2) { #footer_contact .footer_contact_blk li:nth-child(2) {
width: calc((100% - 100px)/2); width: calc((100% - 100px)/2);
} }
#footer_contact .footer_contact_blk li:nth-child(3), #footer_contact .footer_contact_blk li:nth-child(3),
#footer_contact .footer_contact_blk li:nth-child(4) { #footer_contact .footer_contact_blk li:nth-child(4) {
width: 50px; width: 50px;
} }
#footer_contact .icon-tel { #footer_contact .icon-tel {
top: 0; top: 0;
} }
#footer_contact .icon-mail { #footer_contact .icon-mail {
top: 0; top: 0;
} }
#footer_contact .footer_contact_blk li:first-child a, #footer_contact .footer_contact_blk li:first-child a,
#footer_contact .footer_contact_blk li:nth-child(2) a { #footer_contact .footer_contact_blk li:nth-child(2) a {
position: relative; position: relative;
display: block; display: block;
padding: 15.5px 10px; padding: 15.5px 10px;
text-align: left; text-align: left;
color: #fff; color: #fff;
} }
#footer_contact .footer_contact_blk li:first-child a { #footer_contact .footer_contact_blk li:first-child a {
background-color: #29417c; background-color: #29417c;
} }
#footer_contact .footer_contact_blk li:first-child a::after, #footer_contact .footer_contact_blk li:first-child a::after,
#footer_contact .footer_contact_blk li:nth-child(2) a::after { #footer_contact .footer_contact_blk li:nth-child(2) a::after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
right: 5px; right: 5px;
margin: auto; margin: auto;
width: 14px; width: 14px;
height: 14px; height: 14px;
display: block; display: block;
padding: 0; padding: 0;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment