@charset "UTF-8";
@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Grand+Hotel|Open+Sans:300,400,600,700|Playfair+Display:400,700|Lato:100,300"); @import url(/fonts/Breetty/styles.css); @import url(/vendor/bootstrap/bootstrap.css); @import url(/vendor/Camera-master/css/camera.css); @import url(/vendor/bootstrap-mega-menu/css/menu.css); @import url(/fonts/font-awesome/css/font-awesome.min.css); @import url(/vendor/owl-carousel/owl.carousel.css);
@import url(/vendor/owl-carousel/owl.theme.css); @import url(/vendor/WOW-master/css/libs/animate.css); @import url(/vendor/hover.css); @import url(/fonts/icon/font/flaticon.css); @import url(/vendor/fancybox/dist/jquery.fancybox.min.css); @import url(/vendor/sanzzy-map/dist/snazzy-info-window.min.css); @import url(/vendor/jquery-ui/jquery-ui.min.css); #loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: #fff;
overflow: hidden;
}
#loader {
background: url(/images/1.gif);
width: 64px;
height: 64px;
position: relative;
top: 50%;
margin: -32px auto 0 auto;
} .scroll-top {
width:30px;
height:30px;
border-radius: 3px;
position: fixed;
bottom: 5px;
right:15px;
z-index: 99;
text-align: center;
color: #fff;
font-size: 20px;
display: none;
}
.scroll-top:after {
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 1;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
} @font-face {
font-family: 'font-awesome';
src: url(/fonts/font-awesome/fonts/fontawesome-webfont.ttf);
src: url(/fonts/font-awesome/fonts/fontawesome-webfont.eot), url(/fonts/font-awesome/fonts/fontawesome-webfont.woff2) format('woff2'), url(/fonts/font-awesome/fonts/fontawesome-webfont.woff) format('woff'), url(/fonts/font-awesome/fonts/fontawesome-webfont.svg) format('svg'); }
body { font-family: 'Open Sans', sans-serif;
font-weight: normal;
color:rgba(0,0,0,0.5);
font-size: 16px;
}
body .main-page-wrapper {
overflow-x:hidden;
}
.box-layout {
padding: 0 50px;
max-width: 1920px;
margin: 0 auto;
}
h1,h2,h3,h4,h5,h6,p,ul { margin:0;padding: 0;}
h2,h3,h4,h5,h6 {color: #161616; font-family: 'Playfair Display', serif;font-weight: normal;}
h1 {font-size: 70px; font-weight: 700; font-family: 'Open Sans', sans-serif;}
h2 {font-size: 45px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 22px;}
h6 {font-size: 18px;}
p  {line-height: 30px;}
ul {list-style-type: none;}
a {text-decoration: none; display: inline-block; font-family: 'Playfair Display', serif;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}
img {max-width: 100%; display: block;}
button {border:none;outline: none;-webkit-box-shadow: none;box-shadow: none;display: block; padding: 0;}
input,textarea {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.float-left {float:left;}
.float-right {float:right;}
.m-top0 {margin-top: 0 !important;}
.m-bottom0 {margin-bottom: 0 !important;}
.p0 {padding: 0 !important;} .tran3s,.theme-button,.theme-main-menu-one #mega-menu-wrapper .nav>li:before,.theme-button span:before,.owl-theme .owl-dots .owl-dot span,
.related-product .owl-theme .owl-nav [class*=owl-],.aside-menu-wrapper ul .dropdown-holder .sub-menu li a {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.tran4s,.delicious-food-section .single-item img {
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
} .theme-section-title {position: relative;}
.theme-section-title h2 {line-height: 55px;text-transform: capitalize;}
.theme-section-title p {
line-height: 32px;
font-size: 18px;
margin-top: 20px;
font-weight: 300;
}
.theme-section-title p.notice {
line-height: 1.5;
font-size: 95%;
margin-top: -2em;
}
.theme-section-title p.notice span {
display: inline-block;
}
.theme-section-title a {
color: #fff;
font-size: 18px;
width: 185px;
line-height: 55px;
text-align: center;
background: #262626;
position: absolute;
right: 0;
bottom: 10px;
}
.theme-button span {position: relative;}
.theme-button span:before {
content: '';
width: 100%;
height: 1px;
background: #fff;
position: absolute;
left:0;
bottom: -2px;
-webkit-transform:scale(0,1);
transform:scale(0,1);
}
.theme-button:hover span:before {-webkit-transform:scale(1,1);transform:scale(1,1);}  .p-color,#mega-menu-wrapper .nav>li.active a,#mega-menu-wrapper .nav>li:hover a,.delicious-food-section .single-item h5 a,.short-banner .opacity .theme-button,
.our-team .team-member h5,.our-team .team-member .image .opacity ul li a:hover,.client-section .client-text:hover .icon,.our-blog .single-blog-grid:hover .post .title,
.our-blog .single-blog-grid .post .read-more,.top-footer-widget .footer-logo a,.top-footer-widget .footer-list-widget ul li a:hover,
.top-footer-widget .subscribe-widget ul li a:hover,.mixitUp-menu li.active,.our-portfolio .single-portfolio-item:hover .text h5 a,
.our-food-menu .food-menu-wrapper .tab-content ul li div:hover a,.page-pagination li a:hover,.blog-details-content .tag-section .social-icon li a:hover,
.contact-us .contact-address ul li a:hover,.popular-faq .faq-panel .panel-group .panel-heading.active-panel a:before,
.aside-menu-wrapper .main-nav-wrapper li:hover>a,.blog-details-content .comment-box .single-comment .comment .reply:hover    {
color:#daac5b;
}
.p-bg-color,.scroll-top,#mega-menu-wrapper .nav>li.dropdown-holder .sub-menu li:hover>a,.theme-section-title a:hover,#client-slider .owl-dots .owl-dot.active span,
#client-slider .owl-dots .owl-dot:hover span,.our-blog .single-blog-grid .post .read-more:hover,.pricing-plan .plan-figure:hover .theme-button,.sidebar-keyword ul li a:hover,
.form-styl-one input[type="submit"]:hover,.related-product .owl-theme .owl-nav [class*=owl-]:hover {
background: #daac5b;
}
#theme-main-banner a.banner-button.shop-button,.short-banner .opacity .theme-button,#client-slider .owl-dots .owl-dot.active span,
#client-slider .owl-dots .owl-dot:hover span,.our-blog .single-blog-grid .post .read-more:hover,.sidebar-keyword ul li a:hover,
.related-product .owl-theme .owl-nav [class*=owl-]:hover,.contact-us .contact-address ul li a:hover {
border-style: solid;
border-color:#daac5b;
}
#player {
position: fixed;
width: 60px;
height: 30px;
bottom: 5px;
left:5px;
z-index: 99;
}
#player button {
font-size: 20px;
width: 50%;
float: left;
background: transparent;
color: rgba(0,0,0,0.5);
}
#player button#start.active {color: #daac5b;} header.theme-main-menu-one {
position: absolute;
width: 100%;
left:0;
right: 0;
top:0;
z-index: 99;
padding-top: 80px;
background-image: -webkit-linear-gradient( -90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
}
.header-wrapper {position: relative;}
#mega-menu-wrapper .nav li.menu-inner-logo img {display: inline-block;}
#mega-menu-wrapper .nav li.menu-inner-logo a {padding: 0;margin: 0 15px;}
#mega-menu-wrapper .nav li.menu-inner-logo:before {display: none;}
.theme-main-menu-one #mega-menu-wrapper .nav>li:before {
content: '';
width: 0;
height: 2px;
background: #fff;
position: absolute;
left:0;
bottom: 12px;
}
.theme-main-menu-one #mega-menu-wrapper .nav>li.active:before,
.theme-main-menu-one #mega-menu-wrapper .nav>li:hover:before {width: 100%;}
.theme-main-menu-one .small-device-logo {
display: none;
position: absolute;
top:0;
right: 0;
z-index: 99;
} .theme-main-menu-two {
padding: 45px 0 40px 0;
}
.theme-main-menu-two .logo {
position: absolute;
top:0;
left:0;
z-index: 9;
}
.theme-main-menu-two #mega-menu-wrapper {width: 100%;text-align: right;padding-right: 130px;}
.theme-main-menu-two #mega-menu-wrapper .nav>li>a {
font-size: 14px;
color: #000;
padding: 20px 0 25px 0;
}
.theme-main-menu-two #mega-menu-wrapper .nav>li.dropdown-holder .sub-menu li:first-child a {border-top: 1px solid #ededed;}
.theme-main-menu-two #mega-menu-wrapper .nav>li {margin: 0 24px;}
.theme-main-menu-two .menu-right-widget {
position: absolute;
top:0;
right: 0;
z-index: 9;
} .theme-main-menu-two .cart-button {
color:#000;
font-size: 30px;
background: transparent;
line-height: 44px;
position: relative;
margin: 4px 8px 0 0;
}
.theme-main-menu-two .cart-button span {
width: 18px;
height: 18px;
line-height: 18px;
border-radius: 50%;
color: #fff;
text-align: center;
position: absolute;
font-size: 13px;
top:27px;
right: -7px;
font-size: 13px;
font-weight: 600;
} .theme-main-menu-two .toggle-show-menu-button {
background: transparent;
margin: 10px 0 0 18px;
}
.theme-main-menu-two .toggle-show-menu-button span {
display: block;
width: 25px;
height: 2px;
margin:8px 0;
background: #000;
}
#hidden-aside-menu {
position: fixed;
top: 0;
right: 0;
opacity: 0;
visibility: hidden;
background: #262626;
width: 390px;
height: 100%;
z-index: 999999;
text-align: center;
max-height: 100%;
overflow-y: auto;
-webkit-transform: translate3d(350px,0,0);
transform: translate3d(350px,0,0);
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
@media (max-width: 420px) {
#hidden-aside-menu {
width: 100%;
}
}
#hidden-aside-menu.show-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.close-aside-menu {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
background: #262626;
color: #fff;
text-align: center;
line-height: 40px;
font-size: 18px;
z-index: 9999;
opacity: 0;
}
#hidden-aside-menu.show-menu .close-aside-menu {
opacity: 1;
}
#hidden-aside-menu .logo {
margin: 90px 0 120px 0;
}
.aside-menu-wrapper {
height: 100%;
}
.aside-menu-wrapper .main-nav-wrapper>li {
position: relative;
text-align: left;
}
.aside-menu-wrapper .main-nav-wrapper li a {
font-family: 'Open Sans', sans-serif;
position: relative;
display: block;
font-weight: normal;
color:#919191;
font-size: 15px;
text-transform: uppercase;
line-height: 46px;
padding: 0 45px;
}
.aside-menu-wrapper .main-nav-wrapper li a span.fa {
margin-right: 20px;
}
.aside-menu-wrapper .main-nav-wrapper>li .expander {
position: absolute;
top:0;
right: 45px;
font-size: 11px;
background: transparent;
}
.aside-menu-wrapper ul .dropdown-holder .sub-menu {
display: none;
}
.aside-menu-wrapper ul .dropdown-holder .sub-menu li a {
background: #2c2c2c;
font-size: 14px;
padding-left: 82px;
} @-webkit-keyframes menu_sticky {
0%  {margin-top:-120px;opacity: 0;}
50%  {margin-top: -64px;opacity: 0;}
100% {margin-top: 0;opacity: 1;}
}
@keyframes menu_sticky {
0%  {margin-top:-120px;opacity: 0;}
50%  {margin-top: -64px;opacity: 0;}
100% {margin-top: 0;opacity: 1;}
}
.theme-menu-wrapper.fixed {
position: fixed !important;
width:100%;
top:0;
left:0;
z-index: 100;
background: #222328;
padding-top: 5px;
-webkit-box-shadow: 0px 13px 35px -12px rgba(0,0,0,0.15);
box-shadow: 0px 13px 35px -12px rgba(0,0,0,0.15); }
.theme-menu-wrapper.fixed.white-bg {background: #fff;}
.theme-menu-wrapper.fixed .main-container {padding-top: 15px;padding-bottom: 0;}
.theme-menu-wrapper.fixed.white-bg {padding: 10px 15px;} .camera_wrap {
float:none;
}
.banner-one {margin-bottom: 155px;}
#theme-main-banner .camera_overlayer {
content: '';
position: absolute;
top:0;
left:0;
right: 0;
bottom: 0;
background: transparent;
}
#theme-main-banner.banner-one .camera_overlayer {background: rgba(0,0,0,0.6);}
#theme-main-banner .main-container {position: relative;}
#theme-main-banner .camera_caption {
height: 100%;
}
#theme-main-banner .container {
position: relative;
z-index: 1;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#theme-main-banner .camera_caption>div {
background: transparent;
position: absolute;
width: 100%;
height: 100%;
top:0;
text-shadow: none;
left: 0;
padding: 0;
}
.banner-one h3 {
font-family: 'Grand Hotel', cursive;
font-size: 45px;
font-weight: normal;
margin:40px 0 25px 0;
}
.banner-one h1 {color: #fff;text-transform: uppercase;}
.banner-one p {
font-size: 20px;
color: #fff;
padding: 22px 0 45px 0;
}
#theme-main-banner a.banner-button {
position: relative;
width: 170px;
text-transform: capitalize;
line-height: 46px;
border-width: 2px;
font-size: 20px;
color: #fff;
margin: 5px 8px;
}
#theme-main-banner a.banner-button.explore {border:2px solid #fff;}
#theme-main-banner a.banner-button:hover,
#theme-main-banner a.banner-button.explore:hover {
background: #222328;
border-color: #222328;
}
.banner-two .round-box {
width: 500px;
height:500px;
margin: 0 auto;
border-radius: 50%;
position: absolute;
left:50%;
top:50%;
margin: -250px 0 0 -250px;
background: rgba(218,172,91,0.6);
}
.banner-two h1 {
font-family: 'Breetty';
font-size: 120px;
font-weight: normal;
line-height: 90px;
} .delicious-food-section.fix-top-margin {padding-top: 135px;}
.delicious-food-section .theme-section-title {margin-bottom: 50px;}
.delicious-food-section .single-item {text-align: center;margin-bottom: 50px;}
.delicious-food-section .single-item img {margin: 0 auto;}
.delicious-food-section .single-item:hover img {-webkit-transform:scale3D(1.1,1.1,1);transform:scale3D(1.1,1.1,1);}
.delicious-food-section .single-item h5 a {margin: 15px 0 20px 0;}
.delicious-food-section .devider {
height: 1px;
width: 95%;
margin: 0 auto;
background: rgba(0,0,0,0.08);
}
.delicious-food-section .row {margin-bottom: 115px;} .our-portfolio .theme-section-title {margin: 100px 0;}
.portfolio-box-style {padding: 0 35px;}
.box-layout .portfolio-box-style {padding: 0;}
.portfolio-box-style .row {margin: 0 -20px;}
.portfolio-box-style .item {margin: 0 20px;}
.our-portfolio .single-portfolio-item {margin-bottom: 30px;}
.our-portfolio .single-portfolio-item .image-box {overflow: hidden;position: relative;}
.our-portfolio .single-portfolio-item .image-box img {
width: 100%;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.our-portfolio .single-portfolio-item:hover .image-box img {
-webkit-transform:scale3D(1.1,1.1,1);
transform:scale3D(1.1,1.1,1);
}
.our-portfolio .single-portfolio-item .image-box .opacity {
position: absolute;
top:0;
left:0;
bottom: 0;
right: 0;
background: rgba(29,29,29,0.5);
text-align: center;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.our-portfolio .single-portfolio-item:hover .image-box .opacity {opacity: 1;}
.our-portfolio .single-portfolio-item .image-box .opacity a {
color: #fff;
font-weight: 300;
font-size: 55px;
position: relative;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.our-portfolio .single-portfolio-item .text h5 a {
font-size: 24px;
color: #232323;
text-transform: capitalize;
}
.our-portfolio .single-portfolio-item .text {text-align: center;padding: 45px 0 30px 0;}
.our-portfolio .single-portfolio-item .text p {font-size: 18px;color: rgba(35,35,35,0.35);margin-top: 3px;}
.portfolio-item-info .main-container {max-width: 600px;}
.portfolio-item-info {
text-align: center;
display: none;
max-height: 750px;
overflow-y:auto;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.fancybox-slide--current .portfolio-item-info {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.portfolio-item-info img {margin: 0 auto;}
.portfolio-item-info h3 {margin: 50px 0 30px 0;}
.portfolio-item-info b {
display: block;
font-size: 18px;
line-height: 34px;
font-family: 'Playfair Display', serif;
color: #000000;
font-weight: normal;
margin-bottom: 40px;
}
.fancybox-close-small:after {background: transparent !important;}
.our-portfolio.inner-page {padding-bottom: 50px;}
.our-portfolio.inner-page.portfolio-v1 {padding-bottom: 200px;}
#mixitUp-item .mix {display: none;}
.mixitUp-menu  {text-align: center;margin-bottom: 120px;}
.mixitUp-menu li {
display: inline-block;
margin: 5px 20px;
text-transform: uppercase;
color: #6d6d6d;
cursor: pointer;
}
.our-portfolio.full-width .row,.our-portfolio.full-width .single-portfolio-item {margin: 0;}
.our-portfolio.full-width .row [class*="col-"] {padding: 0;} .about-us-section {margin: 150px 0 170px 0;}
.about-us-section img.pizza {
-webkit-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.about-us-section img.pizza:hover {
-webkit-transform:rotate(40deg);
transform:rotate(40deg);
}
.about-us-section .text h2 {line-height: 60px;margin-bottom: 45px;}
.about-us-section .text span {
font-family: 'Playfair Display', serif;
font-size: 18px;
line-height: 32px;
display: block;
margin: 30px 0 40px 0;
} .short-banner {
background: url(/images/home/banner.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
}
.short-banner .opacity {
background: rgba(0,0,0,0.5);
padding: 165px 0 180px 0;
text-align: center;
}
.short-banner .opacity h2 {
font-size: 55px;
line-height: 75px;
color: #fff;
margin-bottom: 50px;
}
.short-banner .opacity .theme-button {
width: 172px;
line-height: 46px;
border-width: 2px;
font-size: 18px;
}
.short-banner .opacity .theme-button:hover {color: #fff;border-color: #fff;} .our-team {padding-bottom: 70px;}
.our-team .theme-section-title {padding: 145px 0 85px 0;}
.our-team .team-member .image {overflow: hidden;position: relative;}
.our-team .team-member .image img {width: 100%;}
.our-team .team-member .image .opacity {
position: absolute;
width: 100%;
height: 100%;
top:0;
left:0;
opacity: 0;
background: rgba(0,0,0,0.5);
}
.our-team .team-member:hover .image .opacity {opacity: 1;}
.our-team .team-member .image .opacity ul {
position: relative;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.our-team .team-member .image .opacity ul li {
display: inline-block;
margin: 0 8px;
opacity: 0;
-webkit-transform:translateY(-10px);
transform:translateY(-10px);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.our-team .team-member .image .opacity ul li a {
color: #fff;
font-size: 18px;
}
.our-team .team-member .image .opacity ul li:first-child {
-webkit-transition-delay:0.15s;
transition-delay:0.15s;
}
.our-team .team-member .image .opacity ul li:nth-child(2) {
-webkit-transition-delay:0.2s;
transition-delay:0.2s;
}
.our-team .team-member .image .opacity ul li:nth-child(3) {
-webkit-transition-delay:0.25s;
transition-delay:0.25s;
}
.our-team .team-member .image .opacity ul li:nth-child(4) {
-webkit-transition-delay:0.3s;
transition-delay:0.3s;
}
.our-team .team-member:hover .image .opacity ul li {
opacity: 1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
.our-team .team-member h5 {margin: 28px 0 6px 0;}
.our-team .team-member {
text-align: center;
margin-bottom: 70px;
border-bottom:1px solid rgba(0,0,0,0.07);
padding-bottom: 20px;
} 
.our-team.team-style-two .team-member .image {
width: 300px;
height: 300px;
border-radius: 50%;
margin: 0 auto;
}
.our-team.team-style-two .team-member .image .opacity {border-radius: 50%;}
.our-team.team-style-two .team-member {border-bottom: none;padding-bottom: 0;}
.team-inner-page {
position: relative;
padding-top: 240px;
overflow: hidden;
}
.team-inner-page:before {
content: url(/images/inner-page/3.jpg);
position: absolute;
top: -90px;
left: -250px;
} .client-section {
background: url(/images/home/banner2.jpg) no-repeat center;
background-attachment: fixed;
background-size: cover;
margin-bottom: 160px;
}
.client-section .opacity {
background: rgba(0,0,0,0.8);
padding: 100px 0 90px 0;
text-align: center;
}
.client-section .theme-section-title p,.client-section .theme-section-title h2 {color: #fff;}
.client-section .client-text {
padding: 45px 40px 65px 40px;
text-align: center;
background: #fff;
margin-top: 90px;
}
.client-section .client-text .icon {
color: rgba(0,0,0,0.1);
font-size: 45px;
display: block;
}
.client-section .client-text p {font-size: 17px;margin: 22px 0 30px 0;}
.client-section .client-text h6 span {font-family: 'Open Sans', sans-serif;color: rgba(0,0,0,0.5);}
#client-slider .item {margin:0 15px;}
#client-slider .owl-dots .owl-dot span {
background: transparent;
border: 1px solid #fff;
border-radius: 0;
margin: 0 4px;
}
#client-slider .owl-dots {margin-top: 75px;}
.owl-theme .owl-nav {margin: 0;} .our-blog.home-blog {padding-bottom: 100px;}
.our-blog .theme-section-title {margin-bottom: 95px;}
.our-blog .single-blog-grid .image {
background: #000;
overflow: hidden;
}
.our-blog .single-blog-grid .image img {
width: 100%;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.our-blog .single-blog-grid:hover .image img {
opacity: 0.6;
-webkit-transform:scale3D(1.1,1.1,1);
transform:scale3D(1.1,1.1,1);
}
.our-blog .single-blog-grid .post .date {
text-transform: uppercase;
letter-spacing: 1px;
margin: 45px 0 15px 0;
}
.our-blog .single-blog-grid .post .title {
color: #000;
line-height: 40px;
letter-spacing: 1px;
}
.our-blog .single-blog-grid .post p {margin-top: 30px;}
.our-blog .single-blog-grid .post .read-more {
width: 135px;
line-height: 43px;
border: 1px solid rgba(0,0,0,0.1);
font-size: 17px;
text-align: center;
margin-top: 35px;
}
.our-blog .single-blog-grid .post .read-more:hover {color: #fff;}
.our-blog .single-blog-grid {margin-bottom: 70px;} .theme-main-footer {background: #181818;padding-top: 100px;}
.theme-main-footer p,.theme-main-footer a {font-family: 'Open Sans', sans-serif;color: rgba(255,255,255,0.6);}
.top-footer-widget .footer-logo p {margin: 12px 0 18px 0;}
.top-footer-widget h5 {
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
color: #fff;
font-size: 20px;
margin: 20px 0 38px 0;
}
.top-footer-widget .footer-list-widget ul li a {margin-bottom: 15px;}
.top-footer-widget .footer-list-widget ul li a span.sub {display: inline-block;font-size: 85%; margin: 0 0 0 -.3em;}
.top-footer-widget .insta-feed ul {margin: 0 -7.5px;}
.top-footer-widget .insta-feed ul li {float: left;width: 33.333333333%;padding: 0 7.5px;margin-bottom: 15px;}
.top-footer-widget .insta-feed ul li a {display: block;}
.top-footer-widget .subscribe-widget>div {padding-left: 40px;}
.top-footer-widget .subscribe-widget p {margin: -5px 0 20px 0;}
.top-footer-widget .subscribe-widget form {height: 60px;margin-bottom: 20px;}
.top-footer-widget .subscribe-widget form input {
width: 100%;
height: 100%;
background: #fff;
border:none;
padding: 0 20px;
color: rgba(0,0,0,0.4);
}
.top-footer-widget .subscribe-widget ul li {display: inline-block;}
.top-footer-widget .subscribe-widget ul li a {font-size: 20px;margin-right: 15px;color: #6b6b6b;}
.top-footer-widget [class*="col-"] {margin-bottom: 50px;}
.theme-main-footer .bottom-footer {
border-top:1px solid rgba(36,36,36,0.7);
text-align: center;
padding: 15px 0;
margin-top: 30px;
}
.theme-main-footer .bottom-footer p {color: #8b8b8b;}
.box-layout .theme-main-footer .bottom-footer {background:#fff; border: none;padding: 35px 0;} .theme-inner-banner {
background: url(/images/inner-page/banner.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
position: relative;
margin-bottom: 180px;
}
.theme-inner-banner .opacity {
background: rgba(0,0,0,0.6);
text-align: center;
padding: 315px 0 180px 0;
}
.theme-inner-banner .opacity h1 {text-transform: uppercase;color: #fff;margin-bottom: 30px;}
.theme-inner-banner .opacity ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: capitalize;
}
.theme-inner-banner .opacity ul li a {color: #fff;font-family: 'Open Sans', sans-serif;} .partner-section .theme-section-title {padding: 0 0 70px 0;}
.partner-section {padding-bottom: 120px;}
.partner-section .item img {margin: 0 auto;} .single-portfolio .main-wrapper-box {
width: 84%;
margin: 0 auto;
padding-bottom: 110px;
}
.single-portfolio .main-wrapper-box ul li span {
font-family: 'Playfair Display', serif;
font-size: 20px;
color: #232323;
}
.single-portfolio .main-wrapper-box ul li {margin-bottom: 30px;}
.single-portfolio .main-wrapper-box b {
font-family: 'Playfair Display', serif;
font-size: 18px;
color: #232323;
line-height: 33px;
font-weight: normal;
display: block;
}
.single-portfolio .main-wrapper-box .row {margin-top: 80px;} .our-food-menu .food-menu-wrapper .nav-tabs li {
width: 20%;
text-align: center;
}
.our-food-menu .food-menu-wrapper .nav-tabs li a {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 300;
color: #020202;
letter-spacing: 1.4px;
text-transform: uppercase;
border:none;
border-bottom: 1px solid transparent;
border-radius: 0;
background: transparent;
padding: 0 40px 35px 40px;
margin: 0;
display: inline-block;
}
.our-food-menu .food-menu-wrapper .nav-tabs li a i {
display: block;
font-size: 60px;
color: #cccccc;
font-weight: normal;
margin-bottom: 10px;
}
.our-food-menu .food-menu-wrapper .nav-tabs li.active a {
border-bottom-color: #daac5b;
color: #daac5b;
}
.our-food-menu .food-menu-wrapper .nav-tabs li.active a i {color: #daac5b;}
.our-food-menu .food-menu-wrapper .tab-content {margin: 130px 0 160px 0;}
.our-food-menu .food-menu-wrapper .tab-content ul {margin: 0 -60px;}
.our-food-menu .food-menu-wrapper .tab-content ul li {
float: left;
width: 50%;
padding: 0 60px;
}
.our-food-menu .food-menu-wrapper .tab-content ul li div {position: relative;margin-bottom: 45px;}
.our-food-menu .food-menu-wrapper .tab-content ul li div:before {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 10px;
right: 0;
background: rgba(16,16,16,0.1);
}
.our-food-menu .food-menu-wrapper .tab-content ul li div a {color: #020202;padding-right: 10px;}
.our-food-menu .food-menu-wrapper .tab-content ul li div h4 strong {
font-family: 'Open Sans', sans-serif;
font-weight: normal;
}
.our-food-menu .food-menu-wrapper .tab-content ul li div span {
font-size: 18px;
display: inline-block;
background: #fff;
padding-right: 15px;
position: relative;
z-index: 1;
margin-top: 18px;
} .pricing-plan {padding-bottom: 200px;}
.pricing-plan .pricing-title h2 {line-height: 65px;}
.pricing-plan .pricing-title p {margin-top: 10px;}
.pricing-plan .pricing-title {margin-bottom: 100px;}
.pricing-plan .plan-figure {
border:1px solid #efefef;
max-width: 400px;
margin: 60px auto 0 auto;
padding: 40px 0 60px 0;
text-align: center;
}
.pricing-plan .plan-figure .price {
font-weight: 300;
color: #161616;
font-size: 60px;
padding-left: 15px;
}
.pricing-plan .plan-figure .price sub {
font-size: 22px;
bottom: 0;
right: 15px;
}
.pricing-plan .plan-figure  h3 {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1.8px;
margin: 15px 0 35px 0;
}
.pricing-plan .plan-figure ul li {
line-height: 50px;
letter-spacing: 1.4px;
}
.pricing-plan .plan-figure .theme-button {
width: 160px;
line-height: 50px;
color: #fff;
background: #252525;
font-size: 18px;
margin-top: 45px;
}
.pricing-plan .plan-figure:hover {
-webkit-transform: scale(1.01);
transform: scale(1.01);
} .page-pagination li {display: inline-block;}
.page-pagination li a {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #bbbbbb;
margin-right: 15px;
}
.inner-blog-page {padding-bottom: 150px;}
.sidebar-search form {height: 60px;position: relative;}
.sidebar-search form input {
width: 100%;
height: 60px;
border: 1px solid rgba(0,0,0,0.05);
padding: 0 60px 0 15px;
}
.sidebar-search form button {
position: absolute;
top:0;
bottom: 0;
right: 0;
width: 58px;
background: transparent;
font-size: 20px;
color: rgba(0,0,0,0.15);
}
.blog-sidebar h3 {margin: 55px 0 40px 0;}
.sidebar-categories ul li a {
font-family: 'Open Sans', sans-serif;
color: #bbbbbb;
display: block;
margin-bottom: 15px;
}
.sidebar-categories ul li a:hover {color: #000;}
.blog-sidebar .border-box {
border-bottom: 1px solid rgba(0,0,0,0.06);
padding-bottom: 50px;
}
.sidebar-popular-post .single-post {margin-bottom: 30px;}
.sidebar-popular-post .single-post img {width: 75px;height: 75px;}
.sidebar-popular-post .single-post .post {
width: calc(100% - 75px);
padding-left: 25px;
}
.sidebar-popular-post .single-post .post a {
font-size: 20px;
line-height: 30px;
color: #000;
display: block;
margin: -8px 0 5px 0;
}
.sidebar-instafeed ul {margin: 0 -5px;max-width: 310px;}
.sidebar-instafeed ul li {
float: left;
width: 33.333333%;
padding: 0 5px;
margin-bottom: 10px;
}
.sidebar-keyword ul {margin: 0 -5px;}
.sidebar-keyword ul li {
float: left;
padding: 0 5px;
margin-bottom: 15px;
}
.sidebar-keyword ul li a {
line-height: 40px;
font-family: 'Open Sans', sans-serif;
color: rgba(0,0,0,0.35);
letter-spacing: 1px;
text-transform: uppercase;
border: 1px solid #f0f0f0;
padding: 0 25px;
}
.sidebar-keyword ul li a:hover {color: #fff;} .blog-details-content .mark-text {
font-size: 33px;
line-height: 55px;
font-weight: 300;
padding: 50px 85px 50px 105px;
margin: 40px 0 40px 0;
position: relative;
color: #000000;
background: #f3f3f3;
}
.blog-details-content .mark-text:before {
content: '';
width: 35px;
height: 1px;
background: #000;
position: absolute;
top:78px;
left:51px;
}
.blog-details-content .tag-section {border-bottom:1px solid rgba(0,0,0,0.04);margin-top: 35px;}
.blog-details-content .tag-section ul {padding: 23px 0 32px 0;}
.blog-details-content .tag-section ul li {display: inline-block;line-height: 26px;}
.blog-details-content .tag-section li {
font-weight: 600;
color: #242424;
margin-right: 2px;
}
.blog-details-content .tag-section .tag li a {
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
color: #b9b9b9;
display: block;
font-weight: normal;
}
.blog-details-content .tag-section .social-icon li a {
color: #b9b9b9;
margin-left: 12px;
font-size: 18px;
}
.blog-details-content h2 {font-size: 36px;margin:80px 0 60px 0;}
.blog-details-content .comment-box .single-comment img {
width: 65px;
height: 65px;
border-radius: 50%;
}
.blog-details-content .comment-box .single-comment .comment {
width: calc(100% - 65px);
padding-left: 25px;
position: relative;
}
.blog-details-content .comment-box .single-comment .comment h6 {
font-size: 20px;
text-transform: capitalize;
}
.blog-details-content .comment-box .single-comment .comment span {
display: block;
color: #c4c4c4;
margin:10px 0 18px 0;
}
.blog-details-content .comment-box .single-comment .comment .reply {
font-family: 'Open Sans', sans-serif;
position: absolute;
top:0;
right: 0;
text-transform: uppercase;
font-size: 14px;
color: #929292;
}
.blog-details-content .comment-box .single-comment {
padding-bottom: 45px;
margin-bottom: 45px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.blog-details-content .comment-box .single-comment:last-child {border: none;}
.blog-details-content .comment-box .single-comment.reply-comment {margin-left:90px;}
.form-styl-one input[type="text"],
.form-styl-one input[type="email"],
.form-styl-one textarea {
font-size: 14px;
background: #fff;
width: 100%;
max-width: 100%;
color: #212121;
border: 1px solid rgba(30,30,30,0.07);
margin-bottom: 35px;
padding: 0 15px;
}
.form-styl-one input[type="text"],
.form-styl-one input[type="email"] {height: 52px;}
.form-styl-one textarea {
height: 200px;
min-height: 200px;
padding: 15px;
}
.form-styl-one input[type="submit"] {
font-family: 'Playfair Display', serif;
width: 155px;
font-size: 18px;
line-height: 50px;
background: #272727;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
} .shop-page.full-width {
max-width: 1920px;
padding-left: 50px;
padding-right: 50px;
margin: 0 auto;
}
.shop-page {padding-bottom: 150px;}
.shop-page .shop-sidebar .sidebar-search {
height: 60px;
position: relative;
margin-bottom: 80px;
}
.shop-page .shop-sidebar .sidebar-search input {
width: 100%;
height: 100%;
padding: 0 60px 0 20px;
border: 1px solid #e9e9e9;
}
.shop-page .shop-sidebar .sidebar-search button {
position: absolute;
color: rgba(38,38,38,0.3);
font-size: 18px;
top:0;
right: 0;
bottom: 0;
width: 56px;
background: transparent;
}
.shop-page .shop-sidebar h3 {margin-bottom: 38px;}
.shop-page .shop-sidebar .sidebar-categories li a {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #afafaf;
margin-bottom: 30px;
display: block;
}
.shop-page .shop-sidebar .sidebar-categories li a:hover {padding-left: 5px;}
.shop-page .shop-sidebar .price-ranger {
padding: 18px 0 0 0;
}
.shop-page .shop-sidebar .price-ranger .ranger-min-max-block li {
line-height: 45px;
color: #9e9e9e;
}
.shop-page .shop-sidebar .price-ranger .ranger-min-max-block li button {
width: 140px;
line-height: 45px;
color: #fff;
}
.shop-page .shop-sidebar .price-ranger .ranger-min-max-block input {
width: 60px;
text-align: center;
height: 100%;
font-weight: 500;
border: none;
color: #000000;
}
.shop-page .shop-sidebar .price-ranger .ui-widget-content {
background: #eef2f5;
border: none;
height:4px;
margin-bottom: 50px;
}
.shop-page .shop-sidebar .price-ranger .ui-widget-header {background: #393939;}
.shop-page .shop-sidebar .price-ranger .ui-slider-handle {
width: 14px;
height: 14px;
background: #fff;
border-radius: 50%;
border: none;
outline: none;
cursor: pointer;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
.shop-page .shop-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
top: -5px;
}
.shop-page .shop-sidebar .sidebar-filter {margin: 60px 0 80px 0;}
.shop-page .shop-sidebar .popular-product li img {width: 90px;}
.shop-page .shop-sidebar .popular-product li .text {
width: calc(100% - 90px);
padding-left: 30px;
}
.shop-page .shop-sidebar .popular-product li .text a {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #292929;
line-height: 30px;
margin: 10px 0 5px 0;
display: block;
}
.shop-page .shop-sidebar .popular-product li .text strong {
font-size: 20px;
font-weight: normal;
color: rgba(21,21,21,0.6);
}
.shop-page .shop-sidebar .popular-product li {margin-bottom: 30px;}
.shop-page .shop-product-wrapper .single-product .image {
overflow: hidden;
position: relative;
margin-bottom: 38px;
}
.shop-page .shop-product-wrapper .single-product .image img {
width: 100%;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.shop-page .shop-product-wrapper .single-product:hover .image img {
-webkit-transform:scale3D(1.1,1.1,1);
transform:scale3D(1.1,1.1,1);
}
.shop-page .shop-product-wrapper .single-product .image .opacity {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
background: rgba(21,21,21,0.6);
}
.shop-page .shop-product-wrapper .single-product:hover .image .opacity {opacity: 1;}
.shop-page .shop-product-wrapper .single-product .image .opacity a {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 72px;
color: #fff;
position: relative;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.shop-page .shop-product-wrapper .single-product h6 a {
font-size: 24px;
color: #151515;
margin-bottom: 10px;
}
.shop-page .shop-product-wrapper .single-product strong {
font-weight: normal;
color: rgba(12,20,35,0.4);
font-size: 20px;
}
.shop-page .shop-product-wrapper .single-product {
margin-bottom: 75px;
position: relative;
}
.shop-page .shop-product-wrapper .single-product>a {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 60px;
color: rgba(12,20,35,0.2);
position: absolute;
right: 0;
bottom: -7px;
} .product-details .nav-tabs > li {margin: 0;}
.product-details .nav-tabs > li > a {
padding: 0;
margin: 15px 10px 0 0;
border: none !important;
border-radius: 0;
width: 55px;
height: 55px;
overflow: hidden;
}
.nav-tabs {border: none;}
.product-details .product-info h3 {
font-weight: 500;
margin-bottom: 15px;
text-transform: uppercase;
}
.product-details .product-info .rating li {
display: inline-block;
color: #a2a2a2;
}
.product-details .product-info .rating li:last-child {margin-left: 15px;}
.product-details .product-info .rating li i {color: #f9a109;}
.product-details .product-info strong {
display: block;
font-weight: normal;
font-size: 28px;
margin: 17px 0 25px 0;
color: rgba(18,18,18,0.4);
}
.product-details .product-info .order-box {
width: 90px;
height: 40px;
position: relative;
}
.product-details .product-info .order-box input {
width: 100%;
height: 100%;
background: #fff;
border:1px solid rgba(0,0,0,0.05);
padding-left: 15px;
}
.product-details .product-info .order-box button {
position: absolute;
width: 40px;
background: #ececec;
height: 50%;
right:0;
color: #a8a8a8;
}
.product-details .product-info .order-box button#value-decrease {bottom:0;}
.product-details .product-info .order-box button#value-increase {top:0;}
.product-details .product-info .cart {
width: 170px;
line-height: 45px;
text-align: center;
color: #fff;
text-transform: uppercase;
display: block;
margin-top: 35px;
}
.product-details .product-info .cart:hover {background: #242424;}
.product-details .product-info .quantity {margin-top: 60px;}
.shop-details .product-review-tab {margin: 70px 0 100px 0;}
.shop-details .product-review-tab .nav {border-bottom:1px solid #ececec;}
.shop-details .product-review-tab .nav li a {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 45px;
padding: 0 25px;
border-radius: 0;
background: #ececec;
border:1px solid #ececec;
color: #000000;
margin-right: 10px;
text-transform: capitalize;
}
.shop-details .product-review-tab .nav-tabs > li.active > a,
.shop-details .product-review-tab .nav-tabs > li.active > a:hover,
.shop-details .product-review-tab .nav-tabs > li.active > a:focus {
background: transparent;
border-bottom-color: #fff;
}
.shop-details .product-review-tab .tab-content h6 {
font-size: 24px;
margin: 40px 0 25px 0;
}
.shop-details .related-product h3 {
font-size: 28px;
margin-bottom: 50px;
}
.related-product-slider .item {margin: 0 15px;}
.related-product .owl-theme .owl-nav [class*=owl-] {
font-family: 'font-awesome';
width: 30px;
height: 30px;
text-align: center;
padding: 0;
border:2px solid rgba(0,0,0,0.08);
line-height: 26px;
color: rgba(0,0,0,0.4);
font-size: 18px;
background: transparent;
}
.owl-theme .owl-nav {margin: 0;}
.related-product .owl-theme .owl-nav [class*=owl-]:hover {color: #fff;}
.related-product .owl-theme .owl-controls {
position: absolute;
top:-60px;
right: 15px;
} .contact-us-form {padding-right: 70px;}
.contact-us .contact-address h2 {
line-height: 55px;
font-size: 38px;
}
.contact-us .contact-address p {
font-size: 20px;
margin: 40px 0 25px 0;
}
.contact-us .contact-address>a {
font-size: 28px;
font-family: 'Open Sans', sans-serif;
color: #000;
}
.contact-us .contact-address ul li {
display: inline-block;
margin-top: 30px;
}
.contact-us .contact-address ul li a {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(0,0,0,0.1);
line-height: 38px;
text-align: center;
color: #cccccc;
margin-right: 15px;
}
.map-canvas {
height: 500px;
width: 100%;
margin-top: 150px;
}
.si-content img {margin-bottom: 10px;}
.si-has-border .si-content-wrapper {border: none;}
.si-shadow-wrapper-top {opacity: 0;} .alert-wrapper {
display: none;
position: fixed;
width: 100%;
height:100%;
background: rgba(0,0,0,0.6);
top: 0;
left: 0;
z-index: 9999999;
}
#success,
#error {
position: relative;
width:500px;
height: 100px;
top: calc(50% - 50px);
left:calc(50% - 250px);
background: rgba(0,0,0,0.8);
text-align: center;
}
#success .wrapper,
#error .wrapper {
display: table;
width:100%;
height: 100%;
}
#success .wrapper p,
#error .wrapper p{
display: table-cell;
vertical-align: middle;
letter-spacing: 1px;
}
#success {
color: #26ace3;
}
#error {
color: #C9182B;
}
#error button,
#success button {
color:#fff;
width:40px;
height:40px;
line-height: 20px;
background: transparent;
border-radius: 50%;
position: absolute;
top: -20px;
right: -20px;
font-size: 20px;
}
.form-validation label.error {
display: none !important;
}
.form-validation input.error,
.form-validation textarea.error {
border:1px solid #f03838 !important;
} .popular-faq .faq-panel {
margin-top: 70px;
}
.popular-faq .faq-panel .panel-heading {
padding: 0;
border-radius: 0;
border:none;
}
.popular-faq .faq-panel .panel-heading h6 a {
font-size: 20px;
color:#222222;
padding: 18px 10px 17px 45px;
display: block;
position: relative;
}
.popular-faq .faq-panel .panel-group .panel {
margin: 0 0 15px 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
border:none;
}
.popular-faq .faq-panel .panel-group .panel-body {
border:none;
padding: 10px 35px 20px 45px;
}
.popular-faq .faq-panel .panel-group .panel-body p {
line-height: 24px;
}
.popular-faq .faq-panel .panel-group .panel-heading a:before {
content: '+';
font-weight: 300;
font-size: 28px;
color: #dfdfdf;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 26px;
text-align: center;
position: absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
font-weight: normal;
}
.popular-faq .faq-panel .panel-group .panel-heading.active-panel a:before {
content: '-';
}
.popular-faq .request-faq {
width: 260px;
line-height: 65px;
display: block;
margin: 50px auto 0 auto;
color: #fff;
font-size: 18px;
text-align: center;
}
.popular-faq {padding-bottom: 170px;} .error-page {
position: relative;
text-align: center;
padding: 85px 0 300px 0;
z-index: 9;
}
.error-page:before {
content: '';
position: absolute;
width: 50%;
height: 100%;
top:0;
right: 0;
background: url(/images/inner-page/error.jpg) no-repeat center right;
background-size: cover;
z-index: -1;
}
.error-page h2 {
font-family: 'Lato', sans-serif;
font-weight: 100;
color: #2e2e2e;
font-size: 150px;
padding-top: 190px;
}
.error-page h3 {
font-size: 42px;
font-family: 'Lato', sans-serif;
font-weight: 300;
letter-spacing: 2px;
color: #323131;
text-transform: uppercase;
margin: 15px 0 25px 0;
}
.error-page .text-wrapper a {
width: 210px;
line-height: 55px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
margin-top: 50px;
}@media (min-width: 992px) {
.container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 1200px) and (max-width: 1290px) {
.box-layout {padding: 0;}
}
@media (min-width: 992px) and (max-width: 1090px) {
.box-layout {padding: 0;}
}
@media (max-width: 1199px) {
.portfolio-box-style .row {margin: 0 -10px;}
.portfolio-box-style .item {margin: 0 10px;}
.portfolio-box-style {padding: 0 15px;}
.top-footer-widget .subscribe-widget>div {padding-left: 0;}
} @media (min-width: 992px) and (max-width: 1199px) {
#mega-menu-wrapper .nav>li {margin: 0 15px;}
#mega-menu-wrapper .nav>li.dropdown-holder .sub-menu,
#mega-menu-wrapper .nav>li.dropdown-holder .sub-menu .second-sub-menu {width: 200px;}
.client-section .client-text {padding-left: 20px;padding-right: 20px;}
.blog-details-content .mark-text {padding-right: 30px;}
} @media (max-width: 991px) {
.theme-main-menu-one .small-device-logo {display: block;}
header.theme-main-menu-one {padding-top: 15px;}
.theme-main-menu-one #mega-menu-wrapper .nav>li:before {display: none;}
#mega-menu-wrapper .nav li.menu-inner-logo {display: none;}
.delicious-food-section .single-item p br,.theme-main-menu-two #mega-menu-wrapper {display: none;}
.theme-section-title a {position: static;margin-top: 25px;}
.about-us-section img.pizza {margin: 0 auto;}
.about-us-section {margin-bottom: 100px;}
.box-layout {padding: 0 15px;}
.theme-main-menu-two .menu-right-widget {position: static;float: right;}
.theme-main-menu-two .logo {position: static;float: left;}
.theme-main-menu-two {padding: 15px 0;}
.theme-menu-wrapper.fixed.white-bg {padding: 5px 15px;}
.single-portfolio .main-wrapper-box {width: 100%;}
.about-us-section .row .row {margin-bottom: 30px;}
.our-food-menu .food-menu-wrapper .tab-content ul li {width: 100%;}
.shop-sidebar,.blog-sidebar {margin-top: 80px;}
.contact-us-form {padding: 0 0 60px 0;}
} @media (min-width: 768px) and (max-width: 991px) {
.our-team.team-style-two .team-member .image {width: 220px;height: 220px;}
} @media (max-width: 767px) {
.delicious-food-section.fix-top-margin {padding-top: 80px;}
.banner-one,.client-section,.theme-inner-banner {margin-bottom: 80px;}
.delicious-food-section .row {margin-bottom: 50px;}
.our-portfolio .theme-section-title {margin: 60px 0 70px 0;}
.theme-section-title p br {display: none;}
.about-us-section,.map-canvas {margin-top: 100px;}
.short-banner .opacity h2 br {display: none;}
.short-banner .opacity {padding: 100px 0 100px 0;}
#client-slider .owl-dots {margin-top: 30px;}
.client-section .opacity {padding: 80px 0 60px 0;}
#hidden-aside-menu .logo {margin: 60px 0 40px 0;}
.aside-menu-wrapper .main-nav-wrapper li a {padding: 0 15px;}
.aside-menu-wrapper .main-nav-wrapper>li .expander {right: 20px;}
.aside-menu-wrapper ul .dropdown-holder .sub-menu li a {padding-left: 60px;}
.aside-menu-wrapper .main-nav-wrapper li a span.fa {margin-right: 12px;}
.short-banner .opacity h2 {font-size: 40px;line-height: 55px;}
.theme-inner-banner .opacity {padding: 150px 0 100px 0;}
.theme-inner-banner .opacity h1 {font-size: 50px;margin-bottom: 15px;}
.theme-inner-banner .opacity ul li {font-size: 18px;}
.mixitUp-menu li {margin: 5px 10px;}
.mixitUp-menu {margin-bottom: 60px;}
.single-portfolio .main-wrapper-box .row {margin-top: 30px;}
.our-portfolio.inner-page.portfolio-v1 {padding-bottom: 50px;}
.single-portfolio .main-wrapper-box,.partner-section {padding-bottom: 80px;}
.our-team .theme-section-title {padding: 80px 0 50px 0;}
.team-inner-page {padding-top: 100px;}
.our-food-menu .food-menu-wrapper .nav-tabs li a {padding: 0 0 20px 0;}
.our-food-menu .food-menu-wrapper .nav-tabs li a {font-size: 15px;letter-spacing: 1px;}
.our-food-menu .food-menu-wrapper .nav-tabs li a i {font-size: 45px;margin-bottom: 5px;}
.our-food-menu .food-menu-wrapper .tab-content {margin: 80px 0 100px 0;}
.pricing-plan .pricing-title {margin-bottom: 20px;}
.pricing-plan,.popular-faq,.inner-blog-page {padding-bottom: 100px;}
.shop-page.full-width {padding: 0 15px 80px 15px;}
.product-details .product-info h3 {margin-top: 35px;}
.error-page:before {width: 100%;}
.blog-sidebar h3 {margin: 25px 0;}
.blog-sidebar .border-box {padding-bottom: 30px;}
.blog-details-content .mark-text {padding: 18px 15px 30px 40px;}
.blog-details-content .mark-text:before {width: 25px;top: 45px;left: 5px;}
.banner-one,.banner-two {height: 650px !important;}
.banner-one h3 {font-size: 35px;margin-bottom: 10px;}
.banner-one h1 {font-size: 50px;}
.banner-one p {font-size: 16px;}
} @media (max-width: 650px) {
#success, #error {
width: 86%;
height: auto;
top: calc(50% - 50px);
left: 7%;
padding: 30px 10px;
}
.banner-two .round-box {width: 280px;height: 280px;margin: -140px 0 0 -140px;}
.banner-two h1 {font-size: 60px;line-height: 65px;}
.banner-two {height: 500px !important;}
}
@media (max-width: 500px) {
.our-food-menu .food-menu-wrapper .nav-tabs li {width: 33.3333333%;}
.shop-product-wrapper .col-xs-6,.blog-details-content .tag-section ul {width: 100%;}
.our-blog .single-blog-grid {margin-bottom: 35px;}
.blog-details-content .comment-box .single-comment.reply-comment {margin-left: 15px;}
}
@media (max-width: 450px) {
.delicious-food-section .col-xs-6,.our-portfolio .col-xs-6,
.our-food-menu .food-menu-wrapper .tab-content ul li div h4 strong {width: 100%;}
.our-food-menu .food-menu-wrapper .tab-content ul li div h4 strong {margin-top: 10px;}
.shop-details .related-product h3 {margin-bottom: 85px;}
.blog-details-content .comment-box .single-comment .comment .reply {margin-top: 10px;position: static;}
}
@media (max-width: 400px) {
.our-team .col-xs-6,#hidden-aside-menu {width: 100%;}
}
 body {
font-family: 'Noto Serif JP', serif;
}
h1, h2, h3, h4, h5, h6, p, a, ul, li, a, th, td {
font-family: 'Noto Serif JP', serif;
color: #000;
}
h2 {
font-size: 38px;
}
.theme-main-footer p, .theme-main-footer a {
font-family: 'Noto Serif JP', serif;
color: rgba(255, 255, 255, 0.6);
}
.fa {
font-size: xx-large;
}
.col-md-2 {
width: 20%;
flex: 0 0 20%;
}
@media (max-width: 768px) {
.col-md-2 {
width: 50%;
flex: 0 0 20%;
}
}
.pc-img {
display: block !important;
}
.sp-img {
display: none !important;
}
@media only screen and (max-width: 750px) {
.pc-img {
display: none !important;
}
.sp-img {
display: block !important;
}
header h1.logo img {
max-height: 93px;
}
}
.p-color, #mega-menu-wrapper .nav > li.active a, #mega-menu-wrapper .nav > li:hover a, .delicious-food-section .single-item h5 a, .short-banner .opacity .theme-button, .our-team .team-member h5, .our-team .team-member .image .opacity ul li a:hover, .client-section .client-text:hover .icon, .our-blog .single-blog-grid:hover .post .title, .our-blog .single-blog-grid .post .read-more, .top-footer-widget .footer-logo a, .top-footer-widget .footer-list-widget ul li a:hover, .top-footer-widget .subscribe-widget ul li a:hover, .mixitUp-menu li.active, .our-portfolio .single-portfolio-item:hover .text h5 a, .our-portfolio .single-portfolio-item:hover .text h2 a, .our-food-menu .food-menu-wrapper .tab-content ul li div:hover a, .page-pagination li a:hover, .blog-details-content .tag-section .social-icon li a:hover, .contact-us .contact-address ul li a:hover, .popular-faq .faq-panel .panel-group .panel-heading.active-panel a:before, .aside-menu-wrapper .main-nav-wrapper li:hover > a, .blog-details-content .comment-box .single-comment .comment .reply:hover {
color: #000;
}
#theme-main-banner a.banner-button.shop-button, .short-banner .opacity .theme-button, #client-slider .owl-dots .owl-dot.active span, #client-slider .owl-dots .owl-dot:hover span, .our-blog .single-blog-grid .post .read-more:hover, .sidebar-keyword ul li a:hover, .related-product .owl-theme .owl-nav [class*=owl-]:hover, .contact-us .contact-address ul li a:hover {
border-style: solid;
border-color: #000;
}
@media (min-width: 992px) {
padding-right: 0 !important;
}
}
@media (min-width: 1200px) {
.container2 {
width: 970px;
}
}
@media (min-width: 992px) {
.container2 {
width: 970px;
}
}
@media (min-width: 768px) {
.container2 {
width: 768px;
}
}
.container2 {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.theme-section-title h1,
.theme-section-title h2 {
line-height: 55px;
text-transform: capitalize;
margin-top: 50px;
margin-bottom: 50px;
font-size: 38px;
}
@media (max-width: 767px) {
.theme-section-title h1,
.theme-section-title h2 {
font-size: 28px;
margin-top: 25px;
margin-bottom: 15px;
}
}
.img-width100 {
margin-right: -15px;
margin-left: -15px;
}
.mixitUp-menu {
text-align: center;
padding-bottom: 120px;
padding-top: 120px;
background-color: #203744;
}
.scroll-top {
background-color: #203744;
width: 60px;
height: 60px;
border-radius: 3px;
position: fixed;
bottom: 15px;
right: 15px;
z-index: 99;
text-align: center;
color: #fff;
display: none;
}
.scroll-top .fa {
font-size: 20px;
}
.scroll-top:after {
display: none;
}
@media (max-width: 767px) {
.scroll-top {
width: 40px;
height: 40px;
bottom: 10px;
right: 10px;
}
.scroll-top .fa {
font-size: 16px;
}
}
.i-button span {
color: #000;
}
.i-button span:hover {
color: #999;
} .contents {
margin-top: 110px;
}
.contents2 {
margin-top: 108px;
}
@media (max-width: 768px) {
.contents {
margin-top: 84px;
}
.contents2 {
margin-top: 71px;
}
}
.theme-menu-wrapper.fixed.white-bg {
padding: 5px 0 0;
}
.theme-main-menu-two {
padding: 10px 0 5px 0;
position: relative;
}
.theme-main-menu-two .logo {
width: 150px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.logo2 {
width: 90px;
position: relative;
margin-left: auto;
margin-right: auto;
}
.theme-main-menu-two .menu-right-widget {
position: absolute;
top: 50%;
left: 5%;
transform: translateY(-50%);
display: block;
width: fit-content;
z-index: 9;
} @media (max-width: 991px) {
.theme-main-menu-two .logo {
float: none;
}
}
@media (max-width: 767px) {
.theme-main-menu-two .menu-right-widget {
left: initial;
right: 5%;
}
.theme-main-menu-two .logo {
width: 140px;
float: left;
padding-left: 10px;
}
.logo2 {
width: 70px;
}
}
@media (max-width: 590px) {
.logo2 {
width: 60px;
}
}
@media (max-width: 768px) {
.theme-main-menu-two .menu-right-widget {
position: absolute;
}
}
.theme-main-menu-two .toggle-show-menu-button {
margin: 0 auto;
}
.theme-main-menu-two .toggle-show-menu-button span {
display: block;
width: 40px;
height: 3px;
margin: 8px 0;
background: #000;
}
@media (max-width: 767px) {
.theme-main-menu-two .toggle-show-menu-button span {
width: 36px;
}
}
.toggle-menu {
color: #000;
padding: 0;
font-size: 1.3rem;
text-align: center;
line-height: 1;
margin: 0 0 5px;
}
@media (max-width: 767px) {
.theme-main-menu-two .toggle-show-menu-button { }
.toggle-menu {
font-size: 1.1rem;
margin: 0;
}
}
.aside-menu-wrapper .main-nav-wrapper li a {
font-family: 'Noto Serif JP', serif;
position: relative;
display: block;
font-weight: normal;
color: #919191;
font-size: 15px;
text-transform: uppercase;
line-height: 1.6;
padding: 8px 20px;
}
.aside-menu-wrapper .main-nav-wrapper li a span.sub {
display: inline-block;
font-size: 85%;
margin: 0 0 0 -.3em;
} #hidden-aside-menu {
background-color: #203744;
left: 0;
-webkit-transform: translate3d(-350px, 0, 0);
transform: translate3d(-350px, 0, 0);
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.close-aside-menu {
background-color: #203744;
margin: 10px;
}
.side-menu-logo {
width: 260px;
margin: 40px auto 5px;
}
.nav-sns-icon {
display: flex;
justify-content: center;
margin: 20px auto 50px;
}
.nav-sns-icon li {
margin: 0 15px;
}
.nav-sns-icon li a {
font-size: 30px;
color: #919191;
} .short-banner {
background: url(//www.kameido.co.jp/image/slider5.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
}
.no-webp .short-banner {
background-image: url(/image/slider5.jpg);
}
.webp .short-banner {
background-image: url(/image/slider5-50.webp);
}
.short-banner .opacity {
background: rgba(0, 0, 0, 0.5);
padding: 120px 0 120px 0;
text-align: center;
}
.short-banner .opacity h2 {
font-size: 38px;
color: #fff;
margin-bottom: 20px;
}
.short-banner .opacity .theme-button {
width: 270px;
border-width: 1px;
border-radius: 3px;
font-size: 18px;
color: #fff;
border-color: #fff;
}
.short-banner .fa-phone {
color: #fff;
font-size: 40px;
margin-bottom: 20px;
display: inline-block;
}
.short-banner .fa-mail {
color: #fff;
font-size: 40px;
margin-bottom: 20px;
}
.tel {
color: #fff;
font-size: 18px;
margin-bottom: 18px;
}
.tel:hover {
color: rgba(255, 255, 255, 0.6);
font-size: 18px;
}
.fa-angle-up-solid {
font-size: 27px;
font-weight: 900;
line-height: 1.8;
} #mainSlider {
position: relative;
}
#mainSlider img {
position: absolute;
top: 0;
left: 0;
z-index: 8;
opacity: 0.0;
width: 100%;
max-width: 1600px;
}
#mainSlider img.active {
z-index: 10;
opacity: 1.0;
}
#mainSlider img.last-active {
z-index: 9;
}
._w100 {
width: 100%;
}
._w100h100 {
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.main-wrap {
padding: 0;
height: 200px !important;
}
}  .index-news-section {
margin: 100px 0;
}
.news-content h5 {
font-size: 16px;
}
.news-content h5 span {
font-size: 15px;
padding: 0 5px;
border-radius: 3px;
margin-left: 20px;
}
.bg-blue {
color: #fff;
background-color: #203744;
}
.bg-brown {
color: #fff;
background-color: #b7282e;
}
.bg-green {
color: #fff;
background-color: #028760;
}
.bg-orange {
color: #fff;
background-color: #ed6d3d;
}
.news-content p {
color: #000;
margin: 8px 0 8px 15px;
}
.news-content p:hover {
color: #999;
}
.info-sns-item {
margin-top: 10px;
transition-duration: 0.1s;
}
.info-sns-item:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.news-content-button {
margin: 20px auto;
text-align: center;
}
.news-content-button img {
margin: auto;
}
.news-content-button span {
color: #000;
}
.news-content-button span:hover {
color: #999;
}
@media (max-width: 767px) {
.index-news-section {
margin: 0;
}
.news-content p {
margin: 8px 0 8px 8px;
}
} .banner-section {
margin-top: 80px;
margin-bottom: 50px;
}
.short-banner1 {
height: 200px;
transition-duration: 0.1s;
}
.no-webp .short-banner1 {
background-image: url(/image/original1.png);
}
.webp .short-banner1 {
background-image: url(/image/original1-80.webp);
}
.short-banner1:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.short-banner1 h3 {
font-size: 33px;
color: #000;
padding: 7px;
}
.short-banner2 {
height: 200px;
background-image: url(//www.kameido.co.jp/image/putigift.png);
}
.no-webp .short-banner2 {
background-image: url(/image/putigift.png);
}
.webp .short-banner2 {
background-image: url(/image/putigift-85.webp);
}
.short-banner2:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.short-banner2 h3 {
font-size: 33px;
padding: 7px;
}
.banner-item {
width: 100%;
}
.banner-item-details p {
color: #000;
display: block;
width: 80%;
margin: 15px auto;
}
@media (max-width: 767px) {
.short-banner1 h3 {
font-size: 26px;
}
.short-banner2 h3 {
font-size: 26px;
}
.banner-item-details p {
width: 90%;
}
} .delicious-food-section .row {
margin-bottom: 0;
}
.product-index img {
width: 80%;
}
.product-index-title {
margin: 20px auto;
}
.product-index-title:hover {
color: #999;
}
.product-index-deteils {
color: #161616;
}
.delicious-food-section .single-item {
margin-bottom: 60px;
} .banner12-section {
margin-top: 120px;
margin-bottom: 100px;
}
.banner-title5 {
text-align: center;
margin-bottom: 10px;
}
.banner-title5 a:hover {
color: #999 !important;
}
.banner-image {
text-align: center;
vertical-align: bottom;
transition-duration: 0.1s;
}
.banner-image:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
@media (max-width: 767px) {
.banner-title5 {
font-size: 20px;
}
.banner-image {
text-align: center;
vertical-align: bottom;
transition-duration: 0.1s;
margin-bottom: 30px;
}
} .theme-main-footer {
background-color: #203744;
}
.footer-logo {
text-align: center;
}
.footer-sns-icon {
font-size: 30px;
}
.footer-sns img {
transition-duration: 0.1s;
}
.footer-sns img:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.tran3s:hover {
color: #fff !important;
}
.bb-hover {
border-bottom: 1px solid #203744;
}
.bb-hover:hover {
border-bottom: 1px solid #fff;
}
.theme-main-footer .bottom-footer {
border-top: 0px solid rgba(36, 36, 36, 0.7);
} .theme-inner-banner1 {
background: url(//www.kameido.co.jp/image/product-bk.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.theme-inner-banner1 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 200px 0 180px 0;
}
.theme-inner-banner1 .opacity ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: capitalize;
}
.theme-inner-banner1 h1 {
font-size: 41px;
color: #fff;
}
.theme-inner-banner1 ul {
margin-top: 20px;
}
.theme-inner-banner1 a {
color: #fff;
}
.theme-inner-banner1 a:hover {
color: #999;
}
.mixitUp-menu {
text-align: center;
padding-bottom: 60px;
padding-top: 60px;
background-color: #203744;
margin-bottom: 0;
}
.mixitUp-menu ul li {
color: #919191;
}
.mixitUp-menu li.active {
color: #919191;
}
.mixitUp-menu ul li:hover {
color: #fff !important;
}
.product-item {
padding-top: 100px;
}
.our-portfolio .single-portfolio-item .text p {
font-size: 15px;
color: #000;
margin-top: 10px;
text-align: left;
}
.product-button {
text-align: center;
}
.product-button a span:hover {
color: #999;
} .our-portfolio .single-portfolio-item .text {
padding: 10px 0 30px 0;
}
.our-portfolio .single-portfolio-item .image-box img {
width: 90%;
margin: auto;
}
.product_container {
height: 510px;
}
h2.product_h2 {
font-size: 22px;
line-height: 1.3;
}
h2.product_h2 span {
display: inline-block;
}
h2.product_h2 > a:hover { }
.our-portfolio .single-portfolio-item .text h2 a {
font-size: 22px;
color: #232323;
text-transform: capitalize;
}
@media (max-width: 767px) {
.theme-inner-banner1 {
background-attachment: scroll;
}
.theme-inner-banner1 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 160px 0 160px 0;
}
.theme-inner-banner1 h1 {
font-size: 30px;
}
.theme-inner-banner1 .opacity ul li {
font-size: 16px;
}
.our-portfolio .single-portfolio-item .image-box img {
width: 80%;
}
h2.product_h2 > a:hover {
text-shadow: none;
}
} .theme-inner-banner2 {
background: url(//www.kameido.co.jp/image/sc_img002.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
position: relative;
} .theme-inner-banner2 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 200px 0 180px 0;
}
.theme-inner-banner2 .opacity ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: capitalize;
}
.theme-inner-banner2 h1 {
font-size: 41px;
color: #fff;
}
.theme-inner-banner2 ul {
margin-top: 20px;
}
.theme-inner-banner2 a,
.theme-inner-banner2 span {
color: #fff;
}
.theme-inner-banner2 a:hover {
color: #999;
}
.original-section1 {
margin-bottom: 100px;
}
.original-section1-top {
margin-top: 80px;
}
.original-section1-text1 h2 {
margin-top: 15px;
margin-bottom: 60px;
line-height: 60px;
}
.original-section1-text {
margin-right: 15px;
margin-left: 15px;
}
.original-buttun {
text-align: center;
width: 100%;
}
.original-buttun a {
color: #fff;
background-color: #203744;
text-align: center;
margin: 40px auto;
padding: 10px 20px;
border-radius: 5px;
width: 100%;
max-width: 620px;
}
.original-buttun.is-small a {
margin: 15px 0;
}
.original-section2-1 {
background-color: #e0ebaf;
padding: 60px 0;
margin: 120px 30px 50px 30px;
}
.original-section2-2 {
background-color: #fdeff2;
padding: 60px 0;
margin: 120px 30px 50px 30px;
}
.original-section2 {
text-align: center;
}
.original-section2 h3 {
margin-bottom: 30px;
}
.original-section3 h2 {
margin-top: 80px;
margin-bottom: 60px;
line-height: 60px;
text-align: center;
}
.original-section3-text p {
margin-bottom: 30px;
}
.original-section3-text ul {
margin-top: 40px;
margin-bottom: 75px;
}
.original-section3-text h3 {
margin-top: 50px;
margin-bottom: 30px;
}
.original-section3-text img {
text-align: center;
}
.original-section3-text h4 {
font-size: 18px; margin: 5px 0 10px 5px;
}
.img-original3 {
margin-top: 180px;
} @media (max-width: 1024px) {
.original-section1-text h2 {
font-size: 30px;
margin-top: 80px;
}
.original-buttun a {
color: #fff;
background-color: #203744;
text-align: center;
margin: 40px auto;
padding: 10px 20px;
border-radius: 5px;
width: 100%;
max-width: 680px;
}
}
@media (max-width: 767px) {
.theme-inner-banner2 {
background-attachment: scroll;
}
.theme-inner-banner2 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 160px 0 160px 0;
}
.theme-inner-banner2 h1 {
font-size: 30px;
}
.theme-inner-banner2 .opacity ul li {
font-size: 16px;
}
.original-section1-text1 h2 {
margin-top: 80px;
margin-bottom: 60px;
line-height: 40px;
font-size: 33px;
}
.original-section2-1 {
background-color: #e0ebaf;
padding: 60px 0;
margin: 30px 5px;
}
.original-section2-2 {
background-color: #fdeff2;
padding: 60px 0;
margin: 30px 5px;
}
.original-section2 {
text-align: center;
}
.original-section2 h3 {
margin-bottom: 30px;
}
.original-section3 h2 {
font-size: 22px;
margin-top: 60px;
margin-bottom: 30px;
margin-left: 15px;
line-height: 25px;
text-align: left;
}
.original-section3-text p {
margin-bottom: 30px;
}
.original-section3-text ul {
margin-top: 40px;
margin-bottom: 30px;
}
.original-section3-text h3 {
margin-top: 50px;
margin-bottom: 30px;
font-size: 22px;
}
.original-section3-text img {
text-align: center;
}
.original-section3-text h4 {
font-size: 16px; margin: 5px 0 10px 5px;
}
.original-buttun a {
color: #fff;
background-color: #203744; margin: 20px auto;
padding: 10px 20px;
border-radius: 5px;
width: 90%;
max-width: 620px;
}
.img-original3 {
margin-top: 180px;
}
} .original-price-section {
margin-bottom: 80px;
}
.original-product-price {
max-width: 950px;
margin: 80px auto;
}
@media (max-width: 767px) {
.original-product-price {
max-width: 950px;
margin: 40px auto;
}
}
.original-product-price h4 {
padding: 11px 40px;
border-top: 4px solid #fdeff2;
border-bottom: 4px solid #fdeff2; margin-bottom: 40px;
}
@media (max-width: 767px) {
.original-product-price h4 {
padding: 8px 15px;
font-size: 20px;
}
}
.original-product-price-text {
margin: 40px;
}
.original-product-price-text h5 {
text-align: center;
}
.original-product-price-text img {
margin: 20px auto 0;
}
.tbl-r05 {
margin-bottom: 80px;
}
.tbl-r05 th {
background: #e9e9e9;
font-weight: normal;
text-align: center;
border: 1px solid #000;
padding: 5px;
}
.tbl-r05 td {
text-align: center;
border: 1px solid #000;
}
.tbl-r05 td span {
font-size: 13px;
}
.tbl-r05 td:first-child {
background: #e9e9e9;
text-align: center;
border: 1px solid #000;
}
.tbl-r05-img {
width: 20%;
padding-top: 10px;
}
.tbl-r06 {
margin-top: 50px;
margin-bottom: 80px;
}
.tbl-r06 th {
background: #e9e9e9;
font-weight: normal;
text-align: center;
border: 1px solid #000;
padding: 5px;
}
.tbl-r06 td {
text-align: center;
border: 1px solid #000;
}
.tbl-r06 td span {
font-size: 13px;
}
.tbl-r06 td:first-child {
background: #e9e9e9;
text-align: center;
border: 1px solid #000;
}
.tbl-r07 {
margin-top: 100px;
margin-bottom: 80px;
vertical-align: middle;
}
.tbl-r07 th {
background: #e9e9e9;
font-weight: normal;
text-align: center;
border: 1px solid #000;
padding: 5px;
}
.tbl-r07 td {
text-align: center;
border: 1px solid #000;
}
.tbl-r07 td span {
font-size: 13px;
}
.tbl-r07 td:first-child {
background: #e9e9e9;
text-align: center;
border: 1px solid #000;
}
.tbl-r08 {
margin: 140px auto 80px;
}
.tbl-r08 th {
background: #e9e9e9;
font-weight: normal;
text-align: center;
border: 1px solid #000;
padding: 5px;
}
.tbl-r08 td {
text-align: center;
border: 1px solid #000;
padding: 40px 15px;
}
.tbl-r08 td span {
font-size: 13px;
}
.tbl-r08 td:first-child {
background: #e9e9e9;
text-align: center;
border: 1px solid #000;
}
.tbl-r09 {
margin: 100px auto 80px;
}
.tbl-r09 th {
background: #e9e9e9;
font-weight: normal;
text-align: center;
border: 1px solid #000;
padding: 5px;
}
.tbl-r09 td {
text-align: center;
border: 1px solid #000;
padding: 40px 15px;
}
.tbl-r09 td span {
font-size: 13px;
}
.tbl-r09 td:first-child {
background: #e9e9e9;
text-align: center;
border: 1px solid #000;
}
.onlineshop-button {
padding: 5px 15px;
margin: auto 10px;
color: #fff;
background-color: #203744;
border-radius: 3px;
transition-duration: 0.1s;
}
.onlineshop-button:hover {
color: #fff;
opacity: 0.6;
transition-duration: 0.1s;
}
.onlineshop-button p {
color: #fff;
} @media screen and (max-width: 991px) {
.original-price-tbl {
margin: 0 15px;
}
.tbl-r06 {
margin-top: 0px;
}
.tbl-r07 {
margin-top: 0px;
}
.tbl-r08 {
margin: 0 auto 80px;
}
}
@media screen and (max-width: 640px) {
.original-product-price-text {
margin: 0px;
}
.tbl-r05 {
width: 100%;
}
.tbl-r05 .thead {
display: none;
}
.tbl-r05 tr {
width: 100%;
}
.tbl-r05 td {
display: block;
width: 100%;
border: 0px solid #000;
padding: 5px 80px;
}
.tbl-r05 td:first-child {
background: #e9e9e9;
font-weight: normal;
text-align: center;
border: 0px solid #000;
padding: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
.tbl-r05 td:before {
content: attr(data-label);
float: left;
font-weight: normal;
margin-right: 10px;
border: 0px solid #000;
}
.tbl-r05-img img {
width: 100%;
margin: auto;
}
.tbl-r06 {
width: 100%;
}
.tbl-r06 .thead {
display: none;
}
.tbl-r06 tr {
width: 100%;
}
.tbl-r06 td {
display: block;
width: 100%;
border: 0px solid #000;
padding: 5px 80px;
}
.tbl-r06 td:first-child {
background: #e9e9e9;
font-weight: normal;
text-align: center;
border: 0px solid #000;
padding: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
.tbl-r06 td:before {
content: attr(data-label);
float: left;
font-weight: normal;
margin-right: 10px;
border: 0px solid #000;
}
.tbl-r07 {
width: 100%;
}
.tbl-r07 .thead {
display: none;
}
.tbl-r07 tr {
width: 100%;
}
.tbl-r07 td {
display: block;
width: 100%;
border: 0px solid #000;
padding: 5px 80px;
}
.tbl-r07 td:first-child {
background: #e9e9e9;
font-weight: normal;
text-align: center;
border: 0px solid #000;
padding: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
.tbl-r07 td:before {
content: attr(data-label);
float: left;
font-weight: normal;
margin-right: 10px;
border: 0px solid #000;
}
.tbl-r08 {
width: 100%;
}
.tbl-r08 .thead {
display: none;
}
.tbl-r08 tr {
width: 100%;
}
.tbl-r08 td {
display: block;
width: 100%;
border: 0px solid #000;
padding: 5px 80px;
}
.tbl-r08 td:first-child {
background: #e9e9e9;
font-weight: normal;
text-align: center;
border: 0px solid #000;
padding: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
.tbl-r08 td:before {
content: attr(data-label);
float: left;
font-weight: normal;
margin-right: 10px;
border: 0px solid #000;
}
.tbl-r09 {
margin: auto;
width: 100%;
}
.tbl-r09 .thead {
display: none;
}
.tbl-r09 tr {
width: 100%;
}
.tbl-r09 td {
display: block;
width: 100%;
border: 0px solid #000;
padding: 5px 80px;
}
.tbl-r09 td:first-child {
display: none;
}
.tbl-r09 td:before {
content: attr(data-label);
float: left;
font-weight: normal;
margin-right: 10px;
border: 0px solid #000;
}
.original-product-price-text ul {
margin-left: 15px;
}
.onlineshop-button {
margin: 10px auto 20px;
padding-right: 40px;
padding-left: 40px;
}
} .original-branding-section {
margin-top: 60px;
margin-bottom: 100px;
}
.original-branding-section p {
padding-bottom: 30px;
}
.original-branding-section h6 {
margin: 0 15px 30px;
}
.original-branding-section .original-branding-img .text {
background-color: #203744;
padding: 8px;
margin: 20px 0 50px;
text-align: center;
border-radius: 5px;
}
.original-branding-section .original-branding-img .text h5 {
font-family: 'Noto Sans JP', sans-serif;
color: #fff;
} .theme-inner-banner3 {
background: url(//www.kameido.co.jp/image/kodawari-bk.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.theme-inner-banner3 .opacity {
background: rgba(0, 0, 0, 0.2);
text-align: center;
padding: 200px 0 180px 0;
}
.theme-inner-banner3 .opacity ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: capitalize;
}
.theme-inner-banner3 h1 {
font-size: 41px;
color: #fff;
}
.theme-inner-banner3 ul {
margin-top: 20px;
}
.theme-inner-banner3 a {
color: #fff;
}
.theme-inner-banner3 a:hover {
color: #999;
}
.kodasari-section1 {
margin-top: 140px;
margin-bottom: 140px;
}
.kodawari-img2 {
margin-top: 40px;
}
.kodawari-img3 {
margin-top: 40px;
}
.kodawari-section-text2 {
margin-top: 40px;
} @media (max-width: 767px) {
.theme-inner-banner3 {
background-attachment: scroll;
}
.theme-inner-banner3 .opacity {
background: rgba(0, 0, 0, 0.2);
text-align: center;
padding: 160px 0 160px 0;
}
.theme-inner-banner3 h1 {
font-size: 30px;
}
.theme-inner-banner3 .opacity ul li {
font-size: 16px;
}
.kodasari-section1 {
margin-top: 80px;
margin-bottom: 80px;
}
} .theme-inner-banner4 {
background: url(//www.kameido.co.jp/image/history-bk.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.theme-inner-banner4 .opacity {
background: rgba(0, 0, 0, 0);
text-align: center;
padding: 200px 0 180px 0;
}
.theme-inner-banner4 .opacity ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: capitalize;
}
.theme-inner-banner4 h1 {
font-size: 41px;
color: #fff;
}
.theme-inner-banner4 ul {
margin-top: 20px;
}
.theme-inner-banner4 a {
color: #fff;
}
.theme-inner-banner4 a:hover {
color: #999;
}
.history-section {
width: 100%;
}
.history-section1 {
max-width: 970px;
margin: auto;
}
.history-section2 {
max-width: 970px;
margin: auto;
}
.history-section3 {
max-width: 970px;
margin: auto;
}
.history-img-text {
text-align: center;
margin-top: 5px;
margin-bottom: 80px;
}
.history-img-text2 {
text-align: center;
margin-top: 5px;
margin-bottom: 40px;
}
.history-section-text {
margin-bottom: 80px;
}
.history-section-text p {
margin-bottom: 30px;
}
.history-img img {
margin: auto;
width: 80%;
}
.history-img2 img {
margin: auto;
width: 70%;
}
.history-tb-img {
margin: 0 auto 100px;
width: 100%;
}
.history-tb-img img {
margin: 0 auto 100px;
}
.year {
width: 30%;
padding-left: 120px;
vertical-align: text-top;
}
.history-tb-text {
padding-bottom: 40px;
} @media (max-width: 1023px) {
.year {
padding-left: 60px;
}
}
@media (max-width: 767px) {
.year {
display: block;
width: 100%;
padding-left: 10px;
}
.history-tb-text {
display: block;
padding-left: 15px;
padding-bottom: 30px;
}
.theme-inner-banner4 {
background-attachment: scroll;
}
.theme-inner-banner4 .opacity {
background: rgba(0, 0, 0, 0);
text-align: center;
padding: 160px 0 160px 0;
}
.theme-inner-banner4 h1 {
font-size: 30px;
}
.theme-inner-banner4 .opacity ul li {
font-size: 16px;
} } .theme-inner-banner5 {
background: url(//www.kameido.co.jp/image/shop-bk.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.theme-inner-banner5 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 200px 0 180px 0;
}
.theme-inner-banner5 .opacity ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: capitalize;
}
.theme-inner-banner5 h1 {
font-size: 41px;
color: #fff;
}
.theme-inner-banner5 ul {
margin-top: 20px;
}
.theme-inner-banner5 a {
color: #fff;
}
.theme-inner-banner5 a:hover {
color: #999;
}
.shop-section .theme-section-title {
margin: 100px 0;
}
.shop-section1 {
max-width: 970px;
margin: auto;
border-bottom: 1px solid #abced8;
}
.shop-img {
margin-bottom: 40px;
}
.shop-td-title {
padding: 10px 25px;
text-align: center;
font-weight: normal;
}
.shop-tb-text {
padding: 10px 12px;
}
.shop-map {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.shop-map2 {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.shop-bnr-section {
width: 600px;
margin: 0 auto 60px;
}
.shop-bnr {
float: left;
padding-right: 50px;
transition-duration: 0.1s;
}
.shop-bnr:hover {
opacity: 0.6;
transition-duration: 0.1s;
} @media (max-width: 767px) {
.theme-inner-banner5 {
background-attachment: scroll;
}
.theme-inner-banner5 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 160px 0 160px 0;
}
.theme-inner-banner5 h1 {
font-size: 30px;
}
.theme-inner-banner5 .opacity ul li {
font-size: 16px;
}
.shop-section .theme-section-title {
margin: 60px 0 40px;
}
.shop-section1 h2 {
font-size: 22px;
}
.shop-td-title {
background-color: #e7e7eb;
display: block;
padding: 10px 0;
text-align: center;
font-weight: normal;
}
.shop-tb-text {
display: block;
padding: 10px 10px;
text-align: center;
}
.shop-map {
margin-top: 30px;
margin-bottom: 30px;
}
.shop-map2 {
text-align: center;
margin-top: 0;
margin-bottom: 30px;
}
.shop-bnr-section {
width: 300px;
margin: 0 auto 30px;
}
.shop-bnr {
width: 100%;
margin: 0 auto 5px;
}
} .theme-inner-banner6 {
background: url(//www.kameido.co.jp/image/contact-bk.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.theme-inner-banner6 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 200px 0 180px 0;
}
.theme-inner-banner6 .opacity ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: capitalize;
}
.theme-inner-banner6 h1 {
font-size: 41px;
color: #fff;
}
.theme-inner-banner6 ul {
margin-top: 20px;
}
.theme-inner-banner6 a {
color: #fff;
}
.theme-inner-banner6 a:hover {
color: #999;
}
.contact-phone {
text-align: center;
}
.contact-phone .theme-section-title {
margin: 100px 0 50px;
}
.fa-phone-contact {
color: #203744;
font-size: 40px;
margin-bottom: 50px;
}
.fa-mail-contact {
color: #203744;
font-size: 40px;
}
.tel-contact {
color: #000;
font-size: 18px;
margin-bottom: 18px;
}
.tel-contact:hover {
color: rgba(0, 0, 0, 0.6);
font-size: 18px;
}
.contact-us-form {
margin: 80px auto 100px;
max-width: 650px;
padding: 0 15px;
}
.contact-us-form h4 {
margin: 20px 0;
padding: 11px;
border-top: 4px solid #fdeff2;
border-bottom: 4px solid #fdeff2;
}
.form-separation h4 {
border-top: 1px solid #e9e9e9;
}
.contact-us-form h5 {
font-size: 18px;
}
.contact-us-form h6 {
margin: 5px 0 20px 25px;
margin-bottom: 20px;
}
.contact-us-form p {
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}
.contact-us-form p span {
background-color: #b7282e;
color: #fff;
font-size: 15px;
padding: 0 5px;
border-radius: 3px;
margin-left: 20px;
}
.contact-us-form__notice {
background: #f5f5f5;
padding: 15px;
margin: -2em 0 1.5em;
p {
font-size: 1.4rem;
margin: 0;
line-height: 1.6;
& + p {
margin: .5em 0 0;
}
}
}
.form-styl-one input[type="text"], .form-styl-one input[type="email"], .form-styl-one input[type="tel"], .form-styl-one input[type="number"], .form-styl-one input[type="date"], .form-styl-one select, .form-styl-one textarea {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
background: #fff;
width: 100%;
max-width: 100%;
color: #212121;
border: 1px solid #abced8;
margin-bottom: 10px; border-radius: 3px;
}
.form-styl-one input[type="file"] {
font-family: 'Noto Serif JP', serif;
font-size: 17px;
background: #fff;
width: 100%;
max-width: 100%;
color: #212121;
border: 1px solid #abced8;
margin-bottom: 10px;
padding: 0px 0px 1px;
border-radius: 3px;
}
#inputState {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
background: #fff;
max-width: 100%;
color: #212121;
border: 1px solid #abced8;
margin-bottom: 10px;
padding: 0 15px;
border-radius: 3px;
width: 200px;
margin-top: 5px;
}
#select1 {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
background: #fff;
max-width: 100%;
color: #212121;
border: 1px solid #abced8;
padding: 0 15px;
border-radius: 3px;
width: 200px;
margin-top: 5px;
}
#select1 span {
padding-left: 20px;
}
#inputState3 {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
background: #fff;
max-width: 100%;
color: #212121;
border: 1px solid #abced8;
padding: 0 15px;
border-radius: 3px;
width: 200px;
margin-top: 5px;
}
#inputState4 {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
background: #fff;
max-width: 100%;
color: #212121;
border: 1px solid #abced8;
padding: 0 15px;
border-radius: 3px;
width: 200px;
margin-top: 5px;
}
#inputState5 {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
background: #fff;
max-width: 100%;
color: #212121;
border: 1px solid #abced8;
padding: 0 15px;
border-radius: 3px;
width: 200px;
margin-top: 5px;
display: inline-block;
}
#inputState6 {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
background: #fff;
max-width: 100%;
color: #212121;
border: 1px solid #abced8;
padding: 0 15px;
border-radius: 3px;
width: 200px;
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
}
.form-group {
margin-bottom: 0px;
}
.form-styl-one input[type="text"], .form-styl-one input[type="email"], .form-styl-one input[type="tel"], .form-styl-one input[type="number"], .form-styl-one input[type="date"] {
height: 35px;
}
.form-styl-one input[type="number"] {
width: 120px;
margin-top: 5px;
display: inline-block;
}
.form-styl-one input[type="date"] {
width: 200px;
margin-top: 5px;
position: relative;
}
input[type=date]::-webkit-calendar-picker-indicator {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
}
.form-styl-one input[type="submit"] {
display: block;
font-family: 'Noto Serif JP', serif;
width: 180px;
font-size: 18px;
line-height: 50px;
background: #203744;
color: #fff;
border-radius: 3px;
margin: 30px auto 0;
transition-duration: 0.1s;
}
.form-styl-one input[type="submit"]:hover {
background-color: rgba(30, 55, 68, 0.6);
transition-duration: 0.1s;
}
.form-styl-one input[type="reset"] {
display: block;
font-family: 'Noto Serif JP', serif;
width: 180px;
font-size: 18px;
line-height: 50px;
background: #203744;
color: #fff;
border-radius: 3px;
margin: 30px auto 0;
transition-duration: 0.1s;
border: 0px;
}
.form-styl-one input[type="reset"]:hover {
background-color: rgba(30, 55, 68, 0.6);
transition-duration: 0.1s;
}
.form-styl-one .formbutton {
display: block;
font-family: 'Noto Serif JP', serif;
width: 180px;
font-size: 18px;
line-height: 50px;
background: #203744;
color: #fff;
border-radius: 3px;
border: 0px;
margin: 30px auto 0;
transition-duration: 0.1s;
}
.form-styl-one .formbutton:hover {
background-color: rgba(30, 55, 68, 0.6);
transition-duration: 0.1s;
}
.contact-radio-btn {
padding: 10px 20px;
}
.form-check-input {
color: #000;
}
.form-check-label {
color: #000;
font-weight: normal;
}
.price-total-box {
width: 80%;
margin: auto;
}
.price-total-box h5 {
background-color: #e9e9e9;
padding: 5px;
border-top: 1px solid #808080;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
}
.price-total-tbl {
width: 100%;
margin-bottom: 15px;
border: 1px solid #808080;
}
.price-total-tbl th {
font-weight: normal;
text-align: left;
padding-left: 2%;
}
.price-total-tbl td {
padding: 10px 0;
text-align: right;
padding-right: 2%;
}
.price-total-tbl tr:last-child {
border-top: solid 1px #808080;
}
.price-total-tbl input[type="text"] {
margin-bottom: 0px;
display: inline-block;
width: 50%;
border: none;
text-align: right;
font-size: 20px;
}
.form-postage h5 {
font-weight: bold;
margin-top: 20px;
}
.form-postage p {
font-weight: normal;
margin-top: 8px;
}
.form-postage .postage-tbl-tax {
text-align: right;
padding: 0;
}
.contact-us-form ul {
margin-top: 10px;
margin-bottom: 10px;
}
.set-number {
margin-left: 50px;
}
.contact-file-ul {
margin: 0px;
}
.file-delete {
font-family: 'Noto Serif JP', serif;
font-size: 16px;
background: #e9e9e9;
color: #000;
border-radius: 3px;
padding: 1px 5px;
border: 1px solid #999;
margin-bottom: 30px;
}
.hidden_box_check .hidden_show {
visibility: collapse;
}
.hidden_box_check .contact-radio-btn .form-check input .targeted::checked + .hidden_show {
visibility: visible;
}
.form-addressee input {
margin-top: 20px;
margin-left: 20px;
}
.sbh1 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh1 ~ div.sbh1 {
display: block;
}
.sbh3 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh3 ~ div.sbh3 {
display: block;
}
.sbh5 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh5 ~ div.sbh5 {
display: block;
}
.sbh7 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh7 ~ div.sbh7 {
display: block;
}
.sbh9 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh9 ~ div.sbh9 {
display: block;
}
.sbh11 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh11 ~ div.sbh11 {
display: block;
}
.sbh13 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh13 ~ div.sbh13 {
display: block;
}
.sbh15 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh15 ~ div.sbh15 {
display: block;
}
.sbh21 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh21 ~ div.sbh21 {
display: block;
}
.sbh23 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh23 ~ div.sbh23 {
display: block;
}
.sbh31 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh31 ~ div.sbh31 {
display: block;
}
.sbh33 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh33 ~ div.sbh33 {
display: block;
}
.sbh41 {
padding-right: 15px;
display: none;
}
input[type="radio"]:checked#sbh41 ~ div.sbh41 {
display: block;
}
.sbh43 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh43 ~ div.sbh43 {
display: block;
}
.sbh51 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh51 ~ div.sbh51 {
display: block;
}
.sbh53 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh53 ~ div.sbh53 {
display: block;
}
.sbh61 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh61 ~ div.sbh61 {
display: block;
}
.sbh63 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh63 ~ div.sbh63 {
display: block;
}
.sbh71 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh71 ~ div.sbh71 {
display: block;
}
.sbh73 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh73 ~ div.sbh73 {
display: block;
}
.sbh81 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh81 ~ div.sbh81 {
display: block;
}
.sbh83 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh83 ~ div.sbh83 {
display: block;
}
.sbh91 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh91 ~ div.sbh91 {
display: block;
}
.sbh93 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh93 ~ div.sbh93 {
display: block;
}
.sbh101 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh101 ~ div.sbh101 {
display: block;
}
.sbh103 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh103 ~ div.sbh103 {
display: block;
}
.sbh111 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh111 ~ div.sbh111 {
display: block;
}
.sbh113 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh113 ~ div.sbh113 {
display: block;
}
.sbh121 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh121 ~ div.sbh121 {
display: block;
}
.sbh123 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh123 ~ div.sbh123 {
display: block;
}
.sbh131 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh131 ~ div.sbh131 {
display: block;
}
.sbh133 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh133 ~ div.sbh133 {
display: block;
}
.sbh141 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh141 ~ div.sbh141 {
display: block;
}
.sbh143 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh143 ~ div.sbh143 {
display: block;
}
.sbh151 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh151 ~ div.sbh151 {
display: block;
}
.sbh153 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh153 ~ div.sbh153 {
display: block;
}
.sbh161 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh161 ~ div.sbh161 {
display: block;
}
.sbh163 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh163 ~ div.sbh163 {
display: block;
}
.sbh171 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh171 ~ div.sbh171 {
display: block;
}
.sbh173 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh173 ~ div.sbh173 {
display: block;
}
.sbh181 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh181 ~ div.sbh181 {
display: block;
}
.sbh183 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh183 ~ div.sbh183 {
display: block;
}
.sbh191 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh191 ~ div.sbh191 {
display: block;
}
.sbh193 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh193 ~ div.sbh193 {
display: block;
}
.sbh201 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh201 ~ div.sbh201 {
display: block;
}
.sbh203 {
padding-right: 15px;
display: none
}
input[type="radio"]:checked#sbh203 ~ div.sbh203 {
display: block;
}
.form-nosi {
margin-top: 20px;
margin-left: 20px;
}
.form-omote {
margin-top: 20px;
margin-left: 35px;
}
.grid {
display: grid;
grid-template-columns: 60px 60px 60px 60px;
grid-template-rows: 60px 60px 60px 60px;
grid-row-gap: 0;
margin-top: 15px;
margin-left: 7px;
}
#yakiin-haiti div input {
height: 60px;
}
.haiti-box {
height: 60px;
padding-left: 8px;
border: 1px solid #abced8;
}
.form-grid-text {
margin-top: 25px;
}
.yakiin-haiti-grid {
border: 1px solid #000;
}
.yakiinn-file {
margin: 8px 0 20px;
}
.adress h5 {
margin-top: 10px;
}
.adress input[type="text"] {
font-size: 14px;
background: #fff;
max-width: 100%;
color: #212121;
border: 1px solid #abced8;
padding: 0 15px;
border-radius: 3px;
margin-top: 5px;
display: inline-block;
}
.package-image {
width: 186px;
}
.package-choice-button {
background-color: #203744;
padding: 4px 20px;
margin-top: 20px;
}
.product-number {
width: 5px;
margin-top: 6px;
}
.product-quantity {
margin-top: 68px !important;
}
.iron-choice-button {
background-color: #203744;
padding: 4px 20px;
margin-top: 20px;
}
.iron-number {
margin-top: 20px;
}
.iron-number-button {
color: #fff;
background-color: #203744;
padding: 8px 20px;
margin: 20px auto 50px;
text-align: center;
border-radius: 5px;
}
.modal-yaki-image {
display: inline-block;
}
.original-branding-img {
text-align: center;
}
.caution-text {
color: #b7282e;
margin-top: 0 !important;
display: none;
font-size: 14px !important;
} @media (max-width: 767px) {
.theme-inner-banner6 {
background-attachment: scroll;
}
.theme-inner-banner6 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 160px 0 160px 0;
}
.theme-inner-banner6 h1 {
font-size: 30px;
}
.theme-inner-banner6 .opacity ul li {
font-size: 16px;
}
.contact-phone .theme-section-title h2 {
font-size: 26px;
}
.contact-us-form {
padding: 0px;
}
.contact-us-form ul {
margin-bottom: 15px;
margin-left: 0px;
}
.price-total-box {
width: 100%;
}
.price-total-tbl th {
width: 40%;
}
.price-total-tbl td {
width: 60%;
}
.price-total-tbl input[type="text"] {
width: 160px;
}
} .theme-inner-banner7 {
margin-top: 100px;
text-align: center;
}
.theme-inner-banner7 ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
text-transform: capitalize;
}
.theme-inner-banner7 ul li a:hover {
color: #999;
}
.theme-inner-banner7 h1 {
font-size: 41px;
}
.theme-inner-banner7 ul {
margin-top: 20px;
}
.voice-section1 {
max-width: 970px;
padding-bottom: 100px;
margin: 0 auto;
border-bottom: 1px solid #abced8;
}
.voice-section1 .theme-section-title {
margin: 100px 0 50px;
}
.voice-section1 img {
margin-top: 20px;
} .voice-section1 h6 {
padding: 11px;
margin-top: 100px;
border-top: 4px solid #fdeff2;
border-bottom: 4px solid #fdeff2;
}
.voice-section1 h4 {
padding: 30px 0;
text-align: center;
}
.customer-introduction a {
padding-top: 30px;
}
.customer-introduction a p:hover {
color: #999;
}
.map-canvas {
display: none;
} @media (max-width: 767px) {
.theme-inner-banner7 h1 {
font-size: 32px;
}
.voice-section1 .theme-section-title h2 {
font-size: 24px;
}
.voice-section1 h4 {
font-size: 21px;
}
} .theme-inner-banner8 {
background: url(//www.kameido.co.jp/image/putigift-bk.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.theme-inner-banner8 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 200px 0 180px 0;
}
.theme-inner-banner8 .opacity ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: capitalize;
}
.theme-inner-banner8 h1 {
font-size: 41px;
color: #fff;
}
.theme-inner-banner8 ul {
margin-top: 20px;
}
.theme-inner-banner8 a {
color: #fff;
}
.theme-inner-banner8 a:hover {
color: #999;
}
.putigift-section-top {
margin-top: 60px;
}
.putigift-section-top-left {
background-color: #fdeff2;
}
.putigift-section-top-left img {
padding-top: 60px;
}
.putigift-section-top-left2 img {
margin-top: 100px;
}
.putigift-section-top h3 {
text-align: center;
color: #cb4c42;
padding-top: 30px;
padding-bottom: 80px;
}
.putigift-section-text1 h2 {
margin: 20px 0 40px;
}
.putigift-section-text1 h4 {
margin-bottom: 60px;
}
.putigift-section-text1 p {
margin-top: 55px;
}
.putigift-section2 {
width: 60%;
margin: 40px auto;
padding-right: 15px;
padding-left: 15px;
}
.putigift-section2-text p {
margin-top: 20px;
}
.putigift-section2-text h3 {
margin-top: 50px;
line-height: 30px;
text-align: center;
}
.putigift-section2-text h3 span {
font-size: 16px;
}
.putigift-section2-text ul {
margin-top: 40px;
}
.putigift-section2-text img {
margin-top: 20px;
}
.putigift-section2-text2 {
width: 100%;
}
.putigift-section2-text2 img {
margin: 20px auto 0;
}
.putigift-section2-text2 p {
text-align: center;
margin-bottom: 60px;
}
.putigift-section3 {
border-top: 1px solid #abced8;
border-bottom: 1px solid #abced8;
padding-bottom: 80px;
}
.putigift-section3-text {
width: 60%;
margin: 80px auto 0;
}
.putigift-section3-text h3 {
margin-top: 30px;
}
.putigift-section3-text p {
margin-top: 20px;
}
.putigift-section3-img {
position: relative;
margin-top: 40px;
}
.putigift-section3-img h3 {
position: absolute;
top: 45%;
left: 30px;
color: #cb4c42;
}
.putigift-section3-box p {
width: 85%;
margin: 20px auto 0;
}
.attention-section {
width: 60%;
margin: 100px auto 100px;
background-color: #fdeff2;
}
.attention-section h3 {
text-align: center;
padding-top: 40px;
}
.attention-section ul {
list-style-type: disc;
padding: 30px 20px 20px 40px;
}
.attention-section li {
padding-bottom: 20px;
}
.order-section {
width: 55%;
margin: 100px auto;
padding: 0 15px;
}
.order-section h2 {
text-align: center;
margin-bottom: 80px;
}
.order-type h3 {
text-align: center;
padding: 6px;
border-top: 4px solid #fdeff2;
border-bottom: 4px solid #fdeff2;
margin-top: 80px;
margin-bottom: 15px;
}
.order-type a {
display: block;
color: #fff;
background-color: #cb4c42;
text-align: center;
margin: 25px auto;
width: fit-content;
border-radius: 30px;
padding: .8em 1.3em;
box-shadow: 0 0 12px rgba(0,0,0,.15);
}
.order-type a::before {
content: '▸';
}
.fax-number {
text-align: center;
font-size: 33px;
margin-top: 40px !important;
}
.order-detail h4 {
padding: 11px;
border-top: 4px solid #fdeff2;
border-bottom: 4px solid #fdeff2;
margin-top: 80px;
}
.order-detail ul {
list-style-type: disc;
padding: 30px 20px 20px 40px;
}
.order-detail li {
padding-bottom: 10px;
}
.order-detail p {
padding: 20px;
}
.postage-section h5 {
padding-left: 20px;
}
.postage-section ul {
padding: 10px 20px 20px 40px !important;
}
.postage-tbl {
margin: auto;
}
.postage-tbl th {
padding: 15px;
text-align: center;
border: 1px solid #888888;
background-color: #abced8;
}
.postage-tbl td {
padding: 15px 32px;
text-align: center;
border: 1px solid #888888;
}
.postage-tbl .size {
background-color: #abced8;
}
.postage-section .postage-tbl-tax {
text-align: right;
padding: 0;
}
.postage-tbl-rural {
padding: 5px 0 0 20px !important;
}
.cash-tbl {
margin: 0 auto 100px;
}
.cash-tbl th {
padding: 15px 32px;
text-align: center;
border: 1px solid #888888;
background-color: #abced8;
}
.cash-tbl td {
padding: 15px 32px;
text-align: center;
border: 1px solid #888888;
}
.cash-tbl .type {
background-color: #abced8;
}  @media (max-width: 1200px) {
.putigift-section2 {
width: 80%;
}
.putigift-section3-text {
width: 80%;
}
.attention-section {
width: 80%;
}
.order-section {
width: 80%;
}
.postage-tbl th {
padding: 15px;
}
.postage-tbl td {
padding: 10px 28px;
}
}
@media (max-width: 767px) {
.theme-inner-banner8 {
background-attachment: scroll;
}
.theme-inner-banner8 .opacity {
background: rgba(0, 0, 0, 0.3);
text-align: center;
padding: 160px 0 160px 0;
}
.theme-inner-banner8 h1 {
font-size: 30px;
}
.theme-inner-banner8 .opacity ul li {
font-size: 16px;
}
.putigift-section3-img h3 {
top: 40%;
}
.putigift-section2 {
width: 100%;
}
.putigift-section3-text {
width: 100%;
}
.attention-section {
width: 100%;
}
.order-section {
width: 100%;
}
.order-detail ul {
padding: 20px 15px 0 20px !important;
}
.postage-tbl th {
padding: 2px;
}
.postage-tbl td {
padding: 7px;
}
.postage-tbl-rural {
padding: 5px 0 0 0 !important;
}
.cash-tbl th {
padding: 1px;
}
.cash-tbl td {
padding: 3px 5px;
}
} .theme-inner-banner9 {
margin-top: 60px;
text-align: center;
}
@media (max-width: 767px) {
.theme-inner-banner9 {
margin-top: 40px;
}
}
.theme-inner-banner9 ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
text-transform: capitalize;
}
.theme-inner-banner9 ul li a:hover {
color: #999;
}
.theme-inner-banner9 h1 {
font-size: 41px;
line-height: 1.4;
}
.theme-inner-banner9 ul {
margin-top: 20px;
}
.our-blog {
margin: 80px auto;
}
.single-blog-grid {
padding-bottom: 70px;
border-bottom: 1px solid #abced8;
}
.our-blog .single-blog-grid a {
display: block;
}
.our-blog .single-blog-grid .post .date {
font-family: 'Noto Serif JP', serif;
color: #000;
margin: 15px 0;
}
.our-blog .single-blog-grid .post .date span,
.our-blog .single-blog-grid .post .date a {
font-size: 15px;
padding: 0 5px;
border-radius: 3px;
margin-left: 20px;
}
.our-blog .single-blog-grid .post h3 {
font-size: 22px;
line-height: 30px;
}
.info-title h3:hover {
color: #999 !important;
}
.page-pagination li a {
font-family: 'Noto Serif JP', serif;
font-size: 18px;
color: #000;
margin-right: 0;
padding: 8px 16px;
}
.page-pagination .active {
color: #fff;
background-color: #203744;
}
.page-pagination li a:hover {
color: #999 !important;
}
.blog-sidebar .border-box {
text-align: center;
border-bottom: 0px solid rgba(0, 0, 0, 0.06);
}
.blog-sidebar h3 {
font-size: 16px;
margin: 55px 0 40px 0;
}
.accordion-menu dt {
border-bottom: 1px solid #abced8;
width: 60%;
color: #000;
font-weight: normal;
padding-bottom: 10px;
margin: 10px auto;
cursor: pointer;
}
.accordion-menu dd {
display: none;
}
.accordion-menu dd a:hover {
color: #999 !important;
}
.sidebar-categories ul li a {
font-family: 'Noto Serif JP', serif;
color: #000;
margin-bottom: 5px;
}
.sidebar-categories ul li a:hover {
color: #999 !important;
}
@media (max-width: 767px) {
.theme-inner-banner9 h1 {
font-size: 32px;
}
.our-blog .single-blog-grid .post .title {
line-height: 30px;
letter-spacing: 0px;
} } .single-blog-grid-img {
margin: 30px auto;
}
.single-blog-grid-img-item {
width: 90%;
margin: 30px auto;
}
.single-blog-grid-img-item h5 {
margin-top: 10px;
}
.single-blog-grid-text h5 {
margin: 80px 0 15px;
}
.single-blog-grid-text ul {
list-style-type: disc;
padding-left: 30px;
}
.single-blog-link {
margin-top: 40px;
}
.our-blog .single-blog-grid .post .single-blog-link p:hover {
color: #999;
}
.single-blog-grid-text-tbl {
margin: 30px;
}
.single-blog-grid-text-tbl th {
font-weight: normal;
padding: 15px 32px;
text-align: center;
border: 1px solid #888888;
background-color: #abced8;
}
.single-blog-grid-text-tbl td {
padding: 15px 32px;
border: 1px solid #888888;
}
.single-blog-grid-text-product {
margin-bottom: 50px;
}
.iframe-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.single-blog-grid-text-product iframe {
margin-top: 15px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single-blog-grid-text-product img {
margin-top: 15px;
}
.inner-blog-page {
padding-bottom: 0;
}
.info-sns-btn {
margin-top: 15px;
display: flex;
} @media (max-width: 767px) {
.single-blog-grid-text-tbl {
margin: 30px 0;
}
.single-blog-grid-text-tbl th {
padding: 1px;
}
.single-blog-grid-text-tbl td {
padding: 3px 5px;
}
} .product-details-section {
margin: 80px auto;
width: 80%;
}
.product-details-img1 img {
margin: auto;
}
.product-details-text h3 {
padding: 30px 0 30px;
}
.product-details-text ul {
padding-top: 20px;
}
.product-details-section1 h4 {
padding: 11px 40px;
border-top: 4px solid #fdeff2;
border-bottom: 4px solid #fdeff2;
margin-top: 80px;
margin-bottom: 40px;
}
.product-price {
width: 65%;
margin: 80px auto;
}
.product-price-img {
margin-bottom: 30px;
}
.product-price-tbl {
margin-bottom: 60px;
}
.product-price-tbl th {
font-weight: normal;
padding: 15px 28px;
text-align: center;
border: 1px solid #888888;
background-color: #abced8;
}
.product-price-tbl th span {
font-size: 15px;
}
.product-price-tbl td {
padding: 15px 32px;
border: 1px solid #888888;
}
.product-price-tbl td span {
font-size: 15px;
padding: 0 10px;
border-radius: 3px;
margin-left: 20px;
color: #fff;
background-color: #203744;
}
.product-price-tbl td span:hover {
background: rgba(32, 55, 68, 0.6);
} @media (max-width: 1200px) {
.product-details-section {
margin: 80px auto;
width: 100%;
}
.product-price {
width: 80%;
margin: auto;
}
.product-details-section1 h4 {
padding: 11px 40px;
}
.product-price-tbl {
margin: 0 auto 60px;
}
.product-price-img img {
margin: auto;
}
.product-price-tbl th {
padding: 10px 28px;
}
.product-price-tbl td {
padding: 10px 28px;
}
}
@media (max-width: 767px) {
.product-details-section {
margin: 80px auto;
width: 100%;
}
.product-price {
width: 100%;
margin: auto;
}
.product-details-section1 h4 {
padding: 11px;
}
.product-price-tbl th {
width: 60%;
padding: 1px;
}
.product-price-tbl td {
text-align: right;
padding: 1px 5px;
}
} .product-details-item2-img {
width: 100%;
display: table;
}
.product-details-item2-img1 {
display: table-cell;
}
.product-details-item2-img1 h3 {
text-align: center;
}
.product-details-item2-img1 h3 span {
font-size: 18px;
}
.product-details-text2 {
max-width: 800px;
margin: 40px auto;
}
.product-price-tbl2 {
margin-bottom: 60px;
}
.product-price-tbl2 th {
font-weight: normal;
padding: 15px 28px;
text-align: center;
border: 1px solid #888888;
background-color: #abced8;
}
.product-price-tbl2 th span {
font-size: 15px;
}
.product-price-tbl2 td {
padding: 15px 32px;
border: 1px solid #888888;
}
.product-price-tbl2 td span {
font-size: 15px;
padding: 0 10px;
border-radius: 3px;
margin-left: 20px;
color: #fff;
background-color: #203744;
}
.product-price-tbl2 td span:hover {
background: rgba(32, 55, 68, 0.6);
} @media (max-width: 991px) {
.product-price-tbl2 {
margin: auto;
}
}
@media (max-width: 767px) {
.product-details-item2-img1 h3 {
font-size: 18px;
}
.product-details-item2-img1 h3 span {
font-size: 15px;
}
.product-price-tbl2 th {
padding: 3px;
}
.product-price-tbl2 td {
padding: 8px 5px;
}
} .campany-section1 {
width: 65%;
margin: 0 auto 80px;
}
.campany-section2 {
margin-bottom: 80px;
}
.campany-img {
width: 100%;
}
.campany-img img {
margin: 80px auto 60px;
}
.campany-tbl {
margin: auto;
}
.campany-tbl th {
font-weight: normal;
width: 40%;
text-align: center;
padding: 10px 25px;
}
.campany-tbl td {
padding: 10px 25px;
}
.campany-tbl td a:hover {
color: #999;
}
.campany-shop h4 {
padding: 11px 40px;
border-top: 4px solid #fdeff2;
border-bottom: 4px solid #fdeff2;
margin-top: 80px;
margin-bottom: 40px;
} @media (max-width: 767px) {
.campany-section1 {
width: 100%;
margin: 0 auto 80px;
}
.campany-tbl th {
width: 30%;
padding: 10px 1px;
}
.campany-shop h4 {
padding: 11px;
}
} .privacy-section {
margin-bottom: 100px;
} .camera_wrap {
padding: 0 100px;
}
.current-active2 {
margin-top: 120px;
}
.tonowa-section1 {
position: relative;
}
.tonowa-section1 h1 {
position: absolute;
color: #fff;
top: 20%;
left: 49%;
font-size: 45px;
writing-mode: vertical-rl;
}
.tonowa-section1 h2 {
font-family: 'Shippori Mincho', serif;
position: absolute;
color: #fff;
top: 30%;
left: 48%;
font-size: 30px;
font-weight: 500;
line-height: 43px;
letter-spacing: 0.3em;
writing-mode: vertical-rl;
}
.tonowa-section1-top {
margin-top: 80px;
}
.tonowa-section1-text1 h2 {
margin: 30% auto;
}
.product-index-title span {
font-size: 13px;
}
.online-shop-bnr {
width: 60%;
margin: 60px auto;
}
.online-shop-bnr a {
display: block;
margin: 0 auto;
width: fit-content;
}
.online-shop-bnr h3,
.online-shop-bnr h5 {
font-size: 22px;
padding-bottom: 15px;
}
@media (max-width: 767px) {
.online-shop-bnr h3,
.online-shop-bnr h5 {
font-size: 18px;
padding-bottom: 15px;
}
}
.online-shop-bnr h3:hover,
.online-shop-bnr h5:hover {
color: #999;
}
.online-shop-bnr img {
transition-duration: 0.1s;
}
.online-shop-bnr img:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.tonowa-banner-section {
margin: 0 auto 60px;
background: #fff;
}
@media (max-width: 767px) {
.tonowa-banner-section {
margin: 0 auto 20px;
}
}
.tonowa-banner-text {
width: 80%;
margin: 0 auto;
}
.tonowa-banner-section .banner-image a img {
margin: auto;
}
.banner-title6 {
text-align: left;
margin-bottom: 10px;
margin-left: 6px;
font-size: 20px;
text-align: center;
line-height: 1.4;
}
.banner-title6 a:hover {
color: #999 !important;
}
.instagram-section {
margin-bottom: 80px;
}
@media (max-width: 767px) {
.instagram-section {
margin-bottom: 20px;
}
}
.instagram-img {
display: flex;
flex-wrap: wrap;
}
.instagram-img li {
width: calc(100%/4);
box-sizing: border-box;
}
.instagram-img li img {
display: inherit;
max-width: 100%;
height: auto;
transition-duration: 0.1s;
}
.instagram-img li img:hover {
opacity: 0.6;
transition-duration: 0.1s;
} @media (max-width: 1540px) {
.camera_wrap {
padding: 0 50px;
}
.tonowa-section1 h1 {
font-size: 24px;
left: 1%;
top: 13%;
}
.tonowa-section1 h2 {
top: 25%;
left: 47%;
font-size: 30px;
}
}
@media (max-width: 768px) {
.tonowa-section1 h2 {
top: 30%;
left: 45%;
}
}
.tonowa-banner-text {
width: 100%;
}
@media (max-width: 767px) {
.online-shop-bnr {
width: 100%;
margin: 40px auto;
}
}
@media (max-width: 590px) {
.camera_wrap {
padding: 0;
}
.tonowa-section1 h1 {
font-size: 35px;
left: 46%;
}
.tonowa-section1 h2 {
top: 30%;
left: 39%;
font-size: 30px;
}
} .theme-inner-banner10 {
background: url(//www.kameido.co.jp/image/t-omoi-bk.webp) no-repeat center;
position: relative;
background-attachment: fixed;
margin-left: 30px;
margin-right: 30px;
}
.theme-inner-banner10 .opacity {
background: rgba(0, 0, 0, 0.0);
text-align: center;
padding: 300px 0 280px 0;
}
.theme-inner-banner10 .opacity ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #fff;
text-transform: capitalize;
}
.theme-inner-banner10 h1 {
font-family: 'Shippori Mincho', serif;
font-size: 30px;
position: absolute;
color: #fff;
top: 25%;
left: 49%;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 0.2em;
}
.theme-inner-banner10 ul {
margin-top: 20px;
writing-mode: vertical-rl;
}
.theme-inner-banner10 a {
color: #fff;
}
.theme-inner-banner10 a:hover {
color: #999;
}
.t-omoi-text {
margin-top: 20px;
}
.short-banner-t1 {
background: url(//www.kameido.co.jp/image/t-omoi-bk01.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
height: 540px;
margin: 0 40px;
}
.short-banner-t2 {
background: url(//www.kameido.co.jp/image/t-omoi-bk02.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
height: 540px;
margin: 0 40px;
}
.short-banner-t3 {
background: url(//www.kameido.co.jp/image/t-omoi-bk03.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
height: 540px;
margin: 0 40px;
} @media (max-width: 1024px) {
.theme-inner-banner10 {
background: url(//www.kameido.co.jp/image/t-omoi-bk-ip.webp) no-repeat center;
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 767px) {
.short-banner-t1 {
background: url(//www.kameido.co.jp/image/t-omoi-bk01-sp.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
height: 480px;
margin: 0 15px;
}
.short-banner-t2 {
background: url(//www.kameido.co.jp/image/t-omoi-bk02-sp.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
height: 480px;
margin: 0 15px;
}
.short-banner-t3 {
background: url(//www.kameido.co.jp/image/t-omoi-bk03-sp.webp) no-repeat center;
background-size: cover;
background-attachment: fixed;
height: 480px;
margin: 0 15px;
}
.theme-inner-banner10 {
background: url(//www.kameido.co.jp/image/t-omoi-bk-sp.webp) no-repeat center;
margin-left: 0;
margin-right: 0;
}
.theme-inner-banner10 h1 {
left: 45%;
display: none;
}
} .theme-inner-banner11 {
background: url(//www.kameido.co.jp/image/t-product-bk.webp) no-repeat center;
position: relative;
background-attachment: fixed;
margin-left: 30px;
margin-right: 30px;
}
.theme-inner-banner11 .opacity {
background: rgba(0, 0, 0, 0.0);
text-align: center;
padding: 300px 0 280px 0;
}
.theme-inner-banner11 h1 {
font-family: 'Shippori Mincho', serif;
font-size: 30px;
position: absolute;
color: #fff;
top: 25%;
left: 49%;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 0.2em;
}
.t-product-section-text1 {
margin: 80px auto;
}
.t-product-section-text1 h4 {
text-align: center;
line-height: 40px;
}
.t-product-bnr {
text-align: center;
margin: 80px;
}
.t-product-bnr img {
transition-duration: 0.1s;
}
.t-product-bnr img:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.t-product-bnr h3 {
text-align: left;
margin-bottom: 20px;
}
.t-product-bnr h3:hover {
color: #999;
}
.vew-more {
text-align: right;
margin-top: 15px;
}
.vew-more:hover {
color: #999;
} @media (max-width: 1024px) {
.theme-inner-banner11 {
background: url(//www.kameido.co.jp/image/t-product-bk-ip.webp) no-repeat center;
background-size: cover;
position: relative;
margin-left: 30px;
margin-right: 30px;
}
}
@media (max-width: 767px) {
.theme-inner-banner11 {
margin-left: 0;
margin-right: 0;
}
.theme-inner-banner11 h1 {
left: 45%;
}
.t-product-section-text1 h4 {
font-size: 18px;
}
.t-product-bnr {
text-align: center;
margin: 40px 0;
}
} .theme-inner-banner12 {
background: url(//www.kameido.co.jp/image/t-olive-bk.webp) no-repeat center;
position: relative;
background-attachment: fixed;
margin-left: 30px;
margin-right: 30px;
}
.theme-inner-banner12 .opacity {
background: rgba(0, 0, 0, 0.0);
text-align: center;
padding: 300px 0 280px 0;
}
.theme-inner-banner12 h1 {
font-family: 'Shippori Mincho', serif;
font-size: 30px;
position: absolute;
color: #fff;
top: 25%;
left: 49%;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 0.2em;
}
.t-product-detail {
margin-top: 80px;
}
.t-product-detail h2 {
margin-top: 20px
}
.t-product-detail p {
margin-top: 15px;
margin-bottom: 30px;
}
.product-detail2 {
margin-bottom: 100px;
}
.product-detail2-text {
margin-top: 80px;
}
.product-detail2-text h4 {
margin-top: 30px;
}
.t-product-title {
margin: 20px auto 0;
}
.t-product-title:hover {
color: #999;
}
.t-product-spec {
margin: 0 auto 80px;
}
.spec-tb {
margin: 60px auto;
}
.spec-tb-title {
width: 40%;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
font-weight: normal;
border-bottom: 1px solid #ccc;
}
.spec-tb-text {
width: 50%;
border-bottom: 1px solid #ccc;
}
.container3 {
max-width: 768px;
margin: auto;
} @media (max-width: 1024px) {
.theme-inner-banner12 {
background: url(//www.kameido.co.jp/image/t-olive-bk.webp) no-repeat center;
background-size: cover;
position: relative;
margin-left: 30px;
margin-right: 30px;
}
}
@media (max-width: 767px) {
.theme-inner-banner12 {
margin-left: 0;
margin-right: 0;
}
.theme-inner-banner12 h1 {
left: 45%;
}
.t-product-title {
margin: 20px auto 40px;
}
} .theme-inner-banner13 {
background: url(//www.kameido.co.jp/image/t-orange-bk.webp) no-repeat center;
position: relative;
background-attachment: fixed;
margin-left: 30px;
margin-right: 30px;
}
.theme-inner-banner13 .opacity {
background: rgba(0, 0, 0, 0.0);
text-align: center;
padding: 300px 0 280px 0;
}
.theme-inner-banner13 h1 {
font-family: 'Shippori Mincho', serif;
font-size: 30px;
position: absolute;
color: #fff;
top: 16%;
left: 49%;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 0.2em;
} @media (max-width: 1024px) {
.theme-inner-banner13 {
background: url(//www.kameido.co.jp/image/t-orange-bk.webp) no-repeat center;
background-size: cover;
position: relative;
margin-left: 30px;
margin-right: 30px;
}
}
@media (max-width: 767px) {
.theme-inner-banner13 {
margin-left: 0;
margin-right: 0;
}
.theme-inner-banner13 h1 {
left: 46%;
}
} .theme-inner-banner14 {
background: url(//www.kameido.co.jp/image/t-fig-bk.webp) no-repeat center;
position: relative;
background-attachment: fixed;
margin-left: 30px;
margin-right: 30px;
}
.theme-inner-banner14 .opacity {
background: rgba(0, 0, 0, 0.0);
text-align: center;
padding: 300px 0 280px 0;
}
.theme-inner-banner14 h1 {
font-family: 'Shippori Mincho', serif;
font-size: 30px;
position: absolute;
color: #fff;
top: 25%;
left: 49%;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 0.2em;
} @media (max-width: 1024px) {
.theme-inner-banner14 {
background: url(//www.kameido.co.jp/image/t-fig-bk.webp) no-repeat center;
background-size: cover;
position: relative;
margin-left: 30px;
margin-right: 30px;
}
}
@media (max-width: 767px) {
.theme-inner-banner14 {
background: url(//www.kameido.co.jp/image/t-fig-bk-sp.webp) no-repeat center;
margin-left: 0;
margin-right: 0;
}
.theme-inner-banner14 h1 {
left: 46%;
}
} .theme-inner-banner15 {
background: url(//www.kameido.co.jp/image/t-secret-bk.webp) no-repeat center;
position: relative;
background-attachment: fixed;
margin-left: 30px;
margin-right: 30px;
}
.theme-inner-banner15 .opacity {
background: rgba(0, 0, 0, 0.0);
text-align: center;
padding: 300px 0 280px 0;
}
.theme-inner-banner15 h1 {
font-family: 'Shippori Mincho', serif;
font-size: 30px;
position: absolute;
color: #fff;
top: 25%;
left: 49%;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 0.2em;
}
.secret-section {
margin-top: 80px;
margin-bottom: 100px;
}
.secret-section-text1 {
background-image: url(//www.kameido.co.jp/image/t-secret01-pc.webp);
width: 840px;
height: 302px;
margin: 0 auto;
}
.secret-section-text1-5 {
background-image: url(//www.kameido.co.jp/image/t-secret01.5-pc.webp);
width: 840px;
height: 20px;
margin: 0 auto;
}
.secret-section-text2 {
background-image: url(//www.kameido.co.jp/image/t-secret02-pc.webp);
width: 840px;
height: 280px;
margin: 0 auto;
}
.secret-section-text2-5 {
background-image: url(//www.kameido.co.jp/image/t-secret02.5-pc.webp);
width: 840px;
height: 22px;
margin: 0 auto;
}
.secret-section-text3 {
background-image: url(//www.kameido.co.jp/image/t-secret03-pc.webp);
width: 840px;
height: 280px;
margin: 0 auto;
}
.secret-section-text3-5 {
background-image: url(//www.kameido.co.jp/image/t-secret03.5-pc.webp);
width: 840px;
height: 20px;
margin: 0 auto;
}
.secret-section-text4 {
background-image: url(//www.kameido.co.jp/image/t-secret04-pc.webp);
width: 840px;
height: 294px;
margin: 0 auto;
}
.secret-section-text4-5 {
background-image: url(//www.kameido.co.jp/image/t-secret04.5-pc.webp);
width: 840px;
height: 8px;
margin: 0 auto;
}
.secret-section-text5 {
background-image: url(//www.kameido.co.jp/image/t-secret05-pc.webp);
width: 840px;
height: 294px;
margin: 0 auto;
}
.secret-section-text5-5 {
background-image: url(//www.kameido.co.jp/image/t-secret05.5-pc.webp);
width: 840px;
height: 20px;
margin: 0 auto;
}
.secret-section-text6 {
background-image: url(//www.kameido.co.jp/image/t-secret06-pc.webp);
width: 840px;
height: 303px;
margin: 0 auto;
}
.secret-section h4 {
font-family: 'Shippori Mincho', serif;
margin-top: 40px;
}
.secret-section p {
margin-top: 20px;
}
.secret-sp-img {
display: none;
} @media (max-width: 1024px) {
.theme-inner-banner15 {
background: url(//www.kameido.co.jp/image/t-secret-bk.webp) no-repeat center;
background-size: cover;
position: relative;
margin-left: 30px;
margin-right: 30px;
}
}
@media (max-width: 991px) {
.secret-section {
margin-bottom: 100px;
}
.secret-section-text1 {
background-image: none;
width: 80%;
height: auto;
}
.secret-section-text1-5 {
background-image: none;
width: 840px;
height: 20px;
margin: 0 auto;
}
.secret-section-text2 {
background-image: none;
width: 80%;
height: auto;
}
.secret-section-text2-5 {
background-image: none;
width: 840px;
height: 22px;
margin: 0 auto;
}
.secret-section-text3 {
background-image: none;
width: 80%;
height: auto;
}
.secret-section-text3-5 {
background-image: none;
width: 840px;
height: 20px;
margin: 0 auto;
}
.secret-section-text4 {
background-image: none;
width: 80%;
height: auto;
}
.secret-section-text4-5 {
background-image: none;
width: 840px;
height: 8px;
margin: 0 auto;
}
.secret-section-text5 {
background-image: none;
width: 80%;
height: auto;
}
.secret-section-text5-5 {
background-image: none;
width: 840px;
height: 20px;
margin: 0 auto;
}
.secret-section-text6 {
background-image: none;
width: 80%;
height: auto;
}
.secret-section-text1 {
background-image: none;
width: 80%;
height: auto;
}
.secret-section h4 {
margin-top: 40px;
}
.secret-section p {
margin-top: 20px;
margin-bottom: 40px;
}
.secret-sp-img {
display: block;
width: 100%;
}
}
@media (max-width: 767px) {
.theme-inner-banner15 {
background: url(//www.kameido.co.jp/image/t-secret-bk.webp) no-repeat center;
margin-left: 0;
margin-right: 0;
}
.theme-inner-banner15 h1 {
left: 46%;
}
.secret-section-text1 {
background-image: none;
width: 90%;
height: auto;
}
.secret-section-text2 {
background-image: none;
width: 90%;
height: auto;
}
.secret-section-text3 {
background-image: none;
width: 90%;
height: auto;
}
.secret-section-text4 {
background-image: none;
width: 90%;
height: auto;
}
.secret-section-text5 {
background-image: none;
width: 90%;
height: auto;
}
.secret-section-text6 {
background-image: none;
width: 90%;
height: auto;
}
} .theme-inner-banner16 {
background: url(//www.kameido.co.jp/image/t-journey-bk.webp) no-repeat center;
position: relative;
margin-left: 30px;
margin-right: 30px;
}
.theme-inner-banner16 .opacity {
background: rgba(0, 0, 0, 0.0);
text-align: center;
padding: 300px 0 280px 0;
}
.theme-inner-banner16 h1 {
font-family: 'Shippori Mincho', serif;
font-size: 30px;
position: absolute;
color: #fff;
top: 25%;
left: 49%;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 0.2em;
}
.t-traveller {
margin: 80px auto;
}
.t-traveller-img {
margin: 30px auto;
}
.t-traveller h4 {
margin-top: 30px;
}
.t-traveller h6 {
text-align: center;
line-height: 40px;
margin-bottom: 25px;
}
.t-traveller h6 span {
font-size: 32px;
}
.t-traveller p {
margin-bottom: 30px;
}
.t-traveller-border {
width: 100%;
margin: -10px 0 15px;
position: relative;
z-index: -1;
}
.illust-right {
position: absolute;
right: 0;
}
.t-journey-bnr {
margin: 120px auto 80px;
}
.t-journey-bnr h3 {
margin-bottom: 10px;
}
.t-journey-bnr h3 span {
font-size: 18px;
padding-left: 30px;
}
.t-journey-bnr h3:hover {
color: #999;
}
.t-journey-bnr-img {
background-image: url(//www.kameido.co.jp/image/t-journey-vol1_img_pc.webp);
width: 100%;
transition-duration: 0.1s;
}
.t-journey-bnr-img:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.t-journey-bnr-text {
background-color: #fff;
margin: 15px;
}
.t-journey-bnr-text h4 {
padding: 10px;
}
.t-journey-bnr-text p {
padding: 10px;
}
.sp-img2 {
display: none;
} @media (max-width: 768px) {
.t-journey-section {
width: 80%;
margin: auto;
}
.t-traveller-img {
width: 70%;
}
.t-traveller-img img {
margin: 0 auto;
}
.t-journey-bnr-img {
background-image: none;
}
.pc-img2 {
display: none;
}
.sp-img2 {
display: block;
}
}
@media (max-width: 767px) {
.theme-inner-banner16 {
background: url(//www.kameido.co.jp/image/t-journey-bk-sp.webp) no-repeat center;
margin-left: 0;
margin-right: 0;
}
.theme-inner-banner16 h1 {
display: none;
}
.t-journey-section {
width: 100%;
margin: auto;
}
.t-traveller {
margin: 40px auto;
}
.t-journey-bnr {
padding-top: 20px;
}
.t-journey-bnr-text h4 {
padding: 0;
}
.t-journey-bnr-text p {
padding: 0;
}
} .theme-inner-banner-wrapper {
margin: auto;
position: relative;
max-width: 1245px;
z-index: -1;
height: 640px;
}
.theme-inner-banner17 {
background: url(//www.kameido.co.jp/image/t-journey-vol01-bk.webp) no-repeat center;
background-attachment: fixed;
height: 100%;
width: 100%;
position: absolute;
}
.t-journey-title {
width: 40%;
background-color: #fff;
position: absolute;
top: 40%;
right: 0;
}
.t-journey-title h2 {
padding: 20px;
font-family: 'Shippori Mincho', serif;
}
.t-journey-title p {
padding-left: 20px
}
.t-journey-title h3 {
padding-left: 20px;
padding-bottom: 30px;
}
.t-journey-title-map {
width: 35%;
position: absolute;
right: 0;
top: 30px;
}
.t-journey-detail-section {
margin: 80px auto;
}
.t-journey-detail-profile {
display: table;
}
.t-journey-detail-profile-left {
display: table-cell;
width: 46%;
}
.t-journey-detail-profile-center {
position: relative;
display: table-cell;
width: 8%;
}
.t-journey-detail-profile-center img {
position: absolute;
top: 60%;
right: 30%;
}
.t-journey-detail-profile-right {
display: table-cell;
width: 46%;
}
.t-journey-detail-profile h4 {
text-align: right;
}
.t-journey-detail-profile h6 {
text-align: center;
line-height: 40px;
margin-bottom: 25px;
}
.t-journey-detail-profile h6 span {
font-size: 32px;
}
.t-journey-detail-profile p {
margin-bottom: 30px;
}
.t-journey-detail-section2 {
margin: 0 auto 120px;
}
.t-journey-detail-title h4 {
text-align: right;
margin-bottom: 25px;
}
.t-journey-detail-title-line {
width: 53%;
float: left;
margin-top: 12px;
margin-right: 20px;
vertical-align: top;
}
.t-journey-detail-title-line2 {
width: 56%;
float: left;
margin-top: 12px;
margin-right: 20px;
vertical-align: top;
}
.t-journey-detail-title-line3 {
width: 42%;
float: left;
margin-top: 12px;
margin-right: 20px;
vertical-align: top;
}
.t-journey-detail-title p {
padding: 20px 60px 0;
}
.t-journey-dialogue {
margin-top: 40px;
}
.t-journey-dialogue-img img {
width: 90%;
margin: auto;
}
.t-journey-dialogue-img2 img {
width: 70%;
margin: auto;
}
.dialogue-tbl {
margin: 40px 60px;
}
.dialogue-tb-title {
font-family: 'Noto Sans JP', sans-serif;
vertical-align: text-top;
text-align: right;
width: 15%;
padding: 0 20px;
}
.dialogue-tb-text {
font-family: 'Noto Sans JP', sans-serif;
padding-bottom: 30px;
line-height: 22px;
color: #646464;
letter-spacing: 0.5px;
}
.t-journey-detail-buner {
border: 1px solid #abced8;
text-align: center;
margin-bottom: 100px;
}
.t-journey-detail-buner p {
margin: 30px auto;
}
.t-journey-detail-buner p span {
border-bottom: 1px solid #000;
}
.t-journey-detail-buner p span:hover {
border-bottom: 0px solid #000;
color: #999;
} @media (max-width: 1024px) {
.t-journey-title {
width: 46%;
}
}
@media (max-width: 991px) {
.t-journey-title {
width: 50%;
background-color: #fff;
position: absolute;
top: 40%;
right: 0;
}
.t-journey-title-map {
width: 28%;
position: absolute;
right: 0;
top: 30px;
}
.t-journey-detail-section {
margin: 80px 25px;
}
.t-journey-dialogue-img img {
width: 90%;
margin: 0 auto 20px;
}
}
@media (max-width: 767px) {
.t-journey-title {
width: 100%;
background-color: #fff;
position: absolute;
}
.t-journey-title h2 {
font-size: 28px;
padding: 20px;
}
.t-journey-title h3 {
font-size: 24px;
padding-left: 20px;
padding-bottom: 30px;
}
.t-journey-title-map {
width: 40%;
position: absolute;
right: 0;
top: 15px;
}
.t-journey-detail-profile {
display: block;
}
.t-journey-detail-profile-left {
display: block;
width: 100%;
margin-bottom: 40px;
}
.t-journey-detail-profile-center {
display: none;
}
.t-journey-detail-profile-center img {
margin: 20px auto;
}
.t-journey-detail-profile-right {
display: block;
width: 100%;
}
.t-journey-detail-section2 {
margin: 0 auto 120px;
}
.t-journey-detail-title h4 {
font-size: 21px;
text-align: right;
margin-bottom: 25px;
}
.t-journey-detail-title-line {
width: 15%;
}
.t-journey-detail-title-line2 {
width: 30%;
}
.t-journey-detail-title-line3 {
width: 8%;
}
.t-journey-detail-title p {
padding: 20px 0;
}
.t-journey-dialogue {
margin-top: 40px;
}
.t-journey-dialogue-img img {
width: 100%;
margin: 0 auto 20px;
}
.t-journey-dialogue-img2 img {
width: 100%;
margin: auto;
}
.dialogue-tbl {
margin: 40px 0;
}
.dialogue-tb-title {
width: 15%;
padding: 0;
}
.dialogue-tb-text {
padding-left: 15px;
}
}
@media (max-width: 374px) {
.t-journey-detail-title-line {
display: none;
}
.t-journey-detail-title-line2 {
display: none;
}
.t-journey-detail-title-line3 {
display: none;
}
} .theme-inner-banner18 {
background: url(//www.kameido.co.jp/image/t-shop-bk.webp) no-repeat center;
position: relative;
background-attachment: fixed;
margin-left: 30px;
margin-right: 30px;
}
.theme-inner-banner18 .opacity {
background: rgba(0, 0, 0, 0.0);
text-align: center;
padding: 300px 0 280px 0;
}
.theme-inner-banner18 h1 {
font-family: 'Shippori Mincho', serif;
font-size: 30px;
position: absolute;
color: #fff;
top: 25%;
left: 49%;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 0.2em;
}
.t-shop-detail {
margin-top: 80px;
}
.t-shop-detail-text {
margin-bottom: 80px;
}
.t-shop-detail-text h4 {
padding: 20px;
line-height: 1.4;
}
.view-map-section {
text-align: center;
}
.view-map {
margin: 30px auto 0;
}
.view-map:hover {
color: #999;
}
.t-shop-detail-text2 {
margin-top: 80px;
margin-bottom: 100px;
}
.t-shop-detail-text2 h4 {
text-align: center;
}
.t-shop-detail-text2 p {
text-align: center;
}
.t-shop-detail-text2 .shop-tb {
margin: 40px auto;
} @media (max-width: 1024px) {
.theme-inner-banner18 {
background: url(//www.kameido.co.jp/image/t-shop-bk.webp) no-repeat center;
background-size: cover;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
}
.nav-sns-icon img {
width: 40px;
margin-bottom: 20px;
transition-duration: 0.1s;
}
.nav-sns-icon img:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.footer-sns-icon img {
width: 40px;
transition-duration: 0.1s;
}
.footer-sns-icon img:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.index-sample-bnr {
opacity: 0.9;
position: fixed;
bottom: 20%;
right: 0px;
z-index: 100000;
cursor: pointer;
writing-mode: vertical-rl;
background-color: #abced8;
padding: 20px 5px;
border-radius: 3px;
}
.floatpop_pc {
position: absolute;
z-index: 5;
right: 5%;
bottom: 50px;
transition-duration: 0.1s;
}
.floatpop_pc img:hover {
opacity: 0.8;
transition-duration: 0.1s;
}
.floatpop_pc span.btn_close {
width: 25px;
height: 26px;
display: block;
padding: 0 0 0 0;
font-size: 30px;
cursor: pointer;
right: -12px;
bottom: -8px;
position: absolute;
text-align: center;
line-height: 100%;
}
.floatpop_sp {
display: none;
}
@media (max-width: 767px) {
.floatpop_pc {
display: none;
}
.floatpop_sp {
display: block;
position: absolute;
width: 100%;
}
}
.floatpop_sp a img {
width: 100%;
margin: 0;
}
.floatpop_sp span.btn_close img {
width: 35px;
height: 35px;
display: block;
padding: 0 0 0 0;
font-size: 30px;
cursor: pointer;
right: 10px;
top: -18px;
position: absolute;
text-align: center;
line-height: 100%;
}
.tonowa-index-section {
background-color: #FFF;
padding: 50px 0;
}
.mainvisual {
width: 100%;
position: relative;
z-index: -1;
}
.mainvisual .slide08 {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #FFF;
font-size: 28px;
letter-spacing: 0.4em;
z-index: 99999;
position: fixed;
top: 54%;
left: 50%;
transform: translateY(-53.5%) translateX(-50%);
-webkit-transform: translateY(-53.5%) translateX(-50%);
display: none;
}
.font01 {
font-family: 'Shippori Mincho', serif;
}
.top_popup {
display: none;
}
.mainvisual .slide07 {
background: url(//www.kameido.co.jp/image/slide07.jpg) center center no-repeat fixed;
background-size: cover;
height: 100%;
width: 100%;
position: absolute;
}
.mainvisual .slide06 {
background: url(//www.kameido.co.jp/image/slide06.jpg) center center no-repeat fixed;
background-size: cover;
height: 100%;
width: 100%;
position: absolute;
}
.mainvisual .slide05 {
background: url(//www.kameido.co.jp/image/slide05.jpg) center center no-repeat fixed;
background-size: cover;
height: 100%;
width: 100%;
position: absolute;
}
.mainvisual .slide04 {
background: url(//www.kameido.co.jp/image/slide04.jpg) center center no-repeat fixed;
background-size: cover;
height: 100%;
width: 100%;
position: absolute;
}
.mainvisual .slide03 {
background: url(//www.kameido.co.jp/image/slide03.jpg) center center no-repeat fixed;
background-size: cover;
height: 100%;
width: 100%;
position: absolute;
}
.mainvisual .slide02 {
background: url(//www.kameido.co.jp/image/slide02.jpg) center center no-repeat fixed;
background-size: cover;
height: 100%;
width: 100%;
position: absolute;
}
.mainvisual .slide01 {
background: url(//www.kameido.co.jp/image/slide01.jpg) center center no-repeat fixed;
background-size: cover;
height: 100%;
width: 100%;
position: absolute;
}
.mainvisual_sp {
width: 100%;
position: relative;
z-index: -1;
display: none;
background-color: #AFA184;
}
.mainvisual_sp .slide01::before {
background: url(/image/slide01-sp.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position: fixed;
width: 100%;
height: 100%;
content: "";
z-index: -1;
box-sizing: content-box;
}
.mainvisual_sp .slide02::before {
background: url(/image/slide02-sp.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position: fixed;
width: 100%;
height: 100%;
content: "";
z-index: -1;
box-sizing: content-box;
}
.mainvisual_sp .slide03::before {
background: url(/image/slide03-sp.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position: fixed;
width: 100%;
height: 100%;
content: "";
z-index: -1;
box-sizing: content-box;
}
.mainvisual_sp .slide04::before {
background: url(/image/slide04-sp.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position: fixed;
width: 100%;
height: 100%;
content: "";
z-index: -1;
box-sizing: content-box;
}
.mainvisual_sp .slide05::before {
background: url(/image/slide05-sp.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position: fixed;
width: 100%;
height: 100%;
content: "";
z-index: -1;
box-sizing: content-box;
}
.mainvisual_sp .slide06::before {
background: url(/image/slide06-sp.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position: fixed;
width: 100%;
height: 100%;
content: "";
z-index: -1;
box-sizing: content-box;
}
.mainvisual_sp .slide07::before {
background: url(/image/slide07-sp.jpg) no-repeat left top;
background-size: 100% auto;
display: block;
position: fixed;
width: 100%;
height: 100%;
content: "";
z-index: -2;
box-sizing: content-box;
}
.mainvisual_sp .slide08::before {
background: url(/image/slide08-sp.png) no-repeat left top;
background-size: 100% auto;
position: fixed;
width: 100%;
height: 100%;
content: "";
z-index: -1;
box-sizing: content-box;
}
.mainvisual_sp .slide08 {
display: none;
}
@media screen and (max-width: 768px) {
.mainvisual {
display: none;
}
.mainvisual_sp {
display: block;
}
}
.pc.cta {
position: fixed;
bottom: 0px;
right: 7%;
z-index: 99999;
cursor: pointer;
}
.btn-close {
position: fixed;
bottom: 90px;
right: 6.3%;
z-index: 100000;
cursor: pointer;
}
.sp.cta {
display: none;
position: fixed;
bottom: -10px;
left: 0;
z-index: 99999;
cursor: pointer;
width: 75%;
}
.btn-close-sp {
position: fixed;
bottom: 9%;
left: 71%;
z-index: 100000;
cursor: pointer;
}
@media screen and (max-width: 1150px) {
.pc.cta {
right: 10%;
}
.btn-close {
right: 10%;
}
}
@media screen and (max-width: 800px) {
.pc.cta {
right: 15%;
}
.btn-close {
right: 15%;
}
}
@media screen and (max-width: 520px) {
.pc.cta {
display: none;
}
.sp.cta {
display: block;
}
}
.product_text {
height: 200px;
}
.product_container2 {
height: 600px;
}
@media screen and (max-width: 820px) {
.product_container2 {
height: 700px;
}
}
.original-product-price-text ul li {
font-size: 13px;
} .theme-inner-banner19 {
background: url(//www.kameido.co.jp/image/t-lemon-bk.jpg) no-repeat center;
position: relative;
background-attachment: fixed;
margin-left: 30px;
margin-right: 30px;
}
.theme-inner-banner19 .opacity {
background: rgba(0, 0, 0, 0.0);
text-align: center;
padding: 300px 0 280px 0;
}
.theme-inner-banner19 h1 {
font-family: 'Shippori Mincho', serif;
font-size: 30px;
position: absolute;
color: rgb(162, 139, 61);
top: 25%;
left: 49%;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 0.2em;
} @media (max-width: 1024px) {
.theme-inner-banner19 {
background: url(//www.kameido.co.jp/image/t-lemon-bk.jpg) no-repeat center;
background-size: cover;
position: relative;
margin-left: 30px;
margin-right: 30px;
}
}
@media (max-width: 767px) {
.theme-inner-banner19 {
background: url(//www.kameido.co.jp/image/t-lemon-bk-sp.jpg) no-repeat center;
margin-left: 0;
margin-right: 0;
}
.theme-inner-banner19 h1 {
left: 46%;
}
} .order-type.oseibo h3 {
margin-top: 40px;
border-top: 4px solid #D8E3E3;
border-bottom: 4px solid #D8E3E3; }
.oseibo-section {
margin-bottom: 150px;
background-color: #F5F5F5;
padding: 50px 0px;
}
.oseibo {
padding: 0px 20px;
}
.webp .oseibo-banner1 {
background-image: url(/image/oseibo/oseibobanner.png);
background-position: center;
}
.oseibo-banner1 {
height: 210px;
transition-duration: 0.1s;
margin: 0px 15px;
}
.oseibo-banner1 h3 {
font-size: 33px;
padding-top: 50px;
}  .order-type.otyugen h3 {
margin-top: 40px;
border-top: 4px solid #D8E3E3;
border-bottom: 4px solid #D8E3E3; }
.otyugen-section {
margin-bottom: 150px;
background-color: #F5F5F5;
padding: 50px 0px;
}
.otyugen {
padding: 0px 20px;
}
.webp .otyugen-banner1 {
background-image: url(/image/otyugen/otyugenbanner.png);
background-position: center;
}
.otyugen-banner1 {
height: 210px;
transition-duration: 0.1s;
margin: 0px 15px;
}
.otyugen-banner1 h3 {
font-size: 33px;
padding-top: 50px;
}
.pd-20 {
padding: 0px 20px;
} .yawarakayaki {
margin: 10px 20px;
}
.tonowa-index-section .single-item a {
width: 360px;
}
.tonowa-banner-section h5 {
text-align: center;
}
.top_popup .floatpop_sp .show_sp {
position: absolute;
top: 0;
}
@media (max-width: 767px) {
.tonowa-index-section .delicious-food-section .container .theme-section-title h2 {
margin-top: 22%;
}
} .webp .short-banner1, .webp .short-banner2 {
background-position: center center;
background-repeat: no-repeat;
}
.short-banner3 {
height: 200px;
background-image: url(/image/tsumeawase.jpg);
}
.no-webp .short-banner3 {
background-image: url(/image/tsumeawase.jpg);
}
.webp .short-banner3 {
background-image: url(/image/tsumeawase.webp);
background-position: center center;
background-repeat: no-repeat;
}
.short-banner3:hover {
opacity: 0.6;
transition-duration: 0.1s;
}
.short-banner3 h3 {
font-size: 33px;
padding: 7px;
}
#kogawara, #oogawara, #yawaraka, #kawaramanjyu, #akinoyama {
padding-top: 160px;
margin-top: -160px;
}
#yawaraka, #kawaramanjyu, #akinoyama {
margin-bottom: 50px;
}
.our-portfolio .single-portfolio-item {
margin-bottom: 50px;
}
.castella .putigift-section {
background-color: #fbf6f0;
}
.castella .putigift-section-top-left2 {
display: flex;
justify-content: center;
width: 500px;
}
.castella .putigift-section-top-left {
background-color: #fbf6f0;
}
#yawaraka img, #kawaramanjyu img, #akinoyama img {
display: flex;
padding-top: 60px;
width: 250px;
padding-right: 10px;
}
.castella .putigift-section-text1 p {
margin-top: 26px;
}
.delicious-food-section .sub-fs {
font-size: 18px;
}
.h-100 {
height: 100%;
}
.copywriting {
font-size: 40px;
}
.banner-section {
margin-top: 80px;
}
.banner-section h3 {
text-align: center;
margin: 20px 0;
}
.putigift-section .jump {
text-align: center;
padding: 60px 0 0;
}
.product-details-section .opacity {
text-align: center;
margin-bottom: 80px
}
.putigift-section .opacity ul li, .product-details-section ul li {
display: inline-block;
font-size: 20px;
font-weight: 300;
text-transform: capitalize;
}
.opacity .btn a {
border: solid 1px;
padding: 5px;
margin: 5px 10px;
}
.product_container2 {
height: 450px;
}
.banner-section .container {
display: flex;
}
.h-soroe {
position: absolute;
bottom: -120px;
left: 0;
right: 0;
}
.banner-section {
margin-bottom: 160px;
}
.putigift-section .shop {
width: 100%;
font-size: 13px;
text-align: right;
margin: 0;
}
.banner-item-details p {
width: 100%;
}
.product-index img {
width: 90%;
}
.product-index-deteils {
width: 90%;
margin: auto;
text-align: left;
}
.letter-spacing {
letter-spacing: -0.5px;
}
.letter-spacing2 {
letter-spacing: -1px;
}
.putigift-section2-text2 p {
text-align: left;
}
.putigift-section2-text h3 {
text-align: left;
}
.original-section1 .original-section2 .text-align-left {
text-align: left;
padding: 60px 42px;
}
.form-addressee input {
margin-top: 0;
margin-left: 0;
}
.form-check-label {
display: inline;
}
.shop-td-title {
text-align: left;
}
.putigift-section .putigift-section-top .align {
text-align: right;
}
.our-portfolio .product-item .row .more-btn {
width: 100%;
display: block;
}
.Link-none {
pointer-events: none;
}
.Link-none img {
transform: none !important;
}
.block-1200, .block-785 {
display: none;
}
@media (max-width: 1200px) {
.delicious-food-section .sub-fs {
font-size: 16px;
}
.none-1200 {
display: none;
}
.block-1200 {
display: block;
}
}
@media (max-width: 1199px) {
.putigift-section .putigift-section-top .align {
text-align: center;
}
}
@media (max-width: 991px) {
.banner-section .container {
display: block;
}
.h-soroe {
position: static;
}
.banner-section {
margin-bottom: 40px;
}
.product-item .margin {
margin: 50px auto 0;
}
.delicious-food-section .sub-fs {
font-size: 18px;
}
.putigift-section3-box p {
width: 100%;
margin: 20px 0;
}
.none-991 {
display: none;
}
}
@media (max-width: 785px) {
.block-785 {
display: block;
}
.opacity .btn {
display: flex;
flex-direction: column;
justify-content: center;
}
}
@media (max-width: 767px) {
.theme-inner-banner8 h1 {
font-size: 28px;
}
.theme-inner-banner9 h1 {
font-size: 31px;
}
.theme-section-title h2 {
font-size: 26px;
}
.copywriting {
font-size: 30px;
}
.shop-tb {
width: 100%;
}
.shop-td-title {
text-align: center;
}
.original-section1-text1 h2 {
font-size: 31px;
}
.none-767 {
display: none;
}
}
@media (max-width: 528px) {
.putigift-section .putigift-section-top .putigift-section-text1 h2 {
font-size: 31px;
}
.copywriting {
font-size: 20px;
}
}
.form-redfont {
color: #B7282E;
} .mb-20 {
margin-bottom: 20px;
}
.mb-60 {
margin-bottom: 60px;
}
.package .pack_cont {
display: flex;
}
.package .pack_cont .item {
margin: 20px 0 0;
width: 50%;
}
.package .item .fa-long-arrow-alt-down {
position: absolute;
top: 34px;
}
.package h4 {
padding: 5px 0;
border-bottom: dotted 3px #aaa;
}
.package h4 span {
font-size: 40px;
}
.package .ori {
background-color: #fdeeed;
padding: 5px;
border: solid 1px #aaa;
border-radius: 10px;
font-size: 20px;
font-weight: 600;
}
.package .kisei {
background-color: #dee2f2;
padding: 5px;
border: solid 1px #aaa;
border-radius: 10px;
font-size: 20px;
font-weight: 600;
}
.package .sta {
background-color: #f8f7f0;
padding: 5px;
margin-right: 5px;
border: solid 1px #aaa;
border-radius: 10px;
font-size: 20px;
font-weight: 600;
}
.package .sem {
background-color: #e1f0e0;
padding: 5px;
margin-left: 5px;
border: solid 1px #aaa;
border-radius: 10px;
font-size: 20px;
font-weight: 600;
}
.package .original-section1 img {
width: 100%;
}
.package .original-section2 {
text-align: left;
}
.package .option {
background-color: #e1f0e0;
font-size: 16px;
margin-left: 20px;
padding: 0 10px;
border: solid 1px #aaa;
border-radius: 20px;
}
.min-title {
display: inline;
border: solid 1px;
border-radius: 10px;
padding: 5px;
}
.package .original-section5 hr {
border-top: dotted 2px #aaa;
}
.package .original-section1 h2 {
margin-top: 80px;
margin-bottom: 60px;
line-height: 60px;
text-align: center;
}
.package .original-section4 .ori {
height: 154px;
padding: 15px;
margin-right: 10px;
}
.package .original-section4 .kisei {
height: 154px;
padding: 62px;
margin-left: 10px;
}
#original_order {
padding-top: 70px;
margin-top: -70px;
}
.sp_block {
display: none;
}
.package .original-section1 a{
color: #cb4c42;
font-weight: 700;
}
.package .original-buttun a {
color: #fff;
}
@media (max-width: 767px) {
.sp_fs-14 {
font-size: 14px;
}
.package .original-section4 .ori {
height: 180px !important;
padding: 10px 0 !important;
margin-right: 10px !important;
}
.package .original-section4 .kisei {
height: 180px !important;
padding: 70px 0 !important;
margin-left: 10px;
}
.package .original-section4 img, .package .original-section5 img {
width: 30%;
margin: auto;
}
.package .option {
margin-left: 10px;
}
.package .original-section4 h5 {
font-size: 19px;
}
.package .ori, .package .kisei {
font-size: 16px;
}
}
@media (max-width: 599px) {
.sp_block {
display: block;
}
.package .original-section4 img, .package .original-section5 img {
width: 50%;
}
}  .br_sp {
display: none;
}
.modal_bank_btn {
display: inline-block;
color: blue;
background-color: unset;
padding-left: 1em;
font-size: 15px;
text-decoration: underline;
}
#Modal_bank .original-product-price {
margin-bottom: 0;
}
#Modal_bank .modal-header {
height: 65px;
}
#Modal_bank .modal-body {
padding: 15px 15px 50px;
}
#Modal_bank .modal_head {
display: flex;
border: 1px solid;
border-radius: 3px;
height: 50px;
position: relative;
}
#Modal_bank .modal_head p {
font-size: 18px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
}
#Modal_bank .modal_head p:not(:first-child) {
width: 100%;
}
#Modal_bank .modal_head p.customer_head, #Modal_bank .modal_head p.shop_head {
width: 20%;
min-width: 8em;
position: absolute;
height: 100%;
border-radius: 2px 0 0 2px;
}
#Modal_bank .modal_head p.customer_head {
background-color: #fdeff2;
}
#Modal_bank .modal_head p.shop_head {
background-color: #203744;
color: #fff;
}
#Modal_bank .modal_head p.delivered {
width: 100%;
background-color: #fdeff2;
border-radius: 2px;
}
#Modal_bank .arrow {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 0;
}
#Modal_bank .arrow p {
font-size: 14px;
line-height: 20px;
}
#Modal_bank .modal_text {
padding: 10px 20px 0;
}
@media(max-width:575px) {
#Modal_bank .modal_head {
flex-direction: column;
height: 100px;
}
#Modal_bank .modal_head p {
height: 55%;
}
#Modal_bank .modal_head p.customer_head, #Modal_bank .modal_head p.shop_head {
width: 100%;
position: relative;
height: 45%;
}
#Modal_bank .modal_head:last-child {
height: 50px;
}
#Modal_bank .modal_head p.delivered {
height: 100%;
}
}
@media(max-width:479px) {
.br_sp {
display: block;
}
#Modal_bank .original-product-price h4{
line-height: 1.3;
}
} .product-index-deteils {
margin-bottom: 20px;
font-size: 16px;
}
.product-index-plice, .product-index-allergy {
border-top: solid 1px #dfdfdf;
font-size: 12px;
line-height: 25px;
padding: 10px 0;
margin-left: 25px;
margin-right: 25px;
}
.product-index-plice span {
font-size: 15px;
font-weight: bold;
}
.product-index-allergy span {
font-size: 13px;
font-weight: bold;
}
.product-index-title {
margin: 30px auto;
font-size: 22px;
}
.delicious-food-section .single-item {
margin-bottom: 100px;
}
.deteils-sp {
letter-spacing: 0.2rem;
}
.allergy-br {
display: block !important;
}
@media screen and (min-width:768px) {
.tonowa-index-section .single-item a {
width: auto;
}
}
@media screen and (max-width:575px) {
.product-index-plice, .product-index-allergy {
margin-left: 25px;
margin-right: 25px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.deteils-sp-lemon {
letter-spacing: -0.08rem;
}
.culumn-3 {
height: 8rem;
}
.column-4 {
height: 11rem;
}
}
@media screen and (min-width:992px) {
.column-2 {
height: 11rem;
}
.ora {
margin-bottom: 0 !important;
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
.product-index-deteils {
font-size: 15px;
}
.product-index-plice, .product-index-allergy {
margin-left: 25px;
margin-right: 25px;
}
.column-1 {
height: 8rem;
}
}
  .theme-menu-wrapper {
padding: 0 !important;
}
.header-wrapper {
height: 110px;
}
.header-wrapper .logo {
margin: auto !important;
height: 100%;
display: flex;
align-items: center;
padding: 0 !important;
float: none !important;
}
.header-wrapper .logo2 {
width: 90px !important;
}
.header-wrapper .cart-btn {
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
z-index: 1;
text-align: center;
}
.header-wrapper .cart-btn span {
display: block;
font-size: 1.2rem;
margin: 0 0 5px;
}
.header-wrapper .cart-btn img {
width: 50px;
margin: 0 auto;
}
@media (max-width: 991px) {
.header-wrapper .cart-btn img {
width: 50px;
}
}
@media (max-width: 767px) {
.header-wrapper {
height: 84px;
}
.header-wrapper .logo {
width: 120px !important;
}
.header-wrapper .logo2 {
width: 70px !important;
}
.header-wrapper .cart-btn {
right: initial;
left: 5%;
}
.header-wrapper .cart-btn span {
margin: 0 0 3px;
font-size: 1rem;
}
.header-wrapper .cart-btn img {
width: 40px;
}
}
.footer_cta {
position: fixed;
right: 95px;
bottom: 15px;
width: 320px;
z-index: 100;
}
.footer_cta img,
.footer_cta a {
display: block;
}
.footer_cta a {
display: block;
background: #fff;
}
.footer_cta a img {
transition: all 0.3s;
}
.footer_cta a:hover img {
opacity: 0.7;
}
@media (max-width: 767px) {
.footer_cta {
right: initial;
left: 10px;
bottom: 10px;
width: 240px;
}
} .index-news {
max-width: 1170px;
padding: 0 15px;
margin: 100px auto;
display: flex;
justify-content: space-between;
}
.index-news__block {
width: 48%;
}
@media (max-width: 767px) {
.index-news {
margin: 60px auto;
display: block;
}
.index-news__block {
width: 100%;
}
.index-news__block:nth-of-type(2) {
margin: 20px 0 0;
}
} .p-breadcrumbs > span {
display: block;
max-width: 1170px;
padding: 10px 15px;
margin: 0 auto;
white-space: nowrap;
overflow-x: auto;
}
.p-breadcrumbs .breadcrumb_last {
font-weight: bold;
}
@media (max-width: 767px) {
.p-breadcrumbs {
font-size: 12px;
}
} .p-form__tab {
display: flex;
justify-content: center;
align-items: flex-end;
margin: -20px 0;
gap: 20px;
}
.p-form__tab a, .p-form__tab span {
display: flex;
width: 200px;
height: 50px;
align-items: center;
justify-content: center;
background: #eee;
font-size: 1.4rem;
border-radius: 4px;
}
.p-form__tab span {
background: #203744;
color: #fff;
height: 60px;
font-size: 1.8rem;
}
@media (max-width: 767px) {
.p-form__tab {
margin: -40px 0 -20px;
gap: 10px;
}
.p-form__tab a, .p-form__tab span {
width: auto;
padding: 0 1em;
height: 40px;
font-size: 1.4rem;
}
.p-form__tab span {
height: 50px;
font-size: 1.6rem;
}
}
.p-form .tit-s {
color: #000;
}
.p-form .contact-us-form p {
font-weight: normal;
font-size: 16px;
line-height: 1.7;
margin: 1em 0;
}
.p-form .contact-us-form h4 {
margin-top: 2em;
}
.p-form .contact-us-form h5 {
font-weight: bold;
font-size: 20px;
padding-left: 10px;
border-left: 4px solid #203744;
line-height: 1.4;
margin: 1.5em 0 1em;
}
.p-form .contact-us-form h6 {
margin: 1em 0 0.5em;
font-size: 18px;
font-weight: bold;
}
.p-form .contact-us-form h6::before {
content: "▼ ";
font-size: 12px;
}
.p-form .contact-us-form h5 span, .p-form .contact-us-form h6 span {
background-color: #b7282e;
color: #fff;
font-size: 14px;
padding: 3px 8px;
font-weight: normal;
border-radius: 3px;
margin-left: 15px;
display: inline-block;
vertical-align: middle;
}
.p-form i.notice {
font-size: 80%;
font-style: normal;
font-family: inherit !important;
}
.p-form .form-styl-one input[type=number],
.p-form .form-styl-one input[type=radio],
.p-form .form-styl-one input[type=checkbox] {
margin: 0;
}
.p-form .form-styl-one input[type=number] {
width: 70px;
}
.p-form .form-styl-one input[type=file] {
font-family: inherit;
font-size: 15px;
width: auto;
margin: 10px 0;
}
.p-form .mfp_attached_thumbnails {
width: fit-content;
margin: 10px 0;
}
.p-form .mfp_attached_thumbnails a {
pointer-events: none;
display: block;
}
.p-form .mfp_attached_thumbnails img {
max-width: 200px;
}
.p-form .mfp_attached_reset {
background: #aaa !important;
margin: 10px 0;
}
.p-form .choice-box {
padding: 10px 0;
}
.p-form form#mailformpro label {
display: inline-flex;
align-items: center;
padding: 5px 15px !important;
background: #fff;
box-shadow: none !important;
white-space: wrap;
font-weight: normal;
}
.p-form form#mailformpro label.mfp_checked {
color: #000;
font-weight: bold;
}
.p-form form#mailformpro label.mfp_disabled_checked {
background: #ddd;
}
.p-form form#mailformpro label input {
margin: 0 5px 0 0;
}
.p-form .add-cont {
padding: 15px;
background: #f8f6df;
}
.p-form .add-cont > *:first-child {
margin-top: 0;
}
.p-form ul.form-notice li {
font-size: 15px;
text-indent: -1em;
padding-left: 1em;
line-height: 1.4;
margin: 2px 0;
}
.p-form ul.form-notice li a {
display: inline-block;
color: #0768bd;
text-decoration: underline;
text-indent: 0;
}
@media (max-width: 767px) {
.p-form ul.form-notice li {
font-size: 14px;
}
}
.p-form .choice-set__item {
padding: 0 0 15px;
margin: 0 0 15px;
border-bottom: 1px dotted #abced8;
}
.p-form .choice-set__item h6 {
margin: 0;
}
.p-form .choice-set__item h6 label {
font-size: 14px !important;
margin: 0 0 0 10px !important;
}
.p-form .choice-set__item .item-wrap {
margin: 10px 0 0;
}
.p-form .choice-set__item .item-row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.p-form .choice-set__item .item-row input {
margin: 0;
}
.p-form .choice-set__item .item-row__btn {
margin: 0 10px 0 0;
}
.p-form .choice-set__item .item-row__btn .package-choice-button {
font-size: 15px;
padding: 6px 1.5em;
}
.p-form .choice-set__item .item-row__name input {
width: 13em;
}
.p-form .choice-set__item .item-row__num {
display: flex;
align-items: center;
}
.p-form .choice-set__item .item-row__num span {
margin: 0 10px;
}
@media (max-width: 767px) {
.p-form .choice-set__item .item-row__btn {
width: 100%;
margin: 0;
}
.p-form .choice-set__item .item-row__name {
margin: 10px 10px 0 0;
}
.p-form .choice-set__item .item-row__num {
margin: 10px 0 0;
}
.p-form .choice-set__item .item-row__num span:first-of-type {
display: none;
}
}
.p-form .choice-set__item .thumb-row {
display: flex;
align-items: center;
}
.p-form .choice-set__item .thumb-row img {
margin: 15px 0 0;
display: none;
border: 1px solid #abced8;
height: 150px;
}
.p-form .choice-set__item .thumb-row__num {
margin: 0 0 0 15px;
}
@media (max-width: 767px) {
.p-form .choice-set__item .thumb-row__num {
margin: 0 0 0 10px;
}
}
.p-form .iron-choice-button {
margin: 5px 0;
font-size: 15px;
}
.p-form #yakiin-haiti {
grid-template-rows: 60px 180px;
}
.p-form #yakiin-haiti select {
margin: 0;
border-radius: 0;
border-left: none;
border-bottom: none;
text-align: center;
}
.p-form #yakiin-haiti select#haiti1 {
border-left: 1px solid #abced8;
}
.p-form .yakiin-haiti-grid {
display: flex;
align-items: center;
justify-content: center;
color: #000;
border-left: none;
}
.p-form .yakiin-haiti-grid.yaki-col1 {
border-left: 1px solid #000;
}
.sample-img {
margin: -4em 0 1em;
}
.original-notice {
background: #f5f5f5;
padding: 15px;
margin: 0 0 1.5em;
}
.original-notice > *:first-of-type {
margin-top: 0;
}
.original-notice > *:last-of-type {
margin-bottom: 0;
}
.original-notice > div, .original-notice p {
margin: 1em 0;
font-size: 1.4rem;
color: #000;
font-weight: normal;
line-height: 1.5;
text-indent: -1em;
padding-left: 1em;
font-weight: bold;
}
.original-notice > div:last-of-type, .original-notice p:last-of-type {
margin-bottom: 0;
}
.original-notice > div .original-notice__caution, .original-notice p .original-notice__caution {
font-size: 90%;
color: #b7282e;
text-indent: -1em;
padding-left: 1em;
}
@media (max-width: 767px) {
.original-notice {
margin: 0 0 1em;
}
} .order-modal .modal-title {
text-align: center;
font-weight: bold;
}
.order-modal .original-price-tbl td {
white-space: nowrap;
}
.order-modal .original-product-price h4 {
margin: 0 0 40px;
padding: 15px;
text-align: center;
}
.order-modal .original-product-price:first-of-type {
margin-top: 40px;
}
.p-shop__otherlist {
padding: 0 15px 120px;
}
.p-shop__otherlist table {
width: 100%;
}
.p-shop__otherlist tr {
border-top: 1px solid #eee;
}
.p-shop__otherlist td {
padding: 20px;
}
.p-shop__otherlist td:first-of-type, .p-shop__otherlist td:last-of-type {
white-space: nowrap;
padding: 20px 0;
}
.p-shop__otherlist td a {
color: #0768bd !important;
}
.p-shop__otherlist td span {
display: inline-block;
}
@media (max-width: 767px) {
.p-shop__otherlist {
padding: 0 15px 60px;
}
.p-shop__otherlist table, .p-shop__otherlist tbody, .p-shop__otherlist tr, .p-shop__otherlist td {
display: block;
}
.p-shop__otherlist tr {
padding: 15px 0;
}
.p-shop__otherlist td {
padding: 10px 0;
}
.p-shop__otherlist td:first-of-type, .p-shop__otherlist td:last-of-type {
padding: 0;
}
.p-shop__otherlist td:not(:first-of-type) {
font-size: 14px;
}
} .p-404 {
padding: 60px 0 160px;
}
@media (max-width: 767px) {
.p-404 {
padding: 30px 0 80px;
}
}
.p-404__tit {
font-weight: bold;
font-size: 1.8rem;
text-align: center;
margin: 0 0 20px;
}
.p-404 p {
text-align: center;
}  .bg-news {
background: #b7282e !important;
}
.bg-media {
background: #028760 !important;
}
.bg-event {
background: #4C2C14 !important;
}
.bg-item {
background: #ed6d3d !important;
}
.bg-voice {
background: #13628f !important;
} .p-info {
padding: 60px 0 160px;
}
@media (max-width: 767px) {
.p-info {
padding: 30px 0 80px;
}
}
.p-info img {
max-width: 100%;
}
.p-info__list {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.p-info__list__item {
width: calc((100% - 60px) / 3);
margin: 10px;
background: #fff;
border-radius: 5px;
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.1);
text-decoration: none !important;
}
.p-info__list__item__img {
display: block;
border-radius: 5px 5px 0 0;
overflow: hidden;
position: relative;
padding-top: 66.66%;
}
.p-info__list__item__img img {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s;
}
@media (hover: hover) {
.p-info__list__item__img:hover img {
transform: translate(-50%, -50%) scale(1.1);
}
}
.p-info__list__item__info {
display: flex;
flex-wrap: wrap;
padding: 10px;
}
.p-info__list__item__date {
color: #555;
margin: 0 10px 0 0;
font-size: 14px;
}
.p-info__list__item__cat {
margin: -5px 0 0 0;
display: flex;
flex-wrap: wrap;
}
.p-info__list__item__cat a {
background: #888;
color: #fff;
line-height: 1;
padding: 0.5em 0.8em;
margin: 5px 5px 0 0;
border-radius: 5px;
font-size: 1.2rem;
transition: all 0.3s;
text-decoration: none !important;
}
@media (hover: hover) {
.p-info__list__item__cat a:hover {
opacity: 0.8;
}
}
.p-info__list__item__tit {
padding: 0 10px 15px;
}
.p-info__list__item__tit a {
font-weight: 600;
line-height: 1.4;
color: #000;
display: block;
transition: all 0.3s;
text-decoration: none !important;
font-size: 14px;
}
@media (hover: hover) {
.p-info__list__item__tit a:hover {
color: #0768bd;
}
}
@media (max-width: 767px) {
.p-info__list {
margin: 0;
justify-content: space-between;
}
.p-info__list__item {
width: 48.5%;
margin: 0 0 15px;
}
}
@media (max-width: 767px) and (max-width: 480px) {
.p-info__list__item {
width: 100%;
}
}
@media (max-width: 767px) {
.p-info__list__item__cat li {
padding: 0.5em 0.8em;
font-size: 1rem;
}
}
.p-info .c-button__wrap {
margin: 60px 0 0;
}
@media (max-width: 767px) {
.p-info .c-button__wrap {
margin: 30px 0 0;
}
}
.p-info.is-tonowa .c-inner {
padding: 0;
}
.p-info.is-tonowa .p-info__list__item {
width: calc((100% - 80px) / 4);
}
@media (max-width: 767px) {
.p-info.is-tonowa .p-info__list__item {
width: 48.5%;
}
}
@media (max-width: 767px) and (max-width: 480px) {
.p-info.is-tonowa .p-info__list__item {
width: 48.5%;
}
} .p-top__prbnr {
text-align: center;
margin: 0 0 60px;
padding: 0 15px;
}
@media (max-width: 767px) {
.p-top__prbnr {
margin: -20px 0 30px;
}
}
.p-top__prbnr a {
transition: all 0.3s;
}
@media (hover: hover) {
.p-top__prbnr a:hover {
opacity: 0.7;
}
}
.p-top__prbnr img {
width: 800px;
max-width: 100%;
}
.p-top__news__list__item {
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px solid #ccc;
text-decoration: none !important;
display: flex;
}
.p-top__news__list__item__img {
width: 140px;
}
.p-top__news__list__item__img a {
display: block;
border-radius: 5px;
overflow: hidden;
position: relative;
padding-top: 66.66%;
}
.p-top__news__list__item__img a img {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s;
}
@media (hover: hover) {
.p-top__news__list__item__img a:hover img {
transform: translate(-50%, -50%) scale(1.1);
}
}
.p-top__news__list__item__txt {
flex: 1;
padding: 0 0 0 15px;
}
.p-top__news__list__item__info {
display: flex;
flex-wrap: wrap;
}
.p-top__news__list__item__date {
color: #555;
margin: 0 10px 0 0;
font-size: 14px;
}
.p-top__news__list__item__cat {
margin: -5px 0 0 0;
display: flex;
flex-wrap: wrap;
}
.p-top__news__list__item__cat a {
background: #888;
color: #fff;
line-height: 1;
padding: 0.5em 0.8em;
margin: 5px 5px 0 0;
border-radius: 5px;
font-size: 1.2rem;
transition: all 0.3s;
text-decoration: none !important;
}
@media (hover: hover) {
.p-top__news__list__item__cat a:hover {
opacity: 0.8;
}
}
.p-top__news__list__item__tit {
margin: 10px 0 0;
}
.p-top__news__list__item__tit a {
font-weight: 600;
line-height: 1.4;
color: #000;
display: block;
transition: all 0.3s;
text-decoration: none !important;
font-size: 14px;
}
@media (hover: hover) {
.p-top__news__list__item__tit a:hover {
color: #0768bd;
}
}
@media (max-width: 767px) {
.p-top__news__list {
margin-top: -1em;
}
.p-top__news__list__item__img {
width: 120px;
}
.p-top__news__list__item__txt {
padding: 0 0 0 10px;
}
.p-top__news__list__item__cat li {
padding: 0.5em 0.8em;
font-size: 1rem;
}
}
.p-top__news .c-button__wrap {
margin: 60px 0 0;
}
@media (max-width: 767px) {
.p-top__news .c-button__wrap {
margin: 30px 0 0;
}
} .tpl-list {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.tpl-list__item {
width: calc((100% - 80px) / 3);
}
@media (max-width: 767px) {
.tpl-list__item {
width: 80%;
margin: 0 auto;
}
}
.tpl-list__tit {
text-align: center;
font-size: 110%;
}
.tpl-list__img {
background: #EAEAEA;
padding: 20px;
margin: 10px 0 20px;
}
.tpl-list__img img {
display: block;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.tpl-list__link {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.tpl-list__link a {
display: flex;
width: 200px;
height: 40px;
max-width: 100%;
justify-content: center;
align-items: center;
color: #fff;
background: #203744;
border-radius: 4px;
transition: all 0.3s;
}
@media (hover: hover) {
.tpl-list__link a:hover {
opacity: 0.7;
}
} .c-inner {
max-width: 990px;
padding: 0 15px;
margin: 0 auto;
}
.c-block {
background: #fff;
padding: 40px;
border-radius: 5px;
box-shadow: 0 2px 24px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
.c-block {
box-shadow: none;
padding: 0 0 20px;
}
}
.c-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 40px;
padding: 0.5em 1.5em;
background: #203744;
color: #fff !important;
border-radius: 60px;
transition: all 0.3s;
line-height: 1.4;
font-weight: bold;
text-decoration: none !important;
}
@media (hover: hover) {
.c-button:hover {
opacity: 0.7;
}
}
.c-button__wrap {
text-align: center;
margin: 30px 0 0;
}
.tablink {
text-align: center;
}
.tablink li {
display: inline;
margin: 0 10px;
}
.tablink a, .tablink .active {
border: 1px solid #203744;
padding: 0.3em 1em;
font-size: 1.6rem;
border-radius: 4px;
}
.tablink .active {
background: #203744;
color: #fff;
} .original-btn {
margin: 0 0 10px;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0 20px;
}
.original-btn a {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
color: #000 !important;
border-radius: 30px;
padding: 0.3em 1em 0.3em 0.8em !important;
font-size: 14px !important;
transition: all 0.3s;
line-height: 1.6 !important;
margin-bottom: 0 !important;
}
.original-btn a::before {
content: "▸";
}
.original-btn a:hover {
background: #cb4c42;
color: #fff !important;
}
.original-btn__footer {
margin: -5px 0 15px;
padding: 0;
flex-direction: row;
}
.original-btn__footer a {
width: auto;
} .c-postsingle__head {
margin: 0 0 40px;
}
.c-postsingle__head__tit {
font-size: 2.8rem;
line-height: 1.5;
font-weight: bold;
position: relative;
}
.c-postsingle__head__info {
display: flex;
flex-wrap: wrap;
padding: 20px 0 0;
}
.c-postsingle__head__date {
color: #555;
margin: 0 10px 0 0;
font-size: 14px;
}
.c-postsingle__head__cat {
margin: -5px 0 0 0;
display: flex;
flex-wrap: wrap;
}
.c-postsingle__head__cat a {
background: #888;
color: #fff;
line-height: 1;
padding: 0.5em 0.8em;
margin: 5px 5px 0 0;
border-radius: 5px;
font-size: 1.2rem;
text-decoration: none !important;
}
.c-postsingle__head__img {
margin: 30px 0 0;
}
.c-postsingle__head__img img {
width: 100%;
}
@media (max-width: 767px) {
.c-postsingle__head {
margin: 0 0 20px;
}
.c-postsingle__head__tit {
font-size: 2rem;
line-height: 1.5;
font-weight: bold;
position: relative;
}
.c-postsingle__head__info {
padding: 10px 0 0;
}
.c-postsingle__head__cat a {
font-size: 1rem;
}
.c-postsingle__head__img {
margin: 15px 0 0;
}
}
.c-postsingle__tag {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 25px 0 0;
margin: 50px 0 0;
border-top: 1px solid #eee;
align-items: center;
}
.c-postsingle__tag::before {
content: "タグ：";
font-size: 1.2rem;
}
.c-postsingle__tag li > a {
display: inline-block;
background: #eee;
font-size: 1.2rem;
border-radius: 4px;
padding: 0.3em 1em;
transition: all 0.3s;
}
@media (hover: hover) {
.c-postsingle__tag li > a:hover {
color: #fff;
background: #203744;
}
}
.c-postsingle__link {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 50px 0 0;
}
.c-postsingle__link .next {
text-align: right;
}  .c-postcontent {
max-width: 960px;
margin: 0 auto;
font-size: 1.6rem; }
.c-postcontent a {
color: #0768bd;
text-decoration: underline;
transition: all 0.3s;
}
@media (hover: hover) {
.c-postcontent a:hover {
opacity: 0.7;
}
}
.c-postcontent a.wp-block-file__button, .c-postcontent a.wp-block-button__link {
color: #fff;
text-decoration: none !important;
background: #203744;
font-weight: 500;
}
.c-postcontent .linkcard {
margin: 1.5em 0 !important;
}
.c-postcontent .linkcard > div {
border: none;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
padding: 1em;
}
.c-postcontent .linkcard .lkc-card {
margin: 0 !important;
}
.c-postcontent .linkcard .lkc-thumbnail {
margin: 0 0.8em 0 0;
}
.c-postcontent #toc_container {
font-size: 90%;
}
.c-postcontent #toc_container .toc_list {
line-height: 1.6;
}
.c-postcontent h1, .c-postcontent h2, .c-postcontent h3, .c-postcontent h4, .c-postcontent h5, .c-postcontent h6 {
font-weight: 700;
line-height: 1.5;
margin-top: 2.5em;
margin-bottom: 1em;
}
.c-postcontent h2 {
font-size: 2.4rem;
padding-bottom: 0.3em;
background: #eee;
padding: 0.3em 0.8em;
}
@media (max-width: 767px) {
.c-postcontent h2 {
font-size: 2rem;
}
}
.c-postcontent h3 {
font-size: 2rem;
border-left: 4px solid #203744;
padding-left: 10px;
}
@media (max-width: 767px) {
.c-postcontent h3 {
font-size: 1.8rem;
}
}
.c-postcontent h2 + h3 {
margin-top: 1.8em;
}
.c-postcontent h4 {
font-size: 1.8rem;
}
@media (max-width: 767px) {
.c-postcontent h4 {
font-size: 1.6rem;
}
}
.c-postcontent h5 {
font-size: 1.6rem;
}
@media (max-width: 767px) {
.c-postcontent h5 {
font-size: 1.4rem;
}
}
.c-postcontent h6 {
font-size: 1.4rem;
}
.c-postcontent b {
font-weight: 700;
}
.c-postcontent div {
max-width: 100%;
}
.c-postcontent img {
height: auto;
}
.c-postcontent p {
margin-top: 1.7em;
margin-bottom: 1.7em;
line-height: 1.7;
}
.c-postcontent .smb-box__body p:first-of-type {
margin-top: 0;
}
.c-postcontent .smb-box__body p:last-of-type {
margin-bottom: 0;
}
.c-postcontent pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0px;
}
.c-postcontent ul, .c-postcontent ol {
margin-top: 1em;
margin-bottom: 1em;
padding-left: 30px;
}
.c-postcontent ul {
list-style-type: disc;
}
.c-postcontent ol {
list-style-type: decimal;
}
.c-postcontent li {
margin: 0.5em 0;
}
.c-postcontent table {
white-space: nowrap;
}
.c-postcontent table th, .c-postcontent table td {
border: 1px solid #ccc;
padding: 5px;
line-height: 1.5;
}
.c-postcontent :not(.nobg) table td:first-child:not(:last-child) {
background: #f0f0f0;
}
.c-postcontent strong {
font-weight: 700;
}
.c-postcontent img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.c-postcontent .alignright {
float: right;
margin: 0 0 1em 1em;
}
.c-postcontent .alignleft {
float: left;
margin: 0 1em 1em 0;
}
.c-postcontent figure {
margin-top: 1em;
margin-bottom: 1em;
}
.c-postcontent .wp-block-image {
margin-top: 1em;
margin-bottom: 1em;
}
.c-postcontent figcaption {
text-align: center;
font-size: 80%;
}
.c-postcontent table + figcaption {
margin-top: 0.5em;
}
.c-postcontent blockquote {
position: relative;
padding: 1.5em 3em 1.5em 2.5em;
margin: 1em 2em;
background: #f7f7f7;
font-size: 90%;
}
.c-postcontent blockquote p {
margin: 0 0 1em;
}
.c-postcontent blockquote p:last-child {
margin: 0;
}
.c-postcontent blockquote:before {
position: absolute;
content: "“";
font-size: 40px;
color: #999;
top: 10px;
left: 10px;
line-height: 1;
height: 24px;
display: block;
}
.c-postcontent blockquote:after {
position: absolute;
content: "”";
font-size: 40px;
color: #999;
right: 10px;
bottom: 10px;
line-height: 1;
height: 24px;
display: block;
}
.c-postcontent mark:not(.has-inline-color) {
background: linear-gradient(transparent 60%, #ff6 60%);
}
.c-postcontent blockquote cite {
display: block;
font-size: 90%;
text-align: right;
color: #999;
}
.c-postcontent blockquote cite a {
color: #FFAE2F;
}
.c-postcontent .table-primary {
border-top: 1px solid #EFEFEF;
}
.c-postcontent .table-primary th, .c-postcontent .table-primary td {
padding: 12px 10px;
border-bottom: 1px solid #EFEFEF;
}
.c-postcontent .table-primary th {
width: 120px;
font-weight: 700;
color: #D0B74F;
text-align: center;
}
.c-postcontent .table-primary td {
padding-left: 20px;
padding-right: 20px;
}
.c-postcontent .wp-block-buttons {
margin: 1.5em 0 2em;
}
.c-postcontent iframe.wp-embedded-content {
width: 100%;
}
.c-postcontent iframe {
max-width: 100%;
}
@media (min-width: 768px) {
.c-postcontent .table-primary {
font-size: 15px;
}
.c-postcontent table {
white-space: wrap;
}
}
@media (max-width: 767px) {
.c-postcontent {
font-size: 1.4rem;
}
.c-postcontent p {
margin: 1.5em 0;
}
} .c-pager {
margin: 60px 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.6rem;
letter-spacing: 0;
}
.c-pager > * {
margin: 0 8px;
}
.c-pager a, .c-pager .current {
height: 40px;
width: 36px;
background: #fff;
border: 1px solid #203744;
display: flex;
align-items: center;
justify-content: center;
color: #203744;
border-radius: 4px;
font-size: 1.6rem;
text-decoration: none;
}
.c-pager .prev, .c-pager .next {
color: #203744;
font-weight: 700;
}
.c-pager .current {
background-color: #203744;
border-color: #203744;
color: #fff;
}
@media (hover: hover) {
.c-pager a:hover {
background-color: #203744;
border-color: #203744;
color: #fff;
}
}
@media (max-width: 767px) {
.c-pager {
margin: 32px 0 0;
}
.c-pager > * {
margin: 0 4px;
}
}
.u-dis-ib {
display: inline-block;
}
@media (max-width: 767px) {
.u-pc {
display: none;
}
}
@media (min-width: 768px) {
.u-sp {
display: none;
}
}
.u-txtlink {
color: #0768bd !important;
text-decoration: underline !important;
}