/* 共通CSS */
/* ボディCSS */
body{
	background-color: #FFF5EE;
	padding-top     : 10px;      /* ヘッダーの高さに合わせる */
}

.contStr{
	position        : relative;
	left            : 10px;
	background      : #FFD98A;
	padding         : 6px 5px 2px 70px;
	font-size       : 28px;
	color           : #474747;
	border-radius   : 0 10px 10px 0;
}

.contStr:before{
	content         : "";
	display         : inline-block;
	line-height     : 40px;
	position        : absolute;
	padding         : 0em;
	color           : white;
	background      : #FFA337;
	font-weight     : 900;
	width           : 60px;
	text-align      : center;
	height          : 60px;
	line-height     : 60px;
	left            : -0.5em;
	top             : 50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	border          : solid 3px white;
	border-radius   : 50%;
}

/* 見出しヘッダ（吹き出し高さ調整用） */
.LineH {
	height        : 40px;
}

/* ナビゲーションメニュー */
.navi {
	padding         :0;
	margin-top      :2px;
	margin-left     :60px;
	list-style      : none;
	overflow        : hidden;
}

.navi li {
	width           : 120px;
	text-align      : center;
	background-color: #FFA337;
	float           : left;
	height          : 30px;
	line-height     : 30px;
	margin-right    : 2px;
}

.navi li a {
	text-decoration : none;
	color           : #FFF;
	font-weight     : bold;
	padding         : 20px;
}

/* コンテンツ説明の設定 */
.contInfoTaitl {
	position      : relative;
	padding       : 1rem 2rem;
	text-align    : left;
	border        : 2px solid #FFD98A;
	border-radius : 0 10px 10px 10px;
	box-shadow    : 0 0 0 2px rgba(210,105,30,0.4),  0 0 0 3px rgba(210,105,30,0.3) inset;
}

.contInfoTaitl:before {
	font-size     : 1.1rem;
	position      : absolute;
	top           : -30px;
	left          : -5px;
	height        : 30px;
	padding       : 0 1em;
	color         : #474747;
	content       : 'コンテンツ紹介'; 
	border-radius : 8px 8px 0 0;
	background    : #FFD98A;
}

.contInfo {
	font-size       : 18px;	
}

/* インデックスの設定 */
.indexLine {
	position      : relative;
	padding       : 0 2rem;
	margin-top    : 10px;
	text-align    : left;
	border        : 2px solid #FFD98A;
	border-radius : 10 10px 10px 10px;
	box-shadow    : 0 0 0 2px rgba(210,105,30,0.4),  0 0 0 3px rgba(210,105,30,0.3) inset;
}

.toggle_contents:first-of-type dd {
	display     : block;
}

.toggle_title {
	position    : relative;
	padding     : 5px; 
	cursor      : pointer;
	font-size   : 18px;
	text-align  : left;
	line-heigtht: 1.4;
	background  : linear-gradient(#FF9900, #FFCC99); /* グレー系グラデーション */
	/* 枠線（確認用） */
	/* border     : 1px solid #000000;*/
}

.toggle_submenu {
	font-size   : 18px;
	/* 枠線（確認用） */
	/*border     : 1px solid #000000;*/
}

.toggle_btn {
	position    : absolute;
	top         : 50%;
	right       : 20px;
	transform   : translateY(-50%);
	background  : #D2691E;
	display     : block;
	width       : 14px;
	height      : 14px;
	text-indent : 100%;
	white-space : nowrap;
	overflow    : hidden;
	border-radius : 50%;
}

.toggle_btn:before, .toggle_btn:after {
	display     : block;
	content     : '';
	background-color : #fff;
	position    : absolute;
	width       : 10px;
	height      : 2px;
	top         : 50%;
	left        : 50%;
	transform   : translate(-50%, -50%);
}

.toggle_btn:before {
	width       : 2px;
	height      : 10px;
}

.toggle_title.selected .toggle_btn:before {
	content     : normal;
}

.toggle_contents dd {
	display     : none;
	padding     : 0px; 
	margin      : 0px; 
	/* 枠線（確認用） */
	/* border     : 1px solid #000000; */
}

/* コンテンツ詳細 */
.contentsPic {
	float       : right;
}

.contentsPic img {
	max-width   : 480px;
	width       : 100%;
	height      : auto;
	margin-right: 10px;
}

.contentsComent span {
	font-size   : 20px;
}
/* カルーセル・スライダー */

.gallery {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFEFD5;
}

.gallery-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60%;
  height: 400px;
  margin-right: 10px;
  background: #FFEFD5;
  counter-increment: gallery-cell;
}

.gallery-cell {
  max-width   : 640px;
  width       : 100%;
  height      : auto;
  margin-right: 10px;
}
/* cell number */
/*
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}
*/

/*TOPボタン */
.to-top {
	position      : fixed;
	display       : flex;
	align-items   : center;
	justify-content: center;
	width         : 50px;
	height        : 50px;
	right         : 0px;
	bottom        : 0px;
	font-size     : 36px;
	font-weight   : bold;
	color         : #FFFFFF;
	background    : #FFFFFF;
	cursor        : pointer;
}