@charset "UTF-8";
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
color: #000;
background: #FFF
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote {
margin: 0;
padding: 0;
}
fieldset, img {
border: 0
}
address, caption, cite, code, dfn, em, strong, var {
font-style: normal;
font-weight: normal
}
ol, ul {
list-style: none
}
caption {
text-align:left
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal
}
q:before, q:after {
content: ''
}
abbr, acronym {
border: 0;
font-variant: normal
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
*font-size:100%
}
legend {
color: #000
}
#yui3-css-stamp.cssreset {
display: none
}

/*-------------------------------------------------------------------------------------
PC
-------------------------------------------------------------------------------------*/

/* jquery.fade
================================================ */
.fadein {
opacity: 0;
transform : translate(0, 50px);
transition : all 1500ms;
}

.fadein.scrollin{
opacity: 1;
transform: translate(0, 0);
}

/* reCAPTCHA バッジ非表示
================================================ */	
.grecaptcha-badge {
visibility: hidden; 
}

/* class
================================================ */
html, body {
color: #333;
height: 100%;
width: 100%;
line-height: 1.9em;
-webkit-text-size-adjust: 100%;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 1em;
font-weight: 200;
letter-spacing: 0.05em;
min-width: 980px;
}
#top_header_logo, header, #drawer, #site-navigation, #introduction_news, #information_shop, #notice, #top_info, #top_introduction2, #top_product_box, #slider, product_list_hr, #product_left, #contents, .cartjs_product_table, #history_header, #history_contents, #contents_button, #explanation_contents, #product_list {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
pre {
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h1 {
font-size: 1.625em;
}
h2 {
font-size: 1.625em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1.125em;
}
h5 {
font-size: 1.125em;
}
h6 {
font-size: 1em;
}
strong {
font-weight: bolder;
}
/* clearfix */
.clearfix:before, .clearfix:after {
content: '';
display: table;
}
.clearfix:after {
clear: both;
}
a:link {
color: #333;
text-decoration: none;
}
a:visited {
color: #333;
text-decoration: none;
}
a:hover {
color: #9d805f;
text-decoration: underline;
transition-duration: 0.2s;
}
a:active {
color: #333;
text-decoration: none;
}
.red {
color: #C21F0A;
}
.ore {
color: #F60;
}
.b333 {
color: #333;
}
.b666 {
color: #666;
}
.b999 {
color: #999;
}
.txt8 {
font-size: 8px;
}
.txt9 {
font-size: 9px;
}
.txt10 {
font-size: 10px;
}
.txt12 {
font-size: 0.75em;
}
.txt14 {
font-size: 0.875em;
}
.txt16 {
font-size: 16px;
}
.txt18 {
font-size: 1.125em;
}
.txt20 {
font-size: 20px;
}
.txt30 {
font-size: 30px;
}
.txt32 {
font-size: 32px;
}
.txt34 {
font-size: 34px;
}
.txt36 {
font-size: 36px;
}
.txt38 {
font-size: 38px;
}
.txt40 {
font-size: 40px;
}
.text_left {
text-align: left;
}
.text_center {
text-align: center;
}
.text_right {
text-align: right;
}
.br-sp {
display: none;
}
.br-pc {
display: inline;
}
.margin-top50 {
margin-top: 50px !important;
}
.indent{
padding-left:1em !important;
text-indent:-1em !important;
}
.no_margin{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}

/* top
================================================ */
body#top {
background-color: #DEC4A6;
}
#top_box {
margin: 0px auto 0px auto;
padding: 190px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 580px;
animation: fadeIn 4s ease 0s 1 normal;
-webkit-animation: fadeIn 4s ease 0s 1 normal;
}
#top_log_jp a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 244px;
height: 398px;
background-image: url(/wp-content/themes/kaikado/common/top_img/top_img01.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
}
#top_log_jp a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
#top_logo_en a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 244px;
height: 398px;
background-image: url(/wp-content/themes/kaikado/common/top_img/top_img02.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
}
#top_logo_en a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
#top_copyright {
margin: 116px auto 30px auto;
padding: 0px 0px 0px 0px;
text-align: center;
}
/* header
================================================ */
header {
width: 980px;
margin: 35px auto 50px auto;
padding: 0px 0px 0px 0px;
}
#header_logo a {
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
width: 74px;
height: 149px;
background-image: url(/wp-content/themes/kaikado/common/template_img/kaikado_logo.svg);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#cart a {
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
width: 29px;
height: 31px;
background-image: url(/wp-content/themes/kaikado/common/template_img/cart.svg);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
right: 100px;
/*	right: calc((100% - 770px) / 2);*/
top: 35px;
z-index: 100;
}

/* top_header
================================================ */
#top_header {
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#top_header_logo {
width: 100%;
height: 0;
padding-top: calc(1558 / 2560 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/template_img/top_index_img.jpg) center center / cover no-repeat;
text-indent: -9999px;
}

/* site-navigation
================================================ */
#site-navigation {
width: 980px;
margin: 30px auto 0px auto;
padding: 0px 0px 0px 0px;
color: #333;
text-align: center;
}
#site-navigation li {
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 0px;
display: inline-block;
}
#site-navigation a:link {
color: #333;
text-decoration: none;
}
#site-navigation a:visited {
color: #333;
text-decoration: none;
}
#site-navigation a:hover {
color: #9d805f;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 17px 0px;
border-bottom: 3px solid #9d805f;
transition-duration: 0.4s;
}
#site-navigation a:active {
color: #333;
text-decoration: none;
}

/*drawer
================================================ */
.drawer-container {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
width: 550px;
}
#drawer_logo a {
margin: 11px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 93px;
height: 190px;
background-image: url(/wp-content/themes/kaikado/common/template_img/kaikado_logo.svg);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#drawer_navigation {
margin: 0px 0px 0px 121px;
padding: 0px 0px 0px 0px;
}
#drawer_navigation01 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 17px;
line-height: 2.15em;
}
#drawer_navigation01 li ul{
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
font-size: 15px;
line-height: 2.0em;
}
#drawer_navigation02 {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 15px;
line-height: 2.0em;
}
#drawer_navigation03 {
margin: 60px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#drawer_sns_icon, #footer_sns_icon {
margin: 35px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 180px;
display: flex;
justify-content: space-between;
}
#logo01 a, #footer_logo01 a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 180px;
height: 22px;
background-image: url(/wp-content/themes/kaikado/common/template_img/kafe_logo.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#logo02 a, #footer_logo02 a {
margin: 33px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:180px;
height: 20px;
background-image: url(/wp-content/themes/kaikado/common/template_img/KaikadoRoastery_logo.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#logo03 a, #footer_logo03 a {
margin: 19px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 170px;
height: 57px;
background-image: url(/wp-content/themes/kaikado/common/template_img/goon_logo.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#facebook_icon a, #footer_facebook_icon a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 46px;
height: 46px;
background-image: url(/wp-content/themes/kaikado/common/sns_icon/facebook_icon.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#instagram_icon a, #footer_instagram_icon a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 46px;
height: 46px;
background-image: url(/wp-content/themes/kaikado/common/sns_icon/instagram_icon.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#blogger_icon a, #footer_blogger_icon a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 46px;
height: 46px;
background-image: url(/wp-content/themes/kaikado/common/sns_icon/blogger_icon.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}

/* main
================================================ */
main {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.entry-title {
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
}

/* top_contents
================================================ */
#notice {
margin: 75px auto 0px auto;
padding: 35px 0px 35px 0px;
width: 800px;
border-top: solid 1px #4d4d4d;
border-bottom: solid 1px #4d4d4d;
text-align: left;
}
#notice hr {
margin: 35px auto 35px auto;
padding: 0px 0px 0px 0px;
border: 0 none; 
height: 1px; 
color: #4d4d4d;
background-color: #4d4d4d;
}
#notice h3{
margin: 0px 50px 0px 50px;
padding: 0px 0px 0px 0px;
}
#notice p{
margin: 10px 50px 0px 50px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
}
#introduction_news{
margin: 130px auto 0px auto;
padding: 35px 0px 10px 0px;
width: 980px;
display: flex;
}
#introduction_news ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#introduction_news li{
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
display: flex;
}
#introduction_news h3{
margin: 0px 0px 0px 0px;
width: 180px;
font-size: 1.5em;
}
#introduction_news h5{
margin: 0px 40px 0px 0px;
width: 120px;
font-size: 0.875em;
color: #999;
}
#introduction_news h4{
width: 640px;
font-size: 1em;
text-decoration: underline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#top_introduction {
margin: 100px auto 60px auto;
padding: 0px 0px 0px 0px;
text-align: center;
max-width: 980px;
}
#top_introduction h2 {
margin: 0px auto 55px auto;
padding: 0px 0px 0px 0px;
}
#top_introduction p {
line-height: 2.2em;
}
#top_introduction2 {
margin: 30px auto 120px auto;
padding: 0px 0px 0px 0px;
text-align: center;
max-width: 980px;
}
#top_introduction2 h2 {
margin: 0px auto 55px auto;
padding: 0px 0px 0px 0px;
}
#top_introduction2 p {
line-height: 2.2em;
}
.contents_button a{
margin: 60px auto 60px auto;
padding: 12px 0px 12px 0px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #9d805f;
border: solid 1px #9d805f;
transition: .4s;
width: 240px;
line-height: normal;
text-align: center;
}
.contents_button a:hover {
color: #FFF;
background-color: #9d805f;
border: solid 1px #9d805f;
text-decoration: none;
}
#top_product_box {
text-align: center;
}
#top_product_box h2 {
margin: 90px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#top_product_box p {
margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
#top_product {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
font-size: 1.125em;
line-height: 3em;
text-align: center;
}
#top_product img {
width: 100%;
display: block;
}
#top_product img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
#top_product01, #top_product02, #top_product03{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 33.33%;
overflow: hidden;
position: relative;
z-index: 1;
}
#top_product_botom {
width: 980px;
margin: 160px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
font-size: 1.125em;
line-height: 2em;
text-align: center;
}
#top_product_botom img {
width: 100%;
display: block;
}
#top_product_botom img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
#top_product04, #top_product07, #top_product10{
margin: 0px 15px 30px 0px;
padding: 0px 0px 0px 0px;
width: 32.3%;
}
#top_product05, #top_product08, #top_product11 {
margin: 0px 15px 30px 0px;
padding: 0px 0px 0px 0px;
width: 32.3%;
}
#top_product06, #top_product09, #top_product12 {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
width: 32.3%;
}
#top_info {
width: 980px;
margin: 160px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
line-height: 1.5em;
}
#top_info h3 {
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
font-size: 1.5em;
text-align: center;	
}
#top_info2 {
width: 980px;
margin: 160px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
line-height: 1.5em;
}
#top_info2 h3 {
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
font-size: 1.5em;
text-align: center;	
}
#top_news, #instagram, #top_news_en {
margin: 0px 30px 120px 0px;
padding: 0px 0px 0px 0px;
width: 460px;
}
#top_blog {
margin: 0px 0px 120px 30px;
padding: 0px 0px 0px 0px;
width: 460px;
}
#facebook {
margin: 0px auto 120px auto;
padding: 0px 0px 0px 0px;
width: 650px;
text-align: center;	
}
#facebook_en {
margin: 0px 0px 120px 30px;
padding: 0px 0px 0px 0px;
width: 460px;
}
#top_news ul {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-height: 230px;
}
#top_news li {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#top_news_en ul {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-height: 330px;
}
#top_news_en li {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#news_contents {
margin: 85px auto 200px auto;
padding: 0px 0px 0px 0px;
width: 100%;
border-top: 1px solid #CCC;
}
#news_contents li {
margin: 0px 0px 0px 0px;
padding: 40px 0px 40px 0px;
border-bottom: 1px solid #CCC;
}
#news_contents h3 {
margin: 10px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
font-size: 1.375em;
}
#news_contents h5 {
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
color: #9d805f;
font-size: 1.125em;
}
#news_contents p {
margin: 10px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
#top_news h5 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
color: #999;
text-align: left;
}
#top_news h4 {
font-size: 1.125em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#top_news_en h5 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
color: #999;
text-align: left;
}
#top_news_en h4 {
font-size: 1.125em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#top_blog li {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}
.top_blog_img {
margin: 0px 30px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}
.top_blog_img img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 190px;
height: 190px;
object-fit: cover; /* 画像トリミング */
}
.top_blog_title {
font-size: 1.125em;
min-height: 60px;
}
.top_blog_data {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
color: #9d805f;
}
.top_blog_txt {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
color: #999;
line-height: 1.5em;
}
#news_banner {
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 100px;
border-top: 1px solid #9d805f;
border-bottom: 1px solid #9d805f;
font-size: 0.875em;
background-image: url(/wp-content/themes/kaikado/common/top_img/news_banner.jpg);
background-position: left center;
background-repeat: no-repeat;
text-align: left;
}
#news_banner h4 {
color: #9d805f;
}
#top_about {
margin: 100px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
font-size: 1.125em;
line-height: 3em;
text-align: center;
}
#top_about img {
width: 100%;
display: block;
}
#top_about img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
#top_history, #top_explanation{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 50%;
overflow: hidden;
position: relative;
z-index: 1;
}
#top_calendar {
width: 980px;
margin: 110px auto 0px auto;
padding: 0px 0px 0px 0px;
}
.top_calendar_box {
margin: 50px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.top_calendar_img{
width: 30%;
}
.top_calendar_img img{
width: 100%;
object-fit: cover;
}
.calendar_red a:link {
color: #C1272D!important;
text-decoration: underline;
}
.calendar_red a:visited {
color: #C1272D!important;
text-decoration: underline;
}
.calendar_red a:hover {
color: #9d805f;
text-decoration: underline;
transition-duration: 0.2s;
}
.calendar_red a:active {
color: #C1272D!important;
text-decoration: underline;
}

/*betsuzukuri
================================================ */
#betsuzukuri {
margin: 120px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
max-width: 980px;
}
#betsuzukuri_img {
display: flex;
flex-wrap: wrap;
}
#betsuzukuri_img img {
margin: 0px 0.2% 0px 0.2%;
width: 49.6%;
height: 49.6%;
display: block;
}
#betsuzukuri h1 {
margin: 120px auto 55px auto !important;
}
#betsuzukuri p {
line-height: 2.2em !important;
}
#betsuzukuri_banner a {
margin: 120px auto 120px auto;
padding: 0px 0px 0px 0px;
width: 980px;
height: 400px;
background-image: url(/wp-content/themes/kaikado/common/betsuzukuri_img/betsuzukuri_banner.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: contain;
}
#betsuzukuri_banner a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
.swiper-container {
width: 100%;
height: 100%;
position: relative;
}
.swiper-container .swiper-slide img {
width: 100vw;
height: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
cursor : ew-resize;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-pc {
display: inline;
}
.swiper-sp {
display: none;
}
.swiper-container h1 {
position: absolute;
top: 30%;
left: 25%;
transform: translate(-30%, -25%);
-webkit-transform: translate(-30%, -25%);
-ms-transform: translate(-30%, -25%);
width: 196px;
height: 280px;
background-image: url(/wp-content/themes/kaikado/common/betsuzukuri_img/betsudukuri_logo.svg);
text-indent: -9999px;
z-index: 9999;
background-repeat: no-repeat;
}

/*recruit
================================================ */
#recruit {
margin: 120px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
max-width: 980px;
}
.recruit_img {
display: flex;
flex-wrap: wrap;
}
.recruit_img img {
margin: 0px 0.2% 0px 0.2%;
width: 49.6%;
height: 49.6%;
display: block;
}
#recruit_header {
width: 100%;
height: 0;
margin: 70px 0px 0px 0px;
padding-top: calc(1298 / 2560 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/recruit_img/header.png) center center / cover no-repeat;
text-indent: -9999px;
}
#recruit h1 {
margin: 120px auto 55px auto !important;
}
#recruit p {
line-height: 2.2em !important;
}
.recruit_button {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
max-width: 980px;
}
.recruit_button a{
margin: 0px 0px 0px 180px;
padding: 4px 20px 4px 20px;
display: inline-block;
vertical-align: middle;
text-decoration: none;
color: #333333;
border: solid 1px #333333;
transition: .4s;
font-size: 1.125em;
line-height: normal;
text-align: center;
}
.recruit_button a:hover {
color: #FFF;
background-color: #333333;
border: solid 1px #333333;
text-decoration: none;
}
/* contents 
================================================ */
#contents {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 860px;
}
#contents h1 {
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 1.625em;
}
#contents hr {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 40px;
border-top: 1px solid #9d805f;
border-right: none;
border-bottom: none;
border-left-style: none;
}
#contents p {
margin: 50px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}

/* product_list
================================================ */
#product_list {
width: 980px;
margin: 75px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
font-size: 1.125em;
text-align: center;
}
.product_list_img {
margin: 0px 0.5% 25px 0.5%;
padding: 0px 0px 0px 0px;
width: 32%;
overflow: hidden;
}
.product_list_img img{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
display: block;
}
#product_list img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
.product_list_hr {
width: 40px;
margin: 60px auto 80px auto;
padding: 0px 0px 0px 0px;
border: 0 none; 
height: 1px; 
color: #9d805f;
background-color: #9d805f;
}

/* history
================================================ */
#history_header {
width: 100%;
height: 0;
margin: 70px 0px 0px 0px;
padding-top: calc(1298 / 2560 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/history_img/history_img01.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#history_contents {
width: 980px;
margin: 140px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-flow: row wrap;
}
#history_photo{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 433px;
}
#history_photo img{
margin: 7px 0px 43px 0px;
padding: 0px 0px 0px 0px;
}
#history_txt{
margin: 0px 0px 0px 65px;
padding: 0px 0px 0px 0px;
width: 482px;
}
#history_txt p {
margin: 0px 0px 40px 0px;
padding: 0px 0px 0px 0px;
}

/* explanation
================================================ */
#explanation_contents {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#explanation_img_box {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-flow: row wrap;
}
#explanation_img01 {
width: 100%;
height: 0;
margin: 70px 0px 0px 0px;
padding-top: calc(1298 / 2560 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img01.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_txt01 {
margin: 130px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 550px;
}
#explanation_txt01 h2 {
margin: 0px auto 45px auto;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 1.625em;
}
#explanation_txt01 p {
line-height: 2.2em;
}
#explanation_txt02 {
margin: 130px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 550px;
}
#explanation_txt02 h3 {
margin: 0px auto 35px auto;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 1.625em;
}
#explanation_txt02 p {
line-height: 2.2em;
}
#explanation_img02 {
width: 100%;
height: 0;
margin: 90px 0px 0px 0px;
padding-top: calc(1300 / 2560 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url("/wp-content/themes/kaikado/common/explanation_img/explanation_img02.jpg") center center / cover no-repeat;
z-index: 1;
position: relative;
}
#explanation_img02 h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 2;
position: absolute;
top: 75px;
left: calc((100% + 160px)/ 2);
font-size: 1.625em;
}
#explanation_img02 p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 420px;
z-index: 2;
position: absolute;
top: 120px;
left: calc((100% + 160px)/ 2);
}
#explanation_img03 {
width: 980px;
margin: 130px auto 0px auto;
height: 0;
padding-top: calc(590 / 1167 * 980px); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img03.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img03_en {
width: 980px;
margin: 130px auto 0px auto;
height: 0;
padding-top: calc(590 / 1167 * 980px); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img03_en.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img04 {
width: 50%;
margin: 100px 0px 0px 0px;
height: 0;
padding-top: calc(1074 / 1167 * 50%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img04.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img05 {
width: 50%;
margin: 100px 0px 0px 0px;
height: 0;
padding-top: calc(1074 / 1167 * 50%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img05.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img06 {
width: 980px;
margin: 130px auto 0px auto;
height: 0;
padding-top: calc(590 / 1167 * 980px); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img06.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img07 {
width: 980px;
margin: 130px auto 0px auto;
height: 0;
padding-top: calc(590 / 1167 * 980px); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img07.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img08 {
width: 100%;
height: 0;
margin: 165px 0px 110px 0px;
padding-top: calc(1300 / 2560 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url("/wp-content/themes/kaikado/common/explanation_img/explanation_img08.jpg") center center / cover no-repeat;
z-index: 1;
position: relative;
}
#explanation_img08 h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 2;
position: absolute;
bottom: 300px;
left: calc((100% - 980px)/ 2);
font-size: 1.625em;
}
#explanation_img08 p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 310px;
z-index: 2;
position: absolute;
bottom: 50px;
left: calc((100% - 980px)/ 2);
}
#explanation_img08_en {
width: 100%;
height: 0;
margin: 165px 0px 110px 0px;
padding-top: calc(1300 / 2560 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url("/wp-content/themes/kaikado/common/explanation_img/explanation_img08.jpg") center center / cover no-repeat;
z-index: 1;
position: relative;
}
#explanation_img08_en h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 2;
position: absolute;
top: 265px;
left: calc((100% - 980px)/ 2);
font-size: 1.625em;
}
#explanation_img08_en p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 310px;
z-index: 2;
position: absolute;
top: 300px;
left: calc((100% - 980px)/ 2);
}
/* information
================================================ */
#information_contents {
margin: 100px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#information_contents h3 {
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.25em;
}
#information_contents h4 {
margin: 40px 0px 35px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.5em;
color: #9d805f;
text-align: center;
}
#information_contents h5 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.125em;
text-indent: 0px;
}
#information_contents h6 {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1em;
text-indent: 0px;
}
#information_contents p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#info-navigation {
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
color: #333;
text-align: center;
}
#info-navigation li {
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
display: inline-block;
border-right: 1px solid #333;
line-height: 1em;
}
#info-navigation li#end {
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
display: inline-block;
border-right: 1px none #333;
}
#info-navigation a:link {
color: #333;
text-decoration: none;
}
#info-navigation a:visited {
color: #333;
text-decoration: none;
}
#info-navigation a:hover {
color: #9d805f;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
transition-duration: 0.4s;
}
#info-navigation a:active {
color: #333;
text-decoration: none;
}
#information_shop {
margin: 80px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 680px;
}
#information_shop img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.information_txt {
margin: 0px auto 40px auto;
padding: 0px 0px 0px 0px;
letter-spacing: normal;
display: flex;
flex-flow: row wrap;
}
.information_txt_left {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 30%;
}
.information_txt_right {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 70%;
}
.information_box {
margin: 130px auto 130px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-flow: row wrap;
}
.information_left {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 30%;
}
.information_right {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 70%;
}
.information_right ul.disc {
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
list-style-position: inside;
list-style-type: disc;
}
.information_button_box {
margin: 50px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-flow: row wrap;
}
.information_button a{
margin: 0px auto 0px auto;
padding: 12px 0px 12px 0px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #9d805f;
border: solid 1px #9d805f;
transition: .4s;
width: 250px;
font-size: 1.125em;
line-height: normal;
text-align: center;
}
.information_button a:hover {
color: #FFF;
background-color: #9d805f;
border: solid 1px #9d805f;
text-decoration: none;
}
table#delivery_table {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#delivery_table th {
padding: 10px 10px 10px 10px;
background-color: #FFEAD1;
text-align: left;
}
#delivery_table td{
padding: 10px 10px 10px 10px;
}
#wrapping_img img {
margin: 60px 0px 60px 0px;
padding: 0px 0px 0px 0px;
}

/* google maps レスポンシブ対応css*/
.ggmap {
margin: 0px 0px 130px 0px;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* privacy
================================================ */
#privacy_txt{
margin: 100px auto 0px auto;
padding: 0px 0px 0px 0px;
letter-spacing: normal;
display: flex;
flex-flow: row wrap;
}
#privacy_txt h3 {
margin: 0px 5% 0px 0px;
padding: 0px 0px 0px 0px;
width: 27%;
font-size: 1em;
}
#privacy_txt p {
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
width: 67%;
}

/*english_txt
================================================ */
#english_txt{
margin: 100px auto 0px auto;
padding: 0px 0px 0px 0px;
letter-spacing: normal;
}
#english_txt h3 {
margin: 45px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1em;
font-weight: bold;
}
#english_txt p {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
color: #808080;
}
#english_txt p.indent{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
padding-left:1em !important;
text-indent:-1em !important;
}
#english_txt p.indent_margin{
margin: 0px 0px 30px 0px !important;
padding: 0px 0px 0px 0px !important;
padding-left:1em !important;
text-indent:-1em !important;
}
#english_txt p a{
word-break: break-all;
}

/* inquiry
================================================ */
.inquiry_form {
margin: 0px auto 0px auto;
padding: 50px 0px 0px 0px;
width: 860px;
}
.inquiry_form p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 860px !important;
}
.inquiry_form .inquiry_name {
margin: 0px 0px 0px 0px;
padding: 8px 1% 8px 1%;
border: none ;
width: 98%;
background-color: #F8F8F8;
}
.inquiry_form .inquiry_mail {
margin: 15px 0px 0px 0px;
padding: 8px 1% 8px 1%;
border: none;
width: 98%;
background-color: #F8F8F8;
}
.inquiry_form .inquiry_title {
margin: 15px 0px 0px 0px;
padding: 8px 1% 8px 1%;
border: none ;
width: 98%;
background-color: #F8F8F8;
}
.inquiry_form .inquiry_txtarea {
margin: 15px 0px 0px 0px !important;
padding: 8px 1% 8px 1%;
border: none ;
width: 98%;
background-color: #F8F8F8;
}
.inquiry_form ::placeholder {
color: #9d805f;
}
/* IE */
.inquiry_form :-ms-input-placeholder {
color:#9d805f;
}
/* Edge */
.inquiry_form ::-ms-input-placeholder {
color: #9d805f;
}
.square_btn {
display: inline-block !important;
margin: 20px 0px 0px 0px !important;
padding: 8px 1% 8px 1% !important;
text-decoration: none !important;
color: #FFF   !important;
border: solid 1px #9d805f !important;
transition: .4s !important;
background-color: #9d805f !important;
width: 100% !important;
}
.square_btn:hover {
color: #9d805f !important;
border: solid 1px #9d805f !important;
background-color: #FFF !important;
text-decoration: none !important;
}
.screen-reader-response {
display: none;
}
.wpcf7-not-valid-tip, .wpcf7-response-output {
color: #C21F0A;
line-height: 3em;
}

/* product
================================================ */
.widget-area {
width: 980px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
#product_data {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow: hidden;
width: 980px;
}
#product_data p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#product_left {
width: 500px;
margin: 50px 0px 50px 40px;
padding: 0px 0px 0px 0px;
float: left;
}
#product_left h3 {
font-size: 1.125em;
}
#product_left hr {
width: 70px;
margin: 40px 0px 40px 0px;
padding: 0px 0px 0px 0px;
border: 0 none; 
height: 1px; 
color: #9d805f;
background-color: #9d805f;
} 
#product_right {
width: 290px;
margin: 50px 40px 50px 0px;
padding: 0px 0px 0px 0px;
float: right;
}
#product_header {
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#product_title {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.75em;
}
#product_code {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #999;
font-size: 0.875em;
}
#product_description {
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}
#product_etc {
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}
#payment_title {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.25em;
color: #b8001b;
}
#payment_txt {
margin: 0px 0px 45px 0px;
padding: 0px 0px 0px 0px;
}
#gift_title {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.25em;
color: #9d805f;
}
#gift_txt {
margin: 0px 0px 45px 0px;
padding: 0px 0px 0px 0px;
}
#service_title {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.25em;
color: #9d805f;
}
#service_txt {
margin: 0px 0px 45px 0px;
padding: 0px 0px 0px 0px;
}
#product_cart {
margin: 50px 0px 50px 0px;
padding: 22px 0px 10px 0px;
border-top: 1px solid #9d805f;
border-bottom: 1px solid #9d805f;
}
#shopping_info {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
text-align: right;
border-bottom: 1px solid #9d805f;
}
.shopify {
margin: 0px 0px 0px 0px;
padding: 15px 0px 35px 0px;
border-bottom: 1px solid #9d805f;
text-align: center;
}
.shopify p {
margin: 15px 10px 0px 10px !important;
line-height: 1.4em;
}
.shopify_select_p {
padding: 0px 0px 20px 0px !important;
}
.shopify-buy-frame {
margin: 0px auto 0px auto !important;
}

/* どこでもカラーミー
================================================ */
.cartjs_product_table table {
width: 100% !important; 
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
.cartjs_box div.cartjs_cart_in input {
width: 290px !important;
margin: 25px auto 0px auto;
background: none;
display: block;
padding: 11px 0px 9px 0px;
text-align: center;
border: none;
background: #997D60 !important;
color: #ffffff;
font-size: 1.125em !important;
letter-spacing: 1px;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
text-decoration: none;
line-height: 1 !important;
}
.cartjs_box select{
outline: none !important;
text-indent: 0.01px !important;
text-overflow: '' !important;
vertical-align: middle !important;
font-size: 0.75em !important;
color: inherit !important;
-webkit-appearance: button !important;
-moz-appearance: button !important;
appearance: button !important;
margin: 0px 0px 0px 0px !important;
padding: 0px 15px 0px 15px !important;
border: 1px solid #ccc !important;
width: 100% !important;
height: 45px !important;
line-height: 1.1em !important;
background-position: right 17px center !important;
background-repeat: no-repeat !important;
background-image: url(../img/select_arrow.png) !important;
}
.cartjs_box select option{
background-color: #fff !important;
color: #333 !important;
border: 1px solid #ccc !important;
}
.cartjs_box select::-ms-expand {
display: none !important;
}
.cartjs_box select:-moz-focusring { 
color: transparent !important;
text-shadow: 0 0 0 #828c9a !important;
}
.cartjs_sales_price th {
padding: 0px 10px 10px 0px;
white-space: nowrap !important;
}
.cartjs_sales_price td {
font-weight: normal !important;
}

/* footer
================================================ */
footer {
width: 980px;
margin: 200px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
font-size: 14px;
line-height: 1em;
}
#footer_logo a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 86px;
height: 176px;
background-image: url(/wp-content/themes/kaikado/common/template_img/kaikado_logo.svg);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#footer_navigation01 {
margin: 0px 0px 0px 120px;
padding: 0px 0px 0px 0px;
}
#footer_navigation01 li {
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
}
#footer_navigation01 li ul{
margin: 16px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
#footer_navigation02 {
margin: 0px 0px 0px 118px;
padding: 0px 0px 0px 0px;
}
#footer_navigation02 li {
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
}
#footer_navigation03 {
margin: 0px 0px 0px 83px;
padding: 0px 0px 0px 0px;
}
#footer_navigation03 li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#float_right {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
}
#copyright {
width: 980px;
margin: 116px auto 30px auto;
padding: 0px 0px 0px 0px;
text-align: center;
}
/*-------------------------------------------------------------------------------------
Tablet , Smart Phone
-------------------------------------------------------------------------------------*/
@media screen and (max-width:768px) {

/* jquery.fade
================================================ */
.fadein {
opacity: 0;
transform : translate(0, 50px);
transition : all 700ms;
}

.fadein.scrollin{
opacity: 1;
transform: translate(0, 0);
}

/* class_mobile
================================================ */
html, body {
font-size: 1em;
font-weight: 200;
min-width: 320px;
}
h1 {
font-size: 1.625em;
}
h2 {
font-size: 1.625em;
}
h3 {
font-size: 1.25em;
}
h4 {
font-size: 1.125em;
}
h5 {
font-size: 1.125em;
}
h6 {
font-size: 1em;
}
strong {
font-weight: bolder;
}
.br-sp {
display: inline;
}
.br-pc {
display: none;
}

/* top_mobile
================================================ */
body#top {
background-color: #DEC4A6;
min-height: 950px;
}
#top_box {
margin: 0px auto 0px auto;
padding: 30px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 244px;
}
#top_log_jp a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 244px;
height: 398px;
background-image: url(/wp-content/themes/kaikado/common/top_img/top_img01.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
}
#top_logo_en a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 244px;
height: 398px;
background-image: url(/wp-content/themes/kaikado/common/top_img/top_img02.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
}
#top_copyright {
margin: 50px auto 30px auto;
padding: 0px 0px 0px 0px;
text-align: center;
}
/* header_mobile
================================================ */
header {
width: 100%;
margin: 20px auto 15px auto;
padding: 0px 0px 0px 0px;
}
#header_logo a {
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
width: 65px;
height: 133px;
background-image: url(/wp-content/themes/kaikado/common/template_img/kaikado_logo.svg);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#cart a {
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
width: 29px;
height: 31px;
background-image: url(/wp-content/themes/kaikado/common/template_img/cart.svg);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
right: 90px;
top: 20px;
}

/* top_header_mobile
================================================ */
#top_header {
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
background-color: #F6DFE0;
}
#top_header_logo {
width: 100%;
height: 100vh;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(/wp-content/themes/kaikado/common/template_img/top_index_img.jpg) center center / cover no-repeat;
text-indent: -9999px;
}

/* site-navigation
================================================ */
#site-navigation {
display: none;
}

/*drawer_mobile
================================================ */
.drawer-container {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
width: 100%;
}
#drawer_logo a {
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
width: 50px;
height: 102px;
background-image: url(/wp-content/themes/kaikado/common/template_img/kaikado_logo.svg);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#drawer_navigation {
margin: 0px auto 220px auto;
padding: 0px 0px 0px 0px;
}
#drawer_navigation01 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 15px;
line-height: 2.15em;
}
#drawer_navigation01 li ul{
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
line-height: 2.0em;
}
#drawer_navigation02 {
margin: 20px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
line-height: 1.2em;
}
#drawer_navigation02 li {
margin: 0px 0px 0.8em 0px;
padding: 0px 0px 0px 0px;
}
#drawer_navigation03 {
margin: 60px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#drawer_sns_icon, #footer_sns_icon {
margin: 35px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 150px;
display: flex;
justify-content: space-between;
}
#logo01 a, #footer_logo01 a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 135px;
height: 16px;
background-image: url(/wp-content/themes/kaikado/common/template_img/kafe_logo.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#logo02 a, #footer_logo02 a {
margin: 33px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 135px;
height: 15px;
background-image: url(/wp-content/themes/kaikado/common/template_img/KaikadoRoastery_logo.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#logo03 a, #footer_logo03 a {
margin: 19px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 128px;
height: 43px;
background-image: url(/wp-content/themes/kaikado/common/template_img/goon_logo.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}

/* main_mobile
================================================ */
main {
width: 100%;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
.entry-title {
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
}

/* top_contents_mobile
================================================ */
#notice {
margin: 70px auto 0px auto;
padding: 35px 0px 35px 0px;
width: 88%;
border-top: solid 1px #4d4d4d;
border-bottom: solid 1px #4d4d4d;
text-align: left;
}
#notice hr {
margin: 35px auto 35px auto;
padding: 0px 0px 0px 0px;
border: 0 none; 
height: 1px; 
color: #4d4d4d;
background-color: #4d4d4d;
}
#notice h3{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#notice p{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
}
#introduction_news{
margin: 65px auto 17px auto;
padding: 0px 0px 0px 0px;
width: 88%;
display: block;
}
#introduction_news ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#introduction_news li{
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
display: block;
}
#introduction_news h3{
margin: 0px 0px 30px 0px;
width: 100%;
}
#introduction_news h5{
margin: 0px 0px 0px 0px;
width: 100%;
font-size: 14px;
color: #999999;
}
#introduction_news h4{
width: 100%;
}
#top_introduction {
width: 88%;
margin: 70px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
}
#top_introduction h2 {
font-size: 1.25em;
margin: 0px auto 55px auto;
padding: 0px 0px 0px 0px;
}
#top_introduction p {
line-height: 2.2em;
font-size: medium;
}
#top_introduction2 {
width: 88%;
margin: 70px auto 0px auto;
padding: 0px 0px 60px 0px;
text-align: center;
}
#top_introduction2 h2 {
font-size: 1.25em;
margin: 0px auto 55px auto;
padding: 0px 0px 0px 0px;
}
#top_introduction2 p {
line-height: 2.2em;
font-size: medium;
}
.contents_button a{
margin: 50px auto 50px auto;
padding: 10px 0px 10px 0px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #9d805f;
border: solid 1px #9d805f;
transition: .4s;
width: 210px;
font-size: 1.125em;
line-height: normal;
text-align: center;
}
#top_product_box {
text-align: center;
}
#top_product {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
font-size: 1.125em;
line-height: 3em;
text-align: center;
}
#top_product img {
width: 100%;
display: block;
}
#top_product img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
#top_product01, #top_product02, #top_product03{
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
}
#top_product_botom {
width: 100%;
margin: 60px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
font-size: 1.125em;
line-height: 2em;
text-align: center;
}
#top_product_botom img {
width: 100%;
display: block;
}
#top_product_botom img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
#top_product04, #top_product07, #top_product10{
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
width: 88%;
}
#top_product05, #top_product08, #top_product11 {
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
width: 88%;
}
#top_product06, #top_product09, #top_product12 {
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
width: 88%;
}
#top_info {
width: 100%;
margin: 80px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
line-height: 1.5em;
}
#top_info h3 {
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
font-size: 1.5em;
text-align: center;	
}
#top_info2 {
width: 100%;
margin: 80px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
line-height: 1.5em;
}
#top_info2 h3 {
margin: 0px auto 30px auto;
padding: 0px 0px 0px 0px;
font-size: 1.5em;
text-align: center;	
}
#top_news, #instagram, #top_news_en {
margin: 0px auto 60px auto;
padding: 0px 0px 0px 0px;
width: 88%;
}
#top_blog, #facebook, #facebook_en {
margin: 0px auto 60px auto;
padding: 0px 0px 0px 0px;
width: 88%;
}
#facebook, #facebook_en {
text-align: center;	
}
#top_news ul {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-height: 120px;
}
#top_news li {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#top_news_en ul {
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-height: 120px;
}
#top_news_en li {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#news_contents {
margin: 25px auto 100px auto;
padding: 0px 0px 0px 0px;
width:100%;
}
#news_contents li {
margin: 0px 0px 0px 0px;
padding: 40px 0px 40px 0px;
}
#top_news h5  {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
color: #999;
text-align: left;
}
#top_news h4 {
font-size: 1.125em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#top_news_en h5  {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
color: #999;
text-align: left;
}
#top_news_en h4 {
font-size: 1.125em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
#top_blog li {
margin: 0px 0px 60px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}
.top_blog_img {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
float: none;
text-align: center;
}
.top_blog_title {
margin: 30px auto 0px auto;
padding: 0px 0px 0px 0px;
font-size: 1.125em;
min-height: 30px;
}
.top_blog_data {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
color: #9d805f;
}
.top_blog_txt {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.875em;
color: #999;
}
#news_banner {
margin: 0px 0px 0px 0px;
padding: 20px 20px 20px 100px;
border-top: 1px solid #9d805f;
border-bottom: 1px solid #9d805f;
font-size: 0.875em;
background-image: url(/wp-content/themes/kaikado/common/top_img/news_banner.jpg);
background-position: left center;
background-repeat: no-repeat;
text-align: left;
}
#news_banner h4 {
color: #9d805f;
}
#top_about {
margin: 100px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
font-size: 1.125em;
line-height: 3em;
text-align: center;
}
#top_about img {
width: 100%;
display: block;
}
#top_about img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition-duration: 0.4s;
}
#top_history, #top_explanation{
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
}
#top_calendar {
width: 100%;
margin: 0px auto 60px auto;
padding: 0px 0px 0px 0px;
}
.top_calendar_box {
margin: 25px auto 0px auto;
padding: 0px 0px 0px 0px;
}
.top_calendar_img{
width: 100%;
}

/*betsuzukuri_mobile
================================================ */
#betsuzukuri {
margin: 60px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
max-width: 980px;
}
#betsuzukuri_img {
display: flex;
flex-wrap: wrap;
}
#betsuzukuri_img img {
margin: 0px 0px 10px 0px;
width: 100%;
height: 100%;
display: block;
}
#betsuzukuri h1 {
margin: 60px auto 55px auto !important;
}
#betsuzukuri p {
line-height: 2.2em !important;
}
#betsuzukuri_banner a {
margin: 60px auto 60px auto;
padding: 0px 0px 0px 0px;
width: 88%;
background-image: url(/wp-content/themes/kaikado/common/betsuzukuri_img/betsuzukuri_banner_sp.png);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: contain;
}
.swiper-container .swiper-slide img {
max-width: 100% !important;
width: 100vw !important;
}
.swiper-pc {
display: none;
}
.swiper-sp {
display: inline;
}
.swiper-container h1 {
position: absolute;
top: 10%;
left: 15%;
transform: translate(-10%, -15%);
-webkit-transform: translate(-10%, -15%);
-ms-transform: translate(-10%, -15%);
width: 158px;
height: 225px;
background-image: url(/wp-content/themes/kaikado/common/betsuzukuri_img/betsudukuri_logo.svg);
text-indent: -9999px;
z-index: 9999;
background-repeat: no-repeat;
}

/*recruit_mobile
================================================ */
#recruit {
margin: 60px auto 0px auto;
padding: 0px 0px 0px 0px;
text-align: center;
max-width: 980px;
}
.recruit_img {
display: flex;
flex-wrap: wrap;
}
.recruit_img img {
margin: 0px 0px 10px 0px;
width: 100%;
height: 100%;
display: block;
}
#recruit_header {
width: 100%;
height: 0;
margin: 30px 0px 0px 0px;
padding-top: calc(1298 / 2560 * 150%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/recruit_img/header.png) center center / cover no-repeat;
text-indent: -9999px;
}
#recruit h1 {
margin: 60px auto 55px auto !important;
}
#recruiti p {
line-height: 2.2em !important;
}
.recruit_button {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
max-width: 980px;
}
.recruit_button a{
margin: 10px 0px 0px 20px;
font-size: 1em;
}

/* contents_mobile
================================================ */
#contents {
margin: 35px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 88%;
}
#contents h1 {
margin: 0px 0px 35px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
#contents hr {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 40px;
border-top: 1px solid #9d805f;
border-right: none;
border-bottom: none;
border-left-style: none;
}
#contents p {
margin: 35px 0px 35px 0px;
padding: 0px 0px 0px 0px;
}

/* product_list_mobile
================================================ */
#product_list {
width: 88%;
margin: 35px auto 10px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 1em;
text-align: center;
}
.product_list_img {
margin: 0px 0px 25px 0px;
padding: 0px 0px 0px 0px;
width: 48%;
}
.product_list_img img{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
display: block;
}

/* history_mobile
================================================ */
#history_header {
width: 100%;
height: 0;
margin: 30px 0px 0px 0px;
padding-top: calc(1298 / 2560 * 150%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/history_img/history_img01.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#history_contents {
width: 88%;
margin: 50px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-flow: row wrap;
}
#history_photo{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
#history_photo img{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
#history_txt{
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
#history_txt p {
margin: 0px 0px 40px 0px;
padding: 0px 0px 0px 0px;
}

/* explanation_mobile
================================================ */
#explanation_contents {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#explanation_img_box {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: flex;
flex-flow: row wrap;
}
#explanation_img01 {
width: 100%;
height: 0;
margin: 30px 0px 0px 0px;
padding-top: calc(1298 / 2560 * 150%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img01.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_txt01 {
width:80%;
margin: 70px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#explanation_txt01 h2 {
margin: 0px auto 10px auto;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 1.125em;
}
#explanation_txt01 p {
line-height: 2.2em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#explanation_txt02 {
width:80%;
margin: 40px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#explanation_txt02 h3 {
margin: 0px auto 20px auto;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 1.125em;
}
#explanation_txt02 p {
line-height: 2.2em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#explanation_img02 {
width: 100%;
height: 0;
margin: 70px 0px 650px 0px;
padding-top: calc(1300 / 2560 * 150%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url("/wp-content/themes/kaikado/common/explanation_img/explanation_img02.jpg") center center / cover no-repeat;
z-index: 1;
position: static;
overflow-x: visible;
}
#explanation_img02 h3{
margin: 60px auto 20px auto;
padding: 0px 0px 0px 0px;
z-index: 2;
position: static;
top: auto;
left: auto;
font-size: 1.125em;
width: 88%;
}
#explanation_img02 p{
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
z-index: 2;
position: static;
top: auto;
left: auto;
width: 88%;
}
#explanation_img03 {
width: 100%;
margin: 65px auto 0px auto;
height: 0;
padding-top: calc(590 / 1167 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img03.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img03_en {
width: 100%;
margin: 65px auto 0px auto;
height: 0;
padding-top: calc(590 / 1167 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img03_en.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img04 {
width: 100%;
margin: 50px 0px 0px 0px;
height: 0;
padding-top: calc(1074 / 1167 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img04.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img05 {
width: 100%;
margin: 0px 0px 0px 0px;
height: 0;
padding-top: calc(1074 / 1167 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img05.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img06 {
width: 100%;
margin: 40px auto 0px auto;
height: 0;
padding-top: calc(590 / 1167 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img06.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img07 {
width: 88%;
margin: 55px auto 0px auto;
height: 0;
padding-top: calc(590 / 1167 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(/wp-content/themes/kaikado/common/explanation_img/explanation_img07.jpg) center center / cover no-repeat;
text-indent: -9999px;
}
#explanation_img08 {
width: 100%;
height: 0;
margin: 70px 0px 400px 0px;
padding-top: calc(1300 / 2560 * 150%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url("/wp-content/themes/kaikado/common/explanation_img/explanation_img08.jpg") center center / cover no-repeat;
z-index: 1;
position: relative;
}
#explanation_img08 h3{
margin: 40px auto 0px auto;
padding: 0px 0px 0px 0px;
z-index: 2;
position: static;
top: auto;
left: auto;
font-size: 1.125em;
width: 88%;
}
#explanation_img08 p{
margin: 20px auto 0px auto;
padding: 0px 0px 0px 0px;
z-index: 2;
position: static;
top: auto;
left: auto;
width: 88%;
}
#explanation_img08_en {
width: 100%;
height: 0;
margin: 70px 0px 600px 0px;
padding-top: calc(1300 / 2560 * 150%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url("/wp-content/themes/kaikado/common/explanation_img/explanation_img08.jpg") center center / cover no-repeat;
z-index: 1;
position: relative;
}
#explanation_img08_en h3{
margin: 40px auto 0px auto;
padding: 0px 0px 0px 0px;
z-index: 2;
position: static;
top: auto;
left: auto;
font-size: 1.125em;
width: 88%;
}
#explanation_img08_en p{
margin: 20px auto 0px auto;
padding: 0px 0px 0px 0px;
z-index: 2;
position: static;
top: auto;
left: auto;
width: 88%;
}

/* information
================================================ */
#information_contents {
margin: 35px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#information_contents h3 {
margin: 0px 0px 25px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.25em;
}
#information_contents h4 {
margin: 40px 0px 35px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.5em;
color: #9d805f;
text-align: center;
}
#information_contents h5 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.15em;
text-indent: 0px;
}
#information_contents h6 {
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.125em;
text-indent: 0px;
}
#information_contents p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#info-navigation {
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
color: #333;
text-align: center;
}
#info-navigation li {
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
display: inline-block;
}
#info-navigation a:link {
color: #333;
text-decoration: none;
}
#info-navigation a:visited {
color: #333;
text-decoration: none;
}
#info-navigation a:hover {
color: #9d805f;
text-decoration: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
transition-duration: 0.4s;
}
#info-navigation a:active {
color: #333;
text-decoration: none;
}
#information_shop {
margin: 80px auto 0px auto;
padding: 0px 0px 0px 0px;
width:100%;
}
#information_shop img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
.information_txt {
margin: 0px auto 40px auto;
padding: 0px 0px 0px 0px;
letter-spacing: normal;
display: flex;
flex-flow: row wrap;
}
.information_txt_left {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
.information_txt_right {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
.information_box {
margin: 65px auto 65px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-flow: row wrap;
}
.information_left {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
.information_right {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
.information_right ul.disc {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-position: inside;
list-style-type: disc;
}
.information_button_box {
margin: 25px auto 0px auto;
padding: 0px 0px 0px 0px;
display: flex;
flex-flow: row wrap;
}
.information_button a{
margin: 0px auto 0px auto;
padding: 10px 0px 10px 0px;
display: block;
vertical-align: middle;
text-decoration: none;
color: #9d805f;
border: solid 1px #9d805f;
transition: .4s;
width: 250px;
font-size: 1.125em;
line-height: normal;
text-align: center;
}
.information_button a:hover {
color: #FFF;
background-color: #9d805f;
border: solid 1px #9d805f;
text-decoration: none;
}
table#delivery_table {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
#delivery_table th {
padding: 10px 10px 10px 10px;
background-color: #FFEAD1;
text-align: left;
}
#delivery_table td{
padding: 10px 10px 10px 10px;
}
#wrapping_img img{
margin: 30px 0px 30px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}

/* google maps レスポンシブ対応css*/
.ggmap {
margin: 0px 0px 65px 0px;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* privacy_mobile
================================================ */
#privacy_txt{
margin: 50px auto 0px auto;
padding: 0px 0px 0px 0px;
letter-spacing: normal;
display: flex;
flex-flow: row wrap;
}
#privacy_txt h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
font-size: 1.17em;
}
#privacy_txt p {
margin: 0px 0px 35px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}

/*english_txt_mobile
================================================ */
#english_txt{
margin: 50px auto 0px auto;
padding: 0px 0px 0px 0px;
letter-spacing: normal;
}
#english_txt h3 {
margin: 35px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1em;
font-weight: bold;
}
#english_txt p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #808080;
}

/* inquiry_mobile
================================================ */
.inquiry_form {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
.inquiry_form p{
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100% !important;
}
.inquiry_form .inquiry_name {
margin: 15px 0px 0px 0px;
padding: 8px 1% 8px 1%;
border: none ;
width: 98%;
background-color: #F8F8F8;
}
.inquiry_form .inquiry_mail {
margin: 15px 0px 0px 0px;
padding: 8px 1% 8px 1%;
border: none ;
width: 98%;
background-color: #F8F8F8;
}
.inquiry_form .inquiry_title {
margin: 15px 0px 0px 0px;
padding: 8px 1% 8px 1%;
border: none ;
width: 98%;
background-color: #F8F8F8;
}
.inquiry_form .inquiry_txtarea {
margin: 0px 0px 0px 0px;
padding: 8px 1% 8px 1%;
border: none ;
width: 98%;
background-color: #F8F8F8;
}

/* product_mobile
================================================ */
#product_data {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
width: 100%;	
}
#product_left {
width: 88%;
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
float: none;
}
#product_left h3 {
font-size: 1.125em;
}
#product_left hr {
width: 50px;
margin: 27px 0px 27px 0px;
padding: 0px 0px 0px 0px;
border: 0 none; 
height: 1px; 
color: #9d805f;
background-color: #9d805f;
}
#product_right {
width: 88%;
margin: 50px auto 50px auto;
padding: 0px 0px 0px 0px;
float: none;
}
#product_header {
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#product_title {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.625em;
}
#product_code {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
color: #999;
}
#product_description {
margin: 0px 0px 25px 0px;
padding: 0px 0px 0px 0px;
}
#product_etc {
margin: 0px 0px 50px 0px;
padding: 0px 0px 0px 0px;
}
#payment_title {
margin: 0px 0px 13px 0px;
padding: 0px 0px 0px 0px;
font-size: 1em;
}
#payment_txt {
margin: 0px 0px 33px 0px;
padding: 0px 0px 0px 0px;
}
#gift_title {
margin: 0px 0px 13px 0px;
padding: 0px 0px 0px 0px;
font-size: 1em;
}
#gift_txt {
margin: 0px 0px 33px 0px;
padding: 0px 0px 0px 0px;
}
#service_title {
margin: 0px 0px 13px 0px;
padding: 0px 0px 0px 0px;
font-size: 1em;
}
#service_txt {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#product_cart {
margin: 40px 0px 40px 0px;
padding: 0px 0px 0px 0px;
}

/* どこでもカラーミー_mobile
================================================ */
.cartjs_box {
margin: 35px 0px 35px 0px !important;
padding: 0px 0px 0px 0px !important;
border-top:1px solid #FFF !important;
border-bottom:1px solid #FFF !important;
font-weight: normal !important;
}
.cartjs_box th {
background: #FFFFFF !important;
font-size: 1em;
}
.cartjs_product_price {
color: #333 !important;
font-size: 1.125em;
}
.cartjs_btn {
width: 100% !important;
margin: 25px auto 0px !important;
background: none !important;
display: block !important;
padding: 15px 0px 15px 0px !important;
text-align: center !important;
border:1px solid #997D60 !important;
background: #997D60 !important;
color: #ffffff !important;
font-size: 1.125em !important;
letter-spacing: 1px !important;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
text-decoration: none !important;
line-height: 1 !important;
-webkit-box-shadow: 0px 0px !important;
box-shadow: 0px 0px !important;
background-color: #997D60 !important;
background-image: none !important;
text-shadow: 0px 0px !important;
}
.cartjs_box select{
outline: none !important;
text-indent: 0.01px !important;
text-overflow: '' !important;
vertical-align: middle !important;
font-size: 0.75em !important;
color: inherit !important;
-webkit-appearance: button !important;
-moz-appearance: button !important;
appearance: button !important;
margin: 0px 0px 0px 0px !important;
padding: 0px 15px 0px 15px !important;
border: 1px solid #ccc !important;
width: 100% !important;
height: 45px !important;
line-height: 1.1em !important;
background-position: right 17px center !important;
background-repeat: no-repeat !important;
background-image: url(../img/select_arrow.png) !important;
}
.cartjs_box select option{
background-color: #fff !important;
color: #333 !important;
border: 1px solid #ccc !important;
}
.cartjs_box select::-ms-expand {
display: none !important;
}
.cartjs_box select:-moz-focusring { 
color: transparent !important;
text-shadow: 0 0 0 #828c9a !important;
}
.cartjs_block {
margin: 0px 0px 0px 0px!important;
padding: 0px 0px 0px 0px!important;
}
.cartjs_sales_price th {
padding: 0px 10px 10px 0px;
white-space: nowrap !important;
}
.cartjs_sales_price td {
font-weight: normal !important;
}

/* footer_mobile
================================================ */
footer {
width: 320px;
margin: 60px auto 0px auto;;
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 1em;
}
#footer_logo {
width: 100%;
padding: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#footer_logo a {
margin: 0px auto 60px auto;
padding: 0px 0px 0px 0px;
width: 97px;
height: 196px;
background-image: url(/wp-content/themes/kaikado/common/template_img/kaikado_logo.svg);
text-indent: -9999px;
display: block;
background-repeat: no-repeat;
background-size: cover;
}
#footer_navigation01 {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#footer_navigation01 li {
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
}
#footer_navigation01 li ul{
margin: 16px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
#footer_navigation02 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#footer_navigation02 li {
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
}
#footer_navigation03 {
margin: 60px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}
#footer_navigation03 li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#float_right {
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
display: inline;
}
#copyright {
width: 100%;
margin: 20px auto 20px auto;
padding: 0px 0px 0px 0px;
text-align: center;
}
}