@charset "utf-8";
/*
Theme Name:xoroasta
Author:TOMOHIRO
Author URI:https://xoroasta.com
Description:Last update 2026.2.15

*/
/*************
1.基本設定
**************/

/** concrete5追加 */
div.ccm-block-page-list-page-entry-horizontal{margin-bottom:3.2rem}
div.ccm-block-page-list-page-entry-read-more{margin-top:3.2rem;text-align:right}

div.ccm-pagination-wrapper ul.pagination{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}
ul.pagination li.page-item{margin-left:1.6rem}
ul.pagination li.active{margin-left:1.6rem;padding:0 1.6rem;background:#999;color:#fff}
ul.pagination li.page-item:first-child{margin-left:0}


/** カスタマイズ */
/**html{background:#910910}*/
body{background:#f3f3f2}

/*** ブロック要素 */
.ccm-page{
	/* background:#f3f3f2; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	line-height:1.6;
	color:#2e2930;
	letter-spacing:0.8pt;
}

.ccm-page address{
	display:inline-block;
	margin:0 0 1.6rem;
	text-align:center;
	font-style:normal;
	color:#f3f3f2;
}
.ccm-page address a{
	color:#f3f3f2;
	text-decoration:none;
}

/*** フォーム */
fieldset{text-align:left}
div.ccm-form{
	display:block;
	box-sizing:border-box;
	margin-block-end:3rem;
	padding:0 1.5rem;
}

fieldset div.mb-3{
	box-sizing:border-box;
    margin-block-end:2.4rem;
}

fieldset div.mb-3 input.ccm-input-text,
fieldset div.mb-3 input.ccm-input-email,
fieldset div.mb-3 input.ccm-input-tel,
fieldset div.mb-3 textarea.form-control,
fieldset div.mb-3 select.form-select{
	border:solid 1px #2e2930;
}

fieldset div.mb-3 input.ccm-input-text,
fieldset div.mb-3 input.ccm-input-email,
fieldset div.mb-3 input.ccm-input-tel,
fieldset div.mb-3 select.form-select{
    height:2.4rem;
}

fieldset div.mb-3 input{height:1.6rem}

div.ccm-form div.radio label{
	white-space:nowrap;
}
div.ccm-form label.control-label{
	height:1.6rem;
	white-space:nowrap;
}
div.ccm-form span.text-muted{
	background:#c9171e;
	margin:1.6rem;
	border:solid 1px #c9171e;
	padding:0 0.4rem;
	letter-spacing:0.4rem;
	vertical-align:middle;
	text-align:center;
	font-size:1.5rem;
	color:#f3f3f2;
}

div.ccm-form textarea{font-size:1.4rem}
div.ccm-form input{height:1.6rem;background:#f3f3f2}

div.form-actions{margin:0 auto;text-align:center}


/** インライン要素 */
/*** ヘッダー */
.ccm-page header a{text-decoration:none}
.ccm-page header a:link{color:#f3f3f2}
.ccm-page header a:visited{color:#2e2930}
.ccm-page header a:hover{color:#c9171e}
.ccm-page header a:active{color:#f3f3f2}

/*** メイン */
.ccm-page main a:link{text-decoration:underline;color:#0f2350}
.ccm-page main a:visited{color:#2e2930}
.ccm-page main a:hover{color:#c9171e}
.ccm-page main a:active{color:#f3f3f2}
.ccm-page main img{display:inline-block;text-align:center}

/*** フッター */
.ccm-page footer a:link,
.ccm-page footer a:visited,
.ccm-page footer a:hover,
.ccm-page footer a:active{text-decoration:none;color:#f3f3f2}


/** フレキシブルボックス */

/** id */
#copyright{display:block; background:#910910; margin:0; padding:1rem; font-size:1.44rem; color:#f3f3f2; text-align:center}

/** class */
/*** スマホ専用 */
.sp{display:none}

/*** 不具合回避用 */
div#headerLogo, div.fb-page, div.widget{font-family:sans-serif}






/* ヘッダー */
.ccm-page header{
	height:54px;
	position: fixed;
	z-index:99;
	top:0; left:0; right:0;
	background-color:rgba(255,255,255,0.5);
	text-align:center;
}

section#headerContents>.grid12{
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	margin:0 auto;
}
section#headerContents>.wrapp{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	height:auto;
	margin:0 auto;
}


/** ロゴ */
div#headerLogo{
	height:54px;
/*	margin-bottom:30px;*/
	text-align:left;
}
div#headerLogo > h1{
	display:inline-block;
	height:54px;
	margin:1px 0;
}
div#headerLogo > h1 a{
	display:block;
	height:54px;
}

div#headerLogo > h1 img{
	height:52px;
}


/** アセット */
div#headerAsset{
	display:flex;
	flex-direction:row;
}
div#headerGlobalAsset>ul{
	display:flex;
	justify-content:flex-end;
	list-style:none;
}
div#headerGlobalAsset>ul li{
	margin:30px 0 0 20px;
}
div#headerGlobalAsset>ul li a{
	height:40px;
	width:auto;
}


/** ナビ */
div#headerGlobalNavi{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	height:54px;
	text-align:center;
}


div#headerGlobalNavi{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	height:54px;
	text-align:center;
}

nav#headerGlobalNaviPc{
	height:54px;
	margin:0 auto;
	text-align:right;
}
nav#headerGlobalNaviPc ul.nav{
	display:block;
	height:54px;
	margin:0 auto;
}
nav#headerGlobalNaviPc ul.nav li{
	display:inline-block;
	height:54px;
	text-align:center;
	vertical-align:middle;
}
nav#headerGlobalNaviPc ul.nav li a{
	display:inline-block;
	height:54px;
	margin:0 0 0 3rem;
	line-height:54px;
	text-decoration:none;
}

nav#headerGlobalNaviPc ul.nav li a:link,
nav#headerGlobalNaviPc ul.nav li a:visited{
	color:#1a1a1a;
}

nav#headerGlobalNaviPc ul.nav li:first-child a{
	margin:0;
	line-height:54px;
}


/*** スマホ専用エリア */
nav#headerGlobalNaviSp > ul{
	display:none;
}




/** ハンバーガー */
/***メニュー部分 */
/**** ハンバーガーメニュー */
.hm_menu_check{
	display:none;
  }
  .hm_wrap{
	  display:none;
	  position:fixed;
	  top:0;
	  right:-1px;
	  width:50%;
	  background-color:rgba(0,0,0,0);
	  margin-bottom:30px;
	  padding:10px;
	  z-index:3;
  }
   
  .hm_title{/* ハンバーガーメニューオープン時の見出し */
	  position:relative;
	  color:#999;
	  display:inline-block;
	  font-weight:100;
	  line-height:30px;
	  margin:0 15px 0 0;
	  opacity:0;
	  transform:translate3d(0, 15px, 0);
	  transition:transform 0.6s, opacity 0.5s;
	  z-index:4;
  }
   
  /* ▽▽メニューボタン▽▽ */
  .hm_btn{
	  position:relative;
	  width:30px;
	  height:30px;
	  cursor:pointer;
	  display:block;
	  float:right;
	  z-index:5;
  }
  .hm_btn::before{
	  -webkit-box-shadow:#2e2930 0 12px 0;
	  box-shadow:#2e2930 0 12px 0;
  }
  .hm_btn::after{
	  bottom:0;
  }
  .hm_btn::before,
  .hm_btn::after{
	  width:30px;
	  height:6px;
	  background:#2e2930;
	  display:block;
	  content:'';
	  position:absolute;
	  transition:box-shadow 0.2s linear, transform 0.2s 0.2s;
  }
  /* △△メニューボタン△△ */
   
  .hm_menu_wrap{
	  width:100%;
	  height:auto;
	  background:#f3f3f2;
	  opacity:0.9;
	  position:absolute;
	  right:-100%;
	  top:0;
	  -webkit-transition:right 0.4s;
	  transition:right 0.4s;
  }
   
  /* ▽▽開閉時のアニメーション▽▽ */
  .hm_menu_check:checked ~ .hm_title{
	  opacity:1;
	  transform:none;
  }
  .hm_menu_check:checked ~ .hm_btn::before{
	  box-shadow:transparent 0 0 0;
	  transform:rotate(45deg) translate3d(6px, 11px, 0);
  }
  .hm_menu_check:checked ~ .hm_btn::after{
	  transform:rotate(-45deg) translate3d(6px, -11px, 0);
  }
  .hm_menu_check:checked ~ .hm_menu_wrap{
	  right:0;
  }
   
  /* △△開閉時のアニメーション△△ */
   
  /* ▽▽メニュー内のリストスタイル▽▽ */
  .hm_menu_wrap ul.nav{
	  list-style-type:none;
	  margin:50px 0 0;
	  padding:0;
  }

  .hm_menu_wrap ul.nav li{
	margin-block-end:0.5rem;
}

  .hm_menu_wrap ul.nav li a{
	  color:#777;
	  display:block;
	  overflow:hidden;
	  padding:8px 22px;
	  position:relative;
	  text-decoration:none;
	  z-index:6;
  }
  .hm_menu_wrap ul.nav li a::before{/* aタグマウスオーバー時の背景 */
	  background:#eee;
	  content:'';
	  position:absolute;
	  top:0;
	  right:0;
	  bottom:100%;
	  left:0;
	  transition:bottom 0.4s;
	  z-index:7;
  }
   
  .hm_menu_wrap ul.nav li a:hover::before{
	  bottom:0;
  }
  .hm_menu_wrap ul.nav li a:hover::after{
	  opacity:0.5;
	  transform:translate3d(0, 0, 0);
  }




/** パンくずリスト */
nav#headerBreadcrumb{
	display:flex;
	height:auto;
	flex-direction:row;
	flex-wrap:nowrap;
	align-content:center;
	list-style-type:none;
	margin:0 auto;
	text-align:left;
	font-size:1.5rem;
}

/** エリアブロック */

/* メイン */
.ccm-page main{
	position:absolute;
	top:54px;
}

/*** リスト */
main section > div.wrapp ul{list-style-type:none}
main section > div.wrapp ul,
main section > div.wrapp ul li{text-align:left}


/*** RSS */
main section div.ccm-block-rss-displayer-wrapper{text-align:left}

main section div.ccm-block-rss-displayer-item{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 0 1em;
}

main section div.ccm-block-rss-displayer-item-title{
	padding:0 1.6rem 0 0;
}
main section div.ccm-block-rss-displayer-item-date{
	padding:0 0 0 1.6rem;
}
main section div.ccm-block-rss-displayer-item-summary{
	width:100%;
	line-height:1.6;
}
/** エリアブロック */

/*** トップ・ローカル共通 */



/*** トップ */
/**** mainContents */
article#mainContents{
	/* background:url(../images/bg_mainContentHome-1.webp) top center no-repeat; */
	vertical-align:middle;
}
article#mainContents section{background: rgba(255, 255, 255, 0.5); padding:3rem 0 6rem}
/*
section#mainContentHome-1 p{font-size:2rem; margin-block-end:1rem}
 */

article#mainContents section#mainContentHome-1::before{
	position:absolute;
	top:0;
	left:0;
 	width:100%;
 	height:100%;
 	z-index:-1;
	background-image:url(../images/bg_mainContentHome-1.webp) ;
	background-repeat:no-repeat;
	opacity:0.5;
}
article#mainContents section#mainContentHome-1{position:relative;z-index:1;}


/**** ヒーロー */
section#Hero div{
	width:100%;
	margin:0 auto 30px;
	text-align:center;
}

/**** 見出し */
section#mainContentHome-1 h1,
section#mainContentHome-2 h1,
section#mainContentHome-3 h1,
section#mainContentHome-4 h1,
section#mainContentHome-5 h1,
section#mainContentHome-6 h1,
section#mainContentHome-7 h1{
	margin-right:auto;
	margin-left:auto;
	font-weight:bold;
	font-size:3.6rem;
	text-align:center;
}

section#mainContentHome-1 h2,
section#mainContentHome-2 h2,
section#mainContentHome-3 h2,
section#mainContentHome-4 h2,
section#mainContentHome-5 h2,
section#mainContentHome-6 h2,
section#mainContentHome-7 h2{
	font-size:2.4rem;
}


/** ローカルページ */
section#mainContentLocal-1{
	background-color:#000;
	vertical-align:middle;
	color:#fff;
}


/*** ローカル共通 */
section#mainContentLocal-1 > div h1,
section#mainContentLocal-2 > div h1,
section#mainContentLocal-3 > div h1,
section#mainContentLocal-4 > div h1,
section#mainContentLocal-5 > div h1{
	margin-block-end:3rem;
	font-size:3rem;
	font-weight:normal;
}
section#mainContentLocal-1 > div h2,
section#mainContentLocal-2 > div h2,
section#mainContentLocal-3 > div h2,
section#mainContentLocal-4 > div h2,
section#mainContentLocal-5 > div h2{
	margin-block-end:2.4rem;
	font-size:2.4rem;
	font-weight:normal;
}



/** フッター */
.ccm-page footer{
	position:fixed;
    bottom:0;
	width:100%;
	background:#e41f1a;
	text-align:center;
}
.ccm-page footer a{
	color:#f3f3f2;
}
.ccm-page footer a:hover{
	text-decoration:none;
}

section#footerContents{
	padding:0 0 30px;
}

section#footerContents>.wrapp{
	display:flex;
    flex-direction:column;
    align-items:center;
}

div#footerContentsBottom{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
    align-items:flex-start;
	margin:0 auto;
}

/*** ロゴ */
div#footerLogo{text-align:center}

div#footerLogo > h1 img{
	width:222px;
}

/** アセット */
div#footerAsset{
	display:flex;
	flex-direction:column;
}

div#footerAsset address .municipality{display:block;margin-block-start:0.75rem; margin-block-end:0.75rem}


/** ナビ */
nav#footerGlobalNavi ul.nav{
	flex-wrap:wrap;
	margin-block-end:3rem;
	padding:0 2rem;
}
nav#footerGlobalNavi ul.nav li{
	width:50%;
	text-align:left;
}


/* サイトパーツ */
ul.instagram_list{display:flex;flex-wrap:nowrap;justify-content:space-between}

ul.instagram_list li{
	list-style:none;
	margin: 0 0 0 30px;
}
ul.instagram_list li:first-child{
	margin: 0;
}

ul.instagram_list li>a,
ul.instagram_list li a img{
	width:138px;object-fit:cover;
}

ul.instagram_list li a p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
ul.instagram_list li a p span{
	font-size: 120%;
}


/** リンクボタン */
/*** テキストリンク */


.ccm-page .textLinkButton a{
    position:relative;
    display:inline-block;
    border:solid 1px #ffb500;
    background-color:#ffb500;
    height:6rem;
    line-height:6rem;
    font-weight:bold;
    color:#f3f3f2;
    text-align:center;
	text-decoration:none;
    z-index:10;
}

.ccm-page .textLinkButton a:before{
    content:"";
    position:absolute;
    display:block;
    background-color:#f3f3f2;
    width:0;
    top:0;
    bottom:0;
    -webkit-transition:.4s ease 0s;
    transition:.4s ease 0s;
    z-index:-1;
}

.ccm-page .textLinkButton a:hover{
	border:solid 1px #ffb500;
    color:#ffb500;
    text-decoration:none;
}
.ccm-page .textLinkButton a:hover:before{
    width:100%;
	border:solid 1px #ffb500;
}

.ccm-page .miniTextLinkButton a{
    position:relative;
    display:inline-block;
    border:solid 1px #ffb500;
    background-color:#ffb500;
    height:3rem;
    line-height:3rem;
    font-weight:100;
    text-align:center;
     z-index:10;
}
.ccm-page .miniTextLinkButton a:before{
    content:"";
    position:absolute;
    display:block;
    background-color:#f3f3f2;
    width:0;
    top:0;
    bottom:0;
    -webkit-transition:.4s ease 0s;
    transition:.4s ease 0s;
    z-index:-1;
}

.ccm-page .miniTextLinkButton a:link{color:#f3f3f2;text-decoration:none}

.ccm-page .miniTextLinkButton a:hover{
	border:solid 1px #ffb500;
    color:#ffb500;
    text-decoration:none;
}
.ccm-page .miniTextLinkButton a:hover:before{
    width:100%;
	border:solid 1px #ffb500;
}

p#goBack{
display:block;
position:fixed;
height:auto;
bottom:0px;
right:30px;
text-align:center;
filter:alpha(opacity=90);
opacity:0.9;
}

p#goBack a{
	display:block;
	padding:0px;
	text-decoration:none;
	color:#f3f3f2;
}

p#goBack a{
	width:54px;
}

div#map{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	overflow:hidden;
}

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


label.faqQuestion{
    display:block;
	background:#f3f3f2;
	margin:0 0 10px 0;
	border-bottom:solid 1px #f3f3f2;
	border-radius:8px;
	padding:10px;
	font-weight:500;
	font-size:110%;
	color:#2e2930;
	text-align:left;
}

input[type="checkbox"].on-off{display:none}

p.faqAnswer{transition:all 0.5s; list-style:none; padding:0 1em}

input[type="checkbox"].on-off + p{height:0; overflow:hidden}
input[type="checkbox"].on-off:checked + p{height:auto; padding:1em}



/* アニメーション */
@keyframes fadeIn{
    from{opacity:0}
    to{opacity:1}
}
.fadeIn{
	animation-name:fadeIn;
	animation-duration:4s;
}



.hoverLeftSlide a{
    position:relative;
    display:inline-block;
    border:solid 1px #191919;
    background-color:#f2f2f2;
    width:180px;
    height:60px;
    line-height:60px;
    font-weight:bold;
    color:#333;
    text-align:center;
    z-index:10;
}
.hoverLeftSlide a:before{
    content:"";
    position:absolute;
    display:block;
    background-color:#191919;
    width:0;
    top:0;
    bottom:0;
    -webkit-transition:.4s ease 0s;
    transition:.4s ease 0s;
    z-index:-1;
}
.hoverLeftSlide a:hover{
    color:#f3f3f2;
    text-decoration:none;
}
.hoverLeftSlide a:hover:before{
    width:100%;
}


/* レイアウトや見た目のスタイル */
/* ---------------------------- */

.single-item + .single-item{
    margin-top:80px;
}

/* アニメーションスタイル */
/* ---------------------------- */

/* アニメーション前 */
.u-fade-type-up{
    transform:translateY(50px);
    opacity:0;
}

/* トリガー発火でis-activeを付与 */
.u-fade-type-up.is-active{
    transition:.6s;
    transform:translateY(0);
    opacity:1;
}

.u-fade-type-in{
    opacity:0;
}

/* トリガー発火でis-activeを付与 */
.u-fade-type-in.is-active{
    transition:2s;
	opacity:1;
}


/*************
スマホ
**************/
@media screen and (max-width:480px){

	/* タグ */

	img{width:auto;max-width:100%;height:auto}
	iframe{max-width:100%;max-height:474px;height:auto}

	/* 分割設定 */
	div.ccm-layout-column-inner img{display:block;margin:0 auto}


	/* スマホ専用エリア */
	.hm_wrap{display:block}
    .sp{display:block}

	/* PC専用エリア */
	div#headerGlobalNavi,
	nav#headerGlobalNaviPc,
	div#HeroPc,
    .pc{display:none}

	/* ヘッダー */
    .ccm-page header{position:relative}

    section#headerContents div.wrapp{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
        margin:0 auto;
        padding:0;
    }

	/* メイン */

	/** 共通 */
	.ccm-page main{width:100%; text-align:left}

	main section > div ol,
	main section > div ul{margin-bottom:20rem}
	main section > div p{margin-block-end:1.6rem}

	/*** トップページ */
	main section#mainContentHome-1>div,
	main section#mainContentHome-2>div,
	main section#mainContentHome-3>div,
	main section#mainContentHome-4>div,
	main section#mainContentHome-5>div,
	main section#mainContentHome-6>div,
	main section#mainContentHome-7>div{
		padding:2rem
	}

	main section#mainContentHome-1>div h1,
	main section#mainContentHome-2>div h1,
	main section#mainContentHome-3>div h1,
	main section#mainContentHome-4>div h1,
	main section#mainContentHome-5>div h1,
	main section#mainContentHome-6>div h1,
	main section#mainContentHome-7>div h1{
		padding:1rem 0 2rem;
	}

	main section#mainContentHome-1>div p,
	main section#mainContentHome-2>div p,
	main section#mainContentHome-3>div p,
	main section#mainContentHome-4>div p,
	main section#mainContentHome-5>div p,
	main section#mainContentHome-6>div p,
	main section#mainContentHome-7>div p{
		margin-block-end:2rem
	}

	/*** ローカルページ */
	main section#mainContentLocal-1 > div,
	main section#mainContentLocal-2 > div,
	main section#mainContentLocal-3 > div,
	main section#mainContentLocal-4 > div,
	main section#mainContentLocal-5 > div,
	main section#mainContentLocal-6 > div,
	main section#mainContentLocal-7 > div{
		padding:2rem
	}
	main section#mainContentLocal-1 > div p,
	main section#mainContentLocal-2 > div p,
	main section#mainContentLocal-3 > div p,
	main section#mainContentLocal-4 > div p,
	main section#mainContentLocal-5 > div p,
	main section#mainContentLocal-6 > div p,
	main section#mainContentLocal-7 > div p{
		margin-block-end:2rem
	}


	/** フォーム */
	div.ccm-form{
		flex-wrap:wrap;
	}
	div.ccm-form label.control-label{width:80%}
	span.text-muted{margin-right:0}

	div.ccm-form input.ccm-input-text,
	div.ccm-form textarea.form-control,
	div.ccm-form input.ccm-input-email,
	div.ccm-form input.ccm-input-tel{
			display:block;
			width:100%;
			margin-top:0.4rem;
	}

	div.ccm-form div.radio,
	div.ccm-form div.checkbox{width:50%}

	img.ccm-captcha-image,
	label.control-label,
	span.ccm-input-date-wrapper{margin:0 0 0.8rem 0}
	span.ccm-input-time-wrapper{margin:0 0 0 0.8rem}

	div.ccm-form span.text-muted{width:20%}




	/* フッター */
    section#footerContent{margin:2rem}


	section>div.wrapp>div.ccm-layout-column-wrapper{flex-direction:column}

	section#mainContentHome-1 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentHome-2 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentHome-3 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentHome-4 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentHome-5 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentHome-6 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentHome-7 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentLocal-1 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentLocal-2 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentLocal-3 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentLocal-4 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentLocal-5 div.ccm-layout-column-wrapper div.ccm-layout-column{float:none;width:100%}


/** フッター */
footer section.home{padding-top:222px}

div#footerAsset{margin:0 auto}




/*** ロゴ */
div#footerLogo,
div#footerLogo > h1 a,
div#footerLogo > h1 img{text-align:center}
div#footerLogo{margin:0 auto}

/** アセット */
div#footerAsset address  ul li{text-align:center}

/* サイトパーツ */
ul.instagram_list{flex-wrap:wrap;justify-content:center}

ul.instagram_list li{
	max-width:40%;
	margin: 0 0 20px 20px;
}
ul.instagram_list li:nth-child(odd){
	margin:0 0 20px;
}

ul.instagram_list li>a,
ul.instagram_list li a img{
	width:138px;display:block;
}

ul.instagram_list li a p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
ul.instagram_list li a p span{
	font-size: 120%;
}




}
/*************
PC
**************/
@media screen and (min-width:978px){


	.ccm-page address{
		text-align:left;
	}

	/* 978grid layout 1column */
	.grid1{width:54px}.grid2{width:138px}.grid3{width:222px}.grid4{width:306px}.grid5{width:390px}.grid6{width:474px}.grid7{width:558px}.grid8{width:642px}.grid9{width:726px}.grid10{width:810px}.grid11{width:894px}.grid12{width:978px}.grid13{width:1062px}.grid14{width:1146px}.grid15{width:1230px}.grid16{width:1314px}.grid17{width:1498px}.grid18{width:1482px}.grid19{width:1566px}.grid20{width:1650px}.grid21{width:1734px}.grid22{width:1828px}.grid23{width:1902px}.grid24{width:1986px}.grid25{width:2070px}.grid26{width:2154px}.grid27{width:2238px}.grid28{width:2322px}.grid29{width:2406px}.grid30{width:2490px}


	/** フレキシブルボックス */
	section>div.wrapp>div.ccm-layout-column-wrapper{flex-direction:row}

	/* ヘッダー */
	/*
	section#headerContents{margin-block-end:12rem}
	*/

    /** ロゴ */
    #headerLogo{height:auto;text-align:left}

	/** アセット */
	div#headerAsset{display:flex;flex-direction:column;text-align:right}

	/** ナビ **/
	nav#headerGlobalNaviPc{display:block}
	nav#headerGlobalNaviPc ul.nav li a{
    position:relative;
    display:inline-block;
	}
	nav#headerGlobalNaviPc ul.nav li a:before{
	content:"";
    position:absolute;
    display:block;
    background-color:#1a1a1a;
    width:0;
    height:1px;
    bottom:-2px;
    left:0;
    -webkit-transition:.4s ease 0s;
    transition:.4s ease 0s;
	}
	nav#headerGlobalNaviPc ul.nav li a:hover{
	text-decoration:none;
	}
	nav#headerGlobalNaviPc ul.nav li a:hover:before{
		width:100%;
	}

	/*** ハンバーガーメニュー */
	.hm_wrap{display:none}


	/** フレキシブルボックス */

	/** スマホ専用エリア */
	nav#headerGlobalNaviSp > ul,
	div#HeroSp .ccm-block-image-slider-pages,
	div#HeroSp .ccm-block-hero-image{display:none}



   	/** PC専用エリア */
	div#headerHeroPc{display:block}
	
	/*** 分割設定 */
	div.ccm-layout-column-wrapper{flex-direction:row}
	
	section#mainContentHome-1>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentHome-2>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentHome-3>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentHome-4>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentHome-5>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentHome-6>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentHome-7>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentLocal-1>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentLocal-2>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentLocal-3>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentLocal-4>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentLocal-5>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentLocal-6>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column{
		box-sizing:border-box;
		margin-top:30px;
		margin-bottom:30px;
		padding:0 15px;
		text-align:left;
	}


	/**** 一列目 */
	section#mainContentHome-1>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentHome-2>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentHome-3>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentHome-4>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentHome-5>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentHome-6>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentHome-7>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentLocal-1>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentLocal-2>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentLocal-3>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentLocal-4>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentLocal-5>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentLocal-6>div.wrapp div.ccm-layout-column-wrapper>div:first-child{
		padding:0 15px 0 0;
		}
	
	/**** 最後の列 */
	section#mainContentHome-1>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentHome-2>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentHome-3>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentHome-4>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentHome-5>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentHome-6>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentHome-7>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentLocal-1>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentLocal-2>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentLocal-3>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentLocal-4>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentLocal-5>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentLocal-6>div.wrapp div.ccm-layout-column-wrapper>div:last-child{
		padding:0 0 0 15px;
	}

	/** メインコンテンツ **/
	.ccm-page main{
		width:100%;
		text-align:left;
	}

	main article#mainContents{
		margin:0;
	}
	main section div.wrapp{
		margin:0 auto;
	}
	main section{
		margin-bottom:30px;	
	}

	main section > div.wrapp div.ccm-layout-column{
		margin:0 auto;
	}

	/** ヒーロー */
	section#Hero div{
		width:100%;
		margin:0 auto 30px;
		text-align:center;
	}

	/** ヒーローイメージ */

	div#HeroPc{
		display:block;
	}

	/*** スマホ専用エリア */
	div#HeroSp .ccm-block-image-slider-pages{
		display:none;
	}



/**** 見出し */

/*
section#mainContentHome-1 h1,
section#mainContentHome-2 h1,
section#mainContentHome-3 h1,
section#mainContentHome-4 h1,
section#mainContentHome-5 h1{
	margin-block-start:138px;
	margin-block-end:54px;
	font-size:4.8rem;
}
 */


/** リスト **/
main section > div.wrapp ul{
	list-style-type:none;
}
main section > div.wrapp ul,
main section > div.wrapp ul li{
	text-align:left;
}

	



/** RSS **/
main section div.ccm-block-rss-displayer-wrapper{
	text-align:left;
}

main section div.ccm-block-rss-displayer-item{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

main section div.ccm-block-rss-displayer-item-title{
	width:auto;
	margin:0 0 1em;
	text-align:left;
}
main section div.ccm-block-rss-displayer-item-date{
	width:auto;
	margin:0 0 1em;
	text-align:right;
}
main section div.ccm-block-rss-displayer-item-summary{
	width:auto;
	line-height:1.6;
	text-align:left;
}




/* フッター */
.ccm-page footer{
	padding:30px 0 0;
	border:none;
	background-position:center top;
	background-color:#e41f1a;
	color:#f3f3f2;
	text-align:center;
}
.ccm-page footer a:link,
.ccm-page footer a:visited,
.ccm-page footer a:hover{
	color:#f3f3f2;
}
.ccm-page footer a:hover{text-decoration:none}

section#footerContents{
	padding:0 0 30px;
}
section#footerContents > .wrapp{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

/** ナビ */
nav#footerGlobalNavi{
	width:100%;
}

nav#footerGlobalNavi ul.nav li{
	width:50%;
	vertical-align:middle;
	text-align:center;
}

nav#footerGlobalNavi ul.nav{
	flex-wrap:nowrap;
	margin-block-end:3rem;
}

nav#footerGlobalNavi ul.nav li a{
	display:inline-block;
	height:3.2rem;
}

nav#footerGlobalNavi ul > li > a:link,
nav#footerGlobalNavi ul > li > a:visited{
	text-decoration:none;
	color:#f3f3f2;
}

/** ロゴ */
div#footerLogo{
	margin:0 30px 30px 0;
	text-align:center;
}
div#footerLogo > h1{
	margin:0 auto;
	text-align:center;
}
div#footerLogo > h1 img{
	text-align:center;
	
}

/** アセット */
div#footerGlobalAsset{
	display:flex;
	flex-direction:column;
	text-align:center;
}

div#footerContentAddress{
	margin:0 auto;
}

div#footerContentFunction{
	width:306px;
	margin:30px 0 30px 30px;
}


/* サイトパーツ */
/** 埋め込み **/
section iframe.googleMap{
	width:474px;
	height:474px;
}
section iframe.googleMap,
section iframe.googleMap object,
section iframe.googleMap embed{
	filter:saturate(0%);
}


section iframe.youtube{
	display:block;
/*	width:474px; */
/*	height:267px; */
	width:100%;
	height:auto;
	margin:3rem auto;
}




/*** 先頭へ戻る ***/

p#goBack{
display:inline-block;
position:fixed;
height:54px;
width:54px;
bottom:10px;
right:10px;
vertical-align:middle;
text-align:center;
font-size:54px;
filter:alpha(opacity=90); 
-moz-opacity:0.9; 
-khtml-opacity:0.9; 
opacity:0.9; 

}
p#goBack a{
	display:inline-block;
	padding:0px;
	vertical-align:middle;
	text-decoration:none;
	color:#f3f3f2;
}

div#map{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	overflow:hidden;
}
 
#map iframe,
#map object,
#map embed{
	position:absolute;
	top:0;
	left:0;
}
#map iframe{

	width:100%;
	height:100%;
}


label.faqQuestion{
    display:block;
	background:#eee9e5;
	margin:0 0 10px 0;
	border-bottom:solid 1px #f3f3f2;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:10px;
	font-weight:500;
	font-size:110%;
	color:#2e2930;
}

input[type="checkbox"].on-off{
    display:none;
}

p.faqAnswer{
    transition:all 0.5s;
    list-style:none;
    padding:0 1em;
}

input[type="checkbox"].on-off + p{
    height:0;
    overflow:hidden;
}

input[type="checkbox"].on-off:checked + p{
    height:auto;
    padding:1em;
}

.facebook{
	width:768px;
}



h1.appeal,
h2.appeal{
	width:auto;
	height:auto;
}
h3.appeal{
	display:inline-block;
	margin:70px 0 50px;
	padding:0.5em;
	border-radius:25px 0px 0px 25px;
	background:#dbebf8;
	font-size:24px;
	color:#505050;
	font-weight:200;
	text-align:left;
	vertical-align:middle;
}
h3.appeal::before{
content:'●';
color:#f3f3f2;
margin-right:8px;
}

h1.appeal::after,
h2.appeal::after{
	content:"";
	display:block;
	height:4px;
	width:100%;
	background:linear-gradient(to right, #ffb700 0%,
				#e41f1a 50%,
				#1d33aa 100%);
}
h1.appeal img,
h2.appeal img{
	margin:0;
	text-align:left;
}


/** フォーム */
div.ccm-form {
    padding:0;
}

div#mainContactTel{
	margin:0 auto 30px;
	padding:0 0 30px;
	text-align:left;
}
div#mainContactTel > p a:link{
	margin:0 auto 30px;
	font-size:30px;
	font-weight:200;
}

fieldset div.mb-3{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
fieldset div.mb-3 label.form-label{width:25%}

fieldset div.mb-3 input.ccm-input-text,
fieldset div.mb-3 textarea.form-control,
fieldset div.mb-3 input.ccm-input-email,
fieldset div.mb-3 input.ccm-input-tel{
    width:61.8%;
}



/* サイトパーツ */

/** 埋め込み **/
div#map{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	overflow:hidden;
}
 
#map iframe,
#map object,
#map embed{
	position:absolute;
	top:0;
	left:0;
}
#map iframe{
	width:100%;
	height:100%;
}

}