@charset "utf-8";

/*-----------------------------------------------
Site Style
-----------------------------------------------*/
body{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #777;
	background: #fff0f1;
	background: url(../img/bg.png);
}

/*ヘッダー背景用*/
.outer{
	background: url(../img/outer_top_bg.jpg) top left no-repeat;
	background-size: contain;
}

/*登録ボタンボックス*/
.to_regbtn_box{
	margin: 40px auto;
	width: 960px;
	height: 280px;
	background: url(../img/to_regbtn_box_bg.png);
	position: relative;
}

.btn_reg{
	position: absolute;
	margin: 0 auto;
	width: 700px;
	top: 117px;
	right: 0;
	bottom: 0;
	left: 0;
}

/*h2見出し*/
.h2_ttl{
	margin: 0 auto -40px;
	width: 960px;
	height: 160px;
	line-height: 160px;
	color:#f38361;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	background: url(../img/h2_ttl_bg.png);
	text-shadow: 0 0 16px #fff;
	position: relative;
}

/*汎用ボックス*/
.box{
	padding: 40px 5px 5px 5px;
	background: url(../img/bg_paper.png);
	border: 1px solid #fbdb83;
	box-shadow: 0 0 8px #909090;
}

input[type="submit"]{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/*-----------------------------------------------
ヘッダー
-----------------------------------------------*/
header{}

.logo_box{
	margin: 0 auto;
	height: 180px;
	position: relative;
}

.logo a{
	display: block;
	position: absolute;
	margin: 0 auto;
	top: 15px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 720px;
	height: 180px;
	background: url(../img/logo.png);
	overflow: hidden;
}

.logo a:hover{
	background-position: 0 180px;
}

/*-----------------------------------------------
フッター
-----------------------------------------------*/
footer{
	background: #c39f84;
	background: rgba(195, 159, 132, .75);
}

/*フッターメニュー*/
ul.foot_menu{
	letter-spacing: -.4em;
	padding: 20px 0;
}

ul.foot_menu li{
	display: inline-block;
	letter-spacing: normal;
	width: 235px;
	padding: 10px 0;
	text-align: center;
}

ul.foot_menu li:first-child{
	border: none;
}

ul.foot_menu li a{
	font-size: .8rem;
	color: #fff;
}

ul.foot_menu li a:hover{
	border-bottom: 1px dotted #fff;
}

/*コピーライト*/
.copy{
	padding: 20px 0;
	color: #fff;
	text-align: center;
}

/*-----------------------------------------------
新規登録
-----------------------------------------------*/
.form_box{
	margin: 0 auto;
	padding: 25px 0;
}

/*セレクトボックス*/
.form_box ul li select{
	padding: 8px;
	border-radius: 3px;
}

/*ニックネーム*/
.form_box ul li input[type="text"]{
	display: block;
	margin-bottom: 5px;
	padding: 8px;
	width: 100%;
	font-size: 16px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	border-radius: 3px;
}

/*各種入力項目タイトル*/
.form_box ul li.ttl{
	margin:10px 0;
	padding:5px 0;
	font-size:1.2rem;
	color: #525252
}

.form_box ul li.ttl:before{
	display: inline-block;
	margin-right: 5px;
	content: '\f138';
	font-family: fontawesome;
}

/*エラー時の文言*/
.form_box ul li.ttl span.error{
	display: inline-block;
	margin-left: 5px;
	color: #f00;
	font-size:.80rem;
}

/*生年月日*/
.form_box ul li select.year{
	width: 32.1%;
}

.form_box ul li select.month{
	width: 32.6%;
}

.form_box ul li select.day{
	width: 30%;
}

/*性別・血液型・婚姻暦ラジオボタン 不可視化*/
.form_box ul li input[type="radio"]{
	display: none;
}

/*ボタン化したlabelの装飾*/
.form_box ul li label.btn_radio{
	display: block;
	float: left;
	margin: 0;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	background: #f1f1f1;
	border: 1px solid #ccc;
}

/*ボタン化したlabel 最初のボタン*/
.form_box ul li label.btn_first{
	border-right: none;
	border-radius: 3px 0 0 3px;
}

/*ボタン化したlabel 2つ目のボタン*/
.form_box ul li label.btn_second{
	border-right: none;
	border-radius: 0 0 0 0;
}

/*ボタン化したlabel 3つ目のボタン*/
.form_box ul li label.btn_third{
	border-right: none;
	border-radius: 0 0 0 0;
}

/*ボタン化したlabel 最後のボタン*/
.form_box ul li label.btn_last{
	border-radius: 0 3px 3px 0;
}

/*性別ボタン*/
.form_box ul li label.btn_w50{
	width: 50%;
}

/*血液型ボタン*/
.form_box ul li label.btn_w25{
	width: 25%;
}

/*婚姻暦ボタン*/
.form_box ul li label.btn_w33{
	width: 33.333%;
}

/*男性選択時*/
.form_box ul li input[type="radio"].sex:checked + .on{
	background-color: #4b97b9;
	color: #fff;
}

/*女性選択時*/
.form_box ul li input[type="radio"].sex:checked + .off{
	background-color: #ef5b8e;
	color: #fff;
}

/*血液型選択時*/
.form_box ul li input[type="radio"].blood:checked + .on{
	background-color: #f24a4a;
	color: #fff;
}

/*婚姻暦選択時*/
.form_box ul li input[type="radio"].marriage:checked + .on{
	background-color: #a66bcb;
	color: #fff;
}

/*メアド*/
.form_box ul li input[type="email"]{
	float: left;
	display: block;
	margin-bottom: 5px;
	padding: 8px;
	width: 46.8%;
	font-size: 16px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	border-radius: 3px;
}

/*メアドドメイン部分*/
.form_box ul li select.domain{
	width: 50%;
}

.form_box .btn{
	margin: 20px auto;
	width: 60%;
	color:#fff;
	font-size: 1.2rem;
	font-weight: bold;
	background: #e52525;
	border: 1px solid #e50000;
	box-shadow: 0 1px 4px #3e3e3e;
}

.form_box .btn:hover{
	box-shadow:none;
}

.btn_reg_submit{
	display: block;
	margin: 24px auto 0;
	width: 560px;
	height: 96px;
	background: url(../img/btn_reg_submit.gif);
}



/*プライバシーポリシー＆利用規約リンク*/
.links{
	margin: 24px auto;

}

.links p{
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.5;
}

.links p a{
	color:#b50404;
	text-decoration: underline;
}

/*ドメイン指定受信*/
.domain_msg{
	margin: 0 auto;
}

.domain_msg p{
	margin-bottom: 20px;
	text-align: center;
}

.domain_msg ul li a{
	display: block;
	margin: 0 1% 20px;
	padding: 10px 0;
	float:left;
	width: 31%;
	text-align: center;
	color: #ad7253;
	background: #ffc4a5;
	border: 1px solid #ad7253;
	box-shadow: 0 0 4px #888;
	border-radius: 4px;
}

.domain_msg ul li a:hover{
	box-shadow: none;
}

/*登録画面のヘッダー（おみくじ結果）*/
.reg_header{
	height: 420px;
}

/*おみくじ結果*/
.omkj_result{
	margin-left: 60px;
	padding: 10px 0;
	width: 30%;
}

/*回転エフェクト*/
.ef01{
	animation: rotate 2s;
	animation-iteration-count: 1;
/* webkit用animation */
-webkit-animation: rotate 2s;
-webkit-animation-iteration-count: 1;
}

@keyframes rotate {
	0% { transform: rotateY(0deg); }
	100% { transform: rotateY(360deg); }
}
@-webkit-keyframes rotate {
	/* webkit用keyframes */
	0% { -webkit-transform: rotateY(0deg); }
	100% { -webkit-transform: rotateY(360deg); }
}

.reg_page .box{
	padding:5px;
}

/*-----------------------------------------------
新規登録(確認)
-----------------------------------------------*/
.reg_conf_box div{
	margin-bottom: 40px;
}

.reg_conf_box p{
	float: left;
	width: 50%;
	padding: 5px 0;
}

.reg_conf_box ul li .btn{
	margin: 0 2%;
	float: left;
	width: 46%;
}

/*修正するボタン*/
.reg_conf_box ul li:nth-child(1) .btn{
	background: #464695;
	border: 1px solid #1a1a7c;
}

/*-----------------------------------------------
新規登録(完了)
-----------------------------------------------*/
.reg_conp_box{
	margin: 0 auto;
	padding: 40px 0 0 0;
	height: 500px;
}

.reg_conp_box h3{
	margin: 40px auto;
	padding-bottom: 5px;
	font-size: 1.5rem;
	text-align: center;
	color:#c9512c;
	border-bottom: 1px solid #f8a990;
}

.reg_conp_box p{
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.75rem;
}

/*-----------------------------------------------
会員ログイン
-----------------------------------------------*/
.login_form_box{
	margin: 0 auto;
}

.login_form_box ul li input[type="email"]{
	float:none;
	width:100%;
}

.login_form_box ul li input[type="password"]{
	width:100%;
	padding: 8px;
	border-radius: 3px;
}

/*ログインボタン*/
.login_form_box .btn{
	margin: 20px auto;
	width: 280px;
	height: 40px;
	background: #3fb4a1;
	border: 1px solid #199883;
	box-shadow: 0 1px 4px #3e3e3e;
}

ul.social li{
	margin: 20px auto;
	width: 280px;
	height: 40px;
}

ul.social li a{
	display: block;
	width: 280px;
	height: 38px;
	line-height: 39px;
	text-align: center;
	box-shadow: 0 1px 4px #3e3e3e;
	border-radius: 6px;
}

ul.social li a:hover{
	box-shadow: none;
}

/*Yahoo*/
ul.social li.ya a{
	margin-right: 25px;
	background: #f03;
}

/*Facebook*/
ul.social li.fb a{
	padding-left: 20px;
	color: #fff;
	font-weight: bold;
	background: #3b5998;
	border-radius: 6px;
	position: relative;
}

ul.social li.fb a:before{
	display: block;
	position: absolute;
	top: 0;
	left: 12px;
	font-family: FontAwesome;
	content: "\f082";
	font-weight: normal;
	color: #fff;
	font-size: 24px;
}

/*パスワード再発行*/
.pass_reissue{
	text-align: center;
}

.pass_reissue a{
	color:#777;
}

.pass_reissue a:hover{
	border-bottom: 1px dotted #777;
}

/*-----------------------------------------------
トップページ
-----------------------------------------------*/
.inner{
	padding-bottom: 20px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(102,26,224,0.2) 25%, rgba(232,74,75,0.2) 50%, rgba(46,234,244,0.2) 75%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(102,26,224,0.2) 25%,rgba(232,74,75,0.2) 50%,rgba(46,234,244,0.2) 75%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(102,26,224,0.2) 25%,rgba(232,74,75,0.2) 50%,rgba(46,234,244,0.2) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


/*トップページ用ヘッダーロゴ*/
.top_page .logo_box{
	height: 320px;
	background: url(../img/logo_box_bg.png);
	position: relative;
}

.top_page .logo a{
	top: 64px;
}

/*トップページ用h2見出し*/
.top_page .h2_ttl{
	margin: 0 auto;
	background: none;
}

/*トップページ　おみくじ用h2見出し*/
.top_page h2#omkj{
	margin: 0 auto;
	width: 1180px;
	height: 160px;
	line-height: 160px;
}

/*トップページのおみくじ*/
.omkj_wrap{
	margin-top: -40px;
	height: 600px;
	background:url(../img/omkj_wrap_bg.png) center center no-repeat;
	background-size: 100% 600px;
}

/*キラキラGIF*/
.kira{
	position: absolute;
	z-index: 999;
}

.kira01{
	top:680px;
	left:32%;
}

.kira02{
	width:60px;
	top:940px;
	right:34%;
}

/*おみくじ箱*/
a.omkj{
	display: block;
	margin: -24px auto 0;
	width: 30%;
}

/*あなたは今何にお悩みですか？*/
.about_wrap{
	height: 700px;
	background:url(../img/about_wrap_bg.png) center center no-repeat;
	background-size: cover;
}

.about_box{
	margin: 0 auto;
	height: 540px;
	text-align: center;
	background: url(../img/about_box_bg.png) no-repeat;
	background-position: 0 120px;
}

.about_box p{
	width: 940px;
	height: 300px;
	background: url(../img/about_txt.png);
}

/*会員様の体験談*/
.exp_wrap{
	background:url(../img/exp_wrap_bg.png) center center no-repeat;
	background-size: cover;
}

.exp_box{
	min-height: 540px;
	margin: 0 auto;
	text-align: center;
}

.exp_box p{
	margin: 0 auto;
	width: 820px;
	height: 180px;
}

.exp_box p.exp01{
	background: url(../img/exp01.png);
}

.exp_box p.exp02{
	margin: 20px auto;
	background: url(../img/exp02.png);
}

.exp_box p.exp03{
	background: url(../img/exp03.png);
}

/*-----------------------------------------------
鑑定師紹介
-----------------------------------------------*/
/*各鑑定師*/
.augur_box{
	margin-bottom: 20px;
	position: relative;
}

/*鑑定依頼ボタン*/
.augur_box a{
	position: absolute;
	bottom: 40px;
	right: 50px;
	display: block;
	width: 240px;
	height: 40px;
	background: url(../img/btn_reg03.png);
}

.augur_box a:hover{
	background-position: 0 -40px;
}

/*-------------------------------------------------------------
特商法
-------------------------------------------------------------*/
.management_box{
	margin:0 auto 40px;
}

.management h3{
	font-size:20px;
	line-height:20px;
	font-weight:bold;
}

.management_box p{
	padding:20px;
}