 @charset "utf-8";
/*
 reset
*************************************************************************************/

/* 使わない(であろう)リセットは削除する */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
	border: 0;
	outline: 0;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset {
	display: inline;
}
img {
	border: 0;
	vertical-align: bottom;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/*
:focus { outline: 0; }
a:hover, a:active { outline: none; }
*/
input[type="checkbox"]:hover {
	cursor: pointer;
}

/* ---- テキスト選択した時にピンクになるやつ ----- */

::selection {
background: #f7d6e3;
}
::-moz-selection {
background: #f7d6e3;
}

/* ---- テキスト選択した時にピンクになるやつ end----- */

/* ---- scrollbar ----- */
/*::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(173,173,173,0.8);
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(173,173,173,0.4);
}
*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #e7efe9 inset;
}
/* ---- scrollbar end----- */
.inner {
	min-height: 1px;
}

/*-----------------------------------------------------
▼▼▼汎用class▼▼▼
-------------------------------------------------------*/

/* ----- YUI FONTSIZE ---- */
a.btn-middle, .btn-middle {
	width: 185px;
	height: 30px;
}
/*
.btn {
	padding: 0;
	background: #1e1a1a;
	color: #fff;
	font-family: 'Meiryo UI';
	letter-spacing: .1em;
	cursor: pointer;
	border: 1px solid #1e1a1a;
	font-size: 14px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	behavior: url(../../js/common/PIE.htc);
}
*/
.bt_black {
	display: inline-block;
	width: auto!important;
	height: auto!important;
	padding: 10px;
	background: #1e1a1a;
	color: #fff;
	cursor: pointer;
	border-radius:4px;
	border-style: none;
}
.bt_black:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration:none;
}
.btn:hover {
	opacity: 0.8;
}
.bt_gray{
	display: inline-block;
	width: auto!important;
	height: auto!important;
	padding: 10px;
	background: #BBB6B4;
	color: #fff;
	cursor: pointer;
	border-radius:4px;
	border-style: none;
}
.bt_gray:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration:none;
}
.bt_tel{
	display: inline-block;
	width: auto!important;
	height: auto!important;
	padding: 10px;
	background: #4f9362;
	color: #fff;
	cursor: pointer;
	border-radius:4px;
	border-style: none;
}
.bt_tel:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration:none;
}
.bt_net{
	display: inline-block;
	width: auto!important;
	height: auto!important;
	padding: 10px;
	background: #ff4c4a;
	color: #fff;
	cursor: pointer;
	border-radius:4px;
	border-style: none;
}
.bt_net:hover {
	color: #fff;
	opacity: 0.8;
	text-decoration:none;
}

.bt_list{
	display: inline-block;
}

.text10 {
	font-size: 77%;
}
.text11 {
	font-size: 85%;
}
.text12 {
	font-size: 93%;
}
.text13 {
	font-size: 100%;
}
.text14 {
	font-size: 108%;
}
.text15 {
	font-size: 116%;
}
.text16 {
	font-size: 123.1%;
}
.text17 {
	font-size: 131%;
}
.text18 {
	font-size: 138.5%;
}
.text19 {
	font-size: 146.5%;
}
.text20 {
	font-size: 153.9%;
}
.text21 {
	font-size: 161.6%;
}
.text22 {
	font-size: 167%;
}
.text23 {
	font-size: 174%;
}
.text24 {
	font-size: 182%;
}
.text25 {
	font-size: 189%;
}
.text26 {
	font-size: 197%;
}
.line10 {
	line-height: 77%;
}
.line11 {
	line-height: 85%;
}
.line12 {
	line-height: 93%;
}
.line13 {
	line-height: 100%;
}
.line14 {
	line-height: 108%;
}
.line15 {
	line-height: 116%;
}
.line16 {
	line-height: 123.1%;
}
.line17 {
	line-height: 131%;
}
.line18 {
	line-height: 138.5%;
}
.line19 {
	line-height: 146.5%;
}
.line20 {
	line-height: 153.9%;
}
.line21 {
	line-height: 161.6%;
}
.line22 {
	line-height: 167%;
}
.line23 {
	line-height: 174%;
}
.line24 {
	line-height: 182%;
}
.line25 {
	line-height: 189%;
}
.line26 {
	line-height: 197%;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
body{
letter-spacing: normal !important;
}
}
html>/**/body {
letter-spacing: normal;
}

.first {padding-left: 0;}
.last {padding-right: 0;}
.no-border {border: none;}
.width50 {width: 50px;}
.width100 {width: 100px;}
.width200 {width: 200px;}
.width300 {width: 300px;}
.width400 {width: 400px;}
.width410 {width: 410px;}
.width420 {width: 420px;}
.width430 {width: 430px;}
.width440 {width: 440px;}
.width450 {width: 450px;}
.width460 {width: 460px;}
.width470 {width: 470px;}
.width480 {width: 480px;}
.width490 {width: 490px;}
.width500 {width: 500px;}
.width510 {width: 510px;}
.width520 {width: 520px;}
.width530 {width: 530px;}
.width540 {width: 540px;}
.width550 {width: 550px;}
.width560 {width: 560px;}
.width570 {width: 570px;}
.width580 {width: 580px;}
.width590 {width: 590px;}
.width600 {width: 600px;}
.width610 {width: 610px;}
.width620 {width: 620px;}
.width630 {width: 630px;}
.width640 {width: 640px;}
.width650 {width: 650px;}
.width660 {width: 660px;}
.width670 {width: 670px;}
.width680 {width: 680px;}
.width690 {width: 690px;}
.width700 {width: 700px;}
.width800 {width: 800px;}
.width900 {width: 900px;}
.wdt50 {width:50%;}
.wdt55 {width:55%;}
.wdt60 {width:60%;}
.wdt65 {width:65%;}
.wdt70 {width:70%;}
.wdt75 {width:75%;}
.wdt80 {width:80%;}
.wdt85 {width:85%;}
.wdt90 {width:90%;}
.wdt95 {width:95%;}
.wdt100 {width:100%;}
.side-mg2 {margin: 0 2px;}
.side-mg3 {margin: 0 3px;}
.side-mg5 {margin: 0 5px;}
.side-mg8 {margin: 0 8px;}
.side-mg10 {margin: 0 10px;}
.side-mg12 {margin: 0 12px;}
.side-mg15 {margin: 0 15px;}
.side-mg20 {margin: 0 20px;}
.side-mg25 {margin: 0 25px;}
.side-mg30 {margin: 0 30px;}
.side-mg35 {margin: 0 35px;}
.side-mg40 {margin: 0 40px;}
.side-mg45 {margin: 0 45px;}
.side-mg50 {margin: 0 50px;}
.vertical-mg2 {margin: 2px 0;}
.vertical-mg3 {margin: 3px 0;}
.vertical-mg5 {margin: 5px 0;}
.vertical-mg10 {margin: 10px 0;}
.vertical-mg12 {margin: 12px 0;}
.vertical-mg15 {margin: 15px 0;}
.vertical-mg20 {margin: 20px 0;}
.vertical-mg25 {margin: 25px 0;}
.vertical-mg30 {margin: 30px 0;}
.vertical-mg35 {margin: 35px 0;}
.vertical-mg40 {margin: 40px 0;}
.vertical-mg45 {margin: 45px 0;}
.vertical-mg50 {margin: 50px 0;}
.side-pd2 {padding: 0 2px;}
.side-pd3 {padding: 0 3px;}
.side-pd5 {padding: 0 5px;}
.side-pd8 {padding: 0 8px;}
.side-pd10 {padding: 0 10px;}
.side-pd15 {padding: 0 15px;}
.side-pd20 {padding: 0 20px;}
.side-pd25 {padding: 0 25px;}
.side-pd30 {padding: 0 30px;}
.side-pd35 {padding: 0 35px;}
.side-pd40 {padding: 0 40px;}
.side-pd45 {padding: 0 45px;}
.side-pd50 {padding: 0 50px;}
.vertical-pd2 {padding: 2px 0;}
.vertical-pd3 {padding: 3px 0;}
.vertical-pd5 {padding: 5px 0;}
.vertical-pd10 {padding: 10px 0;}
.vertical-pd15 {padding: 15px 0;}
.vertical-pd20 {padding: 20px 0;}
.vertical-pd25 {padding: 25px 0;}
.vertical-pd30 {padding: 30px 0;}
.vertical-pd35 {padding: 35px 0;}
.vertical-pd40 {padding: 40px 0;}
.vertical-pd45 {padding: 45px 0;}
.vertical-pd50 {padding: 50px 0;}
.mg0 {margin: 0px;}
.mg5 {margin: 5px;}
.mg10 {margin: 10px;}
.mg15 {margin: 15px;}
.mg20 {margin: 20px;}
.mg25 {margin: 25px;}
.mg30 {margin: 30px;}
.mg35 {margin: 35px;}
.mg40 {margin: 40px;}
.mg45 {margin: 45px;}
.mg50 {margin: 50px;}
.mb1 {margin-bottom: 1px;}
.mb2 {margin-bottom: 2px;}
.mb3 {margin-bottom: 3px;}
.mb4 {margin-bottom: 4px;}
.mb5 {margin-bottom: 5px;}
.mb6 {margin-bottom: 6px;}
.mb7 {margin-bottom: 7px;}
.mb8 {margin-bottom: 8px;}
.mb9 {margin-bottom: 9px;}
.mb10 {margin-bottom: 10px;}
.mb12 {margin-bottom: 12px;}
.mb15 {margin-bottom: 15px;}
.mb18 {margin-bottom: 18px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mt1 {margin-top: 1px;}
.mt2 {margin-top: 2px;}
.mt3 {margin-top: 3px;}
.mt4 {margin-top: 4px;}
.mt5 {margin-top: 5px;}
.mt6 {margin-top: 6px;}
.mt7 {margin-top: 7px;}
.mt8 {margin-top: 8px;}
.mt9 {margin-top: 9px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mr1 {margin-right: 1px;}
.mr2 {margin-right: 2px;}
.mr3 {margin-right: 3px;}
.mr4 {margin-right: 4px;}
.mr5 {margin-right: 5px;}
.mr6 {margin-right: 6px;}
.mr7 {margin-right: 7px;}
.mr8 {margin-right: 8px;}
.mr9 {margin-right: 9px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr16 {margin-right: 16px;}
.mr17 {margin-right: 17px;}
.mr18 {margin-right: 18px;}
.mr19 {margin-right: 19px;}
.mr20 {margin-right: 20px;}
.mr22 {margin-right: 22px;}
.mr24 {margin-right: 24px;}
.mr25 {margin-right: 25px;}
.mr26 {margin-right: 26px;}
.mr28 {margin-right: 28px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.ml1 {margin-left: 1px;}
.ml2 {margin-left: 2px;}
.ml3 {margin-left: 3px;}
.ml4 {margin-left: 4px;}
.ml5 {margin-left: 5px;}
.ml6 {margin-left: 6px;}
.ml7 {margin-left: 7px;}
.ml8 {margin-left: 8px;}
.ml9 {margin-left: 9px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml18 {margin-left: 18px;}
.ml20 {margin-left: 20px;}
.ml22 {margin-left: 22px;}
.ml24 {margin-left: 24px;}
.ml25 {margin-left: 25px;}
.ml27 {margin-left: 27px;}
.ml28 {margin-left: 28px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.ml70 {margin-left: 70px;}
.ml80 {margin-left: 80px;}
.ml90 {margin-left: 90px;}
.ml100 {margin-left: 100px;}
.pd0 {padding: 0;}
.pd1 {padding: 1px;}
.pd2 {padding: 2px;}
.pd3 {padding: 3px;}
.pd4 {padding: 4px;}
.pd5 {padding: 5px;}
.pd6 {padding: 6px;}
.pd7 {padding: 7px;}
.pd8 {padding: 8px;}
.pd9 {padding: 9px;}
.pd10 {padding: 10px;}
.pd11 {padding: 11px;}
.pd12 {padding: 12px;}
.pd13 {padding: 13px;}
.pd14 {padding: 14px;}
.pd15 {padding: 15px;}
.pd16 {padding: 16px;}
.pd17 {padding: 17px;}
.pd18 {padding: 18px;}
.pd19 {padding: 19px;}
.pd20 {padding: 20px;}
.pd22 {padding: 22px;}
.pd24 {padding: 24px;}
.pd25 {padding: 25px;}
.pd26 {padding: 26px;}
.pd28 {padding: 28px;}
.pd30 {padding: 30px;}
.pd35 {padding: 35px;}
.pd40 {padding: 40px;}
.pd45 {padding: 45px;}
.pd50 {padding: 50px;}
.pd55 {padding: 55px;}
.pd60 {padding: 60px;}
.pd65 {padding: 65px;}
.pd70 {padding: 70px;}
.pd80 {padding: 80px;}
.pd90 {padding: 90px;}
.pd100 {padding: 100px;}
.pt0 {padding-top: 0;}
.pt1 {padding-top: 1px;}
.pt2 {padding-top: 2px;}
.pt3 {padding-top: 3px;}
.pt4 {padding-top: 4px;}
.pt5 {padding-top: 5px;}
.pt6 {padding-top: 6px;}
.pt7 {padding-top: 7px;}
.pt8 {padding-top: 8px;}
.pt9 {padding-top: 9px;}
.pt10 {padding-top: 10px;}
.pt11 {padding-top: 11px;}
.pt12 {padding-top: 12px;}
.pt13 {padding-top: 13px;}
.pt14 {padding-top: 14px;}
.pt15 {padding-top: 15px;}
.pt16 {padding-top: 16px;}
.pt17 {padding-top: 17px;}
.pt18 {padding-top: 18px;}
.pt19 {padding-top: 19px;}
.pt20 {padding-top: 20px;}
.pt22 {padding-top: 22px;}
.pt24 {padding-top: 24px;}
.pt25 {padding-top: 25px;}
.pt26 {padding-top: 26px;}
.pt28 {padding-top: 28px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}
.pt55 {padding-top: 55px;}
.pt60 {padding-top: 60px;}
.pt65 {padding-top: 65px;}
.pt70 {padding-top: 70px;}
.pt80 {padding-top: 80px;}
.pt90 {padding-top: 90px;}
.pt100 {padding-top: 100px;}
.pr0 {padding-right: 0;}
.pr1 {padding-right: 1px;}
.pr2 {padding-right: 2px;}
.pr3 {padding-right: 3px;}
.pr4 {padding-right: 4px;}
.pr5 {padding-right: 5px;}
.pr6 {padding-right: 6px;}
.pr7 {padding-right: 7px;}
.pr8 {padding-right: 8px;}
.pr9 {padding-right: 9px;}
.pr10 {padding-right: 10px;}
.pr11 {padding-right: 11px;}
.pr12 {padding-right: 12px;}
.pr13 {padding-right: 13px;}
.pr14 {padding-right: 14px;}
.pr15 {padding-right: 15px;}
.pr16 {padding-right: 16px;}
.pr17 {padding-right: 17px;}
.pr18 {padding-right: 18px;}
.pr19 {padding-right: 19px;}
.pr20 {padding-right: 20px;}
.pr22 {padding-right: 22px;}
.pr24 {padding-right: 24px;}
.pr25 {padding-right: 25px;}
.pr26 {padding-right: 26px;}
.pr28 {padding-right: 28px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr45 {padding-right: 45px;}
.pr50 {padding-right: 50px;}
.pr55 {padding-right: 55px;}
.pr60 {padding-right: 60px;}
.pr65 {padding-right: 65px;}
.pr70 {padding-right: 70px;}
.pr80 {padding-right: 80px;}
.pr90 {padding-right: 90px;}
.pr100 {padding-right: 100px;}
.pb0 {padding-bottom: 0;}
.pb1 {padding-bottom: 1px;}
.pb2 {padding-bottom: 2px;}
.pb3 {padding-bottom: 3px;}
.pb4 {padding-bottom: 4px;}
.pb5 {padding-bottom: 5px;}
.pb6 {padding-bottom: 6px;}
.pb7 {padding-bottom: 7px;}
.pb8 {padding-bottom: 8px;}
.pb9 {padding-bottom: 9px;}
.pb10 {padding-bottom: 10px;}
.pb11 {padding-bottom: 11px;}
.pb12 {padding-bottom: 12px;}
.pb13 {padding-bottom: 13px;}
.pb14 {padding-bottom: 14px;}
.pb15 {padding-bottom: 15px;}
.pb16 {padding-bottom: 16px;}
.pb17 {padding-bottom: 17px;}
.pb18 {padding-bottom: 18px;}
.pb19 {padding-bottom: 19px;}
.pb20 {padding-bottom: 20px;}
.pb22 {padding-bottom: 22px;}
.pb24 {padding-bottom: 24px;}
.pb25 {padding-bottom: 25px;}
.pb26 {padding-bottom: 26px;}
.pb28 {padding-bottom: 28px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}
.pb55 {padding-bottom: 55px;}
.pb60 {padding-bottom: 60px;}
.pb65 {padding-bottom: 65px;}
.pb70 {padding-bottom: 70px;}
.pb80 {padding-bottom: 80px;}
.pb90 {padding-bottom: 90px;}
.pb100 {padding-bottom: 100px;}
.pl0 {padding-left: 0;}
.pl1 {padding-left: 1px;}
.pl2 {padding-left: 2px;}
.pl3 {padding-left: 3px;}
.pl4 {padding-left: 4px;}
.pl5 {padding-left: 5px;}
.pl6 {padding-left: 6px;}
.pl7 {padding-left: 7px;}
.pl8 {padding-left: 8px;}
.pl9 {padding-left: 9px;}
.pl10 {padding-left: 10px;}
.pl11 {padding-left: 11px;}
.pl12 {padding-left: 12px;}
.pl13 {padding-left: 13px;}
.pl14 {padding-left: 14px;}
.pl15 {padding-left: 15px;}
.pl16 {padding-left: 16px;}
.pl17 {padding-left: 17px;}
.pl18 {padding-left: 18px;}
.pl19 {padding-left: 19px;}
.pl20 {padding-left: 20px;}
.pl22 {padding-left: 22px;}
.pl24 {padding-left: 24px;}
.pl25 {padding-left: 25px;}
.pl26 {padding-left: 26px;}
.pl28 {padding-left: 28px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl50 {padding-left: 50px;}
.pl55 {padding-left: 55px;}
.pl60 {padding-left: 60px;}
.pl65 {padding-left: 65px;}
.pl70 {padding-left: 70px;}
.pl80 {padding-left: 80px;}
.pl90 {padding-left: 90px;}
.pl100 {padding-left: 100px;}
.vertical-top {vertical-align: top;}
.vertical-middle {vertical-align: middle;}
.vertical-bottom {vertical-align: bottom;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.tleft {text-align: left;}
.fleft {float: left;}
.fright {float: right;}
.text-subcolor {color: #b1aba9;}
.img-only {
  font-size: 0;
  line-height: 0;
}

.red {
	color: #ec7680;
}
.blue {
	color: #3f6ce1;
}
.pink {
	color: #ed9ba9;
/*	color: #ed6c9f;*/
}
.pink2 {
	color: #ed6c9f;
}
a.pink:hover {
	color: #ed9ba9;
}
a.pink2:hover {
	color: #ed6c9f;
}
.green{
    color: #9dbda6;
}
.green2{
    color: #85ad90;
}
.black {
	color: #1e1a1a;
}
.gray {
	color: #777070;
}
.bold {
	font-weight: bold;
}


/* ----- CLEARFIX ---- */

.cf {
	overflow: hidden;
}
* html .cf {
	height: 1%;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* ----- IMAGE REPLACE ---- */

.ir {
	display: block;
	height: 100%;
	width: 100%;
}
.hide {
	display: none;
}
.fl-right {
	float: right;
}
.fl-left {
	float: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
/*alpha*/
.alpha:hover {
	filter: alpha(opacity=90);
	opacity: 0.9;
}

/* ----- LINKS ----- */

a/*,
a:link,
a:visited*/ {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration:underline;
}

/*-----------------------------------------------------
モジュール
-------------------------------------------------------*/

/* 逆インデント
------------------------------------------------*/

.bullet-text,
.bullet-lists li{
    padding-left: 1em;
    text-indent: -1em;
}

/* block-link
------------------------------------------------*/

.block-link:hover{
	cursor: pointer;
	opacity: 0.7;
}

/* SNS
------------------------------------------------*/

.sns-btn.sns-btn--header {
    text-align: right;
}
.sns-btn.sns-btn--footer {
    margin-top: 70px;
    text-align: center;
}
.sns-btn__item {
    display: inline-block;
}
.fb_iframe_widget span{
    vertical-align: baseline!important;
}
.sns-btn__item--gplus{
    width: 60px;
}

/* 人気ランキング
------------------------------------------------*/

/*おすすめ美容室*/
.popularity-ranking {
	clear: both;
	overflow: hidden;
	width: 760px;
	position: relative;
	z-index: 1;
	top: -1px;
}
.popularity-ranking-headline {
	display: block;
}
.popularity-ranking-list {
	float: left;
	width: 140px;
	margin-left: 10px;
}
.popularity-list-inner {
	padding-top:15px;
}
.popularity-list-image {
	float: left;
	margin: 20px 7px 0 10px;
	position: relative;
}

.popularity-image-list {
	border: 1px solid #bbb6b4;
	background: #FFF;
	padding: 1px;
	display: block;
	width: 136px;
	height: 100px;
}
div.popularity-image-link {
	float: left;
	display: block;
}
div.popularity-image-link div {
	width: 136px;
	height: 100px;
}
div.popularity-center_img {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div.popularity-center_img div {
	display: block;
	display: table-cell;
	vertical-align: middle;
	margin: auto;
	text-align: center;
	text-decoration: none;
	zoom: 1;
}
div.popularity-image-link img {
	max-width: 136x;
	max-height: 100px;
	line-height: 100px;
}
.popularity-center_img img {
	vertical-align: middle;
}
div.popularity-center_img image-link span.centering {
	height: 100px;
}
div.popularity-center_img span.centering {
	visibility: hidden;
	overflow: hidden;
	vertical-align: middle;
	zoom: 1;
}

.popularity-ranking-area {
	display: block;
	color: #2b2827;
	font-size: 85%;
	margin-top:5px;
}
.popularity-ranking-title {
	display: block;
	margin-top: 5px;
	font-size: 93%;
	line-height: 120%;
}
.popularity-ranking-title p{
	word-break: break-word;
}
.popularity-ranking-title span{
	display:inline-block;
}
.popularity-ranking-kana{
	font-size: 85%;
}

.headline-sub {
	border-bottom:#d8d5d4 1px solid;
	padding-bottom:3px;
	margin:45px auto 0 auto;
	width:740px !important;
}
.headline-sub--wide {
	width:100% !important;
}
.headline-subtitle {
	font-family: 'Meiryo UI';/* ----- tokyo/ 200150218変更----- */
	font-size: 108%;
	font-weight: bold;
}

/* loading-animation
------------------------------------------------*/

.loading-animation {
  position: relative;
}
.loading-animation::before{
  content:"";
  display:block;
  width:50px;
  height:50px;
  border-radius:5px;
  margin: 0 auto;
  background:white;
}
.loading-animation::after{
  content:"";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display:block;
  width:32px;
  height:32px;
  border-radius:20px;
  margin: 0 auto;
  border:4px solid #2b2827;
  border-right:4px solid white;
  animation: rotate 1s infinite linear;
}
@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

/*-----------------------------------------------------
▲▲▲汎用class▲▲▲
-------------------------------------------------------*/

/*
 structure
*************************************************************************************/
body {
	color: #2b2827;
	font: 81.3%/1.231 /*'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka',*//*arial,helvetica,clean,*/sans-serif;
	*font-size: small; /* for IE */
	*font: x-small; /* for IE in quirks mode */
	-webkit-text-size-adjust: 100%;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* ----- WRAP ----- */
#wrap {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}
/* ----- WRAPend ----- */

/* ----- HEAD ----- */
#head {
	margin-bottom: 12px;
	position: relative;
  min-height: 110px;
}
#head-h1 {
	font-size: 93%;
	height: 24px;
	line-height: 2.2em;
	overflow: hidden;
}
#h-nav, #h-nav-ad {
	font-size: 93%;
	position: absolute;
	right: 0;
	text-align: right;
}
#h-nav {
	top: 23px;
}
#head-login {
	float: right;
	text-decoration: none;
}
.head-login-li {
	float: left;
	height: 26px;
	line-height: 28px;
	padding: 0px 20px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #2c2827;
	position: relative;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	behavior: url(../../js/common/PIE.htc);
}
.head-login-li:hover {
	background: #e8efe8;
	border: solid 1px #9dbda6;
}
.head-login-li a {
	display: block;
	text-decoration: none;
}
#head a.h_login_kojin {
	color: #000;
	background: url(/images/common/h_nav_kojin.png) no-repeat 2px 0.6em;
	padding: 0 0 0 18px;
}
#head a.h_login_shop {
	color: #000;
	background: url(/images/common/h_nav_shop.png) no-repeat 2px 0.6em;
	padding: 0 0 0 18px;
}
#head-logo {
	height: 57px;
	position: relative;
  top: 20px;
  width: 250px;
  text-align: center;
  margin-top: 3px;
}
#head-logo a, #head-logo a:hover {
	text-decoration: none;
}
#head-logo:after {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    top: 0;
    left: 260px;
    position: absolute;
    background: url(/images/common/ico_november.png) no-repeat left top;
    background-size: contain;
}
.head-shopnum {
	position: absolute;
	left: 258px;
	font-size: 93%;
	bottom: 56px;
}
.head-shopnum span.red {
	font-size: 155%;
	font-weight: bold;
	color:#ec7680;
}
.head-shopnum__top {
	display: block;
	font-size: 11px;
	margin-top: 3px;
}
/* ----- HEADend ----- */


/* ----- ETC(トップのSNSボタン) ----- */
#etc {
	height: 20px;
	position: absolute;;
	top: 28px;
	right: 295px;
}
/* ----- SNS (etc & shop)----- */
.etc-sns-ul {
}
.sns-li {
	float: left;
	margin-left:10px;
}
/* google plus one だけ幅の調整が必要 */
.sns-facebook {
}
.sns-twitter {
}
.sns-x {
  display: inline-block;
}
.sns-x a {
  display: inline-block;
  background: #0f1419;
  border-radius: 5px;
  padding: 0 10px;
  height: 21px;
  line-height: 21px;
  color: #fff;
  font-size: 70%;
}
.sns-x a:hover {
  text-decoration: none;
  opacity: 1;
}
.sns-x img {
  display: inline-block;
  width: 10px;
  height: auto;
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.sns-gp {
}
.sns-line {
	display: block;
	margin: 0 0 0 8px;
}
/* ----- ETC(トップのSNSボタン)end ----- */

/* ----- トップのお知らせ ----- */
.top-announce{
	margin-bottom: 50px;
	padding: 20px;
	background: #f7f7f4;
}
/* ----- トップのお知らせend ----- */

/* ----- 掲載ご希望の店舗様へ、広告の掲載について、新規店舗登録 ----- */
#h-nav-ad {
	top: 65px;
	font-size:88%;
}
.head-about-li {
	float: right;
	padding: 0 5px;
}
.ar {
	background: url(/images/common/triangle.png) no-repeat 0 3px;
	line-height: 1.6;
	padding: 0 0 0 12px;
}
.ar:hover {
	background: url(/images/common/triangle.png) no-repeat 0 3px;
}
/* ----- 掲載ご希望の店舗様へ、広告の掲載について、新規店舗登録end ----- */


/* ----- フリーワードで探す ----- */

#search-freeword {
	height: 26px;
	float: right;
	margin: 4px 0 8px 0;
}
#search-freeword .input-txt {
	border: 1px solid #dddddd;
  border-right: none;
	height: 14px;
	outline: 0 none;
	padding: 5px 6px;
	width: 220px;
	float: left;
	font-family: "メイリオ", "Meiryo";
	font-size: 93%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	left: 7px;
  margin-bottom: 0;
}
input.input-txt::-webkit-input-placeholder { color: #dddddd; }
input.input-txt:-moz-placeholder { color: #dddddd; }
.select-genre {
	float: left;
	position: relative;
	height: 26px;
	padding: 0 6px;
	border: 1px solid #dddddd;
	border-radius: 3px;
	background: #fafaf8;
	font-size: 93%;
  margin-bottom: 0;
}
.select-genre input {
}
.submit-btn {
	background: url(/images/common/btn_etc-search-submit-off.png) no-repeat;
	cursor: pointer;
	position: relative;
	padding: 0;
}
.submit-btn:hover {
	background: url(/images/common/btn_etc-search-submit-on.png) no-repeat;
}

.submit-freeword-btn {
	cursor: pointer;
	position: relative;
	padding: 0;
  width: 56px;
  height: 26px;
  border-radius: 0 3px 3px 0;
  background-color: #9dbda6;
	background-image: url(/images/common/btn_etc-search-submit.png);
  background-size: 100% auto;
  border: none;
  margin-bottom: 0;
}
.submit-freeword-btn:hover {
  /*background-image: url(/images/common/btn_etc-search-submit.png), url(/images/common/btn_etc-search-submit-on.png);*/
  opacity: 0.7;
}

#search-freeword fieldset {
  display: flex;
}
#search-freeword .button-location {
  display: block;
  margin-left: 5px;
}
#search-freeword .button-location a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  padding: 0 8px;
  color: #fff;
  background: #9dbda6;
  border-radius: 3px;
  text-decoration: none;
}
#search-freeword .button-location a:hover {
  text-decoration: none;
}
#search-freeword .button-location i {
  margin-right: 5px;
}


/* ----- フリーワードで探すend ----- */


/* ----- GROBAL NAV ----- */
#g-nav {
	margin: 15px 0 0;
	overflow: hidden;
	width: 100%;
	border-left:dotted 1px #000;
}
.g-nav-li {
	float: left;
	width: 151px;
	height: 40px;
	padding: 0 4px;
	border-right:dotted 1px #000;
	font-size: 93%;
	text-align: center;
}
.g-nav-li:nth-child(3) {
	width: 190px;
}
.g-nav-a {
	display: inline-block;
	width: 100%;
	height: 28px;
	line-height: 14px;
	padding: 6px 0px;
	letter-spacing: .2em;
	color: #000;
	font-weight: bold;
	font-family: "Meiryo UI","candara";
	text-decoration: none;
  font-feature-settings: "palt";
  white-space: nowrap;
}
.g-nav-a.current {
	background: url(/images/common/g-nav_current.png) repeat ;
}
.g-nav-a:hover {
	background: url(/images/common/g-nav_hover.png) repeat ;
	text-decoration: none;
}
.g-nav-li .eng {
	font-size: 77%;
	font-weight: normal;
	letter-spacing: 0.1em;
}
/* ----- MAIN ----- */
#main {
}
/* ----- MAIN-LEFT(ARTICLE) ----- */
#article {
	float: left;
	width: 760px;
}
#article.list {
  float: none;
  width: 100%;
}


/* ---------- COMMON ---------- */
/* ブロックリンク　*/
.link-block {
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.banner {
	margin-top: 60px;
	text-align: center;
}


/*
 aside
*************************************************************************************/
/* ----- sideヘッダー ----- */
.hd-aside {
	font-family: "Meiryo UI","candara";
	letter-spacing: 0.2em;
	color: #f694ba;
	font-size: 120%;
	font-weight: bold;
	background: url(/images/common/side-line.png) no-repeat 0 0.1em;
	height: 25px;
	line-height: 22px;
	border-bottom:solid 1px #686565;
	-webkit-box-shadow: 0 1px 0 #dbdbdb;
	-moz-box-shadow: 0 1px 0 #dbdbdb;
	box-shadow: 0 1px 0 #dbdbdb;
	padding-left: 22px;
}
/* ----- sideヘッダーend ----- */


/* ----- sideトピックス ----- */
#index-topics {
	font-size:93%;
	width: 220px;
	margin:5px 0 20px 0;
	height: 220px;
	overflow-y: auto;
	overflow-x:hidden;
}
.top-topics {
	width: 210px;
	padding: 5px 5px 5px 0;
}
li.top-topics {
	display: block;
	background: url(/images/common/triangle.png) no-repeat 0.5em 0.5em;
}
li.top-topics:hover {
	background: url(/images/common/triangle_hover.png) no-repeat 0.5em 0.5em;
}
.topics-date {
	padding-left:15px;
}
.topics-txt {
	width: 190px;
	line-height: 14px;
	border-bottom: 1px dotted #bebebe;
	padding:5px 5px 8px 15px;
	font-size: 90%;
}
.top-topics .point {
	padding: 5px;
	color: #ec7680;
	border: 1px solid #ec7680;
	font-weight: bold;
	margin: 7px auto;
	line-height: 14px;
	width: 160px;
	background: #fef6f9;
}
.term {
	text-align: center;
	font-weight: bold;
}
h2.pagetitle-top {
	background: url(/images/cp_shops/page-title.jpg) repeat-x;
	height: 41px;
	line-height: 41px;
	font-family: 'Meiryo UI';
	letter-spacing: .1em;
	font-weight: bold;
	font-size: 123.1%;
	padding-left: 15px;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: left;
}
/* ----- sideトピックスend ----- */


/* ----- side sns ----- */
.aside-sns {
	width:218px;
	height:202px;
	border:1px solid #aaaaaa;
	margin-bottom: 10px;
}
.aside-sns li {
}
.aside-sns li:hover {
	opacity: 0.9;
}
.aside-sns li a {
	display: block;
}
.aside-sns li a:hover {
	text-decoration: none;
}
p.aside-sns-text {
	margin:25px 19px 6px 19px;
	font-size: 85%;
	font-weight: bold;
	width: 180px;
}
li.aside-x, li.aside-twitter, li.aside-facebook, li.aside-instagram, li.aside-pinterest {
	width:168px;
	height:38px;
	line-height: 38px;
	text-align: center;
}
li.aside-x span, li.aside-twitter span, li.aside-facebook span, li.aside-instagram span , li.aside-pinterest span {
	color: #fff;
	font-size: 85%;
}
li.aside-twitter span {
	margin-left:25px;
}
li.aside-twitter {
	background: #00aced;
	margin:0 25px 10px 25px;
}
li.aside-twitter a {
	background: url(/images/common/twitter.png) no-repeat 2.1em 0.8em;
}
li.aside-x span {
	margin-left:25px;
}
li.aside-x {
	background: #0f1419;
	margin:0 25px 10px 25px;
}
li.aside-x a {
	background: url(/images/common/logo_x.svg) no-repeat 2.1em 0.8em/18px auto;
}
li.aside-facebook span {
	margin-left:15px;
}
li.aside-facebook {
	background: #3b5998;
	margin:0 25px 10px 25px;
}
li.aside-facebook a {
	background: url(/images/common/facebook.png) no-repeat 2em 0.8em;
}

li.aside-instagram span {
	margin-left:15px;
	padding-left: 20px;
}
li.aside-instagram {
	background: #CF2F93;
	margin:0 25px 10px 25px;
}
li.aside-instagram a {
	background: url(/images/common/icon-instagram.png) no-repeat 2.0em 0.8em;
}

li.aside-pinterest span {
	margin-left:15px;
	padding-left: 20px;
}
li.aside-pinterest {
	background: #e60019;
	margin:0 25px 10px 25px;
}
li.aside-pinterest a {
	background: url(/images/common/pinterest.png) no-repeat 2.0em 0.8em;
}

/* ----- side sns end ----- */


/* ----- side catalog ----- */
.aside-item {
	width:220px;
	margin:0 0 10px;
}
.aside-item li {
	margin-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.aside-item li img {
  max-width: 100%;
  height: auto;
}
.aside-item__bnr-main {
  width:100%;
  border: 1px solid #a6a6a4;
}
/*    box-sizing: border-box;" />*/
/* ----- side catalog end ----- */


/* ----- side特集、ネットテレビ ----- */
#index-f-n {
	font-size:85%;
	width: 210px;
	margin:5px;
}
.feature-point {
	width: 198px;
	padding: 5px;

	background: #fef6f9;
	border: 1px solid #ec7680;
	/*
	background: #e8ebf3;
	border: 1px solid #3f6ce1;
	*/
	margin-bottom: 7px;
}
ul#index-f-n li.top-f-n {
	width: 210px;
	padding: 8px 0px 12px 0;
	border-bottom: 1px dotted #bebebe;
	margin-bottom: 5px;
}
ul#index-f-n li.top-f-n a {
	display: block;
/*	background: url(/images/common/triangle.png) no-repeat 6.2em 0.1em;*/
	background: url(/images/common/triangle.png) no-repeat 5.5em 0.1em;
}
ul#index-f- li.top-f-n a:hover {
/*	background: url(/images/common/triangle_hover.png) no-repeat 6.2em 0.1em;*/
	background: url(/images/common/triangle_hover.png) no-repeat 5.5em 0.1em;
	text-decoration: underline;
}
ul#index-f-n li.top-f-n a .f-nimg-wrap {
	float: left;
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	background: #2b2827;
}
ul#index-f-n li.top-f-n a img.f-nimg {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
ul#index-f-n li.top-f-n a div {
	display: block;
	margin-left:70px;
}
ul#index-f-n li.top-f-n a div span.f-n-date {
/*	padding-left:7px;*/
	padding-left:10px;
}
ul#index-f-n li.top-f-n a div span.f-n-txt {
	display: block;
	min-height: 42px;
	line-height: 14px;
	padding-top:2px;
}
.top-feature-list, .top-nettv-list {
	width: 220px;
	text-align: right;
	font-size:85%;
	margin-bottom: 20px;
}
.top-feature-list {
	background: url(/images/common/top_list.png) no-repeat 9.5em 0.3em;
}
.top-nettv-list {
	background: url(/images/common/top_list.png) no-repeat 6.5em 0.3em;
}
/* ----- side特集、ネットテレビend ----- */



/* ----- sideエステhidden ----- */
.aside-img-bg {
	display: block;
}
#aside-ad {
}
.aside-ad1 .aside-ad-item1, .aside-ad2 .aside-ad-item2, .aside-ad2 .aside-ad-item3 {
	display: block;
	margin-bottom: 10px;
}

/* ----- sideエステhidden end ----- */



.centered {
	margin-right: auto;
	margin-left: auto;
}
.current {
	text-decoration: none;
	cursor: default;
	color: #333;
}
.attention {
	color: #333;
	padding-top: 12px
}
.clear {
  clear: both;
}


/* ----- TO-TOP ----- */
#to-top {
	margin: 0 auto;
	width: 1000px;
	text-align: right;
}
.to-top-a {
	font-size: 93%;
	color: #000;
	text-decoration: none;
}
a.to-top-a:hover {
	color: #f694ba;
	text-decoration: none;
}
/* ----- TO-TOPend ----- */

/* ----- BeautyParkとは ----- */
#index-about,
.index-text {
	padding-top: 5px;
	font-size: 93%;
	line-height: 19px;
}
/* ----- BeautyParkとはend ----- */

/* ----- FOOT ----- */
#foot {
	min-width: 1000px;
	background: #f7f7f4;
	margin-top: 50px;
}
#foot-in {
	width: 1000px;
	margin: 0 auto;
	font-size: 85%;
}
#copyright {
	text-align: center;
	padding: 15px 0;
	color: #fff;
	background-color: #2b2827;
}
.privacy {
	margin-bottom: 30px;
}
.foot-li-parent {
}
.foot-li {
	float: left;
	padding: 0 0 5px 20px;
}
span.ar {
	text-decoration: none;
}
.foot-span {
	float: left;
	padding: 0 0 5px 0;
	margin-right:10px;
	color: #000;
}
#foot-nav {
	padding: 10px 0;
}
.foot-nav-li {
	float: left;
	padding: 0 5px 0 0;
}
/* ----- FOOTend ----- */


/* ----- MAIN-RIGHT(ASIDE) ----- */
#aside {
	float: right;
	width: 220px;
	text-align: left\9;
}

/* ----- MAIN-RIGHT(ASIDE)end ----- */







/* ----- 消したい過去 ----- */
.index-topics-txt {
	background: url(/images/common/bg_sprite.png) no-repeat 6.2em 1.1em;
	border-bottom: 1px dashed #FFB6C1;
	padding: 10px 0 8px 7.2em;
}

/* ----- 消したい過去end ----- */

/* 角丸領域 */
.rd4 {
	/*
  background: #FFFCF5;
  border: 1px solid #E5E5E5;
  padding: 19px;
*/
	line-height: 1.5;
	padding: 0 20px 20px;
	/*
  margin: 0 0 40px;
*/
	margin: 0 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*
  -webkit-box-shadow: #999 0px 1px 1px;
  -moz-box-shadow: #999 0px 1px 1x;
  box-shadow: #999 0px 1px 1px;
  */
	behavior: url(/js/common/PIE.htc);
}
.index-topics-date {
	color: #FD6778;
	float: left;
	padding: 10px 0 8px;
	width: 6em;
}
/* ----- TopicPath ----- */
#topic-path {
}
.topic-path-li {/*(650 159)->(-645px -156px) (5 103)->(0 -100px)*/
	background: url(/images/common/path.png) no-repeat .5em .1em;
	padding: 0 0 0 20px;
	margin: 0 0 15px;
	float: left;
	overflow: hidden;
	font-size: 85%;
}
.topic-path-a {
	display: block;
	margin: 0 5px 0 0;
}
.topic-path-li-first {
	background: none;
	padding-left: 0;
}
/* ----- TopicPathend ----- */
/* ---- まとめたいけどまだわからないのでとりあえず分けて記述 ---- */
.column-list:hover, .report-list:hover, .top-f-n:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	cursor: pointer;
}

.intro-resv {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  height: 233px;
  margin: -121px 0 0 0;
  background: url(/images/shop/common/intro-resv-inner-bg.png) repeat-x;
  z-index: 10;
}
.hide {
  display: none;
}
.intro-resv-inner {
  position: absolute;
  top: 0;
  left: 50%;
  width: 473px;
  height: 80px;
  margin: 15px 0 12px -236px;
  text-align: center;
}
.intro-resv-notice {
  color: #ee4f85;
  font-size: 117%;
  font-weight: bold;
  line-height: 2.0;
}
.intro-resv-tel {
  font-size: 207%;
  font-weight: bold;
  color: #f85769;
}
.intro-resv-attention {
  display: block;
  position: absolute;
  bottom: -100px;
}


.link-underline {
  text-decoration: underline;
}
.link-underline:hover {
  text-decoration: none;
}





.list-kakko-decimal {
  margin-left: 1.5em;
}
.list-kakko-decimal li {
	list-style-type: none;
	counter-increment: cnt;
}
.list-kakko-decimal li::before {
	content: "(" counter(cnt) ") ";
	display:inline-block;
	margin-left:-2.5em;
	width: 2.5em;
}
