@charset "utf-8";

/*リセット*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
ul {
	list-style: none;
}
:focus {
	outline:none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
figure {
	margin: 0;
}

/*共通レイアウト*/
body {
	width: 100%;
	min-width: 320px;
	color: #333;
    font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6em;
	overflow-y: scroll;
	overflow-x: hidden;
}
a {
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
a:link, a:visited {
    color: #639;
    outline: none;
    text-decoration: underline;
}
a:hover, a:active, a:focus {
    color: #c69;
}
input, textarea, button, pre, select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}
input[type=text], input[type=password], input[type=email], textarea, select {
	padding: 0.2em 0.5em;
	border: none;
}
input[type=text], input[type=password], input[type=email], textarea {
	max-width:90%;
}
input[type=radio], input[type=checkbox] {
	vertical-align: middle;
	margin: 0 0.3em 0 0;
}
button {
	cursor:pointer;
}
pre {
	word-break: break-all;
	white-space: pre-wrap;
}
small {
	font-size: 11px;
	line-height: 1.7em;
	color:#727272;
	display:block;
}
strong, .orange {
	color:#f63;
	font-weight:bold;
}
.green {
	color:#64b013;
	font-weight:bold;
}
img {
	width: 100%;
}
.center {
	text-align: center;
}
.left {
	float:left;
}
.right {
	float:right;
	text-align: right;
}
.clear {
	clear:both;
}
.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.red {
	color:#f33;
}
.green {
	color:#70b80c;
}
.btn, input[type=submit] {
	border:none;
	padding: 0.5em 0.8em 0.4em;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	overflow: hidden;
	color: #fff !important;
	text-decoration:none !important;
	text-shadow:0 0 2px rgba(0,0,0,0.3);
	white-space: nowrap;
	text-align: center;
	line-height: 1.2em;
	text-overflow: ellipsis;
	cursor: pointer;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background: #e4704a;
	background: -moz-linear-gradient(top,  #e4704a 0%, #d93600 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4704a), color-stop(100%,#d93600));
	background: -webkit-linear-gradient(top,  #e4704a 0%,#d93600 100%);
	background: -o-linear-gradient(top,  #e4704a 0%,#d93600 100%);
	background: -ms-linear-gradient(top,  #e4704a 0%,#d93600 100%);
	background: linear-gradient(to bottom,  #e4704a 0%,#d93600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4704a', endColorstr='#d93600',GradientType=0 );
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	box-shadow:0 1px 0 rgba(0,0,0,0.2);
}
.btn:hover, input[type=submit]:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.green-btn {
	background: #80c269;
	background: -moz-linear-gradient(top,  #80c269 0%, #588647 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80c269), color-stop(100%,#588647));
	background: -webkit-linear-gradient(top,  #80c269 0%,#588647 100%);
	background: -o-linear-gradient(top,  #80c269 0%,#588647 100%);
	background: -ms-linear-gradient(top,  #80c269 0%,#588647 100%);
	background: linear-gradient(to bottom,  #80c269 0%,#588647 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c269', endColorstr='#588647',GradientType=0 );
}
.purple-btn {
	background: #885ac1;
	background: -moz-linear-gradient(top,  #885ac1 0%, #734ca3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#885ac1), color-stop(100%,#734ca3));
	background: -webkit-linear-gradient(top,  #885ac1 0%,#734ca3 100%);
	background: -o-linear-gradient(top,  #885ac1 0%,#734ca3 100%);
	background: -ms-linear-gradient(top,  #885ac1 0%,#734ca3 100%);
	background: linear-gradient(to bottom,  #885ac1 0%,#734ca3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#885ac1', endColorstr='#734ca3',GradientType=0 );
}
.btn-box {
	text-align:center;
	margin:1em 0;
}
.btn-box li {
	margin:0 0.5em;
	display:inline-block;
}
.btn-box .btn {
	margin:0 0.2em;
	vertical-align:middle;
}
.menu-box {
	text-align:center;
}
.menu-box li {
	display:block;
	letter-spacing: 0.1em;
	vertical-align:top;
}
.icon {
	position: relative;
	display: inline-block;
	padding-right: 30px;
}
.icon:after {
	content: "";
	display: block;
	position: absolute;
	right: 2px;
	top: 50%;
	background: url(/images/pc/sprite.png) no-repeat;
	width: 30px;
	height: 30px;
	margin-top: -15px;
}
.icon-arrow-r:after {
	background-position: 0 0;
}
.icon-arrow-l:after {
	background-position: -30px 0;
}
.icon-arrow-t:after {
	background-position: -60px 0;
}
.icon-arrow-b:after {
	background-position: -90px 0;
}
.icon-menu:after {
	background-position: -120px 0;
}
.icon-arrow-link-r:after {
	background-position: -240px 0;
}
.icon-arrow-link-l {
	padding:0 0 0 30px;
}
.icon-arrow-link-l:after {
	background-position: -270px 0;
	right:auto;
	left: 2px;
}
.icon-arrow-link-b:after {
	background-position: -300px 0;
}
.icon-ex {
	padding:0 0 0 30px;
}
.icon-ex:after {
	background-position: -330px 0;
	right:auto;
	left:0;
}
.icon-circle-arrow-r:after {
	background-color: #f63;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	background-position: 4px;
}
.icon-circle-cancel:after {
	background-color: #f63;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	background-position: -148px;
	cursor:pointer;
}
.icon-arrow-link-rl:after {
	background-position: -360px 0;
}
.balloon {
	display:inline-block;
    z-index: 500;
	background: #fff;
	white-space:nowrap;
	border-radius:5px;
	padding: 0.5em;
	color: #333;
	line-height: 1.2em;
	box-shadow:0 0 1px rgba(0,0,0,0.3);
	position:relative;
	cursor:pointer;
	text-align:center;
}
:root .balloon-on:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 50%;
	top: -20px;
	margin-right: -10px;
	border: 10px solid;
	border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0);
}
.mincho {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 25px;
	font-weight: normal;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1, 1.01);
	-moz-transform-origin: 0 0;
	-moz-transform: scale(1, 1.01);
	-ms-transform-origin: 0 0;
	-ms-transform: scale(1, 1.02);
	-o-transform-origin: 0 0;
	-o-transform: scale(1, 1.01);
	transform-origin: 0 0;
	transform: scale(1, 1.01);
	line-height:1.1em;
}
.mincho-b {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 25px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1, 1.01);
	-moz-transform-origin: 0 0;
	-moz-transform: scale(1, 1.01);
	-ms-transform-origin: 0 0;
	-ms-transform: scale(1, 1.02);
	-o-transform-origin: 0 0;
	-o-transform: scale(1, 1.01);
	transform-origin: 0 0;
	transform: scale(1, 1.01);
}
.data dt{
	color:#99914b;
	font-weight:bold;
}
.tag {
	max-width:71px;
}
.tag-today {
	max-width:112px;
}
.title {
	position: relative;
	display: block;
	padding-left: 35px;
	color:#d93600;
	font-size: 26px;
	margin: 1em 0 0.5em;
}
.title:before {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	top: 50%;
	background: url(/images/pc/sprite.png) no-repeat -180px 0;
	width: 30px;
	height: 30px;
	margin-top: -15px;
}
.page-title {
	background: #734ca3;
	margin:0;
	padding: 1em 0;
	display:block;
}
.page-title .title {
	margin:0.2em 0 0 20px;
	color:#fff;
}
.page-title .title:before {
	background-position:-210px;
}
.page-title .sub {
	color:#FFE03F;
	margin:0.5em 0 0 60px;
	line-height:1.2em;
}
.page-title .en {
	margin-left:60px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
.column-title {
	background-color: #eee;
    border: 1px dashed #ccc;
    color: #f63;
    font-weight: bold;
    margin: 1.5em 0 1em;
    padding: 0.8em;
}
.sub-title {
	color:#f63;
	font-size:16px;
}
.headline, .headline a {
	color:#f63;
	font-weight:bold;
	margin: 1em 0;
	text-decoration:none;
}
.headline .mincho-b {
	font-size:26px;
	line-height:28px;
	display:block;
}
.last {
	text-align:right;
	font-weight:bold;
}
.h-tag {
	border-radius:5px;
	color:#FFF;
	padding:0.2em 1em;
	background:#ccc;
	display:inline-block;
}
.ranking-title {
	font-size:24px;
}
.ranking-title .mincho-b {
	color:#f63;
	margin-right:0.5em;
	font-size:28px;
}
.short-comment {
	font-size:16px;
	margin:0.5em 0;
	padding:0.8em;
	border-radius:8px;
	display:inline-block;
	background:#fff;
	background:rgba(255,255,255,0.8);
	border: 1px solid #cbc063;
	box-shadow: 0 1px 1px #fff inset;
	position:relative;
}
.short-comment-left {
	margin-left:25px;
}
.short-comment-right {
	margin-right:25px;
}
.short-comment:before{
	content:"";
	display:block;
	width:25px;
	height:40px;
	position:absolute;
	top:0;
	background:url(../images/pc/sprite-sp.png) no-repeat;
}
.short-comment-left:before {
	background-position:0 0;
	left:-25px;
}
.short-comment-right:before {
	background-position:0 -40px;
	right:-25px;
}
.short-comment-list {
	margin:0 0 2em;
	padding:1em;
}
.short-comment-list2 {
	text-align:right;
}
.short-comment-list3 {
	font-weight:bold;
	color:#d93600;
}
#img620 {
	max-width:620px;
}
.img300{
	max-width:300px;
}
.message {
	border:solid 2px #cbc063;
	padding:0.5em;
	margin:1em 0 0;
	text-align:center;
}
.message .mincho-b {
	color:#f63;
	font-size:30px;
	margin:0 0.2em;
}
.message .mincho-b span {
	font-size:18px;
}
.ex {
	color:#727272;
	font-size:11px;
}
.flow li {
	border:solid 1px #ccc;
	padding:0.8em;
	margin:2em 0;
	position:relative;
}
.flow li:after {
	content:"▼";
	display:block;
	position:absolute;
	left:50%;
	top:-25px;
	font-size:28px;
	margin-left:-0.5em;
	color:#f63;
}
.flow li:first-child {
	margin-top:0;
}
.flow li:first-child:after {
	content:"";
}
.note {
	margin:1em;
	text-align:center;
	color:#d93600;
}
.side a:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.text {
	margin: 0.5em 0 1em;
}
.bg {
	background:url(/images/pc/bg.gif);
	background: -moz-linear-gradient(top, #ffffff 0%, #e9e5ef 10%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#e9e5ef), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e9e5ef 10%,#ffffff 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e9e5ef 10%,#ffffff 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e9e5ef 10%,#ffffff 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e9e5ef 10%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e5ef', endColorstr='#ffffff',GradientType=0 );
	padding:8px;
}
.bg .frame {
	background:#fff;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	margin: 5px;
    padding: 8px;
}
.bg-gold {
	background: #ffefa4;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffefa4 10%, #ffefa4 90%, #ffffff 100%),;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#ffefa4), color-stop(90%,#ffefa4), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffefa4 10%, #ffefa4 90%,#ffffff 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ffefa4 10%, #ffefa4 90%,#ffffff 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ffefa4 10%, #ffefa4 90%,#ffffff 100%);
	background: linear-gradient(top, #ffffff 0%, #ffefa4 10%, #ffefa4 90%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffefa4', endColorstr='#ffffff',GradientType=0 );
}
.bg-gold:after {
	content:"";
	background:url(../images/pc/lines.png);
	width:100%;
	height:208px;
	display:block;
}
.bg-gray {
	background-color: #eee;
	margin:1.5em 0;
	padding:1.5em;
	box-shadow:0 0 1px rgba(0,0,0,0.15) inset;
}
.bg-gray .mincho {
	text-align:22px;
	text-align:center;
	margin:0 0 0.8em;
	color: #d93600;
}
.frame .bg-gray {
	margin:0;
}
.bg-beige {
	background-color: #dfdfd0;
	color:#666;
}
.list {
	color: #f63;
    font-weight: bold;
	margin:1em 0;
	list-style-position:inside;
}
ul.list {
	list-style-type:disc;
}
ul.list li {
	margin:0.3em 0;
}
.line-table {
	border:solid 2px #cbc063;
}
.line-table th, .line-table td {
	border: solid 1px #cbc063;
	padding:0.5em;
	font-weight:normal;
	text-align:center;
}
.line-table td {
	text-align:left;
	word-break:break-all;
}
.border-list {
	margin:1em 0;
}
.border-list li {
	border-bottom: 1px dotted #000;
	padding:0.5em 0;
}
.pm-list {
	letter-spacing:-0.4em;
	text-align:center;
}
.pm-list li {
	width: 270px;
	display:inline-block;
	vertical-align:top;
}
.pm-list .frame {
	text-align:left;
	letter-spacing:normal;
	padding:2em 8px 8px;
	margin:5px;
	position:relative;
	border-radius:3px;
}
.pm-list .tag-today {
	position:absolute;
	top:5px;
	left: 81px;
	display: block;
}
.pm-list .name {
	font-weight:normal;
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.pm-list .photo-frame {
	margin: 0 0.5em 0.5em 0;
	display:block;
	max-width:150px;
	max-height:150px;
	overflow:hidden;
	border: solid 3px #bdafcf;
}
.pm-list .photo {
	display:block;
}
.pm-list .data {
	font-size: 11px;
	line-height: 1.1em;
	width:80px;
	float:right;
	margin:0 0 0.5em;
}
.pm-list dd {
	max-height:5em;
	overflow:hidden;
	margin:0 0 0.3em;
}
.pm-list .comment {
	clear: both;
	border: solid 1px #CBC063;
	padding:0.5em;
	background:#FFF;
	border-radius:3px;
}
.pm-list .prof-title {
	margin-top:-1.4em;
}
.waiting .pm-list {
	text-align:left;
}
.waiting .data {
	width:auto;
	float:none;
}
.form-list{
	max-width:800px;
	margin:0 auto;
}
.form-list dt {
	color:#727272;
}
.form-list dd {
	margin: 0 0 1em;
}
.form-list input[type=text], .form-list input[type=password], .form-list textarea {
	border: none;
	background: #FFF;
	max-width:95%;
	margin:0.3em 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
}
.form-list label{
	margin:0 0.5em;
	display:inline-block;
}
.form-list dt small {
	font-size:10px;
	color:#fff;
	background:#734ca3;
	display:inline-block;
	vertical-align:2px;
	margin:0.5em;
	padding:0 0.5em;
	border-radius:3px;
}
.form-list dd small {
	font-size:11px;
	color:#f63;
	display:block;
}
.form-list dd div {
	margin:0 0.5em 0.5em 0;
}
.form-list .mini {
	width: 50px;
}
.form-list .long {
	width: 80%;
}
.form-list .short {
	width: 200px;
}
.form-list textarea {
	width: 95%;
}
.scroll-text {
	margin: 0 0 1em;
	padding: 1em;
	height: 10em;
	overflow-y: scroll;
	font-size: 12px;
	line-height: 1.4em;
	background: #FFF;
}

/*個別レイアウト*/
#g-header {
	position: relative;
	border-top: 10px solid #000;
	background: #bdafcf;
	background: -moz-linear-gradient(top,  #bdafcf 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdafcf), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #bdafcf 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #bdafcf 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #bdafcf 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #bdafcf 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdafcf', endColorstr='#ffffff',GradientType=0 );
	overflow:hidden;
}
#g-header .inner {
	position: relative;
}
#lines {
	height: 100%;
	max-height: 208px;
	width: auto;
	position:absolute;
	top: 0;
	left: -100px;
}
h1 {
	font-weight: normal;
	font-size: 10px;
	padding: 0 1em;
	position: relative;
	z-index: 100;
	letter-spacing:-0.05em;
	line-height:1.3em;
}
#logo {
	max-width:682px;
	max-height:189px;
	vertical-align: middle;
	position: relative;
	z-index: 100;
}
#info-box {
	z-index: 100;
	width: 100%;
	text-align:center;
	position:relative;
}
#info-box .inner {
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
#campaign {
	background: #d93600;
	display: block;
	z-index: 100;
}
#tel {
	background: #bdafcf;
	display:block;
	z-index: 100;
}
#campaign img, #tel img {
	max-width:320px;
	display:block;
	margin: 0 auto;
}
#link-box {
	text-align:right;
}
#link-box .icon {
	text-decoration:none;
	font-size:12px;
}
#menu-btn {
	background: #bdafcf;
	display: block;
	z-index: 100;
	border-top: solid 1px #fff;
	width: 100%;
	color: #fff;
	padding: 0.2em 0;
	font-size: 22px;
	text-align:center;
	cursor:pointer;
}
#menu .fixed {
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	margin:0;
	border-radius: 0;
	max-width: none;
	width:100%;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
#breadcrumb {
	font-size:12px;
	margin:0 15px;
	text-align: right;
	line-height: 1em;
}
#breadcrumb p {
	display: inline;
}
#breadcrumb p:before {
	content: "";
	display: inline-block;
	background: url(/images/pc/sprite.png) no-repeat -240px 0;
	width: 30px;
	height: 30px;
	vertical-align:middle;
}
#breadcrumb p:first-child:before {
	background:none;
	margin: 0;
}
#menu-box {
	display: none;
}
#login {
	margin: 0 0 1em;
	padding: 1em;
	text-align:center;
}
#login .mincho {
	color: #d93600;
	font-size: 22px;
	margin:0;
}
#login dt {
	float: left;
	clear: left;
	width: 80px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
}
#login dd {
	padding: 0 0 0 80px;
	height: 30px;
	background: #fff;
	margin:0.6em 0;
	line-height: 30px;
	text-align:left;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset;
}
#login input[type=text], #login input[type=password]{
	width: 100px;
}
#login .note {
	margin:0.5em;
}
#login .btn-box {
	margin:0 0 0.5em;
}
#g-nav {
	margin:10px;
	padding:20px;
	background:#fff;
	border-radius:6px;
}
#g-nav li {
	position: relative;
	max-width:236px;
	margin:0 auto;
}
#g-nav a {
	display:block;
	margin:1px 0;
	transition: all 0.5s ease 0s;
}
#g-nav a:hover {
	opacity:0.8;
}
#g-nav .menu {
	display:block;
	max-width:234px;
	border-radius:6px;
	box-shadow:0 1px rgba(0,0,0,0.15);
}
#wrapper .popup {
	position: fixed;
	left:0;
	top:0;
	z-index:1000;
	background:#000;
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
}
#wrapper .popup #close-btn {
	position:absolute;
	right:2px;
	top:2px;
	width:36px;
	height:36px;
	z-index:5000;
}
#wrapper .popup #close-btn:after {
	border:solid 3px #fff;
}
#side2 {
	padding: 0 0.5em;
}
#bnr-sp {
	margin:0 0 1em;
}
#bnr-sp .icon {
	display:block;
	position:relative;
	padding:30px 30px 10px 100px;
	text-decoration:none;
	font-size:12px;
	line-height:1.5em;
	min-height:80px;
	margin:0 0 0.5em;
	background: #eae4f2;
	box-shadow:0 0 1px rgba(0,0,0,0.15) inset;
	border-radius:3px;
}
#bnr-sp .bnr-sp-title {
	position:absolute;
	top: 6px;
	left:10px;
	font-size:15px;
	font-weight:bold;
	color:#f63;
	text-shadow:
	-1px -1px 0 #fff,
	1px -1px 0 #fff,
	1px 1px 0 #fff,
	-1px 1px 0 #fff;
}
.bnr-sp-title span {
	font-size:12px;
}
.bnr-sp {
	width:80px;
	position:absolute;
	left:10px;
	top:30px;
}
#bnr {
	letter-spacing: -0.4em;
}
.bnr {
	width:50%;
	max-width: 240px;
}
#fav {
	margin: 1em 0;
	letter-spacing:-0.4em;
}
#fav button {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width: 50%;
	padding:5px;
	height:52px;
	max-width:120px;
	color:#fff;
	text-decoration:none;
	line-height:1.2em;
}
.yahoo-bk {
	background:#bdafcf;
	font-size:10px;
	text-align:center;
}
.yahoo {
	display:block;
	margin-bottom:2px;
}
.fav {
	background:#f63;
	text-align:left;
}
#qr {
	padding: 0.5em 0.5em 0.5em 110px;
	font-size: 12px;
	border:solid 1px #bdafcf;
	line-height: 1.4em;
	height:100px;
	position:relative;
}
#code {
	display:block;
	position:absolute;
	left:0.5em;
	top:0.5em;
	max-width: 100px;
	margin: 0 0.5em 0 0;
}
#ttl-qr {
	max-width: 117px;
	display:block;
}
#security {
	margin: 1em 0;
}
#ch25, .truste, .norton {
	vertical-align:middle;
	max-width:81px;
	margin:0.2em;
}
#container {
	padding:0 1em 2em;
}
#g-footer {
	text-align: center;
	margin: 1em 0 0;
	background: #000;
}
#g-footer .inner {
	position:relative;
}
#g-footer .scroll {
	text-align:center;
	color: #333;
	text-decoration:none;
	padding: 0 1em .5em;
	font-size:16px;
	display:block;
	width:184px;
	margin:0 auto;
}
#g-footer ul {
	padding:1em 0;
}
#g-footer li {
	margin:0 1em;
}
#g-footer small {
	display: inline-block;
	padding: 1em;
	color: #ccc;
}
#g-footer a {
	color: #fff;
}
#g-footer a:hover {
	color: #ccc;
}

/*トップページ*/
#key-visual {
	display:none;
}
#ranking .mincho, #ranking small {
	display:inline-block;
}
#ranking small {
	margin-left: 1em;
}
#ranking h2 {
	margin-top:0;
}
.carousel {
	width: 100%;
	height: 333px;
	overflow: hidden;
	position:relative;
	padding:0;
}
.carousel:before {
	background: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(255, 255, 255, 0)));
	background: -moz-linear-gradient(left, #FFF, rgba(255, 255, 255, 0));
	background: -ms-linear-gradient(left, #FFF, rgba(255, 255, 255, 0));
	background: -o-linear-gradient(left, #FFF, rgba(255, 255, 255, 0));
	background: linear-gradient(left, #FFF, rgba(255, 255, 255, 0));
    content: "";
    height: 333px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
    z-index: 50;
}
.carousel:after {
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFF));
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #FFF);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #FFF);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #FFF);
	background: linear-gradient(left, rgba(255, 255, 255, 0), #FFF);
    content: "";
    height: 333px;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    z-index: 50;
}
.carousel .sc-btn{
	background:#f63;
	width:40px;
	height:80px;
	display:block;
	box-shadow:0 1px 1px rgba(0,0,0,0.3);
	position:absolute;
	top: 125px;
	z-index:100;
	cursor:pointer;
	-webkit-user-select: none;
	text-align:center;
}
.carousel .left-btn{
	border-top-right-radius:40px;
	border-bottom-right-radius:40px;
	left:-10px;
}
.carousel .right-btn{
	border-top-left-radius:40px;
	border-bottom-left-radius:40px;
	right:-10px;
}
.carousel .sc-btn:after{
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	content:"";
	background:url(/images/pc/sprite.png) no-repeat;
}
.carousel .left-btn:after{
	background-position: -30px 0;	
	margin-left:5px;
}
.carousel .right-btn:after{
	background-position: 0 0;
	margin-right:5px;
}
.carousel .left-btn:focus{
	outline:none;
}
.carousel .pm-list {
	position:absolute;
	left:0;
	top:8px;
	margin-left:10px;
}
.carousel li {
	float:left;
}
.carousel .frame {
	margin-bottom:0;
	height: 270px;
}
.carousel .num {
	font-size:40px;
	color:#d93600;
}
.carousel .name a {
	margin-left:0.5em;
}
#ranking .pm-list {
	width:2700px;
}
#ranking .name {
	line-height:40px;
	margin-top: -1.4em;
}
#history .pm-list {
	width:1350px;
}
.waiting .pm-list {
	padding:6px;
}
.waiting li {
	width: 140px;
	height:350px;
	border-bottom:solid 1px #000;
}
.waiting .frame {
	margin:3px;
	padding: 8px;
	height:auto;
	box-shadow:none;
}
.waiting .tag-today {
	position:static;
}
.waiting .name {
	font-size: 12px;
}
.waiting .tag {
	width: 56px;
}
.waiting .photo-frame {
	float:none;
	margin:0 auto 0.5em;
	width: 100px;
	height:100px;
}
.waiting .data {
	font-size: 11px;
}

/*占い師紹介ページ*/
.intro .btn {
	display:block;
	margin:0.5em;
	color:#fff;
	position:relative;
}
.intro li {
	width:auto;
	display:block;
}
.intro .frame {
	height:auto;
}
.intro .photo-frame {
	max-height: none;
	position:relative;
}
.intro .video {
	width:240px;
	height:180px;
	background:#000;
	display:block;
	margin:0 auto;
	border:none;
}
.intro .data {
	line-height: 1.6em;
}
.intro .pm-list .data {
	width:auto;
	float:none;
}
.intro .pm-list dd {
	max-height: none;
	overflow: inherit;
}
.schedule .frame {
	overflow-x: auto;
	overflow-y:hidden;
	position:relative;
}
.schedule .line-table {
	width: 100%;
	margin-right:8px;
}
.schedule .line-table tr{
	display:block;
	float:left;
	width:20%;
}
.schedule .line-table tr:first-child{
	width:40%;
}
.schedule .line-table th, .schedule .line-table td{
	display:block;
	height:22px;
	text-align:center;
	line-height:1em;
}
.schedule img {
	width:22px;
}
.schedule .ex p {
	display:inline-block;
	margin: 0.5em;
}
.schedule .ex img {
	vertical-align:middle;
	width:18px;
}
.rw-list time {
	color:#727272;
}
.rw-list li {
	padding:1em 0;
	border-bottom:solid 2px #cbc063;
}

/*会員ページ*/
#camp p {
	padding:0.5em;
}
#tel-l {
	max-width:685px;
}
#member nav {
	margin-top:1em;
}
#member .menu-box li {
	display:inline-block;
	margin-bottom:10px;
}
#member .balloon{
	background:#734ca3;
	max-width:150px;
	padding:0;
}
#member .balloon-on:before{
	top: auto;
	bottom: -20px;
	margin-right: -10px;
	border: 10px solid;
	border-color: #734ca3 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}
#member .balloon img {
	display:block;
	border-radius:5px;
	max-width:130px;
}
#mail .frame {
	padding:2em;
}
#member form {
	max-width:500px;
	margin:0 auto;
}
#member form .bg-beige, #member form dd input {
	padding:0.2em 0.5em;
	width:95% !important;
}
#member form dd input {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset;
	margin:0 0 0.5em;
}
#member input[name=commit] {
	margin:0 auto;
	display:block;
	min-width:150px;
}
#member .bg {
	margin-top:1em;
}


/*その他ページ*/
#ranking-love h4, #ranking-work h4, #ranking-family h4, #ranking-reconcile h4 {
	display:block;
	margin-top:0.5em;
}
#ranking-love .h-tag {
	background:#A22;
}
#ranking-work .h-tag {
	background:#347BB6;
}
#ranking-family .h-tag {
	background:#70B80E;
}
#ranking-reconcile .h-tag {
	background: #E147BF;
}
#about-img {
	max-width:103px;
}
#pay-login {
	margin:1em 0;
}
#pay-login .form-list{
	max-width:500px;
}
.payment-box {
	border: 8px solid #f63;
	border-radius:6px;
	padding:20px;
	margin:1em 0;
}
.payment-box .mincho {
	background:#f63;
	color:#fff;
	margin:-20px -20px 20px;
	padding:0.2em 0 0.5em;
	text-align:center;
}
.payment-box .mincho:before, .payment-box .mincho:after {
	content:"";
	display:inline-block;
	width:30px;
	height:30px;
	background:url(/images/pc/sprite.png) -180px 0 no-repeat;
	vertical-align:-6px;
	margin:0 0.5em;
}
.payment-box .note {
	color:#333;
}
.payment-box input[type=text], .payment-box input[type=password], .payment-box textarea {
	border:1px solid #ccc;
}
.payment-box .line-table {
	width:100%;
	margin:0 auto 1em;
}
.c-check-logo {
	max-width:80px;
}
.conveni-logo {
	max-width:600px;
}
.credit-logo {
	max-width:293px;
}
.payment-box .credit-logo, .payment-box .conveni-logo {
	margin:0 auto;
	display:block;
}
div.point table div.money_type {
    white-space: nowrap;
}
div.point table th:first-child {
    width:1em;
}
#powerstone-img {
	max-width:100px;
}
.img-text-box figcaption {
	font-size:12px;
}
.privacy {
    border-bottom: 1px dotted #666;
    padding: 2em 0;
	position:relative;
}
.privacy figure {
	margin-bottom:1em;
}
.privacy h3 {
	color:#70b80c;
	margin-bottom:0.5em;
}
.privacy ol {
	margin-left:2em;
}
.truste-verify {
	max-width:68px;
}
#thankyou {
	margin:2em 0 0;
}
#thankyou .mincho {
	color:#d93600;
}
#thankyou .frame {
	padding:2em;
}
#thankyou .tel {
	font-size:30px;
	margin:0.4em 0;
	display:block;
	text-decoration:none;
}
#thankyou .tel:before {
	content:"☎";
	color:#000;
	margin-right:0.2em;
}
.sitemap p{
	display:inline-block;
	width:48%;
	line-height:1.2em;
	vertical-align:top;
	margin:0.2em 0;
}
#twitter {
	border:solid 4px #734ca3;
	border-radius:6px;
	margin:1em 1em 0;
	padding:0;
	background:rgba(0,0,0,0.1);
}
#twitter .mincho {
	background:#734ca3;
	color:#fff;
	text-align:center;
	padding: 0.3em 0;
}
.shadow-img {
	box-shadow:1px 2px 3px rgba(0,0,0,0.3);
}
.kuchikomi-img, .menjoy-img {
	max-width:213px;
}
.magazine-img {
	max-width:618px;
}
.howcolle-img {
	max-width:200px;
}
.ayabe-img {
	max-width:220px;
}
.prof-title {
	background:url(/images/pc/prof-bg.jpg);
	color:#fff;
	padding:0.5em;
	margin:0 0 0.5em;
	font-size:15px;
	font-weight:normal;
	line-height:1.2em;
}
.pagination .icon {
	margin:0 0.5em;
}
.pagination .icon-arrow-link-l {
	color:#727272;
}
#main .form {
	margin:1em 0;
}
#main .form dt {
	text-align:left;
}
#main .form dd {
	margin-bottom:0.5em;
}
#send-mail-info {
	background:#f5f5f5;
	padding:15px 20px;
	border-radius:6px;
	margin:1em 0 0;
}
#send-mail-info h4 {
	margin:0 0 0.5em;
	font-size:16px;
}
#send-mail-info .list {
	color:#333;
	list-style-type:none;
}
#send-mail-info .list small {
	font-weight:normal;
	display:inline;
	margin-left:1em;
}

/*追加ページ*/
.special .pm-list .frame {
	padding:8px;
}
.special .prof-title{
	margin-bottom:0.5em;
}
.bnr-sp-box {
	margin:1em 0;
}
.img900 {
	max-width:900px;
}
.ranking .title {
	margin-top: 0.5em;
}
.tag-yellow {
	background:#EF9A0E;
}
.tag-purple {
	background: #8D0096;
}
.tag-indigo {
	background: #283EA4;
}
.tag-gold {
	background: #c6c564;
}
.w300 {
	max-width:300px;
}
.review {
	border:1px solid #cbc063;
	border-radius:6px;
	padding: 10px 15px;
	margin:10px 0 0;
	background:#fff;
}
.review strong {
	color:#333;
	display:block;
}
.date:first-child {
	margin:20px 0 0;
}


/*高解像度デバイス用*/
@media only screen and (-webkit-device-pixel-ratio: 2) {
	:root .icon:after, :root .carousel .sc-btn:after, :root .mincho:before, :root .mincho:after, :root #breadcrumb p:before {
		background-image: url(/images/pc/sprite2.png);
		background-size: 396px 30px;
	}
	:root .short-comment:before {
		background-image: url(/images/pc/sprite-sp2.png);
		background-size: 25px 80px;
	}
}