@charset "utf-8";



/*** mynavi CSS Document *************************************



	base.css

	+お客様編集用CSS+

	新たにスタイルを追記する時はこのファイルにお願い致します。



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

/***  LP  ***/



#pickupWrapper{

	width: 960px;

	background-color: #FFF;

	margin: 0 auto;

}

#pickupWrapper h3{

	float: left;

	padding: 13px 15px 13px 35px;

}

#pickupWrapper #pickUp {

    width: 750px;

    float: left;

    min-height: 52px;

}

#pickupWrapper #pickUp li{

    padding: 5px 0 5px 20px;

}

#pickupWrapper{

	padding: 15px 0;

}

#pickupWrapper #pickUp li a{

	color: #000;

}

/***  LP  ***/



#contetns{

	font-family:"ヒラギノ丸ゴ Pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";

	font-size: 110%;

}

#contetns a{
	color: #444;
}

.area ul li a:hover{

	opacity: 0.6;

}

#icarch{

	background-color: #005d7f;

}

.kv img{

	width: 100%;

	vertical-align: bottom;

}

.area{

	background-color: #005d7f;

}

.main h2{

	text-align: center;

	line-height: 1.4em;

}

.area h2{

	color: #FFF;

}

.area h2 .h2_tit{

	font-size: 160%;

	font-weight: bold;

}

.area h2{

	font-weight: normal;

	font-size: 80%;

}

/*

.area ul li{

	float: left;

	margin-right: 8px;

}

.area ul li:last-child{

	margin: 0 !important;

	float: right;

}

.area ul li a{

	border: 2px solid #e72a10;

	display: table-cell;

	vertical-align: middle;

	padding: 10px;

	text-align: center;

	height: 70px;

	width: 130px;

	color: #000;

	font-size: 140%;

	font-weight: bold;

	line-height: 1.2em;

	text-decoration: none;

	background-image: url(../img/arrow_area.png);

	background-size: 4%;

	background-position: 96% 50%;

	background-repeat: no-repeat;

	background-color: #FFF;

}

*/

.top_text {

	padding-bottom: 20px;

}

.content_box{

	background: url(../img/bg.png);

	padding-top: 30px;

}

.article_box{

	width: 960px;

	margin: 0px auto 30px;

}

.section_box{

	background-color: #FFF;

	padding: 20px 20px 0px 20px;

}

.section_box h3{

	padding: 20px 0;

}

.nav{

	background-color: #f4f4f4;

	background-image: url(../img/border.png), url(../img/border.png);

	background-repeat: repeat-x;

	background-position: top, bottom;

}

.nav ul{

	margin: 0 auto;

	width: 380px;

	padding: 10px 0;

}

.nav ul li{

	float: left;

	padding: 10px 20px;

}



.pt, .text_box{

	float: left;

	width: 50%;

	padding: 20px 0;

}

.text_box_02{

	float: left;

	width: 50%;

	padding: 30px 0;

}

.text_box{

	padding-left: 10px;

  box-sizing: border-box;

}



.pt_02{

	float: right;

	padding: 30px 0;

}



.text_box_02{

	padding-right: 10px;

  box-sizing: border-box;

}



.text_box h4, .text_box_02 h4{

	background-color: #f4f4f4;

	background-repeat: no-repeat;

	background-position: 2% 50%;

	background-size: 10%;

	font-size: 160%;

	font-weight: bold;

	padding: 15px 20px 15px 60px;

	line-height: 1.2em;

}

#sorting .text_box h4, #sorting .text_box_02 h4{

		background-image: url(../img/point_red.png);

}

.text_box h4 span, .text_box_02 h4 span{

	font-size: 70%;

	font-weight: normal;

}

.text_box p, .text_box_02 p{

	line-height: 1.3em;

	padding: 10px 0;

}



/***  アコーディオン  ***/



.accordion {

	margin: 0 auto;

	width: 49%;

	float: left;

	text-align:center;

	font-size: 120%;

	font-weight: bold;

}

.a_right{
	float: right;

}


.accordion .ac-content {

}

.accordion input, .accordion_02 input{

	display: none;

}

.accordion a, .accordion_02 a, .accordion label, .accordion_02 label{

	display: block;

	background: url(../img/arrow.png) no-repeat 99% center #f4f4f4;

	background-size: auto 10%;

	cursor: pointer;

	padding: 20px 10px;

		

}

#sorting .accordion a, #sorting .accordion_02 a{

	border: 2px solid #e72a10;

}


.ac-cont ul li{



}


.ac-cont ul li a{

	display: block;

	padding: 15px 0;

	color: #000;

	font-weight: normal;

	font-size: medium;

}

.accordion .ac-cont, .accordion_02 .ac-cont {

	transition: 0.2s;

	height: 0;

	overflow: hidden;

	text-align: center;

}

.accordion input:checked + .ac-cont, .accordion_02 input:checked + .ac-cont {

	height: auto;

}



.accordion_02 {

	margin: 0 20px 0 0;

	width: 292px;

	float: left;

	text-align:center;

	font-size: 120%;

	font-weight: bold;

}

.accordion_02:last-child{

	float: right;

	margin: 0 !important;

}



/***  アコーディオン  ***/



/***  吹き出し  ***/

.arrow_box {

	position: relative;

	background: #FFF;

	

}

#sorting .arrow_box {

	border: 2px solid #e72a10;

}

.arrow_box:after, .arrow_box:before {

	top: 100%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.arrow_box:after {

	border-color: rgba(255, 255, 255, 0);

	border-top-color: #FFF;

	border-width: 10px;

	margin-left: -10px;

}

.arrow_box:before {

	border-color: rgba(231, 42, 16, 0);



	border-width: 13px;

	margin-left: -13px;

}

#sorting .arrow_box:before{

	border-top-color: #e72a10;

}



/***  吹き出し  ***/



.graf{

	padding-top: 20px;

}

.graf dl{

	width: 450px;

	float: left;

}

.graf dl:last-child{

	float: right;

}



.graf dl dt{

	padding: 15px 15px 15px 15px;

	text-align: center;

	background-size: 7%;

	font-size: 120%;

	font-weight: bold;

}

#sorting .graf dl dt{

	background: url(../img/q_red.png) no-repeat 5% 50%;

	

}

.graf dl dd img{

	margin: 30px auto;

	display:block;

}

.dl_textbox{

	

	padding: 20px;

}

#sorting .dl_textbox{

	border: 2px dashed #e72a10;

}

.dl_textbox dt{

	

	font-size: 130%;

	font-weight: bold;

	padding-bottom: 10px;

}

#sorting .dl_textbox dt{

	color: #e72a10;

}

.dl_textbox dd{

	line-height: 1.3em;

}

.good dl{

	position: relative;

}



.good dl dd img{

	display: block;

	margin: -40px -20px;

}



.good dl dd{

	width: 247px;

    height: 90px;

	float: left;

	padding: 20px;

	margin: 20px 20px 20px 0;

}

.good dl dd:last-child{

	margin: 20px 0;

}

.good dl dd p{

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%); /* Safari用 */

  transform: translate(-50%, -50%);

  width: 200px;

  text-align: center;

}

.good .p_text{

	font-size: 140%;

	text-align: center;

	font-weight: bold;

	line-height: 1.3em;

	padding: 20px 0;

}



.pr_area ul li{

	float: left;

	padding: 20px 10px 40px 0;

  text-align: center;

}

.pr_area ul li:last-child{

	padding: 20px 0 40px !important;

	float: right;

}





/***  青ver  ***/

#delivery .text_box h4, #delivery .text_box_02 h4{

		background-image: url(../img/point_blue.png);

}



#delivery .accordion a, #delivery .accordion_02 a{

	border: 2px solid #175a7a;

}



#delivery .ac-cont ul li{

		border-bottom: 1px solid #175a7a;

		border-left: 2px solid #175a7a;

		border-right: 2px solid #175a7a;

}

#delivery .ac-cont ul li:last-child{

	border-bottom: 2px solid #175a7a;

}

#delivery .arrow_box {

	border: 2px solid #175a7a;

}

#delivery .arrow_box:before{

	border-top-color: #175a7a;

}

#delivery .dl_textbox{

	border: 2px dashed  #175a7a;

}

#delivery .dl_textbox dt{

	color:  #175a7a;

}

#delivery .graf dl dt{

	background: url(../img/q_blue.png) no-repeat 5% 50%;

}



/***  青ver  ***/





/***  マイナビオススメリンク  ***/

.Link {

	margin: 0 auto;

	padding-bottom: 50px;

	padding-top: 95px;

	width: 770px;

	background: #FFF;

}



.LinkTitle {

	border-bottom: 6px solid #edeae3;

	font-size: 30px;

	font-weight: bold;

	margin-bottom: 15px;

	padding-bottom: 15px;

	text-align: center;

}



.LinkList dt {

	position: absolute;

	font-size: 16px;

	font-weight: bold;

	padding-top: 6px;

}



.LinkList dd {

	border-bottom: 6px solid #edeae3;

	font-size: 14px;

	margin-bottom: 15px;

	line-height: 1.8;

	padding-bottom: 15px;

	padding-left: 100px;

}



.LinkList dd:last-child {

	margin-bottom: 0;

}



.LinkList dd a {

	color: #036eb7;

}

.PointTitle {

	padding-bottom: 50px;

	text-align: center;

}





.adbnr{

	width:950px;

	margin:10px auto 0 auto;

	background:rgba(242,242,242,0.76);

	padding:0 0 5px 0;

}

.adbnr ul li{

	padding:5px 10px;

	box-sizing:border-box;

}

.adbnr h3{

	background:#E74C3C;

	padding:10px 0;

	color:#fff;

	text-align:center;

	margin:0 0 10px 0;

}



/* エリアから探す */

#area section{

  width:960px;

  margin:0 auto;

}



#area section dl{

  width: 305px;

  height: 150px;

  background: #D73635;

  border-radius: 5px;

  float: left;

  padding: 5px;

  box-sizing: border-box;

  margin: 0 7px 14px 7px;

}

#area section dl dt{

  font-size: 18px;

  padding: 0 0 5px 0;

  text-align: center;

  color: #fff;

}

#area section dl dd ul li{

  width: 90px;

  float: left;

  margin: 0 3px 4px 4px;

}

#area section dl dd ul li a{

  display: block;

  color: #fff;

  border-radius: 5px;

  background: url(../img/arrow_w.png) no-repeat 98% center rgba(255,255,255,0);

  border:solid 1px #fff;

  font-size: 14px;

  text-align: center;

  padding: 5px 0;

}

#area section dl dd ul li a:hover{

  background: url(../img/arrow_w.png) no-repeat 98% center #E35353;

  color: #fff;

  text-decoration: none;

  opacity: 1;

}



.para:hover{

  opacity:1;

}



.areabox{

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-pack: distribute;

  justify-content: space-around;

}



.areabox .accordion {

  width: 130px;

}

.areabox .accordion > li p {

  display:block;

  padding: 18px;

  width: 100%;

  font-size:14px;

  box-sizing: border-box;

}

.areabox .accordion > li {

  cursor: pointer;

  text-align: center;

  background-color: #D73635;

  color: #fff;

}



.areabox .accordion > li:hover {

  background-color: #E35353;

}



.areabox .accordion > li a{

  padding: 15px 10px;

  display: block;

  color:#fff;

  text-decoration: none;

}



.areabox  .accordion > li a:hover {

  opacity:1;

}



.areabox  .accordion > li.open {

  color: #fff;

  background: #D73635;

}



.areabox .right {

  margin: 0 0 20px 0 !important;

}



.areabox ul li ul {

  display: none;

  border-top: 2px solid #fff;

}

.areabox ul li ul li {

  border-bottom: 2px solid #fff;

  text-align: center;

}

.areabox ul li ul li:last-child {

  border-bottom: none;

}

/*/////▼ モーダル内リンク ▼////*/
.popup h2,
.popup_blue h2{
	font-size: 24px;
	font-weight: lighter;
	line-height: 1.5;
	padding: 0 0 20px 0;
	color:#cf0915;
}
.popup section dl{
	width: 31%;
	height: 230px;
	background: #cf0915;
	background-size: auto 50px;
	border-radius: 5px;
	float: left;
	padding: 10px 0;
	box-sizing: border-box;
	margin: 0 1% 2% 1%;
}
.popup_blue section dl{
	width: 31%;
	height: 230px;
	background: #175a7a;
	background-size: auto 50px;
	border-radius: 5px;
	float: left;
	padding: 10px 0;
	box-sizing: border-box;
	margin: 0 1% 2% 1%;
}
.popup section dl dt,
.popup_blue section dl dt{
	font-size: 18px;
	color: #fff;
	font-weight: lighter;
	padding: 0 0 10px 0;
	text-align: center;
}
.popup section dl dd ul li,
.popup_blue section dl dd ul li{
	width: 30%;
	float: left;
	margin: 0 0.8% 2% 2.2%;
}
.popup section dl dd ul li a,
.popup_blue section dl dd ul li a{
	display: block;
	color: #444;
	border-radius: 5px;
	background: url(../img/arrow.png) no-repeat 98% center #fff;
	background-size:auto 12px;
	font-size: 14px;
	text-align: center;
	padding: 15px 0;
}