@charset "utf-8";
/* CSS Document */

/*-----------------------text-----------------------*/

.f_size75{	font-size:.75em;}
.f_size80{	font-size:.8em;}
.f_size85{	font-size:.85em;}
.f_size90{	font-size:.9em;}
.f_size95{	font-size:.95em;}
.f_size120{	font-size:1.2em;}

.tx_right{ text-align:right;}
.tx_center{ text-align:center;}

.red{ color: #F00;}
.blue{ color:#00658f;}
.yellow{ color:#FF8700;}
.green{ color:#008000;}
.orange{ color:#FFA500;}
.darkgoldenrod{ color:#B8860B;}
.olivedrab{ color:#6B8E23;}
.gray{ color:#62777D;}
.brown{ color:#733d00;}

.bold{ font-weight:bold;}
.f_nomal{font-weight:normal;}

.underline{ text-decoration:underline;}
.cancel{text-decoration:line-through;}

/* br */
@media screen and (min-width: 768px){
  .br_pc { display:block; }
  .br_sp { display:none; }
}
@media screen and (max-width: 767px){	
  .br_pc { display:none; }
  .br_sp { display:block; }
}

/*-----------------------margin-----------------------*/

.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}

.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb150 {margin-bottom:150px;}

.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

/* padding -------------------- */
.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}

.pr05 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

.pb05 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}

.pl05 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}

.w20 {width:20px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w100 {width:100px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w600 {width:600px;}

.w49 {width:49%;}
.w39 {width:39%;}
.ml10p {margin-left: 10%;}
.mr10p {margin-right: 10%;}

/*-----------------------indent-----------------------*/

.indent1em{
	text-indent:-1em;
	margin-left:1em;
}

.indent2em{
	text-indent:-2em;
	margin-left:2em;
}

.indent3em{
	text-indent:-3em;
	margin-left:3em;
}

.indent4em{
	text-indent:-4em;
	margin-left:4em;
}

.indent5em{
	text-indent:-5em;
	margin-left:5em;
}

.indent6em{
	text-indent:-6em;
	margin-left:6em;
}

.indent7em{
	text-indent:-7em;
	margin-left:7em;
}

.indent8em{
	text-indent:-8em;
	margin-left:8em;
}

.indent9em{
	text-indent:-9em;
	margin-left:9em;
}

.indent10em{
	text-indent:-10em;
	margin-left:10em;
}

.indent11em{
	text-indent:-11em;
	margin-left:11em;
}

.indent12em{
	text-indent:-12em;
	margin-left:12em;
}

.indent13em{
	text-indent:-13em;
	margin-left:13em;
}

/*-----------------------float-----------------------*/

.f_left{	float:left;}
.f_right{	float:right;}
.clear {clear:both}
.of_hidden {overflow:hidden}

/*-----------------------common-----------------------*/

html,body{
	background: url(../images/subtle_dots.png);
	text-align:center;
	color:#333;
}

#wrapper {
	width:100%;
}

/*-----------------------univ-----------------------*/

.univ{
	display:none;
}

/*-----------------------header-----------------------*/

#header {
	background:#eff0ea;
	text-align:center;
	width: 100%;
}

/*-----------------------content-----------------------*/

#content {
	margin: 0 auto;
	padding-bottom:10px;
	width:98%;
	text-align: left;
	background-color: #fff;
	overflow:hidden;
}

/*-----------------------pan-----------------------*/

#pan ol{
	margin:1em 1em 5px 15px;
	font-size:1.185em;
	background-color: #f6f6f6;
	padding: 7px .8em;
}

#pan li {
	display: inline-block;
}
 
#pan li + li:before {
	margin: 0 .8em;
	content: ">";
}

/*-----------------------side-----------------------*/

#side {
	width: 250px;
	float: left;
	margin-left:15px;
	background-color: #FFF;
}

#side img {
	display: block;
}
#nav {
	list-style: none;
	margin-top:10px;
	font-size:1.35em;
}

#nav li {
	width:234px;
	border-top:2px solid #fff;
	border-right:2px solid #16aa47;
}

#side li h2{
	background:#e94709;
	color:#fff;
	padding: .7em 5px .7em 20px;
	font-weight:bold;
}

#side li.end {
	/*border-bottom:2px solid #fff;*/
}

#side a {
	color: #7e318e;
	display: block;
	padding: .65em 5px .65em 20px;
	text-decoration: none;
	font-weight:bold;
	background:url(../images/list.png) #eff0ea no-repeat left center ;
}

#nav a:hover {
	background:url(../images/list_hover.png) no-repeat left center ;
	color:#e94709;
}
#nav li.current a {
	background:url(../images/list_hover.png) no-repeat left center ;
	border-bottom: 4px solid #16aa47; 
	color:#e94709;
	padding-bottom: .5em;
}

#side .banner{
	margin-top:20px;
	width:235px;
}

#side .banner a{
	background:#FFF;
	color:#e94709;
	display: block;
	padding: .6em 10px .6em 10px;
	text-decoration: none;
	font-weight:bold;
	font-size:1.45em;
	border:4px solid #00aa47;
}

#side .banner a:hover{
	background:#eff0ea;
}

/*-----------------------main 1カラム-----------------------*/

#main_1 {
	padding:10px 1em;
	font-size:1.185em;
	line-height:1.75em;
}

#main_1 h2.title{
	background:url(../images/h2.png) #eff0ea no-repeat left top ;
	border:5px solid #7e318e;
	font-size:1.5em;
	margin-bottom:15px;
	padding:.45em .75em .55em 1.8em;
	color:#e94709;
	font-weight:bold;
}

#main_1 h3.title{
	margin-bottom:10px;
	font-size:1.1em;
	color:#333;
	font-weight: bold;
	padding:.55em;
  background: #eff0ea;
	/*border: 1px solid #e6003e;*/
	border-left: 5px solid #00aa47;
}

#main_1 .text p {
	margin:5px 1em;
}

#main_1 ul.disc{
	list-style-type:disc;
  padding-left: 1em;
}

div.fes_list img{
	margin-left:1%;
	margin-top:10px;
	transform: scale(0.9);
}

#content div.fes_list a:hover img{
	transform: scale(1);
	opacity: 1;
}

/*-----------------------main-----------------------*/

#main {
	float: right;
	margin-right:15px;
	padding:10px 0;
	font-size:1.185em;
	line-height:1.75em;
}

#main h2.title{
	background:url(../images/h2.png) #eff0ea no-repeat left top ;
	border:5px solid #7e318e;
	font-size:1.5em;
	margin-bottom:15px;
	padding:.45em .75em .55em 1.8em;
	color:#e94709;
	font-weight:bold;
}

#main h2.title span{
	font-size:0.6em;
	font-weight:normal;
	line-height: 1.2em;
}

#main .subtitle{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:.5em;
}

#main h3 {
	margin-bottom:10px;
	font-size:1.1em;
	color:#e61673;
	font-weight: bold;
	padding:.55em;
	border: 1px solid #e61673;
	/*border-left: 8px double #e61673;*/
}

#main h3.title{
	background:#faf5fc;
	font-size:1.2em;
	margin-bottom:10px;
	padding:.5em;
	color:#7e318e;
	font-weight:bold;
	border: 2px solid #7e318e;
	border-left:5px solid #7e318e;
}

#main h3.q {
	margin-bottom:5px;
	font-size:1.03em;
	color:#333;
	font-weight: bold;
	padding:.5em;
	border: none;
	/*border-top: 2px solid #e6003e;*/
	border-left: 4px solid #16aa47;
  background: #f0f0eb;
}

#main .section{
	margin-bottom:20px;
}

#main .section .border{
	border:1px solid #00658F;
	padding:0.3em 0.5em;
}

#main ul.disc{
	list-style-type:disc;
  padding-left: 1em;
}

.button_g{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.button_g li{
	display: flex;
	width: 30%;
	margin: .5em 1.5%;
}

@media only screen and (max-width:940px){
	.button_g li{
		width: 47%;
	}
}

.button_g li a{
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.2em;
	border-radius: 5px;
	background: #e94709;
	padding: .4em .8em;
	display: flex;
  justify-content: center;
  align-items: center;
}

.button_g li a:hover{
	background: #f8723e;
}

/*-----------------------page-top-----------------------*/

#page-top {
	position: fixed;
	bottom: 3vh;
	right: 4vh;
}

#page-top a {
	color: #333;
	width: 44px;
	text-align: center;
	display: block;
	text-decoration:none;
	opacity:0.8;
	background: #fff;
	padding: 4px 0;
	border: 1px solid #666;
	border-radius: 5px;
}

#page-top a:hover {
	color: #aaa;
}

/*-----------------------footer-----------------------*/

#footer{
	clear:both;
	background:#e94709;
	width:100%;
	color:#FFF;
	padding:1em 0;
	text-align:center;
}

#footer a{
	color:#FFF;
}

ul.footer-nav{
	overflow:hidden;
	width:770px;
	margin:0 auto 15px;
	font-size:1.18em;
}

ul.footer-nav li{
	float:left;
	border-right:1px solid #FFF;
	padding:.2em 1em;
}
ul.footer-nav li:last-child{
	border-right: none;
}

ul.footer-nav li a{
	text-decoration:none;
}

ul.footer-nav li a:hover{
	text-decoration:underline;
}

#footer .footerlist li{
	display:inline-block;
	padding-right:1em;
}

#footer .footerlist li a{
	text-decoration:underline;
}

#footer .footerlist li a:hover{
	text-decoration:none;
}
	

#footer .footerlist li img{
	margin-left:.2em;
}

/*-----------------------list-----------------------*/

#main .section h2 {
	margin-bottom:10px;
}

#main .section ul li{
	margin:0 0 .5em 0em;
	padding:0 0 .5em 1.5em;
	border-bottom:1px dotted #333;
	display:block;
	overflow:hidden;
	clear:both;
}

#main .section ul li.end{
	border:none;
	padding-bottom:0;
}

#main .section ul li h3 {
	background: #fff;
	font-size:1.2em;
	color:#333;
	padding: 0 0 0 1.2em;
	margin:0.2em 0 0.2em -0.5em;
	border: none;
	text-indent: -1.2em;
}

#main .section ul li h3::before{
	content: "●";
	color:#e94709;
	padding:0 .2em 0 0;
}

#main .section ul li h4 {
	color:#333;
	margin:0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

#main .section ul li h4::before{
	content: "○";
	color:#e61673;
	padding:0 .2em 0 0;
	font-size: .9em;
}

#main .section ul li h4.double {
  padding: 0.3em 0.5em;
	border-left: 5px solid #15aa46;
  border-bottom: 2px dotted #15aa46;
  font-weight: bold;
	background-image:none;
	margin:0.3em 0;
	text-indent: 0;
}

#main .section ul li h4.double::before{
	content: "";
	padding: 0;
}

#main ul li table{
	border-collapse:collapse;
	border-spacing:0;
	border-left:1px solid #333;
	border-top:1px solid #333;
	margin:.5em 0 .5em 2em;
}

#main ul li table caption{
	text-align:left;
	margin-bottom:.2em;
}

#main ul li table th{
	background:#FDE2E2;
	text-align:left;
	font-weight:normal;
}

#main ul li table th,#main ul li table td{
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	padding:.3em .5em;
	font-size:.85em;
}

#main .section ul div {
	float:left;
}

#main .section ul li span.list-img {
	float:right;
  font-size: 80%;
  line-height: 1.2em;
  text-align: right;
}

#main .section ul li span img {
	margin:5px 0 0 2px;
}

#main dl{
	overflow:hidden;
	margin-left:.8em;
	clear:both;
}

#main dl dt{
	border-bottom: 1px solid #a81118;
	margin:.7em 0;
	padding-left:.5em;
	position:relative;
}

#main dl dt .dt_right{
	position:absolute;
	right:0;
	bottom:0;
}

#main dl dd{
	margin-left:1em;
}

#main dl dd div.pro_img {
	float: right;
	margin: 0 0 10px 15px;
}

#main .pro_img p{
	text-align:center;
	font-size:.9em;
  line-height:1.4em;
}

/*#main .pro_img p .copy{
	font-size:.8em;
}*/

#main .pro_img p.copy{
  text-align: right;
	font-size:.7em;
  line-height: 1em;
}

#main .section div.profphotobox{
	float:none;
	overflow:hidden;
}

#main .profphotobox .pro_img{
	float:left;
	margin-left:.6em;
	margin-bottom:.8em;
}

#main ul li table.border_non,
#main ul li table.border_non tr th,
#main ul li table.border_non tr td {
	border:none;
	font-size:95%;
	background-color:#FFF;
}

#main dl.dl_2col{
	margin-left: 0;
}

#main dl.dl_2col dt{
	clear:both;
	float:left;
	border-bottom:none;
	margin:0;
	padding:0;
}

#main dl.dl_2col dd{
	float:right;
	width:90%;
	margin:0 0 5px 0;
}

#main dl.dl_2col dd span{
	width:220px;
	min-height:1em;
	display:block;
	float:left;
	margin-right:0;
}

#main dl.dl_2col_nichibu dt{
	clear:both;
	float:left;
	border-bottom:none;
	margin:0;
	padding:0;
}

#main dl.dl_2col_nichibu dd{
	float:right;
	width:80%;
	margin:0 0 5px 0;
}

#main dl.dl_2col_nichibu dd span{
	width:150px;
	min-height:1em;
	display:block;
	float:left;
	margin-right:1em;
}

#main dl.dl_2col_mingei dt{
	clear:both;
	float:left;
	border-bottom:none;
	margin:0;
	padding:0;
}

#main dl.dl_2col_mingei dd{
	float:right;
	width:70%;
	margin:0 0 5px 0;
}

#main dl.dl_2col_mingei dd span{
	width:150px;
	min-height:1em;
	display:block;
	float:left;
	margin-right:1em;
}

#main .waku{
  border: 1px solid #999999;
  padding: .2em .5em;
  max-width: 22.5em;
}


/*-----------------------policy-----------------------*/

#main_1 .policy{
	margin-left:1em;
}

#main_1 .policy h3{
	font-weight:bold;
}

#main_1 .policy ul{
	list-style-type:disc;
	list-style-position:inside;
}


@media screen and (min-width: 970px){
	#header {
		height: 180px;
	}

	img{
	max-width: 100%;
	height: auto;
	width :auto;
	}
	#content {
		width: 970px;
	}
	#main {
		width: 690px;
	}

}

@media only screen and (max-width:970px){

img{
max-width: 100%;
height: auto;
width :auto;
}
h2.top_h2 {font-size:200%;}
#side {
	width: 22%;
	padding-left:2%;
	margin:0;
}

#side li {
	width:98%;
}

#side .banner {
	width: 100%;
}

/*#nav a {
	font-size: 1.4em;
}
#nav li.totop a{
	font-size: 1.3em;
}*/
#main {
	width: 72%;
	padding-right:2%;
	margin:0;
}

.twitter{
	display:none;
}

#main dl.dl_2col dd,
#main dl.dl_2col_nichibu dd,
#main dl.dl_2col_mingei dd{
	float:left;
	width:96%;
	padding-left:4%;
}

#main dl.dl_2col dd span,
#main dl.dl_2col_nichibu dd span,
#main dl.dl_2col_mingei dd span{
	width:100%;
	min-height:0;
}

#main dl dt .dt_right{
	position:relative;	
}

#footer{
	padding-top:0;
}

ul.footer-nav{
	width:100%;
	background:none;
	margin-bottom:15px;
	border-top:1px solid #FFF;
	overflow:hidden;
}

ul.footer-nav li{
	float:left;
	width:50%;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	box-sizing: border-box;
	padding:.8em 0;
}

ul.footer-nav li.child{
	width: 100%;
}
ul.footer-nav li a{
	display:block;
}
}

@media only screen and (max-width:780px){

#main h2.title{
	font-size:1.3em;
}
	
#main_1 h2.title{
	font-size:1.3em;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

#main .section h2 img {
max-height: 100%;
height: auto;
width /***/:auto;
}

h2.top_h2 {font-size:150%;}

#pan ol{
	margin:1em 10px 5px 10px;
}

#main {
	width:96%;
	padding:2% 2%;
}
#main .section ul li{
	margin:0 0px .5em 10px;
	padding:0 0px .5em .7em;
}

#main ul li table{
	margin:0 0 .5em;
}

#main ul li table th,#main ul li table td{
	padding:.3em .3em;
}

#side {
	width:96%;
	padding:2% 2%;
}

.pc{
	display:none;
}

.trigger{
	position:relative;
}

.trigger span{
	width:25px;
	height:25px;
	position:absolute;
	right:8px;
	background:url(../images/down.png) left center no-repeat ;
	z-index:10;
}

.trigger span.f_size75{
	position:relative;
	background:none;
}

.active span{
	background:url(../images/up.png) left center no-repeat ;
}

div.fes_list {
	text-align:center;
}

ul.footer-nav li.fb{
	background-position:18px 10px;
}

#page-top {
	bottom: 50px;
	right:5px;
}

}

@media only screen and (max-width:480px){
	#main .section ul li span.list-img {
	float:left;
}

}