@charset "utf-8";

body {
	font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
#caution {
	background-color: #dfdfdf;
	color: #333;
	padding: 5px 0;
}
	#caution p {
		font-size:80%;
		margin-bottom:0;
		padding-left:20px;
	}

div#navbar ul li.cart {
	padding-left:15px;
	background:url(../img/icon_cart.png) no-repeat left center;
}

.footer {
	background:#64656a none repeat scroll 0 0;
	margin-top:45px;
	color:#FFF;
}

.feature_text {
	margin-bottom:20px;
	margin-top:15px;
	text-align:center;
	border-bottom:1px solid #747579;
}

.feature_text h4 {
	display: inline-block;
	font-size: 30px;
	position: relative;
	text-transform: capitalize;
}
.footer_menu_area {
	padding:0 40px;
}

.help_support {
	margin:10px 0 30px;
}

.help_support h2 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 15px;
	text-transform: uppercase;
}

ul.footer_menu {
	list-style:outside none none;
	margin:0;
	padding:0;
}

footer.footer div.feature_text h4 {
	background:none!important;
}
.help_support ul.footer_menu li::before {
	background: #fff none repeat scroll 0 0;
	border-radius: 50px;
	content: "";
	height: 3px;
	left: -7px;
	position: absolute;
	top: 14px;
	width: 3px;
}

.help_support ul.footer_menu li {
	color: #d5d8dc;
	margin-left: 8px;
	padding: 5px;
	position: relative;
}

.help_support ul.footer_menu li a,
div.feature_text h4 a {
	color:#FFF;
	text-decoration:none;
}

.help_border::before {
	background: #747579 none repeat scroll 0 0;
	content: "";
	height: 175px;
	left: -35px;
	position: absolute;
	top: 0;
	width: 1px;
}

.main_list_item {
	margin-bottom:25px;
} 
.main_list_item p.img {
	background-color:#cccccc;
	text-align:center;
}
/*画像をレスポンシブ化すると左寄せになるので中央寄せのためのプロパティ*/
img.img-responsive-center {
	margin:0 auto;
}

/*list.html内で表示されるアイテムカラムの高さを揃えるためのプロパティ*/
.row-eq-height {
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.whatis { 
	background-image: url("../img/icon_question.png");
	background-repeat: no-repeat;
	padding-left:15px;
}
/*パスワード変更*/
.inputPassword {
	max-width:200px;
}

/*ログインページ*/
#loginBox #snsLogin,#loginBoxConfirm #snsLogin {
	border-right: 1px solid #dfdfdf;padding-left: 0px;
}
	@media only screen and (max-width:770px){
		#loginBox #snsLogin,#loginBoxConfirm #snsLogin {
			border-right: none;
			border-top:1px solid #dfdfdf;
			margin-top:20px;
			padding-left:15px;
			padding-top:15px;
		}
		.loginBox2 {
			padding-left:15px;
		}
		#loginBox {
		display: flex;
		flex-direction: column;
		}
		#loginBox .loginBox2 {
		   order: -1;
		}

		#loginBoxConfirm {
		display: flex;
		flex-direction: column;
		}
		#loginBoxConfirm .loginBox1 {
		   order: -1;
			margin-bottom:20px;
		}
		#loginBoxConfirm .loginBox3 {
		   order: 2;
			padding-left:15px!important;
			margin-bottom:20px;
		}
		#loginBoxConfirm .loginBox2 {
		   order: 3;
		}
		#loginBoxConfirm .loginBox4 {
		   order: 4;
		}
	}

#loginBox #snsLogin a,#loginBoxConfirm #snsLogin a {
	font-size:80%;
}


	@media only screen and (max-width:770px){
		#loginAd {
			display: none;
		}
	}

	#loginBox,#loginBoxConfirm {
		border-top: 2px solid#fa9b06;
		border-bottom: 2px solid#fa9b06;
		padding:30px 15px;
	}
	#kiyakuBox {
	background-color:#fff;padding:15px;margin-bottom: 25px;
	}
	#accountCenter {
	background-color:#fff;padding:15px;margin-bottom:25px;
	}
	.pl15 {
	padding-left:15px;
	}
	.fluidPd0 {
	padding-right:0;padding-left:0;
	}
	.formErrorMsgInfo {
	margin: 0.5em 0!important;
	padding: 0 10px 5px 22px!important;
	color: #bf0000 !important;
	background-image: url("../img/mark_eks.png")!important;
	background-repeat: no-repeat!important;
	background-position:1px 0px!important;
	font-size:11px!important;
	}
	.errMsg {
	color:#bf0000 !important;
	}
	span.markNewWin a {
	background-image: url("../img/mark_t_new.png");
	background-repeat: no-repeat;
	padding-left:15px;
	background-position:1px 3px;
	}
	/*jQueryライブラリの上書き*/
	.fixed .formErrorContent {
	margin: 0.5em 0!important;
	padding: 3px 10px 5px 22px!important;
	color: #bf0000 !important;
	background-color:#fff!important!important;
	background-image: url("../img/mark_eks.png")!important;
	background-repeat: no-repeat!important;
	background-position:1px 2px!important;
	}
.fa-yahoo::before {
    background-image: url("../img/yahoologo.png")!important;
    background-position: 2px center!important;
    background-repeat: no-repeat!important;
    content: "　　" !important;
}
#tooltip li{
    display:block;
    position:relative;
}
#tooltip li > div {
    width: auto;
    min-height: 20px;
    position: absolute;
    top:-5em;
    margin-left: -25px;
    padding: 10px;
    visibility:hidden;
    opacity: 0;
    background: #ffffff;
    font-size:85%;
	z-index:100;
	left:0;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 

    -moz-box-shadow: 0 0 8px gray;
    -webkit-box-shadow: 0 0 8px gray;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3);
    box-shadow: 0 0 8px gray;
    
  　-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#tooltip li > div:after {
    content:"\25B8";
    display:block;
    font-size:2em;
    height:0;
    line-height:0;
    position:absolute;
    color:#fff;
    bottom:-3px;
    left:1px;
    text-align:center;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    width:100%;
    text-shadow: 3px 0 2px #ccc;
}
#tooltip li:hover > div {
    visibility:visible;
    opacity: 1;
    top:-12.5em;

    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
@media only screen and (max-width:770px){
	#tooltip {
		display:none;
	}

}

/*margin padding*/
.mb0 {margin-bottom:0px;}
.mb5 {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;}

.mt5 {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;}

.pl0 {padding-left:0px;}
.pl5 {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;}

.pr0 {padding-right:0px;}
.pr5 {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;}