@charset "UTF-8";
/* CSS Document */

/* -------------------------
	固定ヘッダ＋Gナビ
--------------------------- */
#fixed_box {width:100%; position:fixed; top:0; left:0; z-index:101; transition: all 0.25s ease;}
#fixed_box.is-fixed {box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25);}
#fixed_box .scroll{box-shadow: 0 5px 5px -5px rgba(0,0,0,0.25); background: #fff;}

.title .babkbtn{ position: absolute; z-index: 100; float: left;font-size: 1.4em; left: 10px; margin: 20px 0 0;}
.title .babkbtn:before{ content: '<'; margin: 0 5px 0 0;}
/* Reset */
* {box-sizing: border-box;}

ul {list-style:none;}
ul,li {margin:0; padding:0; list-style:none;}
ol li{margin-bottom:10px;}

p{padding:0;margin:0;}

a {color:#bd9b42; text-decoration:none; outline:none;}
img {vertical-align:middle;}

dl,dt,dd {margin:0;}

address,caption,em,th {font-style:normal;}

/* Fluid-img */
img {width:100%; height:auto;}
img.def {width:auto; height:auto;}

/* -------------------
	common
------------------- */
html {color:#4d4d4d;font-weight: 500;line-height:1.7;font-size:14px; height:100%;}

body{ margin:auto 0px; background:#fafafa; padding-top:70px; padding-bottom:100px;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;}
body#login{ margin:auto 0px; background:#fafafa; padding-top:70px;}
.fixed {position: fixed;width: 100%;height: 100%;}
.fixed #fixed_box{background: #fff;}

/* 表示・非表示 */
.sp{display: block;}
.pc{display: none!important;}

.blue{color:#09dbca;}
.pink{color:#e06983;}
.red{color:#e13239;}
.green{color:#1EDBA1;}
.gray{color:#888;}
.orange{color:#FD8032;}
.small{font-size:.75em;}
.center{text-align:center;}
i{margin-right:.4em; color:#bd9b42; font-size:1.2em;}

em{font-size:1.1em;}

.wrap{width:100%;margin:0 auto;padding:0 0 3em;box-sizing:border-box;}
.col2_wrap{width:100%;/* margin:2em auto; */}
#main,#main2{width:100%; padding:6vw 0 10vw 0;}
#main.entry_main{width:95%; padding:6vw 0 10vw 0; margin: auto;}

.msgtxt{ text-align: center; padding: 0 4%; color:#76644d;}

.section_wrap{width:100%; margin:3em auto;}
.white_wrap{width:100%;background:#fff; overflow:hidden;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);border: 1px solid rgba(203, 192, 166, 0.6);}

/* パンクズ */
#breadcrumb{ display: none; width:90%;padding:1.4% 0;margin: auto; font-size: 0.8em;}
#breadcrumb ul{ display: flex; justify-content: flex-start; align-items: center;}
#breadcrumb li{font-size:.9em; display:block;}
#breadcrumb li a:after {margin:0 .5em; content: ">"; color:#999;}
#breadcrumb li:nth-child(n+2){/*width: 300px;*/width:auto; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 占い師詳細用パンクズリスト */
#breadcrumb02 {padding:1em 0 1em; margin: 17px 0 0; position: relative; top:25px; z-index: 1; }

/*　pager */
.pager{width:100%; margin:2em auto;}
.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#ea5388;
  width: 40px;
  height: 40px;
  text-align: center;
  position: relative;
  border-radius: 50px;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #fff;
  background: #fe9fc1;
  border-radius: 50px;
}

/* 占い師一覧MV */
.cast_main{
	width:100%; 
	height:100%; 
	min-height:180px;
	padding-top:1.4em; 
	background:url("../images/main_ttl_bg.jpg") no-repeat; 
	background-size:cover; 
	display:flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    background-position:center; 
	}

.cast_main .cont_ttl{color:#76644d; text-align: center;}
.cast_main .cont_ttl:before,.cast_main .cont_ttl:after{ content: none;}
.cast_main .cont_ttl span{ display: block;width: 100%; font-size: 0.65em; padding: .3% 0 0;letter-spacing: 0.1em; color: #bd9b42;font-family: 'Cormorant Garamond', serif;}

/* ボタン */
.btn,.input_btn input[type="submit"],
a.btn,
button.btn {
  width:100%;
  max-width:300px;
  font-size: 0.85em;
  margin:1.5em auto;
  line-height: 1.5;
  position: relative;
  display: block;
  padding: 1.2rem 2rem!important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff !important;
  border: none;
  font-weight:normal;
  border-radius: 0;
  background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
  background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
  background: linear-gradient(135deg, #10b2a2, #2e9290);
  font-feature-settings: "palt";
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
}

a.btn-gradient {color: #fff!important;font-weight:normal;font-feature-settings: "palt";
background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
background: linear-gradient(135deg, #10b2a2, #2e9290);
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);}

.btn:hover,.btn2:hover{opacity:.9;}

.btn:after,a.btn:after,button.btn:after{
  content: "";
  position: absolute;
  top: 50%;
  right: 1em;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

.btn i, a.btn i, button.btn i { color: #fff;}

.btn2 {
 width:100%;
  max-width:300px;
  font-size: 0.85em;
  margin:1em auto;
  line-height: 1.5;
  position: relative;
  display: block;
  padding: 1.2rem 2rem!important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff!important;
  font-weight:normal;
  border-radius: 0;
  background: -moz-linear-gradient(135deg, #888888, #666666);
  background: -webkit-linear-gradient(135deg, #888888, #666666);
  background: linear-gradient(135deg, #888888, #666666);
  box-shadow: 2px 2px 3px rgba(0,0,0,0.1);	}

.btn3 {
    color: #FFF;
    display: block;
    margin: 15px auto;
    width: 180px;
    text-align: center;
    background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
    background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
    background: linear-gradient(135deg, #10b2a2, #2e9290);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);	
    padding: 0.8em;
}

.btn4 {
 border:solid 1px #00a4e3;
 color: #00a4e3;
 display: block;
 margin: 15px auto;
 width: 180px;
 text-align: center;
 background: #FFF;
padding: 0.8em;
}

.btn5 {
 margin:65px auto 0;
 width:80%;
 color: #FFF;
 display: block;
 text-align: center;
 background: #d9b44f;
 padding: 0.8em;
}

/* 見出し */
.cont_ttl{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; margin: 0;}

.cont_ttl:before {
	content:url(../images/ttl_b.png);
	/*display:inline-block;
	width:1.4em;
	height:1.4em;
	margin-right:.3em;
	margin-bottom:-.3em;
	background:url(../images/ttl_b.png) no-repeat;
	background-size:100%;	*/
}
.cont_ttl:after {
	content:url(../images/ttl_a.png);
	/*display:inline-block;
	width:1.4em;
	height:1.4em;
	margin-right:.3em;
	margin-bottom:-.3em;
	background:url(../images/ttl_a.png) no-repeat;
	background-size:100%;	*/
}

.cont_ttl span.t01 {position: relative; padding: 0 1em;background: #fafafa; display: inline-block; color: #76644d;font-family: 'Cormorant Garamond', serif; letter-spacing: 0.1em; font-weight: 600; font-feature-settings: "palt"; max-width: 70%;text-align: center;}
span.t02{display:inline-block; font-size:.8em; color:#bd9b42; letter-spacing:.2em; margin:0 auto 1em; text-align: center; width: 100%;}

.border_ttl{width:100%; border-bottom:2px solid #decda0; margin-bottom:1.5em; padding:0 0 1%; text-align: center;font-size: 1.25em; font-weight: 500;position: relative;}
.border_ttl:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #bd9b42;
  bottom: -2px;
  width: 50%;
}

.icon_ttl{margin:0 0 1em; font-size:1.1em;}

.title_a{color:#222; font-size:20px; text-align: center;}
.center3{margin-bottom:1.5em; text-align: center;}

.title_a20{text-align: center; font-size: 1.2em;padding: 1%; display: block; width: 100%; margin: 0 auto 4%; background: rgba(189, 155, 66, 1.0);box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1); color: #fff;}

.title_a23{font-size:1.1em; text-align: left; font-weight:normal; margin:1% auto 3%;
padding: .6rem 2rem; color: #fff; border-radius: 4px;
background: -moz-linear-gradient(135deg, #d3aa5b, #9e823a);
background: -webkit-linear-gradient(135deg, #d3aa5b, #9e823a);
background: linear-gradient(135deg, #d3aa5b, #9e823a);
}
.title_a22{ font-size: 1.5em; text-align: center;font-weight: 600;padding-bottom: 0.5em;position: relative;}
.title_a22:after {
  content: '';
  background-color:#d3aa5b;
  width: 2em;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.title_a25{ font-size: 1.2em;font-weight: 600;padding:0 1.5em 1.5em;}

.title_s{ font-size:1.25em; margin:10px auto; font-weight:bold; text-align: center; color: #76644d;}

.blue_img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    left: 5%;
 width:90%;
}

.center_ttl{text-align:center; font-size:1em; margin-bottom:1.5em;}

/* 電話リンクスマホだけ */
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

.btn_wrp{padding-bottom: 1vw;}
/* ------------------------
	 header
------------------------ */
.tp header{ background: none;}
header{
	width:100%;
	height:0;
	box-sizing:border-box;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	background:#fff;
}
.bgw{position:relative;padding: 0 0 0 2%;width: 100%;box-sizing: border-box;height:70px;
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; margin: 0 auto;
}
.lw .bgw{ background: #fff;}
.fixed .bgw{ background: #fff;}

/* login_btn */
a.login_btn{/*position:absolute;*/ width:20%;height:auto; color:#fff; font-weight:normal; left:.8em; top:1.2em; 
padding:.8em; border:none;font-size:.8em; background-size:100% 100%; transition: all 0.3s;text-align: center; font-feature-settings: "palt";
background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
background: linear-gradient(135deg, #10b2a2, #2e9290);
box-shadow: 2px 2px 3px rgba(0,0,0,0.1);	
}
a.login_btn:hover{opacity:.9;}

header h1{width:38%;margin:auto;position: absolute;top: -2%;bottom: 0;left: 0;right: 0;}

header h1 a{ display: block;text-align: center;}

.a_logo {width:100%;max-width:94px;height:auto;margin: 0 auto;}

/* メニュートグル＆ハンバーガーアイコン */
.drawer_toggle_bg {position: relative;width:70px; height:70px;z-index: 999;display: grid;place-items: center;
background: -moz-linear-gradient(135deg, #d3aa5b, #9e823a);
background: -webkit-linear-gradient(135deg, #d3aa5b, #9e823a);
background: linear-gradient(135deg, #d3aa5b, #9e823a);
}
.drawer_toggle {position: relative;width:100%; height:100%;/*transform:translateY(-50%);*/z-index: 1000;display: grid; place-items: center;}
.drawer_toggle .toggle_wp{ width: 36%; height: 24%;}

.drawer_toggle span {display:block; position:relative; left:0;content:""; width:100%; height:1px; background-color:#fff; transition: all 0.25s ease;}
.drawer_toggle span:nth-child(1) {top:0%;}
.drawer_toggle span:nth-child(2) {top:50%;}
.drawer_toggle span:nth-child(3) {top:100%;}
.drawer_toggle:after{ position: relative; top: 2vh; height:10px; background: transparent;color:#FFF; text-align: center; font-size:10px; }

/* メニュートグル＆クローズアイコン */
.open_menu {height:4.4vw;}
.open_menu.drawer_toggle {/*position:absolute;top:2.5em; right:.5em;*/ width:100%; height:100%;cursor:pointer;/*transform:translateY(-50%);*/z-index: 1000;}
.open_menu span {background-color: #fff;}
.open_menu span:nth-child(1) {top:50%;transform: rotate(45deg);}
.open_menu span:nth-child(2) {display:none;}
.open_menu span:nth-child(3) {bottom:auto; top:50%;transform: rotate(-45deg);}

.point{color:#FFF; position:absolute; top:3vh; left:4vw;}
.point a {color:#FFF; font-weight:normal;}

/* -------------------------
	Gナビ アコーディオン
-------------------------- */
body#login #g_navi2{top:70px;}

#g_navi2 {display:none;position:fixed;top:70px; left:0; height: 100%; overflow-y:auto; text-align:center;z-index:101;width:100%;}
#g_navi2 .inner {position:relative; z-index:99; width:100%; height: auto;background-color:rgba(0,0,0,0.65);}
#g_navi2 .layer {position:absolute; top:0; left:0; display:block; width: 100%; height:100%; background-color:rgba(0,0,0,0.65); content:""; opacity: 1.0 !important;}

body#login #g_navi2 .layer{ height:100vw;}

#g_navi2 .menu { position: relative; z-index: 100;}
#g_navi2 .menu{display:flex; flex-wrap:wrap; justify-content:space-around;}
#g_navi2 .menu li.half{width:50%; margin:0;}
#g_navi2 .menu li.half:first-child{border-right:1px solid #ddd;}
#g_navi2 .menu li.half a{background:#fff; margin:0 auto; border-top:1px solid #ddd;}
#g_navi2 li {width:100%; color:#222; border-bottom:1px solid #ddd; text-align: left; position: relative;}
body#login #g_navi2 .menu li:last-child {padding-bottom: 100px; margin-bottom: 100px;}
#g_navi2 .menu li:last-child {padding-bottom: 0; margin-bottom: 0;border-bottom:none;}

#g_navi2 li a {
	display:block; 
	width:100%;
	line-height:2.8em;
	color: #222;
	font-weight:normal;
	font-size:.9em; 
	padding:.3em 1em .3em 1.4em; 
	margin:0 auto; 
	background:#fff; 
	height:100%;
	border-bottom: #ddd;
	}

#g_navi2 li a span{
  position: relative;
  display:block;
  width:100%;
}
#g_navi2 li a span::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;/*画像の幅*/
  height: 14px;/*画像の高さ*/
  background: url(../images/list_icon.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-top: -5px;
} 

#g_navi2 li.menu_member span::before{ 
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 14px;/*画像の幅*/
  height: 14px;/*画像の高さ*/
  background: url(../images/member.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right:.5em;
  margin-top:-3px;
  }

#g_navi2 li.menu_login span::before{ 
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 14px;/*画像の幅*/
  height: 14px;/*画像の高さ*/
  background: url(../images/login.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right:.5em;
  margin-top:0px;
  }  

#g_navi2 li.coin i{
 color:#0072ae;
  position:absolute;
  top:10px;
  left:5px;
  font-size:18px
}

#g_navi2 .menu li a .bdge{ display: block; border-radius: 0; width: 20%; height: 8vw; line-height: 8vw; padding:0 2%; color: rgba(189, 155, 66, 1.0); position: absolute; right: 6vw; top:0.6vw; text-align: center; border: 1px solid rgba(189, 155, 66, 1.0); background:rgba(251, 249, 242,1.0) ; }
#g_navi2 .menu li a .bdge:after{ display: none;}


#g_navi2 li.full{
 width:100%;
 border-top:none;
 border-right:none;
 text-align:center;
 height:60px;
}

#g_navi2 .user_data{ padding: 20px; border-bottom: #ddd; background: #f5f4eb;}
#g_navi2 .user_data h4{color: #bd9b42; font-size: 1.1em; text-align: left; margin: .5em 0; font-weight: 500;}

#g_navi2 .user_data li {width:100%; border:none; text-align: left; position: relative;color: #333; font-size: 0.95em;}
#g_navi2 .user_data li span{color: #76644d; font-size: 0.75em; display: inline-block; position: relative;padding-right: 1.8%;}

#g_navi2 .user_data li:nth-child(2):before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 14px;/*画像の幅*/
  height: 14px;/*画像の高さ*/
  background: url(../images/member.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right:.5em;
  margin-top:-3px;
}

#g_navi2 .user_data li:nth-child(3):before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 14px;/*画像の幅*/
  height: 14px;/*画像の高さ*/
  background: url(../images/onamae.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right:.5em;
  margin-top:-3px;
}

#g_navi2 .user_data li:nth-child(4):before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 14px;/*画像の幅*/
  height: 14px;/*画像の高さ*/
  background: url(../images/wallet.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right:.5em;
  margin-top:-3px;
}

#g_navi2 .user_data li:nth-child(5):before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 14px;/*画像の幅*/
  height: 14px;/*画像の高さ*/
  background: url(../images/creditlimit.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right:.5em;
  margin-top:5px;
}

#g_navi2 .user_data li:nth-child(6):before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 16px;/*画像の幅*/
  height: 16px;/*画像の高さ*/
  background: url(../images/rank.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin-right:.5em;
  margin-top:2px;
}


/* ユーザランク gナビ*/
.rankclass_1:after{content: '';display: inline-block;width: 18px;height: 20px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank01.png");background-size: contain;
}
.rankclass_2:after{content: '';display: inline-block;width: 18px;height: 20px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank02.png");background-size: contain;
}
.rankclass_3:after{content: '';display: inline-block;width: 18px;height: 20px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank03.png");background-size: contain;
}
.rankclass_4:after{content: '';display: inline-block;width: 18px;height: 20px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank04.png");background-size: contain;
}
.rankclass_5:after{content: '';display: inline-block;width: 18px;height: 20px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank05.png");background-size: contain;
}

/* ユーザランク mypage*/
.myp_rankclass_1:before{content: '';display: inline-block;width: 27px;height: 30px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank01.png");background-size: contain; margin-right: 2%;
}
.myp_rankclass_2:before{content: '';display: inline-block;width: 27px;height: 30px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank02.png");background-size: contain;margin-right: 2%;
}
.myp_rankclass_3:before{content: '';display: inline-block;width: 27px;height: 30px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank03.png");background-size: contain;margin-right: 2%;
}
.myp_rankclass_4:before{content: '';display: inline-block;width: 27px;height: 30px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank04.png");background-size: contain;margin-right: 2%;
}
.myp_rankclass_5:before{content: '';display: inline-block;width: 27px;height: 30px;position: relative;top:6px;left: 3px;
    background-image: url("../images/rank05.png");background-size: contain;margin-right: 2%;
}

/* ------------------------
	 top
------------------------ */
#login #mv{/*margin-top:-3.2em;*/}
.tp #mv{margin-top: -124px !important;}
#mv{
 /*margin-top:-2.4em;*/
 margin-top: 0;
 width:100%;
 height: auto;
 position: relative;
 box-sizing:border-box;
 overflow:hidden;
 background-color:#f9f9f9;
}
#mv .catch01{ position: absolute;left: calc(50% - 160px);top: calc(50% - 60px); z-index: 1; width: 54%;}
#mv .catch01 h2{ display: block; margin: 0 auto;color: #fff;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; /*font-size: 1.7em; */font-weight: 500; text-align: center; line-height: 150%; font-size: clamp(18px, 22 / 375 * 100vw, 28px);
text-shadow:
            3px 3px 6px rgba(15, 137, 231,0.5), -3px -3px 6px rgba(15, 137, 231,0.5),
           -3px 3px 6px rgba(15, 137, 231,0.5),  3px -3px 6px rgba(15, 137, 231,0.5);
}
#mv .catch01 h1 {display: block; margin: .4em auto;}
#mv .catch01 h1 img{display: block; width: 54%; height: auto; margin: 0 auto;}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 0px;
}

.slick-dots
{
    position: absolute;
    margin-top:-30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index:2;
}

.slick-dots li button{margin-top:-30px; z-index:2; position:absolute;}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #222;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    color: #bd9b42;
}


.bg-slider {
 margin-top:0;
 height:340px;
 width: 100%;
 background-position: center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 margin-bottom: 10px;
}


.bg-slider2 {
    height: 150px;
    width: 100%;
    background-color: #FFF;
    /*background-position: ;*/
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-slider,.bg-slider2 {
    background-position: center top\9;
    background-repeat: repeat-x\9;
}

*+html .bg-slider,*+html .bg-slider2 {
    background-position: center top;
    background-repeat: repeat-x;
}

.bg-title{
 position:absolute;
 top:33%;
 width:100vw;
 text-align:center;
}

h2.bg-slider__title{
	width:50%;
	margin:0 auto 10px;
	padding-top:60px;
}

.yu_mincho{font-family: 游明朝,"Yu Mincho",YuMincho,メイリオ,Meiryo,serif;}

.bg-text2{
 color:#FFFF;
 font-size:18px;
 font-family: 游明朝,"Yu Mincho",YuMincho,メイリオ,Meiryo,serif;
}

.bg-title_nomember{
 position:absolute;
 top:40%;
 width:100vw;
 text-align:center; height:60px;
 color:#FFFF;
 font-family: 游明朝,"Yu Mincho",YuMincho,メイリオ,Meiryo,serif;
}

.catch1 {
 left:-17%;
 font-size:23px;
}
.catch2 {
 left:-17%;
 font-size:18px;
}

/*トップバナー*/
.top_banner{width:100%; padding:10vw 0; background-image: url("../images/top_banner_bg.jpg"); background-repeat: no-repeat; background-size:cover; background-position: top;}
.top_banner_inner{width:100%; margin:0 auto; padding: 10vw 2.4vw; background: #fff;box-shadow: 0px 3px 3px rgba(145, 119, 55,0.1);}
.top_banner a{ display: block; margin-bottom: 4%;}
.top_banner a:hover{ opacity: 0.9;}
.top_banner a:last-child{ margin-bottom: 0;}
.top_banner .cont_ttl .t01{color: #bd9b42; background: #fff; font-size: 1.1em;}
.top_banner span.t02{color: #7d7d81;}

/*精算金額のご案内*/
.seisan_text{ background: #fbf9f2; border: 1px solid rgba(189, 155, 66, 0.4); padding: 4%; width: 94%; margin: 4vw auto 0;}
.seisan_text .cont_ttl .t01{color: #bd9b42; background: none; font-size: 1em;}
.seisan_text .cont_ttl:before,.seisan_text .cont_ttl:after{content: none;}
.seisan_text .seisan_area{width:70%; display:block; margin: 3% auto 6%;}
.seisan_text .seisan_area .seisan_area_data{ width: 100%; margin-bottom: 4%}
.seisan_text .seisan_area .btn{width:100%; margin: 0;}
.seisan_text .seisan_area .btn a{color: #fff; display: block;}
.seisan_text .seisan_area_data .seisan_price{ font-size: 0.85em;}
.seisan_text .seisan_area_data .seisan_kigen{ font-size: 0.85em;}
.seisan_text .seisan_area_data .seisan_price span{ display: inline-block; padding: 0 6%; font-size: 1.45em; font-weight: 500;}
.seisan_text .seisan_area_data .seisan_kigen span{ display: inline-block; padding: 0 6%; font-size: 1.45em; font-weight: 500;}
.seisan_text .seisan_bonus{padding: 3.6% 2%; background: rgba(189, 155, 66, 0.4); text-align: center;}
.seisan_text .seisan_bonus .tx1{ margin-bottom: 2%;}
.seisan_text .seisan_bonus .tx1 .pt1{ display: inline-block; padding: 0 2%; font-size: 1.25em; font-weight: 500;}
.seisan_text .seisan_bonus .tx2{font-size: 0.75em; display: inline-block; width: 86%; text-align: center; margin: auto;}

/*最新のつぶやき*/
#top_tsubuyaki{ margin:3em auto 16vw;}
#top_tsubuyaki .tsubuyaki_area{ width: 100%;margin:0 auto; background: #fff; box-shadow: 0 3px 3px rgba(145, 119, 55,0.1); border-top: 1px solid rgba(203, 192, 166, 0.6);border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none;border-right: none;}
#top_tsubuyaki .tsubuyaki_box{ width: 100%; padding: 2% 3%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
#top_tsubuyaki .tsubuyaki_box:last-child{border-bottom: none;}
#top_tsubuyaki .tsubuyaki_box figure{width: 20%; margin: 0;}
#top_tsubuyaki .tsubuyaki_box figure img{width: 100%; height: auto; border-radius: 50%;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
#top_tsubuyaki .tsubuyaki_box .tsubuyaki_txt  {width: 77%; margin: 0;}  
    
#top_tsubuyaki .tsubuyaki_box .mid{ width: 100%;display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#top_tsubuyaki .tsubuyaki_box h4{ font-size: 0.85em; font-weight: normal; margin: 0 0 2%;}
#top_tsubuyaki .tsubuyaki_box .date{ text-align: right; color: #848484; font-size: 0.85em;}
    
.t_uline{ display: inline-block; position: relative;padding: .3rem 0;border-bottom: 2px solid #decda0;}
.t_uline:before {position: absolute;bottom: -2px;left: 0;width: 50%;height: 2px;content: '';background: #bd9b42;}

#top_tsubuyaki .tsubuyaki_box .rig{width:100%;display:block;}
#top_tsubuyaki .tsubuyaki_box p{display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}    
#top_tsubuyaki .tsubuyaki_box .btn{width: 30%; color: #fff; padding: 0.4rem 0 !important; margin: auto 0 auto auto;}
#top_tsubuyaki .tsubuyaki_box .btn:after{width: 5px; height: 5px; margin-top: -3px;}
#top_tsubuyaki .tsubuyaki_box .btn a{color: #fff; font-size: 0.85em; display: block;} 


/* 口コミ */
#top_review{width:100%; margin:3em auto 16vw;}
#top_review .review_area{ width: 100%;margin:0 auto; background: #fff;box-shadow: 0 3px 3px rgba(145, 119, 55,0.1); border-top: 1px solid rgba(203, 192, 166, 0.6); border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;}
#top_review .review_area .review{width: 100%; padding: 2% 3%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
#top_review .review_area .review:last-child{border-bottom: none;}
#top_review .review_area figure{width: 20%; margin: 0;}
#top_review .review_area figure img{width: 100%; height: auto; border-radius: 50%;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
#top_review .review_area .review_detail{ width: 77%;}
#top_review .review_area .review_rating{width: 100%; padding: 0; display:block;}
#top_review .review_area .castname{ margin-bottom: .4%;}
#top_review .review_area .castname a{ color: #222 !important; font-feature-settings: "palt";}
#top_review .review_area .review_name{ color: #848484; font-size: 0.875em;}
#top_review .review_area .review_ttl{ margin: 1% 0 0;}
#top_review .review_area .review_detail_b p{font-size: 0.9em;}
#top_review .btn a{ color: #fff !important; display: block;}
#top_review .more{ display: none;}

/* 占い師ブログ　*/
#top_column{width:100%; margin:3em auto 16vw;}
#top_column .column_area{ width: 100%;margin:0 auto; background: #fff;box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);  border-top: 1px solid rgba(203, 192, 166, 0.6); border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;}



/* top_category */
#top_category{width:100%; margin:3em auto;}
#top_category ul{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#top_category li{width:32%; margin-bottom:1em;}
#top_category li a:hover{opacity:.8;}

/* top_keyword */
#top_keyword{width:100%; margin:3em auto;}
.keyword_list{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.keyword_list li{width:48%; border:1px solid #ddd; text-align: center; position: relative; margin-bottom:1em;}

.keyword_list li a {
	display:block; 
	width:100%;
	line-height:2.8em;
	color: #222;
	font-weight:normal;
	font-size:.95em; 
	padding:.3em 1em; 
	margin:0 auto; 
	background:url("../images/btn_bg.png") no-repeat; 
	background-size:100% 100%; 
	height:100%;
	transition:.3s;
	}

.keyword_list li a span{
  position: relative;
  display:block;
  width:100%;
}
.keyword_list li a span::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid #bd9b42;
  border-right: 1px solid #bd9b42;
  transform: rotate(45deg);
  margin-top: -5px;
} 
.keyword_list li a:hover{color:#bd9b42;}

#top_recommend{width:100%; margin:3em auto; }
#top_ranking{width:100%; margin:3em auto;}
#top_newcomer{width:100%; margin:3em auto;}
#top_review{width:100%; margin:3em auto;}
#top_column{width:100%; margin:3em auto;}

/* NEWS */
#news{width:100%; margin:1em auto 8vw;}
#news .cont_ttl span.t01{color: #bd9b42;}
#news .white_wrap{width:100%; margin-bottom:2em; font-size:.9em;box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);border-top: 1px solid rgba(203, 192, 166, 0.6); border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;}
.news_list{padding:1em;border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
.news_list:last-child{ border-bottom: none;}
.news_box{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
.news_list .tag{width:9%; min-width:80px; font-size:.75em; padding:.4% .1%; margin-bottom:.8em; border-radius:0;background: rgba(203, 192, 166,0.7);color:#222;text-align:center; font-feature-settings: "palt";}
.news_list .date{color: #848484; font-size: 0.75em;}
.news_list p{color: #222; font-size: 0.9em;display: inline-block; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* FAQ */
#FAQ{width:100%;/* margin:3em 0; */}
#faq01,#faq02,#faq03,#faq04,#faq05{margin-bottom:2em; margin-top:-100px; padding-top:100px;}
.faq_cate{width:100%; margin-bottom:1.5em; display:flex; flex-wrap:wrap; justify-content:center;}
.faq_cate li{margin-bottom:.5em;}
.faq_cate li a{color:#222;}
.faq_cate li a:hover{color:#bd9b42; transition:.3s;}
.faq_cate li:after{content:"|"; color:#ccc; margin:1em;}
.faq_cate li:last-child:after{content:none;}

/* FAQアコーディオン */
#faq_ac{width:100%; margin-bottom:2em; font-size:.9em;box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);border-top: 1px solid rgba(203, 192, 166, 0.6); border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;}
#faq_ac dt{
position:relative;
display:block;
width:100%;
border-bottom:1px solid rgba(203, 192, 166, 0.6);;
cursor:pointer;
background:#fff;
padding:1.5em 3.5em 1.5em 3em;
text-indent:-1.5em;
}
#faq_ac dt.active,#faq_ac dt:last-child{ border-bottom: none;}
#faq_ac dt:before{
	content:"";
	display:inline-block;
	width:1.1em;
	height:1.4em;
	margin-right:.5em;
	margin-bottom:-.4em;
	background:url(../images/q.png) no-repeat;
	background-size:100%;
}

#faq_ac dt span{
	position:absolute;
	display:block;
	/*border:1px solid #132237;*/
	padding:1em;
	right:1em;
	top:29%;
}

#faq_ac dt span:after{
	content:"";
  display:block;
  width:.8em;
  height:.8em;
  border-top: #b79646 1px solid;
  border-right: #b79646 1px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 1em;
  top: 0;
  bottom: 18%;
  margin: auto;
}

#faq_ac dt.active span:after{
	transform: rotate(-45deg);
  position:absolute;
  right: 1em;
  top: 18%;
  bottom: 0;}

#faq_ac dd{
background:rgba(251, 249, 242,0.8);
padding:1.5em;
width:100%;
height:100%;
display:none;
padding-left:3em;
text-indent:-1.5em;}

#faq_ac dd:before{
	content:"";
	display:inline-block;
	width:1.4em;
	height:1.4em;
	margin-right:.5em;
	margin-bottom:-.3em;
	background:url(../images/a.png) no-repeat;
	background-size:100%;}

#faq_ac a{color:#b79646;}




/* top_message */
#top_message{width:100%; margin:3em 0;}
#top_message .message{width:100%; display:flex; flex-wrap:wrap;}
#top_message .message_img{width:100%;}
#top_message .message_txt{width:100%; background:#bd9b42; color:#fff; padding:1.5em; text-align: justify; text-justify: inter-ideograph;}


/* top_recruit */
#top_recruit{width:100%; margin:3em 0;}
#top_recruit .recruit_wrap{
	background:url("../images/recruit_img.png") no-repeat; 
	background-size:cover; 
	padding:2.5em 1.2em; 
	display: flex; 
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    }
#top_recruit .recruit_txt{color:#fff; text-align:center; font-size:1.1em;}

.news_p a {font-weight:normal; color:#000; }

.news_p a::before{
 font-family: "FontAwesome";
 content: '\f5bb'; /* アイコンのunicode */
 color: #0072ae;
 font-size:14px;
 padding-right:3px;
}


/* --------------------------------------------------
	#mutter
-------------------------------------------------- */

#mutter{
 box-sizing:border-box;
 margin:15px;
 padding:5px 8px;
 background:#FFF;
}

#mutter .box{
	width:100%;
	background:#fff;
	border-radius:5px;
	border:1px solid #eee;
	padding: 0;
}

.m_list{
 width:100%;
 padding:1%;
 box-sizing: border-box;
 border-top:1px solid #eee;
 display: flex;
 position:relative;
}

.m_list a{
 width:100%;
 box-sizing: border-box;
 display: flex;
 position:relative;
}

.m_list:first-child {
 border:none;
}

.m_list figure,.m_list a figure{width:20%; margin:10px;}

.m_list .txt,.m_list a .txt{width:55%; color: #333;}
.top_tsubuyaki .m_list .txt{width:100%;}

.m_list .txt h3,.m_list a .txt h3{ margin:10px 0 5px; font-size:1em;}
.m_list .txt p,.m_list a .txt p{margin:0; font-weight:normal;}

.m_list .time,.m_list a .time{
	position:absolute;
	top:5px;
	right:10px;
	font-weight:bold;
	font-size:.9em;
}

.m_list .status,.m_list a .status{
	position:absolute;
	bottom:12px;
	right:0px;
	font-size:.9em;
}


/* --------------------------------------------------
	#tabMenu
-------------------------------------------------- */

#tabMenu ul,#tabMenu2 ul,#tabMenu3 ul{
    width:100%;
    }
#tabMenu,#tabMenu2,#tabMenu3{
    width:94%; margin: 0 auto 16%;
    }
.cast_p #tabMenu,.cast_p #tabMenu2,.cast_p #tabMenu3{width:94%; margin: 0 auto 18%;} 

#tabMenu li{
    float:left;
    width:calc(100%/3);
    font-size:.9em;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
#tabMenu li,#tabMenu3 li{
 /* margin-bottom: 10px; */
}
#tabMenu2 li{
    float:left;
    width:calc(100%/2);
    font-size:.9em;
    }
/*追記0125*/   
#tabMenu3 li{
    float:left;
    width:calc(100%/3);
    font-size:.9em;
    }

#tabMenu li.half,
#tabMenu2 li.half,
#tabMenu3 li.half{
    float:left;
    width:50%;
    }            

#tabMenu li a,#tabMenu2 li a,#tabMenu3 li a,
#tabMenu li span,#tabMenu2 li span,#tabMenu3 li span{
    width:100%;
    height:52px;
    line-height:1.5;
    text-align:center;
    border-right:#fff 1px solid;
    border-left:#fff 1px solid;
    background: rgba(189, 155, 66, 0.5);
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}

#tabMenu li:nth-child(-n+3){border-bottom:#fff 2px solid;}
#tabMenu li a.active,#tabMenu li span.active,
#tabMenu3 li a.active,#tabMenu3 li span.active{
	color:#fff;
	background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
	background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
	background: linear-gradient(135deg, #10b2a2, #2e9290);
}	

#tabMenu2 li a.active,#tabMenu2 li span.active{
	background:#fff;
	color:#000;
}	


#tabMenu2 li a span,#tabMenu3 li a span{
	display:block;
	font-size:18px;
}
	
#tabBox1,#tabBox2,#tabBox3,#tabBox4,#tabBox5,#tabBox6{
    width:100%;
    height:auto;
    border-bottom:none;
    padding-bottom:15px;
    margin-top: 0px;
    }

#tabBox1 .tabBox_wrap,#tabBox2 .tabBox_wrap,#tabBox3 .tabBox_wrap,#tabBox4 .tabBox_wrap,#tabBox5 .tabBox_wrap,#tabBox6 .tabBox_wrap{
    box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);
    border-top: 1px solid rgba(203, 192, 166, 0.6);
    border-bottom: 1px solid rgba(203, 192, 166, 0.6);
    border-left: none;
    border-right: none;
    background:#fff;
    }

.cast_p #tabBox1{
    width:100%;
    height:auto;
    border-bottom:none;
    padding-bottom:15px;
	margin-top: -20px;
    }

.cast_p #tabBox2,.cast_p #tabBox3,.cast_p #tabBox4,.cast_p #tabBox5,.cast_p #tabBox6{
    width:100%;
    height:auto;
    border-bottom:none;
    padding-bottom:15px;
	margin-top: -20px;
    }

#tabBox1{/*background:#fff;*/}
#tabBox2{
    /*background:#fff;*/
    display:none;
    }
#tabBox3{
    /*background:#fff;*/
    display:none;
    }
#tabBox4{
    /*background:#fff;*/
    /*display:none;*/
    }
#tabBox5{
    /*background:#fff;*/
    display:none;
    }
#tabBox6{
    /*background:#fff;*/
    display:none;
    }

#tabBox1 .inner,
#tabBox2 .inner,
#tabBox3 .inner,
#tabBox4 .inner,
#tabBox5 .inner,
#tabBox6 .inner
{width:100%; padding:4em 1em 1em; box-sizing:border-box;}

#tabBox1 .inner2,
#tabBox2 .inner2,
#tabBox3 .inner2,
#tabBox4 .inner2,
#tabBox5 .inner2,
#tabBox6 .inner2
{width:100%; padding:0; box-sizing:border-box;}

#tabBoxes .center,
#tabBoxes2 .center,
#tabBoxes3 .center,
#tabBoxes4 .center,
#tabBoxes5 .center,
#tabBoxes6 .center
{color:#666!important;}

#tabBoxes .review{padding:1em 0;}

/* ジャンル絞り込み */
#genre{width:100%; margin:0 auto; padding: 0 1em;}
#genre dt{
    display:block;
    width:100%;
    padding:.75em 1em;
    margin:1em auto;
    line-height:1.5;
    text-align:left;
    border-right:#fff 1px solid;
    border-left:#fff 1px solid;
    background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
    background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
    background: linear-gradient(135deg, #10b2a2, #2e9290);
    color:#fff;
    position:relative;
    font-size: 0.9em;
}

#genre dt:after{
  content:"";
  display:block;
  width:.8em;
  height:.8em;
  border-top: #fff 1px solid;
  border-right: #fff 1px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 1em;
  top: 0;
  bottom: 18%;
  margin: auto;
}

#genre dt.active:after{
  transform: rotate(-45deg);
  position:absolute;
  right: 1em;
  top: 18%;
  bottom: 0;
}

#genre dd{
width:100%;
text-align:center;
display:none;
}

/* 鑑定師検索フォーム202507--------- */
.myitem_search_form.inner_item {background: #fbf9f2;padding: 3%;border: 1px solid #bd9b42; text-align: left !important; margin-bottom: 2%;}
.myitem_search_form input[type="text"], .myitem_search_form input[type="tel"], .myitem_search_form input[type="password"], .myitem_search_form input[type="email"], .myitem_search_form input[type="search"], .myitem_search_form textarea, .myitem_search_form select { width: 100%; padding: 0.75em; border: solid 1px #d0d2e0; border-radius: 5px; }
.myitem_search_form input[type="text"]:focus, .myitem_search_form input[type="tel"]:focus, .myitem_search_form input[type="password"]:focus, .myitem_search_form input[type="email"]:focus, .myitem_search_form input[type="search"]:focus, .myitem_search_form textarea:focus, .myitem_search_form select:focus { outline: none; }
.myitem_search_form input[type="text"]:focus-visible, .myitem_search_form input[type="tel"]:focus-visible, .myitem_search_form input[type="password"]:focus-visible, .myitem_search_form input[type="email"]:focus-visible, .myitem_search_form input[type="search"]:focus-visible, .myitem_search_form textarea:focus-visible, .myitem_search_form select:focus-visible { outline: none; }
.myitem_search_sec { margin-bottom: 1em; }
.myitem_search_ttl { padding: 0 0 .3em; margin-bottom: 2%; font-size:16px; font-weight: 600; color: #76644d; border-bottom: 1px solid #bd9b42; display:block;width: 100%;}
.myitem_search_ttl02 { padding: 0.75em 0 .2em; font-size: 1em; font-weight: 500; color: #343536; }

.myitem_search_item { margin-bottom: 1em; display: flex; align-items: center; font-size: 1.0714285714em; }
.myitem_search_item label { width: 7em; }
.myitem_search_select { position: relative; flex-grow: 1; }
.myitem_search_select select { position: relative; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; background: none; z-index: 2; }
.myitem_search_select select::-ms-expand { display: none; }
.myitem_search_select:before { content: ""; display: block; width: 0.66em; height: 0.66em; position: absolute; top: 50%; right: 1.25em; border-bottom: #147b6a 1px solid; border-right: #147b6a 1px solid; transform: rotate(45deg) translateY(-88%); }
.myitem_search_free { position: relative; margin-bottom: 1em; }
.myitem_search_free > input[type="search"], .myitem_search_free input[type="txt"] { padding-right: 2.75em; }
.myitem_search_free .btn_search a, .myitem_search_free .btn_search button, .myitem_search_free .btn_search input[type="search"], .myitem_search_free .btn_search input[type="submit"], .myitem_search_free .btn_search input[type="button"] { position: absolute; right: 0.75em; top: 0.75em; width: 6.4vw; height: 6.4vw; background: url("../img/ec/btn_search.png") no-repeat; background-size: contain; background-color: inherit; border: none; cursor: pointer; }
.myitem_search_btn { margin: 1.5em auto; font-size: 1.1em; }
.myitem_search_btn a, .myitem_search_btn button, .myitem_search_btn input[type="submit"], .myitem_search_btn input[type="button"] { cursor: pointer; display: block; width: 100%; background: #147b6a; border-radius: 1.75em; padding: 0.75em 0.25em; text-align: center; color: #fff; font-weight: 500; border: solid 2px #147b6a; transition: .3s; margin-bottom: 0.5em; font-weight: 500; z-index: 21; transition: .3s; }
.myitem_search_btn a:hover, .myitem_search_btn button:hover, .myitem_search_btn input[type="submit"]:hover, .myitem_search_btn input[type="button"]:hover { background: #fff; color: #147b6a; }

/* フォーム形式202507*/
.myitem_q_form { padding: 0; margin: 0 auto 1em; }
.myitem_q_form ul { margin-bottom: 1em; }
.myitem_q_form ul li { position: relative; margin-right: 1em; margin-bottom: 1.25em; display: inline-block;width: auto; }
.myitem_q_form ul li:last-of-type { margin-right: 0; }
.myitem_q_form ul li label { padding-left: 2.2em; padding-top: 0.1em; transition: .3s; display: flex;}
.myitem_q_form ul li label span:first-of-type { margin-right: 0.5em; }
.myitem_q_form ul li input[type="checkbox"] { display: none; }
.myitem_q_form ul li input[type="checkbox"] + label { cursor: pointer; }
.myitem_q_form ul li input[type="checkbox"] + label:before { content: ""; position: absolute; left: 0; top: 0; width: 1.4em; height: 1.4em; background: none; border-radius: 7px; border: solid 1px #bbb; transition: .3s; background-color: #fff;}
.myitem_q_form ul li input[type="checkbox"]:checked + label:after { content: ""; position: absolute; left: 0.5em; top: 0.2em; width: 0.5em; height: 0.8em; border: solid 1px #bd9b42; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.myitem_q_form ul li input[type="radio"] { display: none; }
.myitem_q_form ul li input[type="radio"] + label { cursor: pointer; }
.myitem_q_form ul li input[type="radio"] + label:before { content: ""; position: absolute; left: 0; top: 0; width: 1.5em; height: 1.5em; background: #fff; border-radius: 50%; border: solid 1px #bbb; transition: .3s; }
.myitem_q_form ul li input[type="radio"]:checked + label:before { background: #bd9b42; box-shadow: 0 0 0 0.2em #fff inset; }
/* 鑑定師検索フォーム202507--------- */

.carousel2 {
width:100%;
-webkit-overflow-scrolling: touch;
  overflow-x: scroll;
white-space:nowrap;
}

.carousel2 li {
 margin: 2px 7px;
 text-align: center;
 display: inline-block;
 -ms-overflow-style: none;  scrollbar-width: none;
 width: auto;
 display: inline-block;
 vertical-align: top;
    
    border: 1px solid #bd9b42;
    color: #bd9b42;
    background: #fbf9f2;
    padding: 0.5em 0.8em;
}
.carousel2::-webkit-scrollbar {display:none;}

.shibori{
display: flex;
 margin-bottom:0.5rem;
 justify-content: space-between;
 width:100%;
}

.carousel2 li a{
    display: block;
}
.carousel2 li img {
display: none;
 width: 4rem;
 margin-bottom: 0.5rem;
 border-radius:50%;
}
.carousel2 li span {
    font-size: 0.8rem;
    color: #bd9b42;
}

.carousel2 li.key_active{border: 1px solid #bd9b42;color: #fff;background: #bd9b42;}
.carousel2 li.key_active a span{color: #fff;}

.cast_q{margin:1em auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.cast_q:after{content:">"; margin-left:.5em; margin-top:-.2em; color:#bd9b42;}

.price_a{
 /*position: absolute;*/
 bottom: 10px;
 font-weight: bold;
 font-size:14px;
 color:#000;
}
.price_b{
 /*position: absolute;*/
 /*bottom: 28px;*/
margin-top:10px;
 font-weight: normal;
 font-size:10px;
 color:#000;
}
.sen{
 font-size:12px;
 font-weight: normal;
 color:#222;
}

.price_c{
 position: absolute;
 bottom: 10px;
 right: 15px;
}
.price_d{
 position: absolute;
 right: 15px;
 top: 45px;
 font-weight: bold;
 font-size:18px;
 color:#000;
}
.price_d span{font-size:12px; color:#000; font-weight:normal;}
.price_e{
 position: absolute;
 right: 15px;
 top: 33px;
 font-weight: normal;
 font-size:10px;
 color:#000;
}
.price_f{
 position: relative;
 text-align:right;
 color:#000;
 font-weight:normal;
 right: 5px;
}
.price_f .states_txt_on{
 -webkit-animation: 1s linear 0s alternate none infinite running blink;
 -moz-animation: 1s linear 0s alternate none infinite running blink;
 animation: 1s linear 0s alternate none infinite running blink;
}

.augur,.augur a{
	width:100%;
	box-sizing: border-box;
	/*border-top:1px solid #ccc;*/
	display: flex;
	position:relative;
	color:#222;
}

#tabBox1 .augur, #tabBox2 .augur, #tabBox3 .augur, #tabBox4 .augur, #tabBox5 .augur, #tabBox6 .augur {
 height:auto;
 padding:0;
 background: #fff;
}

.more .augur{border: 1px solid rgba(203, 192, 166, 0.6); margin-top: -1px;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
.more .augur:first-child{border-top:none !important;}

.cast_p #tabBox1 .tabBox_wrap .augur:nth-child(1){ margin-top: -6.36%}
.cast_p #tabBox2 .augur{ padding: 1em 0.2em;}

/* 占い師一覧 */
.augur{width:100%; border-top:1px solid rgba(203, 192, 166, 0.6); padding:0; box-sizing:border-box;}
.augur:first-child{border-top:none;}
.augur:last-child,.augur a:last-child{border-bottom:none;}

.augur_inner{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; padding:3% 3%;}
.augur a figure{width:30%;margin:0 0 0 0;}
.augur_inner_wrap{width:67%; padding: 0;}

.augur_up{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.augur_info{width:60%; padding: 1% 0;}
.augur_info .cast_name{margin: 0; font-feature-settings: "palt";}
.augur_info .name_wrap{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.augur_info .name_wrap .sratus{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.augur_info .price{display:flex; flex-wrap:wrap; align-items:center; margin: 0 0 .1em;}
.augur_info .price dt{font-size:.7em; margin-right:.4em; border-radius: 0; background:rgba(203, 192, 166,0.7); font-weight: normal; padding: .1em .5em;}
.augur_info .price dd{font-weight:bold; font-size: 1em;}
.augur_txt{width:100%; margin-top:1em;}
.cast_txt{ width: 100%; font-size: 0.9em; margin-top: 0.8em; line-height: 120%;}
.sratus_wrap{width:38%; padding: 1% 0;}
.augur a .txt{max-width:55%;width:40%;}
.augur a .txt .debutdate{ font-size:1em; color: #2BB3C0; font-weight: bold;}
.augur a .txt .debutdate em{ font-size:0.8em; padding: 1%; background:#2BB3C0; color: #fff; border-radius: 4px;}

.augur a .txt h3{ margin:0px 0px 0px; font-size:1em; color: #333;}
.augur a .txt p{/*margin:0 0 15px;*/ margin: 0; color: #333;}

.augur a .fav,.augur .fav{
	width:20px;
	font-weight:bold;
	font-size:.9em;
    position: relative;
    right: 2%;
    padding: 3% 0;
}
.augur a .fav img,.augur .fav img{width:20px;}

.augur a .special{
	position:absolute;
	top:3px;
	right:40px;
	width:22px;
	font-weight:bold;
	font-size:.9em;
}

.cast_p .augur,.cast_p .augur a{
    display: block;
} 
.cast_p .augur a .fav,.cast_p .augur .fav{
    position: absolute;
    top:0;
}  
    
.cast_p .augur .tsubuyaki_txt,.cast_p .augur a .tsubuyaki_txt{
    background: rgba(203, 192, 166, 0.4);
    font-size: 0.8em;
    padding: 0.2em 0.8em;
    width: 95%;
    margin: 0 auto .6em;
    }  
.cast_p .augur .tsubuyaki_txt p,.cast_p .augur a .tsubuyaki_txt p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }

.myp_msg09{ position: absolute; right: 5px;}
.myp_msg09 a{
	position: relative;
	display: block !important;
	top:2px;
	right:2px;
	font-size:.9em;
	font-weight:bold;
	width:auto;
	border-radius:5px;
	padding:10px;
	box-sizing:border-box;
	color:#fff !important;
	text-align:center;
	margin-bottom: 0 !important;
	height:auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #09dbca;
	border: none;
}

#blog3 .augur a .txt{ width: 60%;}
#blog3 .augur a .txt p{ font-size: 0.8em}

.augur a .status_tag {
    font-weight: 600;
    margin-right: -.5em;
    font-size:.85em;
}

.augur a .status_tag .ninzu{display: inline-block;margin-right: 3%; font-size: 0.75em; font-weight: 400;}

.augur a .status_tag span {
/* display:none;*/
}
/*.augur a .status_tag.off span,.augur a .status_tag.on span,.augur a .status_tag.reserve span,.augur a .status_tag.rest span{
 display:none;
}*/

.nextsche{
 display:none;
}

.augur a .status_tag.on::before {
 color: #744bac;
 content: '●';
 display:inline-block;
 padding-right:.2em;
}
.augur.mail a .status_tag.on::before {
 color: #744bac;
 content: '●';
 display:inline-block;
 padding-right:.2em;
}
.augur a .status_tag.off::before {
 color: #45c4a2;
 content: '●';
 display:inline-block;
 padding-right:.2em;
}

.augur a .status_tag.rest::before {
 /*color: #ccc;*/
 color: #bd9b42;	
 content: '●';
 display:inline-block;
 padding-right:.2em;
}
.augur a .status_tag.offwait::before {
 color:#bd9b42;
 content: '●';
 display:inline-block;
 padding-right:.2em;
}
/*.augur a .status_tag.offwait .blinking2::before {
 color:#45c4a2;
 content: '●';
 display:inline-block;
 padding-right:.4em;
}*/
.augur.mail a .status_tag.offwait::before {
 color: #45c4a2;
 content: '●';
 display:inline-block;
 padding-right:.2em;
}
.augur a .status_tag.offline::before {
 color:#CCC;
 content: '●';
 display:inline-block;
 padding-right:.2em;
}
.augur a .status_tag.reserve::before {
 color: #fece00;
 content: '●';
 display:inline-block;
 padding-right:.2em;
}


/*文字横スライド*/
/*.augur a .status_tag.off::after{
 animation: key1 .3s ease infinite alternate;
 display:inline-block;
 color:#000;
 margin-right:10px;
 content: '鑑定OK';
}*/
/* メール鑑定 */
/*.augur.mail a .status_tag.on::after {
 display:inline-block;
 color:#000;
 margin-right:10px;
 content: '鑑定OK';
 animation: key1 .3s ease infinite alternate;
}*/
@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-5px);}
}




/* 文字点滅（ゆっくり） */
/*.augur a .status_tag.on::after {
 display:inline-block;
 color:#000;
 margin-right:15px;
 content: '鑑定中';
    -webkit-animation: 1s linear 0s alternate none infinite running blink;
    -moz-animation: 1s linear 0s alternate none infinite running blink;
    animation: 1s linear 0s alternate none infinite running blink;
}*/
.augur.mail a .status_tag.offwait::after {
 display:inline-block;
 color:#000;
 content: '予約満杯';
 font-size:14px;
 margin-right:5px;
    -webkit-animation: 1s linear 0s alternate none infinite running blink;
    -moz-animation: 1s linear 0s alternate none infinite running blink;
    animation: 1s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}


/* 文字点滅（ゆっくり） */
/*.augur a .status_tag.reserve::after {
 display:inline-block;
 color:#000;
 margin-right:15px;
 content: '予約中';
    -webkit-animation: 1s linear 0s alternate none infinite running blink;
    -moz-animation: 1s linear 0s alternate none infinite running blink;
    animation: 1s linear 0s alternate none infinite running blink;
}*/
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

/* 文字点滅（ゆっくり） */
/*休憩中*/
/*.augur a .status_tag.rest::after {
 display:inline-block;
 color:#000;
 content: '休憩中';
 margin-right:15px;
    -webkit-animation: 1s linear 0s alternate none infinite running blink;
    -moz-animation: 1s linear 0s alternate none infinite running blink;
    animation: 1s linear 0s alternate none infinite running blink;
}*/
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

.augur a .free_tag{
 position: absolute;
/* min-width: 50px;
 width: 6%;*/
 min-width: 70px;
 width: 10%;
 right: 10px;
 text-align: center;
 margin: 0.4rem 0 0;
 padding: 0.3rem 0.1rem;
 border:1px solid #bd9b42;
 border-radius: 0;
 color: #bd9b42;
 font-weight:500;
 font-size: 12px;
 background: #fbf9f2;
}
.augur a .free_tag span{ display:none; width: 100%;font-weight: normal;}	

.augur a .kdate{ font-size: .9em; margin: 0;}
.augur a .kdate:before{ font-family: "FontAwesome"; content: "\f017"; margin-right:3px;display: inline-block;transform: translateX(-50%);}


/* 占い師一覧ステータスにくっついた待ち人数表記 */
.nextsche{ color: #000; /*visibility:hidden;*/}
.nextsche:before{ font-family: "FontAwesome"; content: "\f017"; margin-right:3px;/*display: inline-block;transform: translateX(-50%);*/}
.more{cursor:pointer; margin-top: 0px;}
.cast_p .more{cursor:pointer; margin-top: -20px;}
.more .open{
  width:90%;
  max-width:300px;
  font-size: .85rem;
  margin:1.5em auto;
  text-align:center;
  line-height: 1.5;
  position: relative;
  display: block;
  padding: 1.1rem 1rem!important;	
  color: #fff!important;
  font-weight:normal;
  border-radius: 0;
  background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
  background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
  background: linear-gradient(135deg, #10b2a2, #2e9290);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);}
.more .close{
  width:90%;
  max-width:300px;
  font-size: .85rem;
  margin:1.5em auto;
  text-align:center;
  line-height: 1.5;
  position: relative;
  display: block;
  padding: 1.1rem 1rem!important;	
  color: #fff!important;
  font-weight:normal;
  border-radius: 0;
  background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
  background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
  background: linear-gradient(135deg, #10b2a2, #2e9290);
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);}

/* pagetop */
.pagetop{
	width:100%;
	display:block;
	padding:20px 0 10px;
	box-sizing:border-box;
	text-align:center;
	font-size:1.1em;
	background:#f7f7f7;
}

.pagetop a{
	width:100%;
	display:block;
}



.author figure{ width: 40%; margin: 0 auto 10px;}
.author p{text-align: center; font-size: 1.1em; font-weight: bold;}


/* --------------------------------------------------
	 占い師プロフィール　augur_plof
-------------------------------------------------- */

.videoBox{width:100%; position:relative; height:auto; max-height:200px; margin-bottom:2em;}
.videoBox .play{position:absolute; top:30%; left:42%;}
.videoBox .play img{width:50%;}
.state{width:auto; position:absolute; bottom:10px; right:10px; padding:5px; box-sizing:border-box; color:#222; border-radius:0; background:rgba(251, 249, 242,0.8); font-size:.9em; text-align:center;}
.videoBox img{min-height:200px; min-width:200px; object-fit: cover;}

.p_box02{ position: absolute; width: 45%; top: 15%; right: 1em; font-size:.9em;}
.plof_tag{background: #8ad1f7; margin:0 8px .5em 0;padding:5px; box-sizing:border-box;color:#fff; border-radius: 4px; /*opacity: 0.8;*/ text-align:center;}
.plof_tag02{background: rgba(225, 213, 184,0.85); margin:0 8px .5em 0; padding:5px;box-sizing:border-box; color:#222; border-radius: 0; display: block; width: 100%; text-align:center; font-size:.9em}
.plof_tag02:nth-child(2){display: none;}
.videoBox .state{width:100%; padding: 5px 0; right:0; bottom:-2.5em;}

.plof_wrap{width:100%; position: relative;}
.prof_dtl_wrap{width:100%; position: relative;}
.plof_wrap h2{width:50%;font-size:1.4em; margin:0 auto;font-feature-settings: "palt";}
.plof_wrap .text02{width:90% !important; margin:10px auto; border:1px solid #3388c5; padding:10px; box-sizing:border-box; border-radius:5px; font-size:.9em;}

.plof_wrap .price{ 
display: flex;width:50%;margin:1em auto;justify-content: center;align-items:stretch;}
.plof_wrap .price dt{width:50%; background:rgba(203, 192, 166,0.7); color:#222; text-align:center; padding:.5em; font-weight:500; font-size: 0.85em; display: grid;align-content: center;}
.plof_wrap .price dd{width:50%; background:#fff; color:#222; text-align:center; padding:.5em; font-weight:500;}
.plof_wrap .price dd span{ font-size: 1.1em; font-weight:600;}
.plof_wrap .price i{color:#fff; margin-right:.5em;}
.plof_wrap .price dt img{ width: 10%; height: auto; margin: -4px 4% 0 0;}
.plof_wrap .fav{
position:absolute;
top:-20px;
right:10px;
font-weight:bold;
font-size:.8em;
border-radius:0;
background:none;
text-align:center;
width:60px;
height:60px;
padding:5px;
}

.plof_wrap .chat{
position:absolute;
top:-10px;
left:10px;
font-weight:normal;
border-radius: 0;
color: #fff;
background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
background: linear-gradient(135deg, #10b2a2, #2e9290);
text-align:center;
width:18%;
height:auto;
padding:1%;
float:right;
font-feature-settings: "palt";
font-size: 0.7em;
}

.plof_wrap .chat img{ width: 30%; height: auto; display: block; margin: auto;}

.chat_count{
 font-weight:normal;
 margin-right:2px;
 margin-top:-2px;
 color:#000;
 font-size:11px;
 display:block;
}

.plof_wrap .fav img{height: auto; margin:1.3em 1.2em; width:25px;}
.plof_wrap .fav span{font-weight:normal; margin-right:7px; color:#000; padding: 0 0 0 5px; }
.plof_wrap .fav p a{ display: block; padding: 2% 3%; border: 1px solid #09dbca; border-radius: 4px; margin: 3px 0 0; text-align: center;}
.plof_wrap .fav p.off a{ display: block; padding: 2% 3%; color: #fff; background:#09dbca; border-radius: 4px; margin: 3px 0 0; text-align: center;}

.plof_wrap .mail_status{
	/*float: right;*/
	position:absolute;
	top:5px;
	left:10px;
	font-size:.8em;	
	text-align: center;
	display: block; padding: 1.4%; border-radius: 4px; background: #FCE3E4;
}/*0625*/

.plof_wrap .mail_status i{
	font-size: 1.8em;
	color:#F98D8F;
}/*0625*/

.plof_wrap .mail_status span{
	display: block;
}/*0625*/

.kakomi_area{margin:2em auto 4em; font-weight:normal; color:#222;}
.yotei_ttl{font-size:1em; color:#222; display:flex; align-items:center;}
.yotei_ttl i{color: #bd9b42; font-size:1.4em;}

.yotei3{background:#fff; padding:1.5em; border-radius:5px; font-weight:bold; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.yotei_text{display:inline-block; width:45%;}
.yotei3 .btn_wrap{width:55%;}
.yotei3 .btn_wrap .btn{margin:0;}

.yotei_maru{margin-top:5px; border-radius: 50%; border: solid 1px #eee; background: #FFF; text-align: center; width: 60px; height: 60px;}
.yotei4{padding-left:10px; font-size:24px;}

.p_box{border-bottom:1px solid rgba(203, 192, 166, 0.6); padding:1em 1.2em;}
.p_box:last-child{border-bottom:none; padding:1em 1.2em 2em;}
.p_box .plof{margin:0 0 .5em; color: #76644d; font-weight: 500;}
.p_box .p_txt{ font-size: 0.85em;}
/*.p_box .plof:before{ content: "●"; color:#bd9b42; margin-right: 1%;}*/

.p_box .sche_flex{display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; font-size: 0.85em; margin-bottom: 1%;}
.p_box .sche_date{ margin-right: 2%;}


.info3{background:#fff; padding:0; border-radius:5px;box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);border-top: 1px solid rgba(203, 192, 166, 0.6);border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;}

.tsubuyaki{width: 100%; margin: auto;}
.tsubuyaki .tsubuyaki_area{border-top: 1px solid rgba(189, 155, 66, 1.0);border-bottom: 1px solid rgba(189, 155, 66, 1.0); border-left: none; border-right: none; background:rgba(251, 249, 242,1.0);padding: 4% 6%; text-align: left; font-size: 0.85em;}

#main #column{width:100%; margin:0 auto 16vw;}
#column{width:100%; margin:3em auto 16vw;}
#column .column_area{ width: 100%;margin:0 auto; background: #fff;box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);  border-top: 1px solid rgba(203, 192, 166, 0.6); border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;}
#column .column_area .blog_title{ display: none;}
#column .column_area .blog_title.t_uline{ display: none;}

#main #review{width:100%; margin:0 auto 16vw;}
#review{width:100%; margin:3em auto 16vw;}
#review .review_area{ width: 100%;margin:0 auto; background: #fff;box-shadow: 0 3px 3px rgba(145, 119, 55,0.1); border-top: 1px solid rgba(203, 192, 166, 0.6); border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;}
#review .review_area .review{width: 100%; padding: 2% 3%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
#review .review_area .review:last-child{border-bottom: none;}
#review .review_area figure{width: 20%; margin: 0;}
#review .review_area figure img{width: 100%; height: auto; border-radius: 50%;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
#review .review_area .review_detail{ width: 78%;}
#review .review_area .review_rating{width: 100%; padding: 0; display:block;}
#review .review_area .castname a{ color: #222 !important; font-feature-settings: "palt";}
#review .review_area .review_name{ color: #848484; font-size: 0.875em;}
#review .review_area .review_ttl{ margin: 1% 0 0;}
#review .review_area .review_detail_b p{font-size: 0.9em;}
#review .btn a{ color: #fff !important;}
#review .review_area article{width: 100%;}



/* --------------------------------------------------
	 #message
-------------------------------------------------- */
.message_list { width: 100%; margin:1em 0;box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);  border-top: 1px solid rgba(203, 192, 166, 0.6); border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;}  

.message_list .message_cast{border-bottom:1px solid #ddd; padding:1em; background: #fff;}
.message_list .message_cast:first-child{/* border-top:1px solid #132237; */}
.message_list .message_cast a{width:100%; display: inline-block;/*display:flex;flex-wrap:wrap;align-items:center;text-decoration:none;*/}

.message_cast{width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.message_cast .message_image{width:40%; max-width:150px; margin-right:1em;}
.message_cast .message_wrap{width:55%;}
.message_cast .message_wrap .date{display:flex; flex-wrap:wrap; justify-content:flex-end;color:#aaa;}
.message_cast .message_wrap .date li{font-size:.85em;}
/*.message_cast .message_wrap .date li:first-child:before{content:"◆";}*/
.message_cast .message_wrap .date li.unread{background:#bd9b42; color:#fff; padding:2px 5px; font-size:.8em; width:40px; text-align:center; margin-left: 2%;}
.message_cast .message_wrap h2{margin:0; font-size:1.1em; font-weight:bold; font-feature-settings: "palt";}
.message_cast .message_wrap .message_tag{width:100%; font-size:.9em; background:#bd9b42; color:#fff; padding:5px; margin:1em 0; text-align:center;}
.whitewrap{width:100%; background: #fff; border-radius: 4px; padding: 1em;}

.message_cast .message_wrap .btn2{width:100%;}
.message_cast .message_wrap .btn2 span{text-align:center; margin:auto;}

/* --------------------------------------------------
	 #blog
-------------------------------------------------- */
/* blog_detail */
#blog{
	width:100%;
	margin:2em auto;
	/*border-bottom:1px solid #ccc;*/
}

.title_wrap{ width: 94%; margin: 0 auto 2%;}
.blog_ttl{width:100%; font-size:1.1em; margin-bottom:.5em;text-align: justify;
  text-justify: inter-ideograph;}
.blog_date{text-align:right; font-size:.9em; color:#848484;}

#blog article figure{width:100%; margin:2em 0;}
.blog_txt{width:94%; margin:0 auto 2em;}
.blog_txt p{margin-bottom:1.5em;}

.writer{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; background:#fff; padding:0;
box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);
border-top: 1px solid rgba(203, 192, 166, 0.6);border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;}
.writer figure{width:20%; max-width:100px; margin: 0 4% 0 0;}
.writer .writer_dtl{width:60%;}
.writer .writer_dtl .writer_name{font-feature-settings: "palt";font-size:1.1em; font-weight:600;}
.writer .writer_dtl .txtlink{padding-right: 4%;font-size:0.85em; }
.writer .btn{margin:.5em 0;}


/* blog_list */
.blog_list{border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
.blog_list:last-child{border-bottom:none;}
.blog_list a{width:100%;padding:0;box-sizing: border-box;display: flex;position:relative;color: #222 !important;}
.blog_list a .more{border-top:1px solid #ccc;}
.blog_list a figure{width:30%;max-width:100px;margin:0 10px 0 0;}
.blog_list a .txt{width:70%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items: center;}
.blog_list a .txt .txt_l{ width: 78%;} 
.blog_list a .txt .txt_r{ width: 10%; height: 100%; padding: 2% 1%;} 
.blog_list a .txt h3{margin:0; font-size:1.1em; color:#222; font-weight: 500; display: inline-block; width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.blog_list .blog_title{font-size:.9em; font-feature-settings: "palt"; margin-bottom: 2%;}
.blog_list a .txt .date{color:#848484;font-size:.8em;text-align: right;margin-top:auto;}
.blog_list a .kname{position:absolute;bottom:10px;right:10px;font-size:.9em;}

.author figure{ width: 40%; margin: 0 auto 10px;}
.author p{text-align: center; font-size: 1.1em; font-weight: bold;}

/* ------------------------
	 #important
------------------------- */
#important{
	width:100%;
	overflow:hidden;
	background:url(../images/important_img.png) no-repeat center;
	background-size:cover;
	padding:10px;
	box-sizing:border-box;
	margin:0;
}

#important h2{
	color:#09dbca;
	text-align:center;
	margin:20px 0;
}

#important p{
	width:100%;
}


/* ------------------
	 footer
--------------------- */
.f_bnr{width: 94%; margin: 18vw auto 0;}

footer{
	width:100%;
	margin-bottom:0px;
}

footer#footer2{
	width:100%;
	margin:0;
}

#f_nav_wrap{width:100%; background:#fff; display:flex; flex-wrap:wrap; justify-content:space-between; padding:1.5em;}
#f_nav_wrap .f_logo{width:100%; margin:1em auto;}
#f_nav_wrap .f_logo img{width:30%; margin:auto; display:block; text-align:center;}

#f_nav_wrap .f_bnr{width: 100%; margin: 0 auto 2.0em;}

/* f_nav */

.f_nav{
	width:100%;
	margin:0;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
}

.f_nav li{
	width:50%;
	list-style:none;
	padding:5px;
	box-sizing:border-box;
	text-align:left;
	padding-left: 24px;
	line-height: 1.6em;
	background: url(../images/list_icon.png) left 0px top .6em no-repeat;
	background-size: 16px auto;
}

.f_nav li a{
	text-decoration:none;
	width:100%;
	display:block;
	color:#222;
	font-weight:normal;
	font-size:.9em;
	transition:.3s;
}
.f_nav li a:hover{color:#bd9b42;}


/* footer_support */
#f_support{padding:1em 0 2em; background:#bd9b42;}
#f_support .call{color:#fff; text-align:center;}
.support_txt{text-align:center; color:#fff; font-size:.9em; line-height:1.7;}

.sub_nav_wrap{background:#9b8c6c; color:#fff; padding:1.5em;}
.sub_nav{display:flex; flex-wrap:wrap; justify-content:center; width:80%; margin:0 auto 1em;}
.sub_nav li{font-size:.8em; margin-bottom:10px;}
.sub_nav li a{color:#fff;}
.sub_nav li a:hover{color:#bd9b42;}
.sub_nav li:after{content:"|"; color:#ccc; margin:10px;}
.sub_nav li:nth-child(even):after{content:none;}

.copyright {
 text-align:center;
 font-size:.7em;
 box-sizing:border-box;
}

/* pagetop */
#pagetop{
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    z-index: 10;
    width:50px;
    height:50px;
}

#pagetop img{
width:100%;
}


/* 固定ボタン */
.fix_btnarea{
	position:fixed;
	bottom:0;
	width:100%;
	background-color: #fff;
	padding:3%;
	box-sizing:border-box;
   display: flex;
  flex-wrap:         wrap;
  justify-content:space-between;
  z-index:99;
	box-shadow: 0 -3px 10px rgba(0,0,0,0.2);
}

.fix_btnarea a{ margin:0 1%;}

.fix_btnarea .beginner_btn{
	/*width:45%;*/
    flex: 1;
	border: none;
  font-weight:normal;
  background-image: linear-gradient(to top, #bd9b42 0%, #9cd9f3 100%);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	color:#fff;
	text-align:center;
	padding:13px 3px;
	box-sizing:border-box;
	font-size:.95em;
	margin-left:auto;
	border-radius: 0;
}

.fix_btnarea .tel_btn{
	/*width:100%;*/
    flex: 1;
	border: none;
	background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
	background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
	background: linear-gradient(135deg, #10b2a2, #2e9290);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);	
	color:#fff;
	text-align:center;
	padding:20px 3px;
	box-sizing:border-box;
	font-size:1.1em;
	/*border-radius: 0;*/
	font-weight: normal;
}

.fix_btnarea .soft_btn{ display: none;}

.fix_btnarea .login_btn2{
	/*width:49%;*/
    flex: 1;
	border: none;
	background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
	background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
	background: linear-gradient(135deg, #10b2a2, #2e9290);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);	
	color:#fff;
	text-align:center;
	padding:14px 3px;
	box-sizing:border-box;
	font-size:.95em;
	/*border-radius: 0;*/
	font-weight: normal;
}
.fix_btnarea .login_btn2 span{ display:inline-block;font-size:1em;font-weight:bold;}
/*.fix_btnarea .login_btn2 span:before{	
	content:"";
	display:inline-block;
	width:1.4em;
	height:1.4em;
	margin-right:.3em;
	margin-bottom:-.3em;
	background:url(../images/fix_btn_login.png) no-repeat;
	background-size:100%;}*/


.fix_btnarea .signup_btn{
	/*width:49%;*/
    flex: 1;
	border: none;
	background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
	background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
	background: linear-gradient(135deg, #10b2a2, #2e9290);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);	
	color:#fff;
	text-align:center;
	padding:14px 3px;
	box-sizing:border-box;
	font-size:.95em;
	/*border-radius: 0;*/
	font-weight: normal;
}
.fix_btnarea .signup_btn span{ display:inline-block;font-size:1em;font-weight:bold;}
/*.fix_btnarea .signup_btn span:before{	
	content:"";
	display:inline-block;
	width:1.4em;
	height:1.4em;
	margin-right:.3em;
	margin-bottom:-.3em;
	background:url(../images/fix_btn_user.png) no-repeat;
	background-size:100%;}*/


.beginner_btn a,
.login_btn a,
.button{
	width:100%;
	display:block;
}

.fix_btnarea .button{
	/*width:100%;*/
    flex: 1;
	border: none;
	background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
	background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
	background: linear-gradient(135deg, #10b2a2, #2e9290);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);	
	color:#fff;
	text-align:center;
	padding:20px 3px;
	box-sizing:border-box;
	font-size:.95em;
	/*border-radius: 0;*/
	font-weight: normal;
}

.fix_btnarea .button i{ display: none;color:#fff;}
.fix_btnarea .button.narabu{/*width:49.9% !important;*/flex: 1; margin: auto;}
.fix_btnarea .button.narabu:nth-child(2){ display: none;}

/* -------------------------------
	 占い師一覧　augur
------------------------------- */
.ura_name{font-size:15px; font-weight:bold;}

.free{position: absolute;
    min-width: 70px;
    width: 10%;
    right: 10px;
    text-align: center;
    margin: 0.4rem 0 0;
    padding: 0.3rem 0.1rem;
    border: 1px solid #bd9b42;
    border-radius: 0;
    color: #bd9b42;
    font-weight: 500;
    font-size: 12px;
    background: #fbf9f2;
}
.free span{ display:none; width: auto;font-weight: normal; margin-right: 4%;}
.free b{font-size: 120%;}	

/*.new{position:absolute; top:5px; left:70%; font-weight:bold; color:#fece00 !important;}*/

.ribbon20-wrapper {  
 display: block;
 position: relative;
z-index:1;
}
.new {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 75px;
  box-sizing: border-box;
  padding: 0 4px;
  margin: 0;
  line-height: 20px;
  font-size: 12px;
  letter-spacing: 0.1em;
  /*background: #021a5f;*/
  background: #0072ae;
 color:#FFF;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
  border-radius:0 3px 3px 0;
}
.new span {font-size: 11px;}
.new:before {
  position: absolute;
  content: '';
  top: 0;
  left: -4px;
  border: none;
  height: 22px;
  width: 5px;
  background: #0072ae;
  border-radius: 3px 0 0 3px;
}
.new:after {
  position: absolute;
  content: '';
  bottom: -2px;
  left: -2px;
  border: none;
  height: 2px;
  width: 2px;
  background: #1c5497;
  border-radius: 3px 0 0 3px;
}



/* 文字点滅 */
.blinking2 {
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}


/* 文字点滅 */
.blinking span{
    /*animation: 0.5s linear 0s alternate none infinite running blink;*/
}


/* 上下揺れ */
.fluffy{
 animation: fluffy1 2s ease infinite;
}
@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-10px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

@-moz-keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-10px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

@-webkit-keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-10px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

/* -------------------------------
	 占い師プロフィール　augur_plof
------------------------------- */

/* 評価星 */
.rate {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 16px;
  font-size: 16px;
  margin:0 10px 0 0!important;
}
.rate:before, .rate:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
  height: 16px;
  line-height: 16px;
}
.rate:before {
  color: #ddd;
}
.rate:after {
  color: #bd9b42;
  overflow: hidden;
  white-space: nowrap;
}

.rate0:after {
  width: 0;
}

.rate1:after {
  width: 16px;
}

.rate1-5:after {
  width: 24px;
}

.rate2:after {
  width: 32px;
}

.rate2-5:after {
  width: 40px;
}

.rate3:after {
  width: 48px;
}

.rate3-5:after {
  width: 56px;
}

.rate4:after {
  width: 64px;
}

.rate4-5:after {
  width: 72px;
}

.rate5:after {
  width: 80px;
}

.rate_wrap {
  width: 80px;
  margin-right:10px;
}

.rating{
  display: flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content: flex-start;
  margin: 2% 0;
  }

.rating .rate_wrap{ margin: 0 10px 0 0; display: flex; flex-wrap:wrap; align-items:center;}
.rating span{ margin-right: 10px;color: #848484;}



/* レビュー */
/*.review {width:100%; margin:10px 0; text-align: justify; text-justify: inter-character; height: auto !important; border-top:1px #eee solid; padding:1em;}
.review:first-child { border-top: none;}
.review .blog_detail{display:flex; flex-wrap:wrap; align-items:center;}
.review .blog_detail figure{width:15%; margin:0 1em 0 0;}
.review .blog_detail .castname a{font-size:1.1em; font-weight:bold; color:#222;}
.review .blog_detail .review_rating{width:80%;}
.review .blog_detail .review_name{font-size:.8em;}
.review .blog_detail .date{color:#848484;}

.review_bottom{width:100%; margin-top:1em;}
.review .review_bottom .review_ttl{margin-bottom:.4em;}*/

.r_more{display:block; height:20px; margin:5px 0 20px;text-align:right; font-weight:bold;}

.all a{display:block; width:100%; height:100%; text-align:center; padding:20px 0; box-sizing:border-box; border-top:1px solid #ccc; position:relative; font-size:1.1em;}
.all a::after {
  display: block;
  content: '';
  position: absolute;
  top: 40%;
  right: 0;
  width: 8px;
  height: 8px;
  border-right: 3px solid #67d9cb;
  border-bottom: 3px solid #67d9cb;
  transform: rotate(-45deg);
}

/* recommend */
/*#recommend{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin:4em auto;
  box-sizing:border-box;
  overflow:hidden
}*/

#recommend{width:100%; margin:3em auto 1vw;}
#recommend .recommend_area{ width: 100%; margin:0 auto; padding: 4% 4% 2%; background: #fff;box-shadow: 0 3px 3px rgba(145, 119, 55,0.1); border-top: 1px solid rgba(203, 192, 166, 0.6); border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;} 
#recommend .recommend_area_inner{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}

#recommend .rec_box{width:28%;}
#recommend .rec_box figure{margin:0; width:100%;}
#recommend .rec_txt{width:100%; text-align:center; margin:.5em 0;}
#recommend .rec_txt p{ font-weight: 700; font-size: 0.9em; font-feature-settings: "palt";}
#recommend .cont_ttl span.t01{font-size: 0.87em; padding: 0 .1em; max-width: 75%;}

/*精算*/
.sensan-alert {color:red;font-size:14px;}
.sensan-price {font-size:14px;}


/*パンくず他*/

.bg-mask {
  height: 100%;
  background: rgba(255,255,255,0.8);
  padding:10px 5px;}

.category_area { display: table; width: 100%;}
.category_title { display: table-cell; text-align: left; padding-left:10px; }
.category_link { display: table-cell; text-align: right; padding-right:10px; }

coupon_main { display: flex; flex-wrap: wrap;}
.premium { width: calc(48%); margin:3px; padding:0 5px 5px 5px; border-radius:5%; height:225px;}
.premium2 {width: calc(48%); margin:3px; padding:0 5px 5px 5px; border-radius:5%; height:255px; background:#eee;}
.premium2 .text {font-size:14px; padding:5px;}
premium_main{ background:#FFF; color:#000; display: flex; flex-direction: row; flex-wrap: wrap;}
.premium0{ margin: 5px 5px 0 5px; padding:10px; width:160px; color:#2BB3C0; font-weight:bold;}
.pic{text-align:center; height:120px;}
.pic img{ border-radius:0; width:120px; height:120px; object-fit: cover;}
premium_main div.premium { width: calc(33.3%); margin: 0px; padding:5px; border:none;}
.name01{ font-weight: 600; font-size: 1.15em; font-feature-settings: "palt";}

.inline { font-size:17px; display: table-cell; /* IE8から使用可能 */ vertical-align: middle;}

/*よくある質問*/
.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #222;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_actab label {
font-size: 14px;
line-height: 1.5;
position: relative;
display: block;
padding: 1em 2.5em 1em 1em;
cursor: pointer;
margin: 0;
background:url("../images/btn_bg.png") no-repeat; 
background-size:100% 100%;
border:1px solid #ddd;
}

.cp_actab label:before{
	content:"";
	display:inline-block;
	width:1.4em;
	height:1.4em;
	margin-right:.5em;
	margin-bottom:-.3em;
	background:url(../images/q.png) no-repeat;
	background-size:100%;
}


.cp_actab .cp_actab-content {
font-size: 1em;
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.35s;
transition: max-height 0.35s;
background: #FFF;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
}
.cp_actab:last-child .cp_actab-content{border-bottom:1px solid #ddd;}

.cp_actab .cp_actab-content p {margin: 1.5em;}
.cp_actab input:checked ~ .cp_actab-content {max-height: 50em;}
.cp_actab label::after {
line-height: 3;
position: absolute;
top: 13px;
right: 10px;
display: block;
width: 3em;
height: 3em;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
}

/*閉じた状態の矢印描画*/
.cp_actab input[type=checkbox] + label::after {
 content:"";
  display:block;
  width:1em;
  height:1em;
  border-top: #ea4f85 1px solid;
  border-right: #ea4f85 1px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 1em;
  top: 0;
  bottom: 18%;
  margin: auto;
}

/*開いた状態の矢印描画*/
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(-45deg);
  position:absolute;
  right: 1em;
  top: 18%;
  bottom: 0;
 }

/* list */
.circle_list{width:100%; padding:0 1.5em 1.5em; line-height:1.5;}
.circle_list li{margin-bottom:.8em; padding-left: 1em; text-indent: -1em;}
.circle_list li:before{content:"●"; font-size:.4em; margin-right:1em; color:#bd9b42;}


/*リボン帯*/
.texts{
 width: 100%;
 height: 25px;
 overflow-y: hidden;
 text-align: left;
}
.texts span{
 position: relative;
 display: inline-block;
 width: 100%;
 height: 100%;
 font-size: calc(70% + 1vw)
}
#tabBoxes .text{
 padding:0 1em;
}
/* アニメーション */
.texts span{
 animation: ShiftText 10s linear infinite;
}
@keyframes ShiftText{
 0%{ opacity: 0; }
 1%,25%{
 top: 0;
 opacity: 1;
}
26%,50%{
 top: -2.2em;
}
51%,75%{
 top: -4.4em;
}
76%,100%{
 top: -6.6em;
}}

.font{
 color:#000;
 font-size:16px;}

.center2{
 text-align:center;
 font-size:17px;
 font-weight:bold;
 margin:20px auto;
}
.trouble_img{
 width:140px;
 height:80px;
 object-fit: cover;

}
.case_center{
 text-align:center;
 margin-left:8%;
 width:85%;
}
.step{
 text-align:center;
 background:#2BB3C0;
 color:#FFF;
 font-size:15px;
 line-height:15px; padding:5px;
 width:80px;
}

.title_center{
  text-align:center;
  font-weight:bold;
  font-size:30px;
  padding-bottom:10px;
}
.coments{
 text-align:center;
 font-size:15px;
 margin:10px auto;
}

#feature{
 width:100%;
 margin:30px 0;
}
.f_list a{
 width:100%;
 padding:1%;
 box-sizing: border-box;
 border-top:1px solid #ccc;
 display: -webkit-flex; /* Safari */
 display: flex;
 position:relative;
}
.f_list a:last-child{border-bottom:1px solid #ccc;}
.f_list a figure{width:35%; margin:10px;}
.f_list a .txt{width:58%;}
.f_list a .txt h3{ margin:8px 0 5px; font-size:1.2em; color:#09dbca;}
.f_list a .txt p{margin:0; color: #333;}
#feature h3{font-size:13px;}
.arrow2{
  position: relative;
  display: inline-block;
 color: #09dbca;
 }
.arrow2::before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #09dbca;
  border-right: solid 2px #09dbca;
  transform: rotate(135deg);
  position: absolute;
  top: 65%;
  left: 49%;
  margin-top: 6px;
}

/*ジャンル*/

.carousel {
width:100%;
padding:12px 0;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
white-space:nowrap;
}

.carousel li {
background: #fff;
margin: 2px;
text-align: center;
display: inline-block;
 width:85%;
}

.carousel li img{
width:100%;
text-align:center;
padding:10px;
}
.carousel li p{
white-space:normal !important;
text-align:left;
padding:0 10px 10px;
}
.text_s{
font-weight:normal;
}
.carousel a{
color:#000;
}

.dblist {
padding-bottom: 0;
padding-top: 0;
background: #FFF;
box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);
border-top: 1px solid rgba(203, 192, 166, 0.6);
border-bottom: 1px solid rgba(203, 192, 166, 0.6);
border-left: none;
border-right: none;
}


/* --------------------------------------------------
	 日にちを選ぶ　schedule_list
-------------------------------------------------- */
#schedule_list{width:100%;}
.center_txt{width:100%; text-align:center; margin-bottom:1em;}

/*スケジュール可否*/
.sche_color{width:100%; display:flex; justify-content:center;}
.sche_color li{margin-right:2em; display:flex; align-items:center;}
.sche_color li.available:before{content:"■"; color:#f2d5e3; margin-right:.3em; font-size:1.5em;}
.sche_color li.reserved:before{content:"■"; color:#f5d6b0; margin-right:.3em; font-size:1.5em;}
.sche_color li.impossible:before{content:"■"; color:#ddd; margin-right:.3em; font-size:1.5em;}

/*スケジュール内容*/
.schedule{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:1em auto;}
.schedule dt{width:25%; padding:10px; text-align:center; margin-bottom:.5em; background:#bd9b42; color:#fff;}
.schedule dd{width:75%; padding:10px; margin-bottom:.5em; background:#fff;}


/*スケジュール一覧*/
.sche_head{
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 1em; 
 width: 100%; 
 z-index: 100;
 /*background:#fcf5f5;*/
 padding-bottom:10px;
}

.sche_head .today00{font-size:1.1em; color:#bd9b42;}
.sche_head .preday00{
 display: block;
 background: linear-gradient(to top, #bd9b42 0%, #9cd9f3 100%);
 border: none;
 border-radius: 0;	
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
 color:#fff;
 padding: 5px 10px;
}
.sche_head .preday00 a{color:#fff;}
.sche_head .preday00:before{
 content: '<';
 margin: 0 5px 0 0;
 font-wheight:bold;
 color:#fff;
}

.sche_head .nextday00{
 display: block;
 background: linear-gradient(to top, #bd9b42 0%, #9cd9f3 100%);
 border: none;
 border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
 color:#fff;
 padding: 5px 10px;
}
.sche_head .nextday00 a{color:#fff;}
.sche_head .nextday00:after{
 content: '>';
 margin: 0 0 0 5px;
 font-wheight:bold;
 color:#fff;
}

/* スケジュール表 */

.sticky_table{
	width:100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	}

.sticky_table thead th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
  background:#fff;
}

.sticky_table thead th {
	border: 1px solid #fff;
	background:#4a87e2;
	color:#fff;
	font-size:.9em;
	line-height:1.5;
	padding:2% 1%;
	box-sizing:border-box;
}
.sticky_table th{
	border: 1px solid #fff;
	padding:5px;
	font-size:.9em;
	background:#dfecf2;
	color:#4a87e2;
}
.sticky_table td{
	border: 1px solid #fefefe;
	background:#eee;
	padding:1em;
}

.sticky_table td.available{
	background:#f2d5e3;
}

.sticky_table td.reserved{
	background:#f5d6b0;
}

/* ------------------------
	 ログイン/お問い合わせ
------------------------ */

.msgarea{
	width:100%;
	margin:10px auto;
	box-sizing:border-box;
	background-color: rgba( 255, 255, 255, 0.8 );
	padding:1em 1.5em;
}
.msgarea .center{ font-size: 1em;}
.accountForm .center{ font-size: 1em;}
.column_area .center{ font-size: 1em;}
.mypage_tab_list .center{ font-size: 1em;}

/* フォーム */
.type01 dt{margin-bottom:.8em; display:flex; flex-wrap:wrap; align-items:center;}
.type01 dd{margin-bottom:.5em;}
.required{background:#bd9b42; color:#fff; font-size:.7em; padding:.4em; margin-left:.5em;}

input[type="text"],
input[type="email"],
input[type="e_mail"]{
 border: 1px solid #eee;
 padding: 10px 5px;
 border-radius: 2px;
 width:100%;
 margin-bottom:1em;
}

input[type="password"]{
	width:100%;
	border:1px solid #eee;
	padding:10px;
	margin-bottom:1em;
}

input[type=checkbox] {
    display: none;
}
.loginchk00{
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
    margin:auto;
}
.loginchk00::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.loginchk00::after {
    background: #bd9b42;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    left: 10px;
    margin-top: -3px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 8px;
}
input[type=checkbox]:checked + .loginchk00::before {
    border-color: #ccc;
}
input[type=checkbox]:checked + .loginchk00::after {
    opacity: 1;
}

input,textarea {-webkit-appearance: none; background-color:#fff; border:1px solid #eee; border-radius:0; padding:0.25em 0.5em; width:100%;}
textarea {height:6.5em;}

.reregister{width:100%; margin:1.5em 0;}


/* 時間を決める */
.sche_reserve{display:flex; flex-wrap:wrap; align-items:center;}
.sche_reserve dt{width:35%; padding:.5em; position:relative; margin-bottom:.5em; font-weight:600;} 
.sche_reserve dd{width:65%; padding:.5em; margin-bottom:.5em;}

.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #eee;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 1.2em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #bd9b42;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #222;
}

/* --------------------------------------------------
	 順番待ち予約
-------------------------------------------------- */
.tel_cast{width:70%; /*padding:2em;*/padding:0;margin:2em auto;}
.tel_cast_img{ width: 50%; height: auto; margin: auto;}
.tel_cast_name{text-align:center; margin-top:.5em; font-size:1.5em; font-feature-settings: "palt";}
.wait_count{font-weight:700; font-size:1.5em; margin:.5em;}

/* --------------------------------------------------
	 beginner
-------------------------------------------------- */
#beginner{width:100%;}

.cont_wrap{width:100%; margin-bottom:3em; background: #fff; padding: 2% 4%;}
.article_intro{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.article_intro figure{width:100%; margin:0 auto 1.5em;}
.article_intro .text{width:100%; margin:0 auto 1em;}
.cont_wrap .text{margin-bottom:1em;}


.left_border_ttl{border-left:4px solid #bd9b42; padding-left:.5em; margin:0 0 1em 0;}
.list_wrap{width:100%; margin-bottom:1em;}

.cont_txt{width:100%; margin-bottom:2em;}
.cont_txt.cont_txt2{width:94% !important; margin: 0 auto 2em;}
.cont_wrap_article .cont_txt{width:94%; margin: 0 auto 2em;}

.num_ttl{width:100%; display:flex; flex-wrap:wrap; align-items:center; font-size:1.1em; margin:0 0 1em;}
.circle_num {
 height:30px;
 width:30px;
 border-radius:50%;
 line-height:30px;
 text-align:center;
 background:#bd9b42;
 color:#fff;
 font-weight:normal;
 margin-right:.5em;
}

.num_ttl .ttl_text{width:85%;}


/* --------------------------------------------------
	 about
-------------------------------------------------- */
.reason{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.reason_dtl{width:47%; margin-bottom:2em;}
.reason_dtl .text{width:100%; margin:1em auto;text-align:center;}
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 1.5em 0 0;
    color: #222;
    vertical-align: middle;
    text-decoration: none;
    font-size:.9em;
}

.arrow:hover{color:#bd9b42; transition:.3s;}

.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.right_arrow::before{
    width: 14px;
    height: 14px;
    background: #bd9b42;
}
.right_arrow::after{
    right: 6px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* --------------------------------------------------
	 company
-------------------------------------------------- */
.company_dtl{width:100%; margin: auto; background: #fff;padding: 0;border-radius: 0;/* box-shadow: 0 3px 3px rgba(145, 119, 55,0.1); */border-top: 1px solid rgba(203, 192, 166, 0.6); border-bottom: 1px solid rgba(203, 192, 166, 0.6); border-left: none; border-right: none;
}
.company_dtl dl{border-bottom: 1px solid rgba(203, 192, 166, 0.6);padding: 1em 1.2em;}
.company_dtl dl:last-child{border-bottom:none;}

.company_dtl dt{margin: 0 0 0.5em;color: #76644d;font-weight: 500;
}
.company_dtl dd{}

/* --------------------------------------------------
	 guide
-------------------------------------------------- */
.dot_ttl{margin:0 0 .5em; font-size:1em;}
.dot_ttl:before{content:"●"; color:#e94b82; font-size:.8em; margin-right:.5em;}
#guide{width: 100%; margin: 0 auto;}
#guide .center_ttl{ font-weight: normal;}
/* フロー */
.flow {margin: 0 auto}

.flow .box {
    margin: 0 auto;
    width: 90%;
    position: relative;
	padding: 0 0 14%;
}

.flow .box img{width:70%; margin:auto; display:block; border-radius: 50%;background: #fff;
box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);
border: 1px solid rgba(203, 192, 166, 0.6);}
.flow .box .text{padding: 0 6%;}

.flow.flow2 .box img{border-radius: 0 !important;}

.flow .box .text{padding: 0;}

.flow .box a.btn{ width: 80%; margin: 3% auto 6%;}

.flow .box:after {
    content: "";
    background: url("../images/arrow2.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 60px;
    height: 30px;
    transform: rotate(90deg);
    position: absolute;
    bottom:2%; /* 三角形の高さ＋ボックスのボーダーをマイナスに */
    left: 45%;/* 中央寄せに使用 */
    margin-left: -15px; /* 中央寄せに使用 */
}
.flow .box:last-child {padding: 0 0 4%;}
.flow .box:last-child:after {display: none; }
.flow .box.sp {display: none; } 

.step_ttl{text-align:center;  font-size:1.2em; margin-bottom:.5em; border-bottom:1px solid rgba(189, 155, 66, 0.6); padding-bottom: .5em; font-weight: 500;}
.step_ttl span{display:block; font-size:.75em; border-radius: 0; padding: 2% 6%; background:rgba(203, 192, 166,0.7) ; width: 50%; margin: 0 auto 4%; font-weight: normal;}

.em_txt{margin-bottom:1em; text-align:center;}


/* 料金案内 */
.tool{width:100%; margin:2em auto;}
.tool_type{width:100%; display:flex; flex-wrap:wrap; justify-content:space-around;}
.tool_type .box {
    margin: 0 auto 1em;
    width: 100%;
    position: relative;
}
.tool_type .box img{width:100%; margin:1.5em auto .5em; display:block;}
.tool_type .box .img{width:100%; margin:.5em auto .5em; display:block;}

.tool_type .box span{width:100%; margin:0 auto 1.5em; display:block; text-align: center;}
/*.cash_logo img{ width: 50% !important; height: auto; margin: 0 auto;}
.tool_img img{width:20%; max-width:280px;}*/
.tool_type .box .text{width:100%; margin:1em auto;}
.tool_img .txt{display: block; background: rgba(203, 192, 166,0.7); padding: 2%; border-radius: 50px; text-align: center;}


.tools{width:90%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto 1.5em;}
.tools li{width:calc(94%/2); text-align: center;}
.tools figure{width: 100%; margin: 0;}
.tools figure img{width: 100%; height: auto; margin: 0 !important;}
.tools p{ display: block; background: rgba(203, 192, 166,0.7); padding: 2% 6%;}

.price_box img{ display: block;width: 40%; margin:0 auto 4%;}

/* 設定方法 */
.setting{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:1.5em;}
.setting h4{width:100%;}
.setting .box{width:47%; margin-bottom:2em;}
.setting .setting_img{width:80%; margin:auto; margin-bottom:1em;}

.boxarea{display:block;margin: auto;}
.boxarea .item{width:94%; position: relative; margin:0 auto 4%; padding: 3.6% 0; border: 1px solid rgba(189, 155, 66, 1.0); background:rgba(251, 249, 242,1.0); text-align: left;}
.boxarea .item h5{font-size:1.15em; font-weight: 900; padding-bottom: 0; margin:0 0 2%; text-align: center; color: #76644d;}
.boxarea a{ display: block; width: 100%; color: #fff;}
.boxarea .title_s{font-size: 1.1em !important; margin: 0 auto 2%;}
.boxarea img{ display: block; width:60%; margin: 0 auto 2%;}  

/* 初回特典 */
.bonus_wrap{width:100%; display:block; margin-bottom:1.5em;}
.bonus_info{ width:100%; background: linear-gradient(180deg, #fafafa, #e7debb); padding: 4% 4%; margin-bottom:0; position: relative;display: flex;flex-direction: column;
border-top: 1px solid rgba(203, 192, 166, 0.6);border-bottom: 1px solid rgba(203, 192, 166, 0.6);border-left: none;border-right: none;}
.bonus_info:first-child{ border-bottom: none;}
.bonus_info .text .lead{ text-align: center; margin-bottom: 1.0em;}
.bonus_info .txt01{ font-size: 1.0em; margin: 1% 0;}
.bonus_info .txt02{ font-size: 1.1em; font-weight: 600;}
.bonus_info .txt03{ font-size: 1.2em; font-weight: 900;background:rgba(251, 249, 242,0.8); border-radius:0; padding: 4% 1%; color: #76644d;}
.bonus_info .circle_list li{ font-size: 0.85em;}
.bonus_info .title_a20 span{ display: block; font-size:.9em;}
.bonus_info .item{ margin-top: 4%;}
.bonus_info .item .btn{ margin: 0.5em auto !important;}
.bonus_info .item h5{ text-align: center;color:#76644d; font-size: 1.1em; margin: 0;}
.bonus_info .item h5:before{ 
 font-family: "FontAwesome";
 content: '\f52d';
 color: rgba(189, 155, 66, 0.9);
 font-size:16px;
 padding-right:6px;}

/*お得な3つのサービス*/
.service01{display:block;margin: 3% auto 0;}
.service01 .s_box{width:94%; position: relative; margin:0 auto 4%; padding: 6% 3.6% 0; border: 1px solid rgba(189, 155, 66, 1.0); background:rgba(251, 249, 242,1.0); text-align: left;}
.service01 .s_box h5{font-size:1.15em; font-weight: 900; padding-bottom: 0; margin:0 0 2%; text-align: center; color: #76644d;}
.service01 .s_box h5 span{ display: block;background: rgba(203, 192, 166,0.7);font-size: .75em;padding: 2% 6%;width: 50%;margin: 0 auto 4%;font-weight: normal; text-align: center; color: #222;}
.service01 .s_box figure{ width: 70%; margin: 0 auto 2%;}

/*特長*/
.int_box{text-align: center; margin: 2% 0; font-size: 0.875em;}
.int_box ul{display:block;}
.int_box ul li{width:94%; position: relative;margin:0 auto 4%;  padding: 3.6%; text-align: left;background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);border: 1px solid rgba(203, 192, 166, 0.6);}
.int_box ul li h5{font-size:1.15em; color: #fff; font-weight: 600; padding: 3% 1%; margin:0 0 4%; text-align: center;background: -moz-linear-gradient(135deg, #d3aa5b, #9e823a);
background: -webkit-linear-gradient(135deg, #d3aa5b, #9e823a);
background: linear-gradient(135deg, #d3aa5b, #9e823a);}

/*上手な電話鑑定*/
.howto{}
.howto_box{display:block; margin-bottom: 10%;}
.howto_box figure{ width: 60%; margin: 0 auto 4%;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);border: 1px solid rgba(203, 192, 166, 0.6);}
.howto_box .text{ width: 94%; margin:0 auto;}
.howto_box h4{font-size:1.12em; font-weight: 900; margin:0; text-align: center;}
.howto_box h4 span{ display: block; width: 20%; margin: 0 auto 3%;font-size:.8em;border-radius: 0px;background: rgba(203, 192, 166,0.7);font-weight: normal;padding: 0.2em 0;text-align: center;}


/*募集*/
.service01.service02 .s_box{padding: 3.6% 3.6% !important;}
.service01 .s_box h5{font-size:1.15em; font-weight: 900; padding-bottom: 0; margin:0 0 2%; text-align: center; color: #76644d;}
.service01 .s_box h5 span{ display: block;background: rgba(203, 192, 166,0.7);font-size: .75em;padding: 2% 6%;width: 50%;margin: 0 auto 4%;font-weight: normal; text-align: center; color: #222;}

.recruit_box{margin-bottom: 4%;}
.recruit_grid{background: #fff;padding: 0;border-radius: 0;/*box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);*/border-top: 1px solid rgba(203, 192, 166, 0.6);border-bottom: 1px solid rgba(203, 192, 166, 0.6);border-left: none;border-right: none;}
.recruit_grid li{border-bottom: 1px solid rgba(203, 192, 166, 0.6);padding: 1em 1.2em;}
.recruit_grid li:last-child{border-bottom:none;}
.recruit_grid li h5{margin: 0 0 0.5em;color: #76644d;font-weight: 500;}

/*募集要項*/    
.howto2{ width: 96%; margin: auto;}
.howto2 .howto_box{display:block;position: relative; margin-bottom: 12%;}
.howto2 .howto_box h4{font-size:1.12em; font-weight: 900; margin:0 0 2%; text-align: left;border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
.howto2 .howto_box h4 span{ display: inline-block; width: 20%; margin: 0 2% 0 0;font-size:.8em;border-radius: 0px;background: rgba(203, 192, 166,0.7);font-weight: normal;padding: 0.2em 0;text-align: center;} 
.howto2 .howto_box:after {
    content: "";
    background: url("../images/arrow2.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 60px;
    height: 30px;
    transform: rotate(90deg);
    position: absolute;
    bottom:-50px;
    left: 45%;/* 中央寄せに使用 */
    margin-left: -15px; /* 中央寄せに使用 */
} 
.howto2 .howto_box:last-child:after{display: none;}   

/* --------------------------------------------------
	 テーブル
-------------------------------------------------- */
.table, .table2{ margin: 3% auto 10%;}
.table table, .table2 table{border: none; width: 100%; margin: auto;border-collapse: collapse;background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
.table table tr, .table2 table tr{
/*background: -moz-linear-gradient(90deg, #ebe4c6, #e7debb);
background: -webkit-linear-gradient(90deg, transparent 0%, #e7debb 100%);
background: linear-gradient(90deg, #fafafa, #e7debb);*/
background: rgba(231, 222, 187, 0.5);    
}
.table table tr:last-child, .table2 table tr:last-child{border-bottom: none;}
.table table th,.table table td, .table2 table th,.table2 table td{ text-align: center;border-bottom:1px solid rgba(203, 192, 166,0.4);padding: 2% 0;}
.table tr:first-child td{font-size: 1.1em; letter-spacing: .02em;color: #76644d; line-height: 125%; font-weight: 600;}

/*2列*/
.table th{ width: 30%;}
.table th img{width: 40%; height: auto;}
.table th h5{ color: #76644d; margin: 1% 0; font-size: 0.9em; font-weight: 600;}
.table td{width: 70%; font-size: 1.15em; letter-spacing: .02em;}
.table .td2{font-size: 1em;}
.table .td2 strong{font-size: 1.2em; font-weight: 500; margin: 0 .5%;}

/*6列*/
.table2 th{ width: 30%;}
.table2 th img{width: 40%; height: auto;}
.table2 th h5{ color: #76644d; margin: 1% 0; font-size: 0.9em; font-weight: 600;}
.table2 td{width: 14%; font-size: 1.1em; letter-spacing: .02em;}
.table2 table th,.table2 table td{ border-right:1px solid rgba(203, 192, 166,0.4);}
.table2 table td:last-child{ border-right:none;}
.table2 tr:first-child td{font-size: 0.75em; letter-spacing: .02em;color: #76644d; line-height: 125%; font-weight: 600;}

/* -------------------------
	汎用パーツ
--------------------------- */
/* メイン画像 */
.main_image{width:100%; margin-bottom:2em;}
.main_image figure{margin:0;}


/* 注意書き */
.notice{width:100%; background:#fff; padding:1.5em; margin:2em auto; border-radius:10px;}

/* 画像左+テキスト */
.f_left_box{width:100%; margin:2em auto; overflow:hidden;}
.f_left_box figure{width: 70%; margin:0 auto 4%; float:none;}
.f_left_box .text{width:100%;}


/* 画像左+テキスト */
.f_right_box{width:100%; margin:2em auto; overflow:hidden;}
.f_right_box figure{width: 45%; margin:0 0 1em 1em; float:right;}
.f_right_box .text{width:100%;}


/* 画像3列 */
.col3_img{display:flex; flex-wrap:wrap; justify-content:space-between; margin:2em auto;}
.col3_img .img_box{width:100%; margin:0 auto 1.5em;}
.col3_img .img_box figure{margin:0 0 1em;}

/* 画像２列 */
.col2_img{display:flex; flex-wrap:wrap; justify-content:space-between; margin:2em auto;}
.col2_img .img_box{width:46%; margin-bottom:1em;}
.col2_img .img_box figure{margin:0 0 1em;}

.img_box figcaption{text-align:center;}



/* --------------------------------------------------
	 テキストチャット
-------------------------------------------------- */
#message_page{ width: 100%;}
#message_page .msgarea { padding: 1.4em !important;}
#message_page .msgarea i { color: #f0b1c2;}
.message_cast h2.list_title{ text-align: center; display: block; width: 100%; padding: 0 2%;}

#message_page h2.t110 {margin-bottom:0;}
#msg_area {padding:20px 0;font-size:16px;background: #fff;
box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);border-top: 1px solid rgba(203, 192, 166, 0.6);border-bottom: 1px solid rgba(203, 192, 166, 0.6);border-left: none;
border-right: none;}
#msg_area h3 {font-size:18px; margin-bottom:0.3em;}
#message_page #backToTop {bottom:100px;}

/* ユーザー */
#msg_area .user {position:relative; margin:0 0 30px 20px; overflow:hidden;}
#msg_area .user:before {position:absolute; top:-16px; left:0; display:block; content:""; width: 33px; height: 33px; border-radius: 50%; box-shadow: 5px 10px 0 0 #fff;}
#msg_area .user .msg {max-width:50%; margin-left:16px; background-color:#fff; padding:20px; border-radius:14px; position:relative; z-index:1;}
#msg_area .user .log {display:block; position:absolute; bottom:5px; left:calc(100% + 10px); font-size:12px; color:#666;}


/* ユーザ左　使用中　メール鑑定結果 */
#msg_area .user2  {display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; position:relative; margin:0 20px 30px 0; overflow:hidden;}
#msg_area .user2:before {position:absolute; top:-16px; left:50px; display:block; content:""; width: 33px; height: 33px; border-radius: 50%; box-shadow: 5px 10px 0 0 #fff;}
#msg_area .user2 .msg{/*max-width:calc(68% - 80px);*/ width: 100%; background-color:#fff; padding:20px; /*border-radius:14px;*/ position:relative; z-index:1;}
#msg_area .user2 .log {display:block; position:absolute; bottom:5px; right:calc(100% + 10px); font-size:12px; color:#666; text-align:right;}

#msg_area .user2 .avatar { display: none; /*width:80px; height:80px;*/ overflow:hidden; position:relative; margin-right:16px;}
#msg_area .user2 .avatar .wrap01 img {position:absolute; margin:auto; top:-100%; bottom:-100%; left:-100%; right:-100%; width:100%; height:auto;}
#msg_area .user2 .msg .comment .sodannaiyo{font-size: 1.1em; font-weight: bold;}
#msg_area .user2 .msg .comment{ word-break: break-all;}


/* ユーザ左　使用中　メッセージボックス＞メッセージページ */
#msg_area .user3  {display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; position:relative; margin:0 20px 30px 0; overflow:hidden;}
#msg_area .user3:before {position:absolute; top:-16px; left:50px; display:block; content:""; width: 33px; height: 33px; border-radius: 50%; box-shadow: 5px 10px 0 0 #fff;}
#msg_area .user3 .msg{max-width:calc(68% - 80px); background-color:#fff; padding:20px; border-radius:14px; position:relative; z-index:1;}
#msg_area .user3 .log {display:block; position:absolute; bottom:5px; right:calc(100% + 10px); font-size:12px; color:#666; text-align:right;}

#msg_area .user3 .avatar {width:80px; height:80px; overflow:hidden; position:relative; margin-right:16px;}
#msg_area .user3 .avatar img {position:absolute; margin:auto; top:-100%; bottom:-100%; left:-100%; right:-100%; width:100%; height:auto;}


/* キャスト右 　使用中　メール鑑定結果*/
#msg_area .cast {/*display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse;*/ position:relative; margin:0 20px 30px 0; overflow:hidden; background: #fff;}
#msg_area .cast:before {position:absolute; top:-16px; right:80px; display:block; content:""; width: 33px; height: 33px; border-radius: 50%; box-shadow: -5px 10px 0 0 #fff;}
#msg_area .cast .msg {/*max-width:calc(68% - 80px);*/ width: 100%; background-color:#fff; padding:10px; border-radius:14px; position:relative; z-index:1;}
#msg_area .cast .avatar { display: -webkit-flex; display: flex; align-items: center;/*width:80px; height:80px;*/ overflow:hidden; position:relative; /*margin-left:16px;*/ padding: 0; margin: 10px;}
#msg_area .cast .avatar .wrap01 img {position:absolute; margin:auto; top:-100%; bottom:-100%; left:-100%; right:-100%; width:100%; height:auto;}
#msg_area .cast .log {display:block; position:absolute; bottom:5px; right:calc(100% + 10px); font-size:12px; color:#666; text-align:right;}
#msg_area .cast .msg .comment .kanteikekka,#msg_area .cast .avatar .kanteikekka{font-size: 1.1em; font-weight: bold;}
#msg_area .cast .msg .comment{ word-break: break-all;}

/* ユーザー右 */
#msg_area .cast2 {display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; position:relative; margin:0 20px 30px 0; overflow:hidden;}
#msg_area .cast2:before {position:absolute; top:-16px; right:80px; display:block; content:""; width: 33px; height: 33px; border-radius: 50%; box-shadow: -5px 10px 0 0 #fd71a7;}
#msg_area .cast2 .msg {max-width:calc(78% - 80px); background-color:#fd71a7; color:#fff; padding:20px; border-radius:14px; position:relative; z-index:1;margin-right: 16px;}
#msg_area .cast2 .log {display:block; position:absolute; bottom:5px; right:calc(100% + 10px); font-size:12px; color:#666; text-align:right;}
#msg_area .cast2 .avatar {width:80px; height:80px; overflow:hidden; position:relative; margin-left:16px;}
#msg_area .cast2 .avatar img {position:absolute; margin:auto; top:-100%; bottom:-100%; left:-100%; right:-100%; width:100%; height:auto;}


/* キャスト右 　使用中　　メッセージボックス＞メッセージページ*/
#msg_area .cast3 {display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; position:relative; margin:0 20px 30px 0; overflow:hidden;}
#msg_area .cast3:before {position:absolute; top:-16px; right:80px; display:block; content:""; width: 33px; height: 33px; border-radius: 50%; box-shadow: -5px 10px 0 0 #e3ddcf;}
#msg_area .cast3 .msg {max-width:calc(68% - 80px); background-color:#e3ddcf; padding:20px; border-radius:14px; position:relative; z-index:1; word-break: break-all;}
#msg_area .cast3 .avatar {width:80px; height:80px; overflow:hidden; position:relative; margin-left:16px;}
#msg_area .cast3 .avatar img {position:absolute; margin:auto; top:-100%; bottom:-100%; left:-100%; right:-100%; width:100%; height:auto;}
#msg_area .cast3 .log {display:block; position:absolute; bottom:5px; right:calc(100% + 10px); font-size:12px; color:#666; text-align:right;}


/* 画像送信 */
#msg_area .photo:before {box-shadow: -5px 10px 0 0 #fff;}
#msg_area .photo .photo_box {max-width:calc(68% - 80px); position:relative; background-color:#fff; padding:20px; text-align:center; border-radius:14px;}
#msg_area .photo .photo_box.pre button {display:inline-block; background-color:#f09528; font-size:16px; color:#fff; line-height:1; padding:0.75em 1em; border-radius:2em; border:none; cursor:pointer; vertical-align:middle;}

/* 画像送信2 */
#msg_area .photo2:before {box-shadow: 5px 10px 0 0 #fff;}
#msg_area .photo2 .photo_box {max-width:calc(68% - 80px); position:relative; background-color:#fff; padding:20px; text-align:center; border-radius:14px;}
#msg_area .photo2 .photo_box.pre button {display:inline-block; background-color:#f09528; font-size:16px; color:#fff; line-height:1; padding:0.75em 1em; border-radius:2em; border:none; cursor:pointer; vertical-align:middle;}

/* 投稿BOX */
#msg_area .post_box { display: none;/*display:table; width:996px; margin:2px; padding:20px; background-color:#e3f6ff; box-sizing:border-box; border-top: 1px solid #ccc;*/}
#msg_area .post_box.static {position:static; width:996px; margin:2px; box-shadow:none;}
#msg_area .post_box.fixed {position:fixed; bottom:0; left:50%; margin:0 0 0 -498px; z-index:10; box-shadow:0 -2px 5px 0 rgba(0,0,0,0.15);}
#msg_area .post_box > div {display:table-cell; vertical-align:middle;}
#msg_area .post_box .input_box {padding:0 10px 0 20px; width:100%;}
#msg_area .post_box .input_box input { margin-bottom: 0;}
#msg_area .post_box .submit_btn { margin: 0; padding: 0;}
#msg_area .post_box .submit_btn button {display:inline-block; font-size:14px; color:#fff; line-height:1; padding:0.75em 1em; border-radius:4px; border:none; cursor:pointer; white-space:nowrap;
background: -moz-linear-gradient(top, #bd9b42, #9cd9f3);
background: -webkit-linear-gradient(top, #bd9b42, #9cd9f3);
background: linear-gradient(to top, #bd9b42, #9cd9f3);
box-shadow: 2px 2px 3px rgba(0,0,0,0.1);}
#msg_area .post_box .user_btn{ width: 10%;}
#msg_area input {font-size: 16px;}


#message_page #page {padding:0; margin:0;}
#message_page #main {display:block;}
#message_page h2.t110 {padding:0 0 10px 55px; background-position:left 20px top;}
#msg_area {font-size:14px;}
#msg_area h3 {font-size:15px;}
#message_page #backToTop {bottom:90px;}

/* ユーザー */
#msg_area .user {margin:0 0 20px 10px;}
#msg_area .user .msg {max-width:60%; padding:12px 14px;}
#msg_area .user .log {left:calc(100% + 5px); font-size:10px;}
	
/* ユーザ左　使用中　メール鑑定結果 */
#msg_area .user2 {margin:0 10px; border: 1px solid #ccc; border-bottom: none;}
#msg_area .user2 .msg {/*max-width:calc(90% - 50px);*/ max-width: 100%; padding:12px 14px;}
#msg_area .user2 .log {left:calc(100% + 5px); font-size:10px;}
#msg_area .user2 .avatar {width:50px; height:auto; max-height: 120px;}
#msg_area .user2 .avatar .wrap01 { position: relative; width:50px; height:50px;}


/* ユーザ左　使用中　メッセージボックス＞メッセージページ */
#msg_area .user3 {margin:0 0 20px 10px;}
#msg_area .user3 .msg {max-width:calc(68% - 50px); padding:12px 14px;}
#msg_area .user3 .log {left:calc(100% + 5px); font-size:10px;}
#msg_area .user3 .avatar {width:50px; height:50px;}	


/* キャスト右 　使用中　メール鑑定結果*/
#msg_area .cast {margin:0 10px; border: 1px solid #ccc; border-top:none;}
#msg_area .cast:before {right:50px;}
#msg_area .cast .msg {/*max-width:calc(80% - 20px);*/ width: 100%; padding:10px;}
#msg_area .cast .avatar {width:100%; height:50px; }
#msg_area .cast .avatar .wrap01 { position: absolute; width:100px; height:50px; max-height: 50px; right: 20px;}
#msg_area .cast .log {right:calc(100% + 5px); font-size:10px;}
	
/* ユーザー右 */	
#msg_area .cast2 {margin:0 10px 20px 0;}
#msg_area .cast2:before {right:0px;}
#msg_area .cast2 .msg {max-width:calc(68% - 50px); padding:12px 14px;}
#msg_area .cast2 .avatar { position: relative; width:50px; height:50px;}
#msg_area .cast2 .log {right:calc(100% + 5px); font-size:10px;}	

/* キャスト右 　使用中　　メッセージボックス＞メッセージページ*/
#msg_area .cast3 {margin:0 10px 20px 0;}
#msg_area .cast3:before {right:50px;}
#msg_area .cast3 .msg {max-width:calc(68% - 50px); padding:12px 14px;}
#msg_area .cast3 .avatar {width:50px; height:50px;}
#msg_area .cast3 .log {right:calc(100% + 5px); font-size:10px;}
	
/* 画像送信 */
#msg_area .photo .photo_box {max-width:calc(68% - 50px); padding:14px;}
#msg_area .photo .photo_box.pre button {font-size:14px;}
	
#msg_area .photo2 .photo_box {max-width:calc(68% - 50px); padding:14px;}
#msg_area .photo2 .photo_box.pre button {font-size:14px;}	

/* 投稿BOX */
#msg_area .post_box {width:100%; margin:0; padding:15px 10px;}
#msg_area .post_box.static {width:calc(100% - 2px); margin:1px;}
#msg_area .post_box.fixed {width:100%; left:0; margin:0; box-shadow:0 -2px 5px 0 rgba(0,0,0,0.15);}
#msg_area .post_box {padding:15px 10px;}
#msg_area .post_box .input_box {padding:0 5px;}
#msg_area .post_box .submit_btn button {font-size:14px;}

.moji_date{ display: none; /*width: 30%; margin: 10px auto; color: #fff; background:#bd9b42; text-align: center; border-radius: 10px;*/}
.time_box{ display: block; width: 97%; margin: 10px auto; color: #fff; background:#bd9b42; text-align: center; border-radius: 10px;}
.moji_tel{ display: none; /*text-align: center; color: #EFEFEF;*/}
#msg_area  .time{ display: none; color: #EFEFEF; font-size: 80%; padding: 5% 0 0;}
#msg_area  .kidoku{ display: none; color: #EFEFEF; font-size: 80%; padding: 0;}


/* ------------------
	 月間星占い
--------------------- */
.m_horos .luckyitem{background: rgba(203, 192, 166, 0.3);padding: 3% 6% 6%;color: #222; border-radius: 4px; margin: 6% 0 0; text-align: center; font-size: 1.1em}
.m_horos .luckyitem h6{background: rgba(203, 192, 166, 0.7);padding: 2% 6%;color: #222; border-radius: 50px; margin: 2% 0 4%; color: rgba(73,55,42,1.00); font-size: 0.85em;text-align: center;}

.m_horos ul li h5.h_ttl{background: none; color:rgba(73,55,42,1.00); font-size: 1.85em;text-align: center; padding: 0%; }
.m_horos ul li h5.h_ttl span{display: block; color:rgba(73,55,42,0.7); font-size: 0.675em; margin: 0;}

.m_horos .h_ttl4{ color: rgba(73,55,42,1.00); font-size: 1.2em}

.m_horos .int_box li figure{ width: 80%; margin: 0 auto 6%; max-height: 160px; text-align: center;}
.m_horos .int_box li figure img{ width: auto; margin: auto; height:160px;}

/*先月今月*/
.m_horos .prnx_btn{ display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 1%;}
.m_horos .prnx_btn li{ display: block; width: 38%;padding: 1%;}
.m_horos .prnx_btn li a{}
.m_horos .prnx_btn li.nxt{ text-align:right;}
/*先月無し*/
.m_horos .prnx_btn.only{ display: flex;flex-wrap: wrap; justify-content:flex-end; align-items: center; margin: 0 0 1%;}
/*今月無し*/
.m_horos .prnx_btn.only2{ display: flex;flex-wrap: wrap; justify-content:flex-start; align-items: center; margin: 0 0 1%;}



/* タブレット */
/*--------------------------------------------------------------------- */
@media screen and (min-width: 600px){
body{padding-bottom:0;}

/* login_btn */
a.login_btn{width:8%;}

/* 固定ボタン */
/*.fix_btnarea{display:none;}*/

/* ------------------
	 footer
--------------------- */
.f_bnr{width: 62%; margin: 8vw auto;}    
footer{width:100%;margin-bottom:0;}
footer#footer2{width:100%;margin:0;}
#f_nav_wrap{width:100%; background:#fff; display:flex; flex-wrap:wrap; justify-content:space-between; padding:3em;}
#f_nav_wrap .inner{width:1200px; margin:auto;  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#f_nav_wrap .f_logo{width:30%;margin:1em 0;}
#f_nav_wrap .f_logo img{width:35%; margin:auto; display:block; text-align:center;}
#f_nav_wrap nav{width:70%;}

/* f_nav */
.f_nav{
	width:100%;
	margin:0;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
}

.f_nav li{
	width:50%;
	list-style:none;
	padding:5px;
	box-sizing:border-box;
	text-align:left;
	padding-left: 24px;
	line-height: 1.6em;
	background: url(../images/list_icon.png) left 0px top .6em no-repeat;
	background-size: 16px auto;
}

.f_nav li a{
	text-decoration:none;
	width:100%;
	display:block;
	color:#222;
	font-weight:normal;
	font-size:.9em;
	transition:.3s;
}
.f_nav li a:hover{color:#bd9b42;}

/* footer_support */
#f_support{padding:1em 0 2em; background:#bd9b42;}
#f_support .inner{max-width:800px; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#f_support .title{width:60%;}
#f_support .call{width:75%; color:#fff; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#f_support .call .mobile_wrap,#f_support .call .landline_wrap{width:50%;}
.support_txt{text-align:center; color:#fff; font-size:1em; line-height:1.7;}

.sub_nav_wrap{background:#9b8c6c; color:#fff; padding:3em;}
.sub_nav{display:flex; flex-wrap:wrap; justify-content:center; width:80%; margin:0 auto 1em;}
.sub_nav li{font-size:.8em; margin-bottom:10px;}
.sub_nav li a{color:#fff; transition:.3s;}
.sub_nav li a:hover{color:#bd9b42;}
.sub_nav li:after{content:"|"; color:#ccc; margin:10px;}
.sub_nav li:nth-child(even):after{content:"|"; color:#ccc; margin:10px;}
.sub_nav li:last-child:after{content:none;}

.copyright {
 text-align:center;
 font-size:.7em;
 box-sizing:border-box;
}

/* pagetop */
#pagetop{
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    z-index: 10;
    width:50px;
    height:50px;
}

#pagetop img{
width:100%;
}

/* ------------------------
	 TOP
------------------------ */
/* top_message */
#top_message{width:100%; margin:6em 0;}
#top_message .message{width:100%; display:flex; flex-wrap:wrap;}
#top_message .message_img{width:45%;}
#top_message .message_txt{width:55%; background:#bd9b42; color:#fff; padding:3em; text-align: justify; text-justify: inter-ideograph;}

/* mv */
#mv{/*margin-top:-2.4em;*/width:100%;height: auto;position: relative;box-sizing:border-box;overflow:hidden;}
#mv .catch01{ position: absolute;left: calc(50% - 200px);top: calc(64% - 100px); z-index: 1;width:auto;}
#mv .catch01 h2{ display: block; margin: 0 auto;color: #fff;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; /*font-size: 1.9em;*/ font-weight: 500; text-align: center;
text-shadow:
3px 3px 6px rgba(15, 137, 231,0.5), -3px -3px 6px rgba(15, 137, 231,0.5),
-3px 3px 6px rgba(15, 137, 231,0.5),  3px -3px 6px rgba(15, 137, 231,0.5);	}
#mv .catch01 h1 {display: block; margin: .6em auto 0;}
#mv .catch01 h1 img{display: block; width: 35%; height: auto; margin: 0 auto;}
#mv	img.sp{display: none!important;}
#mv	img.pc{display: block!important;}	
	
/* introduction */
#introduction{width:100%; font-size:1em; background-image: url("../images/introduction_bg_pc.jpg"); background-repeat: no-repeat; background-size:cover;padding: 1em 2em; background-position: left;}
#introduction .inner{ width: 68%; margin: auto 0 auto auto; text-align:left;}
#introduction .inner .two_btnarea{display:flex; flex-wrap:wrap; justify-content:space-between;}
#introduction .inner .two_btnarea a{width:48%;}	

	
/* --------------------------------------------------
	 about
-------------------------------------------------- */
.reason{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.reason_dtl{width:30%; margin-bottom:2em; align-items:flex-start;}
.reason_dtl .image{width:50%; margin:auto;}
.reason_dtl .text{width:100%; margin:1em auto;}
.howto_ttl{font-size:1.2em; margin-bottom:1em; text-align:center;}

/* おすすめ */
.rec_cast{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; border-bottom:1px solid #132237; padding:1em;}
.rec_cast figure{width:20%; max-width:200px; margin-right:1.5em;}
.rec_cast .name{width:40%;}
.rec_cast .main_name{margin-bottom:.0em; font-size:1.2em;}
.rec_cast .text{width:100%; margin:1em auto;}
.rec_cast a.btn-flat{margin-right:auto;}

.request{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.request figure{width:25%; margin:auto;}
.request .text{width:65%; margin:1em auto;}
	
/* --------------------------------------------------
	 guide
-------------------------------------------------- */
/* 設定方法 */
.setting{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:2em;}
.setting h4{width:100%;}
.setting .box{width:30%; margin-bottom:2em;}
.setting .setting_img{width:50%; margin:auto; margin-bottom:1em;}

#priceguide{
   margin-top:-100px;/*headerの高さが100pxの場合*/
   padding-top:100px;
}

/* --------------------------------------------------
	 augur
-------------------------------------------------- */
.augur a .free_tag{
 position: absolute;
/* min-width: 50px;
 width: 6%;*/
 min-width: 90px;
 width: 10%;
 right: 0;
 text-align: center;
 margin: 0.4rem 0 0;
 padding: 0.4rem 0.5rem;
 border:1px solid #bd9b42;
 border-radius: 0;
 color: #bd9b42;
 font-weight:500;
 font-size: 12px;
 background: #fbf9f2;
}
.augur a .free_tag span{ display:none; width: 100%;font-weight: normal;}		

.augur_info{width:60%; padding: 0 0;}	
.sratus_wrap{ width: 10%; padding: 1% 0;}
}


/* PC */
/*--------------------------------------------------------------------- */
@media screen and (min-width: 1025px){

body{ margin:auto 0px; background:#fafafa; padding-top:100px;}
body#login{ margin:auto 0px; background:#fafafa; padding-top:100px;}
.btn_wrp{padding-bottom: 10vw;}    
	
/* ------------------------
	 header
------------------------ */
header{
	width:100%;
	height:auto;
	box-sizing:border-box;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.bgw{padding: 0 0 0 2%;height:100px;}
header h1{
	width:40%;
	max-width:200px;
	margin:0 auto;
    top:6%;
}
.a_logo {width:100%;max-width:110px;height:auto;margin: 0 auto;}
/* login_btn */
a.login_btn{width:8%; height:auto;}

/* メニュートグル＆ハンバーガーアイコン */
.drawer_toggle_bg {position: relative;width:100px; height:100px;}
.drawer_toggle {position: relative;/*width:1.6vh; height:1vh;transform:translateY(-50%);*/z-index: 1000;}

/* パンクズ */
#breadcrumb{ display: block;width:90%;padding:1.4% 0;margin: auto; font-size: 0.8em;}    

/* -------------------------
	Gナビ
-------------------------- */
body#login #g_navi2 {top:100px;}
#g_navi2 {top:100px; /*display: none;*/ /*display:block;*/ /*position:fixed; top:80px; left:0; height: auto!important; width:100%; background:rgba(255,255,255,0.9);*/}	
#g_navi2 .inner {width:50%; margin:0;background:none;}    
/*#g_navi2 .layer {display:none;}
#g_navi2 .menu { position: relative; z-index: 100;}
#g_navi2 .menu{display:flex; flex-wrap:wrap; justify-content:space-around;}

#g_navi2 .menu li.half a{display:none;}
#g_navi2 li {width:200px;color:#222;border-bottom:none;text-align: left;position: relative;text-align:center;padding:.8em;box-sizing:border-box;}
#g_navi2 li a{background:none; width:100%; transition:.3s;}
#g_navi2 li a:hover{color:#bd9b42;}
#g_navi2 li a span::after{
  content: none;
} 
#g_navi2 .support{display:none;}	*/
#g_navi2 .menu li a .bdge{ display: block; border-radius: 0; width: 10%; height: 2.4vw; line-height: 2.4vw; padding:0 2%;position: absolute; right: 3vw; top:0.35vw; text-align: center; }

/* ------------------
	 footer
--------------------- */
.f_bnr{width: 62%; margin: 8vw auto;}
footer{width:100%;margin:0;}

footer#footer2{width:100%;margin:0;}

#f_nav_wrap{width:100%; background:#fff; display:flex; flex-wrap:wrap; justify-content:space-between; padding:3em;}
#f_nav_wrap .inner{width:1200px; margin:auto;  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#f_nav_wrap .f_logo{width:30%; max-width:400px; margin:1em auto;}
#f_nav_wrap .f_logo img{width:35%; margin:auto; display:block; text-align:center;}
	
#f_nav_wrap .f_bnr{width: 60%; margin: 0 auto 2.5em;}	

/* f_nav */
.f_nav{
	width:100%;
	margin:0;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: center;
}

.f_nav li{
	width:50%;
	list-style:none;
	padding:5px;
	box-sizing:border-box;
	text-align:left;
	padding-left: 24px;
	line-height: 1.6em;
	background: url(../images/list_icon.png) left 0px top .6em no-repeat;
	background-size: 16px auto;
}

.f_nav li a{
	text-decoration:none;
	width:100%;
	display:block;
	color:#222;
	font-weight:normal;
	font-size:.9em;
	transition:.3s;
}
.f_nav li a:hover{color:#bd9b42;}

/* footer_support */
#f_support{padding:1em 0 2em; background:#bd9b42;}
#f_support .inner{max-width:1100px; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#f_support .title{width:30%;}
#f_support .call{width:70%; color:#fff; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
#f_support .call .mobile_wrap,#f_support .call .landline_wrap{width:50%;}
.support_txt{text-align:center; color:#fff; font-size:1em; line-height:1.7;}

.sub_nav_wrap{background:#9b8c6c; color:#fff; padding:2em;}
.sub_nav{display:flex; flex-wrap:wrap; justify-content:center; width:80%; margin:0 auto .2em;}
.sub_nav li{font-size:.8em; margin-bottom:10px;}
.sub_nav li a{color:#fff; transition:.3s;}
.sub_nav li a:hover{color:#bd9b42;}
.sub_nav li:after{content:"|"; color:#ccc; margin:10px;}
.sub_nav li:nth-child(even):after{content:"|"; color:#ccc; margin:10px;}
.sub_nav li:last-child:after{content:none;}

.copyright {
 text-align:center;
 font-size:.7em;
 box-sizing:border-box;
}

/* ------------------------
	 common
------------------------ */
/* 表示・非表示 */
.sp{display: none!important;}
.pc{display: block!important;}

/*トップバナー*/
.top_banner{width:100%; margin: auto; padding:6vw 0; background-image: url("../images/top_banner_bg.jpg"); background-repeat: no-repeat; background-size:cover; background-position: top;}
.top_banner_inner{width:70%; margin:0 auto; padding: 4vw 6vw; background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
.top_banner a{ display: block; margin-bottom: 4%;}
.top_banner a:last-child{ margin-bottom: 0;}
	
.wrap{width:100%;margin:0 auto;padding:0 0 3em;box-sizing:border-box;}
#main,#main2{ width: 100%; max-width:1000px; margin:0 auto; padding: 0; }	
#main.entry_main{ width: 100%; max-width:800px; margin:0 auto; padding: 0; }	
.col2_wrap{width:100%;height:100%;display:flex; margin:1em auto;}
.col2_wrap #sticy_wrap{width:20%;}
.col2_wrap #side{width:100%; max-width:250px; position: -webkit-sticky; /* safari用 */ position: sticky; top: 200px;}
.col2_wrap #main{width:calc(100%-280px); max-width:900px; margin-left:5%;}	


    
.cast_main{
	width:100%; 
	height:100%; 
	min-height:350px; 
	background:url("../images/main_ttl_bg.jpg") no-repeat; 
	background-size:cover; 
	background-position: center;
	display:flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top:7em;
	}	
	
/* 見出し */
.cont_ttl{font-size:1.575em;font-weight:normal; text-align:center; line-height:1.5;}
span.t02{display:block; font-size:.8em; letter-spacing:.2em; margin:0 auto 1em;}
.border_ttl{font-size: 1.8em; /*width:100%; border-bottom:2px solid #4a87e2; margin-bottom:2em; font-size:1.2em; padding:5px;*/}
.center_ttl{text-align:center; font-size:1.2em; margin-bottom:1.5em;}
.cont_ttl.long{/*width:80% !important;*/}
    
.title_a20{text-align: center; font-size: 1.45em;padding: 1%; display: block; width: 100%; margin: 0 auto 4%; line-height: 140%;}    
	
/* tab */
#tabMenu,#tabMenu2,#tabMenu3{width:94%; margin: 0 auto 7%;}    
    
.cast_p #tabMenu,.cast_p #tabMenu2,.cast_p #tabMenu3{width:100%; margin: 0 auto;}     
    
#tabMenu li a,#tabMenu2 li a,#tabMenu3 li a,
#tabMenu li span,#tabMenu2 li span,#tabMenu3 li span{ height: 42px;}    
    
#tabBox1 .inner,
#tabBox2 .inner,
#tabBox3 .inner,
#tabBox4 .inner,
#tabBox5 .inner,
#tabBox6 .inner
{width:100%; padding:4em 2em 1em; box-sizing:border-box;}

#tabBox1 .inner2,
#tabBox2 .inner2,
#tabBox3 .inner2,
#tabBox4 .inner2,
#tabBox5 .inner2,
#tabBox6 .inner2
{width:100%; padding:0; box-sizing:border-box;}
    
#tabBox1 .tabBox_wrap,#tabBox2 .tabBox_wrap,#tabBox3 .tabBox_wrap,#tabBox4 .tabBox_wrap,#tabBox5 .tabBox_wrap,#tabBox6 .tabBox_wrap{
    box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);
    border: 1px solid rgba(203, 192, 166, 0.6);
    background:#fff;
    }    

#tabBox1 .augur, #tabBox2 .augur, #tabBox3 .augur, #tabBox4 .augur, #tabBox5 .augur, #tabBox6 .augur {
 height:auto;
 padding:0;
}
    
.cast_p #tabBox1 .tabBox_wrap .augur:nth-child(1){ margin-top: -2.36%}	
.cast_p #tabBox2 .augur{ padding: 0;}    
    
/* ジャンル絞り込み */
#genre{width:100%; margin:0 auto; padding: 3em 0 0;}    
/* ------------------------
	 top
------------------------ */
#mv{/*margin-top:-1.8em;*/width:100%;height: auto;position: relative;box-sizing:border-box;overflow:hidden;}
#mv .catch01{ position: absolute;left: calc(50% - 200px);top: calc(58% - 100px); z-index: 1;width:auto;}
#mv .catch01 h2{ display: block; margin: 0 auto;color: #fff;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; /*font-size: 1.9em;*/ font-weight: 500; text-align: center;
text-shadow:
            3px 3px 6px rgba(15, 137, 231,0.5), -3px -3px 6px rgba(15, 137, 231,0.5),
           -3px 3px 6px rgba(15, 137, 231,0.5),  3px -3px 6px rgba(15, 137, 231,0.5);	
	}
#mv .catch01 h1 {display: block; margin: 1em auto;}
#mv .catch01 h1 img{display: block; width: 35%; height: auto; margin: 0 auto;}
    
/*精算金額のご案内*/
.seisan_text{ background: #fbf9f2; border: 1px solid rgba(189, 155, 66, 0.4); padding: 3% 4% 2%; width: 70%; margin: 0 auto 4vw;}
.seisan_text .cont_ttl .t01{color: #bd9b42; background: none; font-size: 0.9em;}
.seisan_text .cont_ttl:before,.seisan_text .cont_ttl:after{content: none;}
.seisan_text .seisan_area{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; margin: 3% 0 ;}
.seisan_text .seisan_area .seisan_area_data{ width: 65%; margin: 0;}
.seisan_text .seisan_area .btn{width:30%; margin: 0;}
.seisan_text .seisan_area .btn a{color: #fff;}
.seisan_text .seisan_area_data .seisan_price{ font-size: 0.85em;}
.seisan_text .seisan_area_data .seisan_kigen{ font-size: 0.85em;}
.seisan_text .seisan_area_data .seisan_price span{ display: inline-block; padding: 0 6%; font-size: 1.45em; font-weight: 500;}
.seisan_text .seisan_area_data .seisan_kigen span{ display: inline-block; padding: 0 6%; font-size: 1.45em; font-weight: 500;}
.seisan_text .seisan_bonus{padding: 3.6% 2%; background: rgba(189, 155, 66, 0.4); text-align: center;}
.seisan_text .seisan_bonus .tx1{ margin-bottom: 2%;}
.seisan_text .seisan_bonus .tx1 .pt1{ display: inline-block; padding: 0 2%; font-size: 1.25em; font-weight: 500;}
.seisan_text .seisan_bonus .tx2{font-size: 0.75em; width: 100%;}    
    
.mypage_main .seisan_text{ margin: 0 auto 4vw;}    
    
/*最新のつぶやき*/
#top_tsubuyaki{ margin:3em auto 6vw;}
#top_tsubuyaki .tsubuyaki_area{ width: 100%;margin:0 auto; background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1); border: 1px solid rgba(203, 192, 166, 0.6);}
#top_tsubuyaki .tsubuyaki_box{ width: 100%; padding: 2% 3%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
#top_tsubuyaki .tsubuyaki_box:last-child{border-bottom: none;}
#top_tsubuyaki .tsubuyaki_box figure{width: 9%; margin: 0;}
#top_tsubuyaki .tsubuyaki_box figure img{width: 100%; height: auto; border-radius: 50%;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
#top_tsubuyaki .tsubuyaki_box .tsubuyaki_txt  {width: 90%; margin: 0;}  
    
#top_tsubuyaki .tsubuyaki_box .mid{ width: 100%;display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#top_tsubuyaki .tsubuyaki_box h4{ font-size: 0.85em; font-weight: normal; margin: 0 0 2%;}
#top_tsubuyaki .tsubuyaki_box .date{ text-align: right; color: #848484; font-size: 0.85em;}
    
.t_uline{ display: inline-block; position: relative;padding: .3rem 0;border-bottom: 2px solid #decda0;}
.t_uline:before {position: absolute;bottom: -2px;left: 0;width: 50%;height: 2px;content: '';background: #bd9b42;}

#top_tsubuyaki .tsubuyaki_box .rig{width:100%;display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#top_tsubuyaki .tsubuyaki_box p{display: inline-block;width: 84%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}    
#top_tsubuyaki .tsubuyaki_box .btn{width: 12%; color: #fff; padding: 0.6rem 0 !important; margin: 0;}
#top_tsubuyaki .tsubuyaki_box .btn:after{width: 5px; height: 5px; margin-top: -3px;}
#top_tsubuyaki .tsubuyaki_box .btn a{color: #fff; font-size: 0.85em;}    

/* 口コミ */
#top_review{width:100%; margin:3em auto 6vw;}
#top_review .review_area{ width: 100%;margin:0 auto; background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1); border: 1px solid rgba(203, 192, 166, 0.6);}
#top_review .review_area .review{width: 100%; padding: 2% 3%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
#top_review .review_area .review:last-child{border-bottom: none;}
#top_review .review_area figure{width: 9%; margin: 0;}
#top_review .review_area figure img{width: 100%; height: auto; border-radius: 50%;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
#top_review .review_area .review_detail{ width: 88%;}
#top_review .review_area .review_rating{width: 100%; padding: 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#top_review .review_area .castname a{ color: #222 !important; font-feature-settings: "palt";}
#top_review .review_area .review_name{ color: #848484;}
#top_review .review_area .review_ttl{ margin: 1% 0 0;}
#top_review .review_area .review_detail_b p{font-size: 0.9em;}
#top_review .btn a{ color: #fff !important;}
    
/* 占い師ブログ　*/
#top_column{width:100%; margin:3em auto;}
#top_column .column_area{ width: 100%;margin:0 auto; background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1); border: 1px solid rgba(203, 192, 166, 0.6);}
.blog_list a .txt .txt_l{ width: 88%;} 
.blog_list a .txt .txt_r{ width: 10%; height: 100%; padding: 2% 1%;}     
    
    
/* introduction */
#introduction{width:100%; font-size:1em; background-image: url("../images/introduction_bg_pc.jpg"); background-repeat: no-repeat; background-size:cover;padding: 1em 2em;}
#introduction .inner{ width: 68%; margin: auto 0 auto auto; text-align:left;}
#introduction .inner .two_btnarea{display:flex; flex-wrap:wrap; justify-content:space-between;}
#introduction .inner .two_btnarea a{width:48%;}	
	
/* top_category */
#top_category{width:100%; margin:6em 0;}
#top_category ul{width:700px; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
#top_category li{width:32%; margin-bottom:1.5em;}
#top_category li a:hover{opacity:.8; transition:.3s;}

/* top_keyword */
#top_keyword{width:100%; margin:6em auto;}
.keyword_list{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.keyword_list li{width:19%; border:1px solid #ddd; text-align: center; position: relative; margin-bottom:1em;}

/* NEWS */
#top_newcomer{width:100%; margin:3em auto 6vw;}    
#news{width:100%; margin:4em auto;}
#news .white_wrap{width:100%; margin-bottom:2em; font-size:.9em;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);border: 1px solid rgba(203, 192, 166, 0.6);}  
.news_list{border-bottom:1px solid #ddd; padding:1em 1.5em;}
.news_list .tag{}


/* FAQ */
#FAQ{width:100%;/* margin:6em 0; */}
#faq01,#faq02,#faq03,#faq04,#faq05{margin-bottom:2em; margin-top:-180px; padding-top:180px;}
#faq_ac{width:100%; margin-bottom:2em; font-size:.9em;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);border: 1px solid rgba(203, 192, 166, 0.6);}    

/* top_recruit */
#top_recruit{width:100%; margin:6em 0;}
#top_recruit .recruit_wrap{
	background:url("../images/recruit_img.png") no-repeat; 
	background-size:cover;
	min-height:400px;
	padding:2.5em 1.2em; 
	display: flex; 
    flex-direction: column; 
    justify-content: center;
    align-items: center;
    }
#top_recruit .recruit_txt{color:#fff; text-align:center; font-size:1.1em;}

/* -------------------------------
	 レビュー
------------------------------- */
/* レビュー */
/*.review {width:100%; margin:10px 0; text-align: justify; text-justify: inter-character; height: auto !important; border-top:1px #eee solid; padding:2em;}
.review:first-child { border-top: none;}
.review .blog_detail{display:flex; flex-wrap:wrap; align-items:center;}
.review .blog_detail figure{width:5%; margin:0 1em 0 0;}
.review .blog_detail .castname a{font-size:1.1em; font-weight:bold; color:#222;}
.review .blog_detail .review_rating{width:80%;}
.review .blog_detail .review_name{font-size:.8em;}*/

/* --------------------------------------------------
	 #blog
-------------------------------------------------- */
/* blog_detail */
#blog{width:90%; max-width: 800px; margin:2em auto;}
.title_wrap{ width: 100%; margin: 0 auto 2%;}
.blog_ttl{width:60%; font-size:1.2em;text-align: center; margin: auto auto .5em;}
.blog_date{text-align:right; font-size:.85em; color:#aaa;}

#blog article figure{width:70%; margin:2em auto;}
.blog_txt{width:100%; margin-bottom:2em;}
.blog_txt p{margin-bottom:1.5em;}

.writer{width:70%; margin: auto;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);border: 1px solid rgba(203, 192, 166, 0.6);}
.writer figure{width:20%; max-width:150px;margin:0 4% 0 0;}
.writer .writer_dtl{width:65%; margin-left:2em;}
.writer .btn{margin:.5em 0;}


/* blog_list */
.blog_list a{width:100%;padding:0; box-sizing: border-box; display: flex;position:relative;}
.blog_list a .more{border-top:1px solid #ccc;}
.blog_list a figure{width:20%; max-width:150px; height:auto; margin:0 28px 0 0;}
.blog_list a .txt{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items: center;}
.blog_list a .txt h3{margin:0; font-size:1.1em; color:#222;}
.blog_list .blog_title a{font-size:.9em; font-feature-settings: "palt";}

/* -------------------------------
	 占い師一覧　augur
------------------------------- */
.augur_inner{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; padding:0;}
.augur a figure{width:14%; /*max-width:150px;*/ margin:0 0 0 0;}
.augur_inner_wrap{width:84%; padding: 1% 0;}

.augur_up{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}    
.augur_info{width:70%; padding: 0;}
.augur_info .name_wrap{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.augur_info .name_wrap .sratus{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.augur_info .price{display:flex; flex-wrap:wrap; align-items:center;}
.augur_info .price dt{font-size:.75em; margin-right:1em;}
.augur_info .price dd{font-weight:bold;}
.augur_txt{width:100%; margin-top:1em;}
.sratus_wrap{width:15%; padding: 0;}
.augur a .status_tag {font-weight:600;margin-right: -.5em;font-size:1em; margin-bottom: .1em;}
.cast_txt{ width: 80%; margin-top:.4% ; line-height: 150%;}

.augur a .free_tag{
 position: absolute;
 min-width: 90px;
 width: 10%;
 right: 24px;
 text-align: center;
 margin-bottom: 0.3rem;
 padding: 0.5rem 0.5rem;
 border:1px solid #bd9b42;
 border-radius: 0;
 color: #bd9b42;
 font-weight:500;
 font-size: 12px;
 background: #fbf9f2;
}
.augur a .free_tag span{ display:none; width: auto;font-weight: normal; margin-right: 4%;}
.augur a .free_tag b{font-size: 120%;}	
    
.augur a .fav,.augur .fav{
	width:20px;
	font-weight:bold;
	font-size:.9em;
    position: relative;
    right: 1.2%;
    padding: 1% 0;
}    
	
.free{position: absolute;
    min-width: 90px;
    width: 10%;
    right: 24px;
    text-align: center;
    margin-bottom: 0.3rem;
    padding: 0.5rem 0.5rem;
    border: 1px solid #bd9b42;
    border-radius: 0;
    color: #bd9b42;
    font-weight: 500;
    font-size: 12px;
    background: #fbf9f2;
}
.free span{ display:none; width: auto;font-weight: normal; margin-right: 4%;}
.free b{font-size: 120%;}	
    
.dblist {
 padding-bottom: 0;
 padding-top: 0;
 background: #FFF;
    box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);
    border: 1px solid rgba(203, 192, 166, 0.6);
}
 
.cast_p .augur,.cast_p .augur a{
    display: block;
} 
.cast_p .augur a .fav,.cast_p .augur .fav{
    position: absolute;
    top:0;
}  
    
.cast_p .augur .tsubuyaki_txt,.cast_p .augur a .tsubuyaki_txt{
    background: rgba(203, 192, 166, 0.4);
    font-size: 0.8em;
    padding: 0.2em 0.8em;
    width: 98.5%;
    margin: .6em auto .6em;
    }  
.cast_p .augur .tsubuyaki_txt p,.cast_p .augur a .tsubuyaki_txt p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    
    
/* --------------------------------------------------
	 占い師プロフィール　augur_plof
-------------------------------------------------- */

.videoBox{width:100%; position:relative; margin-bottom:2em; max-height:275px;}
.state{width:auto; position:absolute; bottom:10px; right:10px; padding:5px; box-sizing:border-box; font-size:.9em; text-align:center;}
.videoBox img{height:auto; max-height:275px;}

.p_box02{ position: absolute; width: 28%; top: 20%; right: 3em;}
.plof_tag{background: #8ad1f7; margin:0 8px .5em 0;padding:5px; box-sizing:border-box;text-align:center;color:#fff; border-radius: 4px; /*opacity: 0.8;*/ text-align:center;}
.plof_tag02{margin:0 0 .5em auto; padding:.5em; box-sizing:border-box;display: block; text-align:center; font-size:1em; width: 80%;}

.videoBox .state{width:100%; padding: .5em; font-size:1em; bottom:-2.7em;}
    
.plof_wrap .chat{
 position:absolute;
 top:-10px;
 left:10px;
 font-weight:normal;
 border-radius: 0;
 color: #fff;
 background: -moz-linear-gradient(135deg, #10b2a2, #2e9290);
 background: -webkit-linear-gradient(135deg, #10b2a2, #2e9290);
 background: linear-gradient(135deg, #10b2a2, #2e9290);
 text-align:center;
 width:12%;
 height:auto;
 padding:1%;
 float:right;
    font-feature-settings: "palt";
    font-size: 0.85em;
}

.plof_wrap .chat img{ width: 22%; height: auto; display: inline-block;}
    
.prof_dtl_wrap{width:90%; position: relative; margin: 0 auto;}
.plof_wrap .price{width:30%; margin:1em auto 2em; font-size:1.1em;}
.plof_wrap .price dt{width:50%; text-align:center; padding:.6em; font-weight:500;}
.plof_wrap .price dd{width:50%; background:#fff; color:#222; text-align:center; padding:.6em; font-weight:500;}	

.tsubuyaki{width: 90%; margin: auto;}
.tsubuyaki .tsubuyaki_area{border: 1px solid rgba(189, 155, 66, 1.0); background:rgba(251, 249, 242,1.0);padding: 3%; text-align: left; font-size: 0.85em;}
    
.info3{background:#fff; padding:0; border-radius:5px;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);border: 1px solid rgba(203, 192, 166, 0.6);}    
    
.yotei_ttl{font-size:1.1em; color:#222; display:flex; align-items:center;}
.yotei3{background:#fff; padding:1.5em; border-radius:5px; font-weight:bold; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.yotei_text{display:inline-block; width:75%;}
.yotei3 .btn_wrap{width:25%;}	
	
#recommend{width:90%; margin:3em auto 1vw;}
#recommend .recommend_area{ width: 100%; margin:0 auto; padding: 4% 6% 2%; background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1); border: 1px solid rgba(203, 192, 166, 0.6);} 
#recommend .recommend_area_inner{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
#recommend .cont_ttl span.t01{font-size: 1em; padding: 0 1em; max-width: 72%;}
    
/* 占い師ブログ　*/
#main #column{width:90%; margin:3em auto 4vw;} 
#column{width:90%; margin:3em auto 4vw;}
#column .column_area{ width: 100%;margin:0 auto; background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1); border: 1px solid rgba(203, 192, 166, 0.6);}
.blog_list a .txt .txt_l{ width: 88%;} 
.blog_list a .txt .txt_r{ width: 10%; height: 100%; padding: 2% 1%;} 
  
/* 占い師口コミ　*/ 
#main #review{width:90%; margin:3em auto 4vw;}   
#review{width:90%; margin:3em auto 4vw;}
#review .review_area{ width: 100%;margin:0 auto; background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1); border: 1px solid rgba(203, 192, 166, 0.6);}
#review .review_area .review{width: 100%; padding: 2% 3%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
#review .review_area .review:last-child{border-bottom: none;}
#review .review_area figure{width: 9%; margin: 0;}
#review .review_area figure img{width: 100%; height: auto; border-radius: 50%;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
#review .review_area .review_detail{ width: 88%;}
#review .review_area .review_rating{width: 100%; padding: 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#review .review_area .castname a{ color: #222 !important; font-feature-settings: "palt";}
#review .review_area .review_name{ color: #848484;}
#review .review_area .review_ttl{ margin: 1% 0 0;}
#review .review_area .review_detail_b p{font-size: 0.9em;}
#review .btn a{ color: #fff !important;}
    
    
/* 固定ボタン */
.fix_btnarea{
	position:fixed;
	bottom:0;
	width:100%;
	background-color: #fff;
	padding:1.8%;
	box-sizing:border-box;
   display: flex;
  flex-wrap:         wrap;
  justify-content:space-between;
  z-index:999;
	box-shadow: 0 -3px 10px rgba(0,0,0,0.2);
}    
	
/* --------------------------------------------------
	 #message
-------------------------------------------------- */
.message_list { width: 80%; margin: 0 auto;background: #fff;
box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);
border: 1px solid rgba(203, 192, 166, 0.6);}    
.message_list .message_cast{width:100%; border-bottom:1px solid #ddd; padding:1em; background: #fff;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;}

.message_cast{width:80%; display:block; margin:auto; justify-content: space-between;}
.message_cast .message_image{width:20%; max-width:150px;}
.message_cast .message_wrap{width:78%;}
.message_cast .message_wrap .message_tag{/* width:40%; */font-size:.9em; color:#fff;padding:10px;margin:1em 0;text-align:center;}
	
.message_cast .message_wrap .btn2{display:flex; width:100%; max-width:100%; margin-left:0;}	

#msg_area {padding:20px 0;font-size:16px;background: #fff;
box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);
border: 1px solid rgba(203, 192, 166, 0.6);}
    
/* --------------------------------------------------
	 日にちを選ぶ　schedule_list
-------------------------------------------------- */
#schedule_list{width:100%;}
.center_txt{width:100%; text-align:center; margin-bottom:1em;}

/*スケジュール可否*/
.sche_color{width:100%; display:flex; justify-content:center;}
.sche_color li{margin-right:2em; display:flex; align-items:center;}
.sche_color li.available:before{content:"■"; color:#f2d5e3; margin-right:.3em; font-size:1.5em;}
.sche_color li.reserved:before{content:"■"; color:#f5d6b0; margin-right:.3em; font-size:1.5em;}
.sche_color li.impossible:before{content:"■"; color:#ddd; margin-right:.3em; font-size:1.5em;}

/*スケジュール内容*/
.schedule{width:70%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:1em auto;}
.schedule dt{width:25%; padding:10px; text-align:center; margin-bottom:.5em; background:#bd9b42; color:#fff;}
.schedule dd{width:75%; padding:10px; margin-bottom:.5em; background:#fff;}


/*スケジュール一覧*/
.sche_head{
 display: flex;
 align-items: center;
 justify-content: space-between;
 margin-bottom: 1em; 
 width: 100%; 
 z-index: 100;
 /*background:#fcf5f5;*/
 padding-bottom:10px;
}

.sche_head .today00{font-size:1.1em; color:#bd9b42;}
.sche_head .preday00{
 display: block;
 background-image: linear-gradient(to top, #bd9b42 0%, #9cd9f3 100%);
 border: none;
 border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
 color:#fff;
 padding: 5px 10px;
}
.sche_head .preday00 a{color:#fff;}
.sche_head .preday00:before{
 content: '<';
 margin: 0 5px 0 0;
 font-wheight:bold;
 color:#fff;
}

.sche_head .nextday00{
 display: block;
 background-image: linear-gradient(to top, #bd9b42 0%, #9cd9f3 100%);
 border: none;
 border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
 color:#fff;
 padding: 5px 10px;
}
.sche_head .nextday00 a{color:#fff;}
.sche_head .nextday00:after{
 content: '>';
 margin: 0 0 0 5px;
 font-wheight:bold;
 color:#fff;
}

/* スケジュール表 */

.sticky_table{
	width:100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	}

.sticky_table thead th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
  background:#fff;
}

.sticky_table thead th {
	border: 1px solid #fff;
	background:#4a87e2;
	color:#fff;
	font-size:.9em;
	line-height:1.5;
	padding:2% 1%;
	box-sizing:border-box;
}
.sticky_table th{
	border: 1px solid #fff;
	padding:5px;
	font-size:.9em;
	background:#dfecf2;
	color:#4a87e2;
}
.sticky_table td{
	border: 1px solid #fefefe;
	background:#eee;
	padding:1.2em;
}

.sticky_table td.available{
	background:#f2d5e3;
}
	
.sticky_table td.reserved{
	background:#f5d6b0;
}	

/* ------------------------
	 ログイン/問い合わせ
------------------------ */

.msgarea{
	width:80%;
	margin:10px auto;
	box-sizing:border-box;
	background-color: rgba( 255, 255, 255, 0.8 );
	padding:3em 4em;
}

.msgarea form{width:80%; margin:auto;}


/* 時間を決める */
.sche_reserve{display:flex; flex-wrap:wrap; align-items:center;}
.sche_reserve dt{width:25%; padding:.5em; position:relative; margin-bottom:.5em; font-weight:600;} 
.sche_reserve dd{width:65%; padding:.5em; margin-bottom:.5em;}


/* --------------------------------------------------
	 順番待ち予約
-------------------------------------------------- */
.tel_cast{width:50%; padding:2em; margin:2em auto;}
.tel_cast_name{text-align:center; margin-top:.5em; font-size:1.5em;}
.wait_count{font-weight:700; font-size:1.5em; margin:.5em;}
    
/* --------------------------------------------------
	 beginner
-------------------------------------------------- */
#beginner{width:100%;}

.cont_wrap{width:100%; margin-bottom:5em;}
.article_intro{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.article_intro figure{width:40%; margin:0 0 1em;}
.article_intro .text{width:56%; margin:0 0 1em;}

.consultation{display:flex; flex-wrap:wrap; justify-content:space-around;}
.left_border_ttl{border-left:4px solid #bd9b42; padding-left:.5em; margin:0 0 1em 0; font-size:1.1em;}
.list_wrap{width:46%; margin-bottom:2em;}

.cont_txt{width:100%; margin-bottom:3em;}
    
.num_ttl{width:100%; display:flex; flex-wrap:wrap; align-items:center; font-size:1.1em; margin:0 0 1em;}
.circle_num {
 height:30px;
 width:30px;
 border-radius:50%;
 line-height:30px;
 text-align:center;
 background:#bd9b42;
 color:#fff;
 font-weight:normal;
 margin-right:.5em;
}

.num_ttl .ttl_text{width:85%;}

.cont_wrap_article ul.circle {margin: 3% 0;}    
.cont_wrap_article ul.circle li{
    list-style-type: none;
    position: relative;
    padding-left: 0.6em;
    }
.cont_wrap_article ul.circle li:before {
    border-radius: 50%;
    width: 5px;
    height: 5px; 
    display: block;
    position: absolute;
    left: -0.25em;;
    top: 0.6em;
    content: "";
    background: #bd9b42;
    }    
    
.cont_wrap_article .text{ margin-bottom: 3%;}    
.cont_wrap_article .t_uline2{ position: relative; padding-left: 1.4%;}    
.cont_wrap_article .t_uline2:before{
    border-radius: 50%;
    width: 5px;
    height: 5px; 
    display: block;
    position: absolute;
    left: -0.25em;;
    top: 0.7em;
    content: "";
    background: #bd9b42;
}       
.cont_wrap_article .text .title_s{ text-align: left; font-size: 1em; margin-bottom: 0;}    


/* --------------------------------------------------
	 company
-------------------------------------------------- */
.company_dtl{width:80%; margin: auto; background: #fff;padding: 0;border-radius: 0;/* box-shadow: 0 3px 3px rgba(145, 119, 55,0.1); */border: 1px solid rgba(203, 192, 166, 0.6);}    

/* --------------------------------------------------
	 guide
-------------------------------------------------- */
.dot_ttl{margin:0 0 .5em; font-size:1em;}
.dot_ttl:before{content:"●"; color:#e94b82; font-size:.8em; margin-right:.5em;}
#guide .center_ttl{ font-weight: normal;}
#guide{ width: 88%; margin: 0 auto;}	
/* フロー */
.flow {
	display:flex; 
	flex-wrap:wrap;
	 justify-content:space-around;
    margin: 0 auto;
    overflow:hidden;
}

.flow .box {
    margin: 0 auto;
    width: 28%;
    position: relative;
    padding: 0 0 4%;
}

.flow .box img{width:100%; height:auto; margin:auto; display:block;}
.flow .box .text{/*min-height:10vh;*/}

.flow .box:after {
    top: 45%;/* 中央寄せに使用 */
    left: 110%;
    transform: rotate(0deg);
	position: absolute;
	right: 0;
	bottom: 0;
}

.flow .box:last-child:after {
     display: none; 
}
    
.flow .box.sp {display: block; visibility: visible;}    

.step_ttl{text-align:center; font-size:1.2em; margin-bottom:.5em;}
.step_ttl span{display:block; font-size:.75em; padding: 2% 6%; width: 50%; margin: 0 auto 4%; font-weight: normal;}

.em_txt{margin-bottom:1em; text-align:center;}

/* 支払い方法 */
.cont_wrap .payment_item:first-child{width:100%; padding: 1em 2em;}

/* 料金案内 */
.tool{width:100%; margin:0 auto 4%;}
.tool_type{width:100%; display:flex; flex-wrap:wrap; justify-content:space-around;}
.tool_type .box {
    margin: 0 auto;
    width: 100%;
    position: relative;
}
/*.tool_type .box img{width:100%; margin:1.5em auto 0.5em; display:block;}
.tool_type .box .img{width:100%; margin:0.5em auto 0.5em; display:block;}*/
    
.tool_type .box span{width:100%; margin:0 auto 1.5em; display:block; text-align: center;}
.boxarea{}
.boxarea .item{}
   
.boxarea a{ color: #fff;}
.boxarea img{ display: block; width:60%; margin: 0 auto 2%;}    
.tool_type .boxarea{width: 90% !important;}
    

/*お得な3つのサービス*/
.service01{display:flex; flex-wrap:wrap; justify-content:space-between; margin: 3% auto 0;}
.service01 .s_box{width:30%; position: relative; margin-bottom:3%; padding: 3.6% 3.6% 0; border: 1px solid rgba(189, 155, 66, 1.0); background:rgba(251, 249, 242,1.0); text-align: left;}
.service01 .s_box h5{font-size:1.15em; font-weight: 900; padding-bottom: 4%; margin:0 0 4%; text-align: center; color: #76644d;}
.service01 .s_box h5 span{ display: block;background: rgba(203, 192, 166,0.7);font-size: .75em;padding: 2% 6%;width: 50%;margin: 0 auto 4%;font-weight: normal; text-align: center; color: #222;}
.service01 .s_box figure{ width: 100%; margin: 0 0 2%;}    
    
/* 初回特典 */
.bonus_info .txt03{ font-size: 1.3em;}    
.bonus_wrap{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; margin-bottom:1.5em;}
.bonus_info{ width: calc(100%/2); background: linear-gradient(180deg, #fafafa, #e7debb); padding: 3% 2%; margin-bottom: 1.5em; position: relative;border: 1px solid rgba(203, 192, 166, 0.6);display: flex;flex-direction: column;}
.bonus_info:first-child{ border-right: none;}
.bonus_info .text .lead{ text-align: center; margin-bottom: 1.0em;}
.bonus_info .txt03{ font-size: 1.3em;} 
.bonus_info .circle_list li{ font-size: 0.85em;}
.bonus_info .title_a20 span{ display: block; font-size:.9em;}
.bonus_info .item{ margin-top: auto;}
.bonus_info .item .btn{ margin: auto;}    
.bonus_info .item h5{ text-align: center;color:#76644d; font-size: 1.1em; margin: 0;}
.bonus_info .item h5:before{ 
 font-family: "FontAwesome";
 content: '\f52d';
 color: rgba(189, 155, 66, 0.9);
 font-size:16px;
 padding-right:6px;}
    
/*特長*/
.int_box{text-align: center; margin: 2% 0; font-size: 0.875em;}
.int_box ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.int_box ul li{width:48%; position: relative; margin-bottom:3%; padding: 3.6%; text-align: left;background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);border: 1px solid rgba(203, 192, 166, 0.6);}
.int_box ul li h5{font-size:1.15em; color: #fff; font-weight: 600; padding: 3% 1%; margin:0 0 6%; text-align: center;background: -moz-linear-gradient(135deg, #d3aa5b, #9e823a);
background: -webkit-linear-gradient(135deg, #d3aa5b, #9e823a);
background: linear-gradient(135deg, #d3aa5b, #9e823a);}  
    
    
/*上手な電話鑑定*/
.howto{}
.howto_box{display:flex; flex-wrap:wrap; justify-content:space-around; margin-bottom: 3%; align-items: flex-start;}
.howto_box figure{ width: 25%; margin: 0;}
.howto_box .text{ width: 70%;}
.howto_box h4{font-size:1.12em; font-weight: 900; margin:0; text-align: left;}
.howto_box h4 span{ display: inline-block; width: 10%; margin: 0 1% 3% 0;font-size:.8em;border-radius: 0px;background: rgba(203, 192, 166,0.7);font-weight: normal;padding: 0.2em 0;text-align: center;}   
    
      
/*募集*/  
.recruit_grid{background: #fff;padding: 0;border-radius: 0;/*box-shadow: 0 3px 3px rgba(145, 119, 55,0.1);*/border: 1px solid rgba(203, 192, 166, 0.6);}    
/*募集要項*/    
.howto2{ width: 96%; margin: auto;}
.howto2 .howto_box{display:block;position: relative; margin-bottom: 6%;}
.howto2 .howto_box h4{font-size:1.12em; font-weight: 900; margin:0 0 2%; text-align: left;border-bottom: 1px solid rgba(203, 192, 166, 0.6);}
.howto2 .howto_box h4 span{ display: inline-block; width: 10%; margin: 0 1% 0 0;font-size:.8em;border-radius: 0px;background: rgba(203, 192, 166,0.7);font-weight: normal;padding: 0.2em 0;text-align: center;} 
.howto2 .howto_box:after {
    content: "";
    background: url("../images/arrow2.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 60px;
    height: 30px;
    transform: rotate(90deg);
    position: absolute;
    bottom:-60px;
    left: 45%;/* 中央寄せに使用 */
    margin-left: -15px; /* 中央寄せに使用 */
} 
.howto2 .howto_box:last-child:after{display: none;}    
    
/* --------------------------------------------------
	 テーブル
-------------------------------------------------- */
.table, .table2{ margin: 4% auto 6%;}
.table table, .table2 table{border: none; width: 90%; margin: auto;border-collapse: collapse;background: #fff;box-shadow: 3px 3px 3px rgba(145, 119, 55,0.1);}
.table table tr, .table2 table tr{
/*background: -moz-linear-gradient(90deg, #ebe4c6, #e7debb);
background: -webkit-linear-gradient(90deg, transparent 0%, #e7debb 100%);
background: linear-gradient(90deg, #fafafa, #e7debb);*/
}
.table table tr:last-child, .table2 table tr:last-child{border-bottom: none;}
.table table th,.table table td, .table2 table th,.table2 table td{ text-align: center;border-bottom:1px solid rgba(203, 192, 166,0.4);padding: 2% 0;}
.table tr:first-child td ,.table2 tr:first-child td{font-size: 1.1em; letter-spacing: .02em;color: #76644d; line-height: 125%; font-weight: 600;}

/*2列*/
.table th{ width: 30%;}
.table th img{width: 40%; height: auto;}
.table th h5{ color: #76644d; margin: 1% 0; font-size: 1.1em; font-weight: 600;}
.table td{width: 70%; font-size: 1.35em; letter-spacing: .02em;}
.table .td2{font-size: 1.15em;}
.table .td2 strong{font-size: 1.35em; font-weight: 500; margin: 0 .5%;}

/*6列*/
.table2 th{ width: 30%;}
.table2 th img{width: 40%; height: auto;}
.table2 th h5{ color: #76644d; margin: 1% 0; font-size: 1.1em; font-weight: 600;}
.table2 td{width: 14%; font-size: 1.35em; letter-spacing: .02em;}
.table2 table th,.table2 table td{ border-right:1px solid rgba(203, 192, 166,0.4);}
.table2 table td:last-child{ border-right:none;}

/* -------------------------
	汎用パーツ
--------------------------- */
/* メイン画像 */
.main_image{width:100%; margin-bottom:3em;}
.main_image figure{margin:0;}


/* 注意書き */
.notice{width:100%; background:#fff; padding:1.5em; margin:2em auto; border-radius:10px;}

/* 画像左+テキスト */
.f_left_box{width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.f_left_box figure{width: 40%; margin:0;}
.f_left_box .text{width:57%;}


/* 画像左+テキスト */
.f_right_box{width:100%; margin:4em auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.f_right_box figure{width: 40%; margin:0; order:2;}
.f_right_box .text{width:57%; order:1;}


/* 画像3列 */
.col3_img{display:flex; flex-wrap:wrap; justify-content:space-between; margin:4em auto;}
.col3_img .img_box{width:30%; margin:0 auto 1.5em;}
.col3_img .img_box figure{margin:0 0 1em;}

/* 画像２列 */
.col2_img{display:flex; flex-wrap:wrap; justify-content:space-between; margin:4em auto;}
.col2_img .img_box{width:46%; margin-bottom:1em;}
.col2_img .img_box figure{margin:0 0 1em;}

.img_box figcaption{text-align:center;}
	
}