/*
 Theme Name:   UnderStrap Child-02
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.3
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/
@charset "utf-8";
* {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #fff;
	letter-spacing : 0.1em;
}
header {
	z-index: 9999;
	padding: 20px 2% 2px;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fff;
	display: flex!important;
	align-items: center;
	transition: all .2s ease-out;
}
header.min-header {
	padding: 25px 4% 0 4%;
	background-color: #fff;
}
h1 {
	margin: 0; padding: 0;
	font-size: 20px;
}
a {	
	text-decoration: none;
	color: #111;
}
p {
	line-height: 2;
}
nav {
	margin: 0 0 0 auto;
}
ul {
	margin: 0;
	padding: 12px 0;
}
#header ul,.about_left ul,#footer ul {
	display: flex!important;
	list-style: none;
}
#guide ul,ul.news,.leftinfoarea ul {
	list-style: none;
}
li {
	margin: 0 7px;
	font-size: 14px;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Home Style */
#tf-home{
	background: url(img/topimg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #cfcfcf;
}

#tf-home .overlay,#tf-topimg .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 17%,rgba(0,0,0,0.20) 35%,rgba(0,0,0,0.15) 62%,rgba(0,0,0,0.1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(17%,rgba(0,0,0,0.3)), color-stop(35%,rgba(0,0,0,0.20)), color-stop(62%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 17%,rgba(0,0,0,0.20) 35%,rgba(0,0,0,0.15) 62%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 17%,rgba(0,0,0,0.20) 35%,rgba(0,0,0,0.15) 62%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 17%,rgba(0,0,0,0.20) 35%,rgba(0,0,0,0.15) 62%,rgba(0,0,0,0.1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 17%,rgba(0,0,0,0.20) 35%,rgba(0,0,0,0.15) 62%,rgba(0,0,0,0.1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	height: auto;
	background-attachment: fixed;
}

.content{
	padding: 15% 0 18% 0;
	text-align: center;
}

.content2 {
	padding: 5% 0 8% 0;
	text-align: center;
}

/* Navigation */
#tf-menu {
	margin-bottom: 0;
	background: transparent;
	border: 0;
	color: #fff !important;
	padding: 2% 0;
	transition: all 0.5s;
}
#sticky {
    padding: 0.5ex;
    background-color: #333;
    color: #fff;
    font-size: 2em;
    border-radius: 0.5ex;
}
#tf-menu.stick {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background: #222222;
    padding: 1% 0;
}
#tf-menu.navbar-default .navbar-nav > li > a {
	color: #C5C5C5;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: 700;
	letter-spacing: 1px;
}

#tf-menu.navbar-default .navbar-nav > li > a:hover, 
#tf-menu.navbar-default .navbar-nav > li > a:focus {
	color: #2F937B;
	background-color: transparent;
}

.logo {
	font-family: 'Playball', cursive;
}

#tf-program{
	padding: 7% 0;
}

.media-left.media-middle i {
	padding: 20px 30px 20px 0;
	font-size: 1.5em;
	color: rgb(47, 147, 123);

}

.media-body h4 {
	margin-bottom: 20px;
	font-size: 1.3em;
	font-weight: 700;
	color: rgb(47, 147, 123);
}

#tf-portfolio{
	background: #f1f1f1;
	padding: 5%  0 8% 0;
	text-align: center;
}

.section-title hr{
	border-color: rgb(47, 147, 123);
	width: 60px;
}

.section-title h2{ font-weight: 700;}
button.btn,
a.btn {
	margin: 15px 5px;
	transition: all 0.5s;
}
button.btn.btn-primary.my-btn,
a.btn.btn-primary.my-btn {
	background: #2F937B;
	border-color: transparent;
	border-radius: 0px;
	border-width: 2px;
	padding: 10px 30px;
	text-transform: uppercase;
	font-size: 1.1em;
	letter-spacing: 1px;
	font-weight: 600;
}
button.btn.btn-primary.my-btn:hover,
a.btn.btn-primary.my-btn:hover{
	background: #FFFFFF;
	color: #2F937B;
	border-color: transparent;
}
button.btn.btn-primary.my-btn.dark:hover,
a.btn.btn-primary.my-btn.dark:hover{
	background: #222222;
	color: #ffffff;
	border-color: transparent;
}
a.btn.btn-primary.my-btn2 {
	background: rgba(47, 147, 123, 0);
	border-color: #FFFFFF;
	border-radius: 0px;
	border-width: 2px;
	padding: 10px 30px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 600;
	color: #FFFFFF;
}

a.btn.btn-primary.my-btn2:hover{
	background: #2F937B;
	color: #ffffff;
	border-color: transparent;
}

ul.cat.list-inline li a {
	border: 1px solid #2F937B;
	padding: 5px 15px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	color: #2F937B;
	transition: all 0.5s;
}

ul.cat.list-inline li a:hover{
	background: #2F937B;
	color: #ffffff;
}

.space{ padding: 20px}
.toppadding{ padding-top: 30px}
.nopadding{ padding:  0;}

#tf-about{
	background: url(img/topimg.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	color: #222222;
}

#tf-about .overlay{
	height: auto;
	background-attachment: fixed;
	padding: 2% 0;
}
nav#tf-footer {
	background: #f8f8f8;
	padding: 3% 0 2% 0;
	color: #000;
	border-top: 1px solid #eee;
}

/* addstyle */
p {
	margin: 0.1em!important;
}
h2 {
	font-size: 1.2em;
	line-height: 2em;
}
h3 {
	font-size: 1.2em;
	line-height: 2em;
}
.logospace {
	padding-bottom: 12px;
}
img.h_logo {
	display: inline-block!important;
	padding-right: 10px;
}
p.text {
	line-height: 2em;
}

.topmessage h2,.topmessage h2 {
	line-height: 50px;
}
.topmessage {
	letter-spacing: 0.1em
}

.section-title h2,.section-title .cte {
	display: inline-block;
}
.cte {
	color: #ac6a00;
	padding-left: 10px
}
/* 浮動コンテンツ */
.tf-contents_bc{
	background: url(img/contbc01.gif);
	background-repeat: repeat;
	padding: 3% 0 2% 0;
	background-color: #f8f8f8;
}
.tf-contents_c{
	padding: 2% 0 2% 0;
	background-color: #f8f8f8;
}
/* タイトルフォント指定 */
.contentstitle {
	padding: .25em 0 .25em .75em;
  	border-left: 2px solid #ccc;
  	font-family: "Sawarabi Mincho";
  	margin-top: .7rem;
}
.shopareatitle,.articletitle,.footertitle,.shopcopy h2,.shopnewstitle h2,.shopcategorytitle h2,.shopinfotitle,.newsareatitle h2,.shopbasetitle h2 {
	padding: .25em 0 .25em 0em;
  	font-family: "Sawarabi Mincho";
}
.contentstitle h2,.shopinfotitle h2,.articletitle h2,.footertitle h2,.shopcategorytitle h2,.shopbasetitle h2 {
	font-size: 1.3em;
}
/* 店ページ店名 */
.shopareatitle h2 {
	font-size: 1.8em;
	padding: .1rem .5rem;
  	background-color: #f8f8f8;
}
/* 店ページキャッチコピー */
.shopcopy h2 {
	font-size: 1.45rem;
	line-height: 2.3rem;
	padding-left: .5rem;
	padding-right: .5rem;
}
/* 店ページキャッチコピーh3 */
.shopcopyarea h3 {
  	font-family: "Sawarabi Mincho";
	font-size: 1.25rem;
	line-height: 1.9rem;
	margin: 1.3rem .5rem .7rem .5rem;
	position: relative;
  	padding: .3em .5em;
  	background-color: #f8f8f8;
  	border: 1px solid #ccc;
  	border-radius: 6px;
}
.shopcopyarea h3::before,
.shopcopyarea h3::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
}
.shopcopyarea h3::before {
  border-top: 10px solid #ccc;
}
.shopcopyarea h3::after {
  margin-top: -2px;
  border-top: 10px solid #f8f8f8;
}
/* 店ページテキストエリア */
.shopcopyarea,.shopinfoarea,.shopentry {
	padding: .1em .1em;
  	background-color: #f8f8f8;
  	width: 100%;
}
.omichoentry {
	padding: .1em .6rem;
  	background-color: #f8f8f8;
  	width: 100%;
}
/* 店ページテキストエリア */
.shopcopyarea p,.shopinfoarea p {
	padding: .1em .1em;
  	background-color: #f8f8f8;
  	padding-left: .5rem;
	padding-right: .5rem;
}
.list-group-item {
	background-color: #f8f8f8!important;
}
/* 組合ニュースタイトル */
.newstitle2 h2 {
	padding-bottom: .8em;
}
/* 組合ニュースタイトルエリア */
.newsareatitle h2 {
	font-size: 1.8em;
	position: relative;
	padding: .3rem .4rem;
	background-color: #f8f8f8;
	border-radius: 6px;
	/* box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset; */
}
.newsareatitle h2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f8f8f8;
}
/* 店ニュースタイトル */
.shopcategorytitle h2 {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #ccc;
	margin-left: .6rem;
}
/* 店ニュースタイトル */
.shopnewstitle h2 {
	font-size: 1.8em;
	position: relative;
	padding: .3rem .4rem;
	background-color: #f8f8f8;
	border-radius: 6px;
	/* box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset; */
}
.shopnewstitle h2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f8f8f8;
}
.shopcate img{
	margin-bottom: 12px;
}
.navbar-brand {
	height: auto!important;
}
/*** Bottom Navigation, Comment Navigation ***/
.nav-below{
	margin: .8rem 0 0;
	overflow:auto;
}
.navigation{
	overflow:auto;
}
.navigation a{
	margin-bottom:10px
}
.nav-previous a, .nav-next a,
.navigation .alignleft a, .navigation .alignright a{
	color:#333;
	font-size:85%;
	text-decoration:none;
}
.nav-previous a:hover, .nav-next a:hover,
.navigation .alignleft a:hover, .navigation .alignright a:hover{
	color: #999
}
			
.nav-previous a, div.navigation .alignleft a{
	float:left;
	padding: .1rem 1rem .1rem 2rem;
	background:url("img/arrow_prev.png") no-repeat left top;
}
.nav-next a, div.navigation .alignright a{
	float:right;
	text-align:right;
	padding:.1rem 2rem .1rem 1rem;
	background:url("img/arrow_next.png") no-repeat right top;
}
/* エリアのpad */
.areapad {
	padding-bottom: .3em;
}
.areapadinfo {
	padding-bottom: 1.3em;
}
.areawp {
	padding: 0 .5em;
}
.topad {
	padding: 10px 0;
}
/* お店リスト */
.shopliststyle ul {
  padding: 0.1em .5em 0.1em 1.6em;
  position: relative;
  font-size: .9rem!important;
}

.shopliststyle ul li {
  line-height: 1.5;
  padding: 0.1em 0;
  list-style-type: none!important;
}
.shopliststyle ul li:before {
  
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : .1em;/*左端からのアイコンまでの距離*/
  color: gray;/*アイコン色*/
}
.shoplistpad{
	padding-bottom: 1.5rem;
}
/* footerリスト */
.footerstyle ul {
  padding: 0.1em .5em 0.1em 1.6em;
  position: relative;
  font-size: .9rem;
}

.footerstyle ul li {
  line-height: 1.5;
  padding: 0.3em 0;
  list-style-type: none!important;
}
.footerstyle ul li:before {
  
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : .1em;/*左端からのアイコンまでの距離*/
  color: gray;/*アイコン色*/
}
/* 店基本情報のスタイル */
.shopinfo li {
	padding-left: 2.5rem;
	padding-right: .5rem;
}
/* informationstyle */
.shoptel {
	background: url(https://ohmicho-ichiba.com/ohmicho_ichiba/wp-content/themes/understrap-child/img/icon01.png) left 5px top 12px no-repeat;
	background-size: 25px auto;
}
.shopfax {
	background: url(https://ohmicho-ichiba.com/ohmicho_ichiba/wp-content/themes/understrap-child/img/icon02.png) left 5px top 12px no-repeat;
	background-size: 25px auto;
}
.shoptime {
	background: url(https://ohmicho-ichiba.com/ohmicho_ichiba/wp-content/themes/understrap-child/img/icon03.png) left 5px top 12px no-repeat;
	background-size: 25px auto;
}
.shopholiday {
	background: url(https://ohmicho-ichiba.com/ohmicho_ichiba/wp-content/themes/understrap-child/img/icon04.png) left 5px top 12px no-repeat;
	background-size: 25px auto;
}
.shopweb {
	background: url(https://ohmicho-ichiba.com/ohmicho_ichiba/wp-content/themes/understrap-child/img/icon05.png) left 5px top 12px no-repeat;
	background-size: 25px auto;
}
.bcbg {
	background-color: transparent;
}
.shopinfotitle {
	border-bottom: 2px dotted #ccc;
	margin-bottom: 1.2rem;
	padding-left: .15rem;
}
.shopbasetitle {
	border-bottom: 2px dotted #ccc;
	margin-bottom: .5rem;
	padding-left: .15rem;
}
.arclearchive ul {
	
}
.arclearchive li {
	list-style: none;
	padding-top: .5em;
}
.breadcrumb {
	background-color: transparent!important;
}
.thumb{
	text-align: center;
	margin-bottom: 1rem;
}
.thumb img{
	width: auto;
	height: auto!important;
	max-width: 100%;
	max-height: 100%!important;
}
.thumimg img {
	width: auto;
	height: auto;
	max-height: 260px;
}
.singlenav {
	margin: .7rem 0;
	padding: .5rem 0;
}
.shoparticlepad {
	padding-bottom: 2.5rem;
}
/* btn */
.shopicon img,.accesshow img{
	padding-right: 10px;
}
.square_btn {
    display: inline-block;
    padding: 1em 1em;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    transition: .4s;
    width: 100%;
}
.red {
	background: #a40000;
	border: solid 2px #a40000;
}
.orange {
	background: #a84200;
	border: solid 2px #a84200;
}
.green {
	background: #8fc31f;
	border: solid 2px #8fc31f;
}
.gray {
	border: solid 2px #ccc;
	color: #777;
	text-align: center;;
}
.square_btn:hover {
    background: #67c5ff;
    color: white;
}
.squarebanner {
	padding-bottom: 0.8em;
	padding-top: 0.8em;
}
.btnpad{
	margin-bottom: 1rem;
}
.accesshow {
    display: inline-block;
    padding: 1em .3em;
    text-decoration: none;
    color: #000;
    border-radius: 3px;
    transition: .4s;
    width: 100%;
}
.accesshow h3 {
    font-size: 1.2rem;
}
.accessplace {
	padding-bottom: 0.7em;
	font-size: .9rem;
}
.topmessage hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
}
.shoparea {
	
}
.shopcontpad{
	padding: 0 .8rem;
}
.topnews .newsdate {
	font-size: .9rem;
	color: #111;
	text-align: left;
	padding-top: 3px;
}
.topnews h3 {
	font-size: 1.3rem;
	line-height: 2.3rem;
	text-align: left;
}
/* single-news */
.widget-container li{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 0 10px 10px 2px;
}
.widget-container h3{
	font-size: 1.3rem;
}
h3.widgeth3 {
	padding: .25em 0 .25em .75em;
  	border-left: 6px solid #3498db;
  	margin-bottom: .8em;
}
.widget-container a {
	display: block;
}
.widget-container .post-date {
	font-size: 0.7em;
}
.nav-top {
	border-top: 1px solid #ccc;
	margin-top: 2rem;
	padding: 1rem 0;
}
.singlestyle p {
	display: block;
}
.newsright ul{
	width: 100%;
}
h3.newsarchive {
	font-size: .95rem;
	text-align: right;
	border-top: 1px dotted #ccc;
	padding-top: 1.2rem;
	margin-top: 1.5rem;
}
.topnews {
	padding-bottom: 1.2rem;
}
.topnews2 {
	padding-bottom: 1.2rem;
	background-color: #fff;
}
.topnews3 {
	padding-bottom: 1.2rem;
	background-color: #fbcb72;
}
.topnews3_2 {
	padding-bottom: 1.2rem;
	padding-top: 2.5rem;
	background-color: #fde3b5;
}
/* Blog info */
.blog_info{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#20000000,endColorstr=#20000000); /* IE */
	zoom: 1; /* IE */
	color: #666;
	font-size: 1rem;
	padding: 5px 0;
	margin: .6rem 0;
}
.blog_info ul{margin:0;}
.blog_info li{
	float: right;
	padding-left:20px;
	list-style: none !important
	}
.blog_info li a{
	color: #666
	}
.blog_info li a:hover{
	color: #333
}
/* widget */
.widget_recent_entries ul{
    padding: 0;
    list-style: none;
}
.widget_recent_entries ul li{
    position: relative;
}
.widget_recent_entries ul li a{
    text-decoration: none;
    padding: 10px 5px;
    display: block;
    color: #23282d;
}
figure.eyecatch img {
    float: left;
    margin-right: 1.6%;
    object-fit: cover;
    width: 128px;
    height: 80px;
}
.widget-new-entry-title {
    font-size: 13px;
    margin-left: 130px;
    line-height: 1.6;
    font-weight: bold;
}
.widget_recent_entries .cat-data {
    position: relative;
    top: 11px;
    left: 6px;
    background: #3f51b591;
    color: #fff;
    padding: 0 2px;
    font-size: 10px;
}
.widget-new-entry-date {
    position: relative;
    bottom: 0;
    right: 0;
    color: #808080;
    font-size: 80%;
}
.clr {
    display: block;
    clear: both;
}
.clr::after {
    height: 0;
    clear: both;
    font-size: 0;
    display: block;
    content: "";
}
.articlepad {
	padding: 0px 12px;
}
.topshopname {
	text-align: right;
	font-size: 1.1rem;
}
/* shoppage */
.shopnews h3,.shopinfo li {
	font-size: .95rem;
}
/* shoplist */
.shoplistarea {
	padding: 20px 10px;
}
.shoplistarea h3 {
	font-size: 1rem;
	padding-top: .9rem;
	padding-bottom: 2rem;
	margin-bottom: 1.8rem;
	font-family: "Sawarabi Mincho";
	border-bottom: dotted 1px #ccc;
}
.shoplistareaornament {

}
/* 著者プロフィール */
h3.shopinfoname {
	font-size: 1.4rem;
	font-family: "Sawarabi Mincho";
}
.author-profile,.shopinfoname {
	clear: both;
	padding: 0 .3rem;
}
.author-profile .author-profile-avatar {
	float: left;
	width: 120px;
}
.author-profile .author-profile-avatar img {
	float: left;
	border-radius: 50%;
}
.author-profile .author-profile-name {
	clear: none;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.75;
	margin: 0;
}
.author-profile .author-profile-bio {
	font-size: 1rem;
	color: #686868;
	overflow: hidden;
	margin: 0.5em 0;
}

/* moving */
#tf-topimg{
	background: url(img/topimg.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #cfcfcf;
}
/* map */
.google-map {
    position: relative;
    width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    padding-bottom: 56.25%;    /* padding-topでもOK */
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* 必要であれば!importantを付けてください */
    height: 100%;    /* 必要であれば!importantを付けてください */
}
/* */
@media only screen and (max-width: 800px) {
  .text br {
    display: none;
  }
  .text {
    text-align: left!important;
  }
  .text2 {
    text-align: left!important;
  }
  .pc_br{
    display: none;
  }
}
/* gfont */
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }


/* contents css */
.fcontpad01 {
	padding: 1rem;
}
.omcext {
	font-size: 1.2rem;
	line-height: 2.5rem;
}
h3.omcex {
  position: relative;
  padding: .5em .75em;
  background-color: #fff;
  border-radius: 6px;
  font-size: 1.6rem;
  margin: 1.7rem 0 .7rem 0;
}
h3.omcex::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #fff;
}

/* contactformcss */
.wpcf7
{
    max-width: 100%!important;
}
.excfpad {
	padding-top: 1.5rem;
}

/* Contact Form 7のラジオボタンを縦並びに */
.wpcf7-radio .wpcf7-list-item {
    margin-top:10px;
    display: block;
}
/* CF7チェックボックスを縦並びに */
span.wpcf7-checkbox .wpcf7-list-item {
margin-top: 5px;
display: block;
}
/* 施設予約 */
.res_h3 {
	padding: 1.5rem 0 .7rem 0;
	font-size: 1.5rem!important;
	border-bottom: 1px solid #ccc;
}
.res_text01 {
	padding-top: .7rem;
	line-height: 1.8rem;
}
.res_img {
	padding-top: .7rem;
}
.res_table {
	margin-top: 1.2rem;
	text-align: center;
}
.res_table02 {
	margin-top: 1.2rem;
}
.res_tc01 {
	background-color: #f1e49a;
}
.wpcf7 select {
	display: inline-block!important;
	width: auto!important;
}
.resdltext {
	font-weight: normal;
	font-size: 1.2rem;
}
/* fureaikouza */
.res_h2 {
	padding: 1.2rem 0 .9rem 0;
	font-size: 1.5rem;
	border-bottom: 1px solid #ccc;
}
.res_h3title {
	padding: 1.5rem 0 .7rem 0;
	font-size: 1.5rem!important;
	font-weight: bold;
}
table .frk_table {
	list-style-type: none!important;
}
.frk_title_s {
	font-size: .8rem;
}
.frk_img {
	margin-bottom: 1.5rem;
	margin-top: 1rem;
}
.frkimg {
	margin-bottom: 1.5rem;
}
.frkimg2 {
	margin-bottom: .5rem;
}
.frk_img p.date,.frk_text p.date  {
	font-size: 1rem;
}
.frk_img p.teach {
	font-size: .8rem;
	text-align: left;
}
.frk_text p.teach {
	font-size: .8rem;
	text-align: right;
}
.frk_text p.teach_l {
	font-size: 1rem;
	text-align: left;
	padding-bottom: 12px;
}
.frk_img h4 ,.frk_text h4 {
	font-size: 1rem;
}
.frk_text h3 {
	font-size: 1.3rem;
	padding-top: 20px;
}
.frk_info dt{
	width: 100px;
	background: #cad9f1; /*背景色*/
  	padding: 0.2em;/*文字周りの余白*/
  	border-radius: 0.5em;/*角の丸み*/
  	text-align: center;
  	font-size: .9rem;
  	font-weight: normal;
  	margin-bottom: 7px;
  	list-style-type: none!important;
}
.frk_info dd{
  	margin-bottom: 27px;
  	list-style-type: none!important;
}
.btn-frk {
  background: #d95039; /*背景色*/
  padding: 0.8em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.2em;/*角の丸み*/
  text-align: center;
  margin: 30px 0;
}
.btn-frk2 {
  background: #d95039; /*背景色*/
  padding: 0.8em;/*文字周りの余白*/
  color: white;/*文字を白に*/
  border-radius: 0.2em;/*角の丸み*/
  text-align: center;
  margin: 20px 0 15px 0;
}
.btn-frk a{
  color: #fff!important;
}
.btn-frk2 a{
  color: #fff!important;
  font-weight: bold;
  font-size: 1.2rem;
}
.kouza_cau {
	font-weight: bold;
	color: red;
}
.kouza_fin {
	font-weight: bold;
	color: blue;
}
.kouza_now {
	font-weight: bold;
	color: green;
}
.cp_pricetable3 *, .cp_pricetable3 *:before, .cp_pricetable3 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_pricetable3 {
	width: 100%;
	margin: 0 auto;
	border-spacing: 1px 0;
	border-collapse: separate;
}
.cp_pricetable3 th, .cp_pricetable3 td {
	padding: 10px;
}
.cp_pricetable3 td {
	vertical-align: top!important;
}
.freaiarea01 {
	border-color: #ccc;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	padding-top: 15px;
}

/* kaiga */
.kaiga_h2 {
	padding: 3rem 0 .4rem 0;
	font-size: 1.5rem;
	text-align: center;
}
.kaigaarea {
	padding-bottom: 40px;
}
h2.kaiga_h2_t2 {
  position: relative;
  text-align: center;
  font-size: 1.5rem;
  margin-top: 15px;
}
h2.kaiga_h2_t2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0rem 2.5em;
  padding: 0 1em;
  background-color: #eee;
  text-align: center;
}
h2.kaiga_h2_t2::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}
.panf_pad {
	padding-top: 20px;
}
.kaiga_h3 {
	padding: 0;
	font-size: 1.5rem;
	text-align: center!important;
}
.kaiga_h3_title {
	padding-bottom: 20px;
	font-size: 1rem;
	text-align: center!important;
	line-height: 2rem;
}
.marker {
	font-size: 1.5rem;
	text-align: center;
	background: linear-gradient(transparent 70%, #f2e748 70%);
}
.kaiga_text01 {
	text-align: center;
	line-height: 1.9rem;
}
.kaiga_img01 {
	padding: 1.4rem 0;
}
.kaiga_img02 {
	padding: 1.2rem 0;
}
.kaiga_btn {
  color: #fff;
  font-size: .9rem;
}
.caured {
	color: red;
}
@media screen and (min-width: 640px) {
    .br-sp { display:none; }
}
@media screen and (max-width: 640px) {
    .img-sp { display:none; }
}

table.kaiga {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 15px;
font-size: 17px;
}

table.kaiga th,
table.kaiga td {
padding: 10px;
}

table.kaiga th {
background: #295890;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 15px;
}

table.kaiga th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #295890;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
table.kaiga th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #295890 10px solid;
margin-top: -10px;
}
}

table.kaiga td {
background: #f8f8f8;
width: 360px;
padding-left: 20px;
}
/* プレミアム2020 */
.prc2020_area {
	padding: 40px 0 0px 0;
	text-align: center;
}
.prc2020_h2 {
	padding: 3rem 0 .4rem 0;
	font-size: 1.6rem;
	text-align: center;
	line-height: 4rem;
}
.prc2025_h2 {
	padding: 0 0 .4rem 0;
	font-size: 1.6rem;
	text-align: center;
	line-height: 4rem;
}
.prc2020_h3 {
	padding-top: 13px;
	font-size: 1.5rem;
	text-align: center!important;
	color: #000;
}
.marker02 {
	font-size: 2.5rem;
	line-height: 3.7rem;
	text-align: center;
	background: linear-gradient(transparent 70%, #f2e748 70%);
}
.prc2020_h4 {
	padding: 10px;
	font-size: 1.1rem;
	text-align: center;
	border: 1px solid #0068b7;
	color: #0068b7;
}
.prc2025_h4 {
	padding: 10px;
	margin: 40px 0;
	font-size: 1.1rem;
	text-align: center;
	border: 1px solid #0068b7;
	color: #0068b7;
}
.prc2020_h5 {
	padding: 10px;
	font-size: 1.1rem;
	text-align: center;
	margin-top: 20px;
	border-bottom: double 5px #FFC778;
}
.prc2020_h5_02 {
	padding: 10px;
	font-size: 1.1rem;
	text-align: center;
	margin-top: 20px;
	border-bottom: dashed 2px #FFC778;
}
.prc2020_text01 {
	line-height: 1.9rem;
	text-align: center;
}
.prc2020_text02 {
	font-size: .8rem;
	line-height: 1.7rem;
}
.prc2020_text03 {
	color: red;
	font-weight: bold;
	background-color: #fff100;
	padding: 10px;
}
.prc2020_text04 {
	line-height: 2.5rem;
	text-align: center;
	font-size: 2.5rem;
	padding: 12px 0 0px 0;
}
.prc2020_text05 {
	line-height: 1.9rem;
	text-align: center;
	padding-top: 15px;
}
.prc2020_text06 {
	font-size: .7rem;
	line-height: 1.4rem;
}
.prc2020_text07 {
	font-weight: bold;
	color: red;
	line-height: 1.4rem;
}
.prc2020_text08 {
	color: red;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.prc_price {
	font-size: 3rem;
	color: red;
}
.prc_ticket {
	font-size: 2rem;
	color: #0068b7;
}
.prc_pad01 {
	padding-bottom: 20px;
}
.prc_pad02 {
	padding: 30px 0 20px 0;
}
.prc_pad03 {
	padding: 15px 0 0px 0;
}
.prc_pad04 {
	padding: 30px 0 10px 0;
}
.prc_pad05 {
	padding: 10px 0 10px 0;
}
.prc_btn_text01 {
	font-size: 1rem;
}
.prc_f_text {
	border-bottom: 1px solid #ccc;
	padding: 10px 6px;
	margin-bottom: 10px;
}
.prc_f_textarea {
	padding-bottom: 30px;
}
.prc_focus01 {
	font-size: 2rem;
	padding-top: 15px;
	text-align: center;
}
.prc_fin_date {
	color: #999999;
}

/* andon2022  */
.oastyle {
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN W6" Arial HiraKakuProN-W6 Meiryo !important;
	font-size: 1.1rem;
}
p.oatext01 {
	line-height: 1.9rem;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 10px;
}
p.oatext02 {
	padding: 3px 0 0px 0;
	font-size: 2rem;

}
p.oatext03 {
	line-height: 1.9rem;
	text-align: center;
	padding-top: 15px;
}
p.oatext03 {
	line-height: 1.9rem;
	text-align: center;
	padding-top: 15px;
}
.oaarea01 {
	margin: 0 auto;
}
h2.s_h2_c01 {
	padding: 10px 0px 0 0;
	margin: 0 auto;
	font-weight: bold;
}
.marker03 {
	font-size: 2rem;
	text-align: center;
	background: linear-gradient(transparent 70%, #f2e748 70%);
}
h3.s_h3_c01 {
	color: #fff;
	background: #e6002d;
	border-radius: 30px;
	padding: 10px 50px;
	font-weight: 900;
	margin-top: 20px;
}
h3.s_h3_c02 {
	border: 1px solid #000;
}
.oa_area {
	padding: 40px 0 0px 0;
	text-align: center;
}
.oa_pad01 {
	padding: 80px 0 10px 0;
}
.oa_h3 {
	padding: 10px 15px;
	font-size: 1.1rem;
	text-align: center;
	margin-top: 10px;
	border: solid 1px #000;
}

/* ふれあい館予約 */
.fureaili li,ul.fureaili li {
	list-style-type: circle!important;
	margin-left: 20px!important;
	padding-bottom: 7px!important;
}

.fureaiflowli li {
	list-style-type: decimal!important;
	margin-left: 20px!important;
	padding-bottom: 7px!important;
}
.fureaiflowli li a,p.kitchen_item a{
	font-weight: 800;
	font-size: 1.4rem;
}
.googleCalendar iframe {
  width: 100%;
  height: 400px;
  padding-top: 30px;
}
.fureaiunder {
	text-decoration: underline;
}
@media all and (min-width: 768px) {
  .googleCalendar iframe {
	height: 600px;
  }
}
.table-bordered td, .table-bordered th {
	vertical-align: middle;
}
h4.fureairoomt {
	padding-top: 10px;
}

/* コンタクトフォームの入力 */
table.inquiry{
	width: 100%;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
.contactsmall {
	font-size: .8rem;
}
@media(max-width:640px) {
    .inquiry td,
    .inquiry th {
        display: block !important;
        width: 100% !important;
        border-top: none !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important
    }
    .inquiry tr:first-child th {
        border-top: 1px solid #d7d7d7 !important
    }
    .inquiry .any,
    .inquiry .haveto {
        font-size: 10px
    }
}
.inquiry th {
    text-align: left;
    font-size: 14px;
    color: #444;
    padding-right: 5px;
    width: 30%;
    background: #f7f7f7;
    border: solid 1px #d7d7d7
}
.inquiry td {
    font-size: 13px;
    border: solid 1px #d7d7d7
}
.entry-content .inquiry tr,
.entry-content table {
    border: solid 1px #d7d7d7
}
.haveto {
    font-size: .8rem;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.any {
    font-size: 14px;
    padding: 5px;
    background: #93c9ff;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.verticallist .wpcf7-list-item {
    display: block
}
#formbtn {
    display: block;
    padding: 5px;
    width: 350px;
    background: #ffaa56;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 2px;
    margin: 25px auto 0
}
#formbtn:hover {
    background: #fff;
    color: #ffaa56;
    border: 2px solid #ffaa56
}
th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px
}
td {
    border-top: 1px solid #ededed;
    padding: 12px
}
input,
select,
textarea {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none
}

/*Headerブロック*/
.cp_pricetable3 th {
	position: relative;
	z-index: 1;
	width: 125px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	border-radius: 5px 5px 0 0;
	background: #88b7d5;
}
.cp_pricetable3 ul {
	margin-bottom: 0px!important;
}
.cp_pricetable3 th.group1 {
	background: #3dbbea;
}
.cp_pricetable3 th.group2 {
	background: #9fca3e;
}
.cp_pricetable3 th.group3 {
	background: #f19c24;
}
.cp_pricetable3 th.group4 {
	background: #ec81a7;
}
/*メインブロック*/
.cp_pricetable3 tr td {
	padding-top: 15px;
	text-align: center;
	border-top: none;
	border-bottom: 1px solid #f7f7f7;
}
.cp_pricetable3 tr:last-child td {
	border-radius: 0 0 5px 5px;
}
.cp_pricetable3 tr:nth-child(2n+1) td.group1 {
	background-color: rgba(61,187,234,0.1);
}
.cp_pricetable3 tr:nth-child(2n+0) td.group1 {
	background-color: rgba(61,187,234,0.1);
}
.cp_pricetable3 tr:nth-child(2n+1) td.group2 {
	background-color: rgba(159,202,62,0.1);
}
.cp_pricetable3 tr:nth-child(2n+0) td.group2 {
	background-color: rgba(159,202,62,0.1);
}
.cp_pricetable3 tr:nth-child(2n+1) td.group3 {
	background-color: rgba(241,156,36,0.1);
}
.cp_pricetable3 tr:nth-child(2n+0) td.group3 {
	background-color: rgba(241,156,36,0.1);
}
.cp_pricetable3 tr:nth-child(2n+1) td.group4 {
	background-color: rgba(236,129,167,0.1);
}
.cp_pricetable3 tr:nth-child(2n+0) td.group4 {
	background-color: rgba(236,129,167,0.1);
}
/*ボタンデザイン*/
.cp_pricetable3 a.cp_btn {
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	padding: 0.3em 1em;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	border: 1px solid #da3c41;
	border-radius: 4px;
	background: #da3c41;
}
.cp_pricetable3 .cp_btn:after {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 0;
	content: '';
	transition: 0.3s;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
	opacity: 0;
	background: #ffffff;
}
.cp_pricetable3 .cp_btn:hover {
	color: #da3c41;
}
.cp_pricetable3 .cp_btn:hover:after {
	height: 250%;
	opacity: 1;
}
.cp_pricetable3 .cp_btn:active:after {
	height: 350%;
	opacity: 1;
}
li.frk_date,li.frk_title {
	text-align: left!important;
	list-style-type: none!important;
}
li.frk_date {
	font-size: .8rem;
	padding-bottom: 3px;
	list-style-type: none!important;
}
li.frk_title {
	font-size: 1rem;
	padding-bottom: 10px;
	list-style-type: none!important;
}
li.frk_teach {
	text-align: right!important;
	font-size: .8rem;
	list-style-type: none!important;
}
li.frk_teach_l {
	text-align: left!important;
	font-size: .8rem;
	list-style-type: none!important;
}
.frk_titlepad {
	margin-bottom: 5px;
	padding-top: 30px;
}
.frk_text {

}
/* fureaikan */
h4.fureairoomt {
	font-size: 1.5rem;
	padding-top: 12px;
	margin-bottom: 10px;
}

/* webshop */
.shoptable img {
	padding-right: 7px;
}
.webshop_h2 {
	padding: 3rem 0 .4rem 0;
	font-size: 1.5rem;
	text-align: center;
}
.webshop_text01 {
	text-align: center;
	line-height: 1.9rem;
	padding-bottom: 40px;
}


/* parking */
.parkingarea {
	margin-bottom: 20px;
}
.parkingname {
	margin: 20px 0 10px 0;
}
.parkinfoarea {
	margin-top: 0px;
}

.parkingarea .table td,.parkingarea .table th {
	color: #000!important;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6; }
  .table tbody + tbody {
    border-top: 2px solid #dee2e6; }
  .table .table {
    background-color: #fff; }


/* photolib */
h4.pltitle {
	font-size: 1rem;
	padding: 10px 0;
}
.photolibarea,.omexarea {
	margin-bottom: 40px;
}

/* goto */
.goto_h2 {
	padding: 3rem 0 .4rem 0;
	font-size: 1.5rem;
	text-align: center;
}
.goto_text01 {
	text-align: left;
	line-height: 1.9rem;
	padding-bottom: 10px;
}
.goto_text02 {
	text-align: left;
	line-height: 1.9rem;
	padding-bottom: 40px;
	font-weight: bold;
}
.gotocheck {
	color: red;
}

/* event032024 */
.wrap_ev032024 {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
}
.wrap_ev032024 img.padtop {
		padding-top: 30px;
}
.wrap_ev032024 img.padbtm {
    padding-bottom: 30px;
}
.wrap_ev032024 img.padbtms {
    padding-bottom: 15px;
}
.wrap_ev032024 img.padlft {
    padding-left: 100px;
}
.img_ev032024 {
    display: inline-block;
    text-align: left;
}

/* 2025 */
.imgpad202504 {
	padding-bottom: 20px;
}

.prc2025_area {
	padding: 10px 0 0 0;
	text-align: center;
}

/* shoplist */
.sl_h2 {
	padding: 2rem 0 .4rem 0;
	font-size: 2rem;
	text-align: left;
}
.sl_h3 {
	padding: .8rem 0 .4rem 0;
	font-size: 1.3rem;
	text-align: left;
}
.sl_text01 {
	text-align: left;
	line-height: 1.9rem;
	padding-bottom: 10px;
}
.slcheck {
	color: red;
}
/****** newcss
******/

.main-visual {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 45vh;
	background: url('img/topimg.jpg') top center / cover no-repeat;
	padding-top: 70px;
}
.main-visual h2 {
	margin: 100px 0 40px 0;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}
.sp-nav {
	display: none;
}

/*リンクボタン*/
a.button,a.button-s,a.button-l {
	display: block;
	margin: 0 auto;
	padding: 10px 30px;
	text-align: center;
	border: 1px solid #fff;
	transition: all .3s ease-out;
	margin-top: 20px;
}
a.button {
	width: 250px;
}
a.button-s {
	width: 80%;
}
a.button-l {
	width: 100%;
}
a.button:hover,a.button-s:hover,a.button-l:hover {
	color: #505050;
	background-color: #fff;
}
/* section */
.flex {
	display: flex;
}
section {
	overflow: hidden;
	text-align: center;
	padding: 30px 0;
}
section h2 {
	margin: 0 0 7px 0;
	color: #000;
	text-align: center;
	line-height: 3.3rem;
	font-size: 1.6rem;
}
section p {
	color: #293f4d;
}
.photo {
	width: 55%;
	height: 500px;
	background: #fff url(https://ohmicho-ichiba.com/ohmicho_ichiba/wp-content/themes/understrap-child-02/add/img/section-bg.jpg) center/ cover no-repeat;
}
.photo + div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 45%;
}
#information,#shopnews,#ohmichopub {
	background-color: #f7f7f7;
}
#service,#guide {
	background-color: #f7f7f7;
}
#service .icon_list,#guide .icon_list {
    display: block;
    margin: 0 auto;
    max-width: 800px;
}
#service ul,#guide ul {
	margin: 0;padding: 0;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
#service ul li,#guide ul li {
    width: 25%;
    margin: 0;
    text-align: center;
}
#service ul li:nth-of-type(2),#guide ul li:nth-of-type(2),.cont-inner:nth-of-type(2){
	transition-delay: .2s;
}
#service ul li:nth-of-type(3),#guide ul li:nth-of-type(3),.cont-inner:nth-of-type(3){
	transition-delay: .4s;
}
#service ul li:nth-of-type(4),#guide ul li:nth-of-type(4),.cont-inner:nth-of-type(4){
	transition-delay: .6s;
}
#service ul li img {
    max-width: 116px;
}
#guide ul li img {
    max-width: 100%;
}
#service ul li p,#guide ul li p {
    font-size: 14px;
    color: #f73f6f;
    padding-top: 12px;
}
#service p,#guide p {
	margin: 0 0 40px 0;
}
#service a.button,#guide a.button,#access a.button-s,#event a.button-s,.photolibarea a.button-s,.photolibarea a.button-l,.omexarea a.button-s  {
	color: #293f4d;
	border: 1px solid #293f4d;
}
#service a.button:hover,#guide a.button:hover,#access a.button-s:hover,#event a.button-s:hover,.photolibarea a.button-s:hover,.photolibarea a.button-l:hover,.omexarea a.button-s:hover {
	color: #ffffff;
	background-color: #293f4d;
}
/* footer */
footer {
	padding: 20px 0 20px;
	background-color: #be8c46;
	text-align: center;
	color: #fff;
}
@media screen and (max-width: 768px) {
	/*ハンバーガーメニュー*/
	.pc-nav {
		display: none;
	}
	.sp-nav {
		z-index: 1;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: block;
		width: 100%;
		background: rgba(0, 0, 0, .8);
		opacity: 0;
		transform: translateY(-100%);
		transition: all .2s ease-in-out;
	}
	#hamburger {
		position: relative;
		display: block;
		width: 30px;
		height: 25px;
		margin: 0 0 0 auto;
		color: #000
	}
	#hamburger span {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #000;
		transform: translateY(-50%);
	}
	#hamburger::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #000;
	}
	#hamburger::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 70%;
		height: 2px;
		background-color: #000;
	}
	/*スマホメニュー*/
	.sp-nav ul {
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.sp-nav li {
		margin: 0;
		padding: 0;
	}
	.sp-nav li span {
		font-size: 15px;
		color: #ccc;
	}
	.sp-nav li a, .sp-nav li span {
		display: block;
		padding: 20px 0;
		color: #fff;
	}
	/*-閉じるアイコンー*/
	.sp-nav .close {
		position: relative;
		padding-left: 20px;
	}
	.sp-nav .close::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 16px;
		height: 1px;
		background: #fff;
		transform: rotate( 45deg );
	}
	.sp-nav .close::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 16px;
		height: 1px;
		background: #fff;
		transform: rotate( -45deg );
	}
	.toggle {
		transform: translateY( 0 );
		opacity: 1;
	}
	.main-visual {
		padding: 0 4%;
	}
	h1 img {
		width: 60%;
	}
	h2 {
		line-height: 1.6;
		text-align: center;
	}
	/* section */
	#service ul li,#guide ul li {
		width: 50%;
	}
	#omcconcept,#contentimg{
		margin-top: 10px!important;
	}
	.cinfomation {
		display: none;
	}
	.conti-float-img-pc {
		display: none;
	}
	.menu_text02 {
		padding-left: 15px!important;
	}
	/*.menu_title_border_foot {
		padding: 0.5em 8.7em!important;
	}*/
	.footertitle {
		padding: 25px 0 10px 0!important;
	}
}
@media screen and (min-width: 640px) {
	.conti-float-img-sp {
		display: none;
	}
	.br-sp {
		display:none;
	}
}

table {
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 2px!important;
}

#about table {
	color: #4e4e4e;
	margin-top: 18px;
}

.cinfomation table {
	color: #4e4e4e;
}

table {
	color: #000;
}

/* contact */
ul.cp_list {
	list-style-type:none;
}
ul.cp_list li {
	position:relative;
	padding: 0em 0.3em 1em .8em;
	font-size: 1.3rem;
	font-weight: bold;
}
ul.cp_list li:before {
	position:absolute;
	content:'';
	top: 0.5em;
	left: 0em;
	height:0;
	width:0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #3F51B5;
}
.cctext {
	font-size: 1rem;
	font-weight: normal;
}
/* フェードイン用のCSS */

/* 上からフェードイン */
.slide-top {
	opacity: 0;
	transform: translate(0, -20px);
	transition: all 1s ease-out;
 }

/* 下からフェードイン */
.slide-bottom {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1s ease-out;
 }

 /* 左からフェードイン */
.slide-left {
	opacity: 0;
	transform: translate(-20px, 0);
	transition: all 1s ease-out;
 }

/* 右からフェードイン */
.slide-right {
	opacity: 0;
	transform: translate(20px, 0);
	transition: all 1s ease-out;
 }

/* コンテンツ */
.newsarea {
	background-color: #fff;
}
.newsarea .infotitle {
	font-size: 1.6rem;
	padding-top: 20px;
}
#information ul.news li{
	border-bottom: dotted 1px #ccc;
	padding: 20px 0;
}
#information ul.news li:first-child{
	border-top: dotted 1px #ccc;
}
#information ul.news li.date{
	
}
ul.news,ul.cmenu {
	display: block!important;
	text-align: left;
	margin-top: 1rem;
}
ul.news h3{
	display: inline;
	font-size: 1rem;
}
.titlecap {
	font-size: .9rem;
	color: #be8c46;
	padding-bottom: 15px;
}
.infoimage p,.acimage p{
	padding: 12px 0;
}
.oevimage h3,.acimage h3 {
	color: #be8c46;
	padding: 20px 0 0 0;
	font-size: 1.2rem;
}
.oevimage p {
	line-height: 1.8rem;
}

.fvav {
	text-align: center;
	display: block;
}
h3.abouttitle {
	font-size: 1.4rem;
	padding: 30px 0 7px;
}
.abouttext {
	margin-bottom: 0;
}
.aboutmenu,.footermenu {
	display: flex;
	justify-content: center;
	align-items: center;
}
.aboutimage,.infoimage,.oevimage,.olifeimage,.acimage {
	padding: 20px 0;
}
.aboutimage li {
	padding: 0!important;
}
#about ul.news li{
	border-bottom: dotted 1px #ccc;
	padding: 15px 0;
}
#about ul.news li:first-child{
	border-top: dotted 1px #ccc;
}
#about ul.news li.date{
	
}
.excerpt{
	padding-left: 12px;
}
.inline-item + .inline-item::before {
	content: "/";
	margin-left: .5em;  
	margin-right: 1.5em;  
}
.menu_text02 {
	text-align: left;
	font-size: 1rem;
	line-height: 2rem;
	padding-top: 12px;
	padding-left: 24px;
	border-top: dotted 1px #ccc;
}
.reservearea {
	border: 1px solid #ddd;
	padding: 15px 30px;
	text-align: left;
}
.reservearea img{
	padding-top: 30px;
}
h3.guidetitle,p.guidetext {
	text-align: left;
}
h3.guidetitle {
	padding: 20px 0;
}
.guidearea {
	padding-bottom: 40px;
}

#omcconcept{
	background: url(img/topimg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #cfcfcf;
	padding: 0;
}
#omcconcept .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	height: auto;
	background-attachment: fixed;
}
.concepttext {
	padding: 8% 0 8% 0;
	text-align: center;
}
#omcconcept h2{
	color: #fff;
}
#omcconcept a{
	color: #fff;
}
#omcconcept a:hover{
	color: #000;
}
.message h2{
	line-height: 50px;
}
.message {
	letter-spacing: 0.1em
}
section #contentstitle {
	padding: 100px 0 0 0;
}
#contentstitle h2{
	padding-top: 50px;
}
#contentimg{
	background: url(img/topimg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #cfcfcf;
	padding: 0;
	margin-top: 150px;
}
#contentimg .overlay{
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	height: auto;
	background-attachment: fixed;
}
#contentsarea {
	padding: 10px 0;
}
.cont-inner {
	padding-bottom: 30px;
	text-align: left;
}
.conti-float-img-pc img{
	margin: 10px 0 15px 15px;
}
table.cschedule {
	margin: 20px 0 0;
}
h3.menu_title_head {
	text-align: center;
	font-size: 1.1rem;
	padding: 0px 0 5px;
}
h3.menu_title_foot{
	text-align: center;
	font-size: 1.1rem;
	padding: 20px 0 5px;
	float: left;
}
h3.menu_title {
	text-align: center;
	font-size: 1.1rem;
	padding: 40px 0 25px;
}
.menu_title_border {
	color: #318b1c;/*文字色*/
	border: solid 3px #318b1c;/*線色*/
	padding: 0.5em 4em;/*文字周りの余白*/
	border-radius: 2em;/*角丸*/
}
.menu_title_border_top {
	color: #364e96;/*文字色*/
	border: solid 3px #364e96;/*線色*/
	padding: 0.5em 2em;/*文字周りの余白*/
	border-radius: 2em;/*角丸*/
}
.menu_title_border_foot {
	color: #fff;/*文字色*/
	border: solid 3px #fff;/*線色*/
	padding: 0.5em 2em;/*文字周りの余白*/
	border-radius: 2em;/*角丸*/
}
.cmenu h3 {
	font-size: 1.4rem;
	border-bottom: dotted 1px #333;
	padding-bottom: 14px;
}
h3.cmenu_title {
	text-align: left;
	font-size: 1.1rem;
	padding: 30px 0 14px;
}
.cmenu_title_border {
	color: #364e96;/*文字色*/
	border: solid 3px #364e96;/*線色*/
	padding: 0.5em 1em;/*文字周りの余白*/
	border-radius: 2em;/*角丸*/
}
.cmenu_cap01 {
	font-size: 1rem;
	border-radius: 20px;
	background-color: #ccc;
	padding: 7px 15px;
	margin-right: 15px;
}
.cmenu_cap02,.cmenu_cap03 {
	vertical-align: middle;
}
.cmenu_cap03 {
	font-size: 1.2rem;
}
.cmenu_text01 {
	text-align: left;
	font-size: 1.6rem;
	margin-bottom: 0;
}
.cmenu_text02 {
	text-align: left;
	font-size: 1rem;
	line-height: 1.8rem;
	padding-top: 12px;
	padding-left: 5px;
	border-top: dotted 1px #ccc;
}
ul.cmenu li{
	padding-bottom: 12px;
}
ul.cmenu {
  border: solid 7px #9ed987;
  border-radius: 5px;
  position: relative;
}

ul.cmenu li.top {
  padding: 0.5em 1em 0.5em 0.8em;
}

ul.cmenu li.cli {
  line-height: 1.5;
  padding: 0.5em 1em 0.5em 2.6em;
  list-style-type: none!important;
}

ul.cmenu li.cli:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1.3em;/*左端からのアイコンまでの距離*/
  color: #9ed987;/*アイコン色*/
}
table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}
.cinfomation table th,.cinfomation table td {
	padding: 0.75em 0;
}
hr.cinfohr {
	margin-top: 30px;
}
.cont-inner h3 {
	font-size: 1.5rem;
	margin-bottom: 15px;
	padding-top: 0px;
	background: linear-gradient(transparent 60%, #9ed987 60%);
}
.conti-border {
	border: 5px solid #ccc;
	padding: 15px 25px 0 25px;
}
.footinfoarea {
	padding: 20px 0;
}
.footinfoarea p{
	text-align: left;
}
.footertitle {
	font-size: 1.3rem;
	padding: 0 0 10px 0;
	text-align: left;
}
.footerinfotime {
	font-size: .9rem;
	text-align: left;
}
.footermenu {
	padding-bottom: 12px;
}
.footermenu li {
	margin: 0 14px;
}
.footermenu a {
	color: #fff;
}
.pc-nav ul {
	float: right;
}
.pc-nav ul.topul {
	margin-bottom: 0;
}
.pc-nav ul.menuul li{
	padding-right: 10px;
	font-size: 1rem;
}
.guidevideo {
	padding-top: 20px;
}

/* youtube埋め込み  */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}
.slick ul{
	list-style: disc;
}
.slider li {
	margin: 0;
}
.slidearea ul {
	margin: 0;
	padding-bottom: 0;
}

.moviearea{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.moviearea iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.supcenter {
	padding-top: 20px;
	text-align: center;
}
.suptext01 {
	padding-bottom: 30px;
}