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

*/
/*************
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:#fbf8f0}
body{background:#fbf8f0}

.ccm-page{
	line-height:1.8;
	color:#2b2a22;
	letter-spacing:0.8pt;
}

.ccm-page address{
	display:block;
	margin:0 0 1.6rem;
	text-align:center;
	font-style:normal;
}
.ccm-page address a{
	color:#fff;
	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 #333;
	font-size:1.6rem;
}
div#headerGlobalNavi
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:#e41f1a;margin:1.6rem;border:solid 1px #e41f1a;padding:0 0.4rem;letter-spacing:0.4rem;vertical-align:middle;text-align:center;font-size:1.6rem;color:#fffffc}
div.ccm-form textarea{font-size:1.6rem}
div.ccm-form input{height:1.6rem;background:#fff}
div.form-actions{margin:0 auto;text-align:center}
div.form-actions button{
	background-color:#333;
    padding:0.8rem;
    color:#fff;
    border:solid 1px #333;
    width:100%;
    font-size:1.6rem;
    letter-spacing:0.8rem
}


/*** 「次へ」「前へ」ナビ */
div.ccm-block-next-previous{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: stretch;
}
.ccm-page main p.ccm-block-next-previous-previous-link a{
	position:relative;
    display:inline-block;
	padding:3.6rem 0 1.8rem;
    color: #333;
    text-decoration:none;
    outline:none;
}
p.ccm-block-next-previous-previous-link a::before{
	content: '';
    /*絶対配置で矢印の位置を決める*/
	position:absolute;bottom:-3px;left:0;
    /*矢印の形状*/    
    width:15px;height:1px;background:#333;transform:rotate(145deg);
    /*アニメーションの指定*/
    transition:all .3s;
}
p.ccm-block-next-previous-previous-link a::after{
	content:'';
	position:absolute;bottom:-8px;right:15%;
    width:85%;height:1px;background:#333;
    transition:all .3s;
}
p.ccm-block-next-previous-previous-link a:hover::before{left:-5%}
p.ccm-block-next-previous-previous-link a:hover::after{right:20%}


.ccm-page main p.ccm-block-next-previous-next-link a{
	position:relative;
    display:inline-block;
	padding:3.6rem 0 1.8rem;
    color: #333;
    text-decoration:none;
    outline:none;
}
p.ccm-block-next-previous-next-link a::before{
	content:'';
	position:absolute;bottom:-8px;left:15%;
    width:85%;height:1px;background:#333;
    transition:all .3s;
}
p.ccm-block-next-previous-next-link a::after{
	content: '';
    /*絶対配置で矢印の位置を決める*/
	position:absolute;bottom:-3px;right:0;
    /*矢印の形状*/    
    width:15px;height:1px;background:#333;transform:rotate(35deg);
    /*アニメーションの指定*/
    transition:all .3s;
}
p.ccm-block-next-previous-next-link a:hover::before{left:20%}
p.ccm-block-next-previous-next-link a:hover::after{right:-5%}


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

/*** メイン */
.ccm-page main a{color:#333}
.ccm-page main a:visited{color:#545454}
.ccm-page main a:hover{color:#111}
.ccm-page main a:active{color:#333}
.ccm-page main img{display:inline-block;text-align:center}

.ccm-page main h1 a:hover,
.ccm-page main h2 a:hover,
.ccm-page main h3 a:hover,
.ccm-page main h4 a:hover,
.ccm-page main h5 a:hover,
.ccm-page main h6 a:hover{cursor:default;color:inherit}


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

/** id */
#copyright{display:block; margin:0; padding:1rem 0; text-align:center}

ul#index{list-style-type:disclosure-closed}

/** class */
div.wrapper{margin:0 auto;text-align:center}

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

p.address{text-align:center}

p.contacts{font-size:3.2rem}
p.contacts a:link{text-decoration:none;color:#333}

p.address a:link,
p.address a:visited{color:#534741;text-decoration:none}
p.address a:hover{color:#333}

span.markerHeadline{background:linear-gradient(transparent 66%,#b8f4f4 75%);padding-bottom:0.32rem}

span.markerImportant{background:linear-gradient(transparent 66%,#fff100 75%);padding-bottom:0.32rem}

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

/*** フォント */
section#headerContents div.wrapp, div#headerGlobalNavi, article#mainContent, section#footerContents div.wrapp, div#footerGlobalNavi, div.footerAddress, p#copyright{
   	font-family:Shin Go Regular, "新ゴ R", "游ゴシック",YuGothic, sans-serif;
}

/* ヘッダー */
.ccm-page header{
position:relative;
width:100%;
margin:0 auto 16px;
padding:16px 0 0;
}

		
/** ロゴ **/
div#headerLogo>h1{display:block;margin:0 auto}

div#headerLogo > h1 a{display:flex;line-height:0}

div#headerLogo>h1>a>img{height:32px}




/** アセット */
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{
    box-sizing: border-box;
    text-align: center;
    margin: 0px auto;
}


nav#headerGlobalNaviPc{
	margin:0 auto;
	text-align:center;
}
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:block;
	height:54px;
	margin:0 0 0 3rem;
	font-size:1.6rem;
	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;
}


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

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

/*** リスト */
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;
}
/** エリアブロック */
/*** トップ・ローカル共通 */

/***** 見出し */
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,
section#mainContentLocal-1 h1,section#mainContentLocal-2 h1,section#mainContentLocal-3 h1,section#mainContentLocal-4 h1,
section#mainContentLocal-5 h1,section#mainContentLocal-6 h1,section#mainContentLocal-7 h1,section#mainContentLocal-8 h1{
	margin-right:auto;
	margin-left:auto;
	margin-block-end:3.2rem;
	font-family:Shuei NijimiMGo B, "秀英にじみ丸ゴシック B", "游ゴシック",YuGothic, sans-serif;
	font-size:4.8rem;
}
main section h1,main section h2,main section h3,main section h4,main section h5,main section h6{
	margin-right:auto;
	margin-left:auto;
	margin-block-end:3.2rem;
	font-family:Shuei NijimiMGo B, "秀英にじみ丸ゴシック B", "游ゴシック", YuGothic, sans-serif;
	font-size:4.8rem;
}



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-1 h3,section#mainContentHome-2 h3,section#mainContentHome-3 h3,section#mainContentHome-4 h3,section#mainContentHome-5 h3,section#mainContentHome-6 h3,
section#mainContentHome-1 h4,section#mainContentHome-2 h4,section#mainContentHome-3 h4,section#mainContentHome-4 h4,section#mainContentHome-5 h4,section#mainContentHome-6 h4,
section#mainContentHome-1 h5,section#mainContentHome-2 h5,section#mainContentHome-3 h5,section#mainContentHome-4 h5,section#mainContentHome-5 h5,section#mainContentHome-6 h5,
section#mainContentHome-1 h6,section#mainContentHome-2 h6,section#mainContentHome-3 h6,section#mainContentHome-4 h6,section#mainContentHome-5 h6,section#mainContentHome-6 h6,
section#mainContentLocal-1 h2,section#mainContentLocal-2 h2,section#mainContentLocal-3 h2,section#mainContentLocal-4 h2,section#mainContentLocal-5 h2,section#mainContentLocal-6 h2,section#mainContentLocal-7 h2,section#mainContentLocal-8 h2,
section#mainContentLocal-1 h3,section#mainContentLocal-2 h3,section#mainContentLocal-3 h3,section#mainContentLocal-4 h3,section#mainContentLocal-5 h3,section#mainContentLocal-6 h3,section#mainContentLocal-7 h3,section#mainContentLocal-8 h3,
section#mainContentLocal-1 h4,section#mainContentLocal-2 h4,section#mainContentLocal-3 h4,section#mainContentLocal-4 h4,section#mainContentLocal-5 h4,section#mainContentLocal-6 h4,section#mainContentLocal-7 h4,section#mainContentLocal-8 h4,
section#mainContentLocal-1 h5,section#mainContentLocal-2 h5,section#mainContentLocal-3 h5,section#mainContentLocal-4 h5,section#mainContentLocal-5 h5,section#mainContentLocal-6 h5,section#mainContentLocal-7 h5,section#mainContentLocal-8 h5,
section#mainContentLocal-1 h6,section#mainContentLocal-2 h6,section#mainContentLocal-3 h6,section#mainContentLocal-4 h6,section#mainContentLocal-5 h6,section#mainContentLocal-6 h6,section#mainContentLocal-7 h6,section#mainContentLocal-8 h6{
	margin-bottom:18px;
	font-weight:700;
	text-align:left;
}

/****** h1 */
section#mainContentHome-1 h1,section#mainContentLocal-1 h1,section#mainContentHome-2 h1,section#mainContentLocal-2 h1{text-align:center}

/****** h2 */
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#mainContentLocal-1 h2,section#mainContentLocal-2 h2,section#mainContentLocal-3 h2,section#mainContentLocal-4 h2,section#mainContentLocal-5 h2,section#mainContentLocal-6 h2,section#mainContentLocal-7 h2,section#mainContentLocal-8 h2{
	font-size:2.2rem;
	margin-top: 48px;
}
section#mainContentHome-1 h2>span,section#mainContentHome-2 h2>span,section#mainContentHome-3 h2>span,section#mainContentHome-4 h2>span,section#mainContentHome-5 h2>span,section#mainContentHome-6 h2>span,section#mainContentLocal-1 h2>span,section#mainContentLocal-2 h2>span,section#mainContentLocal-3 h2>span,section#mainContentLocal-4 h2>span,section#mainContentLocal-5 h2>span,section#mainContentLocal-6 h2>span,section#mainContentLocal-7 h2>span,section#mainContentLocal-8 h2>span{
	display:block;
	letter-spacing:.08em;
	font-size:1.3rem;
	font-weight:700;
	color:#3e7a57;
}

/****** h3 */
section#mainContentHome-1 h3,section#mainContentHome-2 h3,section#mainContentHome-3 h3,section#mainContentHome-4 h3,section#mainContentHome-5 h3,section#mainContentHome-6 h3,section#mainContentLocal-1 h3,section#mainContentLocal-2 h3,section#mainContentLocal-3 h3,section#mainContentLocal-4 h3,section#mainContentLocal-5 h3,section#mainContentLocal-6 h3,section#mainContentLocal-7 h3,section#mainContentLocal-8 h3{
	font-size:1.8rem;
}

/****** h4 */
section#mainContentHome-1 h4,section#mainContentHome-2 h4,section#mainContentHome-3 h4,section#mainContentHome-4 h4,section#mainContentHome-5 h4,section#mainContentHome-6 h4,section#mainContentLocal-1 h4,section#mainContentLocal-2 h4,section#mainContentLocal-3 h4,section#mainContentLocal-4 h4,section#mainContentLocal-5 h4,section#mainContentLocal-6 h4,section#mainContentLocal-7 h4,section#mainContentLocal-8 h4{
	font-size:1.5rem;
}


/*** トップ */



/*** ローカル共通 */





/** パンくずリスト */
section#mainGlobalBreadcrumb{margin-bottom:0}

ol.breadcrumb{
	display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-content:center;
    justify-content:flex-start;
    align-items:center;
	list-style-type:none;
}

li.breadcrumb-item{margin-left:0.8rem}
li.breadcrumb-item::before{content:">";padding-right:0.8rem}
li.breadcrumb-item:first-child{margin-left:0;padding-right:0}
li.breadcrumb-item:first-child:before{content:none}
li.breadcrumb-item:first-child a{
	display:inline-block;
	width:auto;
	height:2.4rem;
	content:"";
	/*	content:url(../images/bg_breadcrumb-item.svg) center no-repeat; */
	background: url(../images/bg_breadcrumb-item.svg) center no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden
}
section#mainGlobalBreadcrumb div.grid12{
	display:flex;
    justify-content:space-between;
    align-items:center;
}

/*** ローカルページ */








/** フッター */
.ccm-page footer{
	position:relative;
	width:100%;
	background:#333;
	text-align:center;
	color:#fff;
}

.ccm-page footer a:link,
.ccm-page footer a:visited,
.ccm-page footer a:hover,
.ccm-page footer a:active{text-decoration:none;color:#fff}


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#footerContentsBottom address .municipality{display:block}

/*** ロゴ */
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:wrap;justify-content:center}

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{display:flex}

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%;
}


/** スライダー */
div.wrapp ul.rslides1_tabs{margin:0 auto;text-align:center}




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

/**** 下線除去 */
.ccm-page main .textLinkButton a,.ccm-page main .textLinkButton a:hover,
.ccm-page main .miniTextLinkButton a:link,.ccm-page main .miniTextLinkButton a:hover,
.ccm-page main a.textLinkRoundedCorners,
.ccm-page main a.textLinkChangeRadius,
.ccm-page main a.textLinkArrowSlide{
	text-decoration:none
}




.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:#fff;
    text-align:center;
    z-index:10;
}

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

.ccm-page .textLinkButton a:hover{
	border:solid 1px #ffb500;
    color:#ffb500;
}
.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:#fff;
    width:0;
    top:0;
    bottom:0;
    -webkit-transition:.4s ease 0s;
    transition:.4s ease 0s;
    z-index:-1;
}

.ccm-page .miniTextLinkButton a:link{color:#fff}

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

	/* 角丸ボタン設定 */
	.ccm-page a.textLinkRoundedCorners{
		/*影の基点とするためrelativeを指定*/
		position: relative;
		/*ボタンの形状*/
		display: inline-block;
		text-align: center;
		background: transparent;
		border-radius: 4rem;
		border-bottom: solid 6px #333;
		outline: none;
		/*アニメーションの指定*/
		transition: all 0.2s ease;
	}

	/*hoverをした後のボタンの形状*/
	.ccm-page a.textLinkRoundedCorners:hover{border-color:transparent}

	/*ボタンの中のテキスト*/
	.ccm-page a.textLinkRoundedCorners span{
		position: relative;
		z-index: 2;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
		/*テキストの形状*/
		display: block;
		padding: 4rem 6.4rem;
		background:#fdf55f;
		border-radius: 4rem;
		font-size: 2.4rem;
		color:#333;
		/*アニメーションの指定*/
		transition: all 0.3s ease;
	}

	.ccm-page a.textLinkRoundedCorners span::after{content: ">";padding-left:1.6rem}

	/*角丸に変わる*/
	.ccm-page main a.textLinkChangeRadius{
    /*ボタンの形状*/   
	display:inline-block;
    background: #333;
    color: #fff;
    padding: 1.6rem 3.2rem;
	border: 5px double white;
    outline: none;
    /*アニメーションの指定*/   
    transition:.3s ease-out;
	}
	/*hoverした際の角丸のアニメーション*/
	.ccm-page main a.textLinkChangeRadius:hover{
	background:#333;
	border-radius:3.2rem;	
	}

	/*矢印が右に移動する*/
	.textLinkArrowSlide{
		/*矢印と下線の基点とするためrelativeを指定*/
		position:relative;
		/*形状*/
		display:inline-block;
		padding:3.6rem 0 1.8rem;
		color: #333;
		outline:none;
	}

	/*矢印と下線の形状*/
	.textLinkArrowSlide::before{
		content:'';
		/*絶対配置で下線の位置を決める*/
		position:absolute;bottom:-8px;left:15%;
		/*下線の形状*/    
		width:85%;height:1px;background:#333;
		/*アニメーションの指定*/
		transition:all .3s;
	}

	.textLinkArrowSlide::after{
		content: '';
		/*絶対配置で矢印の位置を決める*/
		position:absolute;bottom:-3px;right:0;
		/*矢印の形状*/    
		width:15px;height:1px;background:#333;transform:rotate(35deg);
		/*アニメーションの指定*/
		transition:all .3s;
	}

	/*hoverした際の移動*/
	.textLinkArrowSlide:hover::before{left:20%}
	.textLinkArrowSlide:hover::after{right:-5%}


	/*== 下に押し込まれる（立体が平面に） */
	/*影の設定*/
	.pushdown:before {
		content:"";
		/*絶対配置で影の位置を決める*/
		position: absolute;
		z-index: -1;
		top:4px;
		left:0;
		/*影の形状*/
		width: 100%;
		height: 100%;
		border-radius: 25px;
		background-color: #333;
	}

	/*hoverの際にY軸に4pxずらす*/
	.pushdown:hover span {
		background-color: #333;
		color: #fff;
		transform: translateY(4px);
	}





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:#fff;
}

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%}



/* アニメーション */
.scrollanime{opacity:0;animation-duration:2s}

@keyframes fadeIn{
    from{opacity:0}
    to{opacity:1}
}
.fadeIn{animation-name:fadeIn;animation-duration:4s}

@keyframes fadeInDown {
	0% {opacity:0}
	100% {
	opacity:1;
	transform:translate(0);
	}
}
.fadeInDown{
    animation-name:fadeInDown;
    animation-duration:1s;
    animation-fill-mode:forwards;
}

.updown{transform:translateY(-100px);}
.downup{transform:translateY(100px);}
 
.sect02{overflow:hidden;}
.slideRight{transform:translateX(200px);}
.slideLeft{transform:translateX(-200px);}



.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:#fff;
    text-decoration:none;
}
.hoverLeftSlide a:hover:before{
    width:100%;
}


/* レイアウトや見た目のスタイル */
/* ---------------------------- */
.single-item + .single-item{margin-top:0px}

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

/* アニメーション前 */
.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}


/** Q&A **/
label.faqQuestion{display:block;text-align:left}

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

p.faqAnswer{padding-left:1.6rem}

/*
p.faqAnswer{transition:all 0.5s; list-style:none; padding:0 1em}
*/
input[type="checkbox"].on-off + p.faqQuestion{
	background: #fff462;
	margin:0 0 1.6rem 0;
	border-bottom:solid 1px #fff;
	border-radius:8px;
	padding:1.6rem 4.8rem 1.6rem 3.2rem;
	font-weight:500;
}

/*
label.faqQuestion>input[type="checkbox"].on-off + p{height:auto; padding:1em}
*/

section#mainContentLocal-2 .accordion>h5{display:none}

.accordion dl {flex-direction:column}

  .accordion dl dt,
  .accordion dl dd{
	width:100%;
	border:none;
  }

.accordion dl dt{
	position:relative;
	line-height:1.6;
	text-align:left;

	background: #fff462;
	margin:0 0 1.6rem 0;
	border-bottom:solid 1px #fff;
	border-radius:8px;
	padding:1.6rem;
  }
  .accordion dl dt span{
	display: inline-block;

	font-weight: bold;
  }

  .accordion dl dd {line-height:1.6;padding-left:1.6rem;text-align:left}
  .accordion dl dd span {display:inline-block}



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

	/* 旧設定 */

		.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16, .grid17, .grid18, .grid19, .grid20, .grid21, .grid22, .grid23, .grid24, .grid25, .grid26, .grid27, .grid28, .grid29,.grid30{
			width: auto;
			max-width: 100%;
			padding: 0;
		}
		
		img {
			width: auto;
			max-width: 100%;
			height: auto;
		}
		div.ccm-layout-column-wrapper,
		div.ccm-layout-column,
		div.ccm-layout-column-inner{
			float: none;
			width: auto;
			max-width: 100%;
			margin: 0;
		}
		
		div.ccm-layout-column-wrapper{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: flex-start;
			margin: 0 auto;
		}
		
		div.ccm-layout-column-wrapper > div.ccm-layout-column{
			display: inline-block;
			width: auto;
			margin: 0;
			text-align: center;
		}
		div.ccm-layout-column-wrapper div.ccm-layout-column:first-child{
			margin: 0;
		}
		
		div.ccm-layout-column-wrapper > div.ccm-layout-column p{
			width: auto;
		}
		
	
		section#mainRecommend > div.wrapp div.ccm-layout-column-inner{
			margin: 20px 0;
		}
		/* アセット */
		div#headerAsset{
			display: block;
			text-align: right;
		}
		
		div#headerPhoneNumber{
			width: auto;
			margin: 20px auto 0;
		}
		div#headerPhoneNumber > p a{
			display: block;
			font-size: 22px;
		}
		
		/* ナビ */
		nav#headerGlobalNavi{
			text-align: left;
		}
		nav#headerGlobalNaviPc{
			display: none;
		}
		
		/* ヒーローイメージ */
		section#Hero>div{
			width: 100%;
			margin: 0 auto 16px;
		}
		
		div#HeroSp div.ccm-image-slider-container{display:none}
		
		div#HeroSp img.ccm-image-block{
			display: block;
			margin: 0 auto;
		}
		
		/* メイン */
		/** 共通**/
		main{
			width: 100%;
			min-width: 300px;
			margin: 0 auto;
			padding: 0;
		}
		
		main section,
		main div{
			width: 100%;
			min-width: 300px;
			margin: 0 auto;
			padding: 0;
		}

		/*** 見出し */
		/**** h1 */
		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,
		section#mainContentLocal-1 h1,section#mainContentLocal-2 h1,section#mainContentLocal-3 h1,section#mainContentLocal-4 h1,section#mainContentLocal-5 h1{
			margin-block-end:3.2rem;
			font-size:2.4rem;
			/* font-size:3.2rem; */
		}

		main section > div h1,
		main section > div h2,
		main section > div h3,
		main section > div h4,
		main section > div h5,
		main section > div h6,
		main section > div p{
			width: auto;
		}
		main section div.ccm-block-rss-displayer-item{
			display: block;
			margin: 0 auto;
			padding: 0;
			text-align: left;
		}
		main section div.ccm-block-rss-displayer-item-title,
		main section div.ccm-block-rss-displayer-item-date,
		main section div.ccm-block-rss-displayer-item-summary{
			width: auto;
			margin: 0 auto;
			padding: 0 10px;
			text-align: left;
		}
		.ccm-layout-column,
		.ccm-layout-column-inner{
			width: auto;
			margin: 0 auto 20px;
		}
		.ccm-layout-column-inner img{
			display: block;
			width: auto;
			margin: 0 auto;
		}
		div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column p{
			width: auto;
		}
		

		/*** パンくずリスト */
		section#mainGlobalBreadcrumb div.grid12{
			flex-direction:column;
		}





		/* サイトパーツ */
		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%;
		}
		
		/** リンクボタン */
		/*** テキストリンク */
		/* 角丸ボタン設定 */
		/*ボタンの中のテキスト*/
		.ccm-page a.textLinkRoundedCorners span{padding:3.2rem;font-size:1.6rem}
		.ccm-page a.textLinkRoundedCorners span::after{content:initial}


		/** アニメーション **/
		/** Q&A **/
		input[type="checkbox"].on-off ~ p.faqAnswer,
		input[type="checkbox"].on-off ~ label.faqAnswerOpen>p.faqAnswer{
			height:0; overflow:hidden
		}
		input[type="checkbox"].on-off:checked ~ p.faqAnswer,
		input[type="checkbox"].on-off:checked ~ label.faqAnswerOpen>p.faqAnswer{
			transition:all 0.25s;list-style:none;height:auto;padding:0 0.8rem 0 3.2rem
		}

		input[type="checkbox"].on-off + p.faqQuestion{
			background:url(../images/bg_faqQuestion.png) right 1.6rem center no-repeat #fff462;
			margin:0 0 1.6rem 0;
			border-bottom:solid 1px #fff;
			border-radius:8px;
			padding:1.6rem 4.8rem 1.6rem 3.2rem;
			font-weight:500;
		}

		input[type="checkbox"].on-off:checked + p.faqQuestion {height:auto;background-image:url(../images/bg_Clicked.png)}

		section#mainContentLocal-2 .accordion h5{display:flex;justify-content:flex-end}
		section#mainContentLocal-2 .accordion h5 a{
			display:inline-block;
			height:2rem;
			line-height:1;
			background: #fff462;
			border-radius:16px;
			padding:0.8rem 1.6rem;
			font-size:1.6rem;
			text-decoration:none;
			color:#545454;
		}
		section#mainContentLocal-2 .accordion h5 a::after{
			content:'';
			width:6px;
			height:6px;
			border:0;
			border-top:solid 2px #fff;
			border-right:solid 2px #fff;
			-webkit-transform: rotate(45deg);
			transform:rotate(45deg);
			position:absolute;
			top:16px;
			right:12px;
		}

		.accordion dl dt{padding-right:4.8rem}
		.accordion dl dt:before, .accordion dl dt:after {
			position: absolute;
			content: "";
			display: block;
			-webkit-transition: all 0.4s;
			transition: all 0.4s;
			background: #545454;
			right: 16px;
			top: 48%;
			width: 24px;
			height: 4px;
		}
		.accordion dl dt:before {
			top: 48%;
			right: 16px;
			transform: rotate(0deg);
		}
		.accordion dl dt:after {
			top: 48%;
			right: 16px;
			transform: rotate(90deg);
		}
		.accordion dl dd {display:none}

		.accordion dl dt.close:after {
			transform: rotate(180deg);
		}













		/** 埋め込み **/
		p#goBack{
		display: block;
		filter:alpha(opacity=90);
		opacity:0.9;
		position: fixed;
		height: auto;
		width: 54px;
		bottom: 10px;
		right: 10px;
		font-size: 54px;
		text-align: center;
		vertical-align: middle;
		}
		
		
		
		/** フッター **/
		.ccm-page footer{
			height: auto;
			/*min-height: inherit;*/
			width: 100%;
			background-position: center top;
			margin: 0;
			padding: 20px 0 0 0;
			text-align: center;
		}
		section#footerContent{
			padding: 0 0 20px;
		}
		
		.ccm-page footer a:link{
			text-decoration: underline;
		}
		.ccm-page footer a:hover{
			text-decoration: none;
		}
		section#footerContent{
			padding: 0 0 20px;
		}
		
		section#footerContent > .wrapp{
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: center;
		}
		
		/*** アセット ***/
		div#footerAsset{
			display: block;
		}
		
		div#footerContentAddress{
			margin: 0 auto;
		}
		
		div#footerContentFunction{
			width: 306px;
			margin: 20px 0 20px 20px;
		}
		
		/**** ナビ ****/
		div#footerGlobalNavi{
			margin: 0 auto 0;
		}
		
		nav#footerGlobalNaviPc{
			display: block;
			margin: 0 auto 0px;
			text-align: center;
		}
		nav#footerGlobalNaviPc ul.nav{
			display: block;
			margin: 0 auto;
			border: none;
		}
		nav#footerGlobalNaviPc ul.nav li{
			display: block;
			text-align: center;
			margin: 0 auto;
			padding: 0.6em 1em;
		}
		nav#footerGlobalNaviPc ul.nav li a{
			display: inline-block;
			height: 1em;
			line-height: 1em;
			text-decoration: none;
		}
		
		nav#footerGlobalNaviPc ul.nav li a:hover{
			text-decoration: underline;
		}
		nav#footerGlobalNaviPc ul.nav li:first-child a{
			margin: 0;
			border: none;
			padding: 0;
			line-height: 1em;
		}




	/* タグ */

	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;width:100%;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}

	/* メイン */

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

	main section#mainGlobalContent>div{
		padding:2rem
	}
	main section#mainGlobalContent>div p{
		margin-block-end:2rem
	}

	ol.breadcrumb {padding:0 2rem}

	main section > div ol,
	main section > div ul{margin-bottom:2rem}
	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:0 1.6rem
	}

	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:1.6rem
	}

	/*** ローカルページ */
	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
	main section#mainContentLocal-8 > 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,
	main section#mainContentLocal-8 > 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#footerContents{margin:2rem}

	div#footerContentsBottom {
		flex-direction: column
	}


	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 3rem}

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


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


		/* 旧設定 */

		/** ナビ */
		nav#headerGlobalNaviPc ul.nav li{
			padding: 0 1em;
		}

		nav#headerGlobalNaviPc ul.nav li a:hover{
			background-color: #ddd;
			color: #000;
		}
		nav#headerGlobalNaviPc ul.nav li:first-child{
			margin: 0;
			border: none;
			text-align: center;
		}

		nav#headerGlobalNaviSp > ul{
			display: none;
		}

		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.4rem;
		}

		nav#headerBreadcrumb p.breadcrumbHome a{
			display: inline-block;
			height: 1em;
			margin: 0 1em 0 0;
			text-decoration: none;
		}

		nav#headerBreadcrumb ul,
		nav#headerBreadcrumb ul li,
		nav#headerBreadcrumb ul li ul,
		nav#headerBreadcrumb ul li ul li,
		nav#headerBreadcrumb ul li ul li ul
		nav#headerBreadcrumb ul li ul li ul li{
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			list-style-type: none;
			height: 1em;
			margin: 0;
			vertical-align: middle;
			text-align: left;
		}


		nav#headerBreadcrumb ul li:before{
			content:">";
			display: inline-block;
		}

		nav#headerBreadcrumb ul li a,
		nav#headerBreadcrumb ul li ul li a,
		nav#headerBreadcrumb ul li ul li ul li a,
		nav#headerBreadcrumb ul li ul li ul li ul li a{
			display: inline-block;
			margin: 0 1em;
			padding: 0;
			text-decoration: none;
			vertical-align: middle;
			color: #999;
		}

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


		/** ヒーローイメージ */
		div#HeroSp div.ccm-image-slider-container{
			display: none;
		}

		/*** スマホ専用ヒーローイメージ  */
		div#HeroSp img.ccm-image-block{
			display: none;
		}




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

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

		main section > div h1{
			margin-bottom: 30px;
			font-size: 2.1rem;
			font-weight: 100;
			text-align: center;
		}

		main section > div h2{
			margin: 0 0 30px;
			font-weight: normal;
			text-align: center;
		}

		main section > div h3{
			font-size: 1.8rem;
			font-weight: 200;
			text-align: left;
		}

		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;
		}

		section#mainContentHome-1 h2,
		section#mainContentHome-2 h2,
		section#mainContentHome-3 h2,
		section#mainContentHome-4 h2,
		section#mainContentHome-5 h2{
			margin-block-start:138px;
			margin-block-end:54px;
		}

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

		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 1em 0 0;
		}
		main section div.ccm-block-rss-displayer-item-date{
			padding: 0 0 0 1em;
		}
		main section div.ccm-block-rss-displayer-item-summary{
			width: 100%;
			line-height: 1.6;
		}

		/*** 分割設定 */
		section.split2 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
		div.split2 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
		section.split3 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
		div.split3 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
		section.split4 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
		div.split4 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column{
			box-sizing: border-box;
			margin-top: 30px;
			margin-bottom: 30px;
			text-align: left;
		}

		/**** 2分割設定 */
		section.split2 > div.wrapp div.ccm-layout-column-wrapper > div:first-child,
		div.split2 > div.wrapp div.ccm-layout-column-wrapper > div:first-child{
			padding: 0 15px 0 0;
		}
		section.split2 > div.wrapp div.ccm-layout-column-wrapper > div:last-child,
		div.split2 > div.wrapp div.ccm-layout-column-wrapper > div:last-child{
			padding: 0 0 0 15px;
		}

		/**** 3分割設定 */
		section.split3 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
		div.split3 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column{
			padding: 0 10px;
		}
		section.split3 > div.wrapp div.ccm-layout-column-wrapper > div:first-child,
		div.split3 > div.wrapp div.ccm-layout-column-wrapper > div:first-child{
			padding: 0 20px 0 0;
		}
		section.split3 > div.wrapp div.ccm-layout-column-wrapper > div:last-child,
		div.split3 > div.wrapp div.ccm-layout-column-wrapper > div:last-child{
			padding: 0 0 0 20px;
		}

		/**** 4分割設定 */
		section.split4 > div.wrapp div.ccm-layout-column-wrapper > div:first-child,
		div.split4 > div.wrapp div.ccm-layout-column-wrapper > div:first-child{
			padding: 0 23px 0 0;
		}
		section.split4 > div.wrapp div.ccm-layout-column-wrapper > div:nth-child(2),
		div.split4 > div.wrapp div.ccm-layout-column-wrapper > div:nth-child(2){
			padding: 0 15px 0 7px;
		}
		section.split4 > div.wrapp div.ccm-layout-column-wrapper > div:nth-child(3),
		div.split4 > div.wrapp div.ccm-layout-column-wrapper > div:nth-child(3){
			padding: 0 7px 0 15px;
		}
		section.split4 > div.wrapp div.ccm-layout-column-wrapper > div:last-child,
		div.split4 > div.wrapp div.ccm-layout-column-wrapper > div:last-child{
			padding: 0 0 0 23px;
		}


		/** エリアブロック**/
		/*** ホーム・ローカル共通 ***/

		/*** トップぺージ ***/
		/*** Lede ***/
		section#mainLede{
			vertical-align: middle;
		}
		section#mainLede > div.wrapp{
			margin: 0 auto 30px;
			text-align: center;
		}
		section#mainLede > div h1{
			margin: 100px auto 1em;
			font-weight: normal;
			letter-spacing: 0.12em;
		}
		section#mainLede > div.wrapp p{
			display: block;
			margin: 0 auto;
			line-height: 2;
			letter-spacing: 0.12em;
		}


		/*** ローカルページ共通 ***/
		/**** エリアブロック ****/


		/** パンくずリスト */
		section#mainGlobalBreadcrumb{margin-bottom:0}

		section#mainGlobalBreadcrumb div.grid12{
			flex-direction: row;
		}


		/** ローカルページ **/

		/*** お問い合わせフォーム ***/
		section#mainContact > div.wrapp{
			margin: 0 auto 30px;
		}

		section#mainContact > div.wrapp div.ccm-block-type-form{
			width: auto;
			margin: 30px 0;
			padding: 0 10px;
			text-align: left;
		}
		section#mainContact > div.wrapp p{
			width: auto;
			margin: 30px 0;
			padding: 0 10px;
			text-align: left;
		}
		div.form-group{
			text-align: left;
		}
		div.form-group .control-label{
			text-align: left;

		}
		div.form-group .form-control{
			display: block;
			width: 50%;
			margin: 0 0 1.6rem 0;
		}


		/* フッター */
		/** 共通**/
		.ccm-page footer{
			position: relative;
			width: 100%;
			padding: 30px 0 0;
			border: none;
			background: #333;
			background-position: center top;
			color: #fff;
			text-align: center;
		}
		.ccm-page footer a:link{
			color: #fff;
		}
		.ccm-page footer a:visited{
			color: #fff;
		}
		.ccm-page footer a:hover{
			text-decoration: none;
		}
		section#footerContent{
			padding: 0 0 30px;
		}
		section#footerContent > .wrapp{
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
		}

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

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

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

		div#footerContentAddress{
			margin: 0 auto;
		}

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

		/** ナビ */
		div#footerGlobalNavi{
			margin: 0 auto 0;
		}

		nav#footerGlobalNaviPc{
			display: block;
		}

		nav#footerGlobalNaviPc ul{
			list-style: none;
		}

		nav#footerGlobalNaviPc ul li{
			margin: 0 0 0.5em;
			font-size: 90%;
		}

		nav#footerGlobalNaviPc ul li,
		nav#footerGlobalNaviPc ul li a{
			display: block;
			text-decoration: none;
		}

		nav#footerGlobalNaviPc ul li a::before{
			content: '>';
			padding: 0 0.5em 0 0;
			font-size: 50%;
		}

		nav#footerGlobalNaviPc ul.nav{
			display: flex;
			justify-content: space-between;
			align-items: flex-start ;
			flex-direction: row;
			align-content: flex-start;
			flex-wrap: nowrap;
		}
		nav#footerGlobalNaviPc ul.nav > li{
			display: block;
			box-sizing: border-box;
			width: auto;
			text-align: left;
			margin: 0 0 0.5em;
			padding: 0 15px 0 15px;
			font-size: 100%;
		}
		nav#footerGlobalNaviPc ul.nav > li:first-child{
			padding: 0 15px 0 0;
		}
		nav#footerGlobalNaviPc ul.nav > li:last-child{
			padding: 0 0 0 15px;
		}

		nav#footerGlobalNaviPc ul.nav > li > a::before{
			content: '';
			padding: 0;
			font-weight: bold;
		}

		/* サイトパーツ*/

		ul.instagram_list li{margin:0 0 30px 30px}

		ul.instagram_list li>a,ul.instagram_list li a img{width:306px}

		ul.instagram_list li:nth-child(4){margin-left:0}




















	.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: 6rem;
	}
	section#headerContents div.wrapp{justify-content:center;margin:0px auto 32px;padding:0}


    /** ロゴ */
    #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}
	.sp{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,
	section#mainContentLocal-7>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentLocal-8>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,
	section#mainContentLocal-7>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentLocal-8>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,
	section#mainContentLocal-7>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentLocal-8>div.wrapp div.ccm-layout-column-wrapper>div:last-child
	{
		padding:0 0 0 15px;
	}

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

	/** ヒーロー */
	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;
	}

main article#mainContent{
	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;
}

/**** h1 */
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, section#mainContentLocal-1 h1, section#mainContentLocal-2 h1, section#mainContentLocal-3 h1, section#mainContentLocal-4 h1, section#mainContentLocal-5 h1 {
    margin-right: auto;
    margin-left: auto;
    margin-block-end: 3.6rem;
    font-size: 3.6rem;
    font-weight: bold;
}

/**** h2～h6 */
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-1 h3,section#mainContentHome-2 h3,section#mainContentHome-3 h3,section#mainContentHome-4 h3,section#mainContentHome-5 h3,section#mainContentHome-6 h3,
section#mainContentHome-1 h4,section#mainContentHome-2 h4,section#mainContentHome-3 h4,section#mainContentHome-4 h4,section#mainContentHome-5 h4,section#mainContentHome-6 h4,
section#mainContentHome-1 h5,section#mainContentHome-2 h5,section#mainContentHome-3 h5,section#mainContentHome-4 h5,section#mainContentHome-5 h5,section#mainContentHome-6 h5,
section#mainContentHome-1 h6,section#mainContentHome-2 h6,section#mainContentHome-3 h6,section#mainContentHome-4 h6,section#mainContentHome-5 h6,section#mainContentHome-6 h6,
section#mainContentLocal-1 h2,section#mainContentLocal-2 h2,section#mainContentLocal-3 h2,section#mainContentLocal-4 h2,
section#mainContentLocal-5 h2,section#mainContentLocal-6 h2,section#mainContentLocal-7 h2,section#mainContentLocal-8 h2,
section#mainContentLocal-1 h3,section#mainContentLocal-2 h3,section#mainContentLocal-3 h3,section#mainContentLocal-4 h3,
section#mainContentLocal-5 h3,section#mainContentLocal-6 h3,section#mainContentLocal-7 h3,section#mainContentLocal-8 h3,
section#mainContentLocal-1 h4,section#mainContentLocal-2 h4,section#mainContentLocal-3 h4,section#mainContentLocal-4 h4,
section#mainContentLocal-5 h4,section#mainContentLocal-6 h4,section#mainContentLocal-7 h4,section#mainContentLocal-8 h4,
section#mainContentLocal-1 h5,section#mainContentLocal-2 h5,section#mainContentLocal-3 h5,section#mainContentLocal-4 h5,
section#mainContentLocal-5 h5,section#mainContentLocal-6 h5,section#mainContentLocal-7 h5,section#mainContentLocal-8 h5,
section#mainContentLocal-1 h6,section#mainContentLocal-2 h6,section#mainContentLocal-3 h6,section#mainContentLocal-4 h6,
section#mainContentLocal-5 h6,section#mainContentLocal-6 h6,section#mainContentLocal-7 h6,section#mainContentLocal-8 h6{
	margin-block-end:3rem;
	font-size:3rem;
	font-weight:bold;
}


/** リスト **/
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{
	position:relative;
	width:100%;
	padding:30px 0 0;
	border:none;
	background-position:center top;
	background-color:#333;
	color:#fff;
	text-align:center;
}
.ccm-page footer a:link,
.ccm-page footer a:visited,
.ccm-page footer a:hover{
	color:#fff;
}
.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:#fff;
}

/** ロゴ */
div#footerLogo{
	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;
}


/* サイトパーツ */

		/** リンクボタン */
		/*** テキストリンク */
		.ccm-page main .textLinkButton{
			display: flex;
			align-items: center;
			justify-content: center;
			height: 3em;
			width: auto;
			line-height: 3em;
			font-size: 18px;
		}
		.ccm-page main .textLinkButton a:link,
		.ccm-page main .textLinkButton a:visited,
		.ccm-page main .textLinkButton a:hover{
			display: block;
			width: 100%;
			text-decoration: none;
			color: #fff;
		}





		/*矢印が右に移動して背景がつく*/

		.textLinkArrowBackgroundDraw{
			/*矢印の基点とするためrelativeを指定*/
			position:relative;
			/*ボタンの形状*/
			border:1px solid #555;padding:8px 30px;display:inline-block;text-align:center;text-decoration:none;color:#333;outline:none;
			/*アニメーションの指定*/
			transition:all .2s linear;
		}

		.textLinkArrowBackgroundDraw:hover{background:#333;color:#fff}

		/*矢印と下線の形状*/
		.textLinkArrowBackgroundDraw::before{
			content:"";
			/*絶対配置で下線の位置を決める*/
			position:absolute;top:50%;right:-26px;
			/*下線の形状*/
			width:40px;height:1px;background:#333;
			/*アニメーションの指定*/
			transition:all .2s linear;
		}

		.textLinkArrowBackgroundDraw::after{
			content:"";
			/*絶対配置で矢印の位置を決める*/
			position:absolute;top:20%;right:-21px;
			/*矢印の形状*/
			width:1px;height:12px;background:#333;transform:skewX(45deg);
			/*アニメーションの指定*/
			transition:all .2s linear;
		}

		/*hoverした際の移動*/
		.textLinkArrowBackgroundDraw:hover::before{right:-30px}
		.textLinkArrowBackgroundDraw:hover::after{right:-25px}





		/**** facebook */
		.facebookButton{
			background: #426aa5;
		}

		/**** コンタクト */
		.ccm-page main .contactFormButton{
			display: inline-block;
			padding: 0.5em 1em;
			text-decoration: none;
			background: #dd851b;/*ボタン色*/
			border-bottom: solid 4px #627295;
			border-radius: 3px;
		}

		.ccm-page main .contactFormButton a{font-size:1.6rem}

		.ccm-page main .contactFormButton a:link,
		.ccm-page main .contactFormButton a:visited,
		.ccm-page main .contactFormButton a:hover{
			color: #fff;
		}
		.ccm-page main .contactFormButton:active{
			/*ボタンを押したとき*/
			transform: translateY(4px);/*下に動く*/
			border-top: solid 4px #fff;
			border-bottom: none;/*線を消す*/
			color: #fff;
		}


		.buttonPhone{
			display: inline-block;
			padding: 0px;
			text-align: center;
			font-size: 24px;
			color: #545454;
		}
		.buttonPhone a{
			text-decoration: none;
			color: #545454;
		}

		.buttonFunction{
			display: inline-block;
			height: 60px;
			width: 234px;
			background: url(../images/bg_buttonFunction.png) left center no-repeat #4d4d4d;
			background-position: 30px;
			margin: 0 auto 1em;
			text-align: left;
			font-size: 14px;
			color: #fff;
		}
		.buttonFunction a{
			display: table-cell;
			height: 60px;
			width: 306px;
			vertical-align: middle;
			text-decoration: none;
			color: #545454;
		}
		.buttonFunction a > span{
			display: inline;
			height: 40px;
			padding: 10px 10px 10px 62px;
			vertical-align: middle;
			text-decoration: none;
			color: #f7f7f7;
		}

		.buttonMenu {
			display: inline-block;
			position:relative;
			background: url(../images/bg_buttonMenu.png) left center no-repeat #eee9e5;
			background-position: 30px;
			margin: 0 auto 1em;
			border: 1px solid #635245;
			border-radius: 16px;
			-moz-border-radius: 16px;
			-webkit-border-radius: 16px;
			text-align: left;
			font-size: 110%;
			color: #635245;
		}
		.buttonMenu a{
			display: inline-block;
			width: 304px;
			text-decoration: none;
			color: #635245;
		}
		.buttonMenu a > span{
			display: inline-block;
			padding: 30px 30px 30px 62px;
			text-decoration: none;
			color: #635245;
		}

		p#goBack{
		display: block;
		position: fixed;
		z-index: 2;
		width: 54px;
		height: auto;
		bottom: 30px;
		right: 30px;
		vertical-align: middle;
		text-align: center;
		filter:alpha(opacity=90);
		opacity:0.9;
		}

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

		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%;
		}

		.facebook{
			width: 768px;
		}



/** フォーム */
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%;
}

}