@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Barlow:600');
/*
font-family: 'Barlow', sans-serif;
600:semobold
*/
/* * * * * * * * * * * * * * *
common
* * * * * * * * * * * * * * */
html,
body {
	background: #fff;
	color: #333;
	width: 100%;
	font-family: '游明朝体', 'YuMincho', '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'Noto Sans Japanese', serif;
    -webkit-font-smoothing: antialiased;
	font-weight: 500;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	letter-spacing: 0.04em;
	line-height: 2;
}
a {
	color: #282832;
	text-decoration: none;
}
/*icon-font*/
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?sl3vo2');
	src: url('fonts/icomoon.eot?sl3vo2#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?sl3vo2') format('truetype'), url('fonts/icomoon.woff?sl3vo2') format('woff'), url('/fonts/icomoon.svg?sl3vo2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ※ * ※ * ※ * ※ PC ※ * ※ * ※ * ※ */
@media only screen and (min-width: 769px) {
html,
body {
	min-width: 980px;
	font-size: 16px;
	line-height:2.5;
	letter-spacing: 0.1em;
}
.pc_only {
}
.sp_only {
	display: none !important;
}
img{
-webkit-backface-visibility: hidden;
}
/* * * * * * * * * * * * * * *
#header
* * * * * * * * * * * * * * */
#header {
	position: relative;
	width: 100%;
	height: 70px;
	background: #efdee1;
	/*border-bottom: 1px solid #dcdcdc;*/
}
#header .logo {
	position: absolute;
	top: 23px;
	left: 30px;
	width: 190px;
	height: 25px;
}
#header .logo img {
	display: block;
}
#header .link {
	position: absolute;
	top: 21px;
	right: 40px;
	line-height: 18px;
}
#header .link li {
	display: inline-block;
	margin-left: 10px;
}
#header .link li a::after {
	font-size: 30px;
}
#header .link .icon-twitter a::after {
	content: "\e902";
	color: #3cb4c8;
}
#header .link .icon-facebook a::after {
	content: "\e901";
	color: #3cb4c8;
}
#header .link .icon-line a::after {
	content: "\e900";
	color: #3cb4c8;
}
#header .link li a {
	position: relative;
	transition: all 0.3s ease-out;
}
#header .link li a:hover {
	opacity: 0.5;
}
/* * * * * * * * * * * * * * *
#wrapper
* * * * * * * * * * * * * * */
#wrapper {
	position: relative;
	width: 100%;
	text-align: center;
	background: #e7e7e7;
}
#wrapper .main {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#wrapper a.sc_btn {
	display: block;
	border-radius: 10px;
	margin: 10px auto;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	box-sizing: border-box;
	transition: all 0.3s ease-out;
	transform: scale(0.90);
	opacity: 0;
	visibility: hidden;
}
	
#wrapper a.sc_btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: -1;
	transition: all 0.6s 0.2s ease-out;
	width: 0;
}
#wrapper a.sc_btn:after {
	content: "";
	position: absolute;
	top: 50%;
	border: 1px solid #3cb4c8;
	border-left: none;
	border-bottom: none;
	transform: rotate(45deg);
}
#wrapper a.sc_btn.show {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
#wrapper a.sc_btn.show:before {
	width: 100%;
}
#wrapper a.sc_btn:hover {
	opacity: 0.6;
}
/* * * * * * * *
 .top .area_01
* * * * * * * */
#wrapper.top .area_01 {
	position: relative;
}

#wrapper h2{
	font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin:90px 0 30px 0;
	height:26px;
	padding:15px 0;
	background: #ebd6d9	;
	color:#5d5f5e;
	font-weight:normal;
	font-size:30px;
	line-height: 1;
}
	
.schedule_pink{
	position:relative;
	width:100%;
	height:225px;
	margin:0 0 30px 0;
	border: 1px solid #d99f9e;	
    background-color:#ffffff;
}
	
.schedule_gray{
	position:relative;
	width:100%;
	height:225px;
	margin:0 0 30px 0;
	border: 1px solid #b3b3b3;	
    background-color:#ffffff; 
}


.pink_day{
	position:absolute;
	top: 0;
	left:0;
	width:50px;
	height:165px;
	padding:60px 0 0 0;
    background-color:#d99f9e; 
}
	
	
.gray_day{
	position:absolute;
	top: 0;
	left:0;
	width:50px;
	height:165px;
	padding:60px 0 0 0;
    background-color:#b3b3b3; 
}
	
.pink_title{
	font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	position:absolute;
	top: 10px;
	left:70px;
	width:600px;
	padding:0 0 0 20px;
    color:#eb5d5c;
	text-align:left;
	background-image: url(../img/bg_schedule_tit.png) ;
	background-repeat: no-repeat;
	font-size:24px;
	font-weight:bold;
}

.salon_logo{
	position:absolute;
	width:160px;
	top: 80px;
	left:80px;	
	text-align:left;
}
	

	
.stylist_center{
	position:absolute;
	width:180px;
	height:160px;
	top: 60px;
	left:340px;	
	text-align:left;
}
	
.stylist_left{
	position:absolute;
	width:180px;
	height:160px;
	top: 60px;
	left:250px;	
	text-align:left;
}
	
.stylist_right{
	position:absolute;
	width:180px;
	height:160px;
	top: 60px;
	left:420px;	
	text-align:left;
}
	
.stylist01{
	position:absolute;
	width:130px;
	height:160px;
	top: 60px;
	left:230px;	
	text-align:left;
}
	
.stylist02{
	position:absolute;
	width:130px;
	height:160px;
	top: 60px;
	left:360px;	
	text-align:left;
}
	
.stylist03{
	position:absolute;
	width:130px;
	height:160px;
	top: 60px;
	left:490px;	
	text-align:left;
}
	
.schedule_time{
	position:absolute;
	width:320px;
	top: 15px;
	right:25px;	
	text-align:right;
	font-size:14px;
	line-height: 160% ;
	font-size: 24px;
}	

	
.schedule_info{
	font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	position:absolute;
	width:320px;
	top: 60px;
	right:25px;	
	text-align:left;
	font-size:14px;
	line-height: 160%;
	letter-spacing: normal;
}	

	

	
	

	
.schedule_list ul{
     margin:0 0 60px 0;
}

.schedule_list li{
     margin:0 0 20px 0;
}
	
.bnr{
     text-align:center;	
     margin:0 0 60px 0;
}
	
.bnr2{
     text-align:center;	
     margin:0 0 30px 0;
}
	
.presentform{
	margin:0 0 60px 0;
	padding:20px;
	background-color: #ffffff;
	border: 1px solid #cccccc; 
}
	
.newitems{
  width: 980px; 
  margin:0 0 60px 0;
}

.newitems_bloc{
  width: 480px; 
    display: inline-block;      /* インラインブロック要素にする */
    padding: 0; 
	vertical-align:top; 
}

.newitems_photo{
  display: inline-block;
  width: 170px; 
  height:400px;
  vertical-align:  middle;
}
.newitems_text{
  display: inline-block;
  padding:40px 20px 20px 20px;
  width: 260px; 
  height:400px;
  vertical-align:top; 
  background: #ffffff;
  border: 1px solid #cccccc; 
}
	
.newitems_text p{
  font-size:12px;
  color:#555;
  text-align:left;
}
	
.newitems_text span{
	font-size:12px;
}
	
.newitems_bloc dl dt{
   text-align:left;
	font-size:24px;
	line-height: 1;
}
	
.newitems_bloc dl dd{
   text-align:left;
	font-size:16px;
	margin:0 0 20px 0;
}
	
.attention{
	font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:16px;	
	line-height: 1.5;
}
	
.link_bnr{
	margin:60px 0 120px 0;
	text-align:center;
}
	
.link_bnr>div{
	display:inline-block;
	padding:0 40px;
}
	
#wrapper.top .area_01 .top_bg .bg_img {
	width: 100%;
	transition: all 1s ease-in;
	transform-origin: center bottom;
	transform: translate(0, 0);
	opacity: 0;
	visibility: hidden;
	transition-delay: 0.0s;
}
#wrapper.top .area_01 .top_bg.show .bg_img {
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
}
#wrapper.top .area_01 .main {
	margin: 0 auto;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#wrapper.top .area_01 .img {
	position: relative;
}
#wrapper.top .area_01 .img .bg {
	position: relative;
	width: 100%;
}
#wrapper.top .area_01 .img .i {
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s ease-out;
	transform-origin: center bottom;
	transform: translate(0, -10px);
	opacity: 0;
	visibility: hidden;
	width: 100%;
	will-change: transform;
}
#wrapper.top .area_01 .img .i.bg {
	transition-delay: 0.0s;
}
#wrapper.top .area_01 .img .i.i1 {
	transition-delay: 0.2s;
	transition-duration: 1s;
}
#wrapper.top .area_01 .img .i.i2 {
	transition-delay: 0.3s;
	transition-duration: 1s;
}
#wrapper.top .area_01 .img .i.i3 {
	transition-delay: 0.3s;
	transform: translate(0, 0px);
	opacity: 1;
	visibility: visible;
}
#wrapper.top .area_01 .img .i.i4 {
	transition-delay: 0.5s;
}
#wrapper.top .area_01 .img .i.i5 {
	transition-delay: 0.4s;
}
#wrapper.top .area_01 .img .i.i6 {
	transition-delay: 0.3s;
}
#wrapper.top .area_01 .img .i.i7 {
	transition-delay: 0.3s;
}
#wrapper.top .area_01 .img.show .i {
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
}
/* * * * * * * *
   .area_01
* * * * * * * */
#wrapper .area_01 .main .img {
	position: relative;
}
#wrapper .area_01 .img .on_top.pc_only {
	position: absolute;
	top: 0;
	right: 0;
}
/* * * * * * * *
 .top .area_02
* * * * * * * */
#wrapper .area_02 {
	padding: 60px 0;
}
#wrapper .area_02 .sc_btn {
	transition: all 0.8s ease-out;
	opacity: 0;
	visibility: hidden;
	transform-origin: center bottom;
	transform: translate3d(0, 30px, 0) scale(0.98);
	filter: grayscale(100%);
}
#wrapper .area_02 .sc_btn.show {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0) scale(1);
	filter: grayscale(0);
}

#wrapper .area_02 .title {
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
    color: #d92e7e;
    padding: 20px 0;
    /*border: 1px solid #3cb4c8;*/
    /*border-right: 0;*/
    /*border-left: 0;*/
	background-image: url(../img/ttl_bg01.png) ;
	background-repeat: repeat-x;
}

#wrapper .area_02 .left p{
    margin-top: .7em;
    font-size: 1em;
    text-align:center;
}
	
#wrapper .area_02 .steps {
	margin-top: 30px;
}
#wrapper .area_02 .steps > li {
display: inline-block;
	background: #fff;
	padding: 0 5px;
	box-sizing: border-box;
	width: 250px;
	border-radius: 3px;
	margin: 0 auto 0;
	vertical-align:text-top;
}
#wrapper .area_02 .steps > li:first-child {
	margin-top: 0;
}
#wrapper .area_02 .steps > li .num {
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 1;
	position: relative;
	display: inline-block;
	color: #3cb4c8;
}
#wrapper .area_02 .steps > li .num:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 36px;
	height: 4px;
	margin-left: -18px;
	background: #3cb4c8;
}
#wrapper .area_02 .steps > li .num2 {
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 1;
	position: relative;
	display: inline-block;
	color: #ff648c;
}
#wrapper .area_02 .steps > li .num2:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 36px;
	height: 4px;
	margin-left: -18px;
	background: #ff648c;
}
#wrapper .area_02 .steps > li .t1 {
	font-size: 18px;
	margin-top: 45px;
	text-align:left;
	line-height: 150%;
}
#wrapper .area_02 .steps > li .quote {
	margin-top: 20px;
	background: #e6f5fa;
	padding: 15px 25px;
	display: inline-block;
	font-size: 14px;
	line-height: 1.57;
	text-align: left;
}
#wrapper .area_02 .steps > li .btns {
	margin-top: 35px;
}
#wrapper .area_02 .steps > li .btns > li {
	display: inline-block;
	margin-left: 30px;
}
#wrapper .area_02 .steps > li .btns > li:first-child {
	margin-left: 0;
}
#wrapper .area_02 .steps > li .btns > li a {
	width: 300px;
	height: 50px;
	line-height: 50px;
	color: #fff;
}
#wrapper .area_02 .steps > li .btns > li a:after {
	margin-top: -4px;
	right: 20px;
	width: 8px;
	height: 8px;
	border-color: #fff;
}
#wrapper .area_02 .steps > li .btns > li a .icon {
}
#wrapper .area_02 .steps > li .btns > li a .text {
}
#wrapper .area_02 .steps > li .btns > li a.tw {
	border-color: #55acee;
}
#wrapper .area_02 .steps > li .btns > li a.tw:before {
	background: #55acee;
}
#wrapper .area_02 .steps > li .btns > li a.tw span.icon-twitter:before {
	content: "\f099";
	color: #55acee;
	background: #fff;
	position: absolute;
	padding: 10px 6.5px;
	font-size: 20px;
	top: 4px;
	left: 4px;
	border-radius: 2px;
}
#wrapper .area_02 .steps > li .btns > li a.in {
	border-color: #b4288c;
}
#wrapper .area_02 .steps > li .btns > li a.in:before {
	background: #b4288c;
}
#wrapper .area_02 .steps > li .btns > li a.in span.icon-instagram:before {
	content: "\f16d";
	color: #b4288c;
	background: #fff;
	position: absolute;
	font-size: 20px;
	top: 4px;
	left: 4px;
	border-radius: 2px;
}
#wrapper .area_02 .steps > li .t2 {
	margin-top: 35px;
	font-size: 14px;
}
#wrapper .area_02 .steps > li .notes {
	margin-top: 20px;
	font-size: 11px;
	line-height: 1.63;
}
.s_text{
	font-size: 11px;
	text-align: right;
}
.ss{
	font-size: 9px;
}
	
.c_text{
	font-size: 13px;
	text-align: center;
	line-height: 120%;
	padding-top:15px;
}
.left_text{
	text-align: left;
}	
		
#wrapper .area_02 .req > dt {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    color: #3cb4c8;
    /*border-bottom: 1px dotted #3cb4c8;*/
    margin: 60px 0 30px 0;
    padding: 20px 0 20px 0;
    background:url(../img/ttl_bg02.png) repeat-x center bottom;
}
	
.receipt{
	width:600px;
	margin:0 auto;
}
.receipt dl dt{
	font-weight: bold;
}
	
.receipt dl dd a{
	font-weight: bold;
	color:#2a7aca;
}
	
#wrapper .area_02 .presents_list {
	display: flex;
	justify-content: space-between;
}
#wrapper .area_02 .presents_list > li {
	position: relative;
}
#wrapper .area_02 .presents_list .presents {
	background-image: url(../img/area_02_bg02.png);
	background-repeat: no-repeat;
	width: 390px;
	height: 460px;
	font-size: 18px;
	line-height: 28px;
}
#wrapper .area_02 .presents_list .pop {
	position: absolute;
	top: -31px;
	left: -26px;
	z-index: 1;
}
#wrapper .area_02 .presents_list .top {
}
#wrapper .area_02 .presents_list .left .presents .top {
	padding-top: 48px;
	position: relative;
	z-index: 2;
}
#wrapper .area_02 .presents_list .left .presents .middle {
	margin-top: 25px;
}
#wrapper .area_02 .presents_list .presents h3.name {
	color: #50b9cd;
	position: absolute;
	bottom: 35px;
	width: 390px;
}
#wrapper .area_02 .presents_list .right .presents h3.name {
	bottom: 20px;
}
#wrapper .area_02 .presents_list .left .presents .bg {
	background-image: url(../img/area_02_presents_bg01.png);
	background-repeat: no-repeat;
	display: block;
	width: 296px;
	height: 24px;
	margin: 0 0 10px 45px;
	font-size: 22px;
	padding-top: 11px;
	font-weight: bold;
	line-height: 1;
}
#wrapper .area_02 .presents_list .right .presents .top {
	padding-top: 50px;
	position: relative;
	z-index: 2;
}
#wrapper .area_02 .presents_list .right .presents .middle {
	margin-top: 15px;
}
#wrapper .area_02 .presents_list .right .presents .bg {
	background-image: url(../img/area_02_presents_bg02.png);
	background-repeat: no-repeat;
	display: block;
	width: 206px;
	height: 24px;
	margin: 0 0 10px 86px;
	font-size: 22px;
	padding-top: 11px;
	font-weight: bold;
	line-height: 1;
}
/* * * * * * * *
 .top .area_03
* * * * * * * */
#wrapper.top .area_03 {
	position: relative;
	padding: 60px 0;
	background: #fff;
}
#wrapper.top .area_03 .title {
	font-family: "游明朝", YuMincho, serif;
}
#wrapper.top .area_03 .img {
	margin-top: 24px;
}
#wrapper.top .area_03 .btn {
	margin-top: 30px;
}
#wrapper.top .area_03 .btn a {
	width: 340px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #cccccc;
}
#wrapper.top .area_03 .btn a:before {
	background: #3cb4c8;
	border-radius: 1px;
}
#wrapper.top .area_03 .btn a:after {
	margin-top: -3px;
	right: 20px;
	width: 5px;
	height: 5px;
	border-color: #fff;
}
/* * * * * * * *
.application
* * * * * * * */
#wrapper .application {
	position: relative;
	padding: 60px 0;
	background: #9bdcdc;
}
#wrapper .application .title {
	font-size: 22px;
	line-height: 1;
	font-weight: 600;
	color: #000;
	font-family: "游明朝", YuMincho, serif;
}
#wrapper .application .lead {
	font-size: 22px;
	font-family: "游明朝", YuMincho, serif;
	line-height: 1;
}
#wrapper .application .period {
	font-size: 22px;
	line-height: 2.727;
	font-weight: 600;
	color: #000;
	border: 1px solid #000;
	border-radius: 3px;
	margin-top: 30px;
}
#wrapper .application .method {
	margin-top: 20px;
	padding: 60px 0;
	background: #fff;
	border-radius: 3px;
}
#wrapper .application.add .method {
	margin-top: 40px;
}
#wrapper .application .method h3.sub_title {
	color: #3cb4c8;
	font-size: 22px;
	line-height: 1;
	font-family: "游明朝", YuMincho, serif;
}
#wrapper .application .method .upper {
	position: relative;
	margin-bottom: 100px;
}
#wrapper .application .method .upper::after {
	content: "";
	position: absolute;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 20px solid #3cb4c8;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -60px;
}
#wrapper .application h4.third_title {
	color: #3cb4c8;
	border: 1px solid #3cb4c8;
	margin: 25px 85px 0;
	font-size: 18px;
	line-height: 2.222;
}
#wrapper .application .method .text {
	margin-top: 22px;
}
#wrapper .application.add .method .text {
	margin-top: 0;
}
#wrapper .application .lower {
}
#wrapper .application .lower .caution {
	margin: 22px 85px 0;
	border: 1px solid #c8c8c8;
}
#wrapper .application .lower .caution dl {
	display: flex;
	align-items: center;
}
#wrapper .application .lower .caution dl dt.left {
	width: 180px;
	color: #a0a0a0;
	line-height: 100px;
}
#wrapper .application .lower .caution dl dd.right ul {
	text-align: left;
}
#wrapper .application .lower .caution dl dd.right ul li {
	font-size: 12px;
	line-height: 1.667;
}
#wrapper .application .follow_us .sub_title {
	display: block;
	margin-top: 60px;
	font-size: 14px;
	line-height: 1;
	font-family: "Amiri", serif;
}
#wrapper .application .follow_us .icon_list {
	display: flex;
	margin: 20px auto 0;
	width: 170px;
	justify-content: space-between;
	align-items: center;
}
#wrapper .application .follow_us .icon_list li {
	font-size: 40px;
}
#wrapper .application .follow_us .icon_list li.icon-instagram {
	font-size: 30px;
}
#wrapper .application .follow_us .icon-instagram a::after {
	content: "\f16d";
}
#wrapper .application .follow_us .icon-twitter a::after {
	content: "\e902";
}
#wrapper .application .follow_us .icon-facebook a::after {
	content: "\e901";
}
#wrapper .application .follow_us .icon-line a::after {
	content: "\e900";
}
/* * * * * * .agreement * * * * * */
#wrapper .agreement {
	margin: 20px 0 60px;
}
#wrapper .agreement .rule {
	background: #fff;
	border-radius: 3px;
}
#wrapper .agreement .rule .name {
	font-size: 16px;
	font-weight: 600;
	color: #50505a;
	line-height: 50px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
#wrapper .agreement .rule .name:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 20px;
	width: 8px;
	height: 8px;
	border: 1px solid #5e5d5f;
	border-left: none;
	border-bottom: none;
	transform: rotate(135deg);
}
#wrapper .agreement .rule .open:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 20px;
	width: 8px;
	height: 8px;
	border: 1px solid #5e5d5f;
	border-right: none;
	border-top: none;
	transform: rotate(135deg);
}
#wrapper .agreement .rule .text {
	display: none;
	padding: 35px;
	text-align: left;
}
#wrapper .agreement .rule .text hr {
	height: 1px;
	border: 0;
	border-top: 1px dotted #50505a;
	margin: 1em 0;
}
#wrapper .agreement .text a.close {
	text-decoration: underline;
	display: block;
	margin: 20px auto 0;
	font-weight: bold;
	text-align: center;
}
#wrapper .agreement .rule .text span.blue {
	color: #3cb4c8;
}
#wrapper .agreement .rule .text span.green {
	color: #50be3c;
}
/* * * * * * .agreement02 * * * * * */
#wrapper .agreement02 {
	margin: 55px 0 0;
}
#wrapper .agreement02 .rule {
	border-top: 1px dashed #a0a0a0;
}
#wrapper .agreement02 .rule .name {
	font-size: 16px;
	font-weight: 600;
	color: #50505a;
	line-height: 50px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	margin-top: 33px;
}
#wrapper .agreement02 .rule .text {
	padding: 13px 35px 0;
	text-align: left;
}
#wrapper .agreement02 .rule .text hr {
	height: 1px;
	border: 0;
	border-top: 1px dashed #a0a0a0;
	margin: 1em 0;
}
#wrapper .agreement02 .rule .text span.blue {
	color: #3cb4c8;
}
#wrapper .agreement02 .rule .text span.green {
	color: #50be3c;
}
/* * * * * * .btn * * * * * */
#wrapper .application .btn {
	margin-top: 22px;
}
#wrapper .application.add .btn {
	margin-top: 0;
}
#wrapper .application .btn a {
	width: 340px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background: #cccccc;
}
#wrapper .application.add .btn a {
	width: 440px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #cccccc;
}
#wrapper .application .btn a:before {
	background: #55acee;
	border-bottom: 5px solid #cccccc;
	border-radius: 1px;
}
#wrapper .application .btn a:after {
	margin-top: -4px;
	right: 15px;
	width: 8px;
	height: 8px;
	border-color: #fff;
}
#wrapper .application.add .btn a:after {
	right: 20px;
}
#wrapper span.icon-twitter::before {
	content: "\e902";
	color: #55acee;
	background: #fff;
	position: absolute;
	padding: 6px;
	font-size: 30px;
	top: 4px;
	left: 5px;
	width: 30px;
	border-radius: 2px;
	height: 30px;
}
/* * * * * * * *
.top.expiration
* * * * * * * */
#wrapper.top.expiration .area_02 {
	background-repeat: repeat;
    padding: 60px 0;
	background: #e7e7e7;
	color: #000;
	/*border-top: 1px solid #ccc;*/
}
#wrapper.top.expiration .lead {
	font-size:32px;
	font-family: "游明朝", YuMincho, serif;
	position: relative;
	color: #3cb4c8;
}
#wrapper.top.expiration .comments {
	font-size: 16px;
	margin-top: 30px;
}
#wrapper.top.expiration .area_03 {
	background: #8ccde1;
}
#wrapper.top.expiration .area_03 .btn a {
	color: #8ccde1;
}
#wrapper.top.expiration .area_03 .btn a::before {
	background: #fff;
}
#wrapper.top.expiration .area_03 .btn a::after {
	border-color: #8ccde1;
}
#wrapper .follow_us .sub_title {
	display: block;
	margin-top: 60px;
	font-size: 14px;
	line-height: 1;
	font-family: "Amiri", serif;
}
#wrapper .follow_us .icon_list {
	display: flex;
	margin: 20px auto 0;
	width: 170px;
	justify-content: space-between;
	align-items: center;
}
#wrapper .follow_us .icon_list li {
	font-size: 40px;
}
#wrapper .follow_us .icon_list li.icon-instagram {
	font-size: 30px;
}
#wrapper .follow_us .icon-instagram a::after {
	content: "\f16d";
}
#wrapper .follow_us .icon-twitter a::after {
	content: "\e902";
}
#wrapper .follow_us .icon-facebook a::after {
	content: "\e901";
}
#wrapper .follow_us .icon-line a::after {
	content: "\e900";
}
}

/* ※ * ※ * ※ * ※ SP ※ * ※ * ※ * ※ */
@media only screen and (max-width: 768px) {
html,
body {
	font-size: 3.733vw;
	line-height: 1.85;
	background: #e7e7e7;
}
.pc_only {
	display: none !important;
}
.sp_only {
}
img {
	width: 100%;
}
/* * * * * * * * * * * * * * *
#header
* * * * * * * * * * * * * * */
#header {
	position: relative;
	width: 100%;
	height: 10.667vw;
	background: #efdee1;
	/*border-bottom: 1px solid #dcdcdc;*/
}
#header .logo {
	position: absolute;
	top: 4vw;
	left: 4vw;
	width: 25vw;
}
#header .logo img {
	display: block;
}
#header .link {
	position: absolute;
	line-height: 10.667vw;
	right: 0;
}
#header .link li {
	display: inline-block;
	margin-right: 4vw;
	width: 6.667vw;
}
#header .link li a {
	position: relative;
}
#header .link li a:after {
	content: "";
	display: inline-block;
	border-left: none;
	border-bottom: none;
	vertical-align: middle;
}
#header .link li a::after {
	font-size: 6.667vw;
}
#header .link .icon-twitter a::after {
	content: "\e902";
	color: #3cb4c8;
}
#header .link .icon-facebook a::after {
	content: "\e901";
	color: #3cb4c8;
}
#header .link .icon-line a::after {
	content: "\e900";
	color: #3cb4c8;
}
/* * * * * * * * * * * * * * *
#wrapper
* * * * * * * * * * * * * * */
#wrapper {
	position: relative;
	width: 100%;
	text-align: center;
}
#wrapper .main {
	position: relative;
	padding: 0 5.333vw;
	margin: 0 auto;
}
#wrapper .area_01 .main {
	padding: 0;
	position: absolute;
	top: 0;
}
#wrapper a.sc_btn {
	display: block;
	border-radius: 0.4vw;
	margin: 0 auto;
	font-size: 4.267vw;
	font-weight: 600;
	position: relative;
	box-sizing: border-box;
	transition: all 0.3s ease-out;
	transform: scale(0.90);
	opacity: 0;
	visibility: hidden;
}
#wrapper a.sc_btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;

	z-index: -1;
	transition: all 0.6s 0.2s ease-out;
	width: 0;
}
#wrapper a.sc_btn:after {
	content: "";
	position: absolute;
	top: 50%;
	border: 1px solid #3cb4c8;
	border-left: none;
	border-bottom: none;
	transform: rotate(45deg);
}
#wrapper a.sc_btn.show {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
#wrapper a.sc_btn.show:before {
	width: 100%;
}
#wrapper a.sc_btn {
	display: block;
	border-radius: 10px;
	width: 100%;
	margin: 10px auto;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	box-sizing: border-box;
	transition: all 0.3s ease-out;
	transform: scale(0.90);
	opacity: 0;
	visibility: hidden;
}

	
#wrapper a.sc_btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;

	z-index: -1;
	transition: all 0.6s 0.2s ease-out;
	width: 0;
}
/* * * * * * * *
 .top .area_01
* * * * * * * */
#wrapper.top .area_01 {
	position: relative;
	box-sizing: border-box;
	padding: 0 ;
}
#wrapper.top .area_01 .top_bg .bg_img {
	width: 100%;
	transition: all 1s ease-in;
	transform-origin: center bottom;
	transform: translate(0, 0);
	opacity: 0;
	visibility: hidden;
	transition-delay: 0.0s;
}
#wrapper.top .area_01 .top_bg.show .bg_img {
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
}
#wrapper.top .area_01 .img {
	position: relative;
}
#wrapper.top .area_01 .img .bg {
	position: relative;
}
#wrapper.top .area_01 .img .i {
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s ease-out;
	transform-origin: center bottom;
	transform: translate(0, -10px);
	opacity: 0;
	visibility: hidden;
	width: 100%;
	will-change: transform;
}
#wrapper.top .area_01 .img .i.bg {
	transition-delay: 0.0s;
}
#wrapper.top .area_01 .img .i.i1 {
	transition-delay: 0.2s;
	transition-duration: 1s;
}
#wrapper.top .area_01 .img .i.i2 {
	transition-delay: 0.3s;
	transition-duration: 1s;
}
#wrapper.top .area_01 .img .i.i3 {
	transition-delay: 0.3s;
	transform: translate(0, 0px);
	opacity: 1;
	visibility: visible;
}
#wrapper.top .area_01 .img .i.i4 {
	transition-delay: 0.5s;
}
#wrapper.top .area_01 .img .i.i5 {
	transition-delay: 0.4s;
}
#wrapper.top .area_01 .img .i.i6 {
	transition-delay: 0.3s;
}
#wrapper.top .area_01 .img .i.i7 {
	transition-delay: 0.3s;
}
#wrapper.top .area_01 .img.show .i {
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
}
#wrapper.top .area_01 .terms {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 0 5.333vw;
	margin-top: 2.667vw;
}
#wrapper.top .area_01 .terms .t {
	width: 44vw;
	background: #ffb4b4;
	border-radius: 0.8vw;
	font-size: 2.933vw;
	color: #000;
	padding: 2.667vw;
	box-sizing: border-box;
}
#wrapper.top .area_01 .terms .t b {
	font-size: 3.2vw;
	font-weight: 600;
	display: block;
	margin-bottom: 0.667vw;
}
#wrapper.top .area_01 .terms .t span {
	display: block;
	width: 0;
	height: 0;
	border: 1.333vw solid transparent;
	border-top: 1.333vw solid #000;
	margin: 1.333vw auto 0;
}
/* .t1 */ 
#wrapper.top .area_01 .terms .t.t1 {
	background: #ffb4b4;
}

/* .t2 */ 
#wrapper.top .area_01 .terms .t.t2 {
	background: #d7e6a0;
}
/* * * * * * * *
 .top .area_02
* * * * * * * */
#wrapper .area_02 .sc_btn {
	transition: all 0.8s ease-out;
	opacity: 0;
	visibility: hidden;
	transform-origin: center bottom;
	transform: translate3d(0, 30px, 0) scale(0.98);
	filter: grayscale(100%);
}
#wrapper .area_02 .sc_btn.show {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0) scale(1);
	filter: grayscale(0);
}
#wrapper .area_02 {
	padding: 13.333vw 0;
}
#wrapper .area_02 .main {
	padding: 0 2.667vw;
}
#wrapper .area_02 .title {
    font-size: 6.0vw;
    line-height: 1;
    font-weight: 600;
    color: #d92e7e;
    padding: 3vw 0;
    margin-bottom:10px;
    /*border: 1px solid #3cb4c8;*/
    /*border-right: 0;*/
    /*border-left: 0;*/
    background:url(../img/sp_ttl_bg01.png) no-repeat center center;
    background-size:contain;
}
	
#wrapper .area_02 .steps {
	margin-top: 6.667vw;
}
#wrapper .area_02 .steps > li {
	background: #fff;
	padding: 3vw;
	box-sizing: border-box;
	border-radius: 0.8vw;
	margin: 2.667vw auto 0;
}
#wrapper .area_02 .steps > li:first-child {
	margin-top: 0;
}
#wrapper .area_02 .steps > li .num {
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-size: 6.4vw;
	line-height: 1;
	position: relative;
	display: inline-block;
	color: #3cb4c8;
}
#wrapper .area_02 .steps > li .num:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -5.333vw;
	left: 50%;
	width: 9.333vw;
	height: 1.067vw;
	margin-left: -4.667vw;
	background: #3cb4c8;
}
	#wrapper .area_02 .steps > li .num2 {
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
	font-size: 6.4vw;
	line-height: 1;
	position: relative;
	display: inline-block;
	color: #ff648c;
}
#wrapper .area_02 .steps > li .num2:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -5.333vw;
	left: 50%;
	width: 9.333vw;
	height: 1.067vw;
	margin-left: -4.667vw;
	background: #ff648c;
}
#wrapper .area_02 .steps > li .t1 {
	font-size: 3.733vw;
	margin-top: 10vw;
	text-align:left;
}
#wrapper .area_02 .steps > li:first-child .t1 {
	text-align:left;
}

#wrapper .area_02 .steps > li .quote {
	margin-top: 4vw;
	background: #e6f5fa;
	padding: 4.667vw;
	display: inline-block;
	font-size: 3.733vw;
	line-height: 1.57;
	text-align: left;
	word-break: break-all;
}
#wrapper .area_02 .steps > li .btns {
}
#wrapper .area_02 .steps > li .btns > li {
	margin-top: 5.333vw;
}
#wrapper .area_02 .steps > li .btns > li:first-child {
}
#wrapper .area_02 .steps > li .btns > li a {
	width: 73.333vw;
	height: 13.333vw;
	line-height: 13.333vw;
	color: #fff;
}
#wrapper .area_02 .steps > li .btns > li a:after {
	margin-top: -1vw;
	right: 6.667vw;
	width: 2vw;
	height: 2vw;
	border-color: #fff;
}
#wrapper .area_02 .steps > li .btns > li a .icon {
}
#wrapper .area_02 .steps > li .btns > li a .text {
   font-size:18px;
}
#wrapper .area_02 .steps > li .btns > li a.tw {
	border-color: #55acee;
}
#wrapper .area_02 .steps > li .btns > li a.tw:before {
	background: #55acee;
}
#wrapper .area_02 .steps > li .btns > li a.tw span.icon-twitter:before {
	content: "\f099";
	color: #55acee;
	background: #fff;
	position: absolute;
	padding: 2.8vw 1.733vw;
	font-size: 5.333vw;
	top: 1.067vw;
	left: 1.067vw;
	border-radius: 2px;
}
#wrapper .area_02 .steps > li .btns > li a.in {
	border-color: #b4288c;
}
#wrapper .area_02 .steps > li .btns > li a.in:before {
	background: #b4288c;
}
#wrapper .area_02 .steps > li .btns > li a.in span.icon-instagram:before {
	content: "\f16d";
	color: #b4288c;
	background: #fff;
	position: absolute;
	padding: 2.8vw 2.13vw;
	font-size: 5.333vw;
	top: 1.067vw;
	left: 1.067vw;
	border-radius: 2px;
}
#wrapper .area_02 .steps > li .t2 {
	margin-top: 6.667vw;
	font-size: 3.733vw;
	text-align: left;
}
#wrapper .area_02 .steps > li .notes {
	margin-top: 4vw;
	font-size: 2.933vw;
	line-height: 1.63;
	text-align: left;
}

#wrapper .area_02 .steps img{
	vertical-align: center
}
	
#wrapper .area_02 .req > dt {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    color: #3cb4c8;
    /*border-bottom: 1px dotted #3cb4c8;*/
    margin: 50px 0 10px 0;
    padding-bottom: 10px;
    background:url(../img/ttl_bg02.png) repeat-x center bottom;
}
	
#wrapper .area_02 .title img {
	width: 43.467vw;
}
#wrapper .area_02 .presents_list {
}
#wrapper .area_02 .presents_list > li {
	position: relative;
}
#wrapper .area_02 .presents_list > li.left {
	margin-bottom: 10.667vw;
}
#wrapper .area_02 .presents_list .presents {
	background-image: url(../img/sp_area_02_bg02.png);
	background-repeat: no-repeat;
	font-size: 4.8vw;
	line-height: 1.444;
	height: 122.667vw;
	background-size: cover;
}
#wrapper .area_02 .presents_list .pop {
	position: absolute;
	top: -8.133vw;
	left: -2.667vw;
	z-index: 1;
	width: 25.6vw;
}
#wrapper .area_02 .presents_list .top {
}
#wrapper .area_02 .presents_list .left .presents .top {
	padding-top: 15.467vw;
	position: relative;
	z-index: 2;
}
#wrapper .area_02 .presents_list .left .presents .middle {
	width: 40.1333vw;
	margin: 6.667vw auto 0;
}
#wrapper .area_02 .presents_list .presents h3.name {
	color: #50b9cd;
	position: absolute;
	bottom: 9.333vw;
	width: 100%;
}
#wrapper .area_02 .presents_list .right .presents h3.name {
	bottom: 7vw;
}
#wrapper .area_02 .presents_list .left .presents .bg {
	background-image: url(../img/sp_area_02_presents_bg01.png);
	background-repeat: no-repeat;
	display: block;
	font-size: 5.867vw;
	padding-top: 2.933vw;
	font-weight: bold;
	line-height: 1;
	background-size: cover;
	margin-bottom: 2.667vw;
}
#wrapper .area_02 .presents_list .right .presents .top {
	padding-top: 13.333vw;
	position: relative;
	z-index: 2;
}
#wrapper .area_02 .presents_list .right .presents .middle {
	width: 40.2667vw;
	margin: 4.667vw auto 0;
}
#wrapper .area_02 .presents_list .right .presents .bg {
	background-image: url(../img/sp_area_02_presents_bg02.png);
	background-repeat: no-repeat;
	display: block;
	font-size: 5.867vw;
	padding-top: 2.9333vw;
	font-weight: bold;
	line-height: 1;
	background-size: cover;
	margin-bottom: 2.667vw;
}
.s_text{
	font-size: 90%;
	text-align: right;
}
.ss{
	font-size: 7px;
}
.receipt{
	width:90%;
	margin:0 auto;
}
.receipt dl dt{
	font-weight: bold;
}
	
.receipt dl dd a{
	font-weight: bold;
	color:#2a7aca;
}
.c_text{
	font-size: 12px;
	text-align: center;
	line-height: 120%;
	padding-top:15px;
}
.left_text{
	text-align: left;
}
/* * * * * * * *
 .top .area_03
* * * * * * * */
#wrapper.top .area_03 {
	position: relative;
	padding: 8vw 0;
	background: #fff;
}
#wrapper.top .area_03 .title {
	font-family: "游明朝", YuMincho, serif;
	font-size: 4.267vw;
	margin-bottom: 6vw;
}
#wrapper.top .area_03 .btn {
	margin-top: 2.667vw;
}
#wrapper.top .area_03 .btn a {
	height: 10.667vw;
	line-height: 10.667vw;
	color: #fff;
	background: #cccccc;
}
#wrapper.top .area_03 .btn a:before {
	background: #3cb4c8;
	border-radius: 0.4vw;
}
#wrapper.top .area_03 .btn a:after {
	margin-top: -0.8vw;
	right: 5.333vw;
	width: 1.333vw;
	height: 1.333vw;
	border-color: #fff;
}
/* * * * * * * *
.application
* * * * * * * */
#wrapper .application {
	position: relative;
	padding: 18.667vw 0 12vw;
	background: #9bdcdc;
}
#wrapper .application.add {
	padding-top: 2.667vw;
}
#wrapper .application .main {
	padding: 2.667vw;
}
#wrapper .application .title {
	font-size: 5.867vw;
	line-height: 1;
	font-weight: 600;
	color: #000;
	font-family: "游明朝", YuMincho, serif;
}
#wrapper .application .lead {
	font-size: 5.867vw;
	font-family: "游明朝", YuMincho, serif;
	line-height: 1;
	margin: 8vw 0 5.333vw;
}
#wrapper .application .period {
	font-size: 4.8vw;
	line-height: 2.727;
	font-weight: 600;
	color: #000;
	border: 1px solid #000;
	border-radius: 0.8vw;
	margin-top: 7.333vw;
	letter-spacing: 0.15em;
}
#wrapper .application .method {
	margin-top: 2.667vw;
	padding: 8vw 0 4vw;
	background: #fff;
	border-radius: 0.8vw;
}
#wrapper .application.add .method {
	margin-top: 0;
	padding: 2.667vw 0 4vw;
}
#wrapper .application .method h3.sub_title {
	color: #3cb4c8;
	font-size: 5.867vw;
	line-height: 1;
	font-family: "游明朝", YuMincho, serif;
	margin-bottom: 8vw;
}
#wrapper .application .method .upper {
	position: relative;
	margin-bottom: 26.667vw;
}
#wrapper .application .method .upper::after {
	content: "";
	position: absolute;
	border-left: 8vw solid transparent;
	border-right: 8vw solid transparent;
	border-top: 5.333vw solid #3cb4c8;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -16vw;
}
#wrapper .application h4.third_title {
	color: #3cb4c8;
	border: 1px solid #3cb4c8;
	margin: 0 2.667vw;
	font-size: 4.8vw;
	line-height: 10vw;
	letter-spacing: 0.1em;
}
#wrapper .application .method .text {
	margin: 0 5.333vw;
	text-align: left;
	margin-top: 8vw;
	font-size: 4.267vw;
}
#wrapper .application .lower {
}
#wrapper .application .lower .caution {
	border: 1px solid #c8c8c8;
	margin: 8vw 5.333vw 0;
}
#wrapper .application .lower .caution dl {
}
#wrapper .application .lower .caution dl dt.left {
	color: #a0a0a0;
	font-size: 4.267vw;
	line-height: 3.125;
}
#wrapper .application .lower .caution dl dd.right ul {
	text-align: left;
	margin: 0 5.333vw 5.333vw;
}
#wrapper .application .lower .caution dl dd.right ul li {
	font-size: 3.2vw;
	line-height: 1.667;
}
#wrapper .application .follow_us .sub_title {
	display: block;
	margin-top: 10.667vw;
	font-size: 3.7333vw;
	line-height: 1;
	font-family: "Amiri", serif;
}
#wrapper .application .follow_us .icon_list {
	display: flex;
	margin: 5.333vw auto 0;
	width: 45.6vw;
	justify-content: space-between;
	align-items: center;
}
#wrapper .application .follow_us .icon_list li {
	font-size: 3.733vw;
}
#wrapper .application .follow_us .icon-instagram a::after {
	content: "\f16d";
	font-size: 8vw;
}
#wrapper .application .follow_us .icon-twitter a::after {
	content: "\e902";
	font-size: 10.667vw;
}
#wrapper .application .follow_us .icon-facebook a::after {
	content: "\e901";
	font-size: 10.667vw;
}
#wrapper .application .follow_us .icon-line a::after {
	content: "\e900";
	font-size: 10.667vw;
}
/* * * * * * .agreement * * * * * */
#wrapper .agreement {
	margin: 2.667vw 0 10.667vw;
}
#wrapper .agreement .rule {
	background: #fff;
	border-radius: 0.8vw;
}
#wrapper .agreement .main {
	padding: 0;
}
#wrapper .agreement .rule .name {
	font-size: 4.267vw;
	font-weight: 600;
	color: #50505a;
	line-height: 13.333vw;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
#wrapper .agreement .rule .name:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1vw;
	right: 6.667vw;
	width: 2vw;
	height: 2vw;
	border: 1px solid #5e5d5f;
	border-left: none;
	border-bottom: none;
	transform: rotate(135deg);
}
#wrapper .agreement .rule .open:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -1vw;
	right: 6.667vw;
	width: 2vw;
	height: 2vw;
	border: 1px solid #5e5d5f;
	border-right: none;
	border-top: none;
	transform: rotate(135deg);
}
#wrapper .agreement .rule .text {
	word-wrap: break-word;
	display: none;
	padding: 6.667vw 4vw;
	text-align: left;
	background: #fff;
}
#wrapper .agreement .rule .text hr {
	height: 1px;
	border: 0;
	border-top: 1px dotted #50505a;
	margin: 1em 0;
}
#wrapper .agreement .rule .text span.blue {
	color: #3cb4c8;
}
#wrapper .agreement .rule .text span.green {
	color: #50be3c;
}
#wrapper .agreement .rule .text a.close {
	text-decoration: underline;
	font-weight: bold;
	display: block;
	margin: 5.333vw auto 0;
	text-align: center;
}
/* * * * * * .agreement02 * * * * * */
#wrapper .agreement02 {
	margin: 7.467vw 0;
}
#wrapper .agreement02 .rule {
	border-top: 1px dashed #a0a0a0;
}
#wrapper .agreement02 .rule .name {
	font-size: 4.267vw;
	font-weight: 600;
	color: #50505a;
	line-height: 13.333vw;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	margin-top: 4.8vw;
}
#wrapper .agreement02 .rule .text {
	word-wrap: break-word;
	text-align: left;
	background: #fff;
	margin-top: 4.8vw;
}
#wrapper .agreement02 .rule .text hr {
	height: 1px;
	border: 0;
	border-top: 1px dashed #a0a0a0;
	margin: 1em 0;
}
#wrapper .agreement02 .rule .text span.blue {
	color: #3cb4c8;
}
#wrapper .agreement02 .rule .text span.green {
	color: #50be3c;
}
#wrapper .agreement02 .rule .text a.close {
	text-decoration: underline;
	font-weight: bold;
	display: block;
	margin: 5.333vw auto 0;
	text-align: center;
}
/* * * * * * .btn * * * * * */
#wrapper .application .btn {
	margin-top: 6.667vw;
}
#wrapper .application.add .btn {
	margin-top: 6.667vw;
}
#wrapper .application .btn a {
	height: 13.333vw;
	line-height: 13.333vw;
	color: #fff;
	background: #cccccc;
	margin: 0 5.333vw;
}
#wrapper .application .btn a:before {
	background: #55acee;
	border-bottom: 5px solid #cccccc;
	border-radius: 0.8vw;
}
#wrapper .application .btn a:after {
	margin-top: -1.0667vw;
	right: 5.333vw;
	width: 2.133vw;
	height: 2.133vw;
	border-color: #fff;
}
#wrapper .application .btn a.add:after {
	display: none;
}
#wrapper span.icon-twitter::before {
	content: "\e902";
	color: #55acee;
	background: #fff;
	position: absolute;
	padding: 2vw;
	font-size: 8vw;
	top: 0.8vw;
	left: 0.8vw;
	border-radius: 0.533vw;
	width: 8vw;
}
/* * * * * * * *
.top.expiration
* * * * * * * */
#wrapper.top.expiration .area_02 {
    background-repeat: repeat;
    padding: 8vw 0;
    /*border-top: 1px solid #ccc;*/
    background: #e7e7e7;
    color: #000;
	font-size:12px;
}
#wrapper.top.expiration .lead {
	font-size:5vw;
	font-family: "游明朝", YuMincho, serif;
	position: relative;
	color: #3cb4c8;
}
#wrapper.top.expiration .comments {
	font-size: 3.733vw;
	margin-top: 5.333vw;
}
#wrapper.top.expiration .area_03 {
	background-color: #8ccde1;
}
#wrapper.top.expiration .area_03 .btn a {
	color: #3cb4c8;
}
#wrapper.top.expiration .area_03 .btn a::before {
	background: #fff;
}
#wrapper.top.expiration .area_03 .btn a::after {
	border-color: #3cb4c8;
}
#wrapper .follow_us .sub_title {
	display: block;
	margin-top: 10.667vw;
	font-size: 3.7333vw;
	line-height: 1;
	font-family: "Amiri", serif;
}
#wrapper .follow_us .icon_list {
	display: flex;
	margin: 5.333vw auto 0;
	width: 45.6vw;
	justify-content: space-between;
	align-items: center;
}
#wrapper .follow_us .icon_list li {
	font-size: 3.733vw;
}
#wrapper .follow_us .icon-instagram a::after {
	content: "\f16d";
	font-size: 8vw;
}
#wrapper  .follow_us .icon-twitter a::after {
	content: "\e902";
	font-size: 10.667vw;
}
#wrapper  .follow_us .icon-facebook a::after {
	content: "\e901";
	font-size: 10.667vw;
}
#wrapper  .follow_us .icon-line a::after {
	content: "\e900";
	font-size: 10.667vw;
}
	
#wrapper h2{
	font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin:60px 0 20px 0;
	height:22px;
	padding:15px 0;
	background: #ebd6d9	;
	color:#5d5f5e;
	font-weight:normal;
	font-size:20px;
	line-height: 1;
}
	
.schedule_pink{
	position:relative;
	width:100%;
	height:280px;
	margin:0 0 30px 0;
	border: 1px solid #d99f9e;	
    background-color:#ffffff;
}
	
.schedule_gray{
	position:relative;
	width:100%;
	height:280px;
	margin:0 0 30px 0;
	border: 1px solid #b3b3b3;	
    background-color:#ffffff; 
}


.pink_day{
	position:absolute;
	top: 0;
	left:0;
	width:35px;
	height:180px;
	padding:100px 0 0 0;
    background-color:#d99f9e; 
}
	
.gray_day{
	position:absolute;
	top: 0;
	left:0;
	width:35px;
	height:180px;
	padding:100px 0 0 0;
    background-color:#b3b3b3; 
}
	
.pink_title{
	font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	position:absolute;
	top: 8px;
	left:45px;
	width:300px;
	height:100px;
	padding:0 0 0 7px;
    color:#eb5d5c;
	text-align:left;
	background-image: url(../img/bg_schedule_tit.png) ;
	background-repeat: no-repeat;
	font-size:18px;
	font-weight:bold;
	line-height: 150%;
}

.salon_logo{
	position:absolute;
	width:80px;
	top: 80px;
	left:55px;	
	text-align:left;
}
	

	
.stylist_center{
	position:absolute;
	width:100px;
	height:auto;
	top: 65px;
	left:50%;	
	text-align:left;
}
	
.stylist_left{
	position:absolute;
	width:100px;
	height:160px;
	top: 65px;
	left:45%;	
	text-align:left;
}
	
.stylist_right{
	position:absolute;
	width:100px;
	height:160px;
	top: 65px;
	left:70%;	
	text-align:left;
}
	
.stylist01{
	position:absolute;
	width:70px;
	height:auto;
	top: 65px;
	left:38%;	
	text-align:left;
}
	
.stylist02{
	position:absolute;
	width:70px;
	height:auto;
	top: 65px;
	left:58%;	
	text-align:left;
}
	
.stylist03{
	position:absolute;
	width:70px;
	height:auto;
	top: 65px;
	left:78%;
	text-align:left;
}
	
.schedule_time{
	position:absolute;
	width:120px;
	top: 8px;
	right:10px;	
	text-align:right;
	font-size:14px;
	line-height: 160% ;
	font-size: 14px;
}	

	
.schedule_info{
	font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	position:absolute;
	width:85%;
	top: 160px;
	left:45px;	
	text-align:left;
	font-size:12px;
	line-height: 150%;
	letter-spacing: normal;
}	
	
	
	
.schedule_list ul{
     margin:0 0 30px 0;
}

.schedule_list li{
     margin:0 0 10px 0;
}
	
.bnr{
     text-align:center;	
     margin:0 0 30px 0;
}
	
.bnr2{
     text-align:center;	
     margin:0 0 30px 0;
}
	
.presentform{
	margin:0 0 60px 0;
	padding:20px 10px;
	background-color: #ffffff;
	border: 1px solid #cccccc; 
}
	
.newitems{
  width: 100%; 
  margin:0 0 60px 0;
}

.newitems_bloc{
  width: 100%; 
    padding: 0; 
}

.newitems_photo{
  width: 100%; 
  text-align:center;
}
.newitems_photo img{
  width: 120px; 
  text-align:center;
}
	
.newitems_text{
  padding:40px 20px 40px 20px;
  width: 90%; 
  vertical-align:top; 
  background: #ffffff;
  border: 1px solid #cccccc; 
}
	
.newitems_text p{
  font-size:12px;
  color:#555;
  text-align:left;
}
	
.newitems_text span{
	font-size:12px;
}
	
.newitems_bloc dl dt{
   text-align:left;
	font-size:24px;
	line-height: 1;
}
	
.newitems_bloc dl dd{
   text-align:left;
	font-size:16px;
	margin:0 0 20px 0;
}
	
.attention{
	font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:12px;	
	line-height: 1.5;
}
	
.link_bnr{
	margin:60px 0;
	text-align:center;
}
	
.link_bnr>div{
	display:inline-block;
	padding:10px;
}
	
	
}

/*----------------------------------------------------------
   common layout
----------------------------------------------------------*/
#l-wrap {
	overflow: hidden;
}
section {
	position: relative;
	display: block;
}
section::after {
	clear: both;
	content: '';
	display: block;
}
.inner {
	position: relative;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5%;
	padding-left: 5%;
	box-sizing: border-box;
	text-align: left;
}
.inner *,
.header-inner * {
	box-sizing: border-box;
}

@media screen and (min-width: 992px) {
	#l-wrap .inner {
		max-width: 1280px;
		padding-right: 50px;
		padding-left: 50px;
	}
}

/* aside
----------------------------------------------------------*/
#l-aside {
	height: 50px;
	margin-top: 2.14em;
	background-color: rgba(251, 228, 226, .2);
	text-align: center;
}
#l-aside dt {
	display: none;
}
#l-aside dd ul {
	line-height: 50px;
	text-align: center;
}
#l-aside dd li {
	display: inline-block;
	font-size: 1.14em;
	font-weight: 600;
}
#l-aside dd li+li {
	padding-left: 2em;
}
#l-aside dd li a::after {
	bottom: 1em;
}

@media screen and (min-width: 992px) {
	#l-aside {
		margin-top: 70px;
	}
	#l-aside #ft-sns {
		text-align: center;
	}
	#l-aside dd {
		display: inline-block;
	}
	#l-aside dt,
	#l-aside dd li {
		display: inline-block;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 2px;
	}
	#l-aside dt {
		padding: 0 2.5em 0 3em;
		font-weight: normal;
	}
	#l-aside dd li+li {
		padding-left: 2.8em;
	}
	#l-aside dd li a::after {
		bottom: .7em;
	}
	#l-aside dd li.sns-li {
		display: none;
	}
}


/* footer
----------------------------------------------------------*/
#ft-menu {
	position: relative;
	padding: 18px 0 95px;
	background-color: rgba(235, 214, 217, .4);
}
#ft-menu::after {
	clear: both;
	content: '';
	display: block;
}
#ft-menu::before {
	position: absolute;
	content: '';
	display: block;
	bottom: 0;
	right: 18px;
	width: 100%;
	height: 60px;
	background: transparent url('/mm-life/images/common/logo_w.svg') no-repeat 100% 100%;
	background-size: 228px 60px;
}
#ft-menu ul.link-line>li {
	float: left;
	width: 40%;
}
#ft-menu ul.link-line>li:first-child,
#ft-menu ul.link-line>li:last-child {
	width: 100%;
}
#ft-menu ul.link-line li {
	padding: .4em 0 .5em;
}

#l-footer .copy {
	padding: 8px 0 16px;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, sans-serif;
	text-align: center;
	background: #ffffff;
}

#totop {
	z-index: 200;
	position: fixed;
	right: 20px;
	bottom: 20px;
}
#totop a {
	text-indent: -9999px;
	display: block;
	min-width: 40px;
	min-height: 40px;
	width: 5.33vw;
	height: 5.33vw;
	background-color: rgba(235, 214, 217, .9);
	border-radius: 50%;
}
#totop a::after {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	margin-top: -2px;
	margin-left: -6px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#totop a:hover {
	opacity: .7;
}

@media screen and (min-width: 768px) {
	#ft-menu {
		padding: 8px 0 30px;
	}
	#ft-menu::before {
		right: 40px;
	}
	#ft-menu ul.link-line {
		display: table;
		margin: 0 auto;
	}
	#ft-menu ul.link-line>li {
		float: none;
		display: table-cell;
		width: 200px;
		white-space: nowrap;
		font-size: 14px;
	}
	#ft-menu ul.link-line>li:first-child,
	#ft-menu ul.link-line>li:last-child {
		width: 200px;
	}
	#ft-menu ul.link-line li {
		padding: .5em 0 .5em;
	}
	#l-footer .copy {
		padding: 2px 40px 70px;
		font-size: 11px;
		text-align: right;
	}
	#totop {
		right: 40px;
		bottom: 40px;
	}
	#totop a {
		width: 50px;
		height: 50px;
	}
}

/*----------------------------------------------------------
   module
----------------------------------------------------------*/
.image img,
.photo img,
figure img { width: 100%; height: auto;}

.skip { position: absolute; left: -9999px;}

.clear { clear: both;}
.cf::after { clear: both; content: ''; display: block;}
.txtr { text-align: right;}
.txtc { text-align: center;}

.sp01 { margin-top: .5em;}
.sp02 { margin-top: 1em;}
.sp03 { margin-top: 1.5em;}
.sp04 { margin-top: 2em;}
.sp05 { margin-top: 2.5em;}

ul.bullet { padding-left: 1.2em;}
ul.bullet li { list-style-type: disc;}

.instagram-media {
	min-width: auto !important;
}

/* link
----------------------------------------------------------*/
a.link-line, .link-line a,
a.link-line2, .link-line2 a {
	position: relative;
	display: inline-block;
}
a.link-line::after, .link-line a::after,
a.link-line2::after, .link-line2 a::after {
	position: absolute;
	content: '';
	bottom: .3em;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #333;
	opacity: 0;
}
a.link-line:hover::after, .link-line a:hover::after,
a.link-line2::after, .link-line2 a::after {
	opacity: 1;
}
a.link-line2:hover::after, .link-line2 a:hover::after {
	opacity: 0;
}

.link-ar a {
	position: relative;
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	text-decoration: none;
}
.link-ar a::before {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
	right: 3px;
	width: .5em;
	height: .5em;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.link-ar a::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #333;
	opacity: 0;
}
.link-ar a:hover::after {
	opacity: 1;
}

a.link-block {
	position: relative;
	display: inline-block;
}