@charset "utf-8";

#ac .main,
#ac .titleBox{
    width: 790px;
    margin:0 auto;
}
#ac dl{
margin: 0;}
/*
---------------------------------------------------
コンテンツ
---------------------------------------------------
*/


.main_vidual {
	margin:0 auto;
	text-align:center;
	}

.main_vidual .about{
	width: 790px;
	margin: 50px auto 0;
}

.main_vidual p {
	padding: 50px 0 0;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #231914;
	letter-spacing: 0.2em;
	margin: 0;
	}

.pink{
	color: #fc7397;
}

.blue{
	color: #00adec;
}

.main_vidual p.notice {
	padding:0 0 25px 0;
	font-size:12px;
	text-align:left;
	}

.main_vidual h2 img{
	max-width: 100%;
	margin-top: 30px;
}

/*
------------------------------
GENERAL
------------------------------
*/

.first_box,
.second_box,
.third_box{
	width: 790px;
}

hr{
	background-color: #00adec;
	width: 490px;
	float: left;
	margin: 50px 0;height: 1px;
	background-color: #00adec;
	width: 490px;
	float: left;
	margin: 50px 0;
	border: none;
	height: 2px;
}

.first_box h2,
.second_box h2,
.third_box h2 {
	margin:0;
	display: flex;
    align-items: center;
	color: #00b8ee;
    font-size: 20px;
	}

.first_box h2 img,
.second_box h2 img,
.third_box h2 img{
	margin-right: 10px;
}

.first_box p,
.second_box p,
.third_box p {
	
	line-height:1.6;
	}

.inner{
	clear: both;
	display: flex;
	justify-content: space-between;
}

.inner h2 p{
	font-size: 20px;
}

.inner_box{
	width: 370px;
}

.inner_box h2{
	margin-bottom: 30px;
}

.inner p{
	font-size: 16px;
}

.fig {
	margin:0; padding:0;
	}


/*
------------------------------
FIRST BOX
------------------------------
*/

.first_box {
	clear:both;
	margin:0 auto;
	text-align:left;
	width:790px;
	}

.first_box .fig {
	padding:0 0 0 20px;
	}


/*
------------------------------
SECOND BOX
------------------------------
*/

.second_box {
	margin:0 auto;
	text-align:left;
	width:790px;
	}

.capture{
	border: solid 1px #cbcbcb;
}

.login{
	width: 361px;
	border: solid 1px #fc7397;
	margin: 0;
	padding: 0 0 30px;
	text-align: center;
}

.login_txt{
	padding: 20px 25px 35px;
	text-align: left;
}

.login_img:hover {
	opacity:0.7;
	filter: alpha( opacity=70 );
	}
/*
------------------------------
THIRD BOX
------------------------------
*/
.third_box {
	clear:both;
	margin:0 auto;
	text-align:left;
	width:790px;
	}

.third_box hr{
	float: none;
}

.third_box h2{
	margin-bottom: 30px;
}

.third_box ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	}

.third_box ul li{
	text-align: start;
	border: solid 1px #00b8ee;
	padding: 30px 30px 0 30px;
	margin-right: 20px;
	height: 345px;
}

.third_box ul li:last-child{
	margin-right: 0px;
}

.third_box ul li hr{
	width: 190px;
	margin: 10px 0;
}

.third_box ul li p.list-ttl{
	font-weight: bold;
	text-align: center;
}

.third_box ul li p.list-txt{
	font-size: 14px;
}
.login_link{
	text-decoration: underline;
	color: #00adec;
	font-weight: bold;
}
/*
------------------------------
SHOP BOX
------------------------------
*/

.ac_shop_box {
	margin:80px auto;
	width:790px;
	}

.ac_shop_box a{
	text-decoration: none;
}

.ac_shop_box h2{
	color: #00b8ee;
	margin: 0;
	font-size: 20px;
	text-align: left;
}

.ac_shop_box hr{
	float: none;
	width: 100%;
	margin: 5px 0 30px;
}

.ac_shop_box .info_box{
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.ac_shop_box .info_box p{
	margin: 0 0 5px;
}

.ac_shop_box .info_box .info_h1{
	font-size: 20px;
}

.ac_shop_box .info_box .info_h1,
.ac_shop_box .info_box .info_h2{
	font-weight: bold;
	color: #00b8ee;
}

.ac_shop_box .info_box .info_h2{
	font-size: 16px;
	text-align: left;
}

.ac_shop_box .info_box .info_detail ul{
	display: flex;
	list-style: none;
	margin: 0;
}

.ac_shop_box .info_box .info_detail ul.telmail{
	font-weight: bold;
}

.ac_shop_box .info_box .info_detail ul li.tel{
	font-size: 24px;
	margin-right: 40px;
}

.ac_shop_box .info_box .info_detail ul li.tel::before{
	content: url("../images/icon_tel_pc.gif");
	margin-right: 5px
}

.ac_shop_box .info_box .info_detail ul li.mail{
	font-size: 20px;
}

.ac_shop_box .info_box .info_detail ul li.mail::before{
	content: url("../images/icon_mail_pc.gif");
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.ac_shop_box .info_box .info_detail ul.detail_txt{
	font-size: 14px;
}

.ac_shop_box .info_box .info_detail ul.detail_txt li{
	margin-right: 40px;
}