/* CSS Document */

/* ウェブフォント使用する際は下記を書き換える
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
 */

html { height:100%; }
body { height:100%; margin:0px 0px 0px 0px; background:#FFFFFF; font-size:20px; color:#333; }

body, textarea { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}


/* 高さ自動調整 */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac ?*/
*html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* hタグなどの指定 */
h1 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; margin:0px }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h5 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }


/* ul,li,pタグの指定 */
ul,li {
	list-style:none;
}

p,a,th,td,h1,h2,h3,h4,h5 {
	margin:0;
	text-align: justify;
	text-justify: inter-ideograph;
	transition: .3s;
}

a,img {
	text-decoration: none;
	transition: .3s;
}

a:link, a:visited {
	color: #333;
	text-decoration: none;
}

a:hover, a:active {
	color: #E05656;
	text-decoration: underline;
}


/* フォントの指定 */
.bold { font-weight:bold; }
.textgreen { color:#006e2f; }
.textgreen_b { color:#006e2f; font-weight:bold; }
.textorange { color:#F8B934; }
.textorange_b { color:#F8B934; font-weight:bold; }
.textred { color:#FF0000; }
.textred_b { color:#FF0000; font-weight:bold; }
.textpink { color:#FF00BA; }
.textpink_b { color:#FF00BA; font-weight:bold; }
.textpurple { color:#CC0199; }
.textpurple_b { color:#CC0199; font-weight:bold; }
.textblue { color:#4053a2; }
.textbrown { color:#8b262a; }

.size6 { font-size:8px; }
.size8 { font-size:10px; }
.size10 { font-size:12px; }
.size12 { font-size:14px; }
.size14 { font-size:16px; }


/* 罫線など */
.dashed_line { border-bottom: 1px dotted #343434; margin:10px 0px 10px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.solid_line_gray01 { border-bottom: 1px solid #B2B2B2; margin:14px 0px 14px 0px; }
.solid_line_purple { border-bottom: 1px solid #BE0089; margin:10px 0px 0px 0px; }
.solid_line_purple01 { border-bottom: 1px solid #BE0089; margin:14px 0px 14px 0px; }


/* 画像のリンク */
a img { border-style:none; }


/* 画像の余白対策 */
img {
   vertical-align:bottom
}

/* ieに適用 */
img {
    width: inherit\9;
    max-width: 100%\9;
    height: auto\9;
}

/* hrの設定 */
hr.style-one {    border: 0;    height: 1px;    background: #999;    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc);    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc);    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc);    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc);}



/* ヘッドメニュー */
header { width:100%; display:none; }

@media screen and (min-width: 0px) and (max-width: 767px)  {
	header {
		width:100%;
		display:block;
	}
}

#headbox {
	position: fixed;
	width: 90%;
	height: 40px;
	padding: 10px 5%;
	background: #fff;
	z-index: 999;
}

.right-menu {
	position: absolute;
	top: 10px;
	right: 5%;
	width: 40px;
	height: 40px;
}

.right-menu img {
	width: 100%;
	height: 100%;
}


/* PCナビゲーション */
#navibox01 {
	margin-bottom:10px;
	background: #E05656;
}

#navibox01 ul {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#navibox01 ul li {
	position: relative;
	float: left;
	width: 20%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#navibox01 ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 25%;
	display: inline-block;
	width: 2px;
	height: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #d6f7e8;
	border-radius: 2px;
}

#navibox01 ul li:nth-of-type(1)::before {
	background: none;
}


#navibox01 a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	color: #fff;
	padding: 10px 0 8px 0;
	transition: .3s;
}

#navibox01 a:hover {
	background: #F29658;
}

#navibox01 ul .active {
	background-color: #E05656;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #F29658), to(#F29658)),
	-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #F29658), to(#E05656));
	-webkit-background-size: 3px 3px;
}

#navibox01 ul .active a {
	color: #E05656;
}

@media screen and (min-width: 0px) and (max-width: 768px)  {
#navibox01 { display:none; }
}

@media screen and (min-width: 0px) and (max-width: 768px)  {
table.bannertop th { display: block; }
}
/* //PCナビゲーション */