@charset "utf-8";
/* Copyright 2018 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

home

------------------------------------------------------------ */

@media screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* グローバルナビアクティブ
	---------------------------------------------- */
	.nav_global li.g01 a{background: url(../img/pc/nav_global01.jpg) no-repeat 0 -220px;}

	/* メインビジュアル
	---------------------------------------------- */
	#main{
		background: url(../img/sp/home/img_main01.jpg) no-repeat center bottom;
		min-height: 400px;
		width: 100%;
		display:-webkit-flex;/*--safari用--*/
		display:flex;
		-webkit-align-items: center;/*--safari用--*/
		align-items: center;
		-webkit-justify-content:center;/*--safari用--*/
		justify-content: center;
	}

	#main p{
		font-size: 3.2rem;
		font-weight: bold;
		padding-top:200px;
		padding-bottom:100px;	
		
	}

	#main p span{font-size: 1.5rem;}

	.main2{
		font-size:18px;
		padding-top:180px;
		line-height: 1.7;
	}
	.main3{
		font-size:3rem;
		font-weight: bold;
		text-align:center;
                width:500px;
		margin:auto;
}

	/* コンテンツ
	---------------------------------------------- */
	#contents_home{
		background: url(../img/sp/home/bg_home01.jpg) no-repeat center top;
		min-height: 200px;
		padding: 40px 0;
		line-height: 1.5;
	}

	#contents_home_inner{
		min-width: 700px;
		max-width: 600px;
		margin: 0 auto 30px;	
	}
	

	.contents1{
		width: 98%;
		padding-top: 50px;
	}

	.contents2{
		background-color:#fafafa;
		font-size: 15px;
		width: 98%;

		border:solid;
		border-color:#bdbdbd;
		padding:10px;
		margin:0 auto  20px;
	}

        .contentsHalf{
                width:100%;
                margin: 0 auto;
                display:inline-block;
        }

        .con1{
		float: left;
                width: 50%;
		padding: 10px;
	}

	.con2{
		float: right;
                width: 50%;
		padding: 10px;	
	}

        .clear{
		clear: both;
	}


	h1{
	text-align: left;
	font-size: 25px;
	text-indent :0.5em;
	}

	h2{
	text-align: left;
	font-size: 16px;
	margin-top: 30px;
	}



	a:hover { 
		position: relative;
		top:1px ;
		left:1px ; 
	}

	hr {
	height: 5px;
 	width: 96%;
 	border: none;
 	border-bottom: 3px dotted #bdbdbd;	
	}

	.rcpd-link {float:right;
	width: 200px;
	font-size: 1.5rem;
	font-weight: 400;
	color:#333;
	margin:0;
	padding: 7px;
	vertical-align:middle;
	background:#fff; 
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
	text-align: center;
	border: 1px solid #333;
	border-radius: 18px;	
	}

	.rcpd-link a,
	.rcpd-link a:hover	 {text-decoration:none;color:#333;}


/*-----新着案内-------*/

        .sintyaku{               
                margin-top:   70px;
                padding-top:  50px;
		padding-left: 14px;
                background: url(../img/new3.png) no-repeat left top;
        }

        .sintyaku ul{
                font-size:  1.4rem;
                line-hight: 1.4;
	}

        .sintyaku ul li{
                margin-bottom:  5px;
	}

        .sintyaku ul li a{
                color: #711616;
		display: block;
	}

/*コンテンツドロップダウン*/
------------------------------------------------
#dropmenu{
  list-style-type: none;
  width: 800px;
  height: 40px;
  margin: 30px auto 300px;
  padding: 0;
  background: #8a9b0f;
  border-bottom: 5px solid #535d09;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 5px;
  padding: 15px 0 11px;
  color:#3B0B0B;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  background-color:#CED8F6;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #3B0B0B;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #CED8F6;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
  background: #CED8F6;
  color: #eff7b1;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;

}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}



	/*--日本地図--*/
	#map{
		background: url(../img/pc/home/bg_home02.png) no-repeat right 0;
		width: 807px;
		height: 788px;
		margin: 0 auto;
		position: relative;
	}

	.map{position: absolute;}
	.area_hokkaido{top:110px; right: 305px;}
	.tohoku{top:283px; right: 124px;}
	.kanto{top:454px; right:125px;}
	.chubu{top:375px; right:412px;}
	.tokai{top:564px; right:331px;}
	.kinki{top:609px; right:423px;}
	.chugoku{top:467px; right:568px;}
	.shikoku{top:645px; right:516px;}
	.kyushu{top:572px; right:723px;}
	
	.hokkaido{top:120px; right:190px;}
	.aomori{top:257px; right:263px;}
	.akita{top:301px; right:278px;}
	.iwate{top:308px; right:236px;}
	.yamagata{top:366px; right:289px;}
	.miyagi{top:360px; right:249px;}
	.fukushima{top:415px; right:278px;}
	.niigata{top:413px; right:333px;}
	.ishikawa{top:425px; right:415px;}
	.toyama{top:450px; right:390px;}
	.fukui{top:482px; right:437px;}
	.ibaraki{top:467px; right:264px;}
	.tochigi{top:445px; right:291px;}
	.gunma{top:457px; right:322px;}
	.saitama{top:480px; right:311px;}
	.tokyo{top:497px; right:304px;}
	.chiba{top:507px; right:271px;}
	.kanagawa{top:513px; right:299px;}
	.yamanashi{top:499px; right:340px;}
	.shizuoka{top:529px; right:350px;}
	.nagano{top:477px; right:363px;}
	.gifu{top:494px; right:401px;}
	.aichi{top:530px; right:397px;}
	.mie{top:559px; right:417px;}
	.osaka{top:546px; right:471px;} 
	.kyoto{top:510px; right:466px;}
	.shiga{top:518px; right:440px;}
	.nara{top:560px; right:448px;}
	.hyogo{top:521px; right:493px;}
	.wakayama{top:580px; right:472px;}
	.tottori{top:503px; right:532px;}
	.shimane{top:520px; right:594px;}
	.okayama{top:532px; right:530px;}
	.hiroshima{top:542px; right:572px;}
	.yamaguchi{top:559px; right:625px;}
	.kagawa{top:559px; right:530px;}
	.tokushima{top:580px; right:516px;}
	.ehime{top:585px; right:578px;}
	.kouchi{top:602px; right:548px;}
	.fukuoka{top:579px; right:656px;}
	.saga{top:594px; right:677px;}
	.oita{top:599px; right:627px;}
	.miyazaki{top:657px; right:627px;}
	.kumamoto{top:633px; right:649px;}
	.nagasaki{top:621px; right:699px;} 
	.kagoshima{top:678px; right:659px;}
	.okinawa{top:678px; right:142px;}

} /*--@media--*/


@media screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,iPod,Android)

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

	hr {
	height: 5px;
 	width: 100%;
 	border: none;
 	border-bottom: 3px dotted #bdbdbd;	
	}

	/* メインビジュアル
	---------------------------------------------- */
	#main{
		background: url(../img/sp/home/img_main01.jpg) no-repeat center top;
		background-size: 768px;
		height: 190px;
		display:-webkit-flex;/*--safari用--*/
		display:flex;
		-webkit-align-items: center;/*--safari用--*/
		align-items: center;
		-webkit-justify-content:center;/*--safari用--*/
		justify-content: center;
	}

	#main p{
		font-size: 1.8rem;
		font-weight: bold;
	}

	#main p span{font-size: 1.2rem}

	/* コンテンツ
	---------------------------------------------- */
	#contents_home{
		background: url(../img/sp/home/bg_home01.png) no-repeat center top;
		background-size: 768px;
		padding: 20px 20px 30px;
		line-height: 2;
		font-size: 1.4rem;
	}
	
	#map{display: none;}

        .contents1{
		width: 98%;
		padding-top: 20px;
	}

	.contents2{
		width: 98%;
		border-top: dotted 3px;
		border-color:#bdbdbd; 
		padding: 20px 0;
		margin-top: -30px;
	}
/*----地域部トップへのリンク-----*/
	.rcpd-link {float:right;
	width: 170px;
	font-size: 1.3rem;
	font-weight: 400;
	color:#333;
	margin:0;
	padding: 3px;
	vertical-align:middle;
	background:#fff; 
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
	text-align: center;
	border: 1px solid #333;
	border-radius: 17px;	
	}
	.rcpd-link,
	.rcpd-link a,
	.rcpd-link a:hover	 {display:none;}

/*-----新着案内-------*/

        .sintyaku{               
                margin-top:   15px;
                padding-top: 45px;
                padding-left: 10px;
                background: url(../img/new3.png) no-repeat left top;
                font-size: 1.3rem;
                text-decoration: none;
        }

        .sintyaku ul{
                font-size:  1.3rem;
                line-hight: 1;
	}

        .sintyaku ul li{
                margin-bottom:  5px;
	}

        .sintyaku ul li a{
                color: #486AD0;
		display: block;
	}

	

/*-----２分割画面（spでは上下に表示）-------*/

        .contentsHalf{
                width:100%;
                margin-bottom: 10px;
        }

        .con1{
		padding-bottom: 10px;
	}

	.con2{
		padding-bottom: 10px;	
	}

/*コンテンツドロップダウン*/
------------------------------------------------
        #dropmenu{
                list-style-type: none;
                width: 100%;
                text-align: left;
        }

        #dropmenu li{
                margin-left: 10px;
                margin-bottom: 5px;
                padding: 0;
        }

        #dropmenu li :last-child{margin-bottom: 0;}

        #dropmenu li a{
                font-size: 1.4rem;
                font-weight: bold;
                line-height: 1.4;
                text-decoration: none;
        }
        #dropmenu li ul{
		margin-top:  0px;
	}
	
	#dropmenu li ul li{
		margin-bottom: 5px;
	}

	#dropmenu li ul li:last-child{margin-bottom: 0;}

	#dropmenu li ul li a{
		font-size: 1.4rem;
                font-weight: normal;
		line-height: 1.0;
		background: url(../img/ico_arrow02.png) no-repeat left 0.45em;
		background-size: 6px;
		color: #486ad0;
		padding-left: 8px;
	}
	
} /*--@media--*/