@charset "utf-8";

html, body {
width: 100%;
}
body {
width: 100%;
min-width: 960px;
height: 100%;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
overflow-y: scroll;
overflow-x: auto;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 0px) and (max-width:767px) {
body {
min-width: 100%;
}
}
.bold {
font-weight: bold;
}
.mt-20 {
margin-top: 20px;
}
.mt0 {
margin-top: 0 !important;
} .cf {
zoom: 1;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
} .pc_none {
display: none !important;
}
.sp_none {
display: block !important;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.pc_none {
display: block !important;
}
.sp_none {
display: none !important;
}
} #home #wrapper_bg {
margin-top: 0;
}
#wrapper_bg {
width: 100%;
height: auto;
margin-top: 102px;
} #header {
width: 100%;
min-width: 960px;
height: 102px;
margin: 0px auto;
color: #FFF;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
text-align: left;
background-color: rgba( 0, 0, 0, 0.85);
}
#header_inner {
width: 100%;
max-width: 960px;
min-width: 960px;
height: auto;
margin: 0 auto;
position: relative;
}
#header_inner h1 {
font-size: 10px;
color: #CCC;
width: 960px;
height: 20px;
text-align: right;
position: absolute;
top: 5px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
#wrapper_bg {
margin-top: 70px;
}
#header {
display: none;
}
} ul#nav {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
#nav li {
height: auto;
float: left;
margin-right: 1%;
color: #FFF;
font-size: 13px;
line-height: 1.3; text-align: center;
}
#nav li i {
padding-right: 5px;
color: #E8E8E8;
}
#nav li a {
display: inline-block;
height: auto;
text-decoration: none;
color: #fff;
padding-bottom: 0px;
}
#nav li a:hover {
-webkit-animation: zoom .4s;
animation: zoom .4s;
}
@-webkit-keyframes zoom {
50% {
-webkit-transform: scale(1.1);
}
}
@keyframes zoom {
50% {
transform: scale(1.1);
}
}
.holiday {
font-size: 10px;
color: #fff;
display: inline-block;
}
.nav02 *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
ul.nav02 {
overflow: hidden;
position: absolute;
right: 0;
top: 53px;
width: 36%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.nav02 li {
height: auto;
float: left;
margin-right: 1%;
color: #FFF;
font-size: 13px;
line-height: 1.3; text-align: center;
}
.nav02 li i {
padding-right: 5px;
color: #E8E8E8;
}
.nav02 li a {
display: inline-block;
height: auto;
text-decoration: none;
color: #fff;
padding-bottom: 0px;
}
.nav02 li a:hover {
-webkit-animation: zoom .4s;
animation: zoom .4s;
}
.nav02 li span {
line-height: 175%;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.nav02 li:nth-child(1) {
margin-right: 0px;
padding-right: 2.5%;
margin-top: -0.25%;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #FFF;
float: right;
padding-left: 2%;
width: 33.3%;
}
.nav02 li:nth-child(2) {
margin-right: 0px;
padding-right: 2.5%;
margin-top: -0.25%;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #FFF;
float: right;
padding-left: 2%;
width: 33.3%;
}
.nav02 li:nth-child(3) {
margin-right: 0px;
padding-right: 2.5%;
margin-top: -0.25%;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #FFF;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #FFF;
float: right;
padding-left: 2%;
width: 33.3%;
}  .logo_area {
overflow: hidden;
}
.sp_logo {
width: 253px;
float: left;
}
.sp_logo img {
width: 100%;
height: auto;
margin-top: 10px;
} .company_btn_area {
float: right;
margin-top: 20px;
}
.company_btn li {
display: inline-block;
}
.company_btn a {
color: #fff;
text-decoration: none;
font-size: 14px;
display: inline-block;
}
.company_btn a:hover {
-webkit-animation: zoom .4s;
animation: zoom .4s;
} .droppy {
display: block;
margin: 0;
padding: 0;
position: relative;
margin-top: 15px;
}
.droppy li {
display: block;
list-style: none;
margin: 0;
padding: 0;
float: left;
position: relative;
}
.droppy ul {
display: none;
position: absolute;
left: 0;
margin: 0;
padding: 0;
}
* html .droppy ul {
line-height: 0;
} .droppy ul a {
zoom: 1;
} .droppy ul li {
float: none;
}
.droppy ul ul {
top: 0;
} .droppy ul {
width: 100%;
}
.droppy ul ul {
left: 100%;
} .droppy {
height: auto;
}
.droppy *:hover {
background-color: none;
}
.droppy a {
}
.droppy li.hover a {
}
.droppy ul {
top: 8px;
}
.droppy ul li a {
}
.droppy ul a.has-subnav {
background-color: rgba( 0, 0, 0, 0.65 );
}
.droppy ul a.hover {
color: #fff;
}
.droppy ul a {
}
body #nav ul.nav li {
width: 100%;
height: auto;
background-color: rgba( 0, 0, 0, 0.65 );
color: #fff;
padding-left: 0%;
padding-right: 0%;
padding-top: 10px;
padding-bottom: 12px;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
border: none;
}
body #nav ul.nav li:last-child {
padding-bottom: 20px;
} .ggmap {
position: relative;
padding-top: 0px;
height: 0;
overflow: hidden;
height: 350px;
width: 100%;
margin-top: 5%;
padding-top: 6%;
}
.ggmap iframe, .ggmapr object, .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-left: 0%;
padding-right: 0%;
}
p.map_zoom {
text-align: right;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.ggmap {
position: relative;
padding-top: 0px;
height: 0;
overflow: hidden;
width: 96%;
padding-left: 2%;
padding-right: 2%;
height: 350px;
margin-top: 6%;
border-bottom: none;
padding-top: 8%;
}
.ggmap iframe, .ggmapr object, .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 350px;
padding-left: 0%;
padding-right: 0%;
}
} .map_zoom a {
color: #424242;
font-size: 13px;
text-decoration: none;
}
.map_zoom a i {
padding-right: .3em;
}
.map_zoom a:hover {
text-decoration: underline;
}
.map_zoom.footer_map a { color: #206deb;
font-size: 13px;
text-decoration: underline;
padding-right: 1%;
}
.map_zoom.footer_map a:hover {
text-decoration: none;
} #home .footer_bnr_area {
display: none;
}
.footer_bnr_area {
max-width: 960px;
width: 100%;
margin: 115px auto;
}
.footer_bnr_area ul {
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.footer_bnr_area li {
flex-basis: 50%;
max-width: 465px;
}
.footer_bnr_area li a {
display: block;
}
.footer_bnr_area li img {
max-width: 100%;
height: auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.footer_bnr_area ul {
display: block;
width: 95%;
margin: 50px auto;
}
.footer_bnr_area li {
margin: 0 auto;
}
}  #top_about_bg {
max-width: 960px;
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
clear: both;
display: block;
margin-top: 20px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 1px;
padding-top: 40px;
max-width: 960px;
}
#top_about {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
clear: both;
display: block;
margin-top: 20px;
border-top-color: #ccc;
border-top-style: dotted;
border-top-width: 1px;
padding-top: 40px;
}
#top_about img {
width: 6%;
height: auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
#top_about img {
width: 10%;
height: auto;
}
}
#top_about h2 {
text-align: center;
font-size: 223%;
margin-bottom: 3%;
line-height: 168%;
letter-spacing: 2px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
#top_about h2 {
text-align: center;
font-size: 177%;
margin-bottom: 3%;
line-height: 120%;
letter-spacing: 2px;
}
} #about_list {
width: 100%;
height: auto;
max-width: 960px;
margin: 0 auto;
clear: both;
}
#about_list a {
color: #000;
text-decoration: none;
}
#about_list li {
float: left;
} @media screen and (min-width: 0px) and (max-width:767px) {
#about_list li {
float: none;
} }
#about_list li:nth-child(1) {
width: 50%;
height: auto;
margin-right: 4%;
margin-top: 15px;
}
#about_list li:nth-child(1) img {
width: 100%;
max-width: 466px;
height: auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
#about_list li:nth-child(1) {
width: 96%;
height: auto;
margin-right: 0%;
padding-left: 2%;
padding-right: 2%;
}
#about_list li:nth-child(1) img {
width: 100%;
max-width: none;
height: auto;
}
}
#about_list li:nth-child(2) {
width: 46%;
height: auto;
}
#about_list li:nth-child(2) img {
width: 100%;
max-width: 415px;
height: auto;
}
#about_list p {
font-size: 12px;
line-height: 23px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
#about_list li:nth-child(2) {
width: 96%;
height: auto;
margin-right: 0%;
padding-left: 2%;
padding-right: 2%;
padding-top: 3%;
text-align: center;
}
#about_list li:nth-child(2) img {
width: 80%;
max-width: 415px;
height: auto;
margin: 10px auto 20px;
}
#about_list p {
text-align: left;
}
} #footer {
width: 960px;
height: auto;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
#footer {
width: 96%;
max-width: none;
height: auto;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 0px;
display: block;
padding-left: 2%;
padding-right: 2%;
}
}
.footer_btn {
width: 85%;
margin: 0 auto;
} .footer_contact {
background-color: #000;
width: 555px;
height: auto;
margin: 0px auto;
padding: 10px 16px 9px;
float: right;
transition: 0.3s ease-in-out;
}
.footer_contact:hover {
background-color: #a33028;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.footer_contact {
background-color: #000;
width: 96%;
height: auto;
margin: 0 auto;
padding: 2%;
float: left;
margin-right: 0px;
margin-top: 5%;
padding-top: 15px;
margin-bottom: 3%;
}
.footer_contact p {
font-size: 110%;
}
}
.footer_contact_tel {
border-bottom: solid 1px;
line-height: 1.5;
margin-left: 15px;
margin-top: 10px;
letter-spacing: 2px
}
.footer_contact_tel_p1 {
display: inline-block;
font-size: 18px;
}
.footer_contact_tel_p2 {
display: inline-block;
font-size: 17px;
margin-left: 20px;
}
.footer_contact_tel_comment {
text-align: right;
font-size: 14px;
margin-top: 5px;
}
.footer_contact a {
color: #fff;
text-decoration: none;
}
.footer_contact li:nth-child(1) {
float: left;
margin-right: 10px;
text-align: center;
display: block;
}
.footer_contact li:nth-child(1) img {
width: 43px;
height: 43px;
}
.footer_contact li:nth-child(2) {
float: left;
color: #FFF;
}
.footer_contact li:nth-child(2) img {
width: 43px;
height: 43px;
}
.footdial {
font-size: 24px;
font-weight: 800;
letter-spacing: 5px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.footer_contact li:nth-child(1) {
float: left;
margin-right: 5%;
}
.footer_contact li:nth-child(1) img {
width: 50px;
height: 50px;
}
.footer_contact li:nth-child(2) {
float: left;
color: #FFF;
}
.footer_contact li:nth-child(2) img {
width: 25%;
height: 25%;
}
.footer_contact .footdial {
font-size: 160%;
font-weight: 800;
letter-spacing: 5px;
}
}
@media screen and (min-width: 0px) and (max-width:655px) {
.footer_contact {
width: 100%;
padding: 5%;
box-sizing: border-box;
}
.footer_contact li:nth-child(1) {
float: none;
margin: 0 0 10px 0;
}
.footer_contact li:nth-child(1) img {
display: block;
margin: 0 auto;
}
.footer_contact li:nth-child(2) {
float: none;
text-align: center;
}
.footer_contact_tel {
margin: 0;
}
.footer_contact_tel_comment {
text-align: center;
}
} .footer_mail {
background-color: #000;
width: 170px;
height: auto;
margin: 0px 3px 0px auto;
padding: 12px 26px 7px;
float: left;
transition: 0.3s ease-in-out;
}
.footer_mail:hover {
background-color: #a33028;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.footer_mail {
background-color: #000;
width: 90%;
height: auto;
margin: 0 auto;
padding: 5%;
float: left;
margin-right: 0px;
padding-top: 3%;
}
}
.footer_mail a {
color: #fff;
text-decoration: none;
}
.footer_mail li:nth-child(1) {
float: left;
margin-right: 10px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.footer_mail li:nth-child(1) {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
.footer_mail li:nth-child(2) {
float: none;
text-align: center;
color: #FFF;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.footer_mail li:nth-child(2) {
font-size: 20px;
}
}
.footer_mail li:nth-child(1) img {
width: 43px;
height: 43px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.footer_mail li:nth-child(1) img {
width: 50px;
height: 50px;
}
}
.footer_mail li:nth-child(2) img {
width: 43px;
height: 43px;
}
.footer_left_link_all {
clear: both;
width: 100%;
margin: 40px auto 25px;
display: inline-block;
} .footer_left_link {
width: 200px;
height: auto;
float: left;
margin-right: 50px;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.footer_left_link {
width: 100%;
height: auto;
float: none;
margin-right: 0px;
}
}
.footer_left_link ul li:nth-child(1) {
width: 200px;
height: auto;
}
.footer_left_link ul li:nth-child(2) a {
display: block;
width: 200px;
height: auto;
background-color: #005BAC;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
text-align: center;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.footer_left_link ul li:nth-child(1) {
width: 100%;
height: auto;
}
.footer_left_link ul li:nth-child(2) {
width: 100%;
height: auto;
background-color: #005BAC;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
text-align: center;
margin-bottom: 20px;
}
}
.footer_left_link ul li a {
color: #FFF;
text-decoration: none;
font-size: 12px;
display: block;
width: 100%;
}
.footer_left_link ul li img {
width: 200px;
height: auto;
margin-bottom: 7px;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.footer_left_link ul li img {
width: 100%;
height: auto;
margin-bottom: 10px;
}
} .footer_link {
font-size: 12px;
width: 709px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
display: inline-block;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.footer_link {
display: none;
}
}
.footer_link a {
color: #000;
text-decoration: none;
}
.footer_link a:hover {
text-decoration: underline;
}
.footer_link ul {
float: left;
}
.footer_link li {
width: 170px;
font-size: 11px;
margin-right: 9px;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
overflow: hidden;
}
.footer_link li:last-child {
margin-right: 0px;
}
.footer_link li ul li {
margin-left: 1em;
} small br {
display: none;
}
small {
width: 100%;
font-size: 65%;
text-align: center;
display: block;
line-height: 200%;
clear: both;
padding-top: 5px;
}
small a {
color: #000;
text-decoration: none;
}
small a:hover {
color: #CCC;
text-decoration: underline;
}
@media screen and (min-width: 0px) and (max-width:767px) {
small {
width: 100%;
font-size: 65%;
text-align: center;
display: block;
line-height: 150%;
clear: both;
border-top-color: #ccc;
border-top-width: 1px;
border-top-style: solid;
padding-top: 3%;
}
small br {
display: block;
}
}
#footer small a {
color: #000;
}
h1 {
padding: 30px 2% 0;
clear: both;
text-align: center;
line-height: 1.8;
font-size:14px;
} .footer-sns-link{
display:flex;
flex-wrap:wrap;
justify-content: center;
margin:30px auto 0;
}
#footer_insta_icon{
width:50px;
margin: 0 10px;
}
#footer_facebook_icon{
width:50px;
margin: 0 10px;
} a.fade {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a.fade:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.boderbottom {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #534741;
margin-bottom: 25px;
}
.boderbottom_sp {
border-bottom: none;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.boderbottom_sp {
display: block;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #534741;
margin-bottom: 25px;
padding-bottom: 4%;
}
}
a.widelink {
display: block;
width: 100%;
}
a.widelink_renovation {
border-bottom-color: #534741;
display: block;
width: 100%;
} #page-top {
position: fixed;
bottom: 20px;
right: 0px;
font-size: 77%;
z-index: 999;
}
#page-top a {
background-color: rgba( 0, 0, 0, 0.65 );
width: 70px;
height: 40px;
padding-top: 30px;
text-align: center;
display: block;
color: #FFF;
text-decoration: none;
transform: rotateY( 360deg );
}
#page-top a:hover {
width: 70px;
text-align: center;
display: block;
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
} .footer-nav-sp *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.footer-nav-sp {
position: fixed;
z-index: 990;
background: #333;
width: 100%;
bottom: 0;
display: flex;
}
.footer-nav-sp_blc{
width: 100%;
} .footer-nav-sp > div:not(:first-child) {
border-left: 1px dotted #fff;
}
.footer-nav-sp a {
color: #fff;
display: block;
text-align: center;
overflow: auto;
padding: 12px 0 10px;
font-weight: 600;
text-decoration: none;
}
.footer-nav-sp .f-n-s_blc_txt{
line-height: 1.8;
padding: 0 1%;
font-size: 2.2vw;
}
.footer-nav-sp a:hover, .footer-nav-sp a:focus {
text-decoration: none;
} @media(max-width: 767px){ }
@media(max-width: 480px){
.footer-nav-sp .f-n-s_blc_txt{
font-size: 11px;
}
} .contents_bg {
width: 100%;
height: 680px;
margin: 0 auto;
background-size: contain;
background-image: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/foot_bg.jpg);
background-repeat: repeat-x;
position: relative;
}
.contents_bg2 {
width: 100%;
height: 444px;
margin: 0 auto;
background-size: contain;
background-image: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/foot_bg.jpg);
background-repeat: repeat-x;
position: relative;
}
.contents_bg3 {
width: 100%;
height: 636px;
margin: 0 auto;
background-size: contain;
background-image: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/foot_bg.jpg);
background-repeat: repeat-x;
position: relative;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.contents_bg {
height: auto;
}
.contents_bg2 {
height: auto;
}
.contents_bg3 {
height: auto;
}
}
.responsive-wrap h3 {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
text-align: left;
font-size: 1em;
color: #666;
margin-top: 1%;
margin-bottom: 2%;
letter-spacing: 0.1em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: 135%;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.responsive-wrap h3 {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
text-align: left;
font-size: 0.78em;
color: #666;
margin-top: 1%;
margin-bottom: 5px;
letter-spacing: 0.1em;
font-weight: normal;
font-weight: 500;
font-size: 1em;
padding-bottom: 15px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
.responsive-wrap p {
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.85em;
color: #666;
margin-top: 1%;
margin-bottom: 2%;
letter-spacing: 0.1em;
}
.responsive-wrap ul li p.inner-txt {
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.85em;
color: #666;
margin-top: 1%;
margin-bottom: 2%;
letter-spacing: 0.1em;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
overflow: hidden;
font-size: 12px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.responsive-wrap p {
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.78em;
color: #666;
margin-top: 1%;
margin-bottom: 2%;
letter-spacing: 0em;
}
.responsive-wrap ul li p.inner-txt {
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 0.78em;
color: #666;
margin-top: 1%;
margin-bottom: 2%;
letter-spacing: 0em;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
overflow: hidden;
}
}
div.cff {
clear: both;
display: block;
padding-top: 35px;
} .page_ttl {
position: relative;
width: 100%;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
font-size: 36px;
text-align: center;
border-bottom: 1px solid #d7d7d7;
padding: 10px 0 20px;
margin: 60px auto;
}
.bnr_min_request {
position: absolute;
top: -20px;
right: 0;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.page_ttl {
font-size: 20px;
padding-bottom: 10px;
margin: 0 auto;
}
.bnr_min_request {
display: none;
}
} .breadcrumbs {
font-size: 12px;
text-align: right;
width: 960px;
padding: 20px 0;
margin: 0 auto;
}
.breadcrumbs a {
color: #000;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.breadcrumbs a:hover {
color: #aaa;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.breadcrumbs {
width: 95%;
}
} .wp-pagenavi {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
text-align: center;
padding: 10px 10px 5px;
}
.wp-pagenavi .page {
display: inline-block;
color: #000;
font-size: 16px;
border: 1px solid #000;
text-decoration: none;
vertical-align: middle;
background: #ffffff;
padding: 8px;
margin: 0 2px;
-webkit-transition: all .3s;
transition: all .3s;
}
.wp-pagenavi .current {
display: inline-block;
color: #ffffff;
font-size: 16px;
border: 1px solid #000 !important;
text-decoration: none;
vertical-align: middle;
background: #000;
padding: 8px;
margin: 0 2px;
-webkit-transition: all .3s;
transition: all .3s;
} @media all and (-ms-high-contrast:none) {
.wp-pagenavi .page, .wp-pagenavi .current {
padding: 12px 8px 8px 8px;
}
}
@media screen and (min-width: 768px) {
.wp-pagenavi .page:hover {
color: #ffffff;
background: #000;
border: 1px solid #000 !important;
}
}
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
color: #321c0f;
font-size: 16px;
text-decoration: none;
border: none !important;
}
.wp-pagenavi .nextpostslink {
margin-left: 10px;
}
.wp-pagenavi .previouspostslink {
margin-right: 10px;
}
.wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover {
border: none !important;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.wp-pagenavi {
text-align: center;
padding: 10px 10px 5px;
margin: 0 0 0 0;
}
} .fb_btn {
margin: 20px 0;
text-align: right;
}
@media screen and (min-width: 0px) and (max-width:480px) {
} .notfound_wrapper {
width: 100%;
min-width: 960px;
max-width: 960px;
text-align: center;
margin: 120px auto;
}
.notfound_inner {
width: 95%;
margin: 0 auto;
line-height: 60px;
}
.notfound_wrapper p {
color: #626262;
font-size: 18px;
margin: 0 0 15px 0;
line-height: 1.5;
}
.notfound_wrapper span {
display: block;
font-size: 26px;
margin: 40px auto;
}
@media screen and (min-width: 0px) and (max-width:768px) {
.notfound_wrapper {
width: 95%;
min-width: 100%;
}
}
.notfound_inner .button {
border: 1px solid #000;
width: 300px;
background: #000;
margin: 60px auto;
}
.notfound_inner .button a {
color: #fff;
display: block;
text-decoration: none;
padding: 20px 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.notfound_inner .button:hover a {
color: #000;
background: #fff;
}
@media screen and (max-width:768px) {
.notfound_inner .button {
max-width: 300px;
width: 100%;
height: auto;
margin: 30px auto;
}
} .sp-header {
display: none;
position: fixed;
z-index: 99;
background: rgba(0, 0, 0,1);
top: 0;
width: 100%;
min-width: 320px;
padding: 16px 0;
}
.sp_header_logo img {
max-width: 200px;
width: 100%;
padding-left: 20px;
}
#spmenu {
display: none;
}
#sp-navi {
position: fixed;
z-index: 100;
top: 8px;
right: 5px;
background-color: transparent;
font-size: 14px;
}
.sp_navlog {
margin-top: 10%;
text-align: center;
}
.sp_navlog img {
max-width: 280px;
width: 100%;
}
@media screen and (max-width:767px) {
.sp-header, #spmenu {
display: block;
}
.sp-btn a:hover {
cursor: pointer;
}
}
@media screen and (max-width:480px) {
#sp-navi {
top: 10px;
}
}
.sp-btn {
float: right;
text-align: center;
line-height: 1;
}
.sp-btn a {
color: #fff;
font-size: 12px;
text-align: center;
text-decoration: none;
display: block;
padding: 5px 10px;
}
.sp-btn i {
color: #fff;
font-size: 30px;
}
.menu-toggle {
display: none;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.sp-menu {
width: 100%;
opacity: 0;
overflow-y: auto;
z-index: 9999;
position: relative;
height: 100%;
box-sizing: border-box;
display: block;
overflow: auto;
background: rgba(0,0,0,.95);
-webkit-overflow-scrolling: touch;
}
.sp-menu ul {
box-sizing: border-box;
display: table-row;
display: block;
width: 90%;
vertical-align: middle;
height: 100%;
margin: 10% auto 0 auto;
}
.sp-menu li {
color: #fff;
text-indent: 5px;
border: 1px solid rgba(255, 255, 255, 0.5);
margin-bottom: 5px;
}
.sp-menu li:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.sp-menu li a {
color: #fff;
padding: 12px 0;
display: block;
text-decoration: none;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
}
.sp-menu .color a {
color: #fff;
}
.sp-menu li .sp-sub-btn {
margin: -37px 8px 0 12px;
display: table;
display: block;
float: right;
padding: 0 0 0 5px;
width: 40px;
height: 35px;
text-align: center;
position: relative;
z-index: 100;
}
.sp-menu li .sp-sub-btn i {
font-size: 1.5rem;
padding: 0px 0 0 0;
border-left: 1px solid rgba(255, 255, 255, 0.5);
display: table-cell;
vertical-align: middle;
height: 35px;
width: 40px;
text-align: center;
color: #fff;
}
.sp-menu li ul.sp-menu-sub {
display: none;
width: 100%;
margin: 0;
}
.sp-menu li ul.sp-menu-sub li {
text-indent: 20px;
border-bottom: none;
border-left: none;
border-right: none;
width: 100%;
margin: 0 auto 0 auto;
}
.show {
-webkit-animation: navi-show 0.7s ease both;
-moz-animation: navi-show 0.7s ease both;
animation: navi-show 0.7s ease both;
}
@-webkit-keyframes navi-show {
from {
-webkit-transform: scale(1.2, 1.2);
-webkit-opacity: 0;
}
to {
-webkit-transform: scale(1, 1);
-webkit-opacity: 1;
}
}
@-moz-keyframes navi-show {
from {
-moz-transform: scale(1.2, 1.2);
-moz-opacity: 0;
}
to {
-moz-transform: scale(1, 1);
-moz-opacity: 1;
}
}
@keyframes navi-show {
from {
transform: scale(1.2, 1.2);
opacity: 0;
}
to {
transform: scale(1, 1);
opacity: 1;
}
}
.sp-close {
padding: 10px;
background: rgba(0,0,0,1);
color: #fff;
border: none;
margin: 20px auto;
width: 50%;
text-align: center;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
margin-bottom: 100px !important;
} .detail_title_block {
display: inline-block;
position: relative;
}
.detail_title_new {
position: absolute;
top: -2px;
left: 0px;
}
.kikokoti01{
margin-top: 20px;
text-align: center;
}
.kikokoti02{
margin-top: -2px;
} #about_list{
clear: none;
}
.about_list_ttl{
text-align: center;
padding: 0 2%;
margin-bottom: 40px;
}
#about_list img{
max-width:100%;
height: auto;
}
.about_list .flex_box.box03{
display: flex;
align-items: stretch;
margin:0 auto 60px;
}
.about_list .flex_box.box03 .blc03 {
flex-basis: calc(97% * 1/3);
font-size: 12px;
line-height:1.6;
}
.about_list .flex_box.box03 .blc03:nth-child(2){
margin: 0 1.5%;
}
.about_list .flex_blc.blc03 .shop_name {
border-bottom: 2px solid #000;
font-size: 16px;
font-weight: bold;
padding: 0 8px 8px;
margin: 0 0 20px;
}
.about_list .flex_blc.blc03 .shop_name .large{
font-size:20px;
line-height:1.5;
font-weight:bold;
}
.about_list .flex_blc.blc03 .address {
margin-bottom: 10px;
}
.about_list .flex_blc.blc03 .tel{
margin-bottom: 10px;
}
.about_list .flex_blc.blc03 .shop_btn {
margin-top: 20px;
}
.about_list .flex_blc.blc03 .shop_btn a{
border: 1px solid #000;
color: #000;
display: block;
max-width:160px;
width: 100%;
padding: 10px 2em;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
}
#about_list .flex_blc.blc03 .shop_btn a:hover {
background: #000;
color: #fff;
}
.about_list .flex_blc.blc03 iframe{
height: 100%;
}
@media screen and (max-width:960px) {
.about_list .flex_box.box03{
flex-wrap: wrap;
align-items: center;
}
.about_list .flex_box.box03 .blc03 {
flex-basis: calc(92% * 1/2);
margin: 0 2%;
}
#about_list .blc03:last-child{
flex-basis:100%;
margin: 30px auto;
min-height:220px;
}
.about_list .flex_blc.blc03 iframe{
min-height: 220px;
}
}
@media screen and (max-width:767px) {
.about_list .flex_box.box03{
display:block;
}
.about_list .flex_box.box03 .blc03:first-child{
text-align:center;
margin: 0 auto 20px;
}
#about_list .flex_blc.blc03 .shop_btn a:hover{
background: #000;
color: #fff;
}
} .bnr_cnv{
margin:50px auto;
text-align: center;
}
.bnr_cnv a{
transition: .3s all;
}
.bnr_cnv a:hover{
opacity:.7;
}
.bnr_cnv img{
max-width:100%;
width:auto;
} .link-reserve{
margin: 0 auto 2%;
width: 100%;
}
.link-reserve figure{
background: #000;
margin: 0 auto 2%;
width: 100%;
transition: all ease 0.8s;
}
.link-reserve figure:hover{
background: #a33028;
}
.link-reserve p{
font-size:0.9em;
text-align: center;
}
@media screen and (max-width:767px) {
.link-reserve{
width: 95%;
}
.link-reserve p{
text-align: left;
}
} #autozip{
display: none!important;
}