@charset "utf-8";

/*-------------------
   clearfix
-------------------*/
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

/*-------------------
   common
-------------------*/
.wrapper {
	font: 1.0em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	letter-spacing: .1em;
	padding: 0 0;
	position: relative;
}

.wrapper * {
	box-sizing: border-box;
}

.wrapper a {
	color: inherit;
}

.wrapper img {
	height: auto;
	max-width: 100%;
}

#container .flex {
	align-items: flex-start;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding-top: 15px;
}

/*ブレイクポイントのルール*/
/* -スマホ基本設計 解像度に依存しない-
 *350pxまで：SP縦 i5 SE
 *350px〜480px：SP縦 i6-8　****一番重要****
 *480px〜960px：SP横からタブレット
 *960px〜小型PC　大型PC
 
/*  全体指定 スマホ縦 i5 i5SE　350pxまで  */
/*-- 画面外にいる状態 --*/
.fadein {
	opacity: 0;
	transform: translate(0, 30px);
	transition: ease-in 400ms;
}

/*-- 画面内に入った状態 --*/
.fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}

/*-------------------
   mainvisual
-------------------*/
#container .fv_pc { 
	display: none !important;
}

#container .fv_sp {
	display: block !important;
}

#container .title-desc {
	font: 0.9rem/1.6 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*-------------------
   video
-------------------*/
#container .video_block {
	align-items: flex-start;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding-top: 15px;
}

#container .video_block .video_left {
	margin: 0 auto;
	padding-bottom: 10px;
}
#container .video_block .video_right {
	margin: 0 auto;
}

/*-------------------
   movie
-------------------*/
#container .movie{
	margin: 0 auto;
	width: 90%;
}
#container .movie iframe{
	width: 100%;
}

/*-------------------
   nav
-------------------*/
#container nav {
	margin: 5% auto 10%;
	width: 92%;
}
#container nav li {
	margin: 0 2% 3%;
	text-align: center;
	width: 46%;
}
#container nav li a {
	display: block;
	font: 1.1rem/1.3 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	padding: 5% 5% 12%;
	position: relative;
}
#container nav li a span {
	display: block;
	font-size: 0.9rem;
}
#container nav li a::after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -8px;
	left: 40%;
	border: 15px solid transparent;
}
/* エステ */
#container nav .link-esthe a {
	border: solid 2px #e5b26e;
	color: #e5b26e;
}
#container nav .link-esthe a::after {
	border-top: solid 6px #e5b26e;
}
/* 備品 */
#container nav .link-equipment a {
	border: solid 2px #947f28;
	color: #947f28;
}
#container nav .link-equipment a::after {
	border-top: solid 6px #947f28;
}
/* 機器 */
#container nav .link-machine a {
	border: solid 2px #64c096;
	color: #64c096;
}
#container nav .link-machine a::after {
	border-top: solid 6px #64c096;
}
/* ネイル */
#container nav .link-nail a {
	border: solid 2px #c17796;
	color: #c17796;
}
#container nav .link-nail a::after {
	border-top: solid 6px #c17796;
}
/* まつげ */
#container nav .link-matsuge a {
	border: solid 2px #736594;
	color: #736594;
}
#container nav .link-matsuge a::after {
	border-top: solid 6px #736594;
}
/* デモ */
#container nav .link-demo a {
	border: solid 2px #947f28;
	color: #947f28;
}
#container nav .link-demo a::after {
	border-top: solid 6px #947f28;
}
/* SNS */
#container nav .link-sns a {
	border: solid 2px #43A0DE;
	color: #43A0DE;
}
#container nav .link-sns a::after {
	border-top: solid 6px #43A0DE;
}
/*
#container nav .link-shinkyu a {
	border: solid 2px #a0b476;
	color: #a0b476;
}

#container nav .link-shinkyu a::after {
	border-top: solid 6px #a0b476;
}*/

#container .icon-special {
	background-color: #947f28;
	border: solid 1px #947f28;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 3px 3px;
}

#container .icon-esthe {
	background-color: #e5b26e;
	border: solid 1px #e5b26e;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 3px 3px;
}

#container .icon-nail {
	background-color: #c17796;
	border: solid 1px #c17796;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 3px 3px;
}

#container .icon-matsuge {
	background-color: #736594;
	border: solid 1px #736594;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 3px 3px;
}
/*
#container .icon-machine {
	background-color: #64c096;
	border: solid 1px #64c096;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 3px 3px;
}

#container .icon-shinkyu {
	background-color: #a0b476;
	border: solid 1px #a0b476;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 3px 3px;
}*/

/*-------------------
   sec0
-------------------*/
#container .sec0 .caution-box {
	border: solid 2px #de2e86;
	margin: 0 auto;
	padding: 5%;
	width: 90%;
}

#container .sec0 .caution-box p {
	font: 1rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	text-align: center;
}

#container .sec0 .caution-box h2 {
	color: #de2e86;
	font: 1.2rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	text-align: center;
}

#container .sec0 .caution-box dt {
	background: #ffcdd8;
	font: 1rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 5% 0 0;
	padding: 3%;
}

#container .sec0 .caution-box dd {
	font: 0.9rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 3% 0 0;
}

#container .sec0 .caution-box .caution-last {
	color: #de2e86;
	font: 1.2rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 5% 0;
	text-align: center;
}

/* 続きを読む */
#container .sec0 .caution-box .grad-wrap {
	position: relative;
}

#container .sec0 .caution-box .grad-btn {
	background: #666;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	margin: auto;
	padding: 2.5% 0;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	transition: .2s ease;
	width: 180px;
	z-index: 2;
}

#container .sec0 .caution-box .grad-btn::before {
	content: "もっと見る▼"
}

#container .sec0 .caution-box .grad-item {
	height: 50px;
	/*隠した状態の高さ*/
	position: relative;
	overflow: hidden;
	padding: 0 0 8%
}

#container .sec0 .caution-box .grad-item::before {
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, #fff 100%);
	content: "";
	display: block;
	height: 90px;
	/*グラデーションで隠す高さ*/
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#container .sec0 .caution-box .grad-trigger {
	display: none;
	/*チェックボックスは常に非表示*/
}

#container .sec0 .caution-box .grad-trigger:checked~.grad-btn::before {
	content: "閉じる"
		/*チェックされていたら、文言を変更する*/
}

#container .sec0 .caution-box .grad-trigger:checked~.grad-item {
	height: auto;
	/*チェックされていたら、高さを戻す*/
}

#container .sec0 .caution-box .grad-trigger:checked~.grad-item::before {
	display: none;
	/*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/*--特集ページはこちら--*/
#container .lplink-btn {
	border: solid 2px #947f28;
	border-radius: 50px;
	color: #947f28;
	font: bold 1rem/2.8 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	position: relative;
	text-decoration: none;
	text-align: center;
	width: 90%;
}

#container .lplink-btn {
	margin: 3% auto 18%;
}

#container .lplink-btn:hover {
	background-color: #947f28;
	color: #fff;
}

#container .lplink-btn a:hover {
	color: #fff;
	display: block;
}

#container .lplink-btn:hover {
	background-color: #947f28;
	color: #fff;
}

/*-------------------
   共通
-------------------*/

#container section {
	border: 1px solid #eeeeee;
	margin: 3% 2%;
	letter-spacing: -.2px;
	padding: 2%;
}

#container h2 {
	font: 1.3rem/1.5 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	text-align: center;
	margin: 0 0;
	padding: 4px;
}

#container .sec-title {
	background-color: #eeeeee;
}
/* 中止のお知らせ */
#container .cancel{
	color: #F00;
	font: bold 0.9rem/1.6 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 5% auto 0;
	width: 90%;
}
#container .cancel dt{
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}
#container .cancel dd{
	margin-top: 2%;
}
#container .cancel dd .pc-only{
	display: none;
}
#container .cancel dd a{
	display: block;
	margin-top: 2%;
	text-align: right;
}

#container #booth-esthe {
	border: 1px solid #e5b26e;
}

#container #booth-esthe h2 {
	background-color: #e5b26e;
	color: #ffffff;
}
#container #booth-equipment {
	border: 1px solid #947f28;
}

#container #booth-equipment h2 {
	background-color: #947f28;
	color: #FFF;
}
#container #booth-demo {
	border: 1px solid #947f28;
}

#container #booth-demo h2 {
	background-color: #fffbd5;
	color: #947f28;
}
#container #booth-nail {
	border: 1px solid #c37796;
}

#container #booth-nail h2 {
	background-color: #c37796;
	color: #ffffff;
}

#container #booth-matsuge {
	border: 1px solid #706895;
}

#container #booth-matsuge h2 {
	background-color: #706895;
	color: #ffffff;
}

#container #booth-sns {
	border: 1px solid #43A0DE;
}

#container #booth-sns h2 {
	background-color: #43A0DE;
	color: #ffffff;
}

#container #booth-machine {
	border: 1px solid #64c096;
}

#container #booth-machine h2 {
	background-color: #64c096;
	color: #ffffff;
}

#container #booth-shinkyu {
	border: 1px solid #a0b476;
}

#container #booth-shinkyu h2 {
	background-color: #a0b476;
	color: #ffffff;
}

#container h3 {
	border-bottom: solid 2px #947f28;
	font: 1.1rem/1.5 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 10% auto 5%;
	padding: 0 0 1%;
	width: 90%;
}

#container h3 .point-no {
	color: #947f28;
	margin: 0 2% 0 0;
}

#container h4 {
	border-left: solid 6px #947f28;
	color: #947f28;
	font: 1.2rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 8% auto 3%;
	padding: 0 0 0 2%;
	width: 90%;
}

#container .kome {
	font-size: 0.1em;
	vertical-align: top;
	margin-right: 5px;
}

#container .left,
#container .right,
#container .center {
	margin: 0 auto;
	width: 90%;
}

#container .box-txt {
	font: 0.9rem/1.6 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
}

#container .box-txt-solo {
	margin: 0 auto 10px;
	font: 0.9rem/1.6 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
}

#container .box-txt a {
	display: inline-block;
	text-decoration: underline;
}

#container .color-red {
	color: #F00;
	font: bold 1.1rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
}

#container .right .box-pht {
	display: block;
	margin: 5% auto 0;
	width: 100%;
}

#container .point-about {
	margin: 0 auto;
	width: 90%;
}

#container .point-about dt {
	font: bold 1rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 5% 0 0;
}

#container .point-about dt::before {
	content: "■";
	font-size: 0.9rem;
}

#container .point-about dd {
	font: 0.9rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 3% 0 0;
}

#container .left .point-about {
	margin: 0 0 5%;
	width: 100%;
}

#container .left .point-about dt {
	margin: 10px 0;
}

#container .res a {
	border: solid 2px #e37c7c;
	color: #e37c7c;
	display: inline-block;
	font: 1rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	padding: 3% 6% 3% 3%;
	position: relative;
}

#container .res a::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #e37c7c;
	border-right: solid 2px #e37c7c;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 39%;
	right: 5%;
	margin-top: 0px;
}

#container .sub-box li,
#container .sub-box2 li {
	margin: 5% auto 0;
	width: 90%;
}

#container .sub-box li img,
#container .sub-box2 li img {
	display: block;
	margin: 0 auto 3%;
	width: 100%;
}

#container .point1-video {
	margin: 5% auto 0;
	width: 100%;
}

#container .sub-box2 h3 {
	border: none;
	color: #947f28;
	font: 1.3rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 5% auto 3%;
	padding: 0;
	text-align: center;
	width: 100%;
}

/*-------------------
   スケジュール
-------------------*/
#container .cosme-day {
	font-size: 1.2rem;
	margin: 5% auto 3%;
	padding: 2%;
	background-color: #eeeeee;
}

#container .cosme-day1 {
	background: #d9ebd2;
}

#container .cosme-day2 {
	background: #fff3ca;
}

#container .cosme-day3 {
	background: #cee1f4;
}

#container .demo-cosme .name-day2 {
	border-left: solid 6px #f1d987;
}

#container .demo-cosme .name-day3 {
	border-left: solid 6px #9ec6ee;
}

#container .schedule .day2 th {
	background: #fff3ca;
}

#container .schedule .day3 th {
	background: #cee1f4;
}

#container .schedule table {
	border: solid 1px #d9d9d9;
	margin: 5% auto 0;
	width: 80%;
}

#container .schedule table th,
#container .schedule table td {
	border: none;
	font: 1rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	padding: 3%;
	text-align: center;
}

#container .schedule table th {
	font-weight: bold;
}

#container .schedule th {
	background: #eeeeee;
}

#container .res-period {
	color: #e37c7c;
	font: 1.3rem/1.3 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 5% 0 0;
	text-align: center;
}

#container .site-machine {
	color: #80c269;
	font: 1.3rem/1.3 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	text-align: center;
}

#container .site-desc {
	font: 0.9rem/1 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 0 0 5%;
	text-align: center;
}

/*-------------------
   化粧品デモ詳細
-------------------*/
#container .cosme,
#container .cosme,
#container .cosme {
	font: bold 1rem/1.1 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 8% auto 5%;
	padding: 2%;
	text-align: center;
	width: 90%;
	background-color: #fff3ca;
}

#container .demo-cosme .name-day {
	border-left: solid 6px #dddddd;
}

#container .demo-cosme {
	margin: 0 auto;
	width: 95%;
}

#container .demo-cosme li {
	margin: 0 auto 8%;
	width: 100%;
}

#container .demo-cosme .cosme-name {
	font: 1rem/1.3 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	padding: 1% 2%;
}

#container .demo-cosme dt {
	border-bottom: dashed 1px #666;
	font: bold 1.1rem/1.3 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 0 0 3%;
	padding: 0 0 3%;
}

#container .demo-cosme dt span {
	display: block;
	font-size: 0.9rem;
	font-weight: bold;
	line-height: 1.3rem;
}

#container .demo-cosme dd {
	font: 0.9rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
}

/*-------------------
   ネイルフォーラム
-------------------*/
#container .nailforum {
	border-top: solid 5px #999999;
	border-bottom: solid 5px #999999;
	margin: 15% 0 5%;
	padding: 5%;
}

#container .nailforum .same-time {
	background: #de2e86;
	border-radius: 8px;
	color: #FFF;
	display: block;
	font: 1rem/2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 0 auto;
	padding: 0 3%;
	text-align: center;
	width: 35%;
}

#container .nailforum h2 {
	font: bold 1.5rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 3% 0;
	text-align: center;
}

#container .nailforum .nail-time {
	font: 1rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	text-align: center;
}

/*-------------------
   まつげブース
-------------------*/
#container .matsuge-title {
	border-top: solid 5px #999999;
	border-bottom: solid 5px #999999;
	margin: 15% 0 5%;
	padding: 5%;
}

#container .matsuge-title h2 {
	font: bold 1.5rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 3% 0;
	text-align: center;
}

#container .matsuge-title .matsuge-time {
	font: 1rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	text-align: center;
}

/*-------------------
   イベント情報
-------------------*/
#container .event-title {
	border: none;
	font-size: 1.3rem;
	line-height: 1.8rem;
	padding: 0;
	text-align: center;
}

#container .event-detail li {
	font: 1.1rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 0 0;
	padding: 0;
	text-align: center;
}

#container .event-detail .minibox {
	border: solid 1px #de2e86;
	color: #de2e86;
	display: block;
	font: 1.1rem/1.2 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	text-align: center;
	margin: 5% auto 3%;
	padding: 1.5% 0;
	width: 70%;
}

#container .map img {
	display: block;
	margin: 5% auto;
	width: 90%;
}

#container .visit-main {
	color: #de2e86;
	font: 1.2rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	text-align: center;
	width: 90%;
}

#container .visit-txt {
	font: 0.9rem/1.4 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	margin: 0 auto;
	width: 90%;
}

@media screen and (min-width:350px) and (max-width:480px) {
	#container .res-btn a {
		display: block;
	}

	#container .site-btn a {
		display: block;
	}

	#container .visit-btn a {
		display: block;
		width: 90%;
	}

	/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
	#container .mainvisual {
		background-size: 100%;
	}

	#container .toptitle-box {
		margin: 0 0 60px;
	}

	#container .toptitle-box .headtitle {
		font-size: 1.5rem;
	}

	#container .toptitle-box .booth {
		font-size: 1.2rem;
	}

	#container .toptitle-box .time {
		font-size: 1.1rem;
	}

	#container .box-txt-solo {
		margin: 0 20px 20px;
		font: 0.9rem/1.6 'Ubuntu', "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, "遊ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'ＭＳ ゴシック', sans-serif;
	}
}

@media screen and (min-width:480px) and (max-width:960px) {

	/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
	/*--特集ページはこちら--*/
	#container .lplink-btn {
		font-size: 1.2rem;
		line-height: 2.8;
		margin: 2% auto 10%;
	}

	#container .lplink-btn {
		width: 70%;
	}

	/*-------------------
   ボタン
-------------------*/
	#container .res-btn a,
	#container .visit-btn a,
	#container .site-btn a {
		font-size: 1.3rem;
		letter-spacing: -0.05rem;
		line-height: 1.3rem;
		margin: 3% auto 8%;
		padding: 3% 2%;
		width: 80%;
		display: block;
	}

	#container .site-btn a {
		margin: 3% auto 3%;
	}

	/*--ボタン-やじるし--*/
	#container .res-btn a::after,
	#container .visit-btn a::after,
	#container .site-btn a::after {
		width: 10px;
		height: 10px;
	}

	/*-------------------
   mainvisual
-------------------*/
#container .fv_pc { 
	display: block !important;
}

#container .fv_sp {
	display: none !important;
}

	#container .toptitle-box {
		padding: 10px 30px 15px 10px;
		position: absolute;
		top: -50px;
		right: 0;
		width: 54%;
	}

	#container .toptitle-box .headtitle {
		font-size: 1.8rem;
	}

	#container .toptitle-box .booth {
		font-size: 1.5rem;
	}

	#container .toptitle-box .time {
		font-size: 1.2rem;
	}

	#container .title-desc {
		font-size: 1.1rem;
		margin: 3% auto;
	}

	/*-------------------
   nav
-------------------*/
	#container nav li a::after {
		bottom: 0px;
		left: 45%;
	}
	#container nav {
		margin: 5% auto 5%;
	}
	/*-------------------
   sec0
-------------------*/
	#container .sec0 .caution-box {
		padding: 3%;
	}

	#container .sec0 .caution-box p {
		font-size: 1.2rem;
	}

	#container .sec0 .caution-box h2 {
		font-size: 1.5rem;
	}

	#container .sec0 .caution-box dt {
		font-size: 1.2rem;
		padding: 2%;
	}

	#container .sec0 .caution-box dd {
		font-size: 1.1rem;
	}

	#container .sec0 .caution-box .caution-last {
		font-size: 1.5rem;
	}

	/* 続きを読む */
	#container .sec0 .caution-box .grad-btn {
		padding: 2% 0;
		font-size: 1.1rem;
	}


	/*-------------------
   共通
-------------------*/
	#container .sec-title {
		font-size: 1.8rem;
	}
/* 中止のお知らせ */
#container .cancel{
	margin: 3% auto 0;
	font-size: 1rem;
}
#container .cancel dt{
	font-size: 1.2rem;
}
#container .cancel dd,
#container .cancel dd a{
	margin-top: 1%;
}
	#container h3 {
		font-size: 1.5rem;
		margin: 5% auto 1%;
	}

	#container h4 {
		font-size: 1.5rem;
		margin: 5% auto 2%;
	}

	#container .box-txt {
		font-size: 1.1rem;
	}

	#container .box-txt a {
		display: inline-block;
		text-decoration: underline;
	}

	#container .right .box-pht {
		margin: 3% auto 0;
	}

	#container .point-about dt {
		font-size: 1.3rem;
		margin: 3% 0 0;
	}

	#container .point-about dt::before {
		font-size: 1.1rem;
	}

	#container .point-about dd {
		font-size: 1.1rem;
		margin: 2% 0 0;
	}

	#container .res {
		font-size: 1.3rem;
		padding: 2%;
	}

	#container .sub-box,
	#container .sub-box2 {
		width: 94%;
	}

	#container .sub-box li,
	#container .sub-box2 li {
		margin: 5% 2% 0;
		width: 46%;
	}

	#container .sub-box2 h3 {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	/*-------------------
   スケジュール
-------------------*/
	#container .schedule {
		width: 94%;
	}

	#container .schedule table {
		margin: 5% 2% 0;
		width: 46%;
	}

	#container .schedule table th,
	#container .schedule table td {
		font-size: 1.2rem;
	}

	#container .res-period {
		font-size: 1.3rem;
		letter-spacing: -0.05rem;
		margin: 3% 0 0;
	}

	#container .res-period br {
		display: none;
	}

	#container .site-machine {
		font-size: 1.3rem;
		line-height: 1.4rem;
		letter-spacing: 0.05rem;
	}

	#container .site-desc {
		font-size: 1.2rem;
	}


	/*-------------------
   化粧品デモ詳細
-------------------*/
	#container .cosme-day {
		font-size: 1.2rem;
		margin: 5% 2% 3%;
		padding: 1%;
		background-color: #eeeeee;
	}

	#container .demo-cosme li {
		margin: 0 2% 4%;
		width: 46%;
	}

	#container .demo-cosme .cosme-name {
		font-size: 1.1rem;
		padding: 0 1.5%;
	}

	#container .demo-cosme dt span {
		font-size: 1rem;
		line-height: 1.8rem;
	}

	/*-------------------
   化粧品デモ詳細
-------------------*/
	#container .cosme-day {
		font-size: 1.2rem;
		margin: 5% auto 3%;
		padding: 1%;
		background-color: fff3ca;
	}

	#container .demo-cosme li {
		margin: 0 2% 5%;
	}

	#container .demo-cosme .cosme-name {
		font-size: 1rem;
		padding: 0.5% 1%;
	}

	#container .demo-cosme dt {
		font-size: 1.2rem;
		margin: 0 0 2%;
		padding: 0 0 2%;
	}

	#container .demo-cosme dt span {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	#container .demo-cosme dd {
		font-size: 1rem;
	}

	/*-------------------
   ネイルフォーラム
-------------------*/
	#container .nailforum {
		background: url(/contents/shop/sevenbeauty/img/freepage/bwj-tokyo2021/nailforum.jpg) top 20px left 60px no-repeat;
		padding: 3% 0 3% 30%;
	}

	#container .nailforum .same-time {
		font-size: 1.2rem;
		margin: 0;
		width: 25%;
	}

	#container .nailforum h2 {
		font-size: 2rem;
		text-align: left;
	}

	#container .nailforum .nail-time {
		font-size: 1.2rem;
		text-align: left;
	}

	/*-------------------
   まつげブース
-------------------*/
	#container .matsuge-title {
		margin: 15% 0 5%;
		padding: 3%;
	}

	#container .matsuge-title h2 {
		font-size: 2.2rem;
		margin: 0 0 1%;
	}

	#container .matsuge-title .matsuge-time {
		font-size: 1.2rem;
	}

	/*-------------------
   イベント情報
-------------------*/
	#container .event-title {
		font-size: 2rem;
	}

	#container .event-title br {
		display: none;
	}

	#container .event-detail {
		margin: 0 auto;
		width: 90%;
	}

	#container .event-detail li {
		font-size: 1.2rem;
		float: left;
		margin: 0 30px 0 0;
		padding: 0 0;
	}

	#container .event-detail .minibox {
		margin: 0 10px 0 0;
		padding: 15px 0;
		width: 10%;
	}

	#container .map img {
		margin: 15% auto 2%;
		width: 80%;
	}

	#container .visit-main {
		font-size: 1.5rem;
	}

	#container .visit-txt {
		font-size: 1.1rem;
		text-align: center;
	}

	#container .box {
		width: 90%;
		margin: 0 auto 40px;
	}

	#container .kome {
		font-size: 0.6em;
		vertical-align: top;
		margin: 0 5px 0 0;
	}

	#container .left,
	#container .right,
	#container .center {
		margin: 0 1%;
		width: 48%;
	}

	#container .center {
		margin: 0 auto;
	}

	#container .right .box-pht {
		margin: 0;
	}
}

@media screen and (min-width: 960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
/*--特集ページはこちら--*/
#container article {
	width: 1040px;
    margin: 0 auto;
}

#container {
	margin: 0 auto;
}

/*-------------------
   ボタン
-------------------*/
#container .res-btn a,
#container .visit-btn a,
#container .site-btn a {
	font-size: 1.3rem;
	margin: 2% auto 5%;
	width: 55%;
	display: block;
}
#container .site-btn a {
	margin: 2% auto 3%;
}

/*-------------------
   mainvisual
-------------------*/
#container .fv_pc { 
	display: block !important;
}
#container .fv_sp {
	display: none !important;
}
#container h1 { 
	background: linear-gradient(#ffffff 80px, #e75da9 80px, #e75da9 30%, #fff 80%);
}
#container h1 img { 
	margin: 0 auto;
}
#container .title-desc {
	margin: 2% auto 1%;
	width: 1040px;
}

/*-------------------
   video
-------------------*/
#container .video_block {
    padding: 30px 10px;
}
#container .video_block .video_left video{
	width: 480px;
}
#container .video_block .video_right video{
	width: 480px;
}

/*-------------------
   movie
-------------------*/
#container .movie{
	margin: 50px auto;
	height: 315px;
	width: 560px;
}
	
/*-------------------
   nav
-------------------*/
	#container nav {
		margin: 0 auto 3%;
		width: 92%;
	}

	#container nav li {
		margin: 0 1% 3%;
		width: 31.3%;
	}

	#container nav li a {
		font-size: 1.3rem;
		font-weight: bold;
	}

	#container nav li a span {
		font-size: 1rem;
	}

	#container nav li a::after {
		bottom: -4px;
		left: 42%;
	}

	/*-------------------
   sec0
-------------------*/
	#container .sec0 .caution-box {
		padding: 3%;
	}

	#container .sec0 .caution-box p {
		font-size: 1.2rem;
		margin: 0 0 0.5%;
	}

	#container .sec0 .caution-box h2 {
		font-size: 1.5rem;
	}

	#container .sec0 .caution-box dt {
		font-size: 1.2rem;
		margin: 3% 0 0;
		padding: 1%;
	}

	#container .sec0 .caution-box dd {
		margin: 1.5% 0 0;
	}

	#container .sec0 .caution-box .caution-last {
		font-size: 1.5rem;
		margin: 3% 0;
	}

	/* 続きを読む */
	#container .sec0 .caution-box .grad-btn {
		padding: 1.5% 0;
		;
	}

	/*-------------------
   共通
-------------------*/
	#container .sec-title {
		font-size: 2rem;
		margin: 0 0;
		padding: 2%;
	}
/* 中止のお知らせ */
#container .cancel{
	margin: 3% auto 0;
}
#container .cancel dt{
	font-size: 1.2rem;
}
#container .cancel dd,
#container .cancel dd a{
	margin-top: 1%;
	text-align: center;
}
#container .cancel dd .pc-only{
	display: inline-block;
}
	#container h3 {
		font-size: 1.4rem;
		margin: 4% auto 2%;
	}

	#container h3 .point-no {
		margin: 0 1% 0 0;
	}

	#container h4 {
		font-size: 1.3rem;
		margin: 5% auto 1.5%;
		padding: 0 0 0 0.5%;
	}

	#container .box {
		width: 90%;
		margin: 0 auto 40px;
	}

	#container .kome {
		font-size: 0.6em;
		vertical-align: top;
		margin: 0 5px 0 0;
	}	

	#container .left,
	#container .right {
		margin: 0 1%;
		width: 48%;
	}

	#container .right .box-pht {
		margin: 0;
	}

	#container .point-about dt {
		font-size: 1.2rem;
		margin: 3% 0 0;
	}

	#container .point-about dt::before {
		font-size: 1rem;
	}

	#container .point-about dd {
		margin: 1% 0 0;
	}

	#container .res a::after {
		content: '';
		width: 7px;
		height: 7px;
		top: 40%;
	}

	#container .sub-box {
		width: 80%;
	}

	#container .sub-box2 {
		width: 92%;
	}

	#container .sub-box li,
	#container .sub-box2 li {
		margin: 5% 2% 0;
		width: 46%;
	}

	#container .point1-video {
		margin: 0 auto;
	}

	/*-------------------
   sec2
-------------------*/
	#container .res-btn a,
	#container .res-btn a {
		margin: 3% auto 0;
	}

	/*-------------------
   スケジュール
-------------------*/
	#container .schedule {
		width: 92%;
	}

	#container .schedule table {
		margin: 3% 1% 0;
		width: 31.3%;
	}

	#container .res-period {
		font-size: 1.3rem;
		margin: 10% 0 0;
	}

	#container .res-period br {
		display: none;
	}

	#container .site-machine {
		font-size: 1.3rem;
		letter-spacing: -0.5px;
		margin: 10% 0 0;
	}

	#container .left .res-btn a,
	#container .right .site-btn a {
		width: 95%;
		display: block;
	}

	/*-------------------
   化粧品デモ詳細
-------------------*/
	#container .cosme-day {
		font-size: 1.2rem;
		margin: 5% 4% 3%;
		padding: 1%;
		background-color: #eeeeee;
	}

	#container .demo-cosme li {
		margin: 0 2% 4%;
		width: 46%;
	}

	#container .demo-cosme .cosme-name {
		font-size: 1.1rem;
		padding: 0 1.5%;
	}

	#container .demo-cosme dt span {
		font-size: 1rem;
		line-height: 1.8rem;
	}

	/*-------------------
   ネイルフォーラム
-------------------*/
	#container .nailforum {
		background: url(/contents/shop/sevenbeauty/img/freepage/bwj-tokyo2021/nailforum.jpg) top 23px left 180px no-repeat;
		margin: 10% 0 0;
		padding: 3% 0 3% 33%;
	}

	#container .nailforum .same-time {
		font-size: 1.1rem;
		margin: 0;
		width: 18%;
	}

	#container .nailforum h2 {
		font-size: 2.5rem;
		margin: 1.5% 0;
		text-align: left;
	}

	#container .nailforum .nail-time {
		font-size: 1.2rem;
		text-align: left;
	}

	/*-------------------
   まつげブース
-------------------*/
	#container .matsuge-title {
		margin: 10% 0 3%;
		padding: 3%;
	}

	#container .matsuge-title h2 {
		font-size: 2.5rem;
		margin: 0 0 1.5%;
	}

	#container .matsuge-title .matsuge-time {
		font-size: 1.2rem;
	}

	/*-------------------
   イベント情報
-------------------*/
	#container .event-title {
		font-size: 1.4rem;
	}

	#container .event-title br {}

	#container .event-detail {
		margin: 0 auto;
		width: 68%;
	}

	#container .event-detail li {
		font-size: 1.3rem;
		float: left;
		letter-spacing: 0.1rem;
		margin: 0 20px 0 0;
		padding: 0 0;
	}

	#container .event-detail .minibox {
		margin: 0 15px 0 0;
		padding: 15px 0;
		width: 10%;
	}

	#container .map img {
		margin: 10% auto 3%;
		width: 70%;
	}

	#container .visit-main {

		font-size: 1.5rem;
	}

	#container .visit-txt {
		text-align: center;
	}
}