body{
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
margin: 0;
padding:0;
}

html {overflow: auto;}


ul:after {
 content: '';
 display: block;
 clear: both;
}

li{
list-style-type:none;
}


/* 非表示項目 */
/* pc */
@media print, screen and (min-width:769px) {
.sp_on {display : none;}
}
 
/* tablet  */

@media only screen and (min-width: 641px) and (max-width: 768px) {
.sp_on {display : none;}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {
.pc_on {display : none;}
}



/* パンクズ */

#topicpath{
margin : 0;
padding : 5px 0;
overflow:hidden;
}
#topicpath p{
color:#294C7A;
}
#topicpath a{
color:#294C7A;
}

@media print, screen and (min-width: 769px) { /* for PC  */
.topicpath-in{
margin : 0 auto;
padding : 0;
max-width :960px;
overflow:hidden;
}
#topicpath p{
margin : 0 auto;
max-width :700px;
padding-top : 2px;
font-size : 12px;
line-height : 14px;
text-align: left;
float: left;
}
} /* end for PC */

@media screen and (max-width: 768px) { /* for SP,Tablet */
#topicpath p{
margin : 0;
max-width :500px;
padding : 3px 10px;
font-size : 12px;
line-height : 14px;
text-align: left;
float: left;
}
}


/* シェアボタン */
#share{
margin: 0 auto;
padding :0 0 5px 0;
overflow:hidden;
width: 160px;
height: 20px;
float: right;
}

#share ul{
list-style: none;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

#share ul:after {
overflow: hidden;
}

#share li{
float: left;
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
height: 20px;
overflow: hidden;
}

.fb-like {
display: inline-block;
height: 20px;
overflow: hidden;
}
.fb_iframe_widget span {
vertical-align: top !important;
}
.fb-share-button{
margin: 0;
padding: 0;
text-align: left;
}

/*=========================================================================*/

/* ヘッダー */
#header{
width: 100%;
margin : 0 auto;
padding: 2% 0;
overflow: hidden;
text-align: center;
/*background-color: #294C7A;*/
background-image: url(img/bg.jpg);
background-repeat: no-repeat;
background: linear-gradient(to top, rgb(253 178 203) 0%, rgb(255 250 208) 100%), url(img/bg.jpg);
background-position: center;
background-size: cover;
}


#header ul{
margin : 2% auto 0 auto;
padding: 0;
overflow: hidden;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}


#header li a{
margin : 5px;
display:block;
border:1px solid #fff;
text-decoration:none;
color:#fff;
}



#header li a:HOVER{
color:#294C7A;
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;
}

@media print, screen and (min-width: 769px) { /* for PC  */
#header ul{max-width: 640px;}
#header li{float: left;width: 33.3%;}
#header li a{padding: 10px 0;}
}
@media screen and (max-width: 768px) {
#header img{margin : 0 7%;width: 86%;}
#header li{margin : 0 7%;width: 86%;}
#header li a{padding: 6px 0;}
} /* end for SP,Tablet */




/*=========================================================================*/

.title_bana {
		background-color:#e94820;
		margin : 0 auto;
		text-align:center;

}


.form_box {
		margin : 0 auto;
		text-align:center;

}


.form_box img {
		margin : 0 auto;
		width:100%;
}



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


.title_bana img {
		width:100%;
}

}

p.small{
		margin : 0 auto;
		padding: 4px;
		line-height:1.6;
		color : #cc0033;
}

/*=========================================================================*/

h2.ouen_title {
		padding: 0.8em;
		font-size : 1.8rem;
		background-color:#ffc0cb;
		margin:20px auto;
		letter-spacing: .2rem;
		text-align: center;
		border-radius:6px;
}


h2.drive_title {
		padding: 0.8em;
		font-size : 1.8rem;
		background-color:#29abe2;
		margin:20px auto;
		letter-spacing: .2rem;
		text-align: center;
		border-radius:6px;
}

ul.s_lisy li {
	list-style-type: disc;
	font-size:0.8rem;
	padding:0;
	margin:0;
}


/*=========================================================================*/

.company_logo{
display:flex;
width:100%;
margin:0;
} 
.company_logo>div{
width:48%;
margin:0 1%;
}


@media(min-width:768px){
.company_logo{
display:flex;
width:100%;
margin:0;
} 
.company_logo>div{
width:48%;
margin:0 1%;
}
}


/* ----- flexアイテム ----- */


.inbox {
    width: 32.3333%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}



.inbox h4 {
		font-size : 1.2rem;
		margin:1rem auto;
		color:#000;
		text-align:center;
}

.inbox h5 {
		font-size : 1.4rem;
    padding: 0.2em;
		margin:0;
    background: linear-gradient(transparent 70%, #fff100 70%);
		text-align:center;
}

h5 span {
		font-size : 0.8rem;
    padding: 0.4em;
		color:#fff;
		margin-left:10px;
    background-color:#ff5722;
		text-align:center;
		border-radius:4px;
}


.inbox p {
		font-size : 1rem;
		line-height : 1.4;
		margin:.5rem 0;
}

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

.inbox {
    width: 100%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}


h5 span {
		font-size : 0.6rem;
    padding: 0.4em;
		color:#fff;
		margin-left:0px;
    background-color:#ff5722;
		text-align:center;
		border-radius:4px;
}



}

.syusai {
		margin:1rem auto;
		text-align:center;
}


/*==[出店一覧]==*/


.inbox_shop_2 {
    width: 49%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}


.inbox_shop_2 img {
    width: 100%;            /* 幅指定 */
}

.inbox_shop_2 p {
	font-size:1rem;
}

.inbox_shop_2 ul {
		margin:.25rem 0;
		padding:0 0 .25rem .5rem;
}

.inbox_shop_2 ul li {
		list-style-type: disc;
		font-size : 1rem;
		margin:0 0 0 1rem;
}

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

.inbox_shop_2 {
    width: 100%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}




}



.title_01 {
    font-size: 1.4rem;
    margin: 1rem auto;
    color: #000;
    text-align: center;
		font-weight: 700;
}


.title_yoyaku {
		font-size : 1.2rem;
		margin:1rem auto;
		color:#f44336;
		text-align:center;
		padding: .25em;
		font-weight: 700;
}


.title_place {
		font-size : 1.2rem;
		color:#000;
		line-height:1.8;
		margin:1rem 0;

}

.title_place span {
		font-size : 1rem;
		color:#fff;
		background-color:#000;
		padding: .5em;
		font-weight: 700;
		margin-right:.5rem;
}

.title_time {
		font-size : 1.2rem;
		color:#000;
}

.title_time span {
		font-size : 0.8rem;
		padding-left: .25em;
		color:#f44336;
		font-weight: 700;

}


/*==[交通アクセス]==*/

dl {
	text-align:left;
    margin: 20px;
}

dt{
  float: left;
}

dd{
  margin-left: 80px;
}

.r-r_12 {
	text-align:left;
	font-size:1.2rem;
	color:#ff2222;
		font-weight: 700;
}


/*==[出店一覧]==*/

.inbox_shop {
    width: 32.3333%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
		border-top:1px solid #999;
}


.inbox_shop img {
	text-align:center;
	width:100%;
	margin:0 auto;
}


.inbox_shop ul {
		margin:.25rem 0;
		padding:0 0 .25rem .5rem;
}

.inbox_shop ul li {
		list-style-type: disc;
		font-size : 1rem;
		margin:0 0 0 1rem;
}


.inbox_shop h4 {
		font-size : 1.2rem;
		margin:1rem auto;
		color:#000;
		text-align:center;
		padding: .25em;
		background-color:#FFEB3B;
}


.inbox_shop p {
		font-size : 1rem;
		line-height : 1.4;
		padding:0;
		margin:.5rem auto;
}

.inbox_shop h5 {
		padding: .25em 0 .25em .75em;
		border-left: 6px solid #ccc;
		font-size : 1.2rem;
		margin:.5rem 0 ;
}


.inbox_shop h6 {
		color:#ff5722;
		font-size : 1.2rem;
		margin:.5rem 0 ;
		text-align:center;
}


.b_center {
	margin:0 auto;
	text-align:center;
}

.btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #FFF;
  background: #00bcd4;
  transition: .4s;
	width:60%;
	border-radius:4px;
}

.btn-flat-logo:hover {
  background: #2196F3;
}



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

.inbox_shop {
    width: 48%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    background-color:  #fff;    /* 背景色指定 */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}

.inbox_shop ul {
		margin:.25rem 0;
		padding:.25rem 0;
}

.inbox_shop ul li {
		list-style-type: disc;
		font-size : .8rem;
		margin:0 .8rem;
}


.inbox_shop h4 {
		font-size : 1rem;
		margin:1rem auto;
		color:#000;
		text-align:center;
		padding: .25em;
		background-color:#FFEB3B;
}


.inbox_shop p {
		font-size : .8rem;
		line-height : 1.4;
		padding:0;
		margin:.5rem auto;
}

.inbox_shop h5 {
		padding: .2em 0 .2em .7em;
		border-left: 6px solid #ccc;
		font-size : 1.2rem;
		margin:.5rem 0 ;
}


.inbox_shop h6 {
		color:#ff5722;
		font-size : 1rem;
		margin:.5rem 0 ;
		text-align:center;
}

.b_center {
	margin:0 auto;
	text-align:center;
}

.btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #00bcd4;
  transition: .4s;
	width:80%;
	border-radius:4px;
}

.btn-flat-logo:hover {
  background: #2196F3;
}


}





/*=========================================================================*/



/* コピーライト */

#cr{
		padding : 10px 0;
		font-size : 10px;
		line-height : 12px;
		clear: both;
		width :100%;
		text-align : center;
		background:#294C7A;
		color:#fff;
}

.wrapper {
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
		background-color:#fff;
}

footer {
    width: 100%;
    text-align: center;
		position: absolute;/*←絶対位置*/
		bottom: 0; /*下に固定*/
}


/*=========================================================================*/


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*=========================================================================*/

#container {
	  display: block;
	  max-width: 960px;
	  margin:0 auto 30px;
		padding:20px;
		background-color:#fff;
}


.company {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.column_m {
  width: 100%;
}

.column_s {
  width: 100%;
}


.column_m img {
	border:1px solid #999;
	text-align:center;
}


@media (min-width: 1024px) {
  .column_m {
    width: calc(50% - 16.18px / 2);
  }

	.column_s {
	  width:50%;
	}

.column_m img {
	border:1px solid #999;
	text-align:center;
	width: 100%;

}


}





/*======================*/



hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

hr {
  border-top: 1px solid #ccc;
	margin:30px auto;
}



/*======================*/

p {
		font-size : 1.2rem;
		line-height : 1.6;
		margin:20px;
}

ul,ol {
		margin:0 auto 20px;

}

ul li,
ol li {
		font-size : 1.2rem;
		line-height : 1.8;
}

h1.title {
		padding: 20px;
    font-size: 2.2rem;
    color: #fff;
    margin: 0 auto;
   background-color: #00bcd4;
    font-family: serif;
    text-align: center;
}

h1.title span {
    font-size: 1.6rem;
}


h2.title_h2 {
		position: relative;
		padding-bottom: 0.5em;
		font-size : 1.8rem;
		color:#ff5722;
		margin-top:40px;
		letter-spacing: .2rem;
		text-align: center;
}
 
h2.title_h2::after {
     position: absolute;
     content: '';
     left: 0;
     bottom: 0;
     width: 100%;
     height: 7px;
     box-sizing: border-box;
     border-top: 3px solid #ff5722;
     border-bottom: 1px solid #ff5722;
}

h4 {
		font-size : 1.6rem;
		margin:0;
		color:#3a5263;
}





/*=========================================================================*/


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

p {
		font-size : 1rem;
		line-height : 1.6;
		margin:20px;
}


h1.title {
		padding: 10px;
    font-size:1.8rem;
    color: #fff;
    margin: 0 auto;
    background-color: #ff5722;
    font-family: serif;
    text-align: center;
}

h1.title span {
    font-size: 1rem;
}

ul li,
ol li {
		font-size : 1rem;
		line-height : 1.6;
}


}

/*=========================================================================*/







div#container h1 {
	background-color:#00bcd4;
	color:#fff;
	padding:20px;
	margin:2rem auto 0;
}

/*==========================*/



h3 {
     position: relative;
     padding-left: 0.7em;
	font-size:1.8rem;
	color:#000;

}
 
h3::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 5px;
     height:1em;
     background-color: #00bcd4;
}


/*==========================*/



.title_bar {
		text-align: center;
		font-size : 2.2rem;
		margin-bottom: 20px;
}
 
.title_bar span{
     position: relative;
     display: inline-block;
     padding-bottom:0.5em;
     border-bottom: 1px solid black;
}
      
.title_bar span::before,
.title_bar span::after {
     position: absolute;
     top: 100%;
     left:50%;
     transform:translateX(-50%);
     content: '';
     border: 10px solid transparent;
}
 
.title_bar span::before {
     border-top: 10px solid black;
}
 
.title_bar span::after {
     margin-top: -1px;
     border-top: 10px solid #fff;
}



.about_box {
	border-radius:4px;
	background-color:#fffde8;
	padding:20px;
	margin-bottom:2rem;
}


.about_box p {
		font-size : 1.4em;
		line-height : 1.6;
		margin:20px;
}

.about_box p b {
		color:#e94820;
}


.txt_red {
	font-size: 1.6em;
	color: crimson;
	font-weight: 700;		
}

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

.about_box p {
		font-size : 1.2em;
		line-height : 1.6;
		margin:20px;
}


}



/*==トップページ======================================*/

/*==見出し=====*/


.title_bar_02 {
		text-align: center;
		font-size : 2.2rem;
		margin:0 auto;
		padding:30px;
		background-color:#fff;
		border-top:5px solid #FFEB3B;
}


.title_bar_02 span{
     position: relative;
     display: inline-block;
     padding-bottom:0.5em;
     border-bottom: 1px solid black;
}
      
.title_bar_02 span::before,
.title_bar_02 span::after {
     position: absolute;
     top: 100%;
     left:50%;
     transform:translateX(-50%);
     content: '';
     border: 10px solid transparent;
}
 
.title_bar_02 span::before {
     border-top: 10px solid black;
}
 
.title_bar_02 span::after {
     margin-top: -1px;
     border-top: 10px solid #fff;
}


/*=======================================*/


.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;

}

a.btn--yellow {
color: #000;
  background-color: #fff100;
}

a.btn--yellow:hover {
  color: #000;
  background: #fff20a;
}

a.btn--yellow.btn--cubic {
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #ccc100;
}

a.btn-c {
  font-size: 1.8rem;
  position: relative;
  padding: 2rem 5rem;
  border-radius: 100vh;
}



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

a.btn-c {
  font-size: 1.2rem;
  position: relative;
  padding: 1rem 2rem;
  border-radius: 100vh;
}

a.btn--yellow {
color: #000;
  background-color: #fff100;
}

}



/*==========================================*/