@charset "UTF-8";
  @import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
list-style: none;
}
body {
text-align: center;
font: 14px/1.231 arial, helvetica, clean, sans-serif;
FONT-FAMILY: "さくらぎ蛍雪", "Noto Sans Japanese", "メイリオ", "Meiryo", "ver-dana", "ヒラギノ角ゴProW3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "Sans-serif", "arial", "helvetica", "clean", "sans-serif";
color: #000;
line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
.fas {
padding-right: 0.2em;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input, select {
vertical-align: middle;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
min-height: 0;
}
a:link {
TEXT-DECORATION: none;
COLOR: #000;
font-size: 115%;
}
a:visited {
TEXT-DECORATION: none;
COLOR: #000;
}
a:active {
TEXT-DECORATION: none;
}
a:hover {
TEXT-DECORATION: none;
COLOR: #F00;
}
a:hover img {
transition: all .15s ease-in-out 0s;
opacity: 0.8;
}
.na {
color: #c00;
}
.small{
font-size:80%;
}
.bstrong{
font-size:115%;	
} .master-slider-parent{max-height:630px;overflow:hidden;} #page {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/bg_header_n.png) repeat-x top left;
}
.home #contents {
width: 100%;
min-height: 400px;
margin: 0 auto;
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/contents_bg.png) repeat;
background-position: left top;
margin-bottom:-15px;	
}
.second#contents {
width: 100%;
background-color: #fdfaf9;
padding-bottom:50px;
min-height:600px;
}
.post-password-form p{
display:block;
width:100%;
text-align:center;
font-size:130%;
line-height:2.5;
}
.header-top {
height: 116px;
}
.inner {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 92.1875%;
max-width: 1180px;
margin-right: auto;
margin-left: auto;
}
footer {
padding: 20px 0;
background: #2d2d2d;
position: relative;
}
.post h1 {
font-size: 38px;
font-weight: 400;
text-align: center;
position: relative;
}
.post h2 {
font-size: 22px;
line-height: 2.2rem;
font-weight: 400;
}
.second #main .post {
text-align: left;
line-height: 1.65;
}
#custom_html-3,#custom_html-4,#custom_html-5,#custom_html-7,#custom_html-8,#custom_html-9{
width:100%;
} @media only screen and (max-width: 1024px) {
#page {
background: none;
}
.header-top {
display: none;
}
}
@media screen and (max-width: 480px) {
#page {
background: none;
}
.header-top {
display: none;
} .master-slider-parent{height:200px;}
.master-slider-parent img{width:200px;height:300px; }	
.master-slider{height:200px;}
.master-slider img{}
.ms-container{height:200px;}
.ms-inner-controls-cont{height:200px;}
.ms-view{height:200px!important;}
.ms-slide{height:200px!important;}
.ms-slide-bgcont{height:200px!important;}
} #sitelogo, #up_side {
position: absolute;
box-sizing: border-box;
}
#sitelogo {
top: 16px;
left: 0px;
width: 224px;
}
#up_side {
top: 4px;
right: 0px;
width: 518px;
height: 107px;
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/kasugano_freedial2.png) no-repeat top right;
}
#menu-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
justify-content: space-between;
}
#menu-nav a {
display: block;
}
#menu-nav>li {
height: 58px;
line-height: 58px;
position: relative;
}
#menu-nav>li>a {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
font-weight: 400;
height: 58px;
line-height: 58px;
overflow: hidden;
text-align: center;
padding: 0 34px 0 19px;
color: #fff; box-sizing: border-box;
}
#menu-nav>li>a::before, #menu-nav>li.marrow_nl a:before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px;
border-right: solid 2px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 20px;
transition: all .3s;
margin-top: 1px;
}
#menu-nav>li a:hover, #menu-nav>li.is-active a {
z-index: 2;
color: #fff;
height:57px;
margin-top:1px;
box-sizing: border-box;
background:#853333;
}
#menu-nav>li.current-menu-parent,#menu-nav>li.current-menu-item{
height:57px;
margin-top:1px;
box-sizing: border-box;
background:#853333;
}
#menu-nav>li.current_page_item a {
z-index: 2; box-sizing: border-box;
} #menu-nav .menu-item-has-children:hover > .sub-menu { opacity: 1;
visibility: visible;
z-index: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#menu-nav .sub-menu { background: #f7f7f7;
line-height: 1.31;
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 100%;
z-index: 1;
-webkit-transform: translate3d(0, -5px, 0);
-moz-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
#menu-nav .sub-menu a {
min-height: 58px;
line-height: 58px;
padding: 0px 20px;
width: 210px;
text-align: left;
}
#menu-nav .sub-menu .current-menu-item > a {
background: #d68585;
color: #fff;
}
#menu-nav .sub-menu a:hover {
background: #d68585;
color: #fff;
}
#menu-nav .sub-menu .menu-item-has-children > a {
position: relative;
}
#menu-nav .sub-menu .menu-item-has-children > a::after {
position: absolute;
right: 16px;
transition: none;
}
#menu-nav .sub-menu a {
position: relative;
}
#menu-nav .sub-menu a::before {
right: 1.3em;
}  .menu-mobile {
display: none;
padding: 20px;
}
.menu .menu-megamenu .sub-menu {
display: none;
}
.megamenu li{ height: 58px;
line-height: 58px;
position: relative;	
}
.megamenu {
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 174px;
visibility: hidden;
width: 100%;
z-index: 10;
-webkit-transform: translate3d(0, -5px, 0);
-moz-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
-webkit-transition-property: -webkit-transform, transform, opacity, visibility;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-property: -moz-transform, transform, opacity, visibility;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease;
-ms-transition-property: -ms-transform, transform, opacity, visibility;
-ms-transition-duration: 0.3s;
-ms-transition-timing-function: ease;
transition-property: transform, opacity, visibility;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.admin-bar .megamenu {top: 206px;}
.megamenu a {
color: #000;
display: block;
line-height:58px;
text-align: left;
height:58px;
padding: 0 34px 0 19px;
}
.megamenu a::before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px;
border-right: solid 2px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top:26px;
right: 20px; transition: all .3s;
}
.megamenu a:hover { color: #660000;
transition: all .3s;
}
.megamenu.is-active {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.megamenu-bg {
background: #ddd;
padding: 0 0 0 0;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
height:60px;
}
.megamenu ul {
padding-bottom: 0px;
}
.separation {
padding: 10px 10px 10px 10px;
box-sizing: border-box;
vertical-align: top;
}
.search-c {
width: 100%;
}
.one-c {
width: 100%;
}
.two-c {
width: 365px;
margin-bottom: 20px;
}
.three-c {
width: 30%;
margin-bottom: -10px;
}
.megamenu ul > li {
position: relative;
width: 94%;
margin: 0 2% 0 2%;
}
.megamenu ul > li > a {
display: flex;
font-weight: 400;
height: 32px;
line-height: 32px;
overflow: hidden;
padding: 0 34px 0 19px;
}
.megamenu .last-menu {
margin-right: 67%;
margin-bottom: 20px;
}
.megamenu .last-menu2 {
margin-right: 34%;
margin-bottom: 20px;
}
.megamenu .last-menu3 {
margin-right: 64px;
margin-left: 64px;
margin-bottom: 20px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.megamenu .last-menu3 li {
width: 45%;
float: left;
}
.megamenu .search-c {
margin-right: 64px;
margin-left: 64px;
margin-bottom: 20px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.megamenu .last-menu4 {
margin-right: 64px;
margin-left: 64px;
margin-bottom: 20px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.megamenu .last-menu4 li {
width: 150px;
float: left;
}
#mega-keysearch {
width: 33%;
text-align: center;
}
.megamenu ul > li > a:hover {
transition: all .3s;
}
.megamenu ul > li > a::after {
background: #000;
content: '';
display: block;
height: 0;
position: absolute;
bottom: -1.4px;
left: -1px;
right: 0;
z-index: 2;
-webkit-transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-ms-transition: height 0.3s ease;
transition: height 0.3s ease;
}
.megamenu ul > li > a::before {
top: 50%;
right: 1.3em; } .megamenu h3 {
display: block;
width: 100%;
text-align: left;
margin: 0.3em 0;
padding: 20px 10px;
font-size: 120%;
border-bottom: 2px solid #7c0102;
box-sizing: border-box;
margin-bottom: 20px;
} @media screen and (max-width: 1024px) {
#menu-nav>li {
display: none;
}
.logo {
width: 160px;
height: 52px;
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/logo_2.png) center 0 no-repeat;
background-size: 160px 52px;
}
} .header-ham {
display: none;
}
.content {
padding: 20px;
} @media screen and (max-width: 1024px) {
.header-ham {
display: flex;
justify-content: space-between;
background: #600;
padding: 20px 20px 20px 0;
}
.logo {
font-size: 20px;
}
.nav-button {
display: none;
}
.nav a {
color: #000;
text-decoration: none;
font-size: 14px;
color: #448aff;
}
.nav li {
display: inline-block;
margin: 0 10px;
}
.nav-wrap.open {
display: block;
}
.nav-wrap.close {
display: none;
}
.nav-button {
display: block;
cursor: pointer;
}
.nav-wrap {
position: fixed;
left: 0;
top: 0;
display: none;
z-index: 10;
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
}
.nav-wrap .nav {
height: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.nav-wrap ul.nav li {
display: block;
margin: 2em 0;
}
.nav-wrap .nav li a {
color: #fff;
font-size: 18px;
}
.nav-button, .nav-button span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
}
.nav-button {
margin-top:5px;
z-index: 20;
position: relative;
width: 40px;
height: 36px;
}
.nav-button span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
border-radius: 4px;
}
.nav-button p {
position: absolute;
top: 40px;
color:#FFF;
font-size:90%;
}
.nav-button span:nth-of-type(1) {
top: 0;
}
.nav-button span:nth-of-type(2) {
top: 16px;
}
.nav-button span:nth-of-type(3) {
bottom: 0;
}
.nav-button.active span:nth-of-type(1) {
-webkit-transform: translateY(16px) rotate(-45deg);
transform: translateY(16px) rotate(-45deg);
}
.nav-button.active span:nth-of-type(2) {
opacity: 0;
}
.nav-button.active span:nth-of-type(3) {
-webkit-transform: translateY(-16px) rotate(45deg);
transform: translateY(-16px) rotate(45deg);
}
.nav-button.active p{
opacity: 0;
}
.nav ul{
display:inline-flex;
margin-top:0px;
width:100%;
justify-content:space-around;
}
.nav ul.nav-sub li{
display:inline-block;
margin:20px 0 0px 0;
}
.nav-top{
border:1px solid #fff;
padding:10px 0 0px 0;
box-sizing:border-box;
}
} #f_nav {
display: flex;
justify-content: space-between;
min-height: 130px;
}
#f_nav .widget {
width: 220px;
vertical-align: top;
text-align: left;
}
#footer_end {
border-top: 2px solid #495057;
}
#info_footer {
display: block;
float: left;
color: #aaaaaa;
padding: 15px 15px 12px 15px;
text-align: left;
line-height: 0.8;
font-size: 85%;
font-weight: 500;
z-index: 2;
}
#footer_inner {
display: block;
float: right;
color: #aaaaaa;
padding: 15px 15px 12px 15px;
text-align: right;
line-height: 1.6;
font-size: 85%;
font-weight: 400;
z-index: 2;
} .video-container-main {
position: relative;
width: 100%;
padding-bottom: 40.25%;
overflow: hidden;
background-color: #000;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.video-sidebar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 93px;
background: rgba(255, 255, 255, 0.3);
}
.video-container-main video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: auto;
margin: auto;
}
.boxmenu {
text-align: center;
display:flex;
justify-content:space-between;
padding-top: 20px; }
.boxmenu .box,.boxmenu .boxs_l,.boxmenu .boxs_r {
display: inline-block;
}
.boxmenu .box-content01_content {
text-align: left;
}
.boxs_l {
width: 200px;
height: auto;
margin-top:10px;
}
.boxs_r {
width: 80%;
　margin-top:20px;
text-align:left;
font-size: 120%;
}
.box { width: 33%;
height: auto; }
.box p {
text-align: center;
font-size: 150%;
color: #111;
margin-bottom:10px;
}
.boxmenu_w {
text-align: center;
display:flex;
justify-content:space-between;
padding-top: 20px; }
.box_w { width: 66%;
height: auto;
cursor: pointer;
text-align:left;
}
.box_w_sp{
padding-left:20px;
}
.boximg {
position: relative;
}
.boximg img {
width: 100%;
margin-bottom: 10px;
}
.box:hover p {
color: #900;
opacity: .9;
}
.boxmenu_n {
width:100%;	
}	
.boxmenu_n ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.boxmenu_n ul li { overflow: hidden;
position: relative;
text-align:center;
margin-bottom:20px;
}
.boxmenu_n .p-article_exp{display:none;} @media only screen and (min-width: 1280px) {
.boxmenu_n ul:nth-of-type(1) li img {
height:calc(24.6vw / 1.099 + 0px);
max-height:438px
}
.boxmenu_n>ul:nth-of-type(2) li .img {
height:calc(24.6vw / 1.099 + 0px);
max-height:438px
}
}
@media screen and (max-width: 480px) {
.boxmenu {
text-align: center;
display:block;
width:100%;
padding-top: 0px;
margin-bottom:0px;
}
.boxmenu img {
width:100%;
}
.boxmenu .box,.boxmenu .box_l,.boxmenu .box_r {
width:100%;
}
.boxs_l {
width: 100%;
height: auto;
margin:0 0 10px 0;
}
.boxs_r {
width: 100%;
　margin-top:20px;
text-align:left;
font-size: 120%;
}
.clearfix {
min-height: 0;
display:block;
}
} .page-id-7 #header_upper_type,.page-id-899 #header_upper_type,.page-id-913 #header_upper_type,.page-id-1313 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/kasugano_headbg.svg) center 0 no-repeat;
background-size: 460px 230px;
}
.page-id-9 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/kagirohi_headbg.svg) center 0 no-repeat;
background-size: 460px 230px;
}
.page-id-11 #header_upper_type,.page-id-640 #header_upper_type,.page-id-735 #header_upper_type,.page-id-737 #header_upper_type,.page-id-739 #header_upper_type,.page-id-741 #header_upper_type,.page-id-743 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/souvenir_headbg.svg) center 0 no-repeat;
background-size: 460px 230px;
}
.page-id-15 #header_upper_type,.page-id-1510 #header_upper_type,.page-id-1513 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/contact_headbg.svg) center 0 no-repeat;
background-size: 460px 230px;
}
.page-id-26 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/lunch_headbg.svg) center 0 no-repeat;
background-size: 460px 230px;
}
.page-id-263 #header_upper_type, .page-id-401 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/lunch_headbg.png) center 0 no-repeat;
background-size: 460px 230px;
}
.page-id-1855 #header_upper_type{
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/introduction_headbg.svg) center 0 no-repeat;
background-size: 600px 230px;
} .page-id-1217 #header_upper_type,.page-id-1219 #header_upper_type{
background: rgba(253,250,249, 0.5);
margin-bottom: 20px;
padding: 40px 0 0 0;
}
.p-page-header_upper {
position: relative;
height: 120px;
padding-top: 70px;
background-attachment: fixed;
background-color: #f6f6f6;
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
}
.p-page-header_title {
color: #a98307;
}
.p-page-header_title-with-padding {
padding-top: 5px;
}
.inner .catch_copy {
font-size: 240%;
margin: 20px 0;
}
.inner .catch_copy_usp {
font-size: 240%;
margin: 20px 0;
}
#custom_html-3 .catch_copy_usp {
font-size: 240%;
margin: 20px 0;
}
#custom_html-4 .catch_copy_usp {
font-size: 240%;
margin: 20px 0;
}
#custom_html-5 .catch_copy_usp {
font-size: 240%;
margin: 20px 0;
}
#custom_html-7 .catch_copy_usp {
font-size: 240%;
margin: 20px 0 0 0;
}
#custom_html-8 .catch_copy_usp {
font-size: 240%;
margin: 20px 0 0 0;
}
#custom_html-9 .catch_copy_usp {
font-size: 240%;
margin: 20px 0 0 0;
}
#custom_html-3 .main_headline,#custom_html-4 .main_headline,#custom_html-5 .main_headlinee,#custom_html-7 .main_headline,#custom_html-8 .main_headline,#custom_html-9 .main_headline{
display:none;
}
.title_back{
background:rgba(253,250,249, 0.5);
margin-bottom:20px;
padding:1px 0 20px 0;
}
.title_back_n{
background:rgba(253,250,249, 0.5);
margin-bottom:0px;
padding:1px 0 20px 0;
}
.icon {
display: inline-block;
fill: currentColor;
position: relative;
top: -0.0625em;
vertical-align: middle;
}
.mark {
margin: 10px 10px 0 0;
height: 1em;
width: 2em;
fill: #620F13;
}
.yar {
margin: 3px 0px 0px 0;
height: 2em;
width: 2em;
fill: #ffffff;
}
.inner .box_area {
clear: both;
overflow: hidden;
margin-top: 40px;
display: flex;
justify-content: space-between;
width: 100%;
}
.inner .wide_area {
clear: both;
overflow: hidden;
margin-top: 20px;
display: block;
width: 100%;
}
.inner .wide_area ul li{
font-size:18px;
margin:5px 0;
}
.inner .wide_area .stitle{
border:1px solid #f00;
padding:5px;
margin:5px 0 20px 0;
font-size:18px;
text-align:center;
}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.acclimit{
width:100%;
font-size:120%;
text-align:center;
}
.inner .box_area .l {
float: left;
}
.inner .box_area .r {
float: right;
}
.inner .box_area .t {
line-height: 1.8em;
margin-top: 1.5em;
font-size: 140%;
}
.inner .box_area .tn {
line-height: 1.8em;
font-size: 140%;
margin: 1.5em 0 1em 0;
}
.inner .box_area .wrp_text,.inner .box_area .wrp_text_l,.inner .box_area .wrp_text_r, .inner .box_area .wrp_text_menu_l, .inner .box_area .wrp_text_menu_r {
width: 490px;
display: inline-block;
}
.inner .box_area .wrp_bg {
border: 1px solid #eee;
box-sizing: border-box;
background: #fff;
}
.inner .twide {
line-height: 1.8em;
margin-top: 1.5em;
font-size: 140%;
}
.inner .stwide {
width:98%;
line-height: 1.8em;
font-size: 140%;
display:block;
margin:0 auto;
margin-bottom:30px;
}
.uspace{margin-bottom:30px;}
.inner .stwide .underline{
margin:0 0 20px 0;
border-bottom:2px solid #f00;
}
.wbg{ background-color: #ffffee;
background-image: url(https://www.transparenttextures.com/patterns/ecailles.png); }
.inner .info_mes {
line-height: 1.8em;
margin: 30px 0;
font-size: 120%;
text-align:left;
padding:20px 30px;
box-sizing:border-box;
}
.inner .info_mes_w {
line-height: 1.8em;
margin: 30px 0;
font-size: 120%;
text-align:left;
padding:20px 0px;
box-sizing:border-box;
}
.flexiblebox {
display: -webkit-flex;
display: flex;
-webkit-align-items: center; align-items: start; }
.sub_right_menu {
display: block;
text-align: right;
padding-right:10px;
font-size:75%;
}
.con_train{
display:flex;
align-items:center;
}
.box_area_left{
display:inline-block;
}
.box_area_right{
display:inline-block;
white-space: nowrap;
align-items:center;
height:50px;
}
.access_btn,.kform_btn {
border: 0;
padding: 0;
background: transparent;
}
.access_btn a {
color: #c1a936;
display: block;
text-align: center;
border: 3px solid #c1a936;
text-decoration: none;
padding: 10px 0;
}
.access_btn a:hover {
color: #fff;
background: #c1a936;
}
.kform_btn a {
color: #802a2a;
display: block;
text-align: center;
border: 3px solid #a18759;
text-decoration: none;
padding: 10px 0;
}
.kform_btn a:hover {
color: #fff;
background: #a18759;
}
.gform_btn a {
color: #fff;
display: block;
text-align: center;
text-decoration: none;
padding: 10px;
border: 3px solid #58382b;
text-decoration: none;
box-sizing: border-box;
background: #a18759;
}
.gform_btn a:hover {
color: #fff;
background: #58382b;
}
.certification_area {
margin-top:10px;
width:100%;
text-align:center;
}
.certification_btn {
display: block;
border: 0;
padding: 0;
background: transparent;
width:500px;
margin-left: auto;
}
.certification_btn a {
color: #c1a936;
display: block;
text-align: center;
border: 3px solid #c1a936;
text-decoration: none;
padding: 10px 0;
}
.certification_btn a:hover {
color: #fff;
background: #c1a936;
}
.box_season{
width:100%;
}
.box_season ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.box_season ul li {
width: 239px;
border: 1px solid #dddddd;
padding: 14px 14px 9px 14px;
overflow: hidden;
position: relative;
background: #ffffff;
margin-bottom:20px;
text-align:center;
}
.ic {
border-bottom: solid 1px;
border-left: solid 1px;
border-color: #B49D8E;
text-align: center;
}
.inner .box_area .wrp_img_l img,.inner .box_area .wrp_img_lm img ,.inner .box_area .wrp_img_r img{
width: 100%;
max-width: 650px;
height: auto;
}
.box_container{display:flex;margin-bottom:50px;justify-content: center; align-items: center;}
.box_container_sub{display:flex;margin-bottom:50px;}
.box_l{display:inline-flex;white-space:nowrap;font-size: 166%;border:1px solid #ccc;padding:20px 10px;}
.box_r{display:inline-flex;flex-grow:2;margin:0 0 0 20px;font-size: 120%;}
.box_l_photo{display:inline-flex;width:580px;}
.box_r_photo{display:inline-flex;}
.box_l_text{width:580px;margin:0 50px 0 0;}
.box_r_text{margin:0 0 0 50px;}
.box_l_text h4,.box_r_text h4{font-weight: normal;font-size: 166%;margin-bottom: 20px;width:540px;}
.text_sub{line-height: 2;font-size: 120%;}
.m-map{display:none;}
.mbmap{display:none;} @media screen and (max-width: 1280px) {
.inner .box_area {
margin-top: 20px;
}
.inner .box_area .wrp_text,.inner .box_area .wrp_text_l, .inner .box_area .wrp_text_menu_l {
margin-right: 20px;
}
.inner .box_area .wrp_text_r,.wrp_text_menu_r {
margin-left: 20px;
}
.inner .box_area .wrp_img img {
width: 100%;
max-width: 650px;
height: auto;
margin-bottom: 0px;
}
.inner .box_area .wrp_img_l img,.inner .box_area .wrp_img_lm img  {
width: 100%;
max-width: 650px;
height: auto;
}
.inner .box_area .wrp_img_r img {
width: 100%;
max-width: 650px;
height: auto;
}
.inner .box_area .t {
font-size: 120%;
margin-top: 0;
}
.inner .box_area .tn {
font-size: 120%;
margin-top: 20px;
}
.inner .box_area .wrp_bg { }
.inner .usp {
margin-top: 20px;
}
.inner .twide {
font-size: 120%;
margin-top: 1em;
}
.inner .catch_copy {
font-size: 240%;
margin: 0 0 20px 0;
}
.mark {
margin: 10px 5px 0 0;
height: 0.7em;
width: 1.5em;
fill: #620F13;
}
}
@media screen and (max-width: 1024px) {
.inner .catch_copy {
font-size: 190%;
margin: 0 0 20px 0;
}	
.inner .catch_copy_usp {
font-size: 190%;
margin: 20px 0;
}
.inner .box_area {
margin-bottom: 20px;
align-items: center;
}
.inner .box_area .wrp_img_l img {
width: 100%;
height:auto;
}
.inner .box_area .wrp_img_lm img {
width: 100%;
height:420px;
object-fit: cover;
}
.inner .box_area .wrp_img_r img {
width: 100%;
height:420px;
object-fit: cover;
}
.inner .box_area .wrp_bg {
margin-top:-4px;
height: 420px;
}
.boxmenu .boxs_r{
margin-left:20px;
}
.menu_select>li.current>a, .menu_select_u>li.current>a, .menu_select_k>li.current>a{
font-size:100%;		
}
.sub_right_menu {
text-align: right;
padding-right:10px;
line-height: 0.8;
}
}
@media screen and (max-width: 780px) {
.inner .part1 {
flex-wrap: wrap;
}
.inner .part2, .inner .part4, .inner .part6 {
flex-wrap: wrap;
}
.inner .part3, .inner .part5, .inner .part7 {
flex-wrap: wrap;
}
.inner .box_area{
display: flex;
flex-direction: column;
}
.order1 {
order: 1;
}
.order2 {
order: 2;
}
.inner .box_area .wrp_text,.inner .box_area .wrp_text_l,.inner .box_area .wrp_text_r   {
width: 100%;
margin-right: 0;
}
.inner .box_area .wrp_img_l,.inner .box_area .wrp_img_r,.inner .box_area .wrp_img_lm{
margin:0 auto;	
}
.inner .box_area .wrp_img_l img, .inner .box_area .wrp_img_lm img,.inner .box_area .wrp_img_r img {
width: 100%;
height:auto;
}
.inner .catch_copy {
font-size: 190%;
margin: 0 0 20px 0;
}
.inner .catch_copy_usp {
font-size: 200%;
margin: 0 0 20px 0;
}
.inner .catch_copy_dsp {
font-size: 160%;
margin: 20px 0 20px 0;
} .inner .box_area .wrp_text_menu_l,.inner .box_area .wrp_text_menu_r {
width:100%;
max-width:650px;
margin: 0 auto;
}
.inner .box_area .wrp_img {
width: 100%;
max-width:650px;
margin:0 auto;
display: block;
}
.inner .box_area .wrp_img img{
width: 100%;
}
.inner .box_area .t {
font-size: 120%;
margin-bottom: 50px;
}
.inner .twide {
margin-bottom: 2em;
}
.inner .box_area .wrp_bg {
height: auto;
}
}
@media screen and (max-width: 480px) { .page-id-7 #header_upper_type,.page-id-899 #header_upper_type,.page-id-913 #header_upper_type,.page-id-1313 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/kasugano_headbg.svg) center 0 no-repeat;
background-size: 100% auto;
position: relative;
}
.page-id-9 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/kagirohi_headbg.png) center 0 no-repeat;
background-size: 100% auto;
}
.page-id-11 #header_upper_type,.page-id-640 #header_upper_type,.page-id-735 #header_upper_type,.page-id-737 #header_upper_type,.page-id-739 #header_upper_type,.page-id-741 #header_upper_type,.page-id-743 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/souvenir_headbg.svg) center 0 no-repeat;
background-size: 100% auto;
}
.page-id-15 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/contact_headbg.svg) center 0 no-repeat;
background-size: 100% auto;
}
.page-id-26 #header_upper_type,.page-id-263 #header_upper_type,.page-id-401 #header_upper_type {
background: url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/lunch_headbg.svg) center 0 no-repeat;
background-size: 100% auto;
position: relative;
}
#header_upper_type h1 {
padding-top: 15%;
font-size: 32px;
}
.page-id-401 #header_upper_type h1{
padding-top: 15%;
font-size: 30px;  
}
.page-id-1855 #header_upper_type h1{
padding-top: 21%;
font-size: 30px;  
}
.p-page-header_upper {
}
.p-page-header_title {
position: absolute;
top: 0;
right: 0;
bottom: 0
left: 0;
margin: auto;
width: 100%;
height:auto;
}
.mark {
margin: 10px 5px 0 0;
height: 0.8em;
width: 1.7em;
fill: #620F13;
}
.map{display:none;}
.bmap{display:none;}
.m-map{display:block;}
.mbmap{display:block;margin-bottom:30px;}
.con_train{display:block;}
.box_area_right{margin-bottom:30px;}
.cap{
display:block;
margin-bottom:10px;
}
.inner .box_area .wrp_img_l,.inner .box_area .wrp_img_r{
margin:0;	
}
.inner .box_area .wrp_text,.inner .box_area .wrp_text_l,.inner .box_area .wrp_text_r   {
width: 100%;
margin: 0;
} .tab-area {
display: flex;
justify-content: space-around;
background-color: #ddd;
cursor: pointer;
flex-wrap:wrap;
}
.tab-area .tab {
width: 33.3%;
height: 50px;
line-height: 50px;
text-align: center;
color: #333; border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-top: 6px solid #ddd;
box-sizing:border-box;
}
.tab-area .tab.active {
border-top: 6px solid #600;	  
background-color: #fff;
color: #222e3e; }
.content-area h3,.content-area-road h3{ font-size: 150%;}
.content-area {
text-align: left;
margin-bottom:20px;
}
.content-area .content {
display: none;
}
.content-area .content.show {
margin-top: 0px;
display: block;
background:#fff; border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}
.point{
font-size:120%;
width:100%;
border:1px solid #c1a936;
padding:5px 10px;
box-sizing:border-box;
}
.rail,.prail,.taxi,.road{
font-size:120%;
width:100%;
height:40px;
line-height:40px;
box-sizing:border-box;
text-indent:4em;
}
.rail{background:url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/rail.png) no-repeat left;background-size: 30px 40px;background-position:10% 0;}
.prail{background:url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/prail.png) no-repeat left;background-size: 30px 40px;background-position:10% 0;}
.taxi{background:url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/taxi.png) no-repeat left;background-size: 30px 40px;background-position:10% 0;}
.road{background:url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/road.png) no-repeat left;background-size: 30px 40px;background-position:10% 0;}
.sec{
margin-top:30px;
}
.content-area-road{
padding:20px;
border: 1px solid #dfdfdf;
background-color: #fff;
}
.certification_area {
margin-top:10px;
width:100%;
text-align:center;
}
.certification_btn {
width:100%;
}
.boxmenu .boxs_r{
margin-left:0px;
}
} dl.gacc {
box-sizing: border-box;
width: 100% ;
zoom: 1; border: 1px solid #666;
border-top: none;
border-collapse: collapse;
background-color: #f0d5a2;
margin-bottom: 20px;
}
dl.gacc:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
dl.gacc dt {
box-sizing: border-box;
font-weight: bold;
border-top: 1px solid #666;
float: left;
display: block;
padding: 5px 10px 5px 10px; width: 20% ;
min-width: 50px;
font-size: 150%;
}
dl.gacc dd {
box-sizing: border-box;
float: left;
padding: 5px 10px 5px 10px; width: 80% ;
border-left: 0px solid #666;
border-top: 1px solid #666;
background-color: #fff;
font-size: 150%;
}
dl.gacc dd a {
text-decoration: none;
border-bottom: 1px dashed;
}
dl.macc,dl.mwacc {
box-sizing: border-box;
width: 100% ;
zoom: 1; border: 1px solid #666;
border-top: none;
border-collapse: collapse;
background-color: #eee;
margin-bottom: 20px;
}
dl.macc:after,dl.mwacc:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
dl.macc dt {
box-sizing: border-box;
font-weight: bold;
border-top: 1px solid #666;
float: left;
display: block;
padding: 5px 10px 5px 10px; width: 20% ;
min-width: 50px;
font-size: 150%;
}
dl.macc dd {
box-sizing: border-box;
float: left;
padding: 5px 10px 5px 10px; width: 80% ;
border-left: 0px solid #666;
border-top: 1px solid #666;
background-color: #fff;
font-size: 150%;
}
dl.macc dd a,dl.mwacc dd a {
text-decoration: none;
border-bottom: 1px dashed;
}
dl.mwacc dt {
box-sizing: border-box;
font-weight: bold;
border-top: 1px solid #666;
float: left;
display: block;
padding: 5px 10px 5px 10px; width: 30% ;
min-width: 50px;
font-size: 150%;
}
dl.mwacc dd {
box-sizing: border-box;
float: left;
padding: 5px 10px 5px 10px; width: 70% ;
border-left: 0px solid #666;
border-top: 1px solid #666;
background-color: #fff;
font-size: 150%;
} @media screen and (max-width: 780px) {
dl.gacc dt {
width: 100%;
}
dl.gacc dd {
width: 100%;
}
} .price {
text-align: right;
font-size: 140%;
}
.menu_title_xl {
font-size: 200%;
padding-left:10px;
}
.menu_title_xl span{ font-size: 14px;
display:  inline-block;
}
.menu_title_xl br{
display:none;
}
.menu_title_l {
font-size: 240%;
padding-left:10px;
}
.menu_title_m {
font-size: 180%;
padding-left:10px;
}
.menu_title_s {
font-size: 160%;
}
.title_medium{
font-size:16px;
}
.title_small{
font-size:120%;
}
.title_minimum{
font-size:80%;
}
.title_small br{
display:none
}
.menu_top_w {
font-weight: bold;
font-size: 130%;
line-height: 3em;
}
.menu_top_m {
font-weight: bold;
font-size: 130%;
line-height: 2em;
}
.menu_sub_m {
margin-right:0.5em;
}
.menu_top_sub {
font-weight: bold;
font-size: 120%; color: #660000;
}
.textbox {
width: 100%;
display: flex;
justify-content: center;
}
.product_textbox{
line-height: 1.8em;
margin-top: 1.5em;
font-size: 140%;
padding:0 10px;
}
.menu_sub {
font-size: 140%;
margin: 20px 0 40px 0;
border:1px solid #f00;
background:#ffc;
padding:10px 10px;
text-align:center;
}
.l_menu {
margin-top: 20px;
font-size: 120%;
display: inline-block;
}
.r_menu {
margin-top: 40px;
font-size: 110%;
display: inline-block;
}
.s_menu {
margin-top: 40px;
font-size: 110%;
display: inline-block;
}
.ss_menu {
margin-top: 10px;
font-size: 105%;
display: inline-block;
}
.vertical {
writing-mode: vertical-rl;
}
hr {
border: 0;
margin: 1.35em auto;
max-width: 100%;
background-position: 50%;
box-sizing: border-box;
}
.accessory {
height: 6px;
background-image: radial-gradient( closest-side, hsla(0, 100%, 20%, 1.0), hsla(0, 0%, 50%, 0) 100%);
position: relative;
}
.accessory:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
background-color: hsl(0, 0%, 75%);
height: 12px;
width: 12px;
transform: rotate(45deg);
margin-top: -10px;
margin-left: -10px;
border-radius: 4px 0;
border: 4px solid hsla(0, 0%, 100%, 0.35);
background-clip: padding-box;
box-shadow: -10px 10px 0 hsla(0, 0%, 100%, 0.15), 10px -10px 0 hsla(0, 0%, 100%, 0.15);
}
.accessory_n {
height: 6px;
background-image: radial-gradient(
closest-side,
hsla(0, 0%, 80%, 1.0),
hsla(0, 0%, 80%, 0) 100%);
position: relative;
}
.accessory_n:after {
position: absolute;
top:  50%;
left: 50%;
display:block;
background-color: hsl(0, 0%, 75%);
height: 12px;
width:  12px;
transform: rotate(45deg);
margin-top:  -10px;
margin-left: -10px;
border-radius: 4px 0;
border: 4px solid hsla(0, 0%, 100%, 0.35);
background-clip: padding-box;
box-shadow: -10px 10px 0 hsla(0, 0%, 100%, 0.15), 10px -10px 0 hsla(0, 0%, 100%, 0.15);
}
.u20{margin-top:20px;}
.u40{margin-top:40px;}
.u80{margin-top:80px;}
.d80{margin-bottom:80px;}
.sd40{display:none;}
.menu_select,.menu_select_u {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
justify-content: space-between;
margin-bottom:3px;
}
.menu_select_k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
flex-wrap:wrap;
justify-content: space-between;
margin-bottom:3px;
}
.menu_select a,.menu_select_u a,.menu_select_k a {
display: block;
}
.menu_select>li {
height: 58px;
line-height: 2;
position: relative;
width: 33.3%;
}
.menu_select_u>li {
height: 58px;
line-height: 2;
position: relative; width: 33.3%;
}
.menu_select_k>li {
height: 58px;
line-height: 2;
position: relative; width: 25%;
}
.menu_select>li>a,.menu_select_u>li>a,.menu_select_k>li>a {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
font-weight: 400;
font-size: 150%;
height: 58px;
overflow: hidden;
text-align: center;
padding: 0 34px 0 19px;
color: #fff;
border: 1px solid #a18759;
background-color: #a18759;
}
.menu_select>li.current>a,.menu_select_u>li.current>a,.menu_select_k>li.current>a {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
font-weight: 400;
font-size: 150%;
height: 58px;
overflow: hidden;
text-align: center;
padding: 0 34px 0 19px;
color: #c00;
border: 1px solid #a18759;
background-color: #fff;
}
.menu_select_u>li.current>a,.menu_select_k>li.current>a {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
font-weight: 400;
font-size: 150%;
height: 58px;
overflow: hidden;
text-align: center;
padding: 0 34px 0 19px;
color: #c00;
border: 1px solid #a18759;
background-color: #fff;
}
.menu_select>li>a::before, #menu-nav>li.marrow_nl a:before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px;
border-right: solid 2px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 20px; margin-top: -4px;
}
.menu_select_k>li>a::before{
position: absolute;
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px;
border-right: solid 2px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 20px;
margin-top: -4px;
}
.menu_select_u>li>a::before{
position: absolute;
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px;
border-right: solid 2px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 20px;
margin-top: -4px;
}
.menu_select>li.current a:before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px;
border-right: solid 2px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 20px;
transition: all .3s;
margin-top: -4px;
}
.menu_select_u>li.current a:before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 2px;
border-right: solid 2px; -ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 20px;
transition: all .3s;
margin-top: -4px;
}
.menu_select>li a:hover,.menu_select_u>li a:hover,.menu_select_k>li a:hover {
z-index: 2;
background-color: #fff;
color: #c00; }
.menu_select>li.current a:hover,.menu_select_u>li.current a:hover,.menu_select_k>li.current a:hover {
z-index: 2;
color: #c00;
transition: all .3s;
}
.next br, .prev br, .menu_title_s br,.current br {
display: none;
} @media screen and (max-width: 1280px) {
.price {
text-align: right; }
.menu_title_xl { }
.menu_title_s {
font-size: 160%;
}
.tb_f {
font-size: 160%;
}
.menu_sub {
font-size: 120%;
margin: 20px 0 40px 0;
}
.l_menu {
margin: 20px 0 20px 0; }
}
@media screen and (max-width: 1024px) {
.l_menu {
margin: 10px 0 20px 0;	}
}
.menu_title_xl br{
display:inline;
}
.title_small{
width:100%;
text-align:center;
}
.title_small .sp-br{
display: block;
}
@media screen and (max-width: 780px) {
.menu_select_u>li.current>a,.menu_select_k>li.current>a {
font-size: 130%;
}
.menu_select>li>a,.menu_select_u>li>a,.menu_select_k>li>a {
font-size: 130%;
}
.menu_sub {
font-size: 140%;
margin: 20px 20px 40px 30px;
}
.l_menu {
margin-top: 40px;
font-size: 120%;
display: inline-block;
}
.menu_title_xl {
font-size: 240%;
padding:10px 0 0 10px;
}
.menu_select>li.current>a,.menu_select_u>li.current>a {
font-weight: 400;
font-size: 120%;
text-align: center;
padding: 0 25px 0 5px;
}
.menu_select>li>a,.menu_select_u>li>a {
font-weight: 400;
font-size: 120%;
overflow: hidden;
text-align: center;
padding: 0 25px 0 5px;
}
.product_textbox{
line-height: 1.8em;
margin-top: 1.5em;
font-size: 120%;
padding:20px 10px;
}
}
@media screen and (max-width: 480px) {
.menu_select_u>li.current>a,.menu_select_k>li.current>a {
font-size: 95%;
padding:0 30px 0 5px;
}
.menu_select>li>a, .menu_select_u>li>a, .menu_select_k>li>a{
font-size: 95%;
padding:0 30px 0 5px;
}
.menu_select>li.current>a,.menu_select_u>li.current>a {
font-size: 110%;
padding: 0 15px 0 5px;
}
.menu_select>li>a,.menu_select_u>li>a {
font-size: 110%;
padding: 0 15px 0 5px;
}
.menu_select_u>li.current a:before {
position: absolute;
top: 50%;
right: 10px;
margin-top: -4px;
}
.menu_select_u>li>a::before{
position: absolute;
top: 50%;
right: 10px;
margin-top: -4px;
}
.menu_title_xl {
font-size: 200%;
padding:10px 0 0 10px;
}
.menu_title_l {
font-size: 210%; 
}
.menu_s {
font-size: 80%;
}
.menu_select>li>a {
font-size: 120%;
line-height: 20px;
}
.menu_select>li.current>a {
font-size: 120%;
padding: 0 15px 0 5px;
}
.menu_select>li.syuryo>a {
font-size: 90%;
padding: 0 5px 0 5px;
}
.menu_select>li.syuryo a:before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border:none;
}
.menu_select>li>a {
font-size: 120%;
overflow: hidden;
padding: 0 15px 0 5px;
}
.menu_select>li>a::before {
right: 5px;
}
.next br, .prev br, .menu_title_s br,.current br{
display: inline;
}
.menu_title_xl br{
display:inline;
}
.u80{margin-top:40px;}
.menu_select {
margin: 50px 0 50px 0;
}
.menu_title_s {}
.l_menu {
margin: 20px 0 20px 0;
font-size: 100%;
}
.s_menu {
margin: 20px 0 20px 0;
font-size: 90%;
display: inline-block;
}
.ss_menu {
margin: 20px 0 20px 0;
font-size: 90%;
display: inline-block;
}
.menu_top_w {
line-height: 1.5em;
}
.title_small{
margin-top:20px;
font-size:16px;
width:100%;
text-align:center;
}
.title_minimum{
font-size:16px;
line-height:20px;
width:100%;
text-align:center;
}
.inner .wide_area{
margin-top:0px;
}
.inner .stwide{
font-size:120%;
}
.inner .wide_area .stitle {
box-sizing:border-box;
}
.w350{width:100%;}
.sd40{margin-bottom:40px;} } .box-content01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.box-content01_item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 33.33333%;
margin-bottom: 20px;
}
.box-content01_item .overlay {
width: 200px;
height: 200px;
z-index: 10;
}
.box-content01_item .overlay:hover {
background: #000;
opacity: 0.8;
border-radius: 50%;
}
.image-round1 {
border-radius: 50%;
}
.box-content01_content {}
.p-article01_content {
padding: 20px 20px 0px;
}
.p-article01_content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1 0 auto;
}
.p-article01_exp {
margin-bottom: 30px;
font-size: 220%;
line-height: 2.4;
text-align: center;
}
.p-btn {
background: #f2e4e0;
}
.p-btn {
display: inline-block;
min-width: 100%;
height: 55px;
border-radius: 0;
color: #fff;
font-size: 14px;
line-height: 55px;
text-align: center;
}
.arrow {
position: relative;
color: #333;
text-decoration: none;
}
.arrow::after {
content: '';
display: block;
width: 8px; height: 8px; border-top: 2px solid #900; border-left: 2px solid #900; }
.arrow-left::after {
transform: rotate(135deg); position: absolute; left: 10px; top: 23px; transition: 0.5s;
}
.arrow:hover::after {
border-top: 2px solid #fff; border-left: 2px solid #fff; }
.more_top_area {
width: 100%;
text-align: center;
}
.btn_cun {
margin: 20px auto;
font-size: 130%;
width: 200px;
}
.btn_cun a:link {
text-decoration: none;
transition: 0.5s;
color: #900;
}
.btn_cun a:visited {
TEXT-DECORATION: underline;
COLOR: #900;
}
.btn_cun a:hover {
TEXT-DECORATION: none;
COLOR: #fff;
background: #900;
}
.p-hover-effect {
display: block;
}
.p-hover-effect img {
-webkit-transform: scale(1);
transform: scale(1);
vertical-align: middle;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.p-hover-effect:hover img {
-webkit-transform: scale(1.1) translate3d(0, 0, 0) !important;
transform: scale(1.1) translate3d(0, 0, 0) !important;
background: #333;
opacity: 0.8;
}
.shop_banner{
width:100%;
text-align:center;
}
.shop_banner_mb{
display:none;
} @media screen and (max-width: 780px) {
.box-content01_item img{width:200px;height:200px;}
.shop_banner img{width:100%;height:auto;}
}
@media screen and (max-width: 650px) {
.box-content01_item img{width:150px;height:150px;}
.p-article01_exp {font-size: 140%;}
}
@media screen and (max-width: 480px) {
.shop_banner{
display:none;
}
.shop_banner_mb{
display:block;
}
.box-content01 {
display: block;
}
.box-content01_item {
display: block;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 20px;
}
.box-content01_item img{width:250px;height:250px;}
.p-article01_exp {font-size: 240%;}	
} .wpcf7-form-control{margin-bottom:10px;padding:10px;}
fieldset {background:#fff;padding:3%;border:1px solid #ccc;margin-bottom:40px;min-height:463px;}
legend {font-weight:bold; font-size: 120%; letter-spacing: -1px; color:#666666;}
input#zip1{width:80px;}
input#zip2{width:100px;} .mw_wp_form_input .displaymes{display: none;}
.mw_wp_form_confirm .displaymes{display: inline-block;margin-bottom:10px;}
.mw_wp_form_confirm .cfm_l,.mw_wp_form_confirm .cfm_lend,.mw_wp_form_confirm .cfm_r,.mw_wp_form_confirm .cfm_rend{display:table-cell;font-size:120%;}
.mw_wp_form_confirm .cfm_l{vertical-align: top;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;width:250px;box-sizing: border-box;padding:7px 10px;}
.mw_wp_form_confirm .cfm_lend{vertical-align: top;border:1px solid #ccc;width:250px;box-sizing: border-box;padding:7px 10px;}
.mw_wp_form_confirm .cfm_r{border-top:1px solid #ccc;border-right:1px solid #ccc;width:460px;box-sizing: border-box;margin-left:-6px;padding:5px;}
.mw_wp_form_confirm .cfm_rend{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;width:460px;box-sizing: border-box;margin-left:-6px;padding:5px;}
.mw_wp_form_confirm select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.mw_wp_form_confirm select::-ms-expand {display: none;}
.mw_wp_form_confirm .cf_hidden{display:none;}
.mw_wp_form input[type="submit"] {
margin-top: 30px;
padding: 8px 50px 8px 50px;
cursor: pointer;
}
.mwform-file-delete{display:none;}
.cfm_mes{visibility:hidden;}
.mw_wp_form_confirm .cfm_mes{visibility:visible;}
fieldset {margin:20px 0 0 0 ;background:#fff;padding:3%;border:1px solid #ccc;margin-bottom:40px;box-sizing:border-box;width:100%;}
legend {font-weight:bold; font-size: 120%; letter-spacing: -1px; color:#666666;} input, textarea, select {border:1px solid #aaaaaa;padding:8px;}
input.submit {background:#ffffff url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/submitBg.png) -20px 0 no-repeat;color:#333;}
input.submit:hover {cursor: pointer;}
button{height:50px;}
input[type="submit"],input[type="button"]{width:60px;height:35px;}
.textareap_l{padding-top:10px;width:200px;float:left;}
.textareap_r{width:500px;float:left;}
.displayBlock{padding-top:10px;display:inline-block;}
.displayLabel{display:inline-block;vertical-align:top;}
input[type="radio"] {
position: relative;
-webkit-appearance: button;
appearance: button;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 24px;
height: 24px;
content: "";
background-color: #FFFFFF;
border: 1px solid #999999;
-webkit-border-radius: 24px;
border-radius: 24px;
-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
vertical-align: middle;
cursor: pointer;
}
input[type="radio"]:checked:after {
display: block;
position: absolute;
top: 5px;
left: 5px;
content: "";
width: 12px;
height: 12px;
background: #CC0000;
-webkit-border-radius: 12px;
border-radius: 12px;
}
.spacer{height:10px;} @media screen and (max-width: 480px) {
textarea, select {
border: 1px solid #aaaaaa;
padding: 10px;
background: #ffffff url(//kasugano.com/wp/wp-content/themes/kasugano_pc/images/inputBg.png) top left no-repeat;
margin-top: 2px;
width:90%; 
}
input{padding:10px;}
input#zip1{width:150px;}
input#zip2{width:200px;}
input.mptel{width:90%;}	
button {
-webkit-appearance: none;
border-radius: 0;
margin:0 auto;
width:100%;
font-size:90%;
}
.contact-input-area{font-size:120%;}
fieldset{}
}
.cel1{width:30%;}
.cel2{width:70%;} .part{display:flex;margin-bottom:50px;}
.part_l,.part_r{width:565px;display:inline-block;}
.part_l{margin-right:50px;}
.fexp{font-size: 166%;} .nav_menu-1,.nav_menu-2,.nav_menu-3,.nav_menu-4,.nav_menu-5,.nav_menu-6{margin-bottom:30px;}
.nav_menu-1 li,.nav_menu-2 li,.nav_menu-3 li,.nav_menu-4 li,.nav_menu-5 li,.nav_menu-6 li{line-height: 200%;text-align:left;}
.nav_menu-1 li.on,.nav_menu-2 li.on,.nav_menu-3 li.on,.nav_menu-4 li.on,.nav_menu-5 li.on,.nav_menu-6 li.on {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
margin: 10px 0 20px 0px;
font-size: 16px;
text-align:center;
}
.nav_menu-1 li a,.nav_menu-2 li a,.nav_menu-3 li a,.nav_menu-4 li a,.nav_menu-5 li a,.nav_menu-6 li a{color:#cccccc;padding-left:10px;} #fnf{margin:50px 0;line-height: 200%;} .page-id-2430 header{display:none;}
.page-id-2430 .p-page-header_upper{display:none;}  @media only screen and (max-width: 767px) {
.con_news_im .box_news_im {
padding:2em 1em
}
}
.box_style>ul:nth-of-type(1) {
margin-top:40px
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
.box_style>ul:nth-of-type(1) {
margin-top:32px
}
.nav_menu-1 li.on,.nav_menu-2 li.on,.nav_menu-3 li.on,.nav_menu-4 li.on,.nav_menu-5 li.on,.nav_menu-6 li.on {
font-size: 14px;
margin: 10px 1px 20px 1px;
}
.nav_menu-1 li a,.nav_menu-2 li a,.nav_menu-3 li a,.nav_menu-4 li a,.nav_menu-5 li a,.nav_menu-6 li a{
font-size:100%;
}
}
@media only screen and (max-width: 767px) {
.box_style>ul:nth-of-type(1) {
margin-top:2em
}
}
.box_style>ul:nth-of-type(2) {
margin-top:64px
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
.box_style>ul:nth-of-type(2) {
margin-top:48px
}
}
@media only screen and (max-width: 767px) {
.box_style>ul:nth-of-type(2) {
margin-top:2em
}
}
.box_style>ul li a {
display:block;
text-align:center;
-webkit-transition:opacity .1s ease-out;
transition:opacity .1s ease-out
}
.box_style>ul li a .img {
display:block;
overflow:hidden;
text-align:center;
width:100%
}
.box_style>ul li a .img>img {
-webkit-transition:-webkit-transform .1s ease-out;
transition:-webkit-transform .1s ease-out;
transition:transform .1s ease-out;
transition:transform .1s ease-out, -webkit-transform .1s ease-out
}
.box_style>ul li a .wrp_text {
display:block;
margin-top:40px
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
.box_style>ul li a .wrp_text {
margin-top:32px
}
}
@media only screen and (max-width: 767px) {
.box_style>ul li a .wrp_text {
margin-top:2em
}
}
.box_style>ul li a .wrp_text>span {
display:block
}
.box_style>ul li a .wrp_text .t {
margin-top:1em
}
.box_style>ul li a .wrp_text>button .t {
font-weight:bold
}
.box_style>ul li a .wrp_text .more {
margin-top:1em
}
@media only screen and (max-width: 767px) {
.box_style>ul li a .wrp_text .more {
margin-top:1.5em
}
}
.box_style>ul li a .wrp_text .more>em {
display:inline-block;
position:relative
}
.box_style>ul li a .wrp_text .more>em:before {
content:"";
height:1px;
width:80px;
background-color:#333;
display:inline-block;
margin-right:.8em;
-webkit-transition:width .1s ease-out;
transition:width .1s ease-out;
vertical-align:top;
margin-top:.7em
}
@media only screen and (max-width: 767px) {
.box_style>ul li a .wrp_text .more>em:before {
width:3em
}
}
.box_style>ul li a .wrp_text .more>em:after {
content:"";
position:absolute;
top:.7em;
left:0;
height:1px;
width:0;
background-color:#ccc;
display:inline-block;
margin-right:.8em;
-webkit-transition:width .1s ease-out;
transition:width .1s ease-out
}
@media only screen and (max-width: 767px) {
.box_style>ul li a .wrp_text .more>em:after {
width:0
}
}
.box_style>ul li a .wrp_text button {
background-color:transparent;
border:none;
cursor:pointer;
outline:none;
padding:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
font-size:1em;
font-family:"NotoSansCJKjp Regular","游ゴシック体", "Yu Gothic",YuGothic,"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif
}
.box_style>ul li a .wrp_text button span {
-webkit-transition:opacity .2s ease-out;
transition:opacity .2s ease-out
}
.box_style>ul li a .wrp_text button .t {
display:inline-block;
position:relative
}
.box_style>ul li a .wrp_text button .t:before {
content:"";
height:1px;
width:80px;
background-color:#333;
display:inline-block;
margin-right:.8em;
-webkit-transition:width .1s ease-out;
transition:width .1s ease-out;
vertical-align:top;
margin-top:.7em
}
@media only screen and (max-width: 767px) {
.box_style>ul li a .wrp_text button .t:before {
width:3em
}
}
.box_style>ul li a .wrp_text button .t:after {
content:"";
position:absolute;
top:.7em;
left:0;
height:1px;
width:0;
background-color:#ccc;
display:inline-block;
margin-right:.8em;
-webkit-transition:width .1s ease-out;
transition:width .1s ease-out
}
@media only screen and (max-width: 767px) {
.box_style>ul li a .wrp_text button .t:after {
width:0
}
#f_nav {
display: block;
}
}
.box_style>ul li a .wrp_text button:hover span {
opacity:.5
}
.box_style>ul li a .wrp_text button:hover .t:after {
width:80px
}
@media only screen and (max-width: 767px) {
.box_style>ul li a .wrp_text button:hover .t:after {
width:3em
}
}
@media only screen and (min-width: 768px) {
.box_style>ul li a .img>img {
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
-webkit-transition:-webkit-transform 0.1s ease-out;
transition:-webkit-transform 0.1s ease-out;
transition:transform 0.1s ease-out;
transition:transform 0.1s ease-out, -webkit-transform 0.1s ease-out
}
.box_style>ul li a:hover {
opacity:.7
}
.box_style>ul li a:hover .img>img {
-webkit-transform:scale(1.05, 1.05);
transform:scale(1.05, 1.05)
}
}
@media only screen and (min-width: 768px) {
.box_style>ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.box_style>ul:nth-of-type(1) li {
width:32.5%;
margin-left:1%
}
.box_style>ul:nth-of-type(1) li:first-child {
margin-left:0
}
.box_style>ul:nth-of-type(1) li .img {
max-width:481px
}
.box_style>ul:nth-of-type(2) li {
width:32.5%;
margin-left:1%
}
.box_style>ul:nth-of-type(2) li:first-child {
margin-left:0
}
.box_style>ul:nth-of-type(2) li .img {
max-width:481px
}
}
@media only screen and (min-width: 1280px) {
.box_style>ul:nth-of-type(1) li .img {
height:calc(24.6vw / 1.099 + 0px);
max-height:438px
}
.box_style>ul:nth-of-type(2) li .img {
height:calc(24.6vw / 1.099 + 0px);
max-height:438px
}
}
@media only screen and (min-width: 1280px) and (min-width: 1279px) and (max-width: 1800px) {
.box_style>ul:nth-of-type(2) li .img {
height:calc(20vw / 1.099 + 0px)
}
}
@media print {
.box_style>ul:nth-of-type(1) li .img {
height:calc(24.6vw / 1.099 + 0px);
max-height:438px
}
.box_style>ul:nth-of-type(2) li .img {
height:calc(24.6vw / 1.099 + 0px);
max-height:438px
}
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
.box_style>ul:nth-of-type(1) li .img {
height:calc(27vw / 1.099 + 0px);
max-height:438px
}
.box_style>ul:nth-of-type(2) li .img {
height:calc(27vw / 1.099 + 0px);
max-height:438px
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.box_style>ul:nth-of-type(1) li .img {
height:calc(26vw / 1.099 + 0px);
max-height:438px
}
.box_style>ul:nth-of-type(2) li .img {
height:calc(26vw / 1.099 + 0px);
max-height:438px
}
}
@media only screen and (max-width: 767px) {
.box_style>ul:nth-of-type(1) li {
margin-bottom:12%
}
.box_style>ul:nth-of-type(1) li .img {
height:calc(90vw / 1.15 + 0px);
max-height:660px
}
.box_style>ul:nth-of-type(2) li {
margin-bottom:2em
}
.box_style>ul:nth-of-type(2) li:last-child {
margin-bottom:0
}
.box_style>ul:nth-of-type(2) li a .img {
width:56%;
height:calc(90vw * 0.56 / 1.15 + 0px);
max-height:438px
}
.box_style>ul:nth-of-type(2) li a .wrp_text {
width:56%;
background-color:#fff;
position:relative;
z-index:1;
margin-left:auto;
margin-top:-30%;
padding:2.5em 0
}
.box_style>ul:nth-of-type(2) li a .wrp_text .t {
margin-top:.5em
}
.box_style>ul:nth-of-type(2) li a .wrp_text .more {
margin-top:.5em
}
.mb_hidden{display:none;}
.boxmenu_w {padding-top: 0px;}
.info_mes_w {
margin: 0px;
padding: 0px;}
.title_back {
margin-bottom: 0px;
padding: 1px 0 -10px 0;
}
.wbg{background:none;}
}