@charset "utf-8";
 .renovation_cat_area {
width: 100%;
min-width: 960px;
margin-bottom:24px;
}
.renovation_cat_area *{
box-sizing: border-box;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_cat_area {
min-width: 100%;
margin-bottom:80px;
}
}
.lttspc03 {
letter-spacing: -0.3px;
} .renovation_cat_area h3 {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
font-size: 30px;
text-align: center;
padding: 0 0 15px 0;
margin: 0 0 60px 0;
line-height: 37px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.renovation_cat_area h3 {
width: 95%;
font-size: 24px;
padding: 0 0 5px 0;
margin: 0 auto 30px;
}
}
.renovation_cat_area p {
color: #424242;
font-size: 15px;
line-height: 28px;
} .btn_area{
margin-top: 64px;
}
.btn_renovation_detail {
display:block;
color:#ffffff;
font-size:18px;
width:95%;
max-width:470px;
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: 0 auto 90px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
} .mansion .btn_renovation_detail {
background-color: #227642;
}
.mansion a span {
position: relative;
left: -15px;
} .kodate .btn_renovation_detail {
background-color: #004c78 ;
}
.kodate a span {
position: relative;
left: -15px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate a span {
left: inherit;
}
} .jstyle .btn_renovation_detail {
background-color: #765951 ;
}
.jstyle a span {
position: relative;
left: -15px;
}
.btn_renovation_detail:hover{
color:#fff;
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;
}
@media screen and (min-width: 0px) and (max-width:480px) {
.btn_renovation_detail {
font-size: 14px;
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 46px no-repeat;
background-size: 20px 20px;
padding: 20px 0 45px;
}
.btn_renovation_detail:hover{
background:#000 url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/common/arrow_next.png) center 46px no-repeat;
background-size: 20px 20px;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {
.btn_area{
margin-top: 40px;
}
.mansion a span {
position: static;
}
} @media screen and (min-width: 0px) and (max-width:400px) {
.lightbox {
padding-top: 40%;
}
}  .mansion h3 {
color: #227642;
border-bottom: 2px solid #227642;
} .mansion .box_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/mansion/box_top_bg.jpg) no-repeat top center;
width: 100%;
height: 650px;
margin: 70px auto;
overflow: hidden;
}
.mansion .box_top .box_top_inner {
width: 960px;
height: 650px;
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/mansion/box_top_bg.jpg) no-repeat center center;
background-size: 150%;
height: 0;
padding-bottom: 50%;
margin: 70px auto 120px;
}
.mansion .box_top .box_top_inner {
width: 100%;
height: auto;
padding-top: 7%;
}
}
@media screen and (min-width: 0px) and (max-width:680px) {
.mansion .box_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/mansion/box_top_bg.jpg) no-repeat center center;
background-size: 150%;
padding-bottom: 60%;
}
}
.mansion .box_top .box_top_inner img {
position: absolute;
bottom: 20px;
right: 0;
}
.mansion .box_top .box_top_inner h2.first_txt {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
display: block;
width: 400px;
height: 64px;
background-color: #ffffff;
color: #232424;
font-size: 40px;
font-weight: 400;
padding: 0 20px;
position: relative;
top: 120px;
left: 0px;
padding-top: 5px;
}
.mansion .box_top .box_top_inner h2.second_txt {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
display: block;
width: 363px;
height: 64px;
background-color: #ffffff;
color: #232424;
font-size: 40px;
font-weight: 400;
padding: 0 20px;
position: relative;
top: 140px;
left: 100px;
padding-top: 5px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box_top .box_top_inner img {
position: static;
display: block;
margin: 0 auto;
width: 90%;
max-width: 507px;
}
.mansion .box_top .box_top_inner h2.first_txt {
height: auto;
background-color: #227642;
color: #ffffff;
font-size: 25px;
top: 50px;
width: 100%;
text-align: center;
padding: 13px 2% 15px;
}
.mansion .box_top .box_top_inner h2.first_txt .pc_none{
display: inline-block !important;
}
.mansion .box_top .box_top_inner h2.second_txt {
display: none;
}
}
@media screen and (min-width: 0px) and (max-width:680px) {
.mansion .box_top .box_top_inner h2.first_txt {
font-size: 20px;
}
} .mansion .box01 {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box01 {
width: 92%;
}
}
.mansion .box01 .beforeafter_left,
.mansion .box01 .beforeafter_right {
margin: 30px auto 55px;
}
.mansion .box01 .beforeafter_left h4 {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 22px;
border-bottom: 1px solid #000;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
}
.mansion .box01 .beforeafter_right h4 {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 22px;
border-bottom: 1px solid #000;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
text-align: right;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box01 .beforeafter_left,
.mansion .box01 .beforeafter_right {
margin: 30px auto 70px;
}
.mansion .box01 .beforeafter_left h4,
.mansion .box01 .beforeafter_right h4 {
text-align: center;
font-size: 18px;
line-height: 22px;
margin: 0 0 13px 0;
}
}
.mansion .box01 .beforeafter_left p {
width: 467px;
height: auto;
background-color: #ebf5ef;
font-size: 13px;
line-height: 24px;
padding: 14px 19px;
float: right;
}
.mansion .box01 .beforeafter_right p {
width: 467px;
height: auto;
background-color: #ebf5ef;
font-size: 13px;
line-height: 24px;
padding: 14px 19px;
float: left;
text-align: right;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box01 .beforeafter_left p,
.mansion .box01 .beforeafter_right p {
width: 100%;
text-align: left;
}
}
.mansion .box01 .beforeafter_left .beforeafter_inner_img {
float: left;
width: 50%;
transition-property: all;
transition: 0.3s linear;
}
.mansion .box01 .beforeafter_left .beforeafter_inner_txt {
float: right;
width: 50%;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box01 .beforeafter_left .beforeafter_inner_img {
float: none;
width: 100%;
text-align: center;
margin: 0 auto 30px;
}
.mansion .box01 .beforeafter_left .beforeafter_inner_img img {
width: 100%;
max-width: 442px;
}
.mansion .box01 .beforeafter_left .beforeafter_inner_txt {
float: none;
width: 100%;
}
}
.mansion .box01 .beforeafter_right .beforeafter_inner_img {
float: right;
width: 50%;
text-align: right;
transition-property: all;
transition: 0.3s linear;
}
.mansion .box01 .beforeafter_right .beforeafter_inner_img img {
width: 100%;
max-width: 442px;
}
.mansion .box01 .beforeafter_right .beforeafter_inner_txt {
float: left;
width: 50%;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box01 .beforeafter_right .beforeafter_inner_img {
float: none;
width: 100%;
text-align: center;
margin: 0 auto 30px;
}
.mansion .box01 .beforeafter_right .beforeafter_inner_txt {
float: none;
width: 100%;
}
}
.mansion .box01 .beforeafter_left .beforeafter_inner_img:hover,
.mansion .box01 .beforeafter_right .beforeafter_inner_img:hover {
opacity: 0.8;
} .mansion .box02 {
width: 960px;
margin: 0 auto;
}
.mansion .box02 .box02_inner_left {
width: 400px;
float: left;
}
.mansion .box02 .box02_inner_right {
width: 500px;
height: 550px;
float: right;
padding-top: 35px;
position: relative;
}
.mansion .box02 .box02_inner_right img {
position: absolute;
right: 0;
bottom: 25px;
display: block;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box02 {
width: 92%;
}
.mansion .box02 .box02_inner_left {
width: 100%;
text-align: center;
float: none;
}
.mansion .box02 .box02_inner_left img {
width: 80%;
max-width: 400px;
}
.mansion .box02 .box02_inner_right {
width: 100%;
height: auto;
float: none;
}
.mansion .box02 .box02_inner_right img {
position: static;
margin: 30px auto 0;
width:100%
}
} .mansion .box03 {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/mansion/img05.jpg) no-repeat top center;
width: 100%;
height: 393px;
margin: 100px auto 120px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box03 {
background-size: 130%;
height: 0;
padding-bottom: 36%;
margin: 50px auto;
}
}
@media screen and (min-width: 0px) and (max-width:650px) {
.mansion .box03 {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/mansion/img05.jpg) no-repeat top center;
background-size: 130%;
}
} .mansion .box_last {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/mansion/img_last_bg.jpg) no-repeat top center;
width: 100%;
height: 460px;
margin: 100px auto 0;
}
.mansion .box_last_inner {
width: 960px;
margin: 0 auto;
text-align: right;
position: relative;
top: 180px;
}
.mansion .box_last .box_last_inner h5 {
color: #312b25;
font-size: 16px;
font-weight: 700;
text-shadow: 0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff;
margin-top: 20px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.mansion .box_last {
background-size: 200%;
height: 0;
padding-bottom: 70%;
margin: 80px auto 0;
}
.mansion .box_last_inner {
width: 85%;
text-align: center;
top: 160px;
}
.mansion .box_last_inner img {
width: 100%;
}
.mansion .box_last .box_last_inner h5 {
font-size: 15px;
line-height: 24px;
margin-top: 5px;
}
}
@media screen and (min-width: 0px) and (max-width:650px) {
.mansion .box_last {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/mansion/img_last_bg.jpg) no-repeat top center;
background-size: 200%;
}
.mansion .box_last_inner {
top: 130px;
}
}
@media screen and (min-width: 0px) and (max-width:560px) {
.mansion .box_last_inner {
top: 110px;
}
}
@media screen and (min-width: 0px) and (max-width:470px) {
.mansion .box_last_inner {
top: 90px;
}
}
@media screen and (min-width: 0px) and (max-width:400px) {
.mansion .box_last_inner {
top: 70px;
}
.mansion .box_last .box_last_inner h5 {
font-size: 13px;
}
}
@media screen and (min-width: 0px) and (max-width:350px) {
.mansion .box_last_inner {
top: 60px;
}
.mansion .box_last .box_last_inner h5 {
font-size: 12px;
}
}  .kodate h3 {
color: #004c78 ;
border-bottom: 2px solid #004c78 ;
} .kodate .box_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/kodate/box_top_bg.jpg) no-repeat top center;
width: 100%;
height: 650px;
margin: 70px auto;
}
.kodate .box_top .box_top_inner {
width: 960px;
height: 650px;
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/kodate/box_top_bg.jpg) no-repeat center center;
background-size: 150%;
height: 0;
padding-bottom: 50%;
margin: 70px auto 120px;
}
.kodate .box_top .box_top_inner {
width: 100%;
height: auto;
padding-top: 7%;
}
}
@media screen and (min-width: 0px) and (max-width:680px) {
.kodate .box_top {
padding-bottom: 60%;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/kodate/box_top_bg.jpg) no-repeat top center;
}
}
.kodate .box_top .box_top_inner img {
position: absolute;
top: 42px;
left: 0;
}
.kodate .box_top .box_top_inner h2.first_txt {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
display: block;
width: 400px;
height: 64px;
background-color: #ffffff;
color: #232424;
font-size: 40px;
font-weight: 400;
padding: 0 20px;
position: relative;
top: 340px;
left: 160px;
padding-top: 5px;
}
.kodate .box_top .box_top_inner h2.second_txt {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
display: block;
width: 201px;
height: 64px;
background-color: #ffffff;
color: #232424;
font-size: 40px;
font-weight: 400;
padding: 0 20px;
position: relative;
top: 355px;
left: 460px;
padding-top: 5px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box_top .box_top_inner img {
position: static;
display: block;
margin: 0 auto;
width: 90%;
max-width: 507px;
}
.kodate .box_top .box_top_inner h2.first_txt {
height: auto;
background-color: #004c78;
color: #ffffff;
font-size: 25px;
top: 50px;
left: 0;
width: 100%;
text-align: center;
padding: 13px 2% 15px;
}
.kodate .box_top .box_top_inner h2.first_txt .pc_none{
display: inline-block !important;
}
.kodate .box_top .box_top_inner h2.second_txt {
display: none;
}
}
@media screen and (min-width: 0px) and (max-width:680px) {
.kodate .box_top .box_top_inner h2.first_txt {
font-size: 20px;
}
} .kodate .box01 {
max-width: 1500px;
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box01 {
width: 92%;
}
.kodate .box01 img {
width: 100%;
}
}
.kodate .box01 .box01_inner_left {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/kodate/img01_bg.jpg) no-repeat top center;
height: 350px;
margin-bottom: 30px;
max-width: 1200px;
width: 100%;
}
.kodate .box01 .box01_inner_left p {
position: relative;
top: 90px;
left: 61%;
width: 395px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box01 .box01_inner_left {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/kodate/img01_bg.jpg) no-repeat 10% bottom;
background-size: 200%;
height: 0;
padding-bottom: 80%;
}
.kodate .box01 .box01_inner_left p {
float: none;
margin-left: auto;
position: static;
width: 100%;
margin: 0;
background: #fff;
padding-bottom: 10px;
}
}
@media screen and (min-width: 0px) and (max-width:520px) {
.kodate .box01 .box01_inner_left {
padding-bottom: 100%;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/kodate/img01_bg.jpg) no-repeat 10% bottom;
background-size: 200%;
}
}
@media screen and (min-width: 0px) and (max-width:400px) {
.kodate .box01 .box01_inner_left {
padding-bottom: 120%;
}
}
@media screen and (min-width: 0px) and (max-width:350px) {
.kodate .box01 .box01_inner_left {
padding-bottom: 130%;
}
}
@media screen and (min-width: 0px) and (max-width:335px) {
.kodate .box01 .box01_inner_left {
padding-bottom: 150%;
}
}
.kodate .box01 .box01_inner_right {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/kodate/img02_bg.jpg) no-repeat top center;
height: 265px;
max-width: 1250px;
width: 100%;
float: right;
padding-left: 20px;
}
.kodate .box01 .box01_inner_right p {
position: relative;
top: 35px;
background: #fff;
width: 480px;
padding: 20px 0;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box01 .box01_inner_right {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/kodate/img02_bg.jpg) no-repeat 90% bottom;
background-size: 200%;
height: 0;
padding: 0 0 65% 0;
float: none;
}
.kodate .box01 .box01_inner_right p {
float: none;
margin-right: auto;
position: static;
width: 100%;
margin: 30px auto 0;
padding: 0 0 10px 0;
}
}
@media screen and (min-width: 0px) and (max-width:520px) {
.kodate .box01 .box01_inner_right {
padding-bottom: 80%;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/kodate/img02_bg.jpg) no-repeat 90% bottom;
background-size: 200%;
}
}
@media screen and (min-width: 0px) and (max-width:450px) {
.kodate .box01 .box01_inner_right {
padding-bottom: 110%;
}
}
@media screen and (min-width: 0px) and (max-width:350px) {
.kodate .box01 .box01_inner_right {
padding-bottom: 130%;
}
} .kodate .box02 {
width: 960px;
margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box02 {
width: 92%;
}
}
.kodate .box02 .box02_inner ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: center;
width: 620px;
margin: 30px auto;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box02 .box02_inner ul {
width: 100%;
max-width: 530px;
margin: 30px auto;
justify-content: space-around;
}
}
.kodate .box02 .box02_inner ul li {
width: 250px;
margin-bottom: 45px;
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
text-align: center;
}
.kodate .box02 .box02_inner ul li img.arrow_blk {
margin-right: 10px;
}
.kodate .box02 .box02_inner ul li a {
color: #000;
text-decoration: none;
}
.kodate .box02 .box02_inner ul li a:hover {
opacity: 0.7;
}
.kodate .box02 .box02_inner ul li a.zoom {
width: 250px;
height: 250px;
display: block;
overflow: hidden;
}
.kodate .box02 .box02_inner ul li a.zoom img {
-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;
}
.kodate .box02 .box02_inner ul li a.zoom 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;
}
.kodate .box02 .box02_inner 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) {
.kodate .box02 .box02_inner ul li {
width: 46%;
margin: 2% 2% 30px;
}
.kodate .box02 .box02_inner ul li a.zoom {
width: 100%;
height: auto;
}
.kodate .box02 .box02_inner ul li a.zoom img {
width: 100%;
}
.kodate .box02 .box02_inner ul li p {
font-size: 16px;
}
}
@media screen and (min-width: 0px) and (max-width:400px) {
.kodate .box02 .box02_inner ul li p {
font-size: 14px;
}
} .kodate .box03 {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/kodate/img06.jpg) no-repeat top center;
width: 100%;
height: 393px;
margin: 50px auto 120px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box03 {
background-size: 130%;
height: 0;
padding-bottom: 36%;
margin: 50px auto;
}
}
@media screen and (min-width: 0px) and (max-width:560px) {
.kodate .box03 {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/kodate/img06.jpg) no-repeat top center;
}
} .kodate .box04 {
width: 960px;
margin: 0 auto;
}
.kodate .box04 p {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
font-size: 20px;
font-weight: 400;
text-align: center;
line-height: 44px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box04 {
width: 90%;
margin: 50px auto;
}
.kodate .box04 p {
text-align: left;
font-size: 16px;
line-height: 32px;
}
} .kodate .box_last {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/kodate/img_last_bg.jpg) no-repeat top center;
width: 100%;
height: 460px;
margin: 100px auto 0;
}
.kodate .box_last_inner {
width: 960px;
margin: 0 auto;
text-align: left;
position: relative;
top: 180px;
}
.kodate .box_last .box_last_inner h5 {
color: #312b25;
font-size: 16px;
font-weight: 700;
text-shadow: 0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff;
margin-top: 20px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.kodate .box_last {
background-size: 200%;
height: 0;
padding-bottom: 70%;
margin: 70px auto 0;
}
.kodate .box_last_inner {
width: 85%;
text-align: center;
top: 160px;
}
.kodate .box_last_inner img {
width: 100%;
}
.kodate .box_last .box_last_inner h5 {
font-size: 15px;
line-height: 24px;
margin-top: 5px;
}
}
@media screen and (min-width: 0px) and (max-width:650px) {
.kodate .box_last {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/kodate/img_last_bg.jpg) no-repeat top center;
background-size: 200%;
}
.kodate .box_last_inner {
top: 130px;
}
}
@media screen and (min-width: 0px) and (max-width:560px) {
.kodate .box_last_inner {
top: 110px;
}
}
@media screen and (min-width: 0px) and (max-width:470px) {
.kodate .box_last_inner {
top: 90px;
}
}
@media screen and (min-width: 0px) and (max-width:400px) {
.kodate .box_last_inner {
top: 70px;
}
.kodate .box_last .box_last_inner h5 {
font-size: 13px;
}
}
@media screen and (min-width: 0px) and (max-width:350px) {
.kodate .box_last_inner {
top: 60px;
}
.kodate .box_last .box_last_inner h5 {
font-size: 12px;
}
}  .jstyle h3 {
color: #765951;
border-bottom: 2px solid #765951;
} .jstyle .box_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/jstyle/box_top_bg.jpg) no-repeat top center;
width: 100%;
height: 650px;
margin: 70px auto;
overflow: hidden;
}
.jstyle .box_top .box_top_inner {
width: 960px;
height: 650px;
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box_top {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/jstyle/box_top_bg.jpg) no-repeat center center;
background-size: 150%;
height: 0;
padding-bottom: 50%;
margin: 70px auto 120px;
}
.jstyle .box_top .box_top_inner {
width: 100%;
height: auto;
padding-top: 7%;
}
}
@media screen and (min-width: 0px) and (max-width:680px) {
.jstyle .box_top {
padding-bottom: 60%;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/jstyle/box_top_bg.jpg) no-repeat center center;
background-size: 150%;
}
}
.jstyle .box_top .box_top_inner img {
position: absolute;
top: 146px;
right: 55px;
}
.jstyle .box_top .box_top_inner h2.first_txt {
font-family: 'hannari';
src: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/css/hannari.woff) format('woff');
display: block;
width: 640px;
height: 64px;
background-color: #ffffff;
color: #232424;
font-size: 40px;
font-weight: 400;
padding: 0 20px;
position: relative;
top: 460px;
left: 296px;
padding-top: 5px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box_top .box_top_inner img {
position: static;
display: block;
margin: 0 auto;
width: 90%;
max-width: 507px;
}
.jstyle .box_top .box_top_inner h2.first_txt {
height: auto;
background-color: #765951;
color: #ffffff;
font-size: 25px;
left: 0;
top: 50px;
width: 100%;
text-align: center;
padding: 13px 2% 15px;
}
.jstyle .box_top .box_top_inner h2.first_txt .pc_none{
display: inline-block !important;
}
}
@media screen and (min-width: 0px) and (max-width:680px) {
.jstyle .box_top .box_top_inner h2.first_txt {
font-size: 20px;
}
} .jstyle .box01 {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.jstyle .box01_inner {
width: 960px;
margin: 0 auto 85px;
}
.jstyle .box01_inner p {
float: left;
width: 50%;
position: relative;
top: 100px;
}
.jstyle .box01_inner img {
float: right;
width: 50%;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box01 {
width: 92%;
}
.jstyle .box01_inner {
width: 100%;
}
.jstyle .box01_inner p {
float: none;
width: 100%;
position: static;
}
.jstyle .box01_inner img {
float: none;
width: 80%;
max-width: 458px;
margin: 30px auto 0;
display: block;
}
}
.jstyle .box01 .beforeafter_left,
.jstyle .box01 .beforeafter_right {
margin: 30px auto 55px;
}
.jstyle .box01 .beforeafter_left h4 {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 22px;
border-bottom: 1px solid #000;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
}
.jstyle .box01 .beforeafter_right h4 {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 22px;
border-bottom: 1px solid #000;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
text-align: right;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box01 .beforeafter_left,
.jstyle .box01 .beforeafter_right {
margin: 30px auto 70px;
}
.jstyle .box01 .beforeafter_left h4,
.jstyle .box01 .beforeafter_right h4 {
text-align: center;
font-size: 18px;
line-height: 22px;
margin: 0 0 13px 0;
}
}
.jstyle .box01 .beforeafter_left p {
width: 467px;
height: auto;
background-color: #f5f1eb;
font-size: 13px;
line-height: 24px;
padding: 14px 19px;
float: right;
}
.jstyle .box01 .beforeafter_right p {
width: 480px;
height: auto;
background-color: #f5f1eb;
font-size: 13px;
line-height: 24px;
padding: 14px 19px;
float: left;
text-align: right;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box01 .beforeafter_left p,
.jstyle .box01 .beforeafter_right p {
width: 100%;
text-align: left;
}
}
.jstyle .box01 .beforeafter_left .beforeafter_inner_img {
float: left;
width: 50%;
transition-property: all;
transition: 0.3s linear;
}
.jstyle .box01 .beforeafter_left .beforeafter_inner_txt {
float: right;
width: 50%;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box01 .beforeafter_left .beforeafter_inner_img {
float: none;
width: 100%;
text-align: center;
margin: 0 auto 30px;
}
.jstyle .box01 .beforeafter_left .beforeafter_inner_img img {
width: 100%;
max-width: 442px;
}
.jstyle .box01 .beforeafter_left .beforeafter_inner_txt {
float: none;
width: 100%;
}
}
.jstyle .box01 .beforeafter_right .beforeafter_inner_img {
float: right;
width: 50%;
text-align: right;
transition-property: all;
transition: 0.3s linear;
}
.jstyle .box01 .beforeafter_right .beforeafter_inner_img img {
width: 100%;
max-width: 442px;
}
.jstyle .box01 .beforeafter_right .beforeafter_inner_txt {
float: left;
width: 50%;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box01 .beforeafter_right .beforeafter_inner_img {
float: none;
width: 100%;
text-align: center;
margin: 0 auto 30px;
}
.jstyle .box01 .beforeafter_right .beforeafter_inner_txt {
float: none;
width: 100%;
}
}
.jstyle .box01 .beforeafter_left .beforeafter_inner_img:hover,
.jstyle .box01 .beforeafter_right .beforeafter_inner_img:hover {
opacity: 0.8;
} .jstyle .box02 {
width: 960px;
margin: 0 auto;
}
.jstyle .box02 .box02_inner_left {
width: 400px;
float: left;
}
.jstyle .box02 .box02_inner_right {
width: 500px;
height: 550px;
float: right;
padding-top: 25px;
position: relative;
}
.jstyle .box02 .box02_inner_right img {
position: absolute;
right: 0;
bottom: 0;
display: block;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box02 {
width: 92%;
}
.jstyle .box02 .box02_inner_left {
width: 100%;
text-align: center;
float: none;
}
.jstyle .box02 .box02_inner_left img {
width: 80%;
max-width: 400px;
}
.jstyle .box02 .box02_inner_right {
width: 100%;
height: auto;
float: none;
}
.jstyle .box02 .box02_inner_right img {
position: static;
margin: 30px auto 0;
width:100%;
}
} .jstyle .box03 {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/jstyle/img06.jpg) no-repeat top center;
width: 100%;
height: 393px;
margin: 100px auto 120px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box03 {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/jstyle/img06.jpg) no-repeat top center;
background-size: 130%;
height: 0;
padding-bottom: 36%;
margin: 50px auto;
}
} .jstyle .box_last {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/renovation/jstyle/img_last_bg.jpg) no-repeat top center;
width: 100%;
height: 460px;
margin: 100px auto 0;
}
.jstyle .box_last_inner {
width: 960px;
margin: 0 auto;
text-align: right;
position: relative;
top: 180px;
}
.jstyle .box_last .box_last_inner h5 {
color: #312b25;
font-size: 16px;
font-weight: 700;
text-shadow: 0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff,0px 0px 7px #ffffff;
margin-top: 20px;
}
@media screen and (min-width: 0px) and (max-width:767px) {
.jstyle .box_last {
background-size: 200%;
height: 0;
padding-bottom: 70%;
margin: 80px auto 0;
}
.jstyle .box_last_inner {
width: 85%;
text-align: center;
top: 160px;
}
.jstyle .box_last_inner img {
width: 100%;
}
.jstyle .box_last .box_last_inner h5 {
font-size: 15px;
line-height: 24px;
margin-top: 5px;
}
}
@media screen and (min-width: 0px) and (max-width:650px) {
.jstyle .box_last {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/sp/renovation/jstyle/img_last_bg.jpg) no-repeat top center;
background-size: 230%;
}
.jstyle .box_last_inner {
top: 130px;
}
}
@media screen and (min-width: 0px) and (max-width:560px) {
.jstyle .box_last_inner {
top: 110px;
}
}
@media screen and (min-width: 0px) and (max-width:470px) {
.jstyle .box_last_inner {
top: 90px;
}
}
@media screen and (min-width: 0px) and (max-width:400px) {
.jstyle .box_last_inner {
top: 70px;
}
.jstyle .box_last .box_last_inner h5 {
font-size: 13px;
}
}
@media screen and (min-width: 0px) and (max-width:350px) {
.jstyle .box_last_inner {
top: 60px;
}
.jstyle .box_last .box_last_inner h5 {
font-size: 12px;
}
}