﻿@charset "utf-8";
/* CSS Document */
.sp_only{
	display:none;
}
.l_425{
	display:none;
}
.mod-tbl {
    max-width: 900px;
}
@media screen and (max-width: 1300px) {
body{
    font-size: 1.22vw;
}
.head_wrapper{
    width: 100%;
    height: 8.5vw;
}
.head_nav ul{
	width:100%;
}
.pan_box{
	width:100%;
}
.top_bg {
    height: 8.5vw;
}
.main_box{
	width:100%;
}
.f_box{
	width:100%;
}
.h2_map div{
	width:100%;
}
.gsc-control-cse{
    background-position: 91% 6%;
    background-size: 25% ,1%;
	height: 7vw;
}
.gsc-control-wrapper-cse{
    top: 3.5vw !important;
}

.gsc-control-wrapper-cse:before {
    top: -67%;
    left: 2%;
    font-size: 1.7vw;
}
#gs_tti50{
	padding: 0;
}
.gsc-input {
	width: 73% !important;
}
.f_nav_box{
	width:100%;
}
}
@media screen and (max-width: 1024px){
body {
    font-size: 1.25vw;
}
}
@media screen and (max-width: 768px){
.sp_only{
	display:inline;
}
.pc_only{
	display:none;
}
.con_box table {
    margin: 0 !important;
}
.mod-tbl {
    overflow-x: auto;
/*	-webkit-overflow-scrolling: touch;*/
}
.mod-tbl::-webkit-scrollbar{ 
    height: 5px;
}
.mod-tbl::-webkit-scrollbar-thumb{ 
    background: #586084;
    border-radius: 10px;
}
.mod-tbl::-webkit-scrollbar-track-piece:start{
    background: #dce1f6;
}
.mod-tbl::-webkit-scrollbar-track-piece:end{
    background: #fff;
}

.naka_link_sp{
	color: #0067c2;
    pointer-events: auto;
}
body {
    font-size: 2vw;
}
.head_wrapper {
    height: 9vw;
}
.head_nayamazun{
    width: 11vw;
    margin-left: 1%;
}
.head {
    width: 25%;
    font-size: 1.2em;
    margin: 0;
}
.head_txt {
    font-size: 0.6em;
    display: none;
}
.head_ttl{
    padding: 4%;
    padding-top: 7%;
    padding-left: 4%;
    font-size: 1.5vw;
}
.m_link {
    width: 20vw;
}
.top_bg {
    height: 31.5vw;
    left: -46vw;
}
.head_tel {
    position: static;
    float: right;
    clear: none;
    width: 60%;
    margin-right: 1%;
}
.tel_bottom_r{
    float: none;
    width: 85%;
    margin: 1% auto;
}
.tel_bottom_l{
    text-align: right;
    line-height: 1.2em;
	color: #7d1807;
    float: none;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1%;
    padding-right: 5%;
}
.tel_bottom_l br{
	display:none;
}
.tel{
    float: left;
    width: 52%;
    border: 0;
}
.tel_bottom{
    width: 48%;
    float: left;
}
.tel_box {
    background-color: #fff;
    border-radius: 7px;
    background-size: 3% 40%;
}
.tel_ttl {
    width: 50%;
    margin: 0.5% 2%;
}
.tel_number{
    font-size: 1.6em;
    padding: 0;
}
.head_nav {
    font-size: 1.2em;
    height: 12vw;
}

.head_nav li a {
    line-height: 5.5vw;
}
.head_nav li {
    padding: 0% 2%;
}
.pan_box {
    padding: 2% 3%;
}
.left_box{
	width:100%;
	float:none;
}
.right_box {
    float: none;
    width: 100%;
    margin-bottom: 5%;
}
.gsc-control-cse {
    background-position: 91% 20%;
    background-size: 10% ,1%;
    height: 15vw;
}
.gsc-control-wrapper-cse:before {
    top: -100%;
    left: 2%;
    font-size: 4vw;
}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding: 5% !important;
}
.gsc-control-wrapper-cse {
    top: 7.5vw !important;
}
.gsc-input {
    width: 90% !important;
}
.banner {
    display: block;
    float: left;
    width: 31%;
    margin: 1%;
}
.f_right {
    float: none;
    width: 60%;
    margin: 1% auto;
    background: #fff;
    clear: both;
}
.foot_nayamazun {
    width: 40%;
    margin: 3%;
}
.f_left {
    width: 50%;
}
.f_center {
    width: 50%;
	padding: 8.5% 5% 0 5%;
    font-size: 1.2em;
}
.yuubin, .address {
    display: block;
    line-height: 1.5;
}
.f_nav_box li {
    font-size: 1.3em;
    padding: 2% 3%;
}
.foot_ttl {
    font-size: 2em;
}
h2 {
    font-size: 1.8em;
}
.link_box a {
    height: 10vw;
    line-height: 10vw;
}
.link_box a.twoline {
    line-height: 3.6vw;
}
.link_box_s a {
    height: 10vw;
    line-height: 10vw;
    width: 47%;
    margin: 0 1%;
    margin-bottom: 1%;
}
/*注意事項*/
.notice_banner{
	display:none;
}
.notice_naka{
	display:block;
    background: #f00;
    height: 7vw;
    line-height: 7vw;
    font-size: 3.5vw;
    font-weight: bold;
    text-align: center;
}
.notice_naka a{
	color:#fff;
	display: block;
}
}
@media screen and (max-width: 525px){
.tel_ttl {
    width: 45%;
    margin: 1% 2%;
}
.gsc-control-wrapper-cse:before {
    top: -78%;
}
.gsc-control-cse {
    height: 18vw;
    background-position: 91% 19%;
    background-size: 12% ,1%;
}
.gsc-control-wrapper-cse {
    top: 9vw !important;
}
}
@media screen and (max-width: 425px){
body {
/*    font-size: 2.7vw;*/
	font-size:3.5vw;
    font-family: sans-serif;
}

.head_wrapper {
    height: 34vw;
    border-bottom: solid 5px #6ECFFC;
}
.head {
    width: 75%;
}
.head_nayamazun {
    width: 22vw;
}
p.top_ttl {
    font-size: 4.4em;
}
.head_ttl {
    padding-top: 6%;
}
.head_nav{
	height:100%;
	padding-top: 5%;
}
.head_nav li a{
	display:inline;
}
.head_nav li {
    display: block;
    font-size: 1.4em;
    line-height: 2.5;
}
.head_nav li a:before{
	content:" - ";
}
.head_tel {
    width: 96%;
    bottom: 0.5vw;
}
.tel{
	padding:1%;
    padding-left: 4%;
}
.tel_number{
    font-size: 1.5em;
	font-family: "arial", sans-serif;
}
.tel_bottom_l {
    font-size: 0.8em;
}
.pan {
    margin-bottom: 2%;
}
.pan_box {
    font-size: 1.3em;
}
.main_box{
	padding:0;
}
.left_box{
	padding:0;
}
h2{
    padding: 3.5%;
	font-weight: bold;
    line-height: 1.2;
}
h2:before {
    height: 0.8em;
    width: 1%;
	display:none;
}
/*h1 {
    font-size: 2.5em;
}*/
h1, .vlong_h1, .long_h1 {
    font-size: 1.8em;
    margin: 0% 1%;
    line-height: 1.2;
}
h1 img {
    width: 9%;
}
.con_box,.first_txt,.first_txt_l {
    font-size: 1.3em;
}
.link_box a.twoline {
    line-height: 6vw;
	font-size: 0.95em;
}
.naka_banner {
    display: block;
    width: 55%;
    margin: 3% auto;
}
/*******************************/
.l_425{
	display:block;
}
/*******************************/
.link_box a, .link_box_s a{
    width: 94%;
    height: 15vw;
    line-height: 15vw;
    font-size: 1.1em;
}
.gsc-control-cse {
    height: 22vw;
}
.gsc-control-wrapper-cse {
    top: 11vw !important;
}
.gsc-control-wrapper-cse:before {
    top: -73%;
	font-size: 5vw;
}
.banner {
    width: 48%;
}
.f_right {
    width: 98%;
}
.f_left {
    width: 100%;
}
.f_center{
    text-align: right;
    padding: 1% 3%;
    width: 100%;
}
.foot_nayamazun {
    width: 20%;
    margin-right: 8%;
}
.foot_ttl {
    margin-top: 10%;
}
.f_nav_box li {
    width: 50%;
    padding: 4%;
    font-size: 1em;
}
.con_box th {
    min-width: 150px;
}
.news_box{
    font-size: 1.3em;
}
/*注意事項*/
.notice_banner{
	display:block;
    top: 32.5vw;
    width: 91vw;
    left: -18vw;

}
.notice_naka{
	display:none;
}

}


