html {
scroll-behavior: smooth;
}
#wrapper {
background: #FCFBF0;
}
#main {
background: transparent;
z-index: 2;
}
#header-logo {
width: 100%;
height: 425px;
background: url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/tahana-header.png) no-repeat;
background-size: cover;
background-position: center center;
}
#header-logo h1 {
margin: 0;
padding: 0;
}
#header-logo h1 a {
display: block;
width: 540px;
height: 180px;
margin: 0 auto;
position: relative;
top: 110px;
}
footer {
background: #e1f4fe url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/footer-bg.jpg) center top repeat;
background-size: 80%;
margin: 0 !important;
padding: 50px 0;
}
#footerbg {
position: relative;
width: 920px;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
}
#footerbg::after{
display: none;
content: "";
background: url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/footer_bg.svg) no-repeat center top;
position: absolute;
width: 100%;
height: 600px;
background-size: cover;
left: 0;
top: -350px;
z-index: 0;
}
.footer-cert {
width: 300px;
}
.footer-content {
text-align: center;
font-size:100%;
position: relative;
z-index: 20;
}
.footer-content h2 {
margin: 0 0 15px;
}
.footer-content h2 img {
display: block;
width: 380px;
margin: 0 auto;
}
.footer-content h3{
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-size: 24px;
line-height: 1.5;
color: #222;
padding: 0;
margin: 0 0 15px;
}
.footer-content address {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-style: normal;
font-size: 16px;
line-height: 1.5;
color: #222;
padding: 0;
margin: 0;
}
.footer-content p {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 24px;
color: #222;
padding: 0;
margin: 0;
}
#footer-copyright {
margin: 15px 0 0;
}
p.pagetop{
display:block;
clear:both;
text-align:right;
position:fixed;
right:25px;
bottom:25px;
z-index:10000;
line-height:1;
margin: 0;
}
p.pagetop a {
display: block;
width: 75px;
}
p.pagetop img{
display: block;
}
p.pagetopnoscript{
display:block;
clear:both;
text-align:right;
position:fixed;
right:30px;
bottom:25px;
z-index:10000;
line-height:0;
}
#tahana-intro {
position: relative;
margin: 0;
padding: 100px 0 50px;
overflow: hidden;
}
.tahana-intro-title {
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-size: 24px;
line-height: 1.8;
color: #222;
padding: 0;
margin: 0 0 50px;
text-align: center;
}
#intro-slider {
margin: 0 auto;
width: 1200px;
text-align: center;
position: relative;
}
#intro-slider::before {
display: none;
content: url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/slider_bg_left.svg);
position: absolute;
left: -70px;
bottom: -70px;
z-index: 2;
transform-origin: bottom left;
}
#intro-slider::after {
display: none;
content: url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/slider_bg_right.svg);
position: absolute;
right:-70px;
bottom:-70px;
z-index: 2;
transform-origin: bottom right;
}
.main_view {
width:100%;
position:relative;
height:auto;
}
#intro-slider .window {
padding:0px;
width:100%;
height:auto;
overflow:visible;
box-sizing:border-box;
}
#intro-slider .window::before {
content:'';
padding-bottom:21.5%;
width:100%;
height:0;
display:block;
position:absolute;
box-sizing:border-box;
top:0px;
left:0px;
z-index:-1;
}
#intro-slider .window::after {
content:'';
margin:0px 0px 10px 0px;
padding-bottom:21.5%;
width:100%;
height:100%;
display:block;
box-sizing:border-box;
}
#intro-slider .main {
height:auto;
width:100%;
position:absolute;
overflow:visible;
}
#intro-slider .image_reel {
position:relative;
}
#intro-slider .main p.photoleft {
width:100%;
height:auto;
float:none;
position:absolute;
top:0;
left:0;
border-radius: 50px;
}
#intro-slider .main p.photoleft img {
width:100%;
height:auto;
border-radius: 50px;
} .main_view p.btn img,
.main_view p.btn button,
.main_view .paging li img{
vertical-align:bottom;
} #intro-slider .btn button{
margin:0;
padding:0;
min-height: 0;
background:none;
border:none;
border-radius:0px;
-webkit-appearance:none;
-moz-appearance:none;
cursor:pointer;
line-height:1;
}
#intro-slider p.btn{
width:55px;
position:absolute;
z-index:200;
} #intro-slider .paging{
display:none; position:absolute;
z-index:100;
}
#intro-slider .paging a{
float:left;
} #intro-slider #scroll_a{
margin-bottom:0px;
}
#intro-slider #scroll_a .window::before{
padding-bottom:41.666%;
}
#intro-slider #scroll_a .window::after{
padding-bottom:41.666%;
} #intro-slider #scroll_a .main{
min-height:auto;
} #scroll_a p.btn{
left:50px;
bottom:-40px;
line-height:1;
margin: 0;
} #scroll_a .paging{
width:auto;
left:105px;
bottom:-40px;
line-height:1;
}
#scroll_a .paging a{
width: 22px;
margin:0px 15px 0px 0px;
}
#scroll_a .paging a img {
display: block;
width: 100%;
}
#tahana-about {
position: relative;
margin: 0;
padding: 40px 0;
overflow: hidden;
}
h2.tahana-section-title {
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-size: 24px;
line-height: 1.8;
color: #222;
padding: 0;
margin: 0 0 10px;
text-align: center;
}
h2.tahana-section-title::before {
display: none;
content: '';
width: 240px;
height: 70px;
margin: 0 auto 10px;
background: url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/h2_bg.svg) no-repeat;
background-size: contain;
background-position: center center;
}
.tahana-about-text {
margin: 0 0 15px;
text-align: center;
}
.tahana-about-text h3 {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 20px;
line-height: 1.8;
color: #222;
padding: 0;
margin: 0 0 10px;
}
.tahana-about-text p {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 1.8;
color: #222;
padding: 0;
margin: 0;
}
.tahana-button {
margin: 0 0 50px;
}
.tahana-button a {
display: flex;
width: 180px;
height: 50px;
position: relative;
background: #FFF;
color: #D6006C;
text-decoration: none;
padding: 12px 24px;
border-radius: 50px;
border: 1px solid #D6006C;
transition: all .5s;
margin: 0 auto;
}
.tahana-button a span{
position: relative;
display: flex;
align-items: center;
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 24px;
padding: 0 0 0 20px;
margin: 0;
}
.tahana-button a span::before{
width: 16px;
height: 16px;
content: "";
position: absolute;
top: 4px;
left: 0;
border-radius: 50%;
background: #D6006C;
}
.tahana-button a span::after{
width: 4px;
height: 4px;
display: block;
position: absolute;
left: 4px;
top: 9px;
content: "";
border: none;
border-left: 2px solid #FFF;
border-top: 2px solid #FFF;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
box-sizing: content-box;
}
.tahana-button a:hover{
color: #FFF;
background-color: #D6006C ;
}
.tahana-button a:hover span::before{
background-color: #FFF ;
}
.tahana-button a:hover span::after{
border-left-color: #D6006C;
border-top-color: #D6006C;
}
.tahana-steps {
width: 1200px;
margin: 0 auto;
}
.tahana-steps h2 {
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-size: 24px;
line-height: 1.8;
color: #222;
padding: 0;
margin: 0 0 70px;
text-align: center;
}
.tahana-steps ul {
list-style: none;
padding: 0 100px 45px;
margin: 0;
display: flex;
justify-content: space-between;
border-radius: 25px;
background: url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/steps-bg.jpg);
background-size: 90%;
}
.tahana-steps ul li {
width: 220px;
margin: 0;
padding: 0;
}
img.tahana-step-num {
display: block;
width: 84px;
margin: -40px auto 15px;
}
.tahana-step-content img {
display: block;
width: 100%;
margin: 0 0 15px;
border-radius: 10px;
}
.tahana-step-content p {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
color: #222;
padding: 0;
margin: 0;
}
#tahana-product {
position: relative;
margin: 0;
padding: 40px 0;
overflow: hidden;
}
#slidelink1 {
width: 1200px;
margin: 45px auto 0;
position: relative;
}
#slidelink1list {
margin: 0 auto;
position: relative;
width: 100%;
}
#slidelink1list ul {
margin: 0;
margin-left: -25px;
padding-bottom: 40px;
display: flex;
flex-wrap: wrap;
list-style: none;
}
#slidelink1list ul > li {
margin: 0 0 0 35px;
width: 370px;
height: auto;
position: relative;
border-radius: 15px;
background: #FFF;
}
#slidelink1list ul li {
padding: 20px;
box-sizing: border-box;
box-shadow: 0px 0px 5px 0px #999;
}
#slidelink1list ul li a {
display: block;
color: #222;
text-decoration: none;
transition: all .5s;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#slidelink1list ul li a::before{
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-style: solid;
border-color: transparent #D6006C #D6006C transparent;
border-width: 30px;
bottom: 0px;
right: 0;
border-radius: 0 0 10px;
}
#slidelink1list ul li a:hover::before{
border-color: transparent #F2A59B #F2A59B transparent;
}
#slidelink1list ul li a::after{
width: 10px;
height: 10px;
content: "";
position: absolute;
bottom: 12px;
right: 12px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
transform: rotate(45deg);
}
#slidelink1list ul li h3 {
margin: 10px;
order: 2;
font-size: 120%;
text-align: left;
line-height: 1.2;
}
#slidelink1list ul li img {
width: 100%;
height: 208px;
border-radius: 10px;
order: 1;
object-fit: cover;
}
#slidelink1list ul li p {
margin: 15px 0;
text-align: left;
font-family: "Kiwi Maru", serif;
font-weight: 300;
line-height: 1.5;
font-size: 16px;
color: #222;
order: 3;
}
#slidelink1list ul li p.jigyo{
text-align: center;
width: 100%;
font-family: "Kiwi Maru", serif;
font-size: 19.2px;
line-height: 1.5;
}
#slidelink1list ul li p.jigyo span{
width: auto;
position: relative;
display: inline-block;
z-index: 1;
}
#slidelink1list ul li p.jigyo span::after{
padding: 0 10px;
width: 100%;
height: 12px;
display: inline-block;
position: absolute;
bottom: 0px;
left: 50%;
z-index: -1;
content: '';
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fbe8e5;
border-radius: 100vh;
box-sizing: content-box;
} #slidelink1list ul li ol.product{
margin: 0;
background: #f3f3f3;
border-radius: 10px;
width:100%;
padding: 15px 20px;
order:3;
font-size: 16px;
list-style-type: none;
box-sizing: border-box;
}
#slidelink1list ul li ol.product li{
position: relative;
box-shadow: none;
font-size: 95%;
line-height:1.3;
margin: 0 0 10px;
padding: 0 0 0 16px;
}
#slidelink1list ul li ol.product li:last-child {
margin: 0;
}
#slidelink1list ul li ol li::before{
content:"";
background: #333;
width:10px;
height: 10px;
position: absolute;
border-radius: 100vh;
left:0px;
top: 6px;
}
#slidelink1scroll {
margin:0;
width:100%;
height:100%;
position:absolute;
left:0;
list-style:none;
}
#slidelink1scroll li {
width:30px;
height:30px;
position:absolute;
top:calc(50% - 50px);
text-indent:-99999px;
z-index:2;
cursor:pointer;
}
#slidelink1scroll li.forward {
left:0px;
}
#slidelink1scroll li.forward::after {
width: 30px;
height: 30px;
content:"";
position:absolute;
top:50%;
left: -10px;
border-bottom:5px solid #d6006c;
border-left:5px solid #d6006c;
transform:rotate(45deg);
}
#slidelink1scroll li.back {
right:0px;
}
#slidelink1scroll li.back::after {
width:30px;
height:30px;
content:"";
position:absolute;
top:50%;
right: -10px;
border-top:5px solid #d6006c;
border-right:5px solid #d6006c;
transform:rotate(45deg);
}
.tmenubtn {
position: absolute;
bottom: 0;
top: auto;
z-index: 2;
left:10px;
}
.tmenubtn p{
line-height: 0;
margin: 0;
}
.tmenubtn button{
margin:0;
padding:0px;
background:none;
border:none;
border-radius:0;
-webkit-appearance:none;
cursor:pointer;
appearance:none;
line-height:1.0;
font-size: 0;
letter-spacing: 0;
}
#tahana-guide {
position: relative;
margin: 0;
padding: 40px 0 150px;
overflow: hidden;
}
.tahana-guide-card {
position: relative;
background: #fff;
width: 920px;
border-radius: 20px;
padding: 60px 30px;
margin: 0 auto;
}
.tahana-guide-card::before{
display: none;
content:"";
width:120px;
height: 120px;
position: absolute;
left:-40px;
top: 10px;
z-index:2;
background:url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/pickup_bg_left.svg) no-repeat;
background-size: contain;
transform: rotate(0.18turn);
}
.tahana-guide-card::after{
display: none;
content:"";
width:130px;
height: 130px;
position: absolute;
right:-55px;
top: 0;
z-index:2;
background:url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/pickup_bg_right.svg) no-repeat;
background-size: contain;
transform: rotate(-0.1turn);
}
.tahana-guide-card h3 {
text-align: center;
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 24px;
line-height: 1.5;
margin: 0 0 25px;
color: #222;
padding: 0;
}
.tahana-guide-card ul {
list-style: none;
padding: 0;
margin: 0 0 60px;
}
.tahana-guide-card ul li {
padding: 0;
margin: 0 0 30px;
}
.tahana-guide-card ul li h4 {
display: flex;
padding: 0 8px 8px;
border-bottom: 4px solid #EFEAD7;
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
margin: 0 0 20px;
color: #222;
}
.tahana-guide-card ul li h4::before {
content: '■';
flex-shrink: 0;
}
.guide-image {
display: flex;
justify-content: center;
margin: 0 0 15px;
column-gap: 36px;
}
.guide-image img {
display: block;
width: 525px;
}
.tahana-guide-card ul li:nth-child(6) img {
width: 283px;
}
.tahana-guide-card ul li p {
padding: 0;
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 1.8;
margin: 0;
color: #222;
}
#tahana-breadcrumb {
width: 920px;
margin: 0 auto;
padding: 50px 0;
display: flex;
column-gap: 10px;
align-items: center;
}
#tahana-breadcrumb a {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
padding: 0;
margin: 0;
color: #222;
text-decoration: underline;
}
#tahana-breadcrumb p {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
padding: 0;
margin: 0;
color: #222;
}
#tahana-breadcrumb img {
width: 8px;
}
#tahana-order {
position: relative;
margin: 0;
padding: 0 0 100px;
overflow: hidden;
}
.tahana-container {
width: 920px;
margin: 0 auto;
}
h1.tahana-page-title {
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-size: 32px;
line-height: 1.3;
color: #222;
padding: 0;
margin: 0 0 50px;
text-align: center;
}
#tahana-order h2 {
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-size: 24px;
line-height: 1.8;
color: #222;
padding: 0;
margin: 0 0 25px;
text-align: center;
}
.tahana-order-text {
margin: 0 0 40px;
}
.tahana-order-text p {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 1.8;
color: #222;
padding: 0;
margin: 0 0 15px;
}
.text-highlight {
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
color: #222;
padding: 0;
margin: 0 0 15px;
padding: 10px;
background: #FFF0EF;
border-radius: 5px;
}
.tahana-order-text p:last-child {
font-weight: 500;
margin: 0;
text-align: center;
}
ul.tahana-order-card {
position: relative;
background: #fff;
width: 100%;
border-radius: 20px;
padding: 60px 30px;
margin: 0;
list-style: none;
}
ul.tahana-order-card > li {
padding: 0;
margin: 0 0 30px;
}
ul.tahana-order-card > li:last-child {
margin: 0;
}
ul.tahana-order-card > li h3 {
display: flex;
padding: 0 8px 8px;
border-bottom: 4px solid #EFEAD7;
font-family: "Kiwi Maru", serif;
font-weight: 500;
font-size: 18px;
line-height: 1.5;
margin: 0 0 20px;
color: #222;
}
ul.tahana-order-card > li img {
display: block;
width: 350px;
margin: 0 15px 15px;
}
ul.tahana-order-card > li p {
padding: 0px 5px 3px 15px;
position: relative;
font-family: "Kiwi Maru", serif;	
font-weight: 500;
font-size: 16px;
line-height: 1.5;
margin: 0 0 15px;
color: #222;
}
ul.tahana-order-card > li p::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: -7px;
width: 5px;
height: 100%;
background: #EFEAD7;
border-radius: 5px;
}
ul.tahana-order-card > li ol {
list-style: "■";
margin: 0 30px 15px;
padding: 0;
}
ul.tahana-order-card > li ol li {
padding: 0;
margin: 0;
font-family: "Kiwi Maru", serif;	
font-weight: 300;
font-size: 16px;
line-height: 1.8;
color: #222;
}
.tahana-order-button {
margin: 0 15px;
}
.tahana-order-button a {
display: flex;
width: 184px;
height: 50px;
position: relative;
background: #FFF;
color: #D6006C;
text-decoration: none;
padding: 12px 24px;
border-radius: 50px;
border: 1px solid #D6006C;
transition: all .5s;
margin: 0;
}
.tahana-order-button a span{
position: relative;
display: flex;
align-items: center;
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 24px;
padding: 0 0 0 20px;
margin: 0;
}
.tahana-order-button a span::before{
width: 16px;
height: 16px;
content: "";
position: absolute;
top: 4px;
left: 0;
border-radius: 50%;
background: #D6006C;
}
.tahana-order-button a span::after{
width: 4px;
height: 4px;
display: block;
position: absolute;
left: 4px;
top: 9px;
content: "";
border: none;
border-left: 2px solid #FFF;
border-top: 2px solid #FFF;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
box-sizing: content-box;
}
.tahana-order-button a:hover {
color: #FFF;
background-color: #D6006C ;
}
.tahana-order-button a:hover span::before{
background-color: #FFF ;
}
.tahana-order-button a:hover span::after{
border-left-color: #D6006C;
border-top-color: #D6006C;
}
#tahana-order-1 {
margin: 0 0 100px;
}
#tahana-order-2 > p {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 1.8;
color: #222;
padding: 0;
margin: 0 0 20px;
}
#tahana-order-2 ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 25px;
}
#tahana-order-2 ul li {
width: 285px;
margin: 0;
padding: 0;
}
#tahana-order-2 ul li img {
display: block;
width: 100%;
}
#tahana-order-2 ul li p {
font-family: "Kiwi Maru", serif;
font-weight: 300;
font-size: 16px;
line-height: 1.8;
color: #222;
padding: 0;
margin: 0;
}
.ai_box button {
font-size: 0;
letter-spacing: 0;
line-height: 0;
min-height: 0;
}
.desktop-only {
display: block;
}
.mobile-only {
display: none;
}
@media (max-width: 1279px) and (min-width: 640px) {
#tahana-intro {
padding: 7.81vw 0 3.91vw;
}
.tahana-intro-title {
font-size: 1.88vw;
margin: 0 0 3.91vw;
}
#intro-slider {
width: 93.75vw;
}
#intro-slider::before {
left: -5.47vw;
bottom: -5.47vw;
}
#intro-slider::after {
right:-5.47vw;
bottom:-5.47vw;
}
#intro-slider .main p.photoleft {
border-radius: 3.91vw;
}
#intro-slider .main p.photoleft img {
border-radius: 3.91vw;
}
#intro-slider p.btn{
width:4.3vw;
}
#scroll_a p.btn{
left:3.91vw;
bottom:-3.12vw;
}
#scroll_a .paging{
left:8.2vw;
bottom:-3.12vw;
}
#scroll_a .paging a{
width: 1.72vw;
margin:0vw 1.17vw 0vw 0vw;
}
#tahana-about {
padding: 3.12vw 0;
}
h2.tahana-section-title {
font-size: 1.88vw;
margin: 0 0 0.78vw;
}
h2.tahana-section-title::before {
width: 18.75vw;
height: 5.47vw;
margin: 0 auto 0.78vw;
}
.tahana-about-text {
margin: 0 0 1.17vw;
}
.tahana-about-text h3 {
font-size: 1.56vw;
margin: 0 0 0.78vw;
}
.tahana-about-text p {
font-size: 1.25vw;
}
.tahana-button {
margin: 0 0 3.91vw;
}
.tahana-button a {
width: 14.06vw;
height: 3.91vw;
padding: 0.94vw 1.88vw;
border-radius: 3.91vw;
border: 0.08vw solid #D6006C;
}
.tahana-button a span{
font-size: 1.25vw;
line-height: 1.88vw;
padding: 0 0 0 1.56vw;
}
.tahana-button a span::before{
width: 1.25vw;
height: 1.25vw;
top: 0.31vw;
}
.tahana-button a span::after{
width: 0.31vw;
height: 0.31vw;
left: 0.31vw;
top: 0.7vw;
border-left: 0.16vw solid #FFF;
border-top: 0.16vw solid #FFF;
}
.tahana-steps {
width: 93.75vw;
}
.tahana-steps h2 {
font-size: 1.88vw;
margin: 0 0 5.47vw;
}
.tahana-steps ul {
padding: 0 7.81vw 3.52vw;
border-radius: 1.95vw;
}
.tahana-steps ul li {
width: 17.19vw;
}
img.tahana-step-num {
width: 6.56vw;
margin: -3.12vw auto 1.17vw;
}
.tahana-step-content img {
margin: 0 0 1.17vw;
border-radius: 0.78vw;
}
.tahana-step-content p {
font-size: 1.25vw;
}
#tahana-product {
padding: 3.12vw 0;
}
#slidelink1 {
width: 93.75vw;
margin: 3.52vw auto 0;
}
#slidelink1list ul {
margin-left: -1.95vw;
padding-bottom: 3.12vw;
}
#slidelink1list ul > li {
margin: 0 0 0 2.73vw;
width: 28.91vw;
border-radius: 1.17vw;
}
#slidelink1list ul li {
padding: 1.56vw;
box-shadow: 0vw 0vw 0.39vw 0vw #999;
}
#slidelink1list ul li a::before{
border-width: 2.34vw;
border-radius: 0 0 0.78vw;
}
#slidelink1list ul li a::after{
width: 0.78vw;
height: 0.78vw;
bottom: 0.94vw;
right: 0.94vw;
border-top: 0.16vw solid #FFF;
border-right: 0.16vw solid #FFF;
}
#slidelink1list ul li h3 {
margin: 0.78vw;
}
#slidelink1list ul li img {
width: 100%;
height: 16.25vw;
border-radius: 0.78vw;
}
#slidelink1list ul li p {
margin: 1.17vw 0;
font-size: 1.25vw;
}
#slidelink1list ul li p.jigyo{
font-size: 1.5vw;
}
#slidelink1list ul li p.jigyo span::after{
padding: 0 0.78vw;
height: 0.94vw;
}
#slidelink1list ul li ol.product{
border-radius: 0.78vw;
padding: 1.17vw 1.56vw;
font-size: 1.25vw;
}
#slidelink1list ul li ol.product li{
margin: 0 0 0.78vw;
padding: 0 0 0 1.25vw;
}
#slidelink1list ul li ol li::before{
width:0.78vw;
height: 0.78vw;
top:0.47vw;
}
#slidelink1scroll li {
width:2.34vw;
height:2.34vw;
top: calc(50% - 3.91vw);
text-indent:-7812.42vw;
}
#slidelink1scroll li.forward::after {
width: 2.34vw;
height: 2.34vw;
left: -0.78vw;
border-bottom:0.39vw solid #d6006c;
border-left:0.39vw solid #d6006c;
}
#slidelink1scroll li.back::after {
width:2.34vw;
height:2.34vw;
right: -0.78vw;
border-top:0.39vw solid #d6006c;
border-right:0.39vw solid #d6006c;
}
.tmenubtn {
left:0.78vw;
}
#tahana-guide {
padding: 3.12vw 0 11.72vw;
}
.tahana-guide-card {
width: 71.88vw;
border-radius: 1.56vw;
padding: 4.69vw 2.34vw;
}
.tahana-guide-card::before{
width:9.38vw;
height: 9.38vw;
left:-3.12vw;
top: 0.78vw;
}
.tahana-guide-card::after{
width:10.16vw;
height: 10.16vw;
right:-4.3vw;
}
.tahana-guide-card h3 {
font-size: 1.88vw;
margin: 0 0 1.95vw;
}
.tahana-guide-card ul {
margin: 0 0 4.69vw;
}
.tahana-guide-card ul li {
margin: 0 0 2.34vw;
}
.tahana-guide-card ul li h4 {
padding: 0 0.62vw 0.62vw;
border-bottom: 0.31vw solid #EFEAD7;
font-size: 1.41vw;
margin: 0 0 1.56vw;
}
.guide-image {
margin: 0 0 1.17vw;
column-gap: 2.81vw;
}
.guide-image img {
width: 41.02vw;
}
.tahana-guide-card ul li:nth-child(6) img {
width: 22.11vw;
}
.tahana-guide-card ul li p {
font-size: 1.25vw;
}
}
@media (max-width: 1023px) and (min-width: 640px) {
#header-logo {
height: 41.50vw;
}
#header-logo h1 a {
width: 52.73vw;
height: 17.58vw;
top: 10.74vw;
}
footer {
padding: 4.88vw 0;
}
#footerbg {
width: 89.84vw;
}
#footerbg::after{
height: 58.59vw;
top: -34.18vw;
}
.footer-cert {
width: 29.30vw;
}
.footer-content h2 {
margin: 0 0 1.46vw;
}
.footer-content h2 img {
width: 37.11vw;
}
.footer-content h3{
font-size: 2.34vw;
margin: 0 0 1.46vw;
}
.footer-content address {
font-size: 1.56vw;
}
.footer-content p {
font-size: 1.56vw;
line-height: 2.34vw;
}
#footer-copyright {
margin: 1.46vw 0 0;
}
p.pagetop{
right:2.44vw;
bottom:2.44vw;
}
p.pagetop a {
width: 7.32vw;
}
p.pagetopnoscript{
right:2.93vw;
bottom:2.44vw;
}
#tahana-breadcrumb {
width: 89.84vw;
padding: 4.88vw 0;
column-gap: 0.98vw;
}
#tahana-breadcrumb a {
font-size: 1.56vw;
}
#tahana-breadcrumb p {
font-size: 1.56vw;
}
#tahana-breadcrumb img {
width: 0.78vw;
}
#tahana-order {
padding: 0 0 9.77vw;
}
.tahana-container {
width: 89.84vw;
}
h1.tahana-page-title {
font-size: 3.12vw;
margin: 0 0 4.88vw;
}
#tahana-order h2 {
font-size: 2.34vw;
margin: 0 0 2.44vw;
}
.tahana-order-text {
margin: 0 0 3.91vw;
}
.tahana-order-text p {
font-size: 1.56vw;
margin: 0 0 1.46vw;
}
.text-highlight {
font-size: 1.76vw;
margin: 0 0 1.46vw;
padding: 0.98vw;
border-radius: 0.49vw;
}
ul.tahana-order-card {
border-radius: 1.95vw;
padding: 5.86vw 2.93vw;
}
ul.tahana-order-card > li {
margin: 0 0 2.93vw;
}
ul.tahana-order-card > li h3 {
padding: 0 0.78vw 0.78vw;
border-bottom: 0.39vw solid #EFEAD7;
font-size: 1.76vw;
margin: 0 0 1.95vw;
}
ul.tahana-order-card > li img {
width: 34.18vw;
margin: 0 1.46vw 1.46vw;
}
ul.tahana-order-card > li p {
padding: 0.0vw 0.49vw 0.29vw 1.46vw;
font-size: 1.56vw;
margin: 0 0 1.46vw;
}
ul.tahana-order-card > li p::before{
bottom: -0.68vw;
width: 0.49vw;
border-radius: 0.49vw;
}
ul.tahana-order-card > li ol {
margin: 0 2.93vw 1.46vw;
}
ul.tahana-order-card > li ol li {
font-size: 1.56vw;
}
.tahana-order-button {
margin: 0 1.46vw;
}
.tahana-order-button a {
width: 17.97vw;
height: 4.88vw;
padding: 1.17vw 2.34vw;
border-radius: 4.88vw;
border: 0.1vw solid #D6006C;
}
.tahana-order-button a span{
font-size: 1.56vw;
line-height: 2.34vw;
padding: 0 0 0 1.95vw;
}
.tahana-order-button a span::before{
width: 1.56vw;
height: 1.56vw;
top: 0.39vw;
}
.tahana-order-button a span::after{
width: 0.39vw;
height: 0.39vw;
left: 0.39vw;
top: 0.88vw;
border-left: 0.2vw solid #FFF;
border-top: 0.2vw solid #FFF;
}
#tahana-order-1 {
margin: 0 0 9.77vw;
}
#tahana-order-2 > p {
font-size: 1.56vw;
margin: 0 0 1.95vw;
}
#tahana-order-2 ul {
column-gap: 2.93vw;
row-gap: 2.44vw;
}
#tahana-order-2 ul li {
width: 27.83vw;
}
#tahana-order-2 ul li p {
font-size: 1.56vw;
}
}
@media (max-width: 639px) {
#header-logo {
height: 40vw;
background: url(https://tahara-michinoeki.com/site/wp-content/themes/flatsome-child/tahana-images/tahana-header-mobile.png) no-repeat;
background-size: cover;
background-position: center center;
}
#header-logo h1 a {
width: 60vw;
height: 21.6vw;
top: 9.6vw;
}
footer {
padding: 13.6vw 0;
}
#footerbg {
width: 100vw;
display: block;
}
#footerbg::after{
height: 30.4vw;
top: -13.6vw;
}
.footer-cert {
width: 64vw;
margin: 0 auto 13.6vw;
}
.footer-content h2 {
margin: 0 0 3.2vw;
}
.footer-content h2 img {
width: 76.8vw;
}
.footer-content h3{
font-size: 5.33vw;
line-height: 1.8;
margin: 0 0 3.2vw;
}
.footer-content address {
font-size: 3.73vw;
line-height: 1.8;
}
.footer-content p {
font-size: 3.73vw;
line-height: 1.8;
}
#footer-copyright {
margin: 4vw 0 0;
}
p.pagetop{
right:6.4vw;
bottom:6.4vw;
}
p.pagetop a{
width: 13.6vw;
}
p.pagetopnoscript{
right:6.4vw;
bottom:6.4vw;
}
#tahana-intro {
padding: 8vw 0;
}
.tahana-intro-title {
width: 80vw;
font-size: 4.27vw;
line-height: 1.8;
margin: 0 auto 5.6vw;
}
#intro-slider {
width: 94.67vw;
}
#intro-slider::before {
left: -5.33vw;
bottom: -6.67vw;
transform: scale(30,30);
transform-origin: bottom left;
}
#intro-slider::after {
right:-5.33vw;
bottom:-6.67vw;
transform: scale(30,30);
transform-origin: bottom right;
}
#intro-slider .window::after {
content:'';
margin:0px 0px 2.67vw 0px;
}
#intro-slider .main p.photoleft {
border-radius: 5.33vw;
}
#intro-slider .main p.photoleft img {
border-radius: 5.33vw;
}
#intro-slider p.btn{
width:5.33vw;
}
#scroll_a p.btn{
left:9.6vw;
bottom:-4.8vw;
} #scroll_a .paging{
left:18vw;
bottom:-4.8vw;
}
#scroll_a .paging a{
width: 5.33vw;
margin:0px 2.67vw 0px 0px;
}
#tahana-about {
padding: 4vw 0;
}
h2.tahana-section-title {
font-size: 5.33vw;
line-height: 1.8;
margin: 0 0 2.8vw;
}
h2.tahana-section-title::before {
width: 42.67vw;
height: 12.4vw;
margin: 0 auto 2.8vw;
}
.tahana-about-text {
width: 86.4vw;
margin: 0 auto 4vw;
}
.tahana-about-text h3 {
font-size: 4.27vw;
margin: 0 0 2.8vw;
}
.tahana-about-text p {
font-size: 3.73vw;
}
.tahana-button {
margin: 0 0 8vw;
}
.tahana-button a {
width: 48vw;
height: 13.6vw;
padding: 3.2vw 6.4vw;
border-radius: 13.6vw;
border: 0.27vw solid #D6006C;
}
.tahana-button a span{
font-size: 4.27vw;
line-height: 6.4vw;
padding: 0 0 0 5.33vw;
}
.tahana-button a span::before{
width: 4.27vw;
height: 4.27vw;
top: 1.07vw;
}
.tahana-button a span::after{
width: 1.07vw;
height: 1.07vw;
left: 1.07vw;
top: 2.4vw;
border-left: 0.53vw solid #FFF;
border-top: 0.53vw solid #FFF;
}
.tahana-steps {
width: 100vw;
}
.tahana-steps h2 {
font-size: 4.8vw;
margin: 0 0 10.67vw;
}
.tahana-steps ul {
padding: 8vw;
display: block;
border-radius: 0;
background-size: 300%;
}
.tahana-steps ul li {
display: flex;
justify-content: space-between;
align-items: start;
width: 100%;
margin: 0 0 5.33vw;
}
.tahana-steps ul li:last-child {
margin: 0;
}
img.tahana-step-num {
display: block;
width: 22.4vw;
margin: 0;
}
.tahana-step-content {
width: 57.6vw;
}
.tahana-step-content img {
margin: 0 0 4vw;
border-radius: 2.67vw;
}
.tahana-step-content p {
font-size: 3.73vw;
}
#tahana-product {
padding: 4vw 0;
}
#slidelink1 {
width: 90vw;
margin: 12vw auto 0;
}
#slidelink1list {
margin: 0 auto;
position: relative;
width: 100%;
}
#slidelink1list ul {
margin: 0;
margin-left: -4.4vw;
padding-bottom: 10.67vw;
}
#slidelink1list ul > li {
margin: 0 0 0 6.4vw;
width: 86vw;
border-radius: 4vw;
}
#slidelink1list ul li {
padding: 5.33vw;
box-shadow: 0px 0px 1.33vw 0px #999;
}
#slidelink1list ul li a::before{
border-width: 8vw;
bottom: 0px;
right: 0;
border-radius: 0 0 2.67vw;
}
#slidelink1list ul li a::after{
width: 2.67vw;
height: 2.67vw;
bottom: 3.2vw;
right: 3.2vw;
border-top: 0.53vw solid #FFF;
border-right: 0.53vw solid #FFF;
}
#slidelink1list ul li h3 {
margin: 2.67vw;
}
#slidelink1list ul li img {
height: 48vw;
border-radius: 2.67vw;
}
#slidelink1list ul li p {
margin: 2.67vw 0;
font-size: 3.73vw;
}
#slidelink1list ul li p.jigyo{
font-size: 4.27vw;
}
#slidelink1list ul li p.jigyo span::after{
padding: 0 2.4vw;
height: 3.2vw;
} #slidelink1list ul li ol.product{
border-radius: 2.67vw;
padding: 4vw 5.33vw;
font-size: 3.73vw;
}
#slidelink1list ul li ol.product li{
margin: 0 0 2.67vw;
padding: 0 0 0 4vw;
}
#slidelink1list ul li ol li::before{
width:2.67vw;
height: 2.67vw;
top:1.6vw;
}
#slidelink1scroll li {
width:8vw;
height:8vw;
top:calc(50% - 13.6vw);
}
#slidelink1scroll li.forward::after {
width: 8vw;
height: 8vw;
left: -2.67vw;
border-bottom:1.33vw solid #d6006c;
border-left:1.33vw solid #d6006c;
}
#slidelink1scroll li.back::after {
width:8vw;
height:8vw;
right: -2.67vw;
border-top:1.33vw solid #d6006c;
border-right:1.33vw solid #d6006c;
}
.tmenubtn {
left:2.67vw;
}
#tahana-guide {
padding: 4vw 0 0;
}
.tahana-guide-card {
width: 100vw;
border-radius: 0;
padding: 4vw;
margin: 0 auto;
}
.tahana-guide-card::before{
width: 21.6vw;
height: 21.6vw;
left: -2.67vw;
top: -1.2vw;
}
.tahana-guide-card::after{
width: 21.6vw;
height: 21.6vw;
right: -4vw;
top: -2.4vw;
}
.tahana-guide-card h3 {
font-size: 4.8vw;
margin: 0 0 6.4vw;
}
.tahana-guide-card ul {
margin: 0 0 16vw;
}
.tahana-guide-card ul li {
margin: 0 0 8vw;
}
.tahana-guide-card ul li h4 {
padding: 0 2vw 2vw;
border-bottom: 1.07vw solid #EFEAD7;
font-size: 4.27vw;
margin: 0 0 3.2vw;
}
.guide-image {
display: block;
margin: 0 0 3.2vw;
}
.guide-image img {
display: block;
width: 84vw;
margin: 0 auto 3.2vw;
}
.guide-image img:last-child {
margin: 0 auto;
}
.tahana-guide-card ul li:nth-child(6) img {
width: 84vw;
}
.tahana-guide-card ul li p {
font-size: 3.73vw;
}
#tahana-breadcrumb {
width: 84vw;
padding: 4.4vw 0;
column-gap: 2.4vw;
}
#tahana-breadcrumb a {
font-size: 3.73vw;
}
#tahana-breadcrumb p {
font-size: 3.73vw;
}
#tahana-breadcrumb img {
width: 2vw;
}
#tahana-order {
padding: 0 0 26.4vw;
}
.tahana-container {
width: 84vw;
}
h1.tahana-page-title {
font-size: 5.6vw;
margin: 2vw 0 8vw;
}
#tahana-order h2 {
font-size: 4.27vw;
margin: 0 0 5.6vw;
}
.tahana-order-text {
margin: 0 0 8vw;
}
.tahana-order-text p {
font-size: 3.73vw;
margin: 0 0 4vw;
}
.text-highlight {
font-size: 3.73vw;
margin: 0 0 4vw;
padding: 2.67vw;
border-radius: 1.33vw;
}
ul.tahana-order-card {
width: 100vw;
margin: 0 -8vw;
border-radius: 0;
padding: 4vw;
}
ul.tahana-order-card > li {
margin: 0 0 8vw;
}
ul.tahana-order-card > li h3 {
padding: 0 2vw 2vw;
border-bottom: 1.07vw solid #EFEAD7;
font-size: 4.27vw;
margin: 0 0 4vw;
}
ul.tahana-order-card > li img {
width: 84vw;
margin: 0 auto 4vw;
}
ul.tahana-order-card > li p {
padding: 0px 4vw 0.8vw 4vw;
font-size: 3.73vw;
margin: 0 0 4vw;
}
ul.tahana-order-card > li p::before{
bottom: -1.6vw;
width: 1.2vw;
border-radius: 1.2vw;
}
ul.tahana-order-card > li ol {
margin: 0 4vw 3.2vw 8vw;
}
ul.tahana-order-card > li ol li {
font-size: 3.73vw;
}
.tahana-order-button {
margin: 0 4vw;
}
.tahana-order-button a {
width: 49.6vw;
height: 13.6vw;
padding: 3.2vw 6.4vw;
border-radius: 13.6vw;
border: 0.27vw solid #D6006C;
}
.tahana-order-button a span{
font-size: 4.27vw;
line-height: 6.4vw;
padding: 0 0 0 5.33vw;
}
.tahana-order-button a span::before{
width: 4.27vw;
height: 4.27vw;
top: 1.07vw;
}
.tahana-order-button a span::after{
width: 1.07vw;
height: 1.07vw;
left: 1.07vw;
top: 2.4vw;
border-left: 0.53vw solid #FFF;
border-top: 0.53vw solid #FFF;
}
#tahana-order-1 {
margin: 0 0 20vw;
}
#tahana-order-2 > p {
font-size: 3.73vw;
margin: 0 0 8vw;
letter-spacing: -0.1vw;
}
#tahana-order-2 ul {
display: block;
}
#tahana-order-2 ul li {
width: 84vw;
margin: 0 auto 4vw;
}
#tahana-order-2 ul li:last-child {
margin: 0;
}
#tahana-order-2 ul li p {
font-size: 3.73vw;
}
.ai_box button {
font-size: 0;
letter-spacing: 0;
line-height: 0;
min-height: 0;
}
.desktop-only {
display: none;
}
.mobile-only {
display: block;
}
}
@media (min-width: 1921px) {
#header-logo {
height: 22.14vw;
}
#header-logo h1 a {
width: 28.125vw;
height: 9.375vw;
top: 5.73vw;
}
}