・* ***************************************************
	import file
************************************************** */
/* **************************************************
	sass mixin
************************************************** */
/* **************************************************
	sass mixin
************************************************** */
/* **************************************************
	layout
************************************************** */

.html { height: 100%; }

.body { position: relative; width: 100%; height: 100%; margin: 0; text-align: center; color: #393939; overflow-x: inherit; background-image: url("../image/header_bg.png"); background-repeat: repeat-x; background-position: 0 160px; vertical-align: center; }

.body2 { position: relative; width: 100%; height: 100%; margin: 0; text-align: center; color: #393939; overflow-x: inherit; background-image: url("../image/header_bg.png"); background-repeat: repeat-x; background-position: 0 190px; vertical-align: center; }

.layout { position: relative; min-width: 700px; overflow-x:hidden;text-align: center; height: auto !important; height: 100%; z-index: 0; }

.upper { position: relative; padding-bottom: 16.9em; float: none; text-align: left; }

.lower { position: absolute; left: 0; bottom: 0px; width: 100%; height: 16.9em; text-align: left; z-index: 999; background-color: #292929; background-image: -moz-linear-gradient(top, #393939, #1e1e1e); background-image: -ms-linear-gradient(top, #393939, #1e1e1e); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#393939), to(#1e1e1e)); background-image: -webkit-linear-gradient(top, #393939, #1e1e1e); background-image: -o-linear-gradient(top, #393939, #1e1e1e); background: url("../image/bg-footer_main.png") repeat-x; }

/*************************************************
	共通レイアウト
**************************************************/
.main-wrap { padding: 20px 40px 40px; }

.h1 { height: 70px; background: url("../image/bg-h1_2.gif") no-repeat; margin-left: 20px; }

.h1.price { background-position: 0 0; }

.h1.scryway { background-position: 0 -100px; }

.h1.schedule { background-position: 0 -200px; }

.h1.kensaku { background-position: 0 -300px; }

.h1.first { background-position: 0 -400px; }

.h1.voice { background-position: 0 -1800px; }

.h1.pc-register { background-position: 0 -1100px; }

.h1.mobile-register { background-position: 0 -1200px; }

.h1.company { background-position: 0 -500px; }

.h1.agreement { background-position: 0 -600px; }

.h1.privacy { background-position: 0 -700px; }

.h1.notation { background-position: 0 -800px; }

.h1.sitemap { background-position: 0 -1000px; }

.h1.tel-method { background-position: 0 -1300px; }

.h1.mail-method { background-position: 0 -1400px; }

.h1.point { background-position: 0 -1500px; }

.h1.reservation { background-position: 0 -1600px; }

.h1.faq { background-position: 0 -1700px; }

.h1.regist { background-position: 0 -1900px; }

.h1.showmaster { background-position: 0 -2000px; }

.h1.contact{background-position: 0 -2300px}

.h1.review-list { background-position: 0 -3000px; }

.h1.interview { background-position: 0 -3400px; }

.h1.kojin { background-position: 0 -3670px; }

.h1.concept { background-position: 0 -3800px; }
/*
.h1.待機スケジュール{background-position: 0 -200px;}
*/

.h2 { background-color:#5d4297; line-height: 2em; margin: 30px 0; padding-left:10px;  border-left: 5px solid #5d4297; color: #ffffff; border-bottom: 1px solid #ccc; }

.textred { color: #ff0000; font-size: 12px; }

.br2em { margin-bottom: 2em; }

.br1em { margin-bottom: 1em; }

dd { margin: 0; font-size: 16px; line-height: 1.7em; }

.p { font-size: 16px; line-height: 1.7em; }

ul { margin: 0; }

.register-banner, .register-banner:hover { display: block; width: 470px; height: 70px; margin: 20px auto; background: url("../image/shinki_banner.png") no-repeat; }

.register-banner:hover { background-position: 0 -90px; }
/* **************************************************
	header
************************************************** */
.header.container { height: 130px; position: relative; }

.header-h3 { position: absolute; top: 5px; width: 200px; height: 95px; }

.header-h4 { position: relative; top: 5px; left: 180px; }

.header-h1 { position: absolute; top: 3px; width: 170px; height: 110px; background: url("../image/logo2.png"); }

.header-h2 { font-size: 12px; font-weight: normal; text-align: center; }

.header-nav { position: relative; }

.header-ul { position: absolute; right: 0; }

.header-address-ul { width: 400px; height: 60px; background: url("../image/tel.gif") no-repeat; position: absolute; top: 30px; right: 0; }

.header-li, .header-address-li { float: left; }

/*
.header-address-li{
	font-size:25px;
	font-family: 'Vidaloka', "Times New Roman", 'ヒラギノ明朝 Pro W3', 'HiraMinProN-W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}
*/
/*
.header-address-li.tel{
	font-size: 40px;
	color: #4D4D4D;
}
.header-address-li.open{
	font-size:15px;
	padding: 8px 5px 0 0;
	color: #4D4D4D;
}
*/

.header-li { margin-left: 20px; }

.header-a { color: #5d4297; }
/* **************************************************
	global nav
************************************************** */
.global-ul { height: 70px; text-align: center; vertical-align: bottom; }

.global-li { display: inline-block; *display: inline; *zoom: 1; width: 14.2857143%; height: 70px; overflow: hidden; }

/*.global-a { display: block; width: 120px; overflow: hidden; margin: 0 auto; }*/
.global-a {
  display: block;
  width: 120px;
  height: 56px;
  overflow: hidden;
  margin: 0 auto;
  background-image: url(../image/gnav-splite2.png);
  background-repeat: no-repeat;
  text-indent: -9999px; }

.global-a.global-a01 {
  background-position: 0px 0; }

.global-a.global-a02 {
  background-position: -120px 0; }

.global-a.global-a03 {
  background-position: -240px 0; }

.global-a.global-a04 {
  background-position: -360px 0; }

.global-a.global-a05 {
  background-position: -480px 0; }

.global-a.global-a06 {
  background-position: -600px 0; }

.global-a.global-a07 {
  background-position: -720px 0; }

.global-a.global-a01:hover, .global-a01.active{
  background-position: 0px -56px; }

.global-a.global-a02:hover, .global-a02.active {
  background-position: -120px -56px; }

.global-a.global-a03:hover, .global-a03.active {
  background-position: -240px -56px; }

.global-a.global-a04:hover, .global-a04.active {
  background-position: -360px -56px; }

.global-a.global-a05:hover, .global-a05.active {
  background-position: -480px -56px; }

.global-a.global-a06:hover, .global-a06.active {
  background-position: -600px -56px; }

.global-a.global-a07:hover, .global-a07.active {
  background-position: -720px -56px; }



/* **************************************************
	content
************************************************** */

.main { width: 100%; float: left; }

.content { margin-left: 200px; }

.teller-li { display: inline-block; *display: inline; *zoom: 1; }

/* **************************************************
	side
************************************************** */
form { margin: 0 0 10px; }

.side { width: 180px; float: left; margin-left: -100%; padding: 5px 5px 20px; }

.side-register-wrap { border-radius: 5px; border: 2px solid #fff; padding:10px 0 0; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); background: #EEE; margin-bottom:10px;}

.side-register { display: block; width: 180px; height: 70px; background: url("../image/bg-top.png") no-repeat; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -moz-box-shadow: white 0 1px 0; -webkit-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0; }

.side-register:hover { background: url("../image/bg-top.png") no-repeat 0 -75px; }

/*.side-login { display: block; width: 180px; height: 45px; background: url("../image/bg-top.png") no-repeat 0 -150px; }*/

/*.side-login:hover { background: url("../image/bg-top.png") no-repeat 0 -205px; }*/

#login_name, #login_passwords { width: 11em; height: 1.2em; margin-bottom: 0; -moz-box-shadow: inset rgba(0, 0, 0, 0.3) 1px 1px 3px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 1px 1px 3px; box-shadow: inset rgba(0, 0, 0, 0.3) 1px 1px 3px; }

#login_name.active, #login_passwords.active { background: #ffffc8; border: 2px solid #A35297; }

.side dl { padding: 10px 0 0 5px; margin: 0 0 0 0; }

.side dt > label { font-size: 16px; margin-bottom: 0; }

.side dd { margin-left: 0; }

.side label { font-size: 12px; }

#login_save { margin-top: 0; margin: 0 5px; }

.voice-banner { display: block; width: 180px; height: 50px; background: url("../image/banner-voice.gif"); margin-bottom: 20px; }
.voice-banner:hover {background-position: 0 -60px;}

/* **************************************************
	footer
************************************************** */

.footer { margin-top: 10px; color:#ab5c9f; font-size:16px; }

.category01, .category02, .category03, .category04 { width: 160px; height: 14px; background: url("../image/bg-footer.png") no-repeat; }

.category01 { background-position: 0 0; }

.category02 { background-position: 0 -30px; }

.category03 { background-position: 0 -60px; }

.category04 { background-position: 0 -90px; }

.footer-li { position: relative; }

.footer-nav li > a { font-size: 16px; color: #fff; }

.footer-nav li > a:before { content: ''; position: absolute; width: 12px; height: 12px; top: 5px; left: -10px; background: url("../image/bg-top.png") no-repeat 0 -260px; }

.footer-ul { width: 235px; float: left; }

.footer-p { font-size: 16px; color: #fff; position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center; background: #000; line-height:32px;}

/* **************************************************

	index.php

************************************************** */
.content.index { padding: 0 20px; }

.teller-h2 { height: 30px; position: relative; background: url("../image/scryway/bg-dt.gif") repeat-x; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 10px; }

/* **************************************************

	price.php

************************************************** */

p { margin: 0; }

.price p { line-height: 1.8em; font-size: 16px; padding: 0 10px; }

.imgcenter { display: block; margin: 0 auto; padding-bottom: 30px; }

.tabbable.price { padding-top: 40px; }

.nav-tabs.price { position: relative; z-index: 100; margin-bottom: 0; border-bottom-color: transparent; margin-left: 5px; }

.nav-tabs.price > li { font-weight: bold; }

.nav-tabs.price > li > a { width: 85px; height: 30px; background: #ddd; text-align: center; }

.nav-tabs.price > .active > a, .nav-tabs > .active > a:hover { color: #555; cursor: default; background-color: white; border: 1px solid #ccc; border-bottom-color: transparent; text-align: center; }

.tab-content.price { position: relative; top: -1px; left: 0; border-style: solid; border-width: 1px; border-color: #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.tab-pane { padding: 20px; }

.price.navtab-li-01, .price.navtab-li-02, .price.navtab-li-03, .price.navtab-li-04, .price.navtab-li-05, .price.navtab-li-06, .price.navtab-li-07 { height: 30px; background: url("../image/price/bg-price.png") no-repeat; }

.price.navtab-li-01 { background-position: 0 0; }

.price.navtab-li-02 { background-position: 0 -40px; }

.price.navtab-li-03 { background-position: 0 -80px; }

.price.navtab-li-04 { background-position: 0 -120px; }

.price.navtab-li-05 { background-position: 0 -160px; }

.price.navtab-li-06 { background-position: 0 -200px; }

.price.navtab-li-07 { background-position: 0 -240px; }

#tab1 .bank-dl { margin-top: 30px; border-right: 2px dotted #E4CBE0; }

#tab1 .mitsui { border-right: none; }

#tab1 .bank-dt { width: 140px; height: 130px; margin: 0 auto; margin-bottom: 20px; background: url("../image/price/bank.gif") no-repeat; }

#tab1 .ufj > .bank-dt { background-position: 0 0; }

#tab1 .yucho > .bank-dt { background-position: 0 -160px; }

#tab1 .rakuten > .bank-dt { background-position: 0 -320px; }

#tab1 .mitsui > .bank-dt { background-position: 0 -480px; }

#tab1 dt { margin-bottom: 10px; }

#tab1 .bank-dt01, #tab1 .bank-dt02 { width: 160px; height: 30px; background: url("../image/price/bg-dt.gif") no-repeat; }

#tab1 .bank-dt01 { background-position: 0 -180px; }

#tab1 .bank-dt02 { background-position: 0 -240px; }

.bank-dl > dd { line-height: 2em; }

#tab2 .step { margin-top: 30px; }

#tab2 .credit-dt01, #tab2 .credit-dt02 { width: 160px; height: 30px; background: url("../image/price/bg-dt.gif") no-repeat; }

#tab2 .credit-dt01 { background-position: 0 0; }

#tab2 .credit-dt02 { background-position: 0 -60px; }

/*
#tab2 step{
	background:#ccc;
	@mixin border-radius:(10px;)}
*/

.step > li { height: 120px; padding: 10px; border: solid 2px #E4CBE0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.price.ul > li { display: inline-block; float: left; font-size: 10px; }

#tab3 dl { margin-top: 50px; }

#tab3 .conveni-dt { width: 160px; height: 30px; background: url("../image/price/bg-dt.gif") no-repeat 0 -120px; }

.conveni-ul { padding: 20px 0; }

.conveni-li { position: relative; text-indent: 5em; line-height: 3em; }

.conveni-li:before { content: ''; width: 50px; height: 40px; position: absolute; top: 0; left: 0; background-image: url("https://shujecy.me/asset/image/icon_conv.gif"); background-repeat: no-repeat; }

.conveni-li.c01:before { background-position: 0 0; }

.conveni-li.c02:before { background-position: 0 -40px; }

.conveni-li.c03:before { background-position: 0 -80px; }

.conveni-li.c04:before { background-position: 0 -120px; }

.conveni-li.c05:before { background-position: 0 -160px; }

.conveni-li.c06:before { background-position: 0 -200px; }

.conveni-li.c07:before { background-position: 0 -240px; }

.conveni-li.c08:before { background-position: 0 -280px; }

.conveni-li.c09:before { background-position: 0 -320px; }

.conveni-li > a { font-size: 12px; color: #444; }

#tab4 div { display: block; padding-top: 30px; }

/* **************************************************

	scryway.php

************************************************** */

.scry-category { margin-bottom: 100px; }

.scry-category li { width: 210px; height: 50px; margin: 5px; background-color: #ffeefc; background-image: -moz-linear-gradient(top, #ffeefc, #dbc8d8); background-image: -ms-linear-gradient(top, #ffeefc, #dbc8d8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffeefc), to(#dbc8d8)); background-image: -webkit-linear-gradient(top, #ffeefc, #dbc8d8); background-image: -o-linear-gradient(top, #ffeefc, #dbc8d8); background-image: linear-gradient(top, #ffeefc, #dbc8d8); }

.scry-category li:hover { background: #f4c3ff; }

.scry-category li > a { display: block; width: 210px; height: 50px; }

.a01, .a02, .a03, .a04, .a05, .a06, .a07, .a08, .a09, .a10, .a11, .a12 { display: block; width: 235px; height: 45px; margin: 8px 0 0 20px; background: url("../image/scryway/bg-scryway.png") no-repeat; }

.a01 { background-position: -50px -45px; }

.a02 { background-position: -50px -90px; }

.a03 { background-position: -50px -135px; }

.a04 { background-position: -50px -180px; }

.a05 { background-position: -50px -225px; }

.a06 { background-position: -50px -270px; }

.a07 { background-position: -50px -315px; }

.a08 { background-position: -50px -540px; }

.a09 { background-position: -50px -405px; }

.a10 { background-position: -50px -450px; }

.a11 { background-position: -50px -495px; }

.a12 { background-position: -50px -360px; }

.dt01 > p, .dt02 > p, .dt03 > p, .dt04 > p, .dt05 > p, .dt06 > p, .dt07 > p, .dt08 > p, .dt09 > p, .dt10 > p, .dt11 > p, .dt12 > p { content: ''; width: 300px; height: 30px; position: absolute; top: 0; left: 0; background-image: url("../image/scryway/bg-scryway.png"); background-position: 0 0; }

.dt01 > p { background-position: 0 -45px; }

.dt02 > p { background-position: 0 -90px; }

.dt03 > p { background-position: 0 -135px; }

.dt04 > p { background-position: 0 -180px; }

.dt05 > p { background-position: 0 -225px; }

.dt06 > p { background-position: 0 -270px; }

.dt07 > p { background-position: 0 -315px; }

.dt08 > p { background-position: 0 -540px; }

.dt09 > p { background-position: 0 -405px; }

.dt10 > p { background-position: 0 -450px; }

.dt11 > p { background-position: 0 -495px; }

.dt12 > p { background-position: 0 -360px; }

.dt01, .dt02, .dt03, .dt04, .dt05, .dt06, .dt07, .dt08, .dt09, .dt10, .dt11, .dt12 { height: 35px; position: relative; background: url("../image/scryway/bg-dt.gif") repeat-x; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.dl-wrap.scry dl { padding-bottom: 30px; }

.dl-wrap.scry dt { position: relative; margin-bottom: 20px; }

.dl-wrap.scry dt:before { content: ''; width: 20px; height: 35px; position: absolute; top: 0; left: 10px; background: url("../image/scryway/bg-scryway.png") -300px -180px; z-index: 888; }

/*.scry-category .btn:before { content: ''; width: 18px; height: 30px; position: absolute; top: 0; left: 10px; background: url("../image/scryway/bg-scryway.png") no-repeat -300px -180px; }*/

.dt11 > p { background-position: 0 -495px; }

.dl-wrap.scry dd { font-size: 16px; line-height: 1.7em; padding: 0 20px; }

.best-fortune-teller > div { width: 530px; height: 110px; background:pink;/*background: url("../image/scryway/bg-scryway.png") no-repeat -300px -40px;*/ position: relative; margin-left: auto; margin-top: 20px;  }

/*
.best-fortune-teller p{
	width:200px;
	position: absolute;
	right:10px;
	top: 5px;
}
*/

.best-fortune-teller ul { position: absolute; bottom: 15px; left: 50px; margin: 0 auto; }

.best-fortune-teller li { margin: 5px; display: block; /**display: inline; *zoom: 1;*/ }

.mastorImg { width: 80px; height: 80px; }

.best-teller-dd{
  width: 100%;
  min-height: 170px;
  position: relative;
}
.best-teller-div{
  width: 440px;
  padding: 35px 0px 10px 20px;
  position: absolute;
  right: 40px;
  bottom:0;
  background: #fff7dc url('../image/scryway/osusume-ura.png') no-repeat top center;
  -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
}
.best-teller-div>a{
  display: block;
  float: left;
  margin:0 2px;
  color: #9B3590;
}
.best-teller-div>a>img{
  width: 80px;
  height: 80px;
  border:1px solid #ccc;
  padding: 1px;
  background: #fff;
  box-sizing: border-box;
}
.best-teller-name{
  width: 80px;
  text-align: center;
}

/* **************************************************

	first.php

************************************************** */
.first.main-wrap p { line-height: 2em; }

.first-nav-ul { margin-bottom: 60px; }

.first-nav-01, .first-nav-02, .first-nav-03, .first-nav-04, .first-nav-05 { width: 250px; height: 20px; margin: 10px; background: url("../image/first/bg-first.png") no-repeat; }

.first-nav-01 { background-position: 0 0; }

.first-nav-02 { background-position: 0 -30px; }

.first-nav-03 { background-position: 0 -60px; }

.first-nav-04 { background-position: 0 -90px; }

.first-nav-05 { background-position: 0 -120px; }

.first-nav-01:hover, .first-nav-02:hover, .first-nav-03:hover, .first-nav-04:hover { width: 250px; height: 20px; margin: 10px; background: url("../image/first/bg-first.png") no-repeat; }

.first-nav-01:hover { background-position: -250px 0; }

.first-nav-02:hover { background-position: -250px -30px; }

.first-nav-03:hover { background-position: -250px -60px; }

.first-nav-04:hover { background-position: -250px -90px; }

.first-nav-05:hover { background-position: -250px -120px; }

.first-nav-01 a, .first-nav-02 a, .first-nav-03 a, .first-nav-04 a, .first-nav-05 a { display: block; width: 300px; height: 20px; }

.first-nav-ul > li > a { display: block; width: 250px; height: 20px; }

/****************************** slide-theater / スライドシアター *************/

.slide-theater { height: 500px; }

.slide-theater-ul { position: relative; }

.slide-theater-li { position: absolute; top: 0; left: 0; }

/*
.slide-theater-li.num1{z-index:1;}
.slide-theater-li.num2{z-index:2;}
.slide-theater-li.num3{z-index:3;}
.slide-theater-li.num4{z-index:4;}
*/
/****************************** 左右のボタン *************/
.slide-theater-btn-ul { width: 100%; height: 100%; position: relative; z-index: 6; }

.slide-theater-btn-li { width: 50%; height: 100%; position: absolute; }

.slide-theater-btn-li.right { right: 0; }

.slide-theater-btn-li.left { left: 0; }

/****************************** section１ / 電話占いとは *************/
.section1-p { padding: 0 20px 20px; }

.section1-left > div { height: 426px; margin-top: 70px; background: url("../image/first/telgirl.png") no-repeat; }

.section1-right dt { height: 30px; line-height: 30px; background: url("../image/scryway/bg-dt.gif") repeat-x; border: 1px solid #a995b1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 30px 0 10px; text-indent: 2em; }

.section1-right dt > span { display: block; position: relative; color: #5d4297; }

.section1-right dt > span:before { content: ''; width: 13px; height: 13px; background: url("../image/bg-kyotsu.png") -20px 0; position: absolute; top: 8px; left: 5px; }

.section1-right dd { line-height: 2em; padding: 0 10px; }

/****************************** section２ / ヴェルニについて *************/
.section02.first > div { padding: 20px; }

.paragraph1, .paragraph2, .paragraph3 { min-height: 150px; margin-bottom: 30px; }

.paragraph1 { position: relative; margin-left: 200px; }

.paragraph1:before { content: ''; width: 200px; height: 150px; position: absolute; top: 0; left: -200px; background: url("../image/first/aboutvernis2.gif") no-repeat 0 0; }

.paragraph2 { position: relative; margin-right: 200px; }

.paragraph2:after { content: ''; width: 200px; height: 150px; position: absolute; top: 0; right: -200px; background: url("../image/first/aboutvernis2.gif") no-repeat 0 -170px; }

.paragraph3 { position: relative; margin-left: 200px; }

.paragraph3:before { content: ''; width: 200px; height: 150px; position: absolute; top: 0; left: -200px; background: url("../image/first/aboutvernis2.gif") no-repeat 0 -340px; }

/****************************** section４ / 各種システム *************/

.section04.first > dl { padding: 0 20px; margin-bottom: 40px; }

.section04.first > dl > dt { line-height: 1.5em; text-indent: 5px; border-left: 3px solid purple; margin-bottom: 5px; border-bottom: 1px dotted #ccc; }

.section04.first > dl > dd { padding-left: 100px; height: 80px; background-image: url("../image/first/system-icon.gif"); background-repeat: no-repeat; }

.dd.s-mail { background-position: 0 0; }

.dd.s-search { background-position: 0 -100px; }

.dd.s-bukuma { background-position: 0 -200px; }

.dd.s-pay { background-position: 0 -300px; }

.dd.s-review { background-position: 0 -400px; }

.dd.s-quick { background-position: 0 -500px; }

.dd.s-tel { background-position: 0 -600px; }

.dd.s-pmark { background-position: 0 -700px; }

.dd.s-yakata { background-position: 0 -800px; }

.first.return-top { display: block; margin-top: 20px; font-size: 12px; text-align: right; }

/* **************************************************

	kensaku.php

************************************************** */
.main-wrap.kensaku{padding:20px 0 20px;}

.search-wrap { background: #ffffda; padding: 10px; margin: 0 20px 30px;}

.search-contents { border-bottom: 1px solid #d4d4d4; }

.search-h3 { margin-bottom: 0; font-size: 12px; }

.search-li { float: left; padding-right: 5px; font-size: 12px; font-weight: bold; position: relative;}

.search-li > label { font-size: 12px; margin-left: 10px; }

.search.btn-wrap { width: 150px; margin: 0 auto; }

.search-wrap .search-formtext { width: 150px; height:17px; margin-top: 5px; margin-left: 2em; font-size: 12px; }

.kensaku-check {/* background: url("../image/kensaku/btn-label.png") no-repeat;*/ /*text-indent: 1.2em;*/ position: relative; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; }

.kensaku-radio { /*background: url("../image/kensaku/btn-label.png") no-repeat 0 -40px;*/  position: relative; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; }

.kensaku-check.select { background-position: 0 -22px; }

.kensaku-radio.select { background-position: 0 -62px; }

.kensaku-check input, .kensaku-radio input { position: relative; top:-3px; left: 0px; }

.kensaku-text input { font-size: 12px; line-height: 1em; }

.kensaku-text { font-weight:bold; }

.search-li input.focus { border: 2px solid #A35596; box-shadow: 0; background: #f7f2f8; outline: 0; outline: thin dotted 9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 164, 240, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 164, 240, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 164, 240, 0.6); }

.kensaku-check,.kensaku-radio { display: block; width: 120px; }

.teller-ul{text-align: left; padding-left:0px;}

.uranaishi-box-wrap{text-align: left; padding-left: 20px; margin-bottom: 100px;}

.uranaishi-box { float: left; width: 170px; height: 285px; border: 1px solid #ccc; padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 5px 5px 5px 0; overflow: hidden; background: #f5f5f5; }

.uranaishi-box p { color: #444; }

.uranaishi-box:hover{ background: #fcf6d8; }

.uranaishi-name { text-align: center; color: #4b4b4b; font-weight: bold; white-space: nowrap;}
.uranaishi-top > ul{height: 2em;}

.uranaishi-top > ul > li { font-size: 10px; line-height: 1.3em; color: #444444; text-align: right; position: relative; }

.uranaishi-top > ul > li > span { display: inline-block; *display: inline; *zoom: 1; width: 12px; height: 11px; background-image: url("../image/kensaku/icon-mt.png"); }

.uranaishi-tel > span { background-position: 0 0; }

.uranaishi-mail > span { background-position: 0 -30px; }

.uranaishi-img { width: 150px; height: 150px; display: block; margin: 0 auto; padding: 2px; border: 1px solid #ddd; background: #fff;}

.scrytype-wrap { width: 170px; height: 2em; overflow: hidden; }

.scrytype-wrap > span { float: left; line-height: 1.3em; font-size: 10px; overflow: hidden; }

.uranaishi-under { position: relative; width: 100%; height: 30px; }

.kantei { position: absolute; left: 5px; bottom: 0;
  box-sizing:border-box;-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.review { position: absolute; right: 5px; bottom: 0;
  box-sizing:border-box;-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

/* **************************************************

	agreement.php

************************************************** */
.main-wrap.agreement p { padding: 20px 0 30px; font-size: 13px; }

.main-wrap.agreement dt { padding-bottom: 5px; margin-bottom: 10px; text-indent: 5px; border-bottom: 1px dotted #555; border-left: 10px solid #A35596; color: #A35596; }

.main-wrap.agreement dd { padding: 0 20px 50px; }

/* **************************************************

	company.php　notation.php

************************************************** */

.main-wrap.company div, .main-wrap.notation div { padding: 10px; border-bottom: 1px solid #A35596; }

/* **************************************************

	praivacy.php

************************************************** */

.main-wrap.privacy li { font-size: 12px; }

.main-wrap.privacy p { padding-bottom: 1em; padding: 0 10px; }

.privacy.ul { padding-left: 30px; }

/* **************************************************

	register.php

************************************************** */

.register-div { padding: 40px 0; }

.register-div > p { height: 50px; margin: 10px 0; text-align: center; padding: 5px; background: url("../image/pc-register/bg-register.png") no-repeat; position: relative; }

.register-div > p:after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; border-bottom: 2px dotted #A35596; }

.pc01 > p { background-position: 0 0; }

.pc02 > p { background-position: 0 -70px; }

.pc03 > p { background-position: 0 -140px; }

.pc04 > p { background-position: 0 -210px; }

.register-div dt { padding: 20px 0; font-size: 18px; }

.img-guide02 { margin-bottom: 20px; }

/***	携帯	**********/

.mobile01 > p { background-position: 0 -280px; }

.mobile02 > p { background-position: 0 -350px; }

.mobile03 > p { background-position: 0 -420px; }

.mobile04 > p { background-position: 0 -490px; }

/* **************************************************

	sitemap.php

************************************************** */

.main-wrap.sitemap div { margin-bottom: 50px; padding: 10px; }

.main-wrap.sitemap h3 { border-bottom: 1px dotted #A35596; padding-bottom: 5px; }

.main-wrap.sitemap li { position: relative; }

.main-wrap.sitemap li:before { content: ''; width: 20px; height: 12px; position: absolute; top: 8px; left: 0; background: url("../image/bg-kyotsu.png") no-repeat; }

.main-wrap.sitemap li > a { display: inline-block; color: #A35596; font-size: 12px; padding: 5px; text-indent: 1em; font-weight: bold; }

.main-wrap.sitemap li > a:hover { color: #E4CBE0; }

/* **************************************************

	method.php

************************************************** */

.method-process-div { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 2px dotted #EEE0B8; }

.method-dt.appoint01, .method-dt.appoint02, .method-dt.appoint03, .method-dt.appoint04, .method-dt.appoint05 { width: 420px; height: 30px; background-image: url("../image/method-tel/bg-appoint.png"); background-repeat: no-repeat; }

.method-dt.appoint01 { background-position: 0 0; }

.method-dt.appoint02 { background-position: 0 -40px; }

.method-dt.appoint03 { background-position: 0 -80px; }

.method-dt.appoint04 { background-position: 0 -120px; }

.method-dt.appoint05 { background-position: 0 -160px; }

.method-dl dd { padding-bottom: 20px; }

.img-appoint { display: inline-block; }

.img-appoint-wrap { margin-bottom: 50px; }

.method-support-wrap { margin-top: 30px; padding: 20px; border: 2px solid #f8f3e0; background: #fdfaf1; }

.method-support-wrap h4 { font-weight: bold; font-size: 14px; text-align: center; color: #A35596; border-bottom: 2px solid #f8f3e0; }

.method-contact-div { width: 530px; margin: 10px auto; }

.method-contact-div a { display: inline-block; margin-right: 10px; }

.sapport-time { text-align: center; padding-bottom: 20px; color: #A35596; }

.caution-p-wrap { margin: 0 40px; }

.caution-p-wrap p { font-size: 12px; padding-left: 1em; text-indent: -1em; color: #747474; }

/* **************************************************

	faq.php

************************************************** */

.nav-tabs.faq > .active > a, .nav-tabs.faq > .active > a:hover { border: none; }

.nav-tabs.faq > li > a:hover { border: none; }

.nav.faq { margin-bottom: 20px; }

.tab-pane.faq { padding: 0; }

.teller-h2.faq { line-height: 30px; font-size: 14px; color: #393939; padding-left: 20px; border-left: 5px solid #A35596; margin-bottom: 20px; }

.tabbable.faq { padding-top: 40px; }

.tabbable .nav-tabs.faq { border-bottom: 0; }

.nav-tabs a { display: inline-block; }

.faq.ul > li { font-size: 12px; font-weight: bold; line-height: 1.5em; margin-bottom: 10px; background: url("../image/faq/bg-faq.gif") no-repeat 0 -50px; }

.nav-tabs > .faq > a, .nav-tabs > .faq > a:hover { width: 120px; height: 30px; background: url("../image/faq/bg-faq.gif") no-repeat; }

.nav-tabs > .faq > .faqTab1 { background-position: 0 -80px; }

.nav-tabs > .faq > .faqTab2 { background-position: 0 -130px; }

.nav-tabs > .faq > .faqTab3 { background-position: 0 -180px; }

.nav-tabs > .faq > .faqTab4 { background-position: 0 -230px; }

.nav-tabs > .faq > .faqTab1:hover { background-position: 0 -280px; }

.nav-tabs > .faq > .faqTab2:hover { background-position: 0 -330px; }

.nav-tabs > .faq > .faqTab3:hover { background-position: 0 -380px; }

.nav-tabs > .faq > .faqTab4:hover { background-position: 0 -430px; }

.faq.ul > li > a { display: inline-block; text-indent: 1.5em; color: #6a5252; }

.faq.dl { padding-top: 40px; }

.faq.dl dt { height: 40px; background: url("../image/faq/bg-faq.gif") no-repeat; font-size: 18px; margin: 40px 0 10px 0; position: relative; }

.faq.dl dt > p { padding-left: 2em; position: absolute; bottom: 10px; left: 10px; }

.faq.dl dd { padding: 0 20px 40px; border-bottom: 1px solid #ccc; }

/* **************************************************

	schedule.php

************************************************** */

.main-wrap.schedule { padding-bottom: 200px; }

.schedule p { font-size: 13px; }

.strong-p { font-weight: bold; }

.fiveday-ul { margin: 40px 0; }

.fiveday-ul li {
	float:left;
	width:126px;
	height:50px;
}
.fiveday-ul a {
	display:block;
	height: 50px;
	padding:0 0 0 35px;
	line-height:50px;
	color:#fff;
	font-weight:bold;
	background: url("../image/schedule/btn-fiveday.png") no-repeat;
}
.fiveday-ul a:hover {
	text-decoration:none;
	background: url("../image/schedule/btn-fiveday.png") no-repeat 0 -60px;
}
.caution-ul { padding: 20px; background: #faf8ec; margin-top: 20px; }

.caution-ul > li { font-size: 12px; color: #828282; padding-left: 1em; text-indent: -1em; line-height: 2em; }

/* **************************************************

	schedule-list.php

************************************************** */

.schedule-day { width: 400px; height: 40px; text-align: center; font-size: 20px; font-weight: bold; color: #5a5a5a; background: url("../image/schedule/bg-day.gif") no-repeat; }

.schedule-day > p { float: left; width: 160px; line-height: 40px; }

.btn-yesterday { float: left; display: inline-block; *display: inline; *zoom: 1; width: 40px; height: 40px; background: url("../image/schedule/btn-yesterday.png") no-repeat; }

.btn-nextday { float: left; display: inline-block; *display: inline; *zoom: 1; width: 40px; height: 40px; background: url("../image/schedule/btn-nextday.png") no-repeat; }

.teller-h2.schedule { position: relative; margin-top: 20px; }

.schedule > h3 { text-indent: 1em; font-size: 14px; color: #A35596; position: relative; }

.schedule > h3:before { content: ''; width: 5px; height: 30px; background: #A35596; position: absolute; top: -10px; left: 5px; }

.displaylink-wrap { width: 300px; position: absolute; right: 10px; top: 5px; }

.displaylink-wrap > a { font-size: 12px; }

.h3-wrap { width: 100%; height: 40px; }

h3 > .schedule-day { font-size: 20px; font-weight: bold; color: #000; }

.schedule-h3 > a > i { margin-left: 20px; color: orange; font-size: 25px; background: red; }

.displaylink-wrap { text-align: right; }

.displaylink-wrap > a { color: #8d7474; }
/* **************************************************

	voice.php

************************************************** */
.h2.voice { margin: 0; }

.message-box { margin: 10px 0; padding: 0 40px 20px; background-color: #fffae2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fffae2; background-image: -moz-linear-gradient(top, white, #fffae2); background-image: -ms-linear-gradient(top, white, #fffae2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#fffae2)); background-image: -webkit-linear-gradient(top, white, #fffae2); background-image: -o-linear-gradient(top, white, #fffae2); background-image: linear-gradient(top, white, #fffae2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#fffae2'); }


.message-box2 { margin: 20px 10px; padding: 0 40px 20px; background-color: #fffae2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fffae2; background-image: -moz-linear-gradient(top, white, #fffae2); background-image: -ms-linear-gradient(top, white, #fffae2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#fffae2)); background-image: -webkit-linear-gradient(top, white, #fffae2); background-image: -o-linear-gradient(top, white, #fffae2); background-image: linear-gradient(top, white, #fffae2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#fffae2'); }


.message-box > div { height: 80px; position: relative; }

.message-box > div > img { width: 80px; height: 80px; padding: 5px; position: absolute; top: -25px; left: 0px; background: #fff; -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); z-index: 3; }

.master-name { width: 600px; height: 100px; position: absolute; left: 70px; top: 0; background: url("../image/voice/bg-name.png") no-repeat; }

.master-name > a { display: block; padding-top: 15px; padding-left: 20px; font-size: 18px; font-weight: bold; color: #863c00; }

.master-name > a:hover { color: #97714a; text-decoration: none; }

.message-text { color: #5c5c5c; line-height: 2em; font-size: 16px; }

/* **************************************************

	regist.php

************************************************** */

.img-process { display: block; margin: 20px auto; }

.btn-a.regist { display: block; width: 200px; height: 30px; }

/*
.btn.regist{
	width: 200px;
	margin-bottom: 20px;
	background:pink;
}
*/
.regist.p { margin-bottom: 30px; }

.regist.form-wrap { border: 2px solid #FFF1DB; padding: 0 10px 10px; margin: 0 auto; }

.regist.form-wrap h3 { text-align: center; background: #FFF1DB; line-height: 40px; }

.date-selectbox { width: 80px; }

.payment-radio { display: inline-block; width: 80px; float: left; }

.form-horizontal.regist .control-label { width: 180px; margin-right: 10px; font-size: 13px; font-weight: bold; background: #FFF1DB; text-align: left; padding-left: 5px; }

form-horizontal.regist .control-label.worry { height: 200px; }

.form-horizontal .controls.worry{margin-left: 200px;}

.payment-label { display: inline-block; width: 100px; }

/*
.regist .btn-div{
	width:150px;
	height: 40px;
	margin:0 auto;
}
*/

.regist-btn { /* display: block; */ border:0; width: 200px; height: 50px; margin: 10px auto; background: url("../image/regist/bg-btn.png") no-repeat; }

.regist-btn.toroku { background-position: 0 -120px; }

.regist-btn.toroku:hover { background-position: 0 -180px; }

.regist-btn.henko { background-position: 0 -240px; }

.regist-btn.henko:hover { background-position: 0 -300px; }

.regist .controls input[type='text']{ height: 28px; }
/* **************************************************

	regist-2.php

************************************************** */

.confirm-wrap { margin: 30px; padding: 20px; border: 1px solid #d09351; background: #FFF1DB; }

.regist2-p { text-align: center; font-size: 18px; color: #272727; }

.confirm-label { text-align: right; }

.confirm-input { font-weight: bold; }

.regist2-btn-wrap { padding: 20px 30px; }

.regist2-btn-wrap dt { margin: 20px 0 10px; text-indent: 1em; color: #A35596; position: relative; }

.regist2-btn-wrap dt:before { content: ''; width: 10px; height: 15px; position: absolute; top: 4px; left: 0; background: url("../image/bg-kyotsu.png") no-repeat; }

.regist2-btn-wrap dd { font-size: 12px; color: #606060; }

/* **************************************************

	regist-3.php

************************************************** */

.regist3-dl { margin: 20px; border: 1px solid #d09351; background: #FFF1DB; }

.regist3-dt { padding: 20px; text-align: center; font-size: 23px; font-weight: bold; }

.regist3-dd { padding: 20px; font-size: 16px; text-align: center; }

.regist3-dl p { padding: 20px; font-size: 12px; }

.confirm-mail-div { border-top: 2px dotted #E4CBE0; border-bottom: 2px dotted #E4CBE0; padding: 20px 10px; }

.confirm-mail-p1 { font-size: 14px; line-height: 2em; vertical-align: middle; }

.confirm-mail-p1 .textred { font-size: 14px; line-height: 1.5em; color: #A35596; padding: 0 5px; }

.confirm-mail-p2 { padding-top: 30px; font-size: 12px; }

.regist3-caution { padding: 20px 10px; text-indent: -0.5em; padding-left: 0.5em; font-size: 12px; line-height: 2em; }

/* **************************************************

	show.php

************************************************** */

.profile-section { margin: 0 40px 50px; }

.profile-a { display: inline-block; *display: inline; *zoom: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 10px; height: 1.8em; line-height: 2em; color: #fff; background-color: #a649ca;  margin-bottom:5px;}

.profile-a:hover { text-decoration: none; color: #fff333; background-color: #9842ba; }

.taiki-dt { height: 20px; background: url("../image/scryway/bg-dt.gif") repeat-x; border-top: 1px solid #CCC; border-bottom: 1px solid #ccc; margin-bottom: 10px; }

.taiki-dt-text { height: 20px; background: url("../image/profile/dt-text.png") no-repeat 0 -200px; }

.profile-h2 { height: 40px; background: url("../image/scryway/bg-dt.gif") repeat-x; border: 1px solid #CCC; border-radius: 4px; margin-top: 10px; text-indent: 0.5em; line-height: 40px; }

.profile-li { margin-top: 5px; }

.profile-li .con { display: block; width: 150px; height: 40px; background: url("../image/profile/bg-prof.png") no-repeat; }

.profile-li .prof { display: block; width: 160px; height: 30px; text-indent:-9999px; background:transparent url("../image/profile/bg-prof.png?aa") no-repeat 0 -120px; }

.profile-li .con:hover { background-position: 0 -60px; }

.profile-li .prof:hover { background-position: 0 -180px; }

.profile-dt, .profile-message-dt, .profile-comment-dt { margin-bottom: 20px; }
.profile-message-dd,.profile-comment-dd,.profile-dd{ padding: 0 10px; }

.master-img { width: 150px; height: 150px; padding: 2px; border: 1px solid #ddd; }

.dt-title01, .dt-title02, .dt-title03, .dt-title04, .dt-title05, .dt-title07, .dt-title08 { display: block; height: 30px; background: url("../image/profile/dt-text.png") no-repeat; }

.dt-title02 { background-position: 0 -50px; }

.dt-title03 { background-position: 0 -100px; }

.dt-title04 { background-position: 0 -150px; }

.dt-title05 { background-position: 0 -229px; }

.dt-title07 { background-position: 0 -320px; }

.dt-title08 { background-position: 0 -275px; }

.osusume-div{
    background:#E9DDBD url("../image/toptexture.png") repeat;
    padding: 15px 0;
    -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
    margin-bottom: 30px;
}
.osusume-h2{height:40px; margin-bottom: 0; padding-left:10px; background: url('../image/bg-ossm.png') repeat-x; border:1px solid #d0b849;}
.uranaishi-box.osusume{
    border:1px solid #C5A551;
    background: #fff;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.uranaishi-box.osusume:hover{background: #fcf6d8;}

.topTaiki-wrap{
  padding-top: 5px;
  background:#E9DDBD url("../image/toptexture2.png") repeat;
  /*border:1px solid #e7c8e9;*/
  margin-bottom: 0px;
  -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
}
.topTaiki.teller-h2{
  padding-left:10px; margin-bottom: 0; height:40px; background: url("../image/bg-dttop.gif") repeat-x;
}
.topTaiki-wrap .uranaishi-box{background: #fff;}
.topTaiki-wrap .uranaishi-box:hover{background: #fcf6d8;}

.mailform.main-wrap{ background: #FDFAF1; width:600px; margin: 0 auto; margin-bottom: 30px; padding-top:50px; border:2px solid #f8f3e0;}
.mailform input[type="text"]{width: 300px;}
.mailform textarea{width: 300px;}
.mailform .span4{line-height: 1.5em; color: #777;}
.mailform .span4>i{color: #9B398C; padding-right: 5px;}
.mailformBtn{text-align: center;}
.mailform .btn.btn-warning{width: 200px;  height:40px; margin: 0 auto; margin-top: 30px;}

.side-uranaikan-div{ margin-bottom: 10px; padding: 10px 5px 0; }

.side-uranaikan-div>p{
  color: #888;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
  text-indent: 3px;
  border-left: 4px solid #888;
}
/*.side-etc-div>a>img{-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);}*/
.side-banner>img{margin-bottom: 10px; border:1px solid #fff; box-sizing:border-box;-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);}
.side-uranaikan-div img{width: 165px; height:45px;}
.side-etc-div img{width: 180px; height:50px;}

.reviewedit.mypage-wrap .review-list { padding: 10px 0; border-bottom: 1px #d1bae0 dashed; }
.reviewedit.mypage-wrap .review-table { width: 100%; }
.reviewedit.mypage-wrap .review-th { width: 10%; }
.reviewedit.mypage-wrap .review-td { width: 90%; }
.reviewedit.mypage-wrap .review-star { color: #FFD600; }

a{color:#5d4297;}

.regist-1000img{display:block; width:655; height:218; margin:0 auto;}
.control-label>span{font-weight: normal; padding-left: 5px;}
/* **************************************************
	占い師インタビュー
************************************************** */
.intv-h2-div{
/*	width: auto;*/ height: 60px; margin-bottom: 15px; background: url('../image/contents1/ribon_center.gif') repeat-x; position: relative; z-index: -2; }
.intv-h2{ margin:0; overflow: hidden; line-height: 40px; text-align: center; color: #99358A; white-space: nowrap; z-index: 999; }
.intv-h2-div:before,.intv-h2-div:after{ content: ''; width: 120px; height: 60px; position: absolute; top:0; z-index: -1; }
.intv-h2-div:before{ left: 0; background: url('../image/contents1/ribon_left.gif') no-repeat; }
.intv-h2-div:after{ right: 0; background: url('../image/contents1/ribon_right.gif') no-repeat; }
.interview p{ font-size: 13px; line-height: 1.7em; padding: 0 10px; }
.interview a:hover{ text-decoration: none; }
.interview .syousai-a>div{ width: 150px; padding: 3px; font-size: 12px; margin-top: 5px; background: #F2DFE3; /*text-align: center;*/ color: #a6709e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.interview .syousai-a>div:hover{ background: #9e5493; color: #fff; text-decoration: none; }
.interview .syousai-a>div>i{ font-size: 10px; padding:0 5px; }
.interview-contents{ padding-top: 20px; }
.interview-contents dt{ padding: 7px 0 4px 50px; font-size: 18px; border-bottom:2px solid #99358A; position: relative; /*background:#99358A;*/ color: #99358A; }
.interview-contents dt:before{ content: ''; width: 40px; height: 40px; position: absolute; bottom:-5px; left: 3px; background: url('../image/contents1/i-q.png') no-repeat; }
.interview-contents dd{ font-size: 14px; margin-bottom:25px; padding: 1em 1.5em 2em; }
dd.odd{ background: #f0f8ff; }
dd.even{ background: #e6e6fa; }
.interview .btn{ display: block; width: 500px; padding: 15px; margin:0 auto; font-size: 18px; }
/* **************************************************
	トップの最新情報
************************************************** */
.debut-h4{ position:relative; margin:0; color:#5d4297; background:#DFDFDF; line-height:2em; padding-left:1.4em; font-size:100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.debut-h4:before{ content:''; width: 13px; height: 13px; background: url("../image/bg-kyotsu.png") -20px 0; position: absolute; top: 6px; left: 4px; }
.debut-h4 > span{ text-indent:1em; }
.debut-space{ overflow-y: scroll; height: 250px; border:3px solid #DFDFDF; font-size:14px; padding:5px; border-radius:0 0 5px 5px; line-height:1em; margin-bottom:10px; }
.debut-parts{ padding:8px 0; border-bottom:1px dotted #cdcdcd; }
.debut-parts > p{color:#110930; margin-bottom:3px;}
/* **************************************************
	responsive
************************************************** */
/* **************************************************
	sass mixin
************************************************** */
.profile-section { margin: 0 40px 50px; }

.profile-a { display: inline-block; *display: inline; *zoom: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 10px; height: 1.8em; line-height: 2em; color: #fff; background-color: #a649ca; margin-bottom: 5px;}

.profile-a:hover { text-decoration: none; color: #fff333; background-color: #9842ba;}

/* **************************************************
	Retina Display
************************************************** */
@media screen and (-webkit-min-device-pixel-ratio: 1.5) { /* line 17, ../sass/style.scss */
  .train-li, .train-li.signal > .go, .train-li.signal > .stop { background-image: url("../image/bg-footer-parts-ratina.png"); background-size: 800px 300px; } }

@media (min-width: 1200px) {
	.teller-ul{text-align: left; padding-left:30px;}
}

/* **************************************************
	0828 青山追加
************************************************** */
#login_name, #login_passwords{
	height:2em;
	line-height:2em;
}




.social_login {
    margin : 10px 0 10px 0;
}
.social_login > button {
    display: block;
    color: #ffffff;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    border-radius : 3px;
    width: 100%;
    font-family: "メイリオ", Arial, sans-serif;
    font-size : 12px;
    font-weight: bold;
    height: 34px;
}

.social_login button.g-login-button {
    background-color: #dd4b39;
/*    background-image: linear-gradient(to bottom, #7198DA, #465B9C);*/
    border: 1px solid #dd4b39;
}

.social_login button.fb-login-button {
    background-color: #465B9C;
/*    background-image: linear-gradient(to bottom, #7198DA, #465B9C); */
    border: 1px solid #465B9C;
}
/* **************************************************
	150513 佐崎追加
************************************************** */
.side-sns-wrap{ margin-bottom: 10px; padding: 10px 5px 0; }
.side-sns-wrap > p{
	color: #888;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
  text-indent: 3px;
  border-left: 4px solid #888;
}

.top-info-wrap{
	border:1px solid #E0CDA5;
	margin:20px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.top-info-h2{
	font-size:14px;
	font-weight:bold;
	height:1.6em;
	line-height:1.6em;
	text-indent:1em;
}
.top-info-ul{
	border-top:1px dotted #ccc;
	list-style: none;
}
.top-info-li{
	margin:0 2px;
	border-bottom:1px dotted #ccc;
	padding:5px 10px;
	line-height:1.1em;
}
.top-info-a{
	color:#2C4395;
}
.top-info-a:hover{
	text-decoration: none;
}
.top-info-date{
	display:inline-block;
	padding:0 5px;
}
.top-info-new{
	display: inline-block;
	background-color: #D74671;
	color:#fff;
	font-size:12px;
	height:1.6em;
	line-height:1.7em;
	padding:0 5px;
	margin:0 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.reload-wrap{
	position:absolute;
	top:3px;
	right:4px;
	padding:4px;
}
.reload-wrap .mini{
	padding:3px 6px;
	background-color:#2e0d63;
	border:1px solid #e7ddff;
	border-bottom:1px solid rgba(0,0,0,.2);
	border-right:1px solid rgba(0,0,0,.2);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color:#fff;
}
.reload-wrap .mini[disabled],
#auto_upd_btn.oncolor{
	border:none;
	border-top:1px solid rgba(0,0,0,.3);
	border-left:1px solid rgba(0,0,0,.3);
	background-color:#e7ddff;
	text-decoration: underline;
	color:#2e0d63;
}

audio { width: 200px; }

/* **************************************************
	170923 大島追加
************************************************** */

.topicpath-ul { margin-left:30px; }

.topicpath-li { display: inline-block; }

.topicpath-li after { content: url(icon.gif);}

.topicpathend-li { display: inline-block; }


#regist-btn { position:relative; width:96%; font-size:20px; line-height:55px; text-align:center; background:linear-gradient(to top, #ff8113, #ffb97b); font-weight:bold; border-radius:8px; box-shadow: 2px 2px #c94c01; margin:0 auto; text-shadow: 1px 1px #c94c01;}
#regist-btn:hover { position:relative; width:96%; font-size:20px; line-height:55px; text-align:center; background:linear-gradient(to bottom, #ff8113, #ffb97b); font-weight:bold; border-radius:8px; box-shadow: 2px 2px #c94c01; margin:0 auto; text-shadow: 1px 1px #c94c01;}
#regist-btn a,#regist-btn2 a { display:block; color:#FFF; text-decoration:none;}
#regist-btn .text,#regist-btn2 .text { position:absolute; bottom:-18px; right:6px; font-size:12px; font-weight:200;}

.regist-btn { position:relative; width:50%; font-size:24px; line-height:55px; text-align:center; background:linear-gradient(to top, #ff8113, #ffb97b); font-weight:bold; border-radius:8px; box-shadow: 2px 2px #c94c01; margin:0 auto 20px; text-shadow: 1px 1px #c94c01;}
.regist-btn:hover { position:relative; width:50%; font-size:24px; line-height:55px; text-align:center; background:linear-gradient(to bottom, #ff8113, #ffb97b); font-weight:bold; border-radius:8px; box-shadow: 2px 2px #c94c01; margin:0 auto 20px; text-shadow: 1px 1px #c94c01;}
.regist-btn a { display:block; color:#FFF; text-decoration:none;}
.regist-btn .text { position:absolute; bottom:-18px; right:6px; font-size:14px; font-weight:200;}

.h2-title {color:#5d4297; font-size:28px; margin: 30px 0 10px 30px; text-shadow: 0px 0px 1px #5D4297; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Yu Gothic', YuGothic, Verdana, Meiryo, 'M+ 1p', sans-serif;}
.tieup { width:150px; height:150px; border-radius:75px; margin:0 7px; }
.tieup-box { width:96%; margin:10px auto; text-align:center; }
.debut.h2 { margin: 0 0; }
.debutPoint-banner { display: block; width: 300px; height: 50px; margin: 0 auto; margin-bottom: 20px; }
.debut-inner { padding: 0 20px; }
.debut-inner > p { margin-bottom: 10px; font-size: 13px; }
.debut-h3 { height: 35px; position: relative; line-height: 2em; font-size: 16px; padding-left: 2.5em; color: #666; border-bottom: 1px solid #ccc; border-top: 1px dotted #ccc; background: url("../image/scryway/bg-dt.gif") repeat-x; }
.debut-h3:before { content: ''; width: 20px; height: 35px; position: absolute; top: 0; left: 10px; background: url("../image/scryway/bg-scryway.png") -300px -180px; }
.debut > .span2 { position: relative; }
.debut > .span2 > a > img { width: 90px; height: 90px; position: absolute; right: 0; top: 0; padding: 5px; background: #fff; -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); }
.debut > .span10 > a { display: block; color: #c04d7b; font-weight: bold; font-size: 12px; }
.debut > .span10 > a:hover { text-decoration: none; }
.debut > .span10 > a > span { font-size: 16px; padding-right: 5px; }
.debut-dl > dt { width: 6.5em; line-height: 1.5em; margin: 2px 0; position: relative; padding-left: 3px; font-weight: bold; font-size: 11px; color: #6489dc; border-left: 2px solid #6489dc; }
.debut-dl > dt:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: -10px; }
.debut-dl > dd { font-size: 11px; color: #666; }