@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
@import url(https://fonts.googleapis.com/css?family=Julius+Sans+One&subset=latin,latin-ext);
/* line 6, ../sass/_common.scss */
.mt0 {
margin-top: 0px !important;
}
/* line 9, ../sass/_common.scss */
.mb0 {
margin-bottom: 0px !important;
}
/* line 12, ../sass/_common.scss */
.ml0 {
margin-left: 0px !important;
}
/* line 15, ../sass/_common.scss */
.mr0 {
margin-right: 0px !important;
}
/* line 6, ../sass/_common.scss */
.mt5 {
margin-top: 5px !important;
}
/* line 9, ../sass/_common.scss */
.mb5 {
margin-bottom: 5px !important;
}
/* line 12, ../sass/_common.scss */
.ml5 {
margin-left: 5px !important;
}
/* line 15, ../sass/_common.scss */
.mr5 {
margin-right: 5px !important;
}
/* line 6, ../sass/_common.scss */
.mt10 {
margin-top: 10px !important;
}
/* line 9, ../sass/_common.scss */
.mb10 {
margin-bottom: 10px !important;
}
/* line 12, ../sass/_common.scss */
.ml10 {
margin-left: 10px !important;
}
/* line 15, ../sass/_common.scss */
.mr10 {
margin-right: 10px !important;
}
/* line 6, ../sass/_common.scss */
.mt15 {
margin-top: 15px !important;
}
/* line 9, ../sass/_common.scss */
.mb15 {
margin-bottom: 15px !important;
}
/* line 12, ../sass/_common.scss */
.ml15 {
margin-left: 15px !important;
}
/* line 15, ../sass/_common.scss */
.mr15 {
margin-right: 15px !important;
}
/* line 6, ../sass/_common.scss */
.mt20 {
margin-top: 20px !important;
}
/* line 9, ../sass/_common.scss */
.mb20 {
margin-bottom: 20px !important;
}
/* line 12, ../sass/_common.scss */
.ml20 {
margin-left: 20px !important;
}
/* line 15, ../sass/_common.scss */
.mr20 {
margin-right: 20px !important;
}
/* line 6, ../sass/_common.scss */
.mt25 {
margin-top: 25px !important;
}
/* line 9, ../sass/_common.scss */
.mb25 {
margin-bottom: 25px !important;
}
/* line 12, ../sass/_common.scss */
.ml25 {
margin-left: 25px !important;
}
/* line 15, ../sass/_common.scss */
.mr25 {
margin-right: 25px !important;
}
/* line 6, ../sass/_common.scss */
.mt30 {
margin-top: 30px !important;
}
/* line 9, ../sass/_common.scss */
.mb30 {
margin-bottom: 30px !important;
}
/* line 12, ../sass/_common.scss */
.ml30 {
margin-left: 30px !important;
}
/* line 15, ../sass/_common.scss */
.mr30 {
margin-right: 30px !important;
}
/* line 6, ../sass/_common.scss */
.mt35 {
margin-top: 35px !important;
}
/* line 9, ../sass/_common.scss */
.mb35 {
margin-bottom: 35px !important;
}
/* line 12, ../sass/_common.scss */
.ml35 {
margin-left: 35px !important;
}
/* line 15, ../sass/_common.scss */
.mr35 {
margin-right: 35px !important;
}
/* line 6, ../sass/_common.scss */
.mt40 {
margin-top: 40px !important;
}
/* line 9, ../sass/_common.scss */
.mb40 {
margin-bottom: 40px !important;
}
/* line 12, ../sass/_common.scss */
.ml40 {
margin-left: 40px !important;
}
/* line 15, ../sass/_common.scss */
.mr40 {
margin-right: 40px !important;
}
/* line 6, ../sass/_common.scss */
.mt45 {
margin-top: 45px !important;
}
/* line 9, ../sass/_common.scss */
.mb45 {
margin-bottom: 45px !important;
}
/* line 12, ../sass/_common.scss */
.ml45 {
margin-left: 45px !important;
}
/* line 15, ../sass/_common.scss */
.mr45 {
margin-right: 45px !important;
}
/* line 6, ../sass/_common.scss */
.mt50 {
margin-top: 50px !important;
}
/* line 9, ../sass/_common.scss */
.mb50 {
margin-bottom: 50px !important;
}
/* line 12, ../sass/_common.scss */
.ml50 {
margin-left: 50px !important;
}
/* line 15, ../sass/_common.scss */
.mr50 {
margin-right: 50px !important;
}
/* line 6, ../sass/_common.scss */
.mt55 {
margin-top: 55px !important;
}
/* line 9, ../sass/_common.scss */
.mb55 {
margin-bottom: 55px !important;
}
/* line 12, ../sass/_common.scss */
.ml55 {
margin-left: 55px !important;
}
/* line 15, ../sass/_common.scss */
.mr55 {
margin-right: 55px !important;
}
/* line 6, ../sass/_common.scss */
.mt60 {
margin-top: 60px !important;
}
/* line 9, ../sass/_common.scss */
.mb60 {
margin-bottom: 60px !important;
}
/* line 12, ../sass/_common.scss */
.ml60 {
margin-left: 60px !important;
}
/* line 15, ../sass/_common.scss */
.mr60 {
margin-right: 60px !important;
}
/* line 6, ../sass/_common.scss */
.mt65 {
margin-top: 65px !important;
}
/* line 9, ../sass/_common.scss */
.mb65 {
margin-bottom: 65px !important;
}
/* line 12, ../sass/_common.scss */
.ml65 {
margin-left: 65px !important;
}
/* line 15, ../sass/_common.scss */
.mr65 {
margin-right: 65px !important;
}
/* line 6, ../sass/_common.scss */
.mt70 {
margin-top: 70px !important;
}
/* line 9, ../sass/_common.scss */
.mb70 {
margin-bottom: 70px !important;
}
/* line 12, ../sass/_common.scss */
.ml70 {
margin-left: 70px !important;
}
/* line 15, ../sass/_common.scss */
.mr70 {
margin-right: 70px !important;
}
/* line 6, ../sass/_common.scss */
.mt75 {
margin-top: 75px !important;
}
/* line 9, ../sass/_common.scss */
.mb75 {
margin-bottom: 75px !important;
}
/* line 12, ../sass/_common.scss */
.ml75 {
margin-left: 75px !important;
}
/* line 15, ../sass/_common.scss */
.mr75 {
margin-right: 75px !important;
}
/* line 6, ../sass/_common.scss */
.mt80 {
margin-top: 80px !important;
}
/* line 9, ../sass/_common.scss */
.mb80 {
margin-bottom: 80px !important;
}
/* line 12, ../sass/_common.scss */
.ml80 {
margin-left: 80px !important;
}
/* line 15, ../sass/_common.scss */
.mr80 {
margin-right: 80px !important;
}
/* line 6, ../sass/_common.scss */
.mt85 {
margin-top: 85px !important;
}
/* line 9, ../sass/_common.scss */
.mb85 {
margin-bottom: 85px !important;
}
/* line 12, ../sass/_common.scss */
.ml85 {
margin-left: 85px !important;
}
/* line 15, ../sass/_common.scss */
.mr85 {
margin-right: 85px !important;
}
/* line 6, ../sass/_common.scss */
.mt90 {
margin-top: 90px !important;
}
/* line 9, ../sass/_common.scss */
.mb90 {
margin-bottom: 90px !important;
}
/* line 12, ../sass/_common.scss */
.ml90 {
margin-left: 90px !important;
}
/* line 15, ../sass/_common.scss */
.mr90 {
margin-right: 90px !important;
}
/* line 6, ../sass/_common.scss */
.mt95 {
margin-top: 95px !important;
}
/* line 9, ../sass/_common.scss */
.mb95 {
margin-bottom: 95px !important;
}
/* line 12, ../sass/_common.scss */
.ml95 {
margin-left: 95px !important;
}
/* line 15, ../sass/_common.scss */
.mr95 {
margin-right: 95px !important;
}
/* line 6, ../sass/_common.scss */
.mt100 {
margin-top: 100px !important;
}
/* line 9, ../sass/_common.scss */
.mb100 {
margin-bottom: 100px !important;
}
/* line 12, ../sass/_common.scss */
.ml100 {
margin-left: 100px !important;
}
/* line 15, ../sass/_common.scss */
.mr100 {
margin-right: 100px !important;
}
/* line 20, ../sass/_common.scss */
.pt0 {
padding-top: 0px !important;
}
/* line 23, ../sass/_common.scss */
.pb0 {
padding-bottom: 0px !important;
}
/* line 26, ../sass/_common.scss */
.pl0 {
padding-left: 0px !important;
}
/* line 29, ../sass/_common.scss */
.pr0 {
padding-right: 0px !important;
}
/* line 20, ../sass/_common.scss */
.pt5 {
padding-top: 5px !important;
}
/* line 23, ../sass/_common.scss */
.pb5 {
padding-bottom: 5px !important;
}
/* line 26, ../sass/_common.scss */
.pl5 {
padding-left: 5px !important;
}
/* line 29, ../sass/_common.scss */
.pr5 {
padding-right: 5px !important;
}
/* line 20, ../sass/_common.scss */
.pt10 {
padding-top: 10px !important;
}
/* line 23, ../sass/_common.scss */
.pb10 {
padding-bottom: 10px !important;
}
/* line 26, ../sass/_common.scss */
.pl10 {
padding-left: 10px !important;
}
/* line 29, ../sass/_common.scss */
.pr10 {
padding-right: 10px !important;
}
/* line 20, ../sass/_common.scss */
.pt15 {
padding-top: 15px !important;
}
/* line 23, ../sass/_common.scss */
.pb15 {
padding-bottom: 15px !important;
}
/* line 26, ../sass/_common.scss */
.pl15 {
padding-left: 15px !important;
}
/* line 29, ../sass/_common.scss */
.pr15 {
padding-right: 15px !important;
}
/* line 20, ../sass/_common.scss */
.pt20 {
padding-top: 20px !important;
}
/* line 23, ../sass/_common.scss */
.pb20 {
padding-bottom: 20px !important;
}
/* line 26, ../sass/_common.scss */
.pl20 {
padding-left: 20px !important;
}
/* line 29, ../sass/_common.scss */
.pr20 {
padding-right: 20px !important;
}
/* line 20, ../sass/_common.scss */
.pt25 {
padding-top: 25px !important;
}
/* line 23, ../sass/_common.scss */
.pb25 {
padding-bottom: 25px !important;
}
/* line 26, ../sass/_common.scss */
.pl25 {
padding-left: 25px !important;
}
/* line 29, ../sass/_common.scss */
.pr25 {
padding-right: 25px !important;
}
/* line 20, ../sass/_common.scss */
.pt30 {
padding-top: 30px !important;
}
/* line 23, ../sass/_common.scss */
.pb30 {
padding-bottom: 30px !important;
}
/* line 26, ../sass/_common.scss */
.pl30 {
padding-left: 30px !important;
}
/* line 29, ../sass/_common.scss */
.pr30 {
padding-right: 30px !important;
}
/* line 20, ../sass/_common.scss */
.pt35 {
padding-top: 35px !important;
}
/* line 23, ../sass/_common.scss */
.pb35 {
padding-bottom: 35px !important;
}
/* line 26, ../sass/_common.scss */
.pl35 {
padding-left: 35px !important;
}
/* line 29, ../sass/_common.scss */
.pr35 {
padding-right: 35px !important;
}
/* line 20, ../sass/_common.scss */
.pt40 {
padding-top: 40px !important;
}
/* line 23, ../sass/_common.scss */
.pb40 {
padding-bottom: 40px !important;
}
/* line 26, ../sass/_common.scss */
.pl40 {
padding-left: 40px !important;
}
/* line 29, ../sass/_common.scss */
.pr40 {
padding-right: 40px !important;
}
/* line 20, ../sass/_common.scss */
.pt45 {
padding-top: 45px !important;
}
/* line 23, ../sass/_common.scss */
.pb45 {
padding-bottom: 45px !important;
}
/* line 26, ../sass/_common.scss */
.pl45 {
padding-left: 45px !important;
}
/* line 29, ../sass/_common.scss */
.pr45 {
padding-right: 45px !important;
}
/* line 20, ../sass/_common.scss */
.pt50 {
padding-top: 50px !important;
}
/* line 23, ../sass/_common.scss */
.pb50 {
padding-bottom: 50px !important;
}
/* line 26, ../sass/_common.scss */
.pl50 {
padding-left: 50px !important;
}
/* line 29, ../sass/_common.scss */
.pr50 {
padding-right: 50px !important;
}
/* line 20, ../sass/_common.scss */
.pt55 {
padding-top: 55px !important;
}
/* line 23, ../sass/_common.scss */
.pb55 {
padding-bottom: 55px !important;
}
/* line 26, ../sass/_common.scss */
.pl55 {
padding-left: 55px !important;
}
/* line 29, ../sass/_common.scss */
.pr55 {
padding-right: 55px !important;
}
/* line 20, ../sass/_common.scss */
.pt60 {
padding-top: 60px !important;
}
/* line 23, ../sass/_common.scss */
.pb60 {
padding-bottom: 60px !important;
}
/* line 26, ../sass/_common.scss */
.pl60 {
padding-left: 60px !important;
}
/* line 29, ../sass/_common.scss */
.pr60 {
padding-right: 60px !important;
}
/* line 20, ../sass/_common.scss */
.pt65 {
padding-top: 65px !important;
}
/* line 23, ../sass/_common.scss */
.pb65 {
padding-bottom: 65px !important;
}
/* line 26, ../sass/_common.scss */
.pl65 {
padding-left: 65px !important;
}
/* line 29, ../sass/_common.scss */
.pr65 {
padding-right: 65px !important;
}
/* line 20, ../sass/_common.scss */
.pt70 {
padding-top: 70px !important;
}
/* line 23, ../sass/_common.scss */
.pb70 {
padding-bottom: 70px !important;
}
/* line 26, ../sass/_common.scss */
.pl70 {
padding-left: 70px !important;
}
/* line 29, ../sass/_common.scss */
.pr70 {
padding-right: 70px !important;
}
/* line 20, ../sass/_common.scss */
.pt75 {
padding-top: 75px !important;
}
/* line 23, ../sass/_common.scss */
.pb75 {
padding-bottom: 75px !important;
}
/* line 26, ../sass/_common.scss */
.pl75 {
padding-left: 75px !important;
}
/* line 29, ../sass/_common.scss */
.pr75 {
padding-right: 75px !important;
}
/* line 20, ../sass/_common.scss */
.pt80 {
padding-top: 80px !important;
}
/* line 23, ../sass/_common.scss */
.pb80 {
padding-bottom: 80px !important;
}
/* line 26, ../sass/_common.scss */
.pl80 {
padding-left: 80px !important;
}
/* line 29, ../sass/_common.scss */
.pr80 {
padding-right: 80px !important;
}
/* line 20, ../sass/_common.scss */
.pt85 {
padding-top: 85px !important;
}
/* line 23, ../sass/_common.scss */
.pb85 {
padding-bottom: 85px !important;
}
/* line 26, ../sass/_common.scss */
.pl85 {
padding-left: 85px !important;
}
/* line 29, ../sass/_common.scss */
.pr85 {
padding-right: 85px !important;
}
/* line 20, ../sass/_common.scss */
.pt90 {
padding-top: 90px !important;
}
/* line 23, ../sass/_common.scss */
.pb90 {
padding-bottom: 90px !important;
}
/* line 26, ../sass/_common.scss */
.pl90 {
padding-left: 90px !important;
}
/* line 29, ../sass/_common.scss */
.pr90 {
padding-right: 90px !important;
}
/* line 20, ../sass/_common.scss */
.pt95 {
padding-top: 95px !important;
}
/* line 23, ../sass/_common.scss */
.pb95 {
padding-bottom: 95px !important;
}
/* line 26, ../sass/_common.scss */
.pl95 {
padding-left: 95px !important;
}
/* line 29, ../sass/_common.scss */
.pr95 {
padding-right: 95px !important;
}
/* line 20, ../sass/_common.scss */
.pt100 {
padding-top: 100px !important;
}
/* line 23, ../sass/_common.scss */
.pb100 {
padding-bottom: 100px !important;
}
/* line 26, ../sass/_common.scss */
.pl100 {
padding-left: 100px !important;
}
/* line 29, ../sass/_common.scss */
.pr100 {
padding-right: 100px !important;
}
/* line 34, ../sass/_common.scss */
.fs10 {
font-size: 10px !important;
}
/* line 34, ../sass/_common.scss */
.fs12 {
font-size: 12px !important;
}
/* line 34, ../sass/_common.scss */
.fs14 {
font-size: 14px !important;
}
/* line 34, ../sass/_common.scss */
.fs16 {
font-size: 16px !important;
}
/* line 34, ../sass/_common.scss */
.fs18 {
font-size: 18px !important;
}
/* line 34, ../sass/_common.scss */
.fs20 {
font-size: 20px !important;
}
/* line 34, ../sass/_common.scss */
.fs22 {
font-size: 22px !important;
}
/* line 34, ../sass/_common.scss */
.fs24 {
font-size: 24px !important;
}
/* line 34, ../sass/_common.scss */
.fs26 {
font-size: 26px !important;
}
/* line 34, ../sass/_common.scss */
.fs28 {
font-size: 28px !important;
}
/* line 34, ../sass/_common.scss */
.fs30 {
font-size: 30px !important;
}
/* line 34, ../sass/_common.scss */
.fs32 {
font-size: 32px !important;
}
/* line 34, ../sass/_common.scss */
.fs34 {
font-size: 34px !important;
}
/* line 34, ../sass/_common.scss */
.fs36 {
font-size: 36px !important;
}
/* line 34, ../sass/_common.scss */
.fs38 {
font-size: 38px !important;
}
/* line 34, ../sass/_common.scss */
.fs40 {
font-size: 40px !important;
}
/* line 39, ../sass/_common.scss */
body {
height: 100%;
font-size: 16px;
font-family: 'Open Sans', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
background-image: url("/images/body_bg.jpg");
background-repeat: repeat;
}
/* line 47, ../sass/_common.scss */
.ft_no {
font-family: 'Lato', sans-serif;
}
/* line 51, ../sass/_common.scss */
.font_bold {
font-weight: bold !important;
}
/* line 55, ../sass/_common.scss */
.help-block.has-error {
color: #f00;
font-weight: bold;
}
/* line 39, ../sass/_style.scss */
.color_main {
color: #004ea2 !important;
}
/* line 42, ../sass/_style.scss */
.color_sub1 {
color: #D9D9D9;
}
/* line 47, ../sass/_style.scss */
.bgcolor_main {
background-color: #004ea2 !important;
color: #fff;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
/* line 54, ../sass/_style.scss */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #cdf;
}
/* Firefox 19+ */
/* line 59, ../sass/_style.scss */
input::-moz-placeholder, textarea::-moz-placeholder {
color: #cdf;
opacity: 1;
}
/* line 63, ../sass/_style.scss */
input:placeholder-shown, textarea:placeholder-shown {
color: #cdf;
}
/* line 68, ../sass/_style.scss */
.form-control::placeholder {
color: #cdf;
}
/* line 72, ../sass/_style.scss */
#main-content {
padding-left: 20px;
padding-right: 20px;
}
/* line 77, ../sass/_style.scss */
.flex-fit-rows {
padding-top: 20px;
overflow: hidden;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flexbox;
display: flex;
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
/* line 91, ../sass/_style.scss */
.flex-fit-rows:before {
width: 0 !important;
}
/* line 95, ../sass/_style.scss */
.flex-fit-rows .absolute-box {
position: absolute;
top: 0;
bottom: 0;
left: 15px;
right: 15px;
z-index: 0;
}
/* line 104, ../sass/_style.scss */
.flex-fit-rows .inner {
z-index: 2;
position: relative;
}
/* line 113, ../sass/_style.scss */
.pg_mt {
margin-top: 30px;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 113, ../sass/_style.scss */
.pg_mt {
margin-top: 20px;
}
}
/* line 121, ../sass/_style.scss */
h1 {
font-size: 32px;
margin: 0;
line-height: 1.50;
}
/* line 126, ../sass/_style.scss */
h2 {
font-size: 24px;
margin: 0;
line-height: 1.50;
}
/* line 131, ../sass/_style.scss */
h3 {
font-size: 21px;
margin: 0;
line-height: 1.50;
}
/* line 136, ../sass/_style.scss */
h4 {
font-size: 19px;
margin: 0;
line-height: 1.50;
}
/* line 141, ../sass/_style.scss */
p {
margin: 0;
}
/* line 144, ../sass/_style.scss */
.ft_subcateg_menu {
font-size: 15px;
}
/* line 147, ../sass/_style.scss */
.ft_14 {
font-size: 14px;
}
/* line 150, ../sass/_style.scss */
.ft_19 {
font-size: 19px;
}
/* line 153, ../sass/_style.scss */
.ft_32 {
font-size: 32px;
}
/* line 156, ../sass/_style.scss */
.ft_46 {
font-size: 46px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
/* line 160, ../sass/_style.scss */
h1 {
font-size: 26px;
}
}
@media only screen and (max-width: 575px) {
/* line 165, ../sass/_style.scss */
h1 {
font-size: 24px;
}
/* line 168, ../sass/_style.scss */
h2 {
font-size: 22px;
}
/* line 171, ../sass/_style.scss */
h3 {
font-size: 18px;
}
/* line 174, ../sass/_style.scss */
h4, .ft_19 {
font-size: 17px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
/* line 179, ../sass/_style.scss */
.ft_32 {
font-size: 30px;
}
/* line 182, ../sass/_style.scss */
.ft_46 {
font-size: 35px;
}
}
@media only screen and (max-width: 575px) {
/* line 187, ../sass/_style.scss */
.ft_32 {
font-size: 24px;
}
/* line 190, ../sass/_style.scss */
.ft_46 {
font-size: 30px;
}
}
/* line 194, ../sass/_style.scss */
dd {
margin: 0;
}
/* line 197, ../sass/_style.scss */
ul {
margin: 0;
}
/* line 201, ../sass/_style.scss */
a {
color: #404040;
transition-duration: 0.3s;
}
/* line 203, ../sass/_style.scss */
a:link, a:visited, a:focus, a:hover, a:active {
outline: none;
text-decoration: none;
}
/* line 208, ../sass/_style.scss */
a:hover {
color: #004ea2;
}
/* line 211, ../sass/_style.scss */
a p {
transition-duration: 0.3s;
}
/* line 213, ../sass/_style.scss */
a p:hover {
color: #004ea2;
}
/* line 220, ../sass/_style.scss */
.titl_1 {
position: relative;
padding-left: 18px;
}
/* line 223, ../sass/_style.scss */
.titl_1:before {
content: "";
display: inline-block;
width: 1px;
height: 23px;
background-color: #404040;
position: absolute;
top: 4px;
left: 0px;
}
/* line 234, ../sass/_style.scss */
.titl_1ico {
position: relative;
padding-left: 18px;
}
/* line 237, ../sass/_style.scss */
.titl_1ico:before {
content: "";
display: inline-block;
width: 1px;
height: 23px;
background-color: #404040;
position: absolute;
top: 4px;
left: 0px;
}
@media only screen and (max-width: 575px) {
/* line 234, ../sass/_style.scss */
.titl_1ico {
padding-right: 48px;
}
}
/* line 251, ../sass/_style.scss */
.titl_2 {
position: relative;
}
@media only screen and (max-width: 575px) {
/* line 251, ../sass/_style.scss */
.titl_2 {
padding-right: 48px;
}
}
/* line 257, ../sass/_style.scss */
.img_titl {
width: 56px;
margin-left: 60px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 575px) {
/* line 257, ../sass/_style.scss */
.img_titl {
width: 48px;
margin-left: 0px;
right: 0;
}
}
/* line 270, ../sass/_style.scss */
.titl_3 {
border-bottom: solid 3px #D9D9D9;
position: relative;
}
/* line 273, ../sass/_style.scss */
.titl_3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #7F7F7F;
bottom: -3px;
width: 20%;
}
/* line 284, ../sass/_style.scss */
.img_star {
height: 18px;
margin: 0 3px;
}
/* line 290, ../sass/_style.scss */
.btn_main {
/*background-color: #004ea2;
border-color: #004ea2;*/
background-color: #56B8E1;
border-color: #56B8E1;
color: #fff;
transition-duration: 0.3s;
}
/* line 299, ../sass/_style.scss */
.btn_main:hover {
color: #fff;
background-color: #404040;
border-color: #404040;
}
/* line 305, ../sass/_style.scss */
.btn_gray {
background-color: #BFBFBF;
border-color: #BFBFBF;
transition-duration: 0.3s;
}
/* line 309, ../sass/_style.scss */
.btn_gray:hover {
background-color: #404040;
border-color: #404040;
}
/* line 315, ../sass/_style.scss */
.btn_style1 {
background-color: #8eafbe;
border-color: #8eafbe;
color: #fff;
transition-duration: 0.3s;
}
/* line 320, ../sass/_style.scss */
.btn_style1:hover {
color: #fff;
background-color: #404040;
border-color: #404040;
}
/* line 326, ../sass/_style.scss */
.btn_style2 {
background-color: #869578;
border-color: #869578;
color: #fff;
transition-duration: 0.3s;
}
/* line 331, ../sass/_style.scss */
.btn_style2:hover {
color: #fff;
background-color: #404040;
border-color: #404040;
}
/* line 337, ../sass/_style.scss */
.btn_style3 {
background-color: #ab524e;
border-color: #ab524e;
color: #fff;
transition-duration: 0.3s;
}
/* line 342, ../sass/_style.scss */
.btn_style3:hover {
color: #fff;
background-color: #404040;
border-color: #404040;
}
/* line 348, ../sass/_style.scss */
.btn_orange {
background-color: #de5f23;
border-color: #de5f23;
color: #fff;
transition-duration: 0.3s;
}
/* line 353, ../sass/_style.scss */
.btn_orange:hover {
color: #fff;
background-color: #404040;
border-color: #404040;
}
/* line 360, ../sass/_style.scss */
.btn_icon {
height: 20px;
margin-right: 20px;
}
/* line 366, ../sass/_style.scss */
.sub1_waku {
border: 1px solid #D9D9D9;
margin-bottom: 8px;
}
/* line 371, ../sass/_style.scss */
.pagetop {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 10000;
}
@media (max-width: 768px) {
/* line 379, ../sass/_style.scss */
.pagetop .pagetop {
bottom: 10px;
right: 10px;
}
}
/* line 385, ../sass/_style.scss */
.pagetop a {
position: relative;
display: block;
background-color: #004ea2;
text-align: center;
margin: 0;
top: auto;
color: #fff;
/*font-size: 12px;*/
text-decoration: none;
height: 50px;
width: 50px;
border-radius: 25px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/* line 404, ../sass/_style.scss */
.pagetop a:hover {
display: block;
background-color: #004ea2;
text-align: center;
color: #EFE525;
/*font-size: 12px;*/
text-decoration: none;
/*padding:20px 10px;*/
}
/* line 414, ../sass/_style.scss */
.pagetop a i {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 30px;
height: 30px;
}
/* line 3, ../sass/_head.scss */
.head_box {
background-color: #818182;
color: #F2F2F2;
padding-left: 20px;
padding-right: 20px;
}
/* line 10, ../sass/_head.scss */
.head_box .text-end {
margin-top: 17px;
}
@media only screen and (max-width: 575px) {
/* line 10, ../sass/_head.scss */
.head_box .text-end {
margin-top: 17px;
margin-bottom: 12px;
}
}
/* line 17, ../sass/_head.scss */
.head_box .input-group {
border: 1px solid #F2F2F2;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 32px;
margin-top: 14px;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 17, ../sass/_head.scss */
.head_box .input-group {
margin-top: 0px;
margin-bottom: 0 !important;
}
}
/* line 27, ../sass/_head.scss */
.head_box .input-group-text {
color: #F2F2F2;
background-color: transparent;
border: none;
}
/* line 32, ../sass/_head.scss */
.head_box .form-control {
color: #7F7F7F;
background-color: transparent;
position: relative;
border: none;
padding-left: 0;
}
/* line 39, ../sass/_head.scss */
.head_box .hd_ken {
position: absolute;
height: 22px;
right: 8px;
top: 5px;
}
/* line 49, ../sass/_head.scss */
.head_title_logo {
width: 150px;
}
@media only screen and (max-width: 575px) {
/* line 49, ../sass/_head.scss */
.head_title_logo {
width: 120px;
}
}
/* line 57, ../sass/_head.scss */
.hd_flx {
display: flex;
align-items: center;
height: 62px;
}
/* line 62, ../sass/_head.scss */
.hd_flx_end {
display: flex;
align-items: end;
height: 62px;
}
/* line 67, ../sass/_head.scss */
.hd_logo {
width: 200px;
margin-right: 6px;
}
/* line 71, ../sass/_head.scss */
.hd_icon {
max-height: 35px;
margin-right: 10px;
}
/* line 75, ../sass/_head.scss */
.hd_user {
height: 20px;
top: -2px;
position: relative;
}
/* line 82, ../sass/_head.scss */
.hd_iconimg_box {
width: 35px;
display: block;
margin-right: 10px;
}
/* line 87, ../sass/_head.scss */
.hover {
overflow: hidden;
position: relative;
}
/* line 90, ../sass/_head.scss */
.hover img {
display: block;
max-height: 35px;
margin-right: 10px;
transition: .3s;
}
/* line 96, ../sass/_head.scss */
.hover .img_1 {
position: relative;
z-index: 2;
}
/* line 100, ../sass/_head.scss */
.hover .img_2 {
z-index: 1;
position: absolute;
top: 0;
left: 0;
}
/* line 107, ../sass/_head.scss */
.hover:hover .img_1 {
opacity: 0;
}
/* line 115, ../sass/_head.scss */
.example {
list-style: none;
display: flex;
padding: 0;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 115, ../sass/_head.scss */
.example {
flex-wrap: wrap;
}
}
/* line 123, ../sass/_head.scss */
.example li {
width: 100%;
display: flex;
margin: 0;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 123, ../sass/_head.scss */
.example li {
width: auto;
}
}
/* line 131, ../sass/_head.scss */
.example a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
padding: 5px 20px;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 131, ../sass/_head.scss */
.example a {
width: auto;
}
}
/* line 142, ../sass/_head.scss */
.example li + li {
position: relative;
}
/* line 145, ../sass/_head.scss */
.example li + li::before {
content: "";
display: block;
height: 1em;
border-left: 1px solid #404040;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
/* line 157, ../sass/_head.scss */
.example .dropdown-menu {
width: 100%;
border: none;
background-color: rgba(64, 64, 64, 0.8);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 162, ../sass/_head.scss */
.example .dropdown-menu .dropdown-item {
color: #fff;
font-size: 14px;
justify-content: flex-start;
padding: 5px 10px;
}
/* line 167, ../sass/_head.scss */
.example .dropdown-menu .dropdown-item:hover {
background-color: #004ea2;
}
/* line 171, ../sass/_head.scss */
.example .dropdown-menu li + li::before {
border-left: none;
}
/* line 176, ../sass/_head.scss */
.dm_color {
color: #D9D9D9;
padding-right: 6px;
}
/* line 181, ../sass/_head.scss */
#hide_menu {
position: fixed;
top: -350px;
right: 0;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid #888;
padding: 10px;
margin: 5px;
z-index: 9999;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/* line 193, ../sass/_head.scss */
#hide_menu.show {
top: 60px;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/* line 199, ../sass/_head.scss */
#hide_menu div.item {
margin: 5px 10px;
}
/* line 205, ../sass/_head.scss */
#menu_btn:hover, .header_search_btn:hover {
cursor: pointer;
}
/* line 212, ../sass/_head.scss */
.next-btn {
display: none;
}
@media only screen and (max-width: 575px) {
/* line 216, ../sass/_head.scss */
.global_nav_wrap {
position: relative;
}
/* line 219, ../sass/_head.scss */
.scroll-nav {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
/* 慣性スクロール */
}
/* line 224, ../sass/_head.scss */
.scroll-nav ul {
max-width: 2060px;
/* メニューの最大幅 */
min-width: 400px;
/* メニューの最小幅 */
list-style: none;
padding-right: 25px;
/* 右側の固定分余白を空ける */
flex-wrap: nowrap;
}
/* line 230, ../sass/_head.scss */
.scroll-nav ul li {
white-space: nowrap;
}
/* line 234, ../sass/_head.scss */
.next-btn {
/* 右側に固定する部分 */
display: block;
position: absolute;
top: 0;
right: -25px;
width: 25px;
/* 固定部分の幅 */
height: 30px;
/* メニューの高さに合わせる */
line-height: 30px;
background-color: #D9D9D9;
color: #fff;
padding-left: 3px;
}
}
/* line 250, ../sass/_head.scss */
.head_nav_banners {
padding: 10px 20px;
margin: 5px 40px;
}
/* line 253, ../sass/_head.scss */
.head_nav_banners .d-block {
top: 2px;
}
@media only screen and (max-width: 575px) {
/* line 258, ../sass/_head.scss */
.head_nav_banners .d-block {
top: 0px;
}
}
@media only screen and (max-width: 575px) {
/* line 266, ../sass/_head.scss */
.head_nav_banners {
padding: 0px;
margin: 5px 0px;
}
}
/* line 7, ../sass/_custom.scss */
.chat_area {
padding-bottom: 20px;
}
/* line 9, ../sass/_custom.scss */
.chat_area label > input {
display: none;
/* アップロードボタンのスタイルを無効にする */
}
/* line 17, ../sass/_custom.scss */
.pg_slide {
border-right: dashed 1px #404040;
padding-right: 8px;
overflow: hidden;
}
/* line 21, ../sass/_custom.scss */
.pg_slide .slick-dotted.slick-slider {
margin-bottom: 0;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 17, ../sass/_custom.scss */
.pg_slide {
border-right: none;
padding-right: 0;
}
}
/* line 34, ../sass/_custom.scss */
.select_list .option_select.required {
color: #000;
}
/* line 43, ../sass/_custom.scss */
.thumbnail button {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 9;
}
/* line 54, ../sass/_custom.scss */
.thumbnail button.slick-next:before {
content: "\f138";
font-family: fontawesome;
right: 25px;
position: relative;
color: #fff;
font-size: 20px;
z-index: 999;
}
/* line 63, ../sass/_custom.scss */
.thumbnail button.slick-prev:before {
content: "\f0a8";
font-family: fontawesome;
left: 25px;
position: relative;
color: #fff;
font-size: 20px;
z-index: 999;
}
/* line 78, ../sass/_custom.scss */
.slick .slick_img {
width: 100%;
height: 500px;
object-fit: contain;
}
/* line 83, ../sass/_custom.scss */
.slick .slick_fx {
display: flex;
}
/* line 88, ../sass/_custom.scss */
.slick button {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 100, ../sass/_custom.scss */
.slick .slide-dots {
text-align: center;
padding: 0;
padding-top: 20px;
}
/* line 104, ../sass/_custom.scss */
.slick .slide-dots li {
display: inline-block;
margin: 0 15px;
}
/* line 107, ../sass/_custom.scss */
.slick .slide-dots li button {
position: relative;
text-indent: -9999px;
}
/* line 110, ../sass/_custom.scss */
.slick .slide-dots li button:before {
content: '';
height: 10px;
width: 10px;
border-radius: 50%;
border: 1px solid #404040;
text-indent: 0px;
position: absolute;
top: 0;
left: 0;
}
/* line 123, ../sass/_custom.scss */
.slick .slide-dots li.slick-active button:before {
content: '';
border: 1px solid #004ea2;
background-color: #004ea2;
}
/* line 130, ../sass/_custom.scss */
.slick .slide-dots li:first-child:last-child {
display: none;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 135, ../sass/_custom.scss */
.slick .slick_img {
height: 200px;
}
}
/* line 142, ../sass/_custom.scss */
.bf_box {
padding-right: 60px;
}
@media only screen and (max-width: 575px) {
/* line 142, ../sass/_custom.scss */
.bf_box {
padding-right: 40px;
}
}
/* line 148, ../sass/_custom.scss */
.slick-slide {
position: relative;
}
/* line 151, ../sass/_custom.scss */
.slick-slide .caption {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
width: 100%;
padding: 10px;
background: rgba(64, 64, 64, 0.8);
color: #fff;
text-align: center;
}
@media only screen and (max-width: 575px) {
/* line 151, ../sass/_custom.scss */
.slick-slide .caption {
font-size: 13px;
padding: 8px;
}
}
/* line 166, ../sass/_custom.scss */
.bf_slide {
position: relative;
}
/* line 169, ../sass/_custom.scss */
.yaj_img {
position: absolute;
right: -42px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 575px) {
/* line 169, ../sass/_custom.scss */
.yaj_img {
right: -28px;
}
}
/* line 181, ../sass/_custom.scss */
.pg_ft {
background-color: #fff;
}
/* line 184, ../sass/_custom.scss */
.syoukei_box {
border-top: solid 15px #D9D9D9;
padding: 12px 0;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
/* line 191, ../sass/_custom.scss */
.syoukei_fx {
display: flex;
align-items: center;
}
/* line 195, ../sass/_custom.scss */
.syoukei {
position: relative;
padding-right: 24px;
padding-top: 8px;
}
/* line 200, ../sass/_custom.scss */
.maru {
height: 24px;
width: 24px;
border-radius: 50%;
line-height: 24px;
text-align: center;
/*background-color: #004ea2;*/
background-color: #56B8E1;
color: #fff;
position: absolute;
top: 0px;
right: 0px;
}
/* line 215, ../sass/_custom.scss */
.pd_bt {
padding-bottom: 110px;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 215, ../sass/_custom.scss */
.pd_bt {
padding-bottom: 180px;
}
}
/* line 222, ../sass/_custom.scss */
.f_end {
align-self: flex-end;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 222, ../sass/_custom.scss */
.f_end {
align-self: auto;
}
}
/* line 231, ../sass/_custom.scss */
.pg_inp .input-group {
border: 1px solid #404040;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/* line 235, ../sass/_custom.scss */
.pg_inp .input-group-text {
background-color: transparent;
border: none;
}
/* line 239, ../sass/_custom.scss */
.pg_inp .form-select {
border: none;
background-image: url(../images/yajirusi3.png);
}
/* line 246, ../sass/_custom.scss */
.fx_1 {
display: flex;
align-items: center;
}
@media only screen and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
/* line 246, ../sass/_custom.scss */
.fx_1 {
align-items: stretch;
}
}
/* line 253, ../sass/_custom.scss */
.fx_1img {
width: 140px;
}
/* line 256, ../sass/_custom.scss */
.fx_1txt {
padding: 10px;
width: -webkit-fill-available;
}
/* line 260, ../sass/_custom.scss */
.img_iran {
max-height: 112px;
max-width: 124px;
}
/* line 264, ../sass/_custom.scss */
.btn_iran {
margin-right: 10px;
margin-bottom: 10px;
}
/* line 270, ../sass/_custom.scss */
.mn_wrap {
margin-top: 60px;
}
/* line 272, ../sass/_custom.scss */
.mn_wrap .col-4 {
height: 200px;
}
@media only screen and (max-width: 575px) {
/* line 270, ../sass/_custom.scss */
.mn_wrap {
margin-top: 50px;
}
/* line 277, ../sass/_custom.scss */
.mn_wrap .col-4 {
height: 180px;
}
}
/* line 282, ../sass/_custom.scss */
.b_bor {
border-bottom: 1px dashed #D9D9D9;
}
/* line 285, ../sass/_custom.scss */
.r_bashed {
border-right: dashed 1px #D9D9D9;
}
/* line 288, ../sass/_custom.scss */
.image_box {
position: relative;
width: 100%;
height: 100px;
margin: 0 auto;
display: block;
/*overflow: hidden;*/
cursor: pointer;
}
/* line 296, ../sass/_custom.scss */
.image_box .mn_txb {
padding-top: 110px;
line-height: 1.2;
}
@media only screen and (max-width: 575px) {
/* line 296, ../sass/_custom.scss */
.image_box .mn_txb {
padding-top: 100px;
}
}
/* line 304, ../sass/_custom.scss */
.image_box img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100px;
display: block;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
@media only screen and (max-width: 575px) {
/* line 304, ../sass/_custom.scss */
.image_box img {
height: 80px;
}
}
/* line 319, ../sass/_custom.scss */
.image_box:hover img:nth-of-type(2) {
opacity: 0;
}
/* line 325, ../sass/_custom.scss */
.pg_iconimg_box .image_box {
height: 200px;
}
/* line 327, ../sass/_custom.scss */
.pg_iconimg_box .image_box .mn_txb {
padding-top: 130px;
}
/* line 334, ../sass/_custom.scss */
.back_dark {
background-color: #404040;
color: #fff;
height: 60px;
text-align: center;
padding-top: 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
@media only screen and (max-width: 575px) {
/* line 334, ../sass/_custom.scss */
.back_dark {
height: 48px;
}
}
/* line 345, ../sass/_custom.scss */
.h_60 {
height: 60px;
}
@media only screen and (max-width: 575px) {
/* line 345, ../sass/_custom.scss */
.h_60 {
height: 48px;
}
}
/* line 353, ../sass/_custom.scss */
.suryou_fx {
display: flex;
justify-content: flex-end;
}
/* WebKit ブラウザで、input type="number" のスピンボタンを非表示にする。 */
/* line 358, ../sass/_custom.scss */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
/* Firefox で、input type="number" のスピンボタンを非表示にする。また、入力欄の値表示を中央寄せにし、高さをボタンのサイズに合わせる。 */
/* line 366, ../sass/_custom.scss */
input[type="number"] {
-moz-appearance: textfield;
text-align: center;
height: 38px;
}
/*ボタンのサイズを 44 × 44 CSS ピクセルにする。*/
/* line 373, ../sass/_custom.scss */
button.btn-number {
width: 40px;
height: 38px;
border-color: #404040;
}
/* ステッパーコンポーネントの横幅を指定する。 */
/* line 381, ../sass/_custom.scss */
.suryou_fx div.input-group {
width: 152px;
margin-right: 10px;
margin-left: 10px;
color: #404040;
border-color: #404040;
}
/* line 388, ../sass/_custom.scss */
.suryou_fx .rounded_l {
-moz-border-radius: 0.375rem 0 0 0.375rem;
-webkit-border-radius: 0.375rem;
border-radius: 0.375rem 0 0 0.375rem;
}
/* line 390, ../sass/_custom.scss */
.suryou_fx .rounded_l:hover {
background-color: #404040;
border-color: #404040;
}
/* line 395, ../sass/_custom.scss */
.suryou_fx .rounded_r {
-moz-border-radius: 0 0.375rem 0.375rem 0;
-webkit-border-radius: 0;
border-radius: 0 0.375rem 0.375rem 0;
}
/* line 397, ../sass/_custom.scss */
.suryou_fx .rounded_r:hover {
background-color: #404040;
border-color: #404040;
}
/* line 404, ../sass/_custom.scss */
.btn_sakujyo {
width: 140px;
background-color: #fff;
border-color: #404040;
color: #404040;
transition-duration: 0.3s;
}
/* line 410, ../sass/_custom.scss */
.btn_sakujyo:hover {
background-color: #404040;
border-color: #404040;
}
/* line 415, ../sass/_custom.scss */
.torikeshi {
text-decoration: line-through;
font-size: 80%;
font-weight: normal;
}
/* line 421, ../sass/_custom.scss */
.torikeshi_hide {
display: none;
}
/* line 427, ../sass/_custom.scss */
.card.panel-default {
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 10px;
}
/* line 432, ../sass/_custom.scss */
.card.panel-default .card-img-top {
width: 40px;
margin-bottom: 25px;
}
/* line 436, ../sass/_custom.scss */
.card.panel-default .card-body {
padding: 0;
}
/* line 442, ../sass/_custom.scss */
.news_box {
padding: 5px 10px;
}
/* line 444, ../sass/_custom.scss */
.news_box .news_row {
padding: 12px;
border-bottom: solid 1px #F2F2F2;
}
/* line 451, ../sass/_custom.scss */
.bk_img1 {
background-image: url(../images/bk_img1.png);
width: 100%;
height: 100vh;
position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
}
/* line 461, ../sass/_custom.scss */
.log_box {
width: 350px;
padding: 12% 0 0;
margin: auto;
}
/* line 465, ../sass/_custom.scss */
.log_box .log_img {
max-width: 300px;
margin-bottom: 15px;
}
/* line 469, ../sass/_custom.scss */
.log_box h1 {
font-size: 18px;
margin-bottom: 15px;
}
/* line 474, ../sass/_custom.scss */
.log_waku {
background-color: #fff;
padding: 30px 20px;
}
/* line 477, ../sass/_custom.scss */
.log_waku .form-inline {
margin: 10px;
width: 100%;
}
/* line 482, ../sass/_custom.scss */
.lg_inbox {
background-color: #fff;
padding: 40px 40px 30px;
}
/* line 485, ../sass/_custom.scss */
.lg_inbox .lg_intxt {
height: 45px;
width: 100%;
padding: 8px 20px;
margin-bottom: 15px;
}
/* line 491, ../sass/_custom.scss */
.lg_inbox .lg_inbtn {
color: #fff;
background-color: #404040;
border: 1px solid #404040;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
width: 60%;
margin-top: 10px;
}
/* line 501, ../sass/_custom.scss */
.pref_menu.kyushu,
.pref_menu.chugoku,
.pref_menu.shikoku,
.pref_menu.kinki,
.pref_menu.chubu,
.pref_menu.kanto,
.pref_menu.tohoku,
.pref_menu.hokkaido {
position: fixed;
top: 0px;
left: -100vw;
width: auto;
background-color: rgba(255, 255, 255, 0.8);
padding: 20px;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/* line 517, ../sass/_custom.scss */
.pref_menu.kyushu.show,
.pref_menu.chugoku.show,
.pref_menu.shikoku.show,
.pref_menu.kinki.show,
.pref_menu.chubu.show,
.pref_menu.kanto.show,
.pref_menu.tohoku.show,
.pref_menu.hokkaido.show {
left: 0px;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
/* line 522, ../sass/_custom.scss */
.pref_menu.kyushu li.pref_list,
.pref_menu.chugoku li.pref_list,
.pref_menu.shikoku li.pref_list,
.pref_menu.kinki li.pref_list,
.pref_menu.chubu li.pref_list,
.pref_menu.kanto li.pref_list,
.pref_menu.tohoku li.pref_list,
.pref_menu.hokkaido li.pref_list {
margin: 10px 3px;
}
/* line 528, ../sass/_custom.scss */
.pref_menu.kyushu ul,
.pref_menu.chugoku ul,
.pref_menu.shikoku ul,
.pref_menu.kinki ul,
.pref_menu.chubu ul,
.pref_menu.kanto ul,
.pref_menu.tohoku ul,
.pref_menu.hokkaido ul {
margin: 30px 0 0 0;
padding: 0px;
list-style-type: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* line 536, ../sass/_custom.scss */
.pref_menu.kyushu .var_nav,
.pref_menu.chugoku .var_nav,
.pref_menu.shikoku .var_nav,
.pref_menu.kinki .var_nav,
.pref_menu.chubu .var_nav,
.pref_menu.kanto .var_nav,
.pref_menu.tohoku .var_nav,
.pref_menu.hokkaido .var_nav {
position: relative;
background: #9fa0a0;
width: 300px;
height: 70px;
margin-bottom: 5px;
}
/* line 544, ../sass/_custom.scss */
.pref_menu.kyushu .link_bg,
.pref_menu.chugoku .link_bg,
.pref_menu.shikoku .link_bg,
.pref_menu.kinki .link_bg,
.pref_menu.chubu .link_bg,
.pref_menu.kanto .link_bg,
.pref_menu.tohoku .link_bg,
.pref_menu.hokkaido .link_bg {
width: 10px;
height: 70px;
position: absolute;
color: #fff;
z-index: 2;
}
/* line 553, ../sass/_custom.scss */
.pref_menu.kyushu .link_bg i,
.pref_menu.chugoku .link_bg i,
.pref_menu.shikoku .link_bg i,
.pref_menu.kinki .link_bg i,
.pref_menu.chubu .link_bg i,
.pref_menu.kanto .link_bg i,
.pref_menu.tohoku .link_bg i,
.pref_menu.hokkaido .link_bg i {
position: relative;
}
/* line 557, ../sass/_custom.scss */
.pref_menu.kyushu .link_title,
.pref_menu.chugoku .link_title,
.pref_menu.shikoku .link_title,
.pref_menu.kinki .link_title,
.pref_menu.chubu .link_title,
.pref_menu.kanto .link_title,
.pref_menu.tohoku .link_title,
.pref_menu.hokkaido .link_title {
position: absolute;
width: 100%;
z-index: 3;
color: #fff;
}
/* line 564, ../sass/_custom.scss */
.pref_menu.kyushu .link_title:hover .icon,
.pref_menu.chugoku .link_title:hover .icon,
.pref_menu.shikoku .link_title:hover .icon,
.pref_menu.kinki .link_title:hover .icon,
.pref_menu.chubu .link_title:hover .icon,
.pref_menu.kanto .link_title:hover .icon,
.pref_menu.tohoku .link_title:hover .icon,
.pref_menu.hokkaido .link_title:hover .icon {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* line 572, ../sass/_custom.scss */
.pref_menu.kyushu .var_nav:hover .link_bg,
.pref_menu.chugoku .var_nav:hover .link_bg,
.pref_menu.shikoku .var_nav:hover .link_bg,
.pref_menu.kinki .var_nav:hover .link_bg,
.pref_menu.chubu .var_nav:hover .link_bg,
.pref_menu.kanto .var_nav:hover .link_bg,
.pref_menu.tohoku .var_nav:hover .link_bg,
.pref_menu.hokkaido .var_nav:hover .link_bg {
width: 100%;
background: #004ea2;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* line 582, ../sass/_custom.scss */
.pref_menu.kyushu .var_nav:hover a,
.pref_menu.chugoku .var_nav:hover a,
.pref_menu.shikoku .var_nav:hover a,
.pref_menu.kinki .var_nav:hover a,
.pref_menu.chubu .var_nav:hover a,
.pref_menu.kanto .var_nav:hover a,
.pref_menu.tohoku .var_nav:hover a,
.pref_menu.hokkaido .var_nav:hover a {
font-weight: bold;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
/* line 591, ../sass/_custom.scss */
.pref_menu.kyushu .icon,
.pref_menu.chugoku .icon,
.pref_menu.shikoku .icon,
.pref_menu.kinki .icon,
.pref_menu.chubu .icon,
.pref_menu.kanto .icon,
.pref_menu.tohoku .icon,
.pref_menu.hokkaido .icon {
position: relative;
width: 70px;
height: 70px;
text-align: center;
color: #fff;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
float: left;
transition: all .5s ease-in-out;
float: left;
}
/* line 606, ../sass/_custom.scss */
.pref_menu.kyushu .icon i,
.pref_menu.chugoku .icon i,
.pref_menu.shikoku .icon i,
.pref_menu.kinki .icon i,
.pref_menu.chubu .icon i,
.pref_menu.kanto .icon i,
.pref_menu.tohoku .icon i,
.pref_menu.hokkaido .icon i {
top: 22px;
position: relative;
}
/* line 607, ../sass/_custom.scss */
.pref_menu.kyushu a,
.pref_menu.chugoku a,
.pref_menu.shikoku a,
.pref_menu.kinki a,
.pref_menu.chubu a,
.pref_menu.kanto a,
.pref_menu.tohoku a,
.pref_menu.hokkaido a {
display: block;
position: absolute;
float: left;
font-family: arial;
color: #fff;
text-decoration: none;
width: 100%;
height: 70px;
text-align: center;
}
/* line 618, ../sass/_custom.scss */
.pref_menu.kyushu span,
.pref_menu.chugoku span,
.pref_menu.shikoku span,
.pref_menu.kinki span,
.pref_menu.chubu span,
.pref_menu.kanto span,
.pref_menu.tohoku span,
.pref_menu.hokkaido span {
margin-top: 25px;
display: block;
}
/* line 627, ../sass/_custom.scss */
small.mydata {
font-weight: normal;
color: #666;
}
/*===================
iPhoneのメッセージ風
=====================*/
/*フレームとフォント*/
/* line 639, ../sass/_custom.scss */
.kaiwa.imessage {
margin: 0 auto;
padding: 10px 0;
background: white;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Helvetica Neue", "Lucida Sans Unicode", "Arial";
font-size: 16px;
color: #333;
line-height: 1.4;
overflow: hidden;
}
/*フキダシ共通*/
/* line 653, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi {
position: relative;
display: inline-block;
max-width: 250px;
margin: 1px 10px 6px;
padding: 9px 14px;
border-radius: 19px;
overflow-wrap: break-word;
clear: both;
box-sizing: content-box;
/*はてな用*/
white-space: pre-wrap;
}
/*しっぽをつけないとき*/
/* line 668, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi.notail {
margin-bottom: 0;
}
/*フキダシ左*/
/* line 672, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi.left {
float: left;
background: #e9e9ed;
}
/* line 675, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi.left .message_datetime {
text-align: right;
font-size: 12px;
color: #888;
}
/*フキダシ右*/
/* line 683, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi.right {
float: right;
background: #2793fa;
color: white;
}
/* line 687, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi.right .message_datetime {
text-align: right;
font-size: 12px;
color: #338;
}
/*しっぽ共通*/
/* line 695, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi::after {
position: absolute;
content: "";
width: 17px;
height: 17px;
bottom: 0;
}
/*しっぽ左*/
/* line 703, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi.left::after {
left: -6px;
border-radius: 0px 0 17px 0px/ 0px 0 13px 0;
box-shadow: -14px 2px 0 -3px #e9e9ed inset;
}
/*しっぽ右*/
/* line 709, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi.right::after {
right: -6px;
border-radius: 0px 0 0 17px/ 0px 0 0 13px;
box-shadow: 14px 2px 0 -3px #2793fa inset;
}
/*しっぽをつけないとき*/
/* line 715, ../sass/_custom.scss */
.kaiwa.imessage .fukidasi.notail::after {
content: none;
}
/* line 720, ../sass/_custom.scss */
.kingaku_fx {
display: flex;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 12px;
}
/* line 726, ../sass/_custom.scss */
.kingaku_fx_suuryou {
margin-right: 12px;
height: 78px;
text-align: center;
font-size: 19px;
}
/* line 731, ../sass/_custom.scss */
.kingaku_fx_suuryou input[type="number"]::-webkit-outer-spin-button,
.kingaku_fx_suuryou input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: auto;
appearance: auto;
margin: 0;
opacity: 1;
}
@media only screen and (max-width: 575px) {
/* line 726, ../sass/_custom.scss */
.kingaku_fx_suuryou {
height: 72px;
font-size: 17px;
}
}
/* line 745, ../sass/_custom.scss */
.txt_link {
color: #56B8E1;
}
/* line 747, ../sass/_custom.scss */
.txt_link:hover {
color: #004ea2;
}
/* line 751, ../sass/_custom.scss */
.linktext {
color: #56B8E1;
text-decoration: underline !important;
}
/* line 753, ../sass/_custom.scss */
.linktext:hover {
color: #004ea2;
}
/* line 760, ../sass/_custom.scss */
.select_list {
list-style: none;
padding-left: 10px;
margin-top: 10px;
}
/* line 764, ../sass/_custom.scss */
.select_list .option_select {
background-color: #D9D9D9;
text-align: left;
margin-bottom: 10px;
}
/* line 769, ../sass/_custom.scss */
.select_list .option_select option {
background-color: #fff;
}
/* line 776, ../sass/_custom.scss */
.txt_mini {
font-size: 14px;
padding-top: 8px;
line-height: 1.4;
}
/* line 781, ../sass/_custom.scss */
.mtmini {
margin-top: 6px;
}
/* line 786, ../sass/_custom.scss */
.delivery2, .delivery3 {
max-height: 1000px;
transition-duration: 0.3s;
overflow: hidden;
}
/* line 791, ../sass/_custom.scss */
.delivery2.hide, .delivery3.hide {
max-height: 0px;
}
/* line 798, ../sass/_custom.scss */
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
border: 1px solid #4682b4 !important;
background: #87cefa !important;
color: #191970 !important;
}
/* line 805, ../sass/_custom.scss */
.tokka_price {
position: absolute;
bottom: 0;
right: 5px;
}
/* line 811, ../sass/_custom.scss */
.tokka_price_moto {
position: absolute;
bottom: 30px;
left: 5px;
}
/* line 819, ../sass/_custom.scss */
.kamei_sns {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
/* line 829, ../sass/_custom.scss */
.kamei_tb .table tbody tr th {
width: 160px;
}
/* line 838, ../sass/_custom.scss */
.kamei_aptb .table tbody {
border-bottom: transparent;
}
/* line 841, ../sass/_custom.scss */
.kamei_aptb .table tbody tr td {
border: none;
}