@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */
























/*
--------------------------------------------------------------------------------
基本設定
--------------------------------------------------------------------------------
*/

body {
	color:#000;
    height: 100%;
	font-size: 14px;
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 400;
    font-style: normal;
	line-height:1.8;
	-webkit-text-size-adjust: none;
    letter-spacing: 0.05em;
	background: #fff;
}

.red_gradation {
	background: linear-gradient(170deg, #e95220 0%, #cd471a 60%, #8a2900 100%);
}

.green_gradation {
	background: linear-gradient(170deg, #73973b 0%, #59782b 60%, #3e5718 100%);
}

.warabanshi {
    background: url("../market/images/warabanshi_loop.jpg") repeat top;
}

.warabanshi_yellow {
    background: url("../market/images/warabanshi_loop_yellow.jpg") repeat top;
}

.warabanshi_green {
    background: url("../market/images/warabanshi_loop_green.jpg") repeat top;
}

.warabanshi_pink {
    background: url("../mamamarket/images/warabanshi_loop_pink.jpg") repeat top;
}

small{
    font-size: 80%;
}

small .size10{
    font-size: 10px;
}

.thin{
    font-weight: 400;
}

big{
    font-size: 120%;
}










/*
----------------------------------------
リンク設定
----------------------------------------
*/

a{
    color: #d78f16;
    text-decoration: none;
}

a:hover{
}

a:active, a:focus {
	outline:0;
}


.underline a{
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    text-decoration-color: #d78f16;
}












/*
--------------------------------------------------------------------------------
全体
--------------------------------------------------------------------------------
*/

#wrapper{
	position:relative;
    overflow: hidden;
}

.inner{
	margin:0 auto;
	width:100%;
}


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 8%;
	left: 2%;
}

#back-top span {
	width: 120px;
	height: 40px;
	display: block;
}






/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
    .pc { display: none !important; }
}

@media only screen and (min-width: 768px) {
    .sp { display: none !important; }
}
























/*
--------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------
*/

#header{
	height:auto;
    line-height: 1;
}

#header_top{
    overflow: hidden;
	clear: both;
}

#header_nav_top{
    overflow: hidden;
	clear: both;
}

#header_top h1{
	overflow: hidden;
	clear: both;
	float: left;
	width: 1280px;
	height: 600px;
	background: url("../images/rth_logo.png") no-repeat center;
	background-size: contain;
	margin: 60px auto 70px;
}


#header_top .streetmap{
	overflow: hidden;
	clear: both;
	float: left;
	height: 120px;
	background: url("../map/images/logo_ajisaistreetmap_main_w.png") no-repeat left;
	background-size: contain;
	margin: 30px auto 60px;
}



#header_top h1 span{
	visibility: hidden;
	font-size: 10px;
}



#header_nav{
	clear: both;
	margin-top: 0px;
	margin-bottom: 20px;
}
























/*
--------------------------------------------------------------------------------
ロゴ
--------------------------------------------------------------------------------
*/

.logo, .logo_sp{
	text-align: center;
}

.logo span, .logo_sp span{
	display:block;
}
























/*
--------------------------------------------------------------------------------
インフォメーション
--------------------------------------------------------------------------------
*/

.info{
	float:right;
	text-align:right;
}

.info .open{
	font-size:12px;
}
























/*
--------------------------------------------------------------------------------
タイトル・メインタイトル
--------------------------------------------------------------------------------
*/

.logo{
    margin: 12px 0px 8px 0px;
}

.logo_sp{
    margin: 0px 0px 0px 0px;
}

.logo img, .logo_sp img{
	height: 25px;
}

.info{
	font-size:12px;
	font-weight:normal;
}

.tel{
	margin-top:5px;
	font-size:24px;
	font-weight:bold;
}

.tel span{
	font-size:50%;
	font-weight:normal;
}

.logo span{
	font-size:.6em;
	font-weight:normal;
}

.info span{
	font-size:.8em;
	font-weight:normal;
}






.maintitle{
    float: left;
    width: 1280px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px;
	overflow:hidden;
	clear:both;
}



.maintitle_sub{
    float: left;
    width: 1280px;
	margin: 0px auto 40px;
	padding:0px 0px 0px;
	border-bottom: 0px solid #c5c6c6;
}



.maintitle_shop{
	margin:40px auto 100px;
	padding:0px 0px 40px;
	border-bottom:6px solid #fce6e4;
	overflow:hidden;
	clear:both;
}






.taitoru_l{
    float: left;
    width: 620px;
	margin: 0px 0px 20px 0px;
	padding:0px 0px 0px;
	border-bottom: 0px solid #c5c6c6;
	line-height:1;
}

.taitoru_r{
    float: right;
    width: 620px;
	margin: 0px 0px 20px 0px;
	padding:0px 0px 0px;
	border-bottom: 0px solid #c5c6c6;
	line-height:1;
}



.taitoru_genre{
    font-family: "Arial", "メイリオ";
	margin: 0px 0 20px;
	text-align:center;
	line-height:1;
	color: #fff;
    letter-spacing: 1px;
}

.taitoru_genre ul {
	overflow:hidden;
}

.taitoru_genre li{
	display: inline-block;
}



.taitoru_shop{
	color: #f8cbc6;
	padding: 0px 0px 0px 0px ;
	margin-bottom: 10px;
	text-align:left;
}

.taitoru_shop ul {
	font-weight: bold;
	overflow:hidden;
	color: #f8cbc6;
	border-left: 6px solid #f8cbc6;
	padding: 0px 0px 0px 10px ;
	margin-bottom: 10px;
}

.taitoru_shop li{
	display: inline-block;
}






#shop li{
	display: inline-block;
	color: #f8cbc6;
	border-right: 1px solid #f8cbc6;
	padding: 0px 10px 0px 5px ;
}






#street li{
	display: inline-block;
	color: #ec6833;
	border-bottom: 4px solid #ec6833;
	padding: 3px 0px 0px 10px ;
}



.design li{
    font-size: 12px;
	display: inline-block;
	color: #fff;
    background: #6d6c6c;
	padding: 0px 20px 0px;
    margin: 0px;
    line-height: 1;
}



.club li{
    font-size: 12px;
	display: inline-block;
	color: #fff;
    background: #005568;
	padding: 0px 20px 0px;
    line-height: 1;
}



.food li{
    font-size: 12px;
	display: inline-block;
	color: #fff;
    background: #f4a11a;
	padding: 0px 20px 0px;
    margin: 0px;
    line-height: 1;
}



.market li{
    font-size: 12px;
	display: inline-block;
	color: #fff;
    background: #73973b;
	padding: 0px 20px 0px;
    margin: 0px;
    line-height: 1;
}



.mamamarket li{
    font-size: 12px;
	display: inline-block;
	color: #fff;
    background: #f4adaa;
	padding: 0px 20px 0px;
    margin: 0px;
    line-height: 1;
}



#asobi li{
    font-size: 12px;
	display: inline-block;
	color: #fff;
    background: #4a8330;
	padding: 0px 20px 0px;
    margin: 0px;
    line-height: 1;
}



#type li{
    font-size: 12px;
	display: inline;
	padding: 0px 0px 0px 0px;
    line-height: 1;
}

#type li img{
    width: 25%;
	padding: 0px;
}



.textbox-line li{
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	color: #836a2f;
	padding: 4px 8px;
    margin: 0px 0px 5px 0px;
    line-height: 1;
    border: 1px solid #836a2f;
    border-radius: 4px;
}



.textbox li{
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
    background: #836a2f;
	padding: 4px 8px;
    margin: 0px 0px 5px 0px;
    line-height: 1;
    border: 1px solid #836a2f;
    border-radius: 4px;
}






h2.taitoru_street-food{
	font-size: 46px;
    color: #fff;
    background: #f4a11a;
}

h2.taitoru_street-food-sub{
    font-size: 38px;
    color: #f4a11a;
    background: none;
}






.taitoru_main{
	float: left;
    color: #836a2f;
	width: 100%;
	margin: 0px 0px 20px;
	padding: 0px 0% 40px;
    border-bottom: 1px solid #d4bf93;
}

.taitoru_main h2{
    line-height: 1.2;
    margin: 0 0 0;
    padding: 0 5px 0;
	font-size: 37px;
    font-weight: 800;
    letter-spacing: 0px;
	text-align:center;
}

.taitoru_main h2 span{
	font-size: 90%;
    font-weight: 600;
    letter-spacing: 0px;
}

.taitoru_main p{
    margin: 10px 0 0px 0;
	font-size: 12px;
	text-align: center;
}

.taitoru_main p span{
	font-size:10px;
}






.taitoru_sub{
	float: left;
	width: 100%;
	letter-spacing:2px;
	text-align:center;
	color: #836a2f;
	line-height: 1.5;
	margin: 0px 0% 20px;
	padding: 0px 0% 20px;
    border-bottom: 1px solid #d4bf93;
}

.taitoru_sub span{
	letter-spacing:1px;
	font-size: 80%;
}

.taitoru_sub ul {
}

.taitoru_sub li {
	display: block;
    text-align: left;
	font-size: 14px;
	margin: 0px 0px 5px 0px;
    padding:  0px 0px 0px 0px;
    color: #836a2f;
}

.taitoru_sub a {
	color: #6d6c6c;
}



.taitoru_sub_center{
	float: left;
	width: 100%;
	letter-spacing:2px;
	text-align:center;
	color: #836a2f;
	line-height: 1.5;
	margin: 0px 0% 20px;
	padding: 0px 0% 20px;
    border-bottom: 1px solid #d4bf93;
}

.taitoru_sub_center span{
	letter-spacing:1px;
	font-size: 80%;
}

.taitoru_sub_center ul {
}

.taitoru_sub_center li {
	display: block;
    text-align: center;
	font-size: 14px;
	margin: 0px 0px 5px 0px;
    padding:  0px 0px 0px 0px;
    color: #836a2f;
}

.taitoru_sub_center a {
	color: #6d6c6c;
}











.taitoru_time{
	float: left;
    color: #836a2f;
	width: 100%;
    margin: 0% 0% 2%;
    padding: 0px 0px 2%;
    line-height: 1;
    border-bottom: 1px solid #d4bf93;
	font-size: 42px;
	font-weight: 900;
    }

.taitoru_time img{
	width: 36px;
}

.taitoru_time_l{
	float: left;
	width: 50%;
	line-height:1;
	margin: 0;
	padding: 0;
}

.taitoru_time_r{
	float: right;
	width: 50%;
	line-height:1;
	margin: 0;
	padding: 0;
}

.taitoru_time_l p,
.taitoru_time_r p{
    font-size: 23px;
	font-weight: 900;
	font-style: normal;
    letter-spacing: 1px;
}

.taitoru_time_l p span,
.taitoru_time_r p span{
    font-size: 40%;
	font-weight: 700;
	font-style: normal;
}
























/*
--------------------------------------------------------------------------------
CSS GRID
--------------------------------------------------------------------------------
*/

.title_grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px 30px;
    grid-template-areas:
        "grid1 grid1"
        "grid2 grid2"
        "grid3 grid3";
    margin: 0 0 10px;
}

.item_title1{
    grid-area: grid1;
}

.item_title2{
    grid-area: grid2;
    width: 1280px;
    margin: 0 auto;
}

.item_title3{
    grid-area: grid3;
    width: 1280px;
    margin: 0 auto;
}

.item_title1 p,
.item_title2 p,
.item_title3 p{
    text-align: center;
}

.title_grid img,
.item_title1 img,
.item_title2 img,
.item_title3 img{
    width: 100%;
}



.grid_subnav{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 0 0;
    width: 1280px;
    margin: 0 auto;
}

.item_subnav_1 {
    flex-basis: 100%;
    max-width: 100%;
    margin: 0% 0% 1% 0%;
}

.item_subnav_2 {
    flex-basis: calc((100% - 1%) / 2);
    max-width: calc((100% - 1%) / 2);
    margin: 0% 1% 1% 0%;
}

.item_subnav_2:nth-child(2n){
    margin: 0% 0% 1% 0%;
}

.item_subnav_3 {
    flex-basis: calc((100% - 2%) / 3);
    max-width: calc((100% - 2%) / 3);
    margin: 0% 1% 1% 0%;
}

.item_subnav_3:nth-child(3n){
    margin: 0% 0% 1% 0%;
}

.item_subnav_4 {
    flex-basis: calc((100% - 3%) / 4);
    max-width: calc((100% - 3%) / 4);
    margin: 0% 1% 1% 0%;
}

.item_subnav_4:nth-child(4n){
    margin: 0% 0% 1% 0%;
}



.gallery_4{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 0 0;
    width: 1280px;
    margin: 0 auto;
}

.item_gallery {
    flex-basis: calc((100% - 3%) / 4);
    max-width: calc((100% - 3%) / 4);
    margin: 0% 1% 2% 0%;
}

.item_gallery:nth-child(4n){
    margin: 0% 0% 2% 0%;
}

.item_gallery img{
    width: 100%;
}

.box_text{
    padding: 0 0px;
}

.box_text h3{
    color: #5e5d5c;
    margin: 0 0 5px;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.box_text p{
    color: #5e5d5c;
    margin: 0 0 5px;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.05em;
}



.box_text_center{
    padding: 0 0px;
}

.box_text_center h3{
    color: #5e5d5c;
    margin: 0 0 5px;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-align: center;
}

.box_text_center p{
    color: #5e5d5c;
    margin: 0 0 5px;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: center;
}

.box_text_center h3 span,
.box_text_center p span{
    font-size: 80%;
}



.title_grid_sp{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px 30px;
    grid-template-areas:
        "grid2 grid3"
        "grid4 grid4";
    width: 1280px;
    margin: 50px auto 0;
}

.grid_area1{
    grid-area: grid1;
}

.grid_area2{
    grid-area: grid2;
}

.grid_area3{
    grid-area: grid3;
}

.grid_area4{
    grid-area: grid4;
    margin-bottom: 100px;
}

.grid_area1 img,
.grid_area2 img,
.grid_area3 img,
.grid_area4 img,{
    width: 100%;
}



.title_main{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    gap: 20px 30px;
    grid-template-areas:
        "grid1 grid2"
        "grid3 grid2";
    width: 1280px;
    max-height: 100vh;
    margin: 0 auto 0;
}

.title_area1{
    grid-area: grid1;
    padding: 0 0 0 40px;
    align-self: end;
}

.title_area2{
    grid-area: grid2;
    margin: 0 auto 0;
}

.title_area3{
    grid-area: grid3;
    margin: 0 0 0px 0;
    padding: 0 0 0 40px;
}

.title_area2 img,
.title_area3 img{
    max-width: 100vh;
    max-height: 100vh;
}






.column_4_sp2{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(305px, 1fr));
    grid-gap: 30px 20px;
}

.item_list_top a{
    text-decoration: none;
}

.item_list_top h3{
    color: #5e5c5c;
    margin: 5px 0 0 0;
    padding: 0 10px;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.item_list_top p{
    color: #5e5c5c;
    margin: 5px 0 0 0;
    padding: 0 10px;
    line-height: 1.4;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.item_list_top img{
    width: 100%;
}






.subnav_grid{
    text-align: center;
    display: flex;
    margin: 10px 0;
}

.item_subnav{
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    column-gap: 0px;
    justify-self: end;
	color:#fff;
	background: #836a2f;
    width: 100%;
    margin: 0px 0px 0px;
	padding: 8px 0px;
    line-height: 1.2;
    font-size: 20px;
	font-weight: 800;
    letter-spacing: 0px;
    text-align: center;
}

.item_subnav a{
	color:#fff;
}

.item_subnav p{
    text-align: left;
}

.item_subnav img{
    width: 100%;
}



.column_kiji_1{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100%));
    grid-gap: 20px 20px;
    margin-bottom: 20px;
}

.column_kiji_2{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
    grid-gap: 20px 20px;
    margin-bottom: 20px;
}

.column_kiji_3{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(413px, 1fr));
    grid-gap: 20px 20px;
    margin-bottom: 20px;
}

.column_kiji_4{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(305px, 1fr));
    grid-gap: 20px 20px;
    margin-bottom: 20px;
}

.item_kiji{
    background-color: #fff;
    padding: 30px;
}

.item_kiji p{
    text-align: left;
}

.item_kiji img{
    width: 100%;
}



.guide_center{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px 40px;
}

.guide_center_head{
    margin: 0 10%;
}

.guide_center_body{
    margin: 0 10%;
}



.guide_left{
    display: grid;
    grid-template-columns: 30% 70%;
    grid-gap: 20px 40px;
}

.guide_left_head{
    padding: 0 5%;
}

.guide_left_body{
    padding: 0 5%;
}



.guide_lr{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 40px;
}

.guide_lr_left{
    padding: 40px 5% 50px;
}

.guide_lr_right{
    padding: 40px 5% 50px;
}

.guide_lr_lr{
    padding: 40px 2.5% 50px;
}

.guide_center img,
.guide_left img,
.guide_lr img{
    width: 100%;
}
























/*
--------------------------------------------------------------------------------
フレックスボックス
--------------------------------------------------------------------------------
*/

.container{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 0 0;
}

.container_gap{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 20px 20px;
}

.container-right{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
}

.container img,
.container-right img{
	width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.container_text{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 10px 10px;
}





.item_midori{
    font-size: 18px;
    font-weight: 500;
	flex-basis: auto;
    padding: 10px 20px;
    line-height: 1.4;
    color: #fff;
    background-color: #73973b;
    border-radius: 10px;
}

.item_midori span{
    font-size: 14px;
    font-weight: 400;
}

.item_shiro{
    font-size: 18px;
    font-weight: 500;
	flex-basis: auto;
    padding: 10px 20px;
    line-height: 1.4;
    background-color: #fff;
    border-radius: 10px;
}

.item_1{
	flex-basis: 100%;
    margin: 0;
    line-height: 1;
}

.item_2, .item_2_sp1{
	flex-basis: 50%;
    margin: 0;
    line-height: 0;
}

.item_3, .item_3_sp1{
    flex-basis: calc(100% / 3);
    margin: 0;
    line-height: 0;
}

.item_4, .item_4_sp1, .item_4_sp2{
	flex-basis: 25%;
    margin: 0;
    line-height: 0;
}

.item_5, .item_5_sp1{
	flex-basis: 20%;
    margin: 0;
    line-height: 0;
}

.item_6, .item_6_sp1, .item_6_sp2{
	flex-basis: 16.66%;
    margin: 0;
    line-height: 0;
}



.item_4_3{
	flex-basis: 75%;
    line-height: 1;
}

.item_3_2{
	flex-basis: 66.66%;
    line-height: 1;
}






.item_nar_2, .item_nar_2_sp1, .item_nar_2_sp2 {
    flex-basis: 49.5%;
    max-width: calc((100% 1%) / 2);
    margin: 0% 1% 1% 0%;
}

.item_nar_3, .item_nar_3_sp1 {
    flex-basis: calc((100% - 2%) / 3);
    max-width: calc((100% - 2%) / 3);
    margin: 0% 1% 1% 0%;
}

.item_nar_4, .item_nar_4_sp1, .item_nar_4_sp2 {
    flex-basis: calc((100% - 3%) / 4);
    max-width: calc((100% - 3%) / 4);
    margin: 0% 1% 1% 0%;
}

.item_nar_5 {
    flex-basis: calc((100% - 4%) / 5);
    max-width: calc((100% - 4%) / 5);
    margin: 0% 1% 1% 0%;
}

.item_nar_6, .item_nar_6_sp1, .item_nar_6_sp2 {
    flex-basis: calc((100% - 5%) / 6);
    max-width: calc((100% - 5%) / 6);
    margin: 0% 1% 1% 0%;
}

.item_nar_2:nth-child(2n), .item_nar_2_sp1:nth-child(2n), .item_nar_2_sp2:nth-child(2n),
.item_nar_3:nth-child(3n), .item_nar_3_sp1:nth-child(3n),
.item_nar_4:nth-child(4n), .item_nar_4_sp1:nth-child(4n), .item_nar_4_sp2:nth-child(4n),
.item_nar_5:nth-child(5n), .item_nar_2_sp1:nth-child(5n),
.item_nar_6:nth-child(6n), .item_nar_6_sp1:nth-child(6n), .item_nar_6_sp2:nth-child(6n){
    margin: 0% 0% 1% 0%;
}






.item_med_2 {
    flex-basis: calc((100% - 2%) / 2);
    max-width: calc((100% - 2%) / 2);
    margin: 0% 2% 2% 0%;
}

.item_med_3 {
    flex-basis: calc((100% - 4%) / 3);
    max-width: calc((100% - 4%) / 3);
    margin: 0% 2% 1% 0%;
}

.item_med_4 {
    flex-basis: calc((100% - 6%) / 4);
    max-width: calc((100% - 6%) / 4);
    margin: 0% 2% 2% 0%;
}

.item_med_5 {
    flex-basis: calc((100% - 8%) / 5);
    max-width: calc((100% - 8%) / 5);
    margin: 0% 2% 2% 0%;
}

.item_med_6 {
    flex-basis: calc((100% - 10%) / 6);
    max-width: calc((100% - 10%) / 6);
    margin: 0% 2% 2% 0%;
}

.item_med_2:nth-child(2n),
.item_med_3:nth-child(3n),
.item_med_4:nth-child(4n),
.item_med_5:nth-child(5n),
.item_med_6:nth-child(6n){
    margin: 0% 0% 1% 0%;
}






.item_wid_2 {
    flex-basis: calc((100% - 4%) / 2);
    max-width: calc((100% - 4%) / 2);
    margin: 0% 4% 4% 0%;
}

.item_wid_3 {
    flex-basis: calc((100% - 8%) / 3);
    max-width: calc((100% - 8%) / 3);
    margin: 0% 4% 4% 0%;
}

.item_wid_4 {
    flex-basis: calc((100% - 12%) / 4);
    max-width: calc((100% - 12%) / 4);
    margin: 0% 4% 4% 0%;
}

.item_wid_5 {
    flex-basis: calc((100% - 16%) / 5);
    max-width: calc((100% - 16%) / 5);
    margin: 0% 4% 4% 0%;
}

.item_wid_6 {
    flex-basis: calc((100% - 20%) / 6);
    max-width: calc((100% - 20%) / 6);
    margin: 0% 4% 4% 0%;
}

.item_wid_2:nth-child(2n),
.item_wid_3:nth-child(3n),
.item_wid_4:nth-child(4n),
.item_wid_5:nth-child(5n),
.item_wid_6:nth-child(6n){
    margin: 0% 0% 4% 0%;
}












.taitoru_news{
	float: left;
	width: 96%;
	margin:3% 0 20px;
	padding:6% 2% 7%;
	font-size:14px;
	letter-spacing:3px;
	color: #6d6c6c;
	border-top: 1px solid #e4e4e5;
	border-bottom: 1px solid #e4e4e5;
}












.konyu{
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}
























/*
--------------------------------------------------------------------------------
アコーディオン
--------------------------------------------------------------------------------
*/

.accordion-008 {
    max-width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 7px 15px -5px rgb(0 0 0 / 5%);
    background-color: #fff;
}

.accordion-008 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #000000;
    font-weight: 600;
    cursor: pointer;
}

.accordion-008 summary::-webkit-details-marker {
    display: none;
}

.accordion-008 summary::before,
.accordion-008 summary::after {
    width: 3px;
    height: .9em;
    border-radius: 5px;
    background-color: #000000b3;
    content: '';
}

.accordion-008 summary::before {
    position: absolute;
    right: 2em;
    rotate: 90deg;
}

.accordion-008 summary::after {
    transition: rotate .3s;
}

.accordion-008[open] summary::after {
    rotate: 90deg;
}

.accordion-008 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #000000;
    transition: transform .5s, opacity .5s;
}

.accordion-008[open] p {
    transform: none;
    opacity: 1;
}
























/*
--------------------------------------------------------------------------------
パンクズ
--------------------------------------------------------------------------------
*/

#breadcrumbs{
	float: left;
    color: #e5d9be;
	width: 100%;
	margin: 0px 0px 0px;
	padding: 10px 0px 10px;
    line-height: 1.2;
    border-top: 1px solid #e5d9be;
    border-bottom: 1px solid #e5d9be;
	font-size:13px;
	letter-spacing: 1px;
}

#breadcrumbs a{
	color: #e5d9be;
}

#breadcrumbs ul{
	list-style: none;
}
 
#breadcrumbs li{
	float: left;
	margin: 0 10px 0 0px;
}

#breadcrumbs li:after{
	content:"　＜";
}

#breadcrumbs li:last-child:after{
	content:none;
}






















/*
--------------------------------------------------------------------------------
グリッド
--------------------------------------------------------------------------------
*/

.gridWrapper{
	overflow: hidden;
}

.gridWrapper_max{
	overflow: hidden;
}

.gridWrapper_sp{
	overflow: hidden;
}

.gridWrapper_sub{
	overflow: hidden;
}

.gridWrapper_menu{
	overflow: hidden;
}






.gridWrapper_mobile{
    display: inline-flex;
    padding: 0 0 2% 0;
    margin: 2% 0 2% 0;
    border-bottom: 1px solid #000;
}

.gridWrapper_mobile ul{
}

.gridWrapper_mobile li{
    text-align: center;
    font-size: 22px;
    margin: 0% auto;
}

.gridWrapper_mobile li img{
    width: 20%;
    margin: 0% 4%;
}







.grid{
	float:left;
}

.grid_2_l, .grid_2_r, .grid_3_l, .grid_3_r, .grid_4_l, .grid_4_r, .grid_4_l_half, .grid_4_r_half{
	float:left;
}

.grid_2_l a, .grid_2_r a, .grid_3_l a, .grid_3_r a, .grid_4_l a, .grid_4_r a, .grid_4_l_half a, .grid_4_r_half a{
	text-decoration: none;
}




.grid_box{
	float:left;
}



.grid_button{
	float:left;
    text-align: center;
}





.box{
	padding:0px;
	margin-bottom:0px;
	text-align:center;
}

.box img{
	max-width:100%;
	height:auto;
	margin-bottom:5px;
}

.box a:hover img{
	opacity: 0.8;
}



.box h4{
    font-weight: bold;
    font-size: 20px;
	padding: 0px 0px 0px;
	letter-spacing: 1px;
}


.box p{
	font-size: 12px;
	letter-spacing: 1px;
}


.box p.readmore{
	padding:10px 5px 5px;
	text-align:right;
}

.box p.readmore a{
	padding:3px 7px;
	border-radius:3px;
	color:#fff;
	background:#3c3c3c;
}

.box p.readmore a:hover{
	background:#7d9540;
}






.kiji{
	float:left;
}






.grid_top_news{
	float:left;
}

.grid_top_news p{
    letter-spacing: 2px;
}



.grid_top_news_1{
	float:left;
}

.grid_top_news_1 p{
	line-height: 2.2;
    text-align: left;
    letter-spacing: 1px;
}

.grid_top_news_1 p span{
    font-size: 80%;
    letter-spacing: 0px;
}



.grid_top_news_1_1{
	float:left;
    overflow: hidden;
}

.grid_top_news_2_l{
	float:left;
    overflow: hidden;
}

.grid_top_news_2_r{
	float:right;
    overflow: hidden;
}



.grid_top_news_3_l{
	float:left;
    overflow: hidden;
}

.grid_top_news_3_r{
	float:right;
    overflow: hidden;
}






.grid_top_max_1{
	float:left;
}

.grid_top_max_1 p{
	line-height: 2.2;
    text-align: center;
    letter-spacing: 1px;
}

.grid_top_max_1 p span{
    font-size: 80%;
    letter-spacing: 0px;
}



.grid_top_max_2_l{
	float:left;
    overflow: hidden;
    text-align: left;
}

.grid_top_max_2_r{
	float:right;
    overflow: hidden;
    text-align: left;
}



.grid_top_max_3_l{
	float:left;
    overflow: hidden;
}

.grid_top_max_3_r{
	float:right;
    overflow: hidden;
}









.grid_top_button_l{
	float:left;
    font-size: 16px;
}

.grid_top_button_r{
	float:left;
    font-size: 16px;
}






.grid_menu, .grid_menu_1, .grid_menu_2, .grid_menu_3, .grid_menu_3_c, .grid_menu_4, .grid_menu_5, .grid_menu_8, .grid_menu_10, .grid_menu_10_lr{
	font-size: 14px;
}

.grid_menu a, .grid_menu_1 a, .grid_menu_2 a, .grid_menu_3 a, .grid_menu_3_c a, .grid_menu_4 a, .grid_menu_5 a, .grid_menu_8 a, .grid_menu_10 a, .grid_menu_10_lr a{
	text-decoration: none;
}

.grid_menu{
	float:left;
	text-align:center;
	padding:5px 0px 0px;
}

.grid_menu span{
	font-size:60%;
	font-weight:normal;
}

.grid_menu_1{
	float:left;
	text-align:center;
	padding:0px;
}

.grid_menu_2{
	float:left;
	text-align:center;
	padding:0px;
}

.grid_menu_3{
	float:left;
	text-align:center;
	padding:0px;
}

.grid_menu_3_c{
	float:left;
	text-align:center;
	padding:0px;
}

.grid_menu_4{
	float:left;
	text-align:center;
	padding:0px;
}

.grid_menu_5{
	float:left;
	text-align:center;
	padding:0px;
}

.grid_menu_8{
	float:left;
	text-align:center;
	padding:0px;
}

.grid_menu_10{
	float:left;
	text-align:center;
	padding:0px;
}

.grid_menu_10_lr{
	float:left;
	text-align:center;
	padding:0px;
}





.grid_sp_3{
	float:left;
	text-align:center;
	padding:0px;
	font-size:16px;
	letter-spacing:1px;
}






.grid_news_1{
	float:none;
}

.grid_news_2{
	float:left;
}

.grid_news_2_l{
	float:left;
}

.grid_news_2_r{
	float:right;
}

.grid_news_4_1{
	float:left;
}

.grid_news_4_3{
	float:left;
}

.grid_news_1 img,
.grid_news_2_l img,
.grid_news_2_r img,
.grid_news_3_1_l img,
.grid_news_3_1_r img,
.grid_news_3_2_l img,
.grid_news_3_2_r img,
.grid_news_4_1_l img,
.grid_news_4_1_r img,
.grid_news_4_3_l img,
.grid_news_4_3 img{
	width: 100%;
}

.grid_news_1,
.grid_news_2_l,
.grid_news_2_r,
.grid_news_3_1_l,
.grid_news_3_1_r,
.grid_news_3_2_l,
.grid_news_3_2_r,
.grid_news_4_1_l,
.grid_news_4_1_r,
.grid_news_4_3_l,
.grid_news_4_3{
	border-radius: 10px;
}












.grid_photo_1{
	float:left;
}

.grid_photo_2{
	float:left;
}

.grid_photo_4_1{
	float:left;
}

.grid_photo_4_3{
	float:left;
}






.grid_photo_2_l{
	float:left;
}

.grid_photo_2_r{
	float:right;
}

.grid_photo_3_1_l{
	float:left;
}

.grid_photo_3_1_r{
	float:right;
}

.grid_photo_3_2_l{
	float:left;
	clear: both;
}

.grid_photo_3_2_r{
	float:right;
}

.grid_photo_4_1_l{
	float:left;
}

.grid_photo_4_1_r{
	float:right;
}

.grid_photo_4_3_l{
	float:left;
}

.grid_photo_4_3_r{
	float:right;
}

.grid_photo_2_l img,
.grid_photo_2_r img,
.grid_photo_3_1_l img,
.grid_photo_3_1_r img,
.grid_photo_3_2_l img,
.grid_photo_3_2_r img,
.grid_photo_4_1_l img,
.grid_photo_4_1_r img,
.grid_photo_4_3_l img,
.grid_photo_4_3_r img{
	width: 100%;
}












.grid_icon{
	float:left;
	padding:0px;
}

.grid_icon ul{
	clear: both;
	overflow: hidden;
}

.grid_icon li{
	font-size:18px;
	letter-spacing:1px;
	color: #6d6c6c;
	background: #f2f2f3;
	border: 1px solid #a4a4a5;
	border-radius: 20px;
	display: inline-block;
	margin: 0px 0px 1.5% 0px;
	padding: 0px 1.5% 0px 1.5%;
	}




.grid_icon_hospital{
	float:left;
	padding:0px;
}

.grid_icon_hospital ul{
	clear: both;
	overflow: hidden;
}

.grid_icon_hospital li{
	font-size:18px;
	letter-spacing:1px;
	color: #6d6c6c;
	background: #eff8f7;
	border: 1px solid #a4a4a5;
	border-radius: 20px;
	display: inline-block;
	margin: 0px 0px 1.5% 0px;
	padding: 0px 2% 0px 2%;
	}




.grid_icon_mama{
	float:left;
	padding:0px;
}

.grid_icon_mama ul{
	clear: both;
	overflow: hidden;
}

.grid_icon_mama li{
	font-size:12px;
	letter-spacing:1px;
	color: #6d6c6c;
	background: #fce6e4;
	border: 1px solid #a4a4a5;
	border-radius: 20px;
	display: inline-block;
	margin: 0px 0px 10px 0px;
	padding: 4px 12px 4px 12px;
	}




.grid_icon_genre{
	float:left;
	padding:0px;
    margin: 0 0 10px 0;
}

.grid_icon_genre ul{
	clear: both;
	overflow: hidden;
}

.grid_icon_genre li{
	font-size:10px;
    font-weight: 600;
	letter-spacing: 0.00em;
	color: #807f80;
	background: #ffe388;
	border: 0px solid #ffe89e;
	border-radius: 5px;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px 2px 4px;
    line-height: 1.2;
	}

.grid_icon_genre .pink {
    background-color: #fad9d5;
}

.grid_icon_genre .red {
    background-color: #fad1b7;
}

.grid_icon_genre .green {
    background-color: #d4e4c2;
}

.grid_icon_genre .brown {
    background-color: #e5d9be;
}

.grid_icon_genre .orange {
    background-color: #fce2ba;
}

.grid_icon_genre .water {
    background-color: #cce7db;
}

.grid_icon_genre .glay {
    background-color: #d5d5d6;
}






















/*
--------------------------------------------------------------------------------
ボタン
--------------------------------------------------------------------------------
*/

.button_menu{
	background: #e5d9be;
    margin: 0px 0px 0px;
	padding: 5px 10px;
    line-height: 1.2;
    font-size: 19px;
	font-weight: 400;
    letter-spacing: 0.1em;
    text-align: center;
}

.button_menu a{
    text-decoration: none;
}

.button_menu:hover {
	top: -2px;
	color:#6d6c6c;
	background: #fff;
	box-shadow: 0 4px 0 #f2f2f3;
}

.button_menu:active {
	color:#fff;
	background: #6d6c6c;
	box-shadow: none;
	top: 0px;
}



.button_street{
	color:#fff;
	background: #836a2f;
    margin: 0px 0px 0px;
	padding: 5px 10px;
    line-height: 1.2;
    font-size: 19px;
	font-weight: 800;
    letter-spacing: 0px;
    text-align: center;
}

.button_street a{
	color:#fff;
    text-decoration: none;
}

.button_street:hover {
	background: #ad3a0f;
}

.button_street:active {
	background: #fff;
}



.button_street_yellow{
	color:#fff;
	background: #f5a21b;
    margin: 0px 0px 0px;
	padding: 5px 10px;
    line-height: 1.2;
    font-size: 19px;
	font-weight: 800;
    letter-spacing: 0px;
    text-align: center;
}

.button_street_yellow a{
	color:#fff;
    text-decoration: none;
}

.button_street_yellow:hover {
	background: #ad3a0f;
}

.button_street_yellow:active {
	background: #fff;
}



.button_list{
	color:#fff;
	background: #836a2f;
    margin: 0px 0px 0px;
	padding: 5px 10px;
    line-height: 1.2;
    font-size: 19px;
	font-weight: 800;
    letter-spacing: 0px;
    text-align: left;
}

.button_list a{
	color:#fff;
    text-decoration: none;
}

.button_list:hover {
	background: #ad3a0f;
}

.button_list:active {
	background: #fff;
}



.button_street_food{
	color: #fff;
	background: #f4a11a;
}






.button_mobile {
	color:#6d6c6c;
	background: #fff;
	position: relative;
}


.button_mobile:hover {
	color:#6d6c6c;
	background: #fff;
	border-radius: 0px;
	border-right: 1px solid #fad9d5 ;
	border-left: 1px solid #fad9d5 ;
}


.button_mobile:active {
	color:#fff;
	background: #fef3f2;
	box-shadow: none;
}








.button_grid_menu {
	border: 1px solid #6d6c6c;
	color:#ffffff;
	padding:16px 0 16px;
	background: #6d6c6c;
	position: relative;
	border-radius: 2px;
	-webkit-transition: none;
	transition: all .1s;
}


.button_grid_menu:hover {
	top: -2px;
	color:#ffffff;
	background: #3c3c3c;
	box-shadow: 0 4px 0 #ffffff;
}


.button_grid_menu:active {
	top: 0px;
	box-shadow: none;
}






.button_more {
    color: #856b2f;
	background: #feda58;
    width: 80%;
    margin: 30px auto 0;
	padding: 15px 10px;
    line-height: 1.2;
    border-radius: 5px;
	position: relative;
	-webkit-transition: none;
	transition: all .1s;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
	text-align: center;
    text-decoration: none;
}

.button_more:hover {
	color: #fff;
	background: #ec6834;
	top: -2px;
	box-shadow: 0 2px 0 #856b2f;
}

.button_more:focus-visible {
	color: #fff;
	background: #ec6834;
	top: -2px;
	box-shadow: 0 2px 0 #856b2f;
}






.button_more_gallery {
    clear: both;
    overflow: hidden;
    color: #fff;
	background: #856b2f;
    width: 40%;
    margin: 20px auto 0;
	padding: 5px 10px;
    line-height: 1.2;
    border-radius: 20px;
	position: relative;
	-webkit-transition: none;
	transition: all .1s;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
	text-align: center;
    text-decoration: none;
}

.button_more_gallery:hover {
	color: #fff;
	background: #ec6834;
	top: -2px;
	box-shadow: 0 2px 0 #856b2f;
}

.button_more_gallery:focus-visible {
	color: #fff;
	background: #ec6834;
	top: -2px;
	box-shadow: 0 2px 0 #856b2f;
}
























/*
--------------------------------------------------------------------------------
メイン｜コンテンツ
--------------------------------------------------------------------------------
*/

section.content{
	overflow: hidden;
    clear: both;
	margin: 0 auto 50px;
	padding: 0;
}


section.content_fit{
	overflow: hidden;
    clear: both;
    width: 1280px;
	margin: 0 auto 50px;
	padding: 0;
}


section #gallery{
	padding:0px;
	margin:0% 0% 10% -2%;
	overflow:hidden;
}

section #gallery a{
	color: #6d6c6c;
}


section #gallery_list{
	padding:0px;
	margin:0% 0% 4% -2%;
	overflow:hidden;
}

section #gallery_list a{
	color: #6d6c6c;
}


section #icon{
	padding:0px;
	margin:0% 0% 0% -1%;
	overflow:hidden;
}

section #icon a{
	color: #6d6c6c;
}


section #news{
	padding:0px;
	margin:0% 0% 10% 0%;
	overflow:hidden;
}

section #news a{
	color: #6d6c6c;
}


section.content p{
}


section.content img{
	max-width:100%;
	height:auto;
}


section#gallery p{
}


section#icon p{
}


.alignleft{
	float:left;
	clear:left;
	margin:3px 20px 20px 0;
}


.alignright{
	float:right;
	clear:right;
	margin:3px 0 20px 20px;
}


#gallery .grid{
	background:transparent;
}


#gallery_list .grid{
	background:transparent;
}


#gallery .border{
}


#gallery .grid img{
	width: 100%;
}


#gallery p{
	text-align: center;
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px;
}


#gallery p span{
	font-size: 10px;
	color: #a4a4a5;
}





#icon .grid{
	background:transparent;
}


#icon .border{
}


#icon .grid img{
	width: 100%;
}


#icon p{
	text-align: center;
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px;
	color: #b4b4b4;
}


#icon p span{
	font-size: 80%;
}



#main{
    overflow: hidden;
    clear: both;
}
























/*
--------------------------------------------------------------------------------
画像
--------------------------------------------------------------------------------
*/

.mainBanner{
    float: left;
    width: 100%;
	position: relative;
    margin: 0px auto 40px;
	line-height: 1;
}

.mainBanner .ban_l{
    float: left;
    width: 50%;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.mainBanner .ban_r{
    float: right;
    width: 50%;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.mainBanner img{
	width: 100%;
	height: auto;
}












/*
--------------------------------------------------------------------------------
YouTube
--------------------------------------------------------------------------------
*/

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
























/*
--------------------------------------------------------------------------------
テキスト
--------------------------------------------------------------------------------
*/

.white{
	color: #fff !important;
    border-color: #fff !important;
}

.brown{
	color: #856b2f !important;
    border-color: #856b2f !important;
}
























/*
--------------------------------------------------------------------------------
テキスト
--------------------------------------------------------------------------------
*/

.white{
	color: #fff;
}

strong{
    font-weight: 800;
}

p.futo{
	font-weight: bold;
}


p.dai{
	font-size: 20px;
	line-height: normal;
    margin-bottom: 5px;
}

p.dai span{
	font-size: 80%;
}


p.chu{
	font-size: 20px;
	line-height: normal;
    margin-bottom: 5px;
}

p.chu span{
	font-size: 80%;
}


p.sho{
	font-size: 14px;
	line-height: normal;
}

p.sho span{
	font-size: 11px;
}


p.futodai{
	font-weight: 500;
	font-size: 28px;
	line-height: normal;
    margin-bottom: 5px;
}


p.futodai span{
	font-size: 80%;
}


p.futochu{
	font-weight: 600;
	font-size: 18px;
	line-height: normal;
    margin-bottom: 10px;
}


p.futochu span{
	font-size: 80%;
}



p.fukudai{
    color: #fff;
    background-color: #6d6c6c;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.2;
	font-size: 23px;
	font-weight: 600;
    letter-spacing: 0.1em;
    text-align: center;
}


p.fukudai span{
	font-size: 80%;
}



p.yomigana{
    margin: 10px 0px 0px 0px;
    text-align: left;
	font-weight: bold;
	font-size: 10px;
    line-height: 1.2;
}


p.yomigana span{
	font-size: 80%;
}



p.hyou{
    margin: 0px 0px 10px 0px;
    text-align: left;
	font-weight: 600;
	font-size: 20px;
    padding: 0 0 0 15px;
    border-left: 5px solid #6d6c6c;
    line-height: 1.4;
}

p.hyou span{
	font-weight: 400;
	font-size: 16px;
    padding: 0px 0 0 15px;
}



p.hyou_line{
    margin: 0px 0px 10px 0px;
    text-align: left;
	font-weight: 600;
	font-size: 20px;
    padding: 0 0 5px 15px;
    border-bottom: 1px solid #6d6c6c;
    border-left: 5px solid #6d6c6c;
    line-height: 1.4;
}

p.hyou_line span{
	font-weight: 400;
	font-size: 16px;
}






h4.top{
	font-weight:bold;
	font-size:14px;
	padding-top:0px;
	letter-spacing:1px;
}


h3.subnav{
	margin:0px 0px 12px 12px;
	padding:2px 10px 2px 10px;
    line-height: 1;
	border-left:  6px solid #007696;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 2px;
}


h3.subnav_shop{
	margin: 0px 0px 12px 12px;
	padding: 2px 10px 2px 10px;
    line-height: 1;
	border-left: 6px solid #f4adaa;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 2px;
}


h2.toppage{
    background: url(../images/mark_smash.png) no-repeat top;
    width: 640px;
    margin: 100px auto 30px;
	padding: 35px 0px 20px;
    line-height: 1.2;
    border-bottom: 3px solid #5e5d5c;
	font-size: 37px;
	font-weight: 800;
    text-align:center;
}

h2.toppage span{
	font-size: 15px;
	font-weight: 500;
}



h2.center{
	margin: 0px auto 20px;
	padding: 0px 0px 30px 0px;
    line-height: 1.4;
	border-bottom: 1px solid #c5c6c6;
	font-size: 37px;
	font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
}

h2.center strong{
	font-weight: 900;
}


h2.center span{
	font-size: 14px;
	font-weight: 400;
}



h2.tategaki{
    height: auto;
	margin: 0px auto 0px;
	padding: 0px 40px 20px 0px;
    line-height: 1.4;
	border-right: 1px solid #c5c6c6;
	font-size: 37px;
	font-weight: 500;
    letter-spacing: 0.1em;
    writing-mode: vertical-rl;
}

h2.tategaki strong{
	font-weight: 900;
}


h2.tategaki span{
	font-size: 23px;
	font-weight: 400;
}



h3.heading{
    width: 60%;
	margin: 0px auto 25px;
	padding: 0px 0px 15px 0px;
    line-height: 1.2;
    box-sizing: border-box;
	border-bottom: 3px solid #6d6c6c;
	font-size: 37px;
    font-weight: 700;
	letter-spacing: 0em;
	text-align: center;
}

h3.headgap{
    width: 60%;
	margin: 120px auto 25px;
	padding: 0px 0px 15px 0px;
    line-height: 1.2;
    box-sizing: border-box;
	border-bottom: 3px solid #6d6c6c;
	font-size: 37px;
    font-weight: 700;
	letter-spacing: 0em;
	text-align: center;
}

h3.heading span,
h3.headgap span{
	font-size: 12px;
    font-weight: 600;
	letter-spacing: 0.1em;
}


h4.heading{
    box-sizing: border-box;
    color: #fff;
	background-color: #6d6c6c;
    width: 100%;
	margin: 0px auto 20px;
	padding: 0px 20px 0px;
    line-height: 1.4;
	font-size: 24px;
    font-weight: 600;
	letter-spacing: 0.1em;
}

h4.headgap{
    box-sizing: border-box;
    color: #fff;
	background: #6d6c6c;
    width: 100%;
	margin: 40px auto 20px;
	padding: 0px 20px 0px;
    line-height: 1.4;
	font-size: 24px;
    font-weight: 600;
	letter-spacing: 0.1em;
}

h4.heading span,
h4.headgap span{
	font-size: 60%;
    font-weight: 400;
	letter-spacing: 0.1em;
}



h5.heading{
    box-sizing: border-box;
    width: 100%;
	margin: 0px auto 20px;
	padding: 2px 14px 2px;
    line-height: 1.2;
	border-right: 6px solid #6d6c6c ;
	border-left: 6px solid #6d6c6c ;
	font-size: 24px;
    font-weight: 600;
	letter-spacing: 0.1em;
}


h5.headgap{
    box-sizing: border-box;
    width: 100%;
	margin: 40px auto 20px;
	padding: 2px 20px 2px;
	border-right: 4px solid #6d6c6c ;
	border-left: 4px solid #6d6c6c ;
	font-size: 24px;
    font-weight: 600;
	letter-spacing: 0.1em;
}



h5.hidarimaru{
    position: relative;
	font-size: 26px;
    font-weight: 600;
    color: #fff;
    background-color: #6d6c6c;
	margin: 0px auto 20px;
    padding: 20px auto 10px;
    border-radius: 5px;
}

h5.hidarimaru::before {
    content: attr(data-number);
	display: inline-block;
	color: #6d6c6c;
    background-color: #fff;
	font-size: 2rem;
    font-weight: 600;
	margin-right: 15px;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    border-radius: 50%;
    text-align: center;
}


h5.midashi{
    text-align: center;
	color: #fff;
    background-color: #6d6c6c;
    box-sizing: border-box;
	margin: 0px auto 20px;
	padding: 2px 20px 2px;
    line-height: 1.2;
	border-right: 10px solid #73973b ;
	border-left: 10px solid #73973b ;
    border-radius: 5px;
	font-size: 24px;
    font-weight: 500;
	letter-spacing: 0.1em;
}


h5.gricap{
    text-align: left;
	color: #836a2f;
	font-size: 16px;
	font-weight: 900;
	letter-spacing: 1px;
	padding:0px 0 0px 0px;
	margin: 0px 0px 0px 0px;
}


h5.gricap span{
	font-size: 10px;
	letter-spacing: 0px;
}


h6.gricap{
    text-align: left;
	color: #836a2f;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px;
	letter-spacing: 0.1em;
}






h3.heading_category{
    width: 100%;
	color: #fff;
    background: #f4a11a;
	text-align:center;
	font-size: 32px;
	font-weight: 900;
	letter-spacing: 0px;
	margin: 0px 0% 30px;
	padding: 2px 10px 2px;
    line-height: 1;
}

h3.heading_category span{
	font-size: 60%;
	font-weight: 500;
}


h3.headgap_category{
    width: 80%;
	color: #6d6c6c;
	text-align:center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 3px;
	margin: 120px 10% 30px;
	padding: 0px 0px 10px 20px;
	border-bottom: 5px solid #6d6c6c;
}






h5.gricap_list{
	color: #6d6c6c;
	text-align: left;
	font-size: 17px;
	font-weight: normal ;
	letter-spacing: 1px;
	padding:0px 0 0px 0px;
	margin: 0px 0px 8px 0px;
    float: right;
    width: 80%;
    height: auto;
    line-height: 1;
}


h5.gricap_list span{
	font-size: 10px;
	letter-spacing: 0px;
}


h6.gricap_list{
	text-align: left;
	font-size: 12px;
	letter-spacing: 1px;
	padding:1px 0px 1px 0px;
	margin: 0px 0px 8px 0px;
	border: 1px solid #e6e6e6 ;
    border-radius: 2px;
    background: #e6e6e6;
    float: right;
    width: 80%;
    height: auto;
    line-height: 1;
}




#gallery_list p.gricap_list{
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px;
    float: right;
    width: 80%;
    height: auto;
    line-height: 1;
}





p.grid{
	color: #6d6c6c;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	padding:2px 0 2px 0px;
	margin: 0px;
}



h5.newcap{
	color: #6d6c6c;
	font-size: 20px;
	padding:0px 0 0px 0px;
	margin: 0px 0 10px 0px;
}


h5.newcap span{
	font-size: 80%;
	letter-spacing: 1px;
}


h6.newcap{
	font-size: 16px;
	letter-spacing: 1px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 5px;
	border-top: 1px solid #e4e4e5 ;
	border-bottom: 1px solid #e4e4e5 ;
}


h4.midashi{
	font-weight:bold;
	font-size:18px;
	padding:0 0 0 0;
	line-height:1.6;
	margin-bottom:10px;
}


h3.side{
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 1px;
	margin-bottom:14px;
    color: #836a2f;
	border-bottom: 2px solid #836a2f;
}


h3.side_hospital{
	font-weight:bold;
	font-size: 14px;
	color: #8bcecb;
	letter-spacing: 2px;
	margin-bottom: 14px;
	border-bottom: 4px solid #b7dfdd;
}


h4.side{
	font-size:12px;
	font-weight: 800;
	letter-spacing: 1px;
	text-align: left;
	margin-bottom:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
    color: #836a2f;
	border-left: 1px solid #836a2f;
}


h4.side_hospital{
	font-weight:normal;
	font-size:14px;
	letter-spacing: 4px;
	margin-bottom:10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	text-align: left;
	border-left: 2px solid #b7dfdd;
}



.slogan{
	position:absolute;
	max-width:100%;
	height:auto;
	padding:5px 0px;
	line-height:1.4;
	text-align:left;
}

.slogan h3{
	padding-bottom:5px;
	font-size:20px;
}






.hidarinimidashi {
    display: flex;
    border-radius: 10px;
}

.hidarinimidashi dt {
    position: relative;
    font-size: 22px;
    font-weight: 400;
    color:#fff;
    background-color: #6d6c6c;
    padding: 5px 15px;
    line-height: 1.4;
    border-radius: 5px;
    letter-spacing: 0.2em;
    white-space: nowrap
}

.hidarinimidashi dd {
    font-size: 22px;
    font-weight: 500;
    padding: 5px 10px 5px 20px;
    background-color: #fff;
    line-height: 1.4;
}
























/*
--------------------------------------------------------------------------------
テーブル
--------------------------------------------------------------------------------
*/

table.table{
	width: 100%;
	border-collapse:collapse;
	margin:0px auto 0px auto;
}


table.table th{
	text-align:left;
	padding:10px 10px 10px 10px;
	white-space:nowrap;
	border-top:1px solid #e4e4e5;
	border-right:1px solid #d5d5d6;
	border-bottom:1px solid #e4e4e5;
	font-size:10px;
	letter-spacing:2px;
    width: 12%;
}


table.table th span{
	font-size:10px;
}


table.table td{
	width: auto;
	border-collapse:collapse;
	font-size:16px;
	text-align:left;
	padding:10px 10px 10px 20px;
	border-top:1px solid #e4e4e5;
	border-left:0px solid #f2f2f3;
	border-bottom:1px solid #e4e4e5;
	letter-spacing:2px;
	line-height:2;
}


table.table td span{
	font-size:10px;
}






table.menu{
	width: 100%;
	border-collapse:collapse;
	margin:0px auto 0px auto;
}


table.menu th{
	text-align:left;
	padding:10px 10px 10px 10px;
	white-space:nowrap;
	border-top:1px solid #e4e4e5;
	border-right:1px solid #d5d5d6;
	border-bottom:1px solid #e4e4e5;
	font-size:10px;
	letter-spacing:2px;
    width: 12%;
}


table.menu th span{
	font-size:10px;
}


table.menu td{
	width: auto;
	border-collapse:collapse;
	font-size:16px;
	text-align:left;
	padding:10px 10px 10px 20px;
	border-top:1px solid #e4e4e5;
	border-left:0px solid #f2f2f3;
	border-bottom:1px solid #e4e4e5;
	letter-spacing:2px;
	line-height:2;
}


table.menu td span{
	font-size:10px;
}






table.shinryo{
	width: 100%;
	border-collapse:collapse;
	margin:0px auto 0px auto;
}


table.shinryo th{
	text-align:left;
	padding:2% 2% 2% 0%;
	white-space:nowrap;
	border-top:1px solid #e4e4e5;
	border-right:3px solid #c5c6c6;
	border-bottom:1px solid #e4e4e5;
	font-size:16px;
	letter-spacing:4px;
}


table.shinryo th span{
	font-size:10px;
}


table.shinryo td{
	border-collapse:collapse;
	font-size:14px;
	text-align:center;
	padding:2% 2% 2% 2%;
	border-top:1px solid #e4e4e5;
	border-left:1px solid #c5c6c6;
	border-bottom:1px solid #e4e4e5;
	letter-spacing:3px;
}


table.shinryo td span{
	font-size:10px;
}
























/*
--------------------------------------------------------------------------------
サイドバー
--------------------------------------------------------------------------------
*/

#sidebar{
	clear:both;
	overflow:hidden;
}

#sidebar img{
	margin-right: 15px;
	margin-top: 0px;
}

#sidebar ul{
    line-height: 1;
	border: 1px solid #836a2f;
    border-radius: 8px;
}

#sidebar li{
	font-size: 14px;
    letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	display:inline-block;
    line-height: 1;
}

#sidebar li:after{
    font-weight: 100;
    margin-left: 10px;
	content:"｜";
}

#sidebar li:last-child{
	border:0;
	margin-bottom:0px;
	padding-bottom:0px;
}

#sidebar li:last-child:after{
	content: none;
}

#sidebar li a{
    text-decoration: none;
}






#sidebar .hospital{
	border:2px solid #b7dfdd;
}
























/*
--------------------------------------------------------------------------------
トップナビゲーション
--------------------------------------------------------------------------------
*/

ul#topnav{
	overflow:hidden;
	margin:0px 0 20px 0;
	letter-spacing: 1px;
	font-size: 12px;
}


ul#topnav span{
	font-size: 10px;
}


ul#topnav li{
	float:left;
	text-align:center;
}


ul#topnav a{
	color:#6d6c6c;
	display:block;
}


ul#topnav li.active a{
	color:#e4e4e5;
	background:#ffffff;
}


ul#topnav a:hover{
	color:#a9d066;
}








ul#topnav_top{
    overflow:hidden;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
}

ul#topnav_top span{
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
}

ul#topnav_top li{
	float:left;
	text-align:center;
}

ul#topnav_top li a{
	color:#fff;
    background: #836a2f;
    text-decoration: none;
}

ul#topnav_top li a:active{
	color:#836a2f;
	background:#fff;
}

ul#topnav_top li a:hover{
	color:#fff;
    background: #836a2f;
}



ul#topnav_index{
    overflow:hidden;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
}

ul#topnav_index span{
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
}

ul#topnav_index li{
	float: left;
    line-height: 1;
	letter-spacing: 1px;
	text-align: center;
}

ul#topnav_index li a{
	display: block;
	color: #fff;
    background-color: #000;
    text-decoration: none;
}

ul#topnav_index li a:active{
	color:#000;
	background:#fff;
}

ul#topnav_index li a:hover{
	color:#fff;
    background: #000;
}



ul#topnav_map{
    overflow: hidden;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

ul#topnav_map span{
    font-size: 10px;
    font-weight: 300;
    font-style: normal;
}

ul#topnav_map li{
	float:left;
	text-align:center;
}

ul#topnav_map li a{
    text-decoration: none;
}
























/*
--------------------------------------------------------------------------------
マップ
--------------------------------------------------------------------------------
*/

.map {
	position: relative;
	padding-bottom: 25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}


.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
























/*
--------------------------------------------------------------------------------
SNS
--------------------------------------------------------------------------------
*/

	.share{
		margin-bottom: 20px;
		padding:0px;
		border: none;
		font-size: 10px;
	}

	.share img{
        width: 50px;
	}
























/*
--------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------
*/

#footer{
    clear: both;
}

.footer{
    clear: both;
	background: linear-gradient(175deg, #000 0%, #000 100%);
	color:#fff;
}

.footer_design{
    clear: both;
	background: linear-gradient(175deg, #6d6c6c 0%, #4f4c4b 100%);
	color:#fff;
}

#footer a{
	color:#fff;
    text-decoration: none;
}


#footer .inner{
    display: flex;
	overflow: hidden;
}

#footer .info{
	float:left;
	width: 25%;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer .logo{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
    text-align: left;
}

#footer .logo img{
	height: 80px;
}

#footer .grid{
	width: 25%;
	margin:0;
    clear: both;
}



ul.footnav{
	float:right;
}

ul.footnav li{
	float: left;
	border-right: 1px solid #f6f3ea;
    font-size: 14px;
    font-weight: 500;
}

ul.footnav li span{
    font-size: 12px;
    font-weight: 300;
}

ul.footnav li:last-child{
	border:none;
}



.copyright{
	clear:both;
	padding:80px 0 50px;
	text-align:center;
	font-style:normal;
	font-size:8px;
	letter-spacing:2px;
}















/*
--------------------------------------------------------------------------------
フッターメニュー（スマホのみ）
--------------------------------------------------------------------------------
*/

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   opacity: 1;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
    display: flex;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 100%;
    height: 30px;
}

#sp-fixed-menu li{
    display: block;
    justify-content: center;
    align-items: center;
    color: #fff;
	background: #ce481a;
    width: 40%;
    height: auto;
    margin: 0;
    padding: 6px 0px 0px 0px;
    line-height: 1;
    border-right: 1px solid #fff;
    font-size: 16px;
}

#sp-fixed-menu li:first-child{
    width: 20%;
    height: auto;
}

#sp-fixed-menu li:last-child{
    width: 40%;
    height: auto;
    border-right: none;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

#sp-fixed-menu li img{
    width: 100%;
    margin: 0;
    padding: 0;
}



/*PCの場合にはメニューを表示させない*/
@media (min-width: 667px) {
   .for-sp{
       display: none;
    }
}
















































/*
------------------------------------------------------------------------------------------------------------------------


「 PC 」


------------------------------------------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 1280px){



	#wrapper_top{
		max-width: 100%;
		padding:0;
		margin:0 auto;
	}



	#header{
	}

	#header_top{
		width:1280px;
		padding:0;
		margin:0 auto;
		height: auto;
	}



	#header_nav_top{
		width: 1280px;
		margin: 0px auto 100px;
		padding: 0;
	}



	#header_nav{
	width:1280px;
	padding:0;
	margin: 20px auto 0px;
	}



	#wrapper{
		width: 1280px;
		padding: 0;
		margin: 0 auto;
	}








	.logo{
	}

	.logo_sp{
	}








	ul#topnav li{
		width:212px;
		border-left:1px solid #e4e4e5; 
	}

	ul#topnav li:first-child a{
		width:212px;
	}

	ul#topnav li:last-child a{
		width:212px;
		border-right:1px solid #e4e4e5; 
	}









	ul#topnav_top{
		margin: 20px 0 20px 0;
	}

	ul#topnav_top li{
		font-size: 16px;
		letter-spacing: 1px;
		width: 160px;
        line-height: 1;
	}

	ul#topnav_top li a{
		font-size: 18px;
		letter-spacing: 1px;
        margin: 0px 0px 20px;
        padding: 20px 0px;
		display:block;
	}



	ul#topnav_index{
		margin: 20px 0 20px 0;
	}

	ul#topnav_index li{
		width: 213.33px;
		font-size: 16px;
	}

	ul#topnav_index li a{
        margin: 0px 0px 20px;
        padding: 15px 0px;
		font-size: 18px;
	}



	ul#topnav_map{
		margin: 20px 0 20px 0;
	}

	ul#topnav_map li{
		font-size: 16px;
		letter-spacing: 1px;
		width: 128px;
        line-height: 1;
	}

	ul#topnav_map li a{
		font-size: 18px;
		letter-spacing: 1px;
        margin: 0px 0px 20px;
        padding: 20px 0px;
		color:#fff;
		display:block;
	}

	ul#topnav_map li a:active{
		color:#836a2f;
		background:#fff;
	}

	ul#topnav_map li a:hover{
		color:#fff;
	    background: #836a2f;
	}








	#main{
		float: left;
		width: 980px;
		padding: 0px 0 80px 0;
	}








	#sidebar{
		float:left;
		width: 1280px;
		margin: 10px auto 0px;
	}

	#sidebar ul{
	    margin: 0px 0px 20px 0px;
	    padding: 15px 15px;
	}

	#sidebar li a{
		color:#6d6c6c;
	}






	.share{
		padding:0px;
		margin-bottom: 20px;
		font-size: 10px;
		border: none;
	}






	/* グリッド全体 */
	.gridWrapper{
		width:1280px;
        padding: 0% 0 0%;
		margin: 0px auto 80px;
	}

	/* グリッド全体 フル */
	.gridWrapper_max{
		max-width: 100%;
        padding: 0px 0 0px;
		margin: 0px auto 80px;
	}

	.gridWrapper_max .inner{
		max-width: 1280px;
		margin: 0px auto 0px;
        padding: 0px 0 0px;
	}

	/* グリッド全体 スマホ */
	.gridWrapper_sp{
		width:1292px;
		margin:0 0 0 -12px;
		padding: 5px 0% 0% 0%;
	}

	/* グリッド全体 サブ */
	.gridWrapper_sub{
		width:1292px;
		margin:0 0 0 -12px;
		padding: 0px 0% 0% 0%;
	}

	/* グリッド全体 メニュー */
	.gridWrapper_menu{
		width:1292px;
		margin: 5px 0 0px -12px;
		padding: 5px 0% 0% 0%;
	}

	#gallery article{
		padding:0px ;
	}




	#icon article{
		padding:0px 0px 0px;
		margin:0px 0px 40px;
	}




	section #news{
		width: 840px;
	}




	#news article{
		padding:0px ;
	}




	/* グリッド */
	.grid{
		float:left;
		width: 24%;
		margin: 0px 0.5% 1% 0.5%;
	}

	.grid_2_l{
		float:left;
		width: 48.4%;
		margin: 0px 3.2% 3% 0%;
	}

	.grid_2_r{
		float:left;
		width: 48.4%;
		margin: 0px 0% 3% 0%;
	}

	.grid_3_l{
		float:left;
		width: 31.2%;
		margin: 0px 3.2% 3% 0%;
	}

	.grid_3_r{
		float:left;
		width: 31.2%;
		margin: 0px 0% 3% 0%;
	}

	.grid_4_l{
		float:left;
		width: 22.6%;
		margin: 0px 3.2% 3% 0%;
	}

	.grid_4_r{
		float:left;
		width: 22.6%;
		margin: 0px 0% 3% 0%;
	}

	.grid_4_l_half{
		float:left;
		width: 22.6%;
		margin: 0px 3.2% 3% 0%;
	}

	.grid_4_r_half{
		float:left;
		width: 22.6%;
		margin: 0px 0% 3% 0%;
	}



	.grid_box{
		float:left;
		width:23%;
		margin: 0px 1% 30px 1%;
	}

	.grid_button{
		float:left;
		width:244px;
		margin: 0px 0% 20px 15px;
	}



	#gallery .grid{
		width:23%;
		margin:0% 0% 1% 2%;
	}

	#gallery .grid img{
		width:100%;
	}


	#gallery_list .grid{
		width:31%;
		margin:0% 0% 2% 2%;
	}

	#gallery_list .grid img{
		width:17%;
        float: left;
        margin: 0 2% 0 0;
	}





	#icon .grid{
		width:15%;
		margin:0% 0% 0.5% 1%;
	}

	#icon .grid img{
		width:100%;
	}





	#footer{
	}

	#footer a{
	}

	#footer .inner{
		width:1280px;
		margin: 0px auto 0px;
		padding: 50px 0px 150px 0px;
	}

	#footer .info{
		width: 25%;
		text-align:left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#footer .logo{
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}

	#footer .grid{
		width: 75%;
		margin:0;
	    clear: both;
	}



	ul.footnav{
	}

	ul.footnav li{
		margin: 0px 0px 10px 0px;
		padding: 0 10px 0 10px;
	}

	ul.footnav li:last-child{
	}



	.copyright{
	}




	.kiji{
        box-sizing: border-box;
		width: 1080px;
		margin: 0px auto 40px;
        padding: 50px 0px;
	}






	.grid_top_news{
		width:96%;
		margin: 0 0% 4%;
		padding:40px 0px 0px 50px;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}






	.grid_top_news_1{
		float:none;
		width:70%;
		margin: 0 auto 3%;
	}



	.grid_top_news_1_1{
		width:1229px;
		margin: 0px 40px 40px 0px;
        padding: 40px 0px 0px 50px;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}

	.grid_top_news_2_l{
		width:569px;
		margin: 0px 40px 40px 0px;
        padding: 40px 0px 0px 50px;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}

	.grid_top_news_2_r{
		width:569px;
		margin: 0px 0px 40px 0px;
        padding: 40px 0px 0px 50px;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}



	.grid_top_news_3_l{
		width:349px;
		margin: 0px 40px 40px 0px;
        padding: 40px 0px 0px 50px;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}

	.grid_top_news_3_r{
		width:349px;
		margin: 0px 0px 40px 0px;
        padding: 40px 0px 0px 50px;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}






	.grid_top_max_1{
		float:none;
		width:50%;
		margin: 0 auto 3%;
	}



	.grid_top_max_2_l{
		width: 29%;
		margin: 0% 0% 5% 18%;
        padding: 0% 1% 0% 2%;
	}

	.grid_top_max_2_r{
		width: 29%;
		margin: 0% 18% 5% 0%;
        padding: 0% 2% 0% 1%;
	}



	.grid_top_max_3_l{
		width:349px;
		margin: 0px 40px 40px 0px;
        padding: 40px 0px 0px 50px;
	}

	.grid_top_max_3_r{
		width:349px;
		margin: 0px 0px 40px 0px;
        padding: 40px 0px 0px 50px;
	}






	.grid_top_button_l{
		float:left;
		width: 240px;
		margin: 0px 20px 30px 0px;
	}

	.grid_top_button_r{
		float:left;
		width: 240px;
		margin: 0px 0px 30px 0px;
	}






	.grid_menu{
		width:300px;
		margin:0px 0px 20px 30px;
	}

	.grid_menu_1{
		width:1280px;
		margin:0px 0px 10px 12px;
	}

	.grid_menu_2{
		width:634px;
		margin:0px 0px 10px 12px;
	}

	.grid_menu_3{
		width:419px;
		margin:0px 0px 10px 12px;
	}

	.grid_menu_3_c{
		width:418px;
		margin:0px 0px 10px 12px;
	}

	.grid_menu_4{
		width:311px;
		margin:0px 0px 10px 12px;
	}

	.grid_menu_5{
		width:246.4px;
		margin:0px 0px 10px 12px;
	}

	.grid_menu_8{
		width:112px;
		margin:0px 0px 10px 12px;
	}

	.grid_menu_10{
		width:87px;
		margin:0px 0px 10px 12px;
	}

	.grid_menu_10_lr{
		width:88px;
		margin:0px 0px 10px 12px;
	}





	.grid_sp_3{
		display: none;
	}






	.grid_news_1{
		width: 1230px;
		margin: 0px 0px 28px 0px;
		padding: 25px 25px;
        background: #fff;
	}

	.grid_news_2{
		width: 540px;
		margin: 0px 0px 28px 0px;
		padding: 25px 25px;
	}

	.grid_news_4_1{
		width:270px;
		margin:0;
		padding: 25px 25px;
	}

	.grid_news_4_3{
		width:910px;
		margin:0;
		padding: 25px 25px;
	}



	.grid_news_2_l{
        background-color: #fff;
		width: 580px;
		margin: 0px 20px 20px 0px;
		padding: 25px 25px;
	}

	.grid_news_2_r{
        background-color: #fff;
		width: 580px;
		margin: 0px 0px 40px 0px;
		padding: 25px 25px;
	}












	.grid_photo_1{
		width:1280px;
		padding:0;
		margin:0px 0px 28px 0px;
	}

	.grid_photo_2{
		width: 640px;
		padding: 0;
		margin: 0;
        line-height: 1;
	}

	.grid_photo_4_1{
		width: 320px;
		padding:0;
		margin: 0;
	}

	.grid_photo_4_3{
		width: 960px;
		padding:0;
		margin:0;
	}






	.grid_photo_2_l{
		width:626px;
		padding:0;
		margin:0px 28px 28px 0px;
	}

	.grid_photo_2_r{
		width:626px;
		padding:0;
		margin:0px 0px 28px 0px;
	}

	.grid_photo_3_1_l{
		width:408px;
		padding:0;
		margin:0px 28px 28px 0px;
	}

	.grid_photo_3_1_r{
		width:408px;
		padding:0;
		margin:0px 0px 28px 0px;
	}

	.grid_photo_3_2_l{
		width:844px;
		padding:0;
		margin:0px 28px 28px 0px;
	}

	.grid_photo_3_2_r{
		width:844px;
		padding:0;
		margin:0px 0px 28px 0px;
	}

	.grid_photo_4_1_l{
		width:299px;
		padding:0;
		margin:0px 28px 28px 0px;
	}

	.grid_photo_4_1_r{
		width:299px;
		padding:0;
		margin:0px 0px 28px 0px;
	}

	.grid_photo_4_3_l{
		width:953px;
		padding:0;
		margin:0px 28px 28px 0px;
	}

	.grid_photo_4_3_r{
		width:953px;
		padding:0;
		margin:0px 0px 28px 0px;
	}






}
















































/*
------------------------------------------------------------------------------------------------------------------------


「 タブレット 」


------------------------------------------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 768px) and (max-width: 1279px){



	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}

	#wrapper{
	}

	#header{
		width:100%;
		padding: 0px 0 0px;
		margin: 0 auto;
	}

	.inner{
		width: 96%;
		margin: 0 auto;
	}

	#header_top{
		width:88%;
		margin:0 auto;
		height:auto;
		padding:0 10px;
	}


	#header_top h1{
		float: none;
		width: auto;
		height: 40px;
		margin: 40px auto 50px;
	}

	#header_top .design{
		float: none;
		width: auto;
		height: 40px;
		margin: 40px auto 50px;
	}

	#header_top .calendar{
		float: none;
		width: auto;
		height: 40px;
		margin: 40px auto 50px;
	}

	#header_top .streetmap{
		float: none;
		width: auto;
		height: 60px;
		margin: 30px auto 30px;
	}

	#header_top .mamamap{
		float: none;
		width: auto;
		height: 40px;
		margin: 40px auto 50px;
	}

	#header_top .koenzukan{
		float: none;
		width: auto;
		height: 40px;
		margin: 40px auto 50px;
	}

	#header_top .kodomonobyoin{
		float: none;
		width: auto;
		height: 80px;
		margin: 40px auto 50px;
	}

	#header_top .kodomook{
		float: none;
		width: auto;
		height: 80px;
		margin: 40px auto 50px;
	}



	#header_nav_top{
		width: 92%;
		margin: 0px auto 100px;
	}



	#header_nav{
		width:92%;
		margin:0 auto;
	}



	#main{
		width: 100%;
		margin: 0px auto 0;
	}





	.logo{
		margin: 12px auto 8px;
	}

	.logo_sp{
		margin: 0px auto 0;
	}

	.logo_sp img{
		height: 25px;
	}






	.taitoru_sub{
		float: left;
		width: 100%;
		letter-spacing:2px;
		text-align:center;
		color: #836a2f;
		line-height: 1.5;
		margin: 0px 0% 20px;
		padding: 0px 0% 20px;
	    border-bottom: 1px solid #d4bf93;
	}

	.taitoru_sub span{
		letter-spacing:1px;
		font-size:8px;
	}

	.taitoru_sub ul {
	}

	.taitoru_sub li {
		display: block;
	    text-align: left;
		font-size: 14px;
		margin: 0px 0px 5px 0px;
	    padding:  0px 0px 0px 0px;
	    color: #836a2f;
	}

	.taitoru_sub a {
		color: #6d6c6c;
	}






	.taitoru_sub_center{
		float: left;
		width: 100%;
		letter-spacing:2px;
		text-align:center;
		color: #836a2f;
		line-height: 1.5;
		margin: 0px 0% 20px;
		padding: 0px 0% 20px;
	    border-bottom: 1px solid #d4bf93;
	}

	.taitoru_sub_center span{
		letter-spacing:1px;
		font-size:8px;
	}

	.taitoru_sub_center ul {
	}

	.taitoru_sub_center li {
		display: block;
	    text-align: center;
		font-size: 14px;
		margin: 0px 0px 5px 0px;
	    padding:  0px 0px 0px 0px;
	    color: #836a2f;
	}

	.taitoru_sub_center a {
		color: #6d6c6c;
	}






	.taitoru_time{
		float: left;
		width: 100%;
		line-height:1;
		margin: 0% 0% 4%;
		padding: 0px 0px 4%;
        border-bottom: 1px solid #ba9a56;
	}

	.taitoru_time img{
		width: 20px;
	}

	.taitoru_time_l{
		float: left;
		width: 50%;
		line-height:1;
		margin: 0;
		padding: 0;
	}

	.taitoru_time_l p{
		font-family: "M PLUS 1p", sans-serif;
        font-size: 20px;
		font-weight: 900;
		font-style: normal;
        color: #836a2f;
	}

	.taitoru_time_l p span{
        font-size: 40%;
		font-weight: 700;
		font-style: normal;
	}

	.taitoru_time_r{
		float: right;
		width: 50%;
		line-height:1;
		margin: 0;
		padding: 0;
	}

	.taitoru_time_r p{
		font-family: "M PLUS 1p", sans-serif;
        font-size: 20px;
		font-weight: 900;
		font-style: normal;
        color: #836a2f;
	}

	.taitoru_time_r p span{
        font-size: 80%;
		font-weight: 500;
		font-style: normal;
    }






	.taitoru_grid-lr{
	}






	.taitoru_news{
		float: left;
		width: 100%;
		margin:3% 0 3%;
		padding:6% 2% 7%;
		font-size:14px;
		letter-spacing:3px;
		color: #6d6c6c;
		border-top: 1px solid #e4e4e5;
		border-bottom: 1px solid #e4e4e5;
	}



	.taitoru_l{
	    float: left;
	    width: 43%;
		margin: 0px 2% 2% 5%;
		padding: 0px 0px 0px;
		line-height:1;
	}

	.taitoru_r{
	    float: left;
	    width: 43%;
		margin: 0px 5% 2% 2%;
		padding: 0px 0px 0px;
		line-height:1;
	}



	.taitoru_main h2{
	    margin: 0 0 15px;
	    padding: 0 5px 0;
		font-size: 32px;
		text-align:center;
	}






	h5.gricap_list{
		font-size: 17px;
		padding:0px 0 0px 0px;
		margin: 0px 0px 2% 0px;
	    width: 80%;
	    height: auto;
	}


	h5.gricap_list span{
		font-size: 10px;
	}


	h6.gricap_list{
		font-size: 10px;
		padding:2px 0px 2px 0px;
		margin: 0px 0px 2% 0px;
	    width: 80%;
	    height: auto;
	}




	#gallery_list p.gricap_list{
		font-size: 12px;
		padding:0px 0px 0px 0px;
		margin: 0px 0px 0px;
	    width: 80%;
	    height: auto;
	}









	.info{
		clear:both;
		width:100%;
		margin:5px 0 15px;
	}



	ul#topnav{
		clear: both;
		width: 100%;
		margin: 0px 0 10px 0;
	}

	ul#topnav li{
		width:33%;
		margin:0 1% 1% 0;
		border-left:1px solid #e4e4e5; 
	}


	ul#topnav li:nth-child(3n){
		width:32%;
		margin:0 0 1% 0;
		border-right:1px solid #e4e4e5; 
	}






	ul#topnav a{
		font-weight: bold;
		border-radius: 2px;
		padding:2px 0px 4px 0px;
	}


	ul#topnav li.active a{
		background:#f2d8c9;
		color:#c12c1f;
	}

	ul#topnav a:hover{
	}







	ul#topnav_top{
		margin: 20px 0 20px 0;
	}

	ul#topnav_top li{
		font-size: 16px;
		letter-spacing: 1px;
		width:25%;
        line-height: 1;
	}

	ul#topnav_top li:nth-child(4n){
		width:25%;
		margin:0 0 0px;
	}

	ul#topnav_top li a{
		font-size: 16px;
		letter-spacing: 1px;
        margin: 0% 0% 0px;
        padding: 10px 0px;
		color:#fff;
		display:block;
	}

	ul#topnav_top li a:active{
		color:#836a2f;
		background:#fff;
	}

	ul#topnav_top li a:hover{
		color:#fff;
	    background: #836a2f;
	}



	ul#topnav_index{
		margin: 20px 0 20px 0;
	}

	ul#topnav_index li{
		width: 33.33%;
        line-height: 1;
		font-size: 16px;
	}

	ul#topnav_index li:nth-child(3n){
		width: 33.34%;
		margin:0 0 0px;
	}

	ul#topnav_index li a{
        margin: 0% 0% 0px;
        padding: 15px 0px;
		font-size: 16px;
	}



	ul#topnav_map{
		margin: 20px 0 20px 0;
	}

	ul#topnav_map li{
		font-size: 16px;
		letter-spacing: 1px;
		width:20%;
        line-height: 1;
	}

	ul#topnav_map li:nth-child(5n){
		width:20%;
		margin:0 0 2%;
	}

	ul#topnav_map li a{
		font-size: 16px;
		letter-spacing: 1px;
        margin: 0% 0% 2%;
        padding: 10px 0px;
		color:#fff;
		display:block;
	}

	ul#topnav_map li a:active{
		color:#836a2f;
		background:#fff;
	}

	ul#topnav_map li a:hover{
		color:#fff;
	    background: #836a2f;
	}







	h2.toppage{
		width: 640px;
        margin: 0px auto 30px;
        padding: 50px 0px 10px;
	}




	h2.center{
	}





	.maintitle{
        width: 100%;
		margin: 0% auto 0px;
		padding: 0% 0% 0px;
	}

	.maintitle_sub{
        width: 100%;
		margin: 0% auto 40px;
		padding: 0px 0% 0px;
	}

	.maintitle_hospital{
		margin:5% auto 10%;
		padding:0px 0px 5%;
		border-bottom:6px solid #def0ef;
	}

	.maintitle_shop{
		margin:5% auto 10%;
		padding:0px 0px 5%;
		border-bottom:6px solid #fce6e4;
	}



	#breadcrumbs{
        font-size: 10px;
        line-height: 2;
		width: 96%;
		margin: 10% 2% 0px ;
        letter-spacing: 1px;
	}






	.item_title1{
	}

	.item_title2{
	    width: 92%;
	    margin: 0 auto;
	}

	.item_title3{
	    width: 92%;
	    margin: 0 auto;
	}

	.grid_subnav{
	    gap: 0 0;
	    width: 100%;
	    margin: 0 auto 5px;
	}



	.gallery_4{
	    gap: 0 0;
	    width: 100%;
	    margin: 0 auto;
	}

	.item_gallery {
	    flex-basis: calc((100% - 3%) / 4);
	    max-width: calc((100% - 3%) / 4);
	    margin: 0% 1% 2% 0%;
	}

	.item_gallery:nth-child(4n){
	    margin: 0% 0% 2% 0%;
	}

	.box_text{
	    padding: 0 0px;
	}

	.box_text_center{
	    padding: 0 0px;
	}



	.title_grid_sp{
	    grid-template-columns: 1fr 1fr;
	    grid-template-rows: auto auto auto;
	    gap: 20px 30px;
	    grid-template-areas:
	        "grid2 grid3"
	        "grid4 grid4"
	        "grid5 grid5";
        width: 92%;
        margin: 0 4%;
	}

	.grid_area1{
	}

	.grid_area2{
	}

	.grid_area3{
	}

	.grid_area4{
        margin-bottom: 50px;
	}



	.title_main{
	    grid-template-columns: 46% 1fr;
	    grid-template-rows: auto auto;
	    gap: 20px 30px;
	    grid-template-areas:
	        "grid1 grid2"
	        "grid3 grid2";
        width: 100%;
        max-height: 100%;
        margin: 0 0 30px 0%;
	}

	.title_area1{
	    grid-area: grid1;
	    padding: 0 0 0 4%;
	}

	.title_area2{
	    grid-area: grid2;
	}

	.title_area3{
	    grid-area: grid3;
	}

	.title_area2 img,
	.title_area3 img{
        max-width: 100%;
	    max-height: 100%;
	}






	.guide_center{
	}

	.guide_center_head{
        margin: 0;
        padding: 0 10%;
	}

	.guide_center_body{
        margin: 0;
        padding: 0 10%;
	}



	.guide_left{
	}

	.guide_left_head{
        padding: 0 10%;
	}

	.guide_left_body{
        padding: 0 10%;
	}



	.guide_lr{
	    grid-template-columns: 1fr 1fr;
	    grid-gap: 20px 40px;
	}

	.guide_lr_left{
	    padding: 35px 6% 40px;
	}

	.guide_lr_right{
	    padding: 35px 6% 40px;
	}

	.guide_lr_lr{
	    padding: 35px 3% 40px;
	}



	.guide_center img,
	.guide_left img,
	.guide_lr img{
	    width: 100%;
	}







	/* グリッド全体 */
	.gridWrapper{
		width: 96%;
		margin: 0 2% 80px;
	}

	/* グリッド全体 フル */
	.gridWrapper_max{
		width: 100%;
		margin: 0 auto 80px;
		padding: 0% 0% 0%;
	}

	/* グリッド全体 スマホ */
	.gridWrapper_sp{
		padding-top:3%;
		margin-left: -1%;
		clear: both;
	}

	/* グリッド全体 サブ */
	.gridWrapper_sub{
		padding-top: 0%;
		margin-left: -1%;
		clear: both;
	}

	/* グリッド全体 メニュー */
	.gridWrapper_menu{
		margin: 0 0 3% -1%;
		padding: 5px 0% 0% 0%;
		clear: both;
	}

	.grid{
		width:50%;
		margin:0 0% 8% 0%;
	}

	.grid_2_l{
		width:48%;
		margin:0 4% 5% 0%;
	}

	.grid_2_r{
		width:48%;
		margin:0 0% 5% 0%;
	}

	.grid_3_l{
		width: 31.2%;
		margin: 0% 3.2% 3% 0%;
	}

	.grid_3_r{
		width: 31.2%;
		margin: 0% 0% 3% 0%;
	}

	.grid_4_l{
		width:22%;
		margin:0 4% 5% 0%;
	}

	.grid_4_r{
		width:22%;
		margin:0 0% 5% 0%;
	}

	.grid_4_l_half{
		width:22%;
		margin:0 4% 5% 0%;
	}

	.grid_4_r_half{
		width:22%;
		margin:0 0% 5% 0%;
	}



	.grid_box{
		width:23%;
		margin:0 1% 4% 1%;
	}


	.grid_button{
		width:31.3%;
		margin: 0px 1% 2% 1%;
        padding: 0px;
	}




	#gallery .grid{
		float:left;
		width:31.3%;
		margin:0% 0% 2% 2%;
	}

	#gallery .grid img{
		width:100%;
	}


	#gallery_list .grid{
		float:left;
		width:48%;
		margin:0% 0% 2% 2%;
	}

	#gallery_list .grid img{
		width:18%;
        float: left;
        margin: 0 2% 0 0;
	}




	#icon .grid{
		float:left;
		width:15%;
		margin:1% 0% 0% 1%;
	}

	#icon .grid img{
		width:100%;
	}


	section #news{
		width: 100%;
	}

	section.content_fit{
        width: 100%;
		margin: 0 auto 50px;
		padding: 0;
	}




	#news article{
	}








	.kiji{
		width: 80%;
		margin: 5% 10% 5%;
	}






	.grid_top_news{
		float:left;
		width:100%;
		padding:20px 20px;
		margin: 0px 0px 20px 0px;
		border-top:1px solid #c3d700;
		border-left:1px solid #c3d700;
	}






	.grid_top_news_1{
		float:none;
		width:70%;
		margin: 0% auto 0%;
        padding: 40px 0px 35px 0px;
	}



	.grid_top_news_1_1{
		width:100%;
		margin: 0px auto 20px;
	}

	.grid_top_news_2_l{
		width:50%;
		margin: 0% auto 0%;
        padding: 40px 0px 35px 0px;
		border-top:1px solid #b4b4b4;
	}

	.grid_top_news_2_r{
		width:50%;
		margin: 0% auto 0%;
        padding: 40px 0px 35px 0px;
		border-top:1px solid #b4b4b4;
	}



	.grid_top_news_3_l{
		width:32%;
		margin: 0px 2% 40px 0px;
        padding: 2% 0px 0px 3%;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}

	.grid_top_news_3_r{
		width:32%;
		margin: 0px 0px 40px 0px;
        padding: 2% 0px 0px 3%;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}






	.grid_top_max_1{
		float:none;
		width:70%;
		margin: 0 auto;
	}



	.grid_top_max_2_l{
		width:44%;
		margin: 0 1% 0% 5%;
	}

	.grid_top_max_2_r{
		width:44%;
		margin: 0 5% 0% 1%;
	}



	.grid_top_max_3_l{
		width:32%;
		margin: 0px 2% 40px 0px;
        padding: 2% 0px 0px 3%;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}

	.grid_top_max_3_r{
		width:32%;
		margin: 0px 0px 40px 0px;
        padding: 2% 0px 0px 3%;
		border-top:1px solid #b4b4b4;
		border-left:1px solid #b4b4b4;
	}






	.grid_top_button_l{
		width: 20%;
		margin: 0px 5% 5% 0%;
        padding: 0px;
	}

	.grid_top_button_r{
		width:20%;
		margin: 0px 0% 5% 0%;
        padding: 0px;
	}






	.grid_menu{
		width:29%;
		margin:0px 0px 2% 4%;
		font-size:13px;
	}

	.grid_menu span{
		display:block;
	}

	.grid_menu_1{
		width:99%;
		margin:0% 0% 1% 1%;
	}

	.grid_menu_2{
		width:49%;
		margin:0% 0% 1% 1%;
	}

	.grid_menu_3{
		width:32%;
		margin:0px 0% 1% 1%;
	}

	.grid_menu_3_c{
		width:33%;
		margin:0px 0% 1% 1%;
	}

	.grid_menu_4{
		width:24%;
		margin:0% 0% 1% 1%;
	}

	.grid_menu_5{
		width:19%;
		margin:0% 0% 1% 1%;
	}

	.grid_menu_8{
		width:11.5%;
		margin:0% 0% 1% 1%;
	}

	.grid_menu_10{
		width:9%;
		margin:0% 0% 1% 1%;
	}

	.grid_menu_10_lr{
		width:9%;
		margin:0% 0% 1% 1%;
	}





	.grid_sp_3{
		display: none;
	}






	.grid_news_1{
		float: left;
		width: 100%;
		padding: 3% 3%;
		margin: 0 auto 1%;
        background: #fff;
	}

	.grid_news_2{
		float:left;
		width:50%;
		padding:1% 2%;
		margin: 0 auto 20px;
	}

	.grid_news_2_l{
        background-color: #fff;
		width: 49%;
		padding: 25px 25px;
		margin: 0% 1% 1% 0%;
	}

	.grid_news_2_r{
        background-color: #fff;
		width: 49%;
		padding: 25px 25px;
		margin: 0% 0% 1% 0%;
	}

	.grid_news_4_1{
		float:left;
		width:25%;
		padding:1% 2%;
		margin:0;
	}

	.grid_news_4_3{
		float:left;
		width:75%;
		padding:1% 2%;
	}



	.grid_photo_1{
		float:left;
		width:100%;
		padding:0;
		margin:0% 0% 1% 0%;
	}

	.grid_photo_2{
		width:50%;
		padding: 0;
		margin: 0;
        line-height: 1;
	}

	.grid_photo_4_1{
		float:left;
		width:25%;
		padding:0;
		margin:0;
	}

	.grid_photo_4_3{
		float:left;
		width:75%;
		padding:0;
		margin:0;
	}


	.grid_photo_2_l{
		width:49%;
		padding:0;
		margin:0% 1% 1% 0%;
	}

	.grid_photo_2_r{
		width:49%;
		padding:0;
		margin:0% 0% 1% 1%;
	}

	.grid_photo_3_1_l{
		width:32%;
		padding:0;
		margin:0% 1% 1% 0%;
	}

	.grid_photo_3_1_c{
		width:32%;
		padding:0;
		margin:0% 1% 1% 1%;
	}

	.grid_photo_3_1_r{
		width:32%;
		padding:0;
		margin:0% 0% 1% 1%;
	}

	.grid_photo_3_2_l{
		width:66%;
		padding:0;
		margin:0% 1% 1% 0%;
	}

	.grid_photo_3_2_r{
		width:66%;
		padding:0;
		margin:0% 0% 1% 1%;
	}

	.grid_photo_4_1_l{
		width:23.5%;
		padding:0;
		margin:0% 1% 1% 0%;
	}

	.grid_photo_4_1_c_l{
		width:23.5%;
		padding:0;
		margin:0% 1% 1% 1%;
	}

	.grid_photo_4_1_c_r{
		width:23.5%;
		padding:0;
		margin:0% 1% 1% 1%;
	}

	.grid_photo_4_1_r{
		width:23.5%;
		padding:0;
		margin:0% 0% 1% 1%;
	}

	.grid_photo_4_3_l{
		width:74.5%;
		padding:0;
		margin:0% 1% 1% 0%;
	}

	.grid_photo_4_3_r{
		width:74.5%;
		padding:0;
		margin:0% 0% 1% 1%;
	}




	.mainBanner{
        width: 100%;
		margin: 0px auto 4%;
        padding: 0;
	}

	.mainBanner .ban_l{
	    float: left;
	    width: 50%;
		margin: 0;
		padding: 0;
		line-height:0;
	}

	.mainBanner .ban_r{
	    float: right;
	    width: 50%;
		margin: 0;
		padding: 0;
		line-height:0;
	}






	h3.heading{
	    width: 90%;
		margin: 0px 5% 30px;
		padding: 0px 0px 10px 0px;
	    line-height: 1.2;
		border-bottom: 5px solid #6d6c6c;
		font-size: 31px;
	}

	h3.headgap{
	    width: 90%;
		margin: 120px 5% 30px;
		padding: 0px 30px 10px;
	    line-height: 1.2;
		border-bottom: 5px solid #6d6c6c;
		font-size: 31px;
	}

	h3.heading span,
	h3.headgap span{
		font-size: 12px;
	    font-weight: 600;
		letter-spacing: 0.1em;
	}

	h4.heading{
	    width: 100%;
		margin: 0px auto 15px;
		padding: 0px 30px 0px;
		font-size: 20px;
	}

	h4.headgap{
	    width: 100%;
		margin: 40px auto 15px;
		padding: 0px 30px 0px;
		font-size: 20px;
	}

	h5.heading{
	    width: 100%;
		margin: 0 auto 15px;
		padding: 2px 26px 2px;
		font-size: 16px;
	}


	h5.headgap{
	    width: 100%;
		margin: 50px auto 15px;
		padding: 2px 26px 2px;
		font-size: 16px;
	}












	.hidarinimidashi dt {
	    font-size: 16px;
	    padding: 5px 15px;
	    line-height: 1.4;
	    border-radius: 5px;
	}

	.hidarinimidashi dd {
	    font-size: 16px;
	    font-weight: 500;
	    padding: 5px 10px 5px 20px;
	    line-height: 1.4;
	}






	#sidebar{
		float:none;
		width: 90%;
		margin: 0% auto 10%;
	}

	#sidebar img{
		margin:0px;
	}

	#sidebar ul{
	    margin: 0% 0% 2% 0%;
	    padding: 8px 16px;
	}

	#sidebar li{
		display: inline-block;
		margin-right: 1%;
		padding: 0 0px 0 0;
	}

	#sidebar li:last-child{
		margin-right: 0%;
		padding: 0 0px 0 0;
	}

	#sidebar li a{
		font-weight: normal;
	}






	.share{
		text-align: center;
		border: none;
		padding:3% 0 3%;
		margin: 0% auto 10%;
		font-size: 10px;
		color:#c5c6c6;
	}




	#footer{
	}

	#footer a{
	}

	#footer .inner{
		width: 90%;
		margin: 0px 5% 0px;
		padding: 50px 0px 0px 0px;
	}

	#footer .info{
		width: 30%;
		text-align:left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#footer .logo{
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}

	#footer .logo img{
        height: 20px;
	}

	#footer .grid{
		width: 70%;
		margin:0;
	    clear: both;
	}



	ul.footnav{
	}

	ul.footnav li{
		margin: 0px 0px 10px 0px;
		padding: 0 10px 0 10px;
	}

	ul.footnav li:last-child{
	}



	.copyright{
	}






}
















































/*
------------------------------------------------------------------------------------------------------------------------


「 スマートフォン 」


------------------------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width:767px){



	#wrapper{
	}



	.inner{
		width:88%;
		padding:0;
	}



	#header_top{
		width: 90%;
		padding: 0% 0 0 0;
		margin: 0px auto 0px;
		height:auto;
	}



	#header_nav_top{
		width: 100%;
		margin: 0 auto 80px;
	}



	#header{
		width: 100%;
		padding: 0;
		margin: 0px auto 10px;
		height: auto;
	}



	.inner{
		width: 100%;
		margin: 0 auto;
	}



	#header_top h1{
		overflow: hidden;
		clear: both;
		float: none;
		width: 260px;
		height: 260px;
		background: url("../images/rth_logo.png") no-repeat center;
		background-size: 260px;
		margin: 60px auto 0px;
	}



	#header_top .streetmap{
		overflow: hidden;
		clear: both;
		float: left;
		width: 280px;
		height: 80px;
		background: url("../images/rth_logo.png") no-repeat left;
		background-size: 280px;
		margin: 20px auto 20px;
	}












	#main{
		width:100%;
		margin:0px auto 0;
	}



	.maintitle{
        width: 100%;
		margin: 0% auto 10px;
		padding:0px 0% 0px;
		border-bottom: 0px solid #c5c6c6;
	}



	.maintitle_sub{
        width: 100%;
		margin: 0px auto 40px;
		padding: 0px 0% 0px;
	}






	section.content{
		margin: 0% 0% 50px 0%;
		padding: 0px;
	}

	section.content_fit{
        width: 100%;
		margin: 0% 0% 50px 0%;
		padding: 0px;
	}



	section #gallery{
		padding:0px;
		margin:0% 0% 10% -2%;
		overflow:hidden;
	}



	section #gallery_list{
		padding:10px 0px 10px 0px;
		margin:0% 0% 6% -2%;
		overflow:hidden;
	}






	section #icon{
		padding:0px;
		margin:0% 0% 10% -2%;
		overflow:hidden;
	}



	#gallery article{
		width: 100%;
		margin-left: 0%;
	}



	#gallery .grid{
		float:left;
		width:50%;
		height:auto;
		margin:0 0% 2% 0%;
	}



	#gallery_list .grid{
		float:left;
		width:96%;
		height:auto;
		margin:0 0% 5% 2%;
		overflow: hidden;
		clear: both;
	}



	#gallery_list .grid img{
		width: 18%;
        float: left;
	}






	section #icon{
		padding:0px;
		margin:0% 0% 10% -1%;
		overflow:hidden;
	}



	#icon article{
		width: 100%;
		margin-left: 0%;
	}

	#icon .grid{
		float:left;
		width:32%;
		height:auto;
		margin:0 0% 1% 1%;
	}






	.logo{
        margin: 30px 0px 20px 0px;
	}

	.logo img{
		height: 25px;
	}



	.logo_sp{
        margin: 20px 0px 0px 0px;
	}

	.logo_sp img{
		height: 15px;
	}






	.taitoru_l{
	    float: left;
	    width: 90%;
		margin: 0px 5% 10px;
		padding:0px 0px 0px;
		line-height:1;
	}

	.taitoru_r{
	    float: left;
	    width: 90%;
		margin: 0px 5% 10px;
		padding:0px 0px 0px;
		line-height:1;
	}






	.taitoru_main h2{
	    padding: 0 5px 0;
	    margin: 0 0 15px;
		font-size: 32px;
	}

	h2.taitoru_street-food{
		font-size: 42px;
	    color: #fff;
	    background: #f4a11a;
	}

	h2.taitoru_street-food-sub{
	    font-size: 34px;
	    color: #f4a11a;
	    background: none;
	}

	.taitoru_main h2 span{
	    font-weight: 700;
		font-size: 90%;
	}

	.taitoru_main p{
	    color: #836a2f;
		font-size:12px;
		text-align:center;
	    margin: 10px 0 5px 0;
	}

	.taitoru_main p span{
		font-size:10px;
	}






	.taitoru_genre{
        text-align: center;
		margin: 0 0 5% 0;
	}



	.taitoru_main{
		width: 100%;
		line-height:1.2;
		padding: 0px 0px 20px 0px;
		margin: 0% 0% 10px;
	}



	.taitoru_sub{
		float: left;
		width: 100%;
		line-height: 1.5;
		margin: 0px 0% 10px;
		padding: 0px 0px 10px;
	    border-bottom: 1px solid #d4bf93;
	}

	.taitoru_sub span{
	}

	.taitoru_sub ul {
	}

	.taitoru_sub li {
	}

	.taitoru_sub a {
	}



	.taitoru_sub_center{
		float: left;
		width: 100%;
		line-height: 1.5;
		margin: 0px 0% 10px;
		padding: 0px 0px 10px;
	    border-bottom: 1px solid #d4bf93;
	}

	.taitoru_sub_center span{
	}

	.taitoru_sub_center ul {
	}

	.taitoru_sub_center li {
	}

	.taitoru_sub_center a {
	}






	.taitoru_img_3{
		float: left;
		width: 100%;
		line-height:1;
		margin: 0% 0% 0%;
		padding: 0px 0px 0px 0px;
	}

	.taitoru_img_3 ul {
		width: 100%;
		margin: 0px 0% 10px;
	}

	.taitoru_img_3 li {
		display: inline-flex;
		width: 48%;
		margin: 0px 0.5% 10px;
	    padding: 0px 0px 0px 0px;
	}

	.taitoru_img_3 li img {
		width: 100%;
	}












	.taitoru_time{
		float: left;
		width: 100%;
		line-height:1;
		margin: 0% 0% 10px;
		padding: 0px 0px 10px;
        border-bottom: 1px solid #ba9a56;
	}

	.taitoru_time img{
		width: 20px;
	}

	.taitoru_time_l{
		float: left;
		width: 50%;
		line-height:1;
		margin: 0;
		padding: 0;
	}

	.taitoru_time_r{
		float: right;
		width: 50%;
		line-height:1;
		margin: 0;
		padding: 0;
	}

	.taitoru_time_l p,
	.taitoru_time_r p{
        font-size: 20px;
		font-weight: 900;
	}






	.taitoru_grid-lr{
		width: 100%;
	}






	.taitoru_news{
		float: left;
		width: 100%;
		margin:5% 0 5%;
		padding:0% 2% 15%;
		font-size:14px;
		letter-spacing:3px;
		color: #6d6c6c;
		border-top: none;
		border-bottom: 1px solid #e4e4e5;
	}



	.club li{
		font-size: 12px;
		font-weight: bold;
		display: inline-block;
		color: #fff;
	    background: #005568;
		padding: 0px 20px 0px 20px;
	    line-height: 1;
	}



	.food li{
		font-size: 12px;
		font-weight: bold;
		display: inline-block;
		color: #fff;
	    background: #f4a11a;
		padding: 0px 20px 0px 20px;
	    line-height: 1;
	}

	.food li img{
        width: 100px;
		padding: 0px;
	    line-height: 1;
	}



	#type li{
		font-size: 12px;
		font-weight: bold;
		display: inline;
		padding: 0px 0px 0px 0px;
	    line-height: 1;
	}

	#type li img{
        width: 35%;
		padding: 0px;
	    line-height: 1;
	}



	.textbox-line li{
		font-size: 12px;
		font-weight: bold;
		display: inline-block;
		color: #836a2f;
		padding: 4px 8px;
        margin: 0px 0px 5px 0px;
	    line-height: 1;
        border: 1px solid #836a2f;
        border-radius: 4px;
	}



	.textbox li{
		font-size: 12px;
		font-weight: bold;
		display: inline-block;
		color: #fff;
        background: #836a2f;
		padding: 4px 8px;
        margin: 0px 0px 5px 0px;
	    line-height: 1;
        border: 0px solid #836a2f;
        border-radius: 4px;
	}



	#breadcrumbs{
        font-size: 10px;
        line-height: 2;
		width: 90%;
		margin: 10% 5% 60px ;
        letter-spacing: 1px;
	}






	p.fukudai{
	    margin: 0px 0px 10px 0px;
		font-size: 20px;
	    text-align: center;
	}



	p.yomigana{
	    margin: 10px 0px 0px 0px;
	    text-align: center;
		font-weight: bold;
		font-size: 10px;
	    line-height: 1.2;
	}

	p.yomigana span{
		font-size: 80%;
	}












	h4.top{
		margin-top: 0px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 0px;
		padding-bottom: 0px;
		font-size: 14px;
	}



	h3.subnav{
		background: #f2f2f3 ;
		font-size: 12px;
		margin:0px 0px 10px 2%;
		padding:4px 0px 4px 10px;
		border-radius: 2px;
		letter-spacing: 2px;
	}



	h2.toppage{
		width:80%;
        margin: 0px auto 30px;
        padding: 40px 0px 10px;
		font-size: 31px;
	}

	h2.toppage span{
		font-size: 19px;
	}



	h2.center{
		margin: 0px auto 0px;
		padding: 0px 0px 20px 0px;
        line-height: 1.2;
		font-size: 31px;
	}

	h2.center span{
		font-size: 12px;
	}



	h2.tategaki{
		margin: 0px auto 0px;
		padding: 0px 0px 20px;
		border-right: none;
		border-bottom: 1px solid #f7f3eb;
		font-size: 31px;
	}

	h2.tategaki span{
		font-size: 23px;
	}






	h3.heading{
	    width: 80%;
		margin: 0px 10% 30px;
		padding: 0px 0px 10px 0px;
		font-size: 26px;
	}

	h3.headgap{
	    width: 80%;
		margin: 120px 10% 30px;
		padding: 0px 0px 10px 0px;
		font-size: 26px;
	}

	h4.heading{
	    width: 100%;
		margin: 0px auto 20px;
		padding: 0px 30px 0px;
		font-size: 22px;
	}

	h4.headgap{
	    width: 100%;
		margin: 40px auto 20px;
		padding: 0px 30px 0px;
		font-size: 22px;
	}

	h5.heading{
	    width: 100%;
		margin: 0px auto 20px;
		padding: 2px 26px 2px;
		font-size: 20px;
	}


	h5.headgap{
	    width: 100%;
		margin: 50px auto 20px;
		padding: 2px 26px 2px;
		font-size: 20px;
	}






	h5.gricap{
		color: #836a2f;
		margin: 0px 10px 0px;
		padding: 0px 0px 0px;
		font-weight: 900;
		font-size: 14px;
		letter-spacing: 0px;
		text-align: left;
	}

	h5.gricap span{
		font-size: 10px;
		letter-spacing: 0px;
	}

	h6.gricap{
		font-size: 10px;
		margin: 0px 10px 0px;
		padding: 0px 0px 0px;
	}






	h5.gricap_list{
	    float: right;
	    width: 78%;
	    height: 20px;
		margin: 0px 0px 8px;
		padding:0px 0 0px 0px;
		font-size: 18px;
	    line-height: 1;
	    text-align: left;
	}

	h5.gricap_list span{
		font-size: 10px;
		letter-spacing: 0px;
	}



	h6.gricap_list{
	    float: right;
	    width: 78%;
		margin: 0px 0px 4px;
		padding:2px 2px 2px 2px;
		font-size: 10px;
	    text-align: left;
	}












	.hidarinimidashi dt {
	    font-size: 16px;
	    padding: 5px 15px;
	    line-height: 1.4;
	    border-radius: 5px;
        height: 32px;
	}

	.hidarinimidashi dd {
	    font-size: 22px;
	    font-weight: 500;
	    padding: 5px 10px 5px 20px;
	    line-height: 1.4;
	}












	#gallery_list p.gricap_list{
	    float: right;
	    width: 78%;
		margin: 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size: 12px;
	    text-align: left;
	}






	ul#topnav li{
		width:31%;
		margin:0 1% 1% 1%;
		padding-left: 2%;
	}

	ul#topnav li:nth-child(3n){
		width:32%;
		margin:0 1% 1% 1%;
		padding-left: 1%;
	}

	ul#topnav li a{
		width:100%;
		padding: 0;
	}

	ul#topnav li:first-child a,ul#topnav li:last-child a{
		width:100%;
	}



	ul#topnav a{
		padding:2px 0px 2px 0px;
		font-size:10px;
		font-weight: normal;
		letter-spacing: 1px;
	}



	ul#topnav li.active a{
	}

	ul#topnav a:hover{
	}



	ul#topnav .burder li{
		width:31%;
		margin:0 1% 1% 1%;
		padding-left: 2%;
	}

	ul#topnav .burder li:nth-child(3n){
		width:32%;
		margin:0 1% 1% 1%;
		padding-left: 1%;
	}

	ul#topnav .burder li a{
		width:100%;
		padding: 0;
	}

	ul#topnav .burder li:first-child a,ul#topnav li:last-child a{
		width:100%;
	}



	ul#topnav a{
		padding:2px 0px 2px 0px;
		font-size:10px;
		font-weight: normal;
		letter-spacing: 1px;
	}



	ul#topnav li.active a{
	}

	ul#topnav a:hover{
	}






	ul#topnav_top{
		overflow:hidden;
		margin: 20px 0 20px 0;
		font-size: 18px;
		letter-spacing: 1px;
	}

	ul#topnav_top li{
		float:left;
	    width: 50%;
		margin:0 0 0%;
        text-align: left;
	}

	ul#topnav_top li:nth-child(4n){
		width: 50%;
		margin:0 0 0%;
	}

	ul#topnav_top li a{
		display:block;
		color:#fff;
		margin: 0 0 0%;
        padding: 10% 10%;
		font-size: 18px;
	}



	ul#topnav_index{
		margin: 20px 0 20px 0;
		font-size: 16px;
	}

	ul#topnav_index li{
		float: left;
	    width: 50%;
		margin: 0 0 0%;
        text-align: left;
	}

	ul#topnav_index li:nth-child(3n){
		width: 50%;
		margin: 0 0 0%;
	}

	ul#topnav_index li a{
		margin: 0 0 0%;
        padding: 20% 10%;
		font-size: 16px;
	}



	ul#topnav_map{
		overflow:hidden;
		margin: 20px 0 20px 0;
		font-size: 20px;
		letter-spacing: 1px;
	}

	ul#topnav_map li{
		float:left;
	    width: 50%;
		margin:0 0 0%;
        text-align: left;
	}

	ul#topnav_map li:nth-child(5n){
		width: 50%;
		margin:0 0 0%;
	}

	ul#topnav_map li a{
		display:block;
		color:#fff;
		margin: 0 0 0%;
        padding: 20% 10%;
		font-size: 20px;
	}






	.title_grid{
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(100%));
	    grid-gap: 20px 20px;
	    margin: 0 0 20px 0;
	}

	.item_title1{
	    width: 100%;
	    margin: 0 auto;
	}

	.item_title2{
	    width: 100%;
	    margin: 0 auto;
	}

	.item_title3{
	    width: 100%;
	    margin: 0 auto;
	}



	.grid_subnav{
	    gap: 0 0;
	    width: 100%;
	    margin: 0 auto 5px;
	}

	.item_subnav_1{
	    flex-basis: 100%;
	    max-width: 100%;
	    margin: 0% 0% 10px 0;
	}

	.item_subnav_2{
	    flex-basis: 100%;
	    max-width: 100%;
	    margin: 0% 0% 10px 0;
	}

	.item_subnav_2:nth-child(2n){
	    margin: 0% 0% 10px 0;
	}

	.item_subnav_3{
	    flex-basis: 100%;
	    max-width: 100%;
	    margin: 0% 0% 10px 0;
	}

	.item_subnav_3:nth-child(3n){
	    margin: 0% 0% 10px 0;
	}

	.item_subnav_4{
	    flex-basis: calc((100% - 1%) / 2);
	    max-width: calc((100% - 1%) / 2);
	    margin: 0% 1% 10px 0;
	}

	.item_subnav_4:nth-child(2n){
	    margin: 0% 0% 10px 0;
	}



	.column_4_sp2{
	    grid-template-columns: repeat(auto-fit, minmax(187px, 1fr));
	    grid-gap: 20px 0px;
	}

	.item_list_top{
	}



	.gallery_4{
	    gap: 0 0;
	    width: 100%;
	    margin: 0 auto;
	}

	.item_gallery {
	    flex-basis: calc((100% - 1%) / 2);
	    max-width: calc((100% - 1%) / 2);
	    margin: 0% 1% 2% 0%;
	}

	.item_gallery:nth-child(2n){
	    margin: 0% 0% 2% 0%;
	}

	.box_text{
	    padding: 0 10px;
	}

	.box_text_center{
	    padding: 0 10px;
	}

	.box_text_center h3{
	    margin: 0 0 5px;
	    line-height: 1.2;
	    font-size: 14px;
	    font-weight: 600;
	    letter-spacing: 0.02em;
	    text-align: center;
	}

	.box_text_center p{
	    margin: 0 0 5px;
	    line-height: 1.2;
	    font-size: 12px;
	    font-weight: 400;
	    letter-spacing: 0.02em;
	    text-align: center;
	}



	.title_grid_sp{
	    grid-template-columns: 1fr 1fr;
	    grid-template-rows: auto auto auto;
	    grid-template-areas:
	        "grid1 grid1"
	        "grid2 grid2"
	        "grid3 grid3"
	        "grid4 grid4";
        width: 100%;
        margin: 0 auto 50px;
	}

	.grid_area1{
        width: 90%;
        margin: 0 5%;
        border-bottom: 1px solid #ba9a56;
	}

	.grid_area2{
        width: 90%;
        margin: 0 5%;
	}

	.grid_area3{
        width: 90%;
        margin: 0 5%;
	}

	.grid_area4{
        width: 90%;
        margin: 0 5%;
	}



	.title_main{
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-template-rows: auto auto;
	    gap: 20px 30px;
	    grid-template-areas:
	        "grid2 grid2"
	        "grid3 grid3";
        width: 100%;
	    max-height: 100%;
        margin: 0 0 0px 0%;
	}

	.title_area1{
	    grid-area: grid2;
        margin: 0;
        padding: 0;
        z-index: 1;
        align-self: start;
	}

	.title_area2{
	}

	.title_area3{
        width: 90%;
        height: auto;
        margin: 0 5% 0px;
        padding: 0px 0 0;
	}

	.title_area2 img,
	.title_area3 img{
        max-width: 100%;
	    max-height: 100%;
	}






	.item_4_3{
		flex-basis: 100%;
	}



	.item_1_sp1, .item_2_sp1, .item_3_sp1, .item_4_sp1, .item_5_sp1, .item_6_sp1{
		flex-basis: 100%;
        margin: 0;
	}

	.item_2_sp2, .item_3_sp2, .item_4_sp2, .item_5_sp2, .item_6_sp2{
	    flex-basis: 50%;
	    max-width: 50%;
	    margin: 0% 0% 1% 0%;
	}



	.item_nar_2_sp1, .item_nar_3_sp1, .item_nar_4_sp1, .item_nar_5_sp1, .item_nar_6_sp1{
		flex-basis: 100%;
        max-width: 100%;
	    margin: 0% 0% 1% 0%;
	}

	.item_nar_2_sp2, .item_nar_4_sp2, .item_nar_6_sp2{
	    flex-basis: calc((100% 1%) / 2);
	    max-width: calc((100% 1%) / 2);
	    margin: 0% 1% 1% 0%;
	}

	.item_nar_2:nth-child(2n), .item_nar_2_sp1:nth-child(2n), .item_nar_2_sp2:nth-child(2n),
	.item_nar_3:nth-child(3n), .item_nar_3_sp1:nth-child(3n),
	.item_nar_4:nth-child(4n), .item_nar_4_sp1:nth-child(4n), .item_nar_4_sp1:nth-child(2n), .item_nar_4_sp2:nth-child(4n), .item_nar_4_sp2:nth-child(2n),
	.item_nar_5:nth-child(5n), .item_nar_5_sp1:nth-child(5n),
    .item_nar_6:nth-child(6n), .item_nar_6_sp1:nth-child(6n), .item_nar_6_sp1:nth-child(2n), .item_nar_6_sp2:nth-child(6n), .item_nar_6_sp2:nth-child(2n){
	    margin: 0% 0% 1% 0%;
	}



	.column_kiji_1, .column_kiji_2, .column_kiji_3, .column_kiji_4{
	    grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
	    grid-gap: 20px 20px;
	}






	.guide_center{
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 20px 40px;
	}

	.guide_center_head{
        margin: 0;
        padding: 0 8% 20px;
	}

	.guide_center_body{
        margin: 0;
        padding: 0 8%;
	}



	.guide_left{
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 20px 40px;
	}

	.guide_left_head{
        padding: 0 8% 20px;
	}

	.guide_left_body{
        padding: 0 8%;
	}



	.guide_lr{
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 20px 40px;
	}

	.guide_lr_left{
	    padding: 40px 8% 20px;
	}

	.guide_lr_right{
	    padding: 0 8% 40px;
	}

	.guide_lr_lr{
	    padding: 40px 8% 20px;
	}



	.guide_center img,
	.guide_left img,
	.guide_lr img{
	    width: 100%;
	}












	/* グリッド全体 */
	.gridWrapper{
		width: 100%;
		margin: 0% auto 120px;
	}

	/* グリッド全体 */
	.gridWrapper_max{
		width: 100%;
		margin: 0% auto 120px;
		padding: 0% 0% 0%;
	}

	/* グリッド全体 スマホ */
	.gridWrapper_sp{
		margin: 20px 5% 20px;
		padding: 0% 0% 0%;
	}

	/* グリッド全体 サブ */
	.gridWrapper_sub{
		margin: 0% 0% 0% -2%;
		padding: 0% 0% 0%;
	}

	/* グリッド全体 メニュー */
	.gridWrapper_menu{
		width: 86%;
		margin: 0% 0% 30px 6%;
		padding: 5px 0% 0px;
	}






	.gridWrapper_mobile{
	    display: inline-flex;
	    margin: 2% 0 2% 0;
	    padding: 0 0 2% 0;
	    border-bottom: 1px solid #000;
	}

	.gridWrapper_mobile ul{
	}

	.gridWrapper_mobile li{
	    margin: 0% auto;
	    font-size: 16px;
	    text-align: center;
	}

	.gridWrapper_mobile li img{
	    width: 20%;
	    margin: 0% 4%;
	}












	.grid{
		float: left;
        overflow: hidden;
		width:50%;
		margin: 0% 0% 0% 0%;
		padding: 0% 0% 5% 0%;
	}

	.grid_2_l, .grid_2_r, .grid_3_l, .grid_3_r, .grid_4_l, .grid_4_r{
		float: left;
        overflow: hidden;
		width: 100%;
		margin: 0px 0% 10%;
	}

	.grid_4_l_half, .grid_4_r_half{
		float: left;
        overflow: hidden;
		width: 50%;
		margin: 0px 0% 5%;
	}



	.grid_box{
		float: none;
        overflow: hidden;
		width:90%;
		margin: 0px auto 8%;
	}


	.grid_button{
		float: none;
        overflow: hidden;
		width:90%;
		margin: 0px auto 10px;
        padding-top: 2px;
        font-size: 14px;
	}


	.kiji{
        width: 80%;
		margin: 0px 0% 40px;
        padding: 40px 10%;
	}






	.grid_top_news{
        float: none;
		width:80%;
		margin: 0% auto 20px;
		padding: 10px 0px 30px;
		border-top:0px solid #c3d700;
		border-bottom:1px solid #b4b4b4;
		border-left:0px solid #c3d700;
	}

	.grid_top_news p{
		text-align: left;
	}






	.grid_top_news_1{
		width: 80%;
		margin: 0% 10% 100px;
	}

	.grid_top_news_1 p{
		text-align: left;
	}



	.grid_top_news_1_1, .grid_top_news_2_l, .grid_top_news_2_r, .grid_top_news_3_l, .grid_top_news_3_r{
        float: none;
		width: 88%;
		margin: 0% auto 0%;
        padding: 40px 0px 35px 0px;
		border-top:1px solid #b4b4b4;
		border-left:0px solid #b4b4b4;
	}

	.grid_top_news_1_1, .grid_top_news_2_l img, .grid_top_news_2_r img, .grid_top_news_3_l img, .grid_top_news_3_r img{
		width: 88%;
		margin: 0% 6% 0%;
	}






	.grid_top_max_1{
		width:100%;
		margin: 0% auto 4%;
        padding: 30px 0px 30px 0px;
	}

	.grid_top_max_1 p{
		text-align: center;
	}



	.grid_top_max_2_l, .grid_top_max_2_r, .grid_top_max_3_l, .grid_top_max_3_r{
        float: none;
		width: 88%;
		margin: 0% auto 4%;
        padding: 15px 0px 0px 0px;
        text-align: left;
	}

	.grid_top_max_2_l img, .grid_top_max_2_r img, .grid_top_max_3_l img, .grid_top_max_3_r img{
		width: 88%;
		margin: 0% 6% 0%;
	}






	.grid_top_button_l{
		float: none;
        overflow: hidden;
		width:90%;
		margin: 0px auto 5px;
        padding-top: 5px;
        font-size: 14px;
	}

	.grid_top_button_r{
		float: none;
        overflow: hidden;
		width:90%;
		margin: 0px auto 5px;
        padding-top: 5px;
        font-size: 14px;
	}



	.button_more {
        width: 80%;
	    margin: 20px auto 0;
		padding:10px 8px 10px 8px;
	}


	.button_more p {
	    font-size: 14px;
	    font-weight: bold;
		text-align:center;
	}


	.button_more p span {
	    font-size: 80%;
	    font-weight: bold;
	}



	.button_more_gallery {
        width: 80%;
	    margin: 20px auto 0;
		padding: 5px 4px 5px 4px;
	}






	.grid_menu{
		width:96%;
		margin:2% 2% 0 2%;
	}

	.grid_menu span{
		display:inline;
	}

	.grid_menu_1{
		width:98%;
		margin:0.5% 0% 2% 2%;
		font-size: 14px;
	}

	.grid_menu_2{
		width:48%;
		margin:0.5% 0% 2% 2%;
		font-size: 14px;
	}

	.grid_menu_3{
		width:98%;
		margin:0.5% 0% 2% 2%;
		font-size: 14px;
	}

	.grid_menu_3_c{
		width:98%;
		margin:0.5% 0% 2% 2%;
		font-size: 14px;
	}

	.grid_menu_4{
		width:48%;
		margin:0.5% 0% 2% 2%;
		font-size: 14px;
	}

	.grid_menu_5{
		font-size: 14px;
		width:48%;
		margin:0.5% 0% 2% 2%;
	}

	.grid_menu_8{
		width:23%;
		margin:0.5% 0% 2% 2%;
		font-size: 14px;
	}

	.grid_menu_8 h4{
        padding: 6px 0 6px;
	}

	.grid_menu_10{
		width:18%;
		margin:0.5% 0% 2% 2%;
		font-size: 14px;
	}

	.grid_menu_10 h4{
        padding: 6px 0 6px;
	}

	.grid_menu_10_lr{
		width:18%;
		margin:0.5% 0% 2% 2%;
		font-size: 14px;
	}

	.grid_menu_10_lr h4{
        padding: 6px 0 6px;
	}




	.grid_sp_3{
        display: inline-block;
		width: 33.3%;
		margin: 0% 0% 10px 0%;
		font-size: 10px;
	}

	.grid_sp_3 img{
		width: 70%;
		margin: 0% 15% 0%;
	}





	.grid_news_1, .grid_news_2, .grid_news_2_l, .grid_news_2_r, .grid_news_4_1, .grid_news_4_3{
        background: #fff;
		width: 90%;
        margin: 0 0 20px;
        padding: 5% 5% 5%;
	}


	.grid_photo_1{
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_2{
		width:100%;
		margin: 0;
		padding: 0;
        line-height: 1;
	}

	.grid_photo_4_1{
		width:100%;
	}

	.grid_photo_4_3{
		width:100%;
	}

	.grid_photo_2_l{
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_2_r{
		float: left;
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_3_1_l{
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_3_1_c{
		float: left;
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_3_1_r{
		float: left;
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_3_2_l{
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_3_2_r{
		float: left;
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_4_1_l{
		float: left;
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_4_1_c_l{
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_4_1_c_r{
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_4_1_r{
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_4_3_l{
		width:100%;
		margin:0% 0% 2% 0%;
	}

	.grid_photo_4_3_r{
		width:100%;
		margin:0% 0% 2% 0%;
	}

.grid_photo_2_l img,
.grid_photo_2_r img,
.grid_photo_3_1_l img,
.grid_photo_3_1_r img,
.grid_photo_3_2_l img,
.grid_photo_3_2_r img,
.grid_photo_4_1_l img,
.grid_photo_4_1_r img,
.grid_photo_4_3_l img,
.grid_photo_4_3_r{
	width: 100%;
}






	.grid_icon li{
		display: inline-block;
		margin:0% 0% 3% 0%;
		padding:0% 4% 0% 4%;
		font-size: 16px;
	}



	.grid_icon_hospital li{
		display: inline-block;
		margin:0% 0% 3% 0%;
		padding:0% 4% 0% 4%;
		font-size: 16px;
	}



	.grid_icon_mama li{
		display: inline-block;
		margin:0px 0px 8px 0px;
		padding:2px 8px 2px 8px ;
		font-size: 12px;
		letter-spacing: 0px;
	}





	.box img{
		width:100%;
	}








	.mainBanner{
        width: 100%;
		margin: 0px auto 50px;
	}

	.mainBanner .ban_l{
	    float: left;
	    width: 100%;
		margin: 0;
		padding: 0;
		line-height:0;
	}

	.mainBanner .ban_r{
	    float: right;
	    width: 100%;
		margin: 0;
		padding: 0;
		line-height:0;
	}




	table.table{
		width: 100%;
		margin:0% 0% 0% 0%;
	}

	table.table tr{
		margin: 0% auto 4%;
	}

	table.table th{
		float: left;
		width: 96%;
		margin: 0% auto 4%;
		padding: 0px 2% 0px;
        line-height: 1.4;
		border-top: none;
		border-right: 0px solid #d5d5d6;
		border-bottom: 0px solid #d5d5d6;
		border-left: 0px solid #d5d5d6;
        background: #d5d5d6;
		font-size: 12px;
		letter-spacing: 1px;
        text-align: left;
	}

	table.table td{
		float: left;
		width: 100%;
		margin: 0% auto 2%;
		padding: 0% 0px 0% 0%;
        line-height: 1.4;
		border-top: none;
		border-right: none;
		border-bottom: none;
		border-left: none;
		font-size: 16px;
		letter-spacing: 1px;
        text-align: right;
	}






	table.menu{
		width: 100%;
		border-collapse:collapse;
		margin:0px auto 0px auto;
	}


	table.menu th{
		width: auto;
		padding: 10px 10px 10px 0px;
        line-height: 1.4;
		white-space: nowrap;
		text-align: left;
        font-weight: bold;
		font-size: 13px;
		letter-spacing: 2px;
		border-collapse: collapse;
		border-top: 1px solid #e4e4e5;
		border-right: 0px solid #d5d5d6;
		border-bottom: 1px solid #e4e4e5;
	}


	table.menu th span{
		font-size: 80%;
	}


	table.menu td{
		width: auto;
		padding: 10px 10px 10px 10px;
        line-height: 1.4;
		text-align:left;
        font-weight: normal;
		font-size: 16px;
		letter-spacing: 2px;
		border-collapse: collapse;
		border-top: 1px solid #e4e4e5;
		border-left: 0px solid #f2f2f3;
		border-bottom: 1px solid #e4e4e5;
	}


	table.menu td span{
		font-size:10px;
	}






	table.shinryo{
		width: 100%;
	}

	table.shinryo th{
		padding:3% 1% 3% 0%;
		margin: 0;
		letter-spacing:1px;
		font-size: 14px;
		border-top:1px solid #e4e4e5;
		border-right:1px solid #e4e4e5;
		border-left:none;
		border-bottom:1px solid #e4e4e5;
	}

	table.shinryo td{
		padding:3% 1% 3% 1%;
		margin: 0;
		letter-spacing:1px;
		font-size: 14px;
		border-top:1px solid #e4e4e5;
		border-right: none;
		border-left:1px solid #e4e4e5;
		border-bottom:1px solid #e4e4e5;
	}


	#sidebar{
		float:none;
		width:88%;
		margin:100px auto 0;
	}

	#sidebar p{
		text-align:center;
	}

	#sidebar ul{
	    margin: 0% 0% 2% 0%;
	    padding: 8px 16px;
	}

	#sidebar li{
		display: inline-block;
		padding-bottom: 0px;
        line-height: 2;
	}

	#sidebar li:last-child{
		margin-right: 0%;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	#sidebar img{
	}

	

	.alignleft,.alignright{
		width:100%;
		margin:0 auto 10px;
	}








	.map {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 100px;
		height: 0;
		overflow: hidden;
	}


	.map iframe, .map object, .map embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}






	#footer{
		margin: 100px auto 0px;
	}

	#footer a{
	}

	#footer .inner{
        display: inline-block;
		width: 100%;
		margin: 0px auto 0px;
		padding: 60px 0px 0px 0px;
	}

	#footer .info{
		width: 90%;
		text-align: center;
		margin: 0px 5% 50px;
		padding: 0px 0px 0px 0px;
	}

	#footer .logo{
		width: 100%;
	    clear: both;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
        text-align: center;
	}

	#footer .logo img{
		height: 120px;
	}

	#footer .grid{
		width: 100%;
		margin:0;
	    clear: both;
	}



	ul.footnav{
	}

	ul.footnav li{
        width: 90%;
		margin: 0px 0px 0px 0px;
		padding: 10px 5%;
		border-right: 0px;
		border-top: 1px solid #fff;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
	}

	ul.footnav li:last-child{
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}



	.copyright{
	}




}