@charset "utf-8";
/*-------------------------------------------------------------------

	Top Mv

-------------------------------------------------------------------*/
#mv {
	margin-bottom:3px;
}
#mv > :nth-child(n+2) {
	display: none;
}
#mv.slick-initialized > :nth-child(n+2) {
	display: block;
}
#mv .inner {
  position:relative;
	width: 100%;
  height:100vw;
	box-sizing: border-box;
	overflow: hidden;
}
.mv-text-center {
	position:absolute;
  z-index: 500;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.mv-detail-button a {
  display:inline-block;
  font-size:3.2vw;
  line-height: 1.2;
  text-decoration: none;
  font-weight:600;
  color:#ff6633;
  padding:.8em;
  background-color: rgba(255,255,255,.5);
  border:2px solid #ff6633;
}
.mv-detail-button a::after {
  content: "\f054";
	display: inline-block;
	font-family:"Font Awesome 5 Free";
font-weight: 900;
	margin-left: .5em;
}
#mv-main {
  background:url(/assets/img/mv1_photo_sp.jpg) no-repeat center center;
  background-size:cover;
}
#mv-main > .text {
  background:rgba(236,101,42,.85);
  font-size:12px;
  line-height: 1.5;
  text-align: center;
  color:#FFF;
  width:93.3333%;
  padding:5.7% 0;
}
#mv-main > .text > .en {
  font-size:10px;
  letter-spacing: 1px;
  margin-bottom:.5em;
}
#mv-main > .text > .main {
  font-size:6.4vw;
  margin-bottom:.5em;
}
#mv-main > .text > .main::after {
  content:"";
  display:block;
  width:35px;
  height:1px;
  background-color:#FFF;
  margin:.2em auto 0;
}
#mv-main > .text > :last-child {
  margin-bottom:0;
}
/*mv1*/
#mv-1 {
  background:url(/assets/img/slider/mv1-1_photo_sp.jpg?0315) no-repeat center center;
  background-size:cover;
}
#mv-1 .text {
  padding:0;
  position: relative;
  width:100%;
  height:100%;
}
#mv-1 .text__title {
  display:block;
  text-decoration: none;
  position:absolute;
  bottom:calc(80 / 750 *100vw);
  right:0;
  width:82.6666%;
  box-shadow:0 0 10px 0 rgba(0,0,0,.2);
}

#mv-1b {
  background:url(/assets/img/slider/mv1-1_photo_sp.jpg?0315) no-repeat center center;
  background-size:cover;
}
#mv-1b .text {
  padding:0;
  position: relative;
  width:100%;
  height:100%;
}
#mv-1b .text__title {
  display:block;
  text-decoration: none;
  position:absolute;
  bottom:calc(80 / 750 *100vw);
  right:0;
  width:82.6666%;
  box-shadow:0 0 10px 0 rgba(0,0,0,.2);
}


/*mv2*/
#mv-2 {
  background:url(/assets/img/slider/mv2_photo_sp.jpg) no-repeat center center;
  background-size:cover;
}
#mv-2 .text {
  padding:5.3% 4% 0;
}
#mv-2 .text__lead {
  font-size:5.8vw;
  line-height: 1.3;
  color:#FFF;
  font-weight:600;
  text-shadow:0 0 6px rgba(0,0,0,.4);
  margin-bottom:.3em;
}
#mv-2 .text__mag {
  width:21vw;
  margin-bottom:.5em;
}
#mv-2 .text__small {
  font-size:3vw;
  line-height: 1.3;
  width:11em;
}
/*mv3*/
#mv-3 {
  background:url(/assets/img/slider/mv3_photo_sp.jpg) no-repeat center center;
  background-size:cover;
}
#mv-3 .text {
  padding:8% 4% 0;
}
#mv-3 .text__lead {
  font-size:8.8vw;
  line-height: 1.3;
  color:#8b5821;
  font-weight:400;
  margin-bottom:.6em;
}
#mv-3 .text__small {
  font-size:3vw;
  line-height: 1.5;
  width:14em;
}
/*#mv .inner > a {
	display: block;
	height: 100%;
	margin: 0 auto;
}*/
/*slick*/
.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.slick-dots {
	bottom: 15px;
}
.slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 10px;
}
.slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0;
}
.slick-dots li button:before {
	width: 12px;
	height: 12px;
	content: '';
	opacity: 1;
	background: #DDD;
	border: 1px solid #FFF;
	border-radius: 7px;
}
.slick-dots li.slick-active button:before {
	opacity: 1;
	background: #ec652a;
}

/*-------------------------------------------------------------------
	Mv PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
#mv {
  margin-bottom:40px;
}
#mv .inner {
  height:700px;
  padding-top:113px;
}
.mv-text-center {
  top: 58%;
}
.mv-detail-button a {
  font-size:16px;
}
#mv-main {
  background:url(/assets/img/mv1_photo_pc.jpg) no-repeat center center;
  background-size:cover;
}
#mv-main > .text {
  font-size:22px;
  width:750px;
  padding:38px 0;
}
#mv-main > .text > .en {
  font-size:16px;
}
#mv-main > .text > .main {
  font-size:50px;
}
#mv-main > .text > .main::after {
  width:70px;
  height:2px;
}
/*mv1*/
#mv-1 {
  background:url(/assets/img/slider/mv1-1_photo_pc.jpg) no-repeat center top;
  background-size:cover;
}
#mv-1 .text {
  width:1200px;
  margin:0 auto;
}
#mv-1 .text__title {
  bottom:74px;
  right:0;
  width:627px;
}
  
#mv-1b {
  background:url(/assets/img/slider/mv1-1_photo_pc.jpg) no-repeat center top;
  background-size:cover;
}
#mv-1b .text {
  width:1200px;
  margin:0 auto;
}
#mv-1b .text__title {
  bottom:100px;
  right:0;
  width:627px;
}
/*mv2*/
#mv-2 {
  background:url(/assets/img/slider/mv2_photo_pc.jpg) no-repeat center center;
  background-size:cover;
}
#mv-2 .text {
  width:1000px;
  margin:0 auto;
  padding:60px 0 0 0;
}
#mv-2 .text__lead {
  font-size:46px;
  line-height: 1.3;
  margin-bottom:.6em;
}
#mv-2 .text__mag {
  width:170px;
  float:left;
  margin:0 1em .5em 0;
}
#mv-2 .text__small {
  font-size:20px;
  line-height: 1.5;
  width:auto;
  padding-top:1em;
}
/*mv3*/
#mv-3 {
  background:url(/assets/img/slider/mv3_photo_pc.jpg) no-repeat center center;
  background-size:auto;
}
#mv-3 .text {
  width:1000px;
  margin:0 auto;
  padding:79px 0 0 0;
}
#mv-3 .text__lead {
  font-size:66px;
}
#mv-3 .text__small {
  font-size:20px;
  width:auto;
}
/*slick*/
.slick-dots {
	bottom: 22px;
}
.slick-dots li {
	width: 16px;
	height: 16px;
	margin: 0 16px;
}
.slick-dots li button {
	width: 16px;
	height: 16px;
}
.slick-dots li button:before {
	width: 16px;
	height: 16px;
	border-radius: 9px;
}
}
/*-------------------------------------------------------------------

	Top direct

-------------------------------------------------------------------*/
.top-direct {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	margin:0 4% 10%;
}
.top-direct li {
	width:49.5652%;
}
.top-direct li a {
	position:relative;
	display:block;
	text-decoration: none;
}
.top-direct li figure {
}
.top-direct li .text {
	background-color:#f7f7f7;
	text-align: center;
	padding:1.5em .5em;
	font-size:12px;
}
.top-direct li .text h4 {
	color:#8b5821;
	font-size:22px;
	font-weight:400;
	margin-bottom:.3em;
	letter-spacing: .1em;
}
.top-direct li .text > :last-child {
	margin-bottom:0;
}
.top-direct--s {
  margin:0 0 10%;
}
.top-direct--s li {
	width:32.8%;
}
.top-direct--s li .text {
	font-size:calc(20 / 750 * 100vw);
}
.top-direct--s li .text h4 {
	font-size:calc(34 / 750 * 100vw);
	letter-spacing: .02em;
}
/*-------------------------------------------------------------------
	Top direct PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
.top-direct {
	width:1000px;
	margin:0 auto 80px;
}
.top-direct li {
	width:498px;
}
.top-direct li a img {
	transition: all 0.5s ease-out;
}
.top-direct li a:hover img {
	/*transform: scale(1.1);*/
	-ms-filter: blur(4px);
  filter: blur(4px);
}
.top-direct li figure {
	overflow: hidden;
}
.top-direct li .text {
	position:absolute;
	width:300px;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	background-color:rgba(255,255,255,.8);
	padding:1.5em .5em;
	font-size:16px;
}
.top-direct li .text h4 {
	font-size:40px;
}
.top-direct--s {
  margin:0 auto 80px;
}
.top-direct--s li {
	width:330px;
}
.top-direct--s li .text {
	font-size:16px;
}
.top-direct--s li .text h4 {
	font-size:40px;
}
}
/*-------------------------------------------------------------------

	Top nav

-------------------------------------------------------------------*/
.top-nav {
  margin:0 4% 2em;
}
.top-nav li {
  width:33.3333%;
  box-sizing: border-box;
  border-right:1px solid #ec652a;
  text-align: center;
  line-height: 1.3;
}
.top-nav li:first-child {
  border-left:1px solid #ec652a;
}
.top-nav li a {
  display:block;
  height:100%;
  padding:0 1em 1em;
  font-size:11px;
  text-decoration: none;
}
.top-nav li i,
.top-nav li span {
  display:block;
}
.top-nav li i {
  margin-bottom:.5em;
}
.top-nav__menu {
  color:#ff6633;
  font-size:14px;
  margin-bottom:.5em;
}
/*-------------------------------------------------------------------
	Top nav PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
.top-nav {
  width:1000px;
  margin:0 auto 2em;
}
.top-nav li a {
  font-size:14px;
}
.top-nav__menu {
  font-size:20px;
}
}
/*-------------------------------------------------------------------

	Top pop

-------------------------------------------------------------------*/
.top_popular {
  padding:0 4%;
  margin-bottom:1em;
}
.top_popular nav {
  display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.top_popular nav > a {
  display:block;
  width:33.3333%;
  text-decoration: none;
  text-align: center;
  font-size:9px;
  line-height: 1.5;
  margin-bottom:2em;
}
.top_popular nav > a figcaption {
  padding-top:.5em;
}
/*-------------------------------------------------------------------
	Top pop PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
.top_popular {
  width:1000px;
  padding:0;
  margin:0 auto 1.5em;
}
.top_popular nav > a {
  width:165px;
  margin-left:2px;
  font-size:13px;
}
.top_popular nav > a:nth-child(6n+1) {
  margin-left:0;
}
}
/*-------------------------------------------------------------------

	covid19

-------------------------------------------------------------------*/
.covid19 {
  padding:0 4% 10%;
}
.covid19_inner {
  text-align: center;
}
.covid19_inner a {
  position:relative;
  padding:2.5rem;
  color:#d75378;
  display: block;
  border:1px solid #d75378;
}
.covid19_inner a::after {
  position:absolute;
  content:"\f105";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  display:block;
  top:50%;
  transform: translateY(-50%);
  right:1em;
}

/*-------------------------------------------------------------------
	covid19 PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
.covid19 {
  width:1000px;
  margin:auto;
  padding:0 0 4%;
}
.covid19_inner a {
  padding:2rem;
}
.covid19_inner a::after {
  right:2em;
}
}
/*-------------------------------------------------------------------

	Top info

-------------------------------------------------------------------*/
.top-info {
  padding:0 4% 10%;
}
/*-------------------------------------------------------------------
	Top info PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
.top-info {
  width:1000px;
  margin:auto;
  padding:0 0 4%;
}
}
/*-------------------------------------------------------------------

	Top instagram

-------------------------------------------------------------------*/
.top-instagram {
  margin:0 4% 10%;
	overflow: hidden;
}
/*-------------------------------------------------------------------
	Top instagram PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
.top-instagram {
  width:1000px;
  margin:auto;
  padding:0 0 4%;
}
.top-instagram > iframe {
	width:800px;
  margin:auto;
}
}
/*-------------------------------------------------------------------

	Top twitter

-------------------------------------------------------------------*/
.top-twitter {
  margin:0 4% 10%;
}
.top-twitter_inner {
  width:100%;
  margin:auto;
}
/*-------------------------------------------------------------------
	Top instagram PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
.top-twitter {
  width:1000px;
  margin:auto;
  padding:0 0 4%;
}
.top-twitter_inner {
  width:60%;
}
}
/*-------------------------------------------------------------------

	Common

-------------------------------------------------------------------*/
.top-title {
  border-top:2px solid #DDD;
  padding:1.5em 0 0;
  margin-bottom:1em;
  text-align: center;
  line-height: 1.3;
}
.top-title.is-wide {
	border-top-width:1px;
  padding-top:2.5em;
}
.top-title > i {
  font-style: normal;
  font-size:11px;
  display:block;
  font-family: "Times New Roman", Times, "serif";
  letter-spacing: 2px;
  margin-bottom:.5em;
  font-weight:400;
}
.top-title > span {
  font-size:19px;
}
.top-title.is-monitor {
  border-top-color: #f9d0bf;
  color:#ec652a;
}
.top-title.is-online {
  border-top-color: #cbeee7;
  color:#52c7b1;
}
.top-title.is-treatment {
  border-top:none;
  padding:0;
  color:#ec652a;
  font-size:22px;
}
.top-title.is-pop {
  /*border-top:none;*/
  /*padding:0;*/
  border-top-width:1px;
  color:#8b5821;
  font-size:22px;
}
.top-title.is-none {
  border-top:none;
}
.top-title_sub {
  border-top:2px solid #DDD;
  padding:1em 0 0;
  margin-bottom:1.2em;
  text-align: center;
  line-height: 1.3;
  font-size:15px;
}
.top-title_sub.is-rank {
  border-top-color: #dccdbc;
  color:#8b5821;
}
.top-title_sub.is-info {
   /*border-top-color: #ddd;*/
  border-top:none;
}
.top-title.is-info {
  border-top:none;
  padding:0;
}
.top-monitor-online_main {
  padding:0 4% 7%;
}
.top-monitor-online_sub {
  padding:0 4% 7%;
}
/*-------------------------------------------------------------------
	Common PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
.top-title {
}
.top-title > i {
  font-size:16px;
}
.top-title > span {
  font-size:30px;
}
.top-title.is-online > span {
  font-size:26px;
}
.top-title.is-treatment {
  font-size:36px;
}
.top-title_sub {
  font-size:18px;
}
.top-monitor-online_main {
  padding:0;
}
.top-monitor-online_sub {
  padding:0;
}
}
/*-------------------------------------------------------------------

	Contents

-------------------------------------------------------------------*/
/*monitor*/
#monitor {
  margin-bottom:0;
}
#monitor > :last-child {
  margin-bottom:0;
}
.monitor-block_outer > :last-child {
  margin-bottom:0;
}
.monitor-block {
  line-height: 1.3;
  margin-bottom:2em;
}
.monitor_number {
  color:#d75378;
  font-size:13px;
  margin-bottom:.3em;
}
.monitor_sub-text {
  font-size:13px;
  margin-bottom:.3em;
}
.monitor_main-text {
  font-size:14px;
  font-weight:600;
  margin-bottom:.5em;
}
.monitor_photo {
 margin-bottom:.5em;
}
.monitor_photo span {
  display:block;
  text-align: center;
  background-color:#ece9d8;
 margin-bottom: 1em;
}
.monitor_photo span img{
 width: 100%;
max-width: 300px;
}
.monitor_photo figcaption {
  font-size:13px;
text-align: left;
}
.monitor_button {
  text-align: center;
}
/*online*/
.online_user {
  font-size:13px;
  line-height: 1.3;
  margin-bottom:.4em;
}
.online_q {
  line-height: 1.6;
}
.online_button {
  text-align: center;
}
.top-banner {
  padding:1em;
  border:1px solid #DDD;
}
.top-banner > :last-child {
  margin-bottom:0;
}
/*rank*/
#rank {
  margin-bottom:1.5em;
}
.rank-list li {
  width:47.826%;
  margin-bottom:1.3em;
  text-align: center;
}
.rank-list li a {
  display:block;
  text-decoration: none;
  position: relative;
}
.rank-list li span {
  display:block;
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  padding:.7em .2em;
  box-sizing: border-box;
  background-color:rgba(255,255,255,.8);
  font-size:13px;
  line-height: 1.2;
  font-weight:500;
  color:#ec652a;
}
/*info*/
.info-list {
  font-size:13px;
  line-height: 1.5;
  height:10em;
  overflow:auto;
  padding-right:1em;
}
.info-list dd {
  margin-bottom:1em;
}
.info-list > :last-child {
  margin-bottom:0;
}
/*treatment*/
#treatment {
  background-color:#fbe7db;
}
.treatment_inner {
  padding:8% 4% 6%;
}
.treatment-list {
  font-size:12px;
  line-height: 1.5;
}
.treatment-list > li.single {
  width:47.826%;
  margin-bottom:1.2em;
}
.treatment-list::after{
  content:"";
  display: block;
  width:47.826%;
}
.treatment-list li.single a {
  position: relative;
  padding-bottom:50%;
  display:block;
  text-decoration: none;
  color:inherit;
  box-sizing: border-box;
  width:100%;
  height:100%;
  background-color: #FFF;
}
.treatment-list .title {
  color:#8b5821;
  font-size:13px;
  text-align: center;
  font-weight: 500;
  font-family: "Times New Roman", Times, "serif";
  margin-bottom:.5em;
}
.treatment-list .title span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:15px;
}
.treatment-list .title::before {
  content:"";
  display:block;
  width:35px;
  height:2px;
  background-color:#ec652a;
  margin:0 auto .7em;
}
.treatment-list li .text {
  padding:0 1em;
}
.treatment-list li .photo {
  position: absolute;
  width:100%;
  bottom:0;
  left:0;
}
.treatment-list > li.double {
  width:100%;
  margin-bottom:1.2em;
}
.treatment-list li.double a {
  display:block;
  background-color:#FFF;
  width:47.826%;
  color:inherit;
  text-decoration: none;
}
/*-------------------------------------------------------------------
	Contents PC
-------------------------------------------------------------------*/
@media (min-width: 768px) {
/*monitor*/
.top-monitor-online {
  width:1000px;
  margin:0 auto 30px;
}
.top-monitor-online_main {
  width:710px;
  float:left;
}
.top-monitor-online_sub {
  width:250px;
  float:right;
}
#monitor {
  margin-bottom:1em;
}
.monitor-block_outer {
  display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.monitor-block {
  width:345px;
  margin-bottom:0;
  position:relative;
  padding-bottom:3em;
}
.monitor-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.monitor_number {
  font-size:14px;
  margin-bottom: .5em;
}
.monitor_sub-text {
  font-size:14px;
  margin-bottom: .5em;
}
.monitor_main-text {
  font-size:16px;
}
.monitor_photo {
 margin-bottom:.5em;
}
.monitor_photo span {
  display:block;
  text-align: center;
  background-color:#ece9d8;
  margin-bottom: 1em;	
}
.monitor_photo span img{
 width: 100%;
max-width: 300px;
}
.monitor_photo figcaption {
  font-size:13px;
  text-align: left;
}
.monitor_button {
  position:absolute;
  bottom:0;
  right:0;
  text-align: right;
  font-size:14px;
}
/*online*/
.online_user {
  font-size:14px;
}
.online_q {
   font-size:14px;
}
.online_button {
  font-size:12px;
}
/*rank*/
#rank {
  margin-bottom:1em;
}
.rank-list li {
  width:100%;
  margin-bottom:.8em;
}
.rank-list li span {
  font-size:18px;
}
/*info*/
.info-list {
  font-size:16px;
  height:8em;
}
/*.info-list dt {
	clear: left;
  float: left;
  width: 5em;
}
.info-list dd {
	padding:0 0 1em 5em;
}*/
/*treatment*/
.treatment_inner {
  width:1000px;
  padding:70px 0 45px;
  margin:0 auto;
}
.treatment-list {
  font-size:15px;
}
.treatment-list > li.single {
  width:320px;
  margin-bottom:25px;
}
.treatment-list::after{
  width:320px;
}
.treatment-list li.single a {
  padding-bottom:170px;
}
.treatment-list .title {
  font-size:20px;
}
.treatment-list .title span {
  font-size:24px;
}
.treatment-list .title::before {
  width:70px;
  height:3px;
  margin-bottom:10px;
}
.treatment-list > li.double {
  width:320px;
  margin-bottom:25px;
}
.treatment-list li.double a {
  width:100%;
}
.treatment-list li.double a:first-child {
  margin-bottom:14px;
}
.treatment-list li .photo {
  overflow:hidden;
}
.treatment-list li .photo img {
  transition: all 0.3s ease-out;
}
.treatment-list li:hover .photo img {
  transform: scale(1.2);
}
}