@charset "utf-8";
 .renovation_area {
width: 100%; margin-bottom:24px;
}
.renovation_area *{
box-sizing: border-box;
}
.renovation_inner {
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_area {
min-width: 100%;
margin-bottom:40px;
}
.renovation_inner {
width: 95%;
max-width: 100%;
}
}  .renovation_layout01 {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/renovation_layout01_bg.jpg) no-repeat top center; width: 100%;
max-width: 1286px;
height: 492px;
margin: 0 auto;
}
.renovation_layout01_txt {
background: rgba(255, 255, 255, 0.8);
width: 480px;
height: 430px;
margin: 0 auto;
padding: 30px;
position: relative;
top: 30px;
box-sizing: border-box;
text-align: center;
}
.renovation_layout01_txt p {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
font-size: 18px;
line-height: 2;
}
.renovation_layout01_txt .page_ttl{
margin: 0 auto 25px;
}
.renovation_layout01_txt img {
margin-bottom: 22px;
}
@media screen and (min-width: 0px) and (max-width:960px) {
.renovation_layout01 {
width: 100%;
height: auto;
margin: 0 auto 12%;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_layout01 {
width: 100%;
height: auto;
margin: 0 auto 12%;
}
.renovation_layout01_txt {
width: 100%;
height: auto;
padding: 2%;
}
.renovation_layout01_txt img {
width: 100%;
max-width: 399px;
}
}
@media screen and (min-width: 0px) and (max-width:600px) {
.renovation_layout01 {
width: 100%;
height: auto;
margin: 0 auto 70px;
padding: 0 0 15% 0;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/renovation_layout01_bg.jpg) no-repeat 97% center;
}
}
@media screen and (min-width: 0px) and (max-width:420px) {
.renovation_layout01_txt p {
text-align: left;
font-size: 17px;
padding: 0 2%;
}
.sp_none420 {
display: none;
}
} .renovation_layout02 {
overflow: hidden;
}
.renovation_layout02 p {
font-size: 14px;
color: #fff;
line-height: 1.8;
text-align: left;
position: relative;
top: 80px;
right: -50px;
}
.renovation_layout02 h3 {
font-size: 28px;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
color: #fff;
margin-bottom: 30px;
position: relative;
top: 80px;
right: -42px;
}
a.renovation_layout02_inner01 {
width: 1110px;
height: 300px;
display: block;
margin: 0 auto;
position: relative;
left: -76px;
transition-property: all;
transition: 0.3s linear;
text-decoration: none;
}
a.renovation_layout02_inner01:hover {
opacity: 0.8;
}
.renovation_layout02 .pattern1 {
width: 1110px;
height: 300px;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
a.renovation_layout02_inner01 {
width: 100%;
height: auto;
position: static;
}
.renovation_layout02 .pattern1 {
width: 100%;
height: auto;
}
}
.renovation_layout02 .pattern1 p.eng_ttl {
text-align: right;
position: relative;
top: 35px;
right: 120px;
width: 580px;
}
.renovation_layout02 .pattern1 p.eng_ttl img {
margin: 0 0 0 auto;
}
.renovation_layout02 .pattern1 p.eng_ttl:after {
content: "";
width: 100%;
border-bottom: 1px solid #fff;
display: block;
}
.renovation_layout02 .pattern1 .pattern1_left {
float: left;
}
.renovation_layout02 .pattern1 .pattern1_left img {
display: block;
}
.renovation_layout02 .pattern1 .pattern1_right {
float: right;
background: #1f2523;
width: 480px;
height: 300px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_layout02 {
margin-bottom: 60px;
}
.renovation_layout02 .pattern1 p.eng_ttl {
position: static;
width: 100%;
max-width: 580px;
}
.renovation_layout02 h3 {
position: static;
font-size: 24px;
margin: 20px auto;
}
.renovation_layout02 p {
position: static;
font-size: 13px;
}
.renovation_layout02 .pattern1 .pattern1_left {
float: none;
}
.renovation_layout02 .pattern1 .pattern1_left img {
width: 100%;
}
.renovation_layout02 .pattern1 .pattern1_right {
float: none;
width: 100%;
height: auto;
padding: 5%;
margin-bottom: 30px;
}
}
a.renovation_layout02_inner02 {
width: 1110px;
height: 300px;
display: block;
margin: 0 auto;
position: relative;
left: 77px;
transition-property: all;
transition: 0.3s linear;
text-decoration: none;
}
a.renovation_layout02_inner02:hover {
opacity: 0.8;
}
.renovation_layout02 .pattern2 {
width: 1110px;
height: 300px;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
a.renovation_layout02_inner02 {
width: 100%;
height: auto;
position: static;
}
.renovation_layout02 .pattern2 {
width: 100%;
height: auto;
}
}
.renovation_layout02 .pattern2 p.eng_ttl {
text-align: left;
position: relative;
top: 35px;
left: 26px;
width: 580px;
}
.renovation_layout02 .pattern2 p.eng_ttl img {
margin: 0 0 0 auto;
}
.renovation_layout02 .pattern2 p.eng_ttl:after {
content: "";
width: 100%;
border-bottom: 1px solid #fff;
display: block;
}
.renovation_layout02 .pattern2 h3 {
text-align: right;
top: 72px;
left: -42px;
}
.renovation_layout02 .pattern2 p {
text-align: right;
top: 76px;
left: -35px;
}
.renovation_layout02 .pattern2 .pattern2_left {
float: left;
background: #1f2523;
width: 477px;
height: 300px;
}
.renovation_layout02 .pattern2 .pattern2_right {
float: right;
}
.renovation_layout02 .pattern2 .pattern2_right img {
display: block;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_layout02 .pattern2 p.eng_ttl {
position: static;
width: 100%;
max-width: 580px;
}
.renovation_layout02 .pattern2 .pattern2_left {
float: none;
width: 100%;
height: auto;
padding: 5%;
margin-bottom: 30px;
}
.renovation_layout02 .pattern2 .pattern2_right {
float: none;
}
.renovation_layout02 .pattern2 .pattern2_right img {
width: 100%;
}
} .renovation_layout03 ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: center;
width: 880px;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_layout03 ul {
width: 100%;
max-width: 530px;
margin: 30px auto;
}
}
.renovation_layout03 ul li {
width: 250px;
margin-bottom: 45px;
margin-right:7%;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
text-align: center;
}
.renovation_layout03 ul li:nth-child(3n){
margin-right:0;
}
.renovation_layout03 ul li a {
width: 250px;
height: 250px;
display: block;
overflow: hidden;
}
.renovation_layout03 ul li a img {
text-decoration: none;
color: #000;
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
.renovation_layout03 ul li a img:hover {
-webkit-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
opacity: 0.8;
}
.renovation_layout03 ul li p {
margin-top: 10px;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
padding-bottom: 5px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_layout03 ul li {
width: 46%;
margin: 2% 2% 30px;
}
.renovation_layout03 ul li a {
width: 100%;
height: auto;
}
.renovation_layout03 ul li a img {
width: 100%;
}
.renovation_layout03 ul li p {
font-size: 16px;
}
}
@media screen and (min-width: 0px) and (max-width:400px) {
.renovation_layout03 ul li p {
font-size: 14px;
}
}
.single_page_ttl {
margin-top: 0;
padding-top: 120px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.single_page_ttl {
padding-top: 70px;
}
} .renovation_page_footnav{
padding-top:40px;
}
.renovation_page_footnav ul li {
width: 187px;
margin-bottom: 45px;
margin-right:5%;
}
.renovation_page_footnav ul li:nth-child(3n){
margin-right:5%;
}
.renovation_page_footnav ul li:nth-child(4n){
margin-right:0;
}
.renovation_page_footnav ul li a {
width: 187px;
height: 187px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_page_footnav{
padding-top:0;
}
.renovation_page_footnav ul{
margin: 10px auto;
}
.renovation_page_footnav ul li {
width: 46%;
margin: 2% 2% 30px;
}
.renovation_page_footnav ul li:nth-child(3n){
margin-right:2%;
}
.renovation_page_footnav ul li:nth-child(4n){
margin-right:2%;
}
.renovation_page_footnav ul li a {
width: 100%;
height: auto;
}
.renovation_page_footnav ul li a img {
width: 100%;
}
.renovation_page_footnav ul li p {
font-size: 16px;
}
}  .article_area li .article_inner{
width: 960px;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.article_area li .article_inner{
width: 95%;
}
} .renovation_h4 h4{
width: 100%;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
font-size: 25px;
text-align: center;
padding: 0 0 20px;
margin: 40px auto 0;
} .renovation_img_left{
padding: 20px 0;
overflow:hidden;
}
.renovation_img_left img{
display:block;
float:left;
width:420px;
}
.renovation_img_left .txt_box{
float:right;
width:500px;
line-height: 1.6;
}
.renovation_img_left .txt_box p{
line-height: 1.6;
font-size: 15px;
margin-bottom: 1em;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_img_left img{
float:none;
width:100%;
}
.renovation_img_left .txt_box{
float:none;
width:100%;
padding-bottom: 20px;
}
} .renovation_img_right{
padding: 20px 0;
overflow:hidden;
}
.renovation_img_right img{
display:block;
float:right;
width:420px;
}
.renovation_img_right .txt_box{
float:left;
width:500px;
}
.renovation_img_right .txt_box p{
line-height: 1.6;
font-size: 15px;
margin-bottom: 1em;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_img_right img{
float:none;
width:100%;
}
.renovation_img_right .txt_box{
float:none;
width:100%;
padding-bottom: 20px;
}
} .renovation_img_only{
width: 960px;
padding: 20px 0;
margin: 0 auto;
}
.renovation_img_only img{
width: 100%;
max-width: 100%;
height:auto;
margin: 0 auto;
} .renovation_txt_only{
width: 960px;
padding: 20px 0;
margin: 0 auto;
}
.renovation_txt_only p {
line-height: 1.6;
font-size: 15px;
margin-bottom: 1em;
} .btn_area{
margin-top: 64px;
}
.btn_renovation_detail {
display:block;
color:#ffffff;
font-size:18px;
width:95%;
max-width:340px;
text-align:center;
text-decoration: none;
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
padding: 20px 0 25px;
margin:20px auto 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn_renovation_detail:hover{
color:#fff;
background:#a33029 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) 92% 22px no-repeat;
background-size: 20px 20px;
}
@media screen and (min-width: 0px) and (max-width:480px) {
.btn_renovation_detail {
font-size:16px;
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 50px no-repeat;
background-size: 20px 20px;
padding: 20px 0 45px;
}
.btn_renovation_detail:hover{
background:#a33029 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 50px no-repeat;
background-size: 20px 20px;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.btn_area{
margin-top: 40px;
}
}
.contents p {
font-size: 12px;
color: #3d3d3d;
line-height: 1.8;
padding: 10px;
}
#main_product {
width: 100%;
max-width: 960px;
height: 411px;
margin: 0 auto;
background-size: contain;
background-image: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/product/main_product.png);
background-repeat: repeat-x;
position: relative;
top: 0px;
left: 0px;
}
@media screen and (max-width: 767px) and (min-width: 0px){
#main_product {
height: 0;
padding-top: 42.81%;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/product/main_product.png);
background-position: 0 0;
position: relative;
width: 100%;
clear: both;
overflow: hidden;
}
}
@media screen and (max-width: 767px) and (min-width: 0px){
#main_product img {
display: none;
}
}
.main_logo {
width: 100%;
height: 33px;
background-color: rgba(0, 0, 0, 0.85);
}
#main_product_inner {
width: 950px;
height: 33px;
text-align: right;
margin: 0 auto;
line-height: 257%;
padding-right: 10px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
#main_product_inner {
width: 100%;
box-sizing: border-box;
}
}
.contents {
max-width: 960px;
width: 100%;
height: auto;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.contents h2 {
max-width: 960px;
width: 100%;
height: auto;
margin: 0 auto;
padding-top: 2%;
text-align: center;
font-size: 147%;
margin-bottom: 3%;
letter-spacing: 2px;
padding-bottom: 2%;
border-bottom-style: solid;
border-bottom-color: #D7D7D7;
border-bottom-width: 1px;
line-height: 150%;
}
ul.product_list {
width: 100%;
max-width: 960px;
height: auto;
}
ul.product_list li:first-child {
margin-right: 36px;
}
ul.product_list li {
float: left;
width: 462px;
}
@media screen and (max-width: 767px) and (min-width: 0px){
ul.product_list li {
width: 100%;
height: auto;
}
}
ul.product_list li img {
width: 462px;
height: 289px;
}
@media screen and (max-width: 767px) and (min-width: 0px){
ul.product_list li img {
width: 100%;
height: auto;
}
}
ul.product_list li h3 {
text-align: center;
font-size: 21px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
padding-top: 10px;
padding-bottom: 15px;
margin-top: 20px;
margin-bottom: 10px;
}
ul.product_list li p {
margin-bottom: 50px;
font-size: 14px;
}
.product_bg01 {
width: 100%;
height: 397px;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/product/product_bg01.jpg) fixed;
background-repeat: no-repeat;
background-position: bottom center;
margin-bottom: 70px;
}
#product_bg_inner {
width: 960px;
height: 33px;
text-align: right;
margin: 0 auto;
line-height: 257%;
padding-right: 10px;
}
.product_bg02 {
width: 100%;
height: 397px;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/product/product_bg02.jpg) fixed;
background-repeat: no-repeat;
background-position: bottom center;
margin-bottom: 70px;
}
.product_bg03 {
width: 100%;
height: 397px;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/product/product_bg03.jpg) fixed;
background-repeat: no-repeat;
background-position: bottom center;
margin-bottom: 70px;
}
.fast02 {
animation-duration: 2s;
animation-delay: 1s;
-webkit-animation-duration: 2s;
-webkit-animation-delay: 1s;
}