@charset "utf-8";
 .flow_head{
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/kominka/kominka_01.jpg) no-repeat top center;
background-size: cover;
height: 444px;
margin: 70px auto 0;
position: relative;
}
.flow_head h1{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); / Safari用 /
transform: translate(-50%, -50%);
color:#fff;
font-size:48px;
}
.content960{
max-width:960px;
margin:0 auto;
}
.heading{
text-align: center;
margin-bottom: 85px;
}
.heading h2{
position:relative;
font-size: 36px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
margin:50px auto;
}
.heading h2 span{
position:absolute;
top:-20px;
left:39%;
font-size: 16px;
}
.heading p{
line-height:30px;
}
@media screen and (max-width: 767px) {
.flow_head{
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/kominka/kominka_01.jpg) no-repeat top center;
background-size: cover;
height: 200px;
}
.flow_head h1{
position: absolute;
width:100%;
font-size:24px;
padding:0;
}
.content960{
max-width:96%;
margin:0 auto;
}
.heading{
margin-bottom: 50px;
}
.heading h2{
font-size: 24px;
}
.heading h2 span{
left:26%;
font-size: 14px;
}
.heading p{
line-height:30px;
text-align:left;
}
} .kominkabox {
margin: 0 auto;
max-width: 910px;
}
.kominka_list {
}
@media screen and (max-width: 767px) {
.kominkabox {
max-width: 96%;
margin: 0 auto;
}
} .kominka_item01 {
display: flex;
margin-bottom: 80px;
}
.kominka_img01 {
flex-basis: 47%;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/kominka/kominka_02.jpg) no-repeat center / cover;
}
.kominka_img01 a {
color: #fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.1em;
height: 280px;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
position: relative;
transition: .3s;
}
.kominka_img01 a:hover {
background: rgba(0,0,0,.5);
}
.kominka_img01 a::before {
content: "";
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
border: solid 1px #fff;
transition: .3s;
}
.kominka_img01 a:hover::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: solid 1px #fff;
}
.kominka_img01 a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 75px;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/kominka/kominka_icon01.png) no-repeat center;
height: 30px;
}
.kominka_txt01 {
flex-basis: 47%;
margin-left: 6%;
}
.kominka_ttl01 {
margin: 10px 0 40px;
}
.kominka_ttl01 .small01 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
display: block;
}
.kominka_ttl01 .large01 {
font-size: 36px;
font-weight: 500;
line-height: 1.2;
display: block;
}
.kominka_lead01 {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.kominka_item01 {
display: block;
margin-bottom: 40px;
}
.kominka_img01 {
margin-bottom: 20px;
}
.kominka_ttl01 {
margin: 10px 0 20px;
}
.kominka_txt01 {
margin-left: 0;
}
} .kominka_item02 {
display: flex;
margin-bottom: 80px;
flex-direction: row-reverse;
}
.kominka_img02 {
flex-basis: 47%;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/kominka/kominka_03.jpg) no-repeat center / cover;
}
.kominka_img02 a {
color: #fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.1em;
height: 280px;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
position: relative;
transition: .3s;
}
.kominka_img02 a:hover {
background: rgba(0,0,0,.5);
}
.kominka_img02 a::before {
content: "";
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
border: solid 1px #fff;
transition: .3s;
}
.kominka_img02 a:hover::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: solid 1px #fff;
}
.kominka_img02 a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 75px;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/kominka/kominka_icon01.png) no-repeat center;
height: 30px;
}
.kominka_txt02 {
flex-basis: 47%;
margin-right: 6%;
}
.kominka_ttl02 {
margin: 10px 0 40px;
}
.kominka_ttl02 .small02 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
display: block;
}
.kominka_ttl02 .large02 {
font-size: 36px;
font-weight: 500;
line-height: 1.2;
display: block;
}
.kominka_lead02 {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.kominka_item02 {
display: block;
margin-bottom: 40px;
}
.kominka_img02 {
margin-bottom: 20px;
}
.kominka_ttl02 {
margin: 10px 0 20px;
}
.kominka_txt02 {
margin-right: 0;
}
} .kominka_item03 {
display: flex;
margin-bottom: 80px;
}
.kominka_img03 {
flex-basis: 47%;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/kominka/kominka_04.jpg) no-repeat center / cover;
}
.kominka_img03 a {
color: #fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.1em;
height: 280px;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
position: relative;
transition: .3s;
}
.kominka_img03 a:hover {
background: rgba(0,0,0,.5);
}
.kominka_img03 a::before {
content: "";
position: absolute;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
border: solid 1px #fff;
transition: .3s;
}
.kominka_img03 a:hover::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: solid 1px #fff;
}
.kominka_img03 a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 75px;
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/kominka/kominka_icon01.png) no-repeat center;
height: 30px;
}
.kominka_txt03 {
flex-basis: 47%;
margin-left: 6%;
}
.kominka_ttl03 {
margin: 10px 0 40px;
}
.kominka_ttl03 .small03 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
display: block;
}
.kominka_ttl03 .large03 {
font-size: 36px;
font-weight: 500;
line-height: 1.2;
display: block;
}
.kominka_lead03 {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.kominka_item03 {
display: block;
margin-bottom: 40px;
}
.kominka_img03 {
margin-bottom: 20px;
}
.kominka_ttl03 {
margin: 10px 0 20px;
}
.kominka_txt03 {
margin-left: 0;
}
} .kominka_con {
margin-bottom: 100px;
}
.kominka_con a {
background: #877514;
padding: 30px 2% 36px;
color: #fff;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.6;
text-align: center;
max-width: 690px;
margin: 0 auto;
display: block;
text-decoration: none;
transition: .3s;
}
.kominka_con a:hover {
background: #000;
}
.kominka_con a i {
margin-left: 0.5em;
}
.kominka_con .span {
display: inline-block;
}
.kominka_gal {
background: url(//www.vintage-kicocochi.com/wp/wp-content/themes/vintage-kicocochi/img/kominka/kominka_05.jpg) no-repeat center / cover;
padding: 150px 30px;
}
.kominka_gal a {
background: #000;
border: solid 1px #fff;
padding: 20px 2% 24px;
color: #fff;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.6;
text-align: center;
max-width: 440px;
margin: 0 auto;
display: block;
text-decoration: none;
transition: .3s;
position: relative;
}
.kominka_gal a:hover {
background: #fff;
color: #000;
}
.kominka_gal a img {
margin-left: 0.5em;
position: absolute;
top: 50%;
transform: translate(0, -50%);
right: -18px;
}
@media screen and (max-width: 767px) {
.kominka_con {
margin-bottom: 50px;
}
}