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

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
 margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
a{margin:0; padding:0; border:0; vertical-align:baseline; background:transparent}
ins{background-color:#ff9; color:#474a4d; text-decoration:none}
mark{background-color:#ff9; color:#474a4d; font-style:italic; font-weight:bold}
del{text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted #2b2b2b; cursor:help}
table{border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1rem 0; padding:0}
input, select {vertical-align:middle}

/* HTML */
html {font-size:62.5%}
body {font-size:1.6rem}

/** 不具合回避 */
ul.ccm-layouts-toolbar{left:0}


/** ブロック要素 */
.ccm-page dl,.ccm-page dt,.ccm-page dd{box-sizing:border-box}
.ccm-page dt,.ccm-page dd{border:1px solid #ccc}
.ccm-page dl{display:flex;flex-wrap:wrap;margin-bottom:3rem}
.ccm-page dt{width:38%}
.ccm-page dd{width:62%;border-left:none;text-align:left}
.ccm-page dt:not(:first-of-type),.ccm-page dd:not(:first-of-type){border-top:none}

.ccm-page ol,ul{list-style-position:inside}

.ccm-page p{margin-bottom:1.6rem;text-align:left}

.ccm-page table{table-layout:fixed;width:100%}
.ccm-page table th{width:38%;box-sizing:border-box;padding:0.5rem;border:solid 1px #333;text-align:left;font-weight:normal}
.ccm-page table td{box-sizing:border-box;padding:0.5rem;border:solid 1px #333;text-align:left}


/*** フォーム */

div.form-group{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom:30px;
	text-align:left
}


img.ccm-captcha-image,
label.control-label,
span.text-muted,
span.ccm-input-date-wrapper,
span.ccm-input-time-wrapper{box-sizing:border-box;margin-right:2.4rem}

label.control-label{vertical-align:text-top}


div.form-group label.control-label{width:20%}

div.form-group input.ccm-input-checkbox,
div.form-group input.ccm-input-radio{vertical-align:baseline}

div.form-group input.ccm-input-text,
div.form-group textarea.form-control,
div.form-group input.ccm-input-email,
div.form-group input.ccm-input-tel{
		display:inline-block;
		width:auto;
		min-width:60%;
}

div.form-group span.text-muted{
	width:10%;
	background:#aa0000;
	border:solid 4px #aa0000;
	border-radius:4px;
	line-height:1;
	letter-spacing:0.6rem;
	text-align:center;
	font-size:1.44rem;
	color:#fff;
}


/** インライン要素 */
.ccm-page a:link,
.ccm-page img{object-fit:cover;border:none}
.ccm-page img,
.ccm-image-block img{max-width:100%;height:auto}

.ccm-page a:hover{cursor:pointer}
.ccm-page a:hover img{opacity:0.8;filter:alpha(opacity=80)}

.ccm-page strong{font-weight:bold}
.ccm-page address{display:block;margin-block-end:1rem;font-style:normal;text-align:center}


/** フレキシブルボックス */
section>div.wrapp>div.ccm-layout-column-wrapper{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	margin:0 auto;
}

/** id */


/** class */
div.wrapper{margin:0 auto}
div.wrapp{margin:0 auto}
ul.plain,ol.plain{list-style-type:none}


/* ヘッダー */
.ccm-page header{position:relative;width:100%;box-sizing:border-box;text-align:center}
section#headerContents div.wrapp{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0 auto;padding:0 16px}
header ul,header ol{list-style-type:none}
div#headerHeroPc{display:none}

/** ロゴ */
div#headerLogo{z-index:8;line-height:normal;margin:0 0 16px}
div#headerLogo a,
div#headerLogo a img{display:inline-block;text-align:center;line-height:normal}

/** アセット */
div#headerAssetPc{display:block;position:relative}
div#headerAssetPc nav{position:relative}
div#headerAssetPc nav ul{position:relative;list-style-type:none;text-align:right}
div#headerAssetPc nav ul li{
	display:inline-block;
	width:54px;
	height:54px;
	margin-left:1.6rem;
	position:relative;
	line-height:54px;
}
div#headerAssetPc nav ul li:first-child{margin-left:0}
div#headerAssetPc nav ul li a{line-height:54px}
div#headerAssetPc nav ul li img{width:54px;height:54px}

/** ナビ */
div#headerGlobalNavi{clear:both;text-align:center}
nav#headerGlobalNaviPc{display:none}


/** ハンバーガー */
/***メニュー部分 */
/**** ハンバーガーメニュー */
.hm_menu_check{
	display:none;
  }
  .hm_wrap{
	  position:fixed;
	  top:0;
	  right:-1px;
	  width:100%;
	  background-color:rgba(0,0,0,0);
	  padding:16px;
	  z-index:3;
  }
   
  .hm_title{/* ハンバーガーメニューオープン時の見出し */
	  position:relative;
	  color:#545454;
	  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;
	  font-size:2.4rem;
    letter-spacing:0.4rem;
  }
   
  /* ▽▽メニューボタン▽▽ */
  .hm_btn{
	  position:relative;
	  width:30px;
	  height:30px;
	  cursor:pointer;
	  display:block;
	  float:right;
	  z-index:5;
  }
  .hm_btn::before{
	  -webkit-box-shadow:#545454 0 12px 0;
	  box-shadow:#545454 0 12px 0;
  }
  .hm_btn::after{bottom:0}
  .hm_btn::before,
  .hm_btn::after{
	  width:30px;
	  height:6px;
	  background:#545454;
	  display:block;
	  content:'';
	  position:absolute;
	  transition:box-shadow 0.2s linear, transform 0.2s 0.2s;
  }
  /* △△メニューボタン△△ */
   
  .hm_menu_wrap{
	  width:100%;
	  height:auto;
	  background-color:rgba(127,127,127,1);
	  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.8rem;
}

  .hm_menu_wrap ul.nav li a{
	  color:#fff;
	  display:block;
	  overflow:hidden;
	  padding:2.4rem;
	  position:relative;
	  text-decoration:none;
	  z-index:6;
  }
  .hm_menu_wrap ul.nav li a::before{/* aタグマウスオーバー時の背景 */
	  background-color:rgba(255,255,255,0.5);
	  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.44rem;
}

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

/* メイン */

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

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




/** リスト */

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

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




/*** トップ */

/**** ヒーロー */


/***** スライド */
section#Hero ul.rslides_tabs,.ccm-image-slider-text{padding:0}


/***** mainContentHome-1 */



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

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

/**** Bio */


/* フッター */
footer{padding-top:30px}
footer ul{list-style-type:none}


/** ロゴ */
div#footerLogo{text-align:center;line-height:normal}
div#footerLogo a,
div#footerLogo a img{display:inline-block;text-align:center;line-height:normal}

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

/** ナビ */
nav#footerGlobalNavi ul.nav{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-content:flex-start;
	justify-content: space-between;
	align-items: center;
}


/** サイトパーツ */

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

/*** サムネイル */
div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img{width:138px;height:138px}

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


ul#instaFeed > li{
	display:inline-block;
	list-style:none;
}
ul#instaFeed > li a img.grid2{
	height:138px;
	margin:0 30px 30px 0;
}
ul#instaFeed > li:last-child a img.grid2{margin-block-end:30px}


div.facebook-SDK{max-width:474px;height:474px;margin-bottom:30px}


/*** リンクボタン */


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

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

iframe.facebook{max-width:360px;height:360px;margin-bottom:30px}


	
/*** フォーム */

div.form-group{
	flex-wrap:wrap;
	margin-bottom:30px;
}
div.form-group label.control-label{width:80%}
span.text-muted{margin-right:0}

div.form-group input.ccm-input-text,
div.form-group textarea.form-control,
div.form-group input.ccm-input-email,
div.form-group input.ccm-input-tel{
		display:block;
		width:100%;
		border: solid 1px #545454;	
}

div.form-group div.radio,
div.form-group 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}




	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,
	section#mainContentLocal-6 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentLocal-7 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentLocal-8 div.ccm-layout-column-wrapper div.ccm-layout-column
	{float:none;width:100%}

	div.ccm-layout-column-inner{padding-bottom:3rem}