@charset "UTF-8";
/*-------------------------------------------------------------*/
/* メインイメージ
/*-------------------------------------------------------------*/
.home #fv {
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 0;
	margin-top: 130px;
}
.home #fv .logo {
	width: 56px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 997;
}
.home .sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.home .sliderArea.w300 {
  max-width: 300px;
}
.home .slick-slide img {
  width: 100%;
  height: auto;
}
.home .slick-slide img.sp{
	display: none;
}
.home .mvslider .slick-prev,.home .mvslider .slick-next {
  z-index: 1;
}
.home .mvslider .slick-prev{
	left: 5%;
}
.home .mvslider .slick-next{
	right: 5%;
}
.home .mvslider .slick-prev, .home .mvslider .slick-next,.home .mvslider .slick-prev:hover,.home .mvslider .slick-prev:focus,.home .mvslider .slick-next:hover,.home .mvslider .slick-next:focus
{
	content: "";
	background: url("../img/home/ico_slider-arrow_pc.png") no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 2%;
	top: 46%;
	background-size: contain;
	opacity: 1;
}
.mvslider .slick-prev:before,
.mvslider .slick-next:before{
	display: none;
}
.home .mvslider .slick-prev, .mvslider .slick-prev:hover,.home .mvslider .slick-prev:focus{
	transform: rotate(180deg);
}
.home .mvslider .slick-next,.home .mvslider .slick-next:hover,.home .mvslider .slick-next:focus{
	right: 2%;
	left: auto;
	top: 51%;
}

.home .slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.home .slick-active {
  opacity: 1;
}
.home .slick-current {
  opacity: 1;
}
.home .thumb {
  margin: 20px 0 0;
}
.home .thumb .slick-slide {
  cursor: pointer;
}
.home .thumb .slick-slide:hover {
  opacity: .7;
}
.home .slick-dots{
	left: 39%;
	bottom: 25px;
}
.home .slick-dots li,.home .slick-dots li button{
	width: 10px;
	height: 10px;
}
.home .slick-dots li{
	margin: 0 8px;
}
.home .slick-dots li.slick-active button:before{
	width: 10px;
	height: 10px;
	background-color: #635021;
}
.home .slick-dots li button:before{
	width: 10px;
	height: 10px;
}
.home .mvslider{
	position: relative;
}
.home .mvslider .logo{
    width: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
	-moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
@media (max-width: 767px) {
	.home #fv{
		margin-top: 0;
		position: relative;
	}
	.home #fv .mvWaiting{
		    position: absolute;
			bottom: 2%;
			right: 2%;
			width: 80px;
	}
	.home .mvslider .slick-prev, .home .mvslider .slick-next, .home .mvslider .slick-prev:hover, .home .mvslider .slick-prev:focus, .home .mvslider .slick-next:hover, .home .mvslider .slick-next:focus{
		background: url("../img/home/ico_slider-arrow_sp.png") no-repeat;
		left: 0;
		background-size: contain;
		height: 50px;
		width: 35px;
	}
	.home .mvslider .slick-next,.home .mvslider .slick-next:hover,.home .mvslider .slick-next:focus{
		left: auto;
		right: 0;
	}
	
	.home .mvslider .slick-slide img.pc{
		display: none;
	}
	.home .mvslider .slick-slide img.sp{
		display: block;
	}
	.home .mvslider .slick-dots {
		left: calc(50% - 18%);
	}
}
/*====================================================================
以下は不要です。
====================================================================*/
body {
  font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 
}
/* 767px
/*-------------------------------------------------------------*/
@media (max-width: 767px) {
.home #fv .status ul li{
	color: #fff;
	font-size: 1.2rem;
	margin-bottom: 2%;
	 line-height: 1.6;
}
.home #fv .status ul li:last-child{
	margin-bottom: 0;
}
.home .reservation .status li .sp{
	display: none !important;
}
	
.home #fv .status ul li br.sp,
.home #fv .status ul li br.sp02{
	display: none !important;
}
}
/* 1000px
/*-------------------------------------------------------------*/
@media (max-width: 1000px) {
.home #fv .status ul li br.sp{
	display: inline-block !important;
}
.home .reservation .status li .sp {
	display: inline-block !important;
	}
.home .reservation .status li.sp02 {
		display: none !important;
}
}
/*-------------------------------------------------------------*/
/* 650px
/*-------------------------------------------------------------*/
@media (max-width: 600px) {
.home .reservation .status li .sp02 {
		display: inline-block!important;
}
}
/*-------------------------------------------------------------*/
/* 上部バナー
/*-------------------------------------------------------------*/
/*.home .reservation {
	padding: 3rem 0;
}*/
.home .reservation .status{
	text-align: center;
	padding: 2rem;
	background-color: #000000;
}
.home .reservation .status li {
	color: #FFFFFF;
}
.home .reservation .status li h

.home .reservation {
    padding-bottom: 5rem;
}
.home .reservation .topBanner li {
	width: 32.032%;
	margin-bottom: 2%;
}
.home .reservation .topBanner li.bnr_big{
	width: 48%;
	margin: 0 auto;
}
.home .reservation .topBanner li.bnr_center{
	margin: 0 auto;
}
/*  MV下スライド  */
.home .reservation .bnr_slider_wrapper{
    padding: 3% 0 5%;
}
.home .reservation .slick-prev{
    z-index: 0;
	top: auto;
    left: calc(50% - 2.5%);
    right: 50%;
	bottom: -50px;
    margin-left: -120px;
}
.home .reservation .slick-prev:before{
	content: "";
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    border-top: 2px solid #635021;
    border-right: 2px solid #635021;
    transform: rotate(225deg);
	color: #000;
}
.home .reservation .slick-next{
    z-index: 0;
	top: auto;
    right:calc(50% - 0.5%);
	bottom: -50px;
    margin-right: -150px;
    margin-left: auto;
}
.home .reservation .slick-next:before{
	content: "";
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    border-top: 2px solid #635021;
    border-right: 2px solid #635021;
    transform: rotate(45deg);
	color: #000;
}
.home .reservation .slick-dots{
	left: calc(50% - 8.5%);
	bottom: -39px;
}
.home .reservation .slick-dots li button:before{
	background-color: #C7C1B7;
}
.home .reservation .slick-dots li.slick-active button:before{
	background-color: #635021;
}
.home .reservation .slider dl{
	background: #fff;
	margin: 0 4%;
}
.home .reservation .slider dl dt{
	position: relative;
    padding: 3% 11% 3% 1%;
	font-size: 85%;
}
.home .reservation .slider dl dt:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    border-top: 2px solid #635021;
    border-right: 2px solid #635021;
    transform: rotate(45deg);
    right: 1.4vw;
}
@media (max-width: 1100px) {
	.home .reservation .slick-dots{
		left: calc(50% - 12.5%);
	}
}
@media (min-width: 960px) {
	.home .reservation .topBanner.center li:first-child{
		margin-right: 1.9%;
	}
	.home .reservation .topBanner .bnr_tab_on{
		display: none;
	}
}

@media (max-width: 767px) {
	
	.home .reservation .slider dl dt{
		padding: 3% 11% 3% 7%;
		font-size: 100%;
	}
	.home .reservation .slider dl dt:before{
		right: 5%;
	}
	.home .reservation .bnr_slider_wrapper{
	    background: #EDEDED;
		padding: 5% 0 13%;
	}
	.home .reservation .slick-prev,.home .reservation .slick-next{
		bottom: -24%;
	}
	.home .reservation .slick-prev{
		left: 43%;
	}
	.home .reservation .slick-next{
		right: 50%;
	}
	.home .reservation .slick-dots{
		bottom: -19%;
		left:calc(50% - 21%);
	}
}
@media (max-width: 400px) {
	.home .reservation .slick-dots{
		bottom: -17%;
		left:calc(50% - 31%);
	}
}
@media screen and (min-width: 600px) and (max-width: 960px) {
	.home .reservation .topBanner .bnr_tab_on{
		display: inline;
	}
}
/* 960px
/*-------------------------------------------------------------*/
@media (max-width: 960px) {
	.home .reservation .topBanner li {
		width: 48%;
	}
	.home .reservation .topBanner.center{
		webkit-justify-content: space-between;
	    justify-content: space-between;
	}
	.home .reservation .topBanner li.bnr_big,
	.home .reservation .topBanner li.bnr_center{
		width: 100%;
		margin-bottom: 2%;
	}
	.home .reservation .topBanner li.bnr_tab_off{
		display: none;
	}
}
/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 600px) {
	.home .reservation .topBanner li {
		width:100%;
		margin-bottom: 2rem;
	}
}
/*-------------------------------------------------------------*/
/* 新着情報・トピックス
/*-------------------------------------------------------------*/
.home #container #news {
	background: #f5eee4;
	padding-top: 4%;
	padding-bottom: 4%;
}
.home #container #news.pc {
	display: block;
}
.home #container #news .grid_wrap section {
	width: 960px;
}
.home #container #news h2 {
    text-align: left;
    margin-bottom: 3rem; }
    .home #container #news h2:before {
      display: inline-block;
      margin: 0 1rem 0 0; }
    .home #container #news h2 span:before {
      content: '・'; }
.home #container #news article {
    -js-display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 auto; }

    .home #container #news article:not(:last-child) {
      margin-bottom: 2.6rem; }
    .home #container #news article .thumb {
      width: 133px;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -webkit-transition: 0.5s;
      transition: 0.5s;
	margin: 0;}
      .home #container #news article .thumb:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6; }
    .home #container #news article .text {
		width: 100%;
		padding-left: 2rem; }
      .home #container #news article .text .cat {
        display: inline-block;
        background: #363636;
        color: #fff;
        font-size: 1.4rem;
        padding: 0 1rem;
        margin-left: 1rem; }
      .home #container #news article .text .cat_imp{
        background:#ff0000;}
      .home #container #news article .text a {
        text-decoration: underline; }
        .home #container #news article .text a:hover {
          text-decoration: none; }
.home #container #news article .text .textBun {
	font-size: 86%;
	margin-top: 0.4rem;
	display: block;
}
        .home #container #news article .text a:hover {
          text-decoration: none; }
.home #container #news h2 {
    text-align: center;
    margin-bottom: 3rem;
}
.home #container #news h2:before {
	content: '';
	display: inline-block;
	margin: 0 1rem 0 0;
	width: 59px;
	height: 42px;
	background-image: url(../img/common/icon_onsen.png);
	background-size: cover;
}
@media (max-width: 767px) {
	.home #container #news.pc{
		display: none;
	}
}
/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 600px) {
	.home #container #news {
		padding: 3.4rem 4% 5rem;
	}
	.home #container #news .grid_wrap section {
		width: 100%;
	}
  .home #container #news h2 {
    text-align: center; }
    .home #container #news h2:before {
      display: block;
      margin: 0 auto 2rem; }
    .home #container #news h2 span {
      display: block; }
      .home #container #news h2 span:before {
        display: none; }
  .home #container #news article .thumb {
    width: 30%; }
  .home #container #news article .text {
    width: 70%; }
    .home #container #news article .text .date {
      margin-right: 1rem;}
    .home #container #news article .text .cat {
      margin-left: 0;margin-bottom: 0.5rem;}
  .home #container #news #facebook {
    margin-top: 5rem; }
	.home #container #news article .text .textBun {
	display: none;
	}

}
/*-------------------------------------------------------------*/
/* 道後温泉本館の「今」を映します
/*-------------------------------------------------------------*/
.youtubeView{
	margin-top: 8%;
	margin-bottom: 8%;
}
.youtube_wrapper.pc{
	display: block;
}
#tokimeguri .youtubeView{
	margin-top: 8%;
	height: 100% !important;
	margin-bottom: 9rem;
}
.youtubeView .ttl {
	width: 100%;
	text-align: center;
	font-size: 4.4rem;
	margin-bottom: 2%;
}
.youtubeView .ttl:after {
    content: '';
    display: block;
    background-image: url(../img/common/icon_sectiontitle.png);
    background-size: cover;
    width: 38px;
    height: 38px;
    margin: 1rem auto;
}
.youtubeView .lead {
	margin-top: 20px;
	font-size: 1.8rem;
}
.youtubeView .youtubeArea,
.home #container #animeArea.YoutubeArea .youtubecol2{
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.youtubeView .youtubeArea span,
.home #container #animeArea.YoutubeArea .youtubecol2 span{
	font-size: 1.8rem;
	display: block;
    width: 100%;
    text-align: center;
}
#tokimeguri .youtubeView .youtubeArea span,
#tokimeguri #container #animeArea.YoutubeArea .youtubecol2 span{
	font-size: 1.8rem;
	display: block;
    width: 100%;
    text-align: center;
	margin-top: 3rem;
}
.youtubeView .youtubeArea li,
.home #container #animeArea.YoutubeArea .youtubecol2 li{
	width: 48%;
}
.youtubeView .youtubeArea li .movie-wrap,
.home #container #animeArea.YoutubeArea .youtubecol2 li .movie-wrap{
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
.youtubeView .youtubeArea li .movie-wrap iframe,
.home #container #animeArea.YoutubeArea .youtubecol2 li .movie-wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 800px) {
	.youtubeView .ttl {
		font-size: 2.5rem;
	}
}
@media screen and (max-width: 767px) {
	.youtube_wrapper.pc{
		display: none;
	}
  .youtubeView {
	  margin-top: 10%;
	  margin-bottom: 10%;
	}
	.youtubeView .youtubeArea,
	.home #container #animeArea.YoutubeArea .youtubecol2{
		display:block;
	}
	.youtubeView .youtubeArea li,
	.home #container #animeArea.YoutubeArea .youtubecol2 li{
		width: 100%;
		margin-bottom: 2rem;
	}
	.youtubeView .youtubeArea li:last-of-type{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 448px) {
  .youtubeView {
	margin-top: 10%;
	height: unset;
	}
}
@media screen and (max-width: 352px) {
  .youtubeView {
	margin-top: 10%;
	height: unset;
	}
}
/*-------------------------------------------------------------*/
/* 本館営業状況
/*-------------------------------------------------------------*/
.home #container #honkanArea {
	margin-bottom: 7%;
}
.home #container #honkanArea .ttl {
	text-align: center;
	margin-bottom: 1.4%;
}
.home #container #honkanArea .ttl:after {
    content: '';
    display: block;
    background-image: url(../img/common/icon_sectiontitle.png);
    background-size: cover;
    width: 38px;
    height: 38px;
    margin: 1rem auto;
}

.home #container #honkanArea .honkanBox {
	width: 960px;
    margin: 0 auto 9rem;
    border: 1px solid #000;
    padding: 37px 25px;
}
.home #container #honkanArea .honkanBox .button {
	    margin-top: 4rem;
}
.home #container #honkanArea .honkanBox p {
   position: relative;
	padding-left: 3rem;
	font-size: 1.8rem;
	line-height: 1.3;
}
.home #container #honkanArea .honkanBox p:not(:last-child) {
   margin-bottom: 3rem;
}
.home #container #honkanArea .honkanBox p:before {
    background: url(../img/common/icon_yudama.png) no-repeat center/cover;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
}
#status .section .honkan .kouji p:before {
    background: url(../img/common/icon_yudama.png) no-repeat center/cover;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
}
.home #container #honkanArea .rebornLink {
	    width: 615px;
    margin: 0 auto;
}
.home #container #honkanArea .rebornLink p {
	text-align: center;
}
.home #container #honkanArea .rebornLink p a {
	position: relative;
}
.home #container #honkanArea .rebornLink p a:after {
	content: '';
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 100%;
    bottom: 25%;
}

/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 960px) {
	.home #container #honkanArea .honkanBox {
		width: 100%;
	}
	.home #container #honkanArea .rebornLink {
		width: 100%;
	}
}
/* 800px
/*-------------------------------------------------------------*/
@media (max-width: 800px) {
	.home #container #honkanArea {
		margin-bottom: 9rem;
	}
}
/*-------------------------------------------------------------*/
/* 飛鳥乃湯泉について
/*-------------------------------------------------------------*/
.home #container #asukaArea {
	margin-bottom: 7%;
}
.home #container #asukaArea .ttl {
	text-align: center;
	margin-bottom: 1.4%;
}
.home #container #asukaArea .ttl:after {
    content: '';
    display: block;
    background-image: url(../img/common/icon_sectiontitle.png);
    background-size: cover;
    width: 38px;
    height: 38px;
    margin: 1rem auto;
}

.home #container #asukaArea .asukaBox {
	width: 960px;
    margin: 0 auto 9rem;
    border: 1px solid #000;
    padding: 37px 25px;
}
.home #container #asukaArea .asukaBox dl dt {
	font-size: 150%;
    text-align: center;
    margin-bottom: 4rem;
}
.home #container #asukaArea .asukaBox dl dd {
	display: inline-block;
	width: 25%;
}
.home #container #asukaArea .asukaBox dl dd:not(:last-child) {
	margin-right: 1rem;
}
.home #container #asukaArea .asukaBox dl dd.txt {
	width: 45%;
    vertical-align: top;
}
.home #container #asukaArea .asukaBox .button {
	    margin-top: 4rem;
}

.home #container #asukaArea .rebornLink {
	    width: 615px;
    margin: 0 auto;
}
/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 960px) {
	.home #container #asukaArea .asukaBox {
		width: 100%;
	}
}
/* 800px
/*-------------------------------------------------------------*/
@media (max-width: 800px) {
	.home #container #asukaArea {
		margin-bottom: 9rem;
	}
	.home #container #asukaArea .asukaBox dl dd {
		width: 48%;
	}
	.home #container #asukaArea .asukaBox dl dd:not(:last-child) {
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.home #container #asukaArea .asukaBox dl dd.img02 {
		margin-right: 0;
	}
	.home #container #asukaArea .asukaBox dl dd.txt {
		width: 100%;
	}
}
/*-------------------------------------------------------------*/
/* 下バナー
/*-------------------------------------------------------------*/
.home #container #banners ul {
    text-align: center; }
.home #container #banners ul.leftImg {
  text-align: left; }
.home #container #banners ul li {
	width: 48%;
	margin-bottom: 4rem;
}
.home #container #banners ul li a {
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s; }
.home #container #banners ul li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }


/*-------------------------------------------------------------*/
/* Facebook・トリップアドバアイザー・インスタグラム
/*-------------------------------------------------------------*/
#facebookArea {
	padding-top: 4rem;
	width: 1120px;
	margin: 0 auto;
	padding-bottom: 10rem;
}
#facebookArea ul {
	width: 100%;
}

#facebookArea .facebook {
	width: 320px;
}
#facebookArea .tripadvisor {
    margin-top: 20px;
}
#facebookArea .tripadvisor ul {
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#facebookArea .tripadvisor .cdsROW.narrow {
	width: 230px;
}
#facebookArea .tripadvisor img {
	display: none;
}
#facebookArea .tripadvisor .cdsROW.narrow .logo img {
	display: block;
	margin: 0 auto;
}
#facebookArea #CDSWIDSSP .widSSPData .widSSPBranding dt a:link img {height: auto;}

.homeInstagram {
  width: 69%;
}
.homeInstagram .ttlInsta {
	font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
	margin-bottom: 10px;
}
.homeInstagram .ttlInsta .fa {
	font-size: larger;
}

.homeInstagram .instaThumb {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.homeInstagram .instaThumb figure {
  width: 22.6%;
  margin-bottom: 20px;
}
.homeInstagram .instaThumb figure a {
  width: 100%;
  display: block;
  height: 0;
  padding-bottom: 75%;
  background-size: cover;
}
#js-instagram{
  display: flex;
  flex-wrap: wrap;
}

#js-instagram .js-instagram_item{
  position: relative;
	width: 32%;
	height: 32%;
	margin-right: 2%;
	margin-bottom:2%;
}
#js-instagram .js-instagram_item::before{
  content: "";
  display: block;
  padding-top: 100%;
}
#js-instagram .js-instagram_item:nth-child(3n){
	margin-right: 0;
}
#js-instagram .js-instagram_item img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}


@media screen and (max-width: 767px) {
  .homeInstagram .instaThumb figure {
    width: 32%;
    margin-bottom: 2%;
  }
	.homeInstagram .instaThumb {
		justify-content: start;
	}
	.homeInstagram .instaThumb figure {
		width: 32%;
		margin-bottom: 2%;
		margin-right: 2%;
	}
	.homeInstagram .instaThumb figure:nth-child(3n) {
		margin-right: 0%;
	}
}

/* 1050px
/*-------------------------------------------------------------*/
@media screen and (max-width: 1050px) {
	#facebookArea .facebook{
		margin-bottom: 3%;
	}
}

/* 960px
/*-------------------------------------------------------------*/
@media (max-width: 1120px) {
	#facebookArea {
		width: 100%;
	}
	#facebookArea .facebook li {
		width: 23.5%;
	}
	#facebookArea .facebook li:not(:last-child) {
		margin-right: 2%;
	}
}
/* 800px
/*-------------------------------------------------------------*/
@media (max-width: 800px) {
	#facebookArea {
		padding: 0 4%;
	}
}

/* 767px
/*-------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#facebookArea .facebook{
		margin-top: 3%;
	}
	.homeInstagram{
		width: 100%;
	}
	#js-instagram .js-instagram_item{
		margin-right: 2%;
		margin-bottom: 2%;
	}
}

/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 600px) {
	#facebookArea .facebook{
		width: 100%;
		margin-top: 10%;
	}
	.homeInstagram {
		width: 100%;
		margin-top: 10%;
	}
	#facebookArea .tripadvisor{
		width: 100%;
	}
	#facebookArea .tripadvisor .widSSP {
		width: 100% !important;
		
	}
	#facebookArea .tripadvisor .cdsROW.narrow {
		width: auto;
	}
}


/*-------------------------------------------------------------*/
/* 
/*-------------------------------------------------------------*/
.home #container {
  padding-top: 0;
	padding-bottom: 0;}
.home #container #movie {margin-bottom: 8%;}
  .home #container #movie .box_right p {
    font-size: 1.8rem; }
  .home #container #movie .box_left div {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .home #container #movie .box_left div iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .home #container #movie .box_left p {
    font-size: 1.2rem;
    margin-top: 1rem;
    text-align: center; }
    .home #container #movie .box_left p span {
      font-size: 1.4rem;
      font-weight: bold; }
.home #container #contents.pc{
	display: block;
}
  .home #container #contents h2 {
    text-align: center;
    margin-bottom: 5rem; }
    .home #container #contents h2:before {
      content: '';
      display: block;
      margin: 0 auto 2rem;
      width: 59px;
      height: 42px;
      background-image: url(../dogo.jp/img/common/icon_onsen.png);
      background-size: cover; }
  .home #container #contents {
    padding-top: 0; }
    .home #container #contents #contents_grid {
      font-weight: bold; }
      .home #container #contents #contents_grid #craftsman .image,
      .home #container #contents #contents_grid #grids div {
        background-size: cover;
        background-position: center; }
      .home #container #contents #contents_grid #craftsman {
        -js-display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        min-height: 420px; }
        .home #container #contents #contents_grid #craftsman .title {
          width: 50%;
          background: #f4f4f4;
          -moz-transition: 0.8s;
          -o-transition: 0.8s;
          -webkit-transition: 0.8s;
          transition: 0.8s; }
          .home #container #contents #contents_grid #craftsman .title p {
            font-size: 3.2rem;
            position: relative;
            top: 50%;
            left: 50%;
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            text-align: center;
            padding: 0 4%; }
        .home #container #contents #contents_grid #craftsman .image {
          width: 50%; }
        .home #container #contents #contents_grid #craftsman:hover .title {
          background: #000;
          color: #fff; }
      .home #container #contents #contents_grid #grids {
        -js-display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex; }
        .home #container #contents #contents_grid #grids div {
          width: 25%;
          font-size: 2rem; }
          .home #container #contents #contents_grid #grids div a {
            position: relative;
            display: block;
            padding: 12rem 0;
            color: #fff;
            text-align: center;
            z-index: 0; }
            .home #container #contents #contents_grid #grids div a span {
              position: relative;
              z-index: 1; }
            .home #container #contents #contents_grid #grids div a:after {
              content: '';
              display: block;
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.3);
              position: absolute;
              top: 0;
              left: 0;
              -moz-transition: 0.8s;
              -o-transition: 0.8s;
              -webkit-transition: 0.8s;
              transition: 0.8s; }
            .home #container #contents #contents_grid #grids div a:hover:after {
              background: rgba(0, 0, 0, 0.8); }
  


/*-------------------------------------------------------------*/
/* 800px
/*-------------------------------------------------------------*/
@media (max-width: 800px) {
	.home #container #movie {
		margin-bottom: 9rem;
	}
	.home #container #contents.pc{
		display: none;
	}
	.home .topFootslide.sp{
		display: block;
		padding-bottom: 60px;
	}
	.home .topFootslide.sp .slider dl dt{
		padding: 3% 6% 3% 2%;
	}
	.home .topFootslide.sp .slider dl dt:before{
		right: 5%;
	}
	.home .topFootslide.sp .bnr_slider_wrapper{
	    background: #EDEDED;
		padding: 5% 0 13%;
	}
	.home .topFootslide.sp .slick-prev,.home .topFootslide.sp .slick-next{
		bottom: -24%;
	}
	.home .topFootslide.sp .slick-prev{
		z-index: 1;
		top: auto;
		right: 50%;
		bottom: -40px;
		margin-left: -120px;
		left: 47%;
	}
	.home .topFootslide.sp .slick-next{
		right: 55%;
	}
	.home .topFootslide.sp .slick-dots{
		bottom: -15%;
		left:calc(50% - 11%);
	}
	.home .topFootslide.sp .slick-dots li button:before{
		background-color: #cbcbcb;
	}
	.home .topFootslide.sp .slick-dots li.slick-active button:before{
		background-color: #635021;
	}
	.home .topFootslide.sp .slick-prev:before{
		content: "";
		display: inline-block;
		width: 0.3em;
		height: 0.3em;
		border-top: 2px solid #635021;
		border-right: 2px solid #635021;
		transform: rotate(225deg);
		color: #000;
	}
	.home .topFootslide.sp .slick-next{
		z-index: 1;
		top: auto;
		right:calc(50% - 0.5%);
		bottom: -40px;
		margin-right: -150px;
		margin-left: auto;
	}
	.home .topFootslide.sp .slick-next:before{
		content: "";
		display: inline-block;
		width: 0.3em;
		height: 0.3em;
		border-top: 2px solid #635021;
		border-right: 2px solid #635021;
		transform: rotate(45deg);
		color: #000;
	}

  .home #container #movie .box_right {
    margin-top: 2rem;
    padding: 0; }
  .home #container #contents #contents_grid #grids {
    display: block;
    overflow: hidden;
    *zoom: 1; }
    .home #container #contents #contents_grid #grids div {
      width: 50%;
      float: left; }
}

/*-------------------------------------------------------------*/
/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 600px) {
  /*=1 home
  ---------------------------------------------------------------*/
    .home #fv .btn_prev,
    .home #fv .btn_next {
      width: 2rem;
      height: 2rem; }
    .home #fv .btn_prev {
      left: 5%; }
    .home #fv .btn_next {
      right: 5%; }
	.home #container #banners ul li {
		width: 100%;
		margin-bottom: 2rem;
	}
  .home #container #movie .box_right {
    margin-top: 0; }
  .home #container #contents #contents_grid #craftsman {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0; }
    .home #container #contents #contents_grid #craftsman .title {
      width: 100%; }
      .home #container #contents #contents_grid #craftsman .title p {
        display: block;
        font-size: 2.4rem;
        position: static;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        margin: 4rem 0; }
        .home #container #contents #contents_grid #craftsman .title p span {
          display: block; }
    .home #container #contents #contents_grid #craftsman .image {
      width: 100%;
      height: 40vh; }
  .home #container #contents #contents_grid #grids div {
    width: 100%;
    float: none; }
    .home #container #contents #contents_grid #grids div a {
      padding: 6rem 0; }

}
/*-------------------------------------------------------------*/
/* 1024px
/*-------------------------------------------------------------*/
@media (max-width: 1024px) {
  /*=1 home
  ---------------------------------------------------------------*/
  .home #container #movie .grid_wrap {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .home #container #movie .box_right {
    width: 100%; }
    .home #container #movie .box_right p {
      font-size: 1.6rem; }
  .home #container #movie .box_left {
    width: 100%; }
}

/*-------------------------------------------------------------*/
/* 火の鳥オリジナルアニメーション
/*-------------------------------------------------------------*/
.home #container #animeArea {
	margin-bottom: 7%;
}

.home #container #animeArea .ttl{
	width: 100%;
	text-align: center;
	font-size: 4.4rem;
	margin-bottom: 1.4%;
}
.home #container #animeArea .ttl:after {
	content: '';
	display: block;
	background-image: url(../img/common/icon_sectiontitle.png);
	background-size: cover;
	width: 38px;
	height: 38px;
	margin: 1rem auto;
}
.home #container #animeArea .youtubeArea,
.home #onsen-waltzArea .youtubeArea{
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding-bottom:42.25%;
	height: 0;
	overflow: hidden;
}
.home #onsen-waltzArea .youtubeView{
	height: auto;
	margin-top: 0;
	margin-bottom: 5rem;
}

.home #container #animeArea .youtubeArea iframe,
.home #onsen-waltzArea .youtubeArea iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home #onsen-waltzArea .youtubeView .waltzArea-tit{
	text-align: center;
	margin-top: 1%;
}
.home #container .youtubeArea{
	width: 960px;
	margin: 0 auto;
	position: relative;
	/*padding-bottom:42.25%;*/
}

.home #container .youtubeArea iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 767px){
	.home #container #animeArea.YoutubeArea{
		margin-bottom: 10rem;
	}
	.home #onsen-waltzArea .youtubeView{
		margin-bottom: 0;
	}
}
/*-------------------------------------------------------------*/
/* 960px
/*-------------------------------------------------------------*/
@media (max-width: 960px) {
  /*=1 home
  ---------------------------------------------------------------*/
.home #container #animeArea .youtubeArea,
.home #onsen-waltzArea .youtubeArea{
	width: 100%;
	padding-bottom: 52.25%;
}
	
.home #container #animeArea .ttl{
	font-size: 2rem;
}
.home #container .youtubeArea{
	width: 100%;
	/*padding-bottom: 52.25%;*/
}
}

/*-------------------------------------------------------------*/
/* 道後温泉本館保存修理工事見学会2019バナー
/*-------------------------------------------------------------*/

.home #container #bnrArea .ttl{
	width: 100%;
	text-align: center;
	font-size: 4.4rem;
	margin-bottom: 2%;
}
.home #container #bnrArea .ttl::after{
	content: '';
	display: block;
	background-image: url(../img/common/icon_sectiontitle.png);
	background-size: cover;
	width: 38px;
	height: 38px;
	margin: 1rem auto 2rem;
}
.bnr_col1{
	width: 48%;
	margin:0 auto ;
}
@media (max-width: 960px){
.home #container #bnrArea .ttl{
	font-size: 2rem;
}
.bnr_col1{
	width: 100%;
}
}


/*-------------------------------------------------------------*/
/* 新着情報・トピックス
/*-------------------------------------------------------------*/
.home .onsen_ft_wrapper{
	padding-top: 5rem !important;
}


/*-------------------------------------------------------------*/
/* 3つのお湯で待ってますバナー
/*-------------------------------------------------------------*/
.home .dogo-3_bnr{
	text-align: center;
	width: 32.032%;
	margin: 5rem auto ;
}

/* 960px
/*-------------------------------------------------------------*/
@media (max-width: 960px) {
	.home .dogo-3_bnr {
		width: 48%;
		margin-top: 4%;
	}
}
/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 600px) {
	.home .dogo-3_bnr {
		width:100%;
		margin-bottom: 0;
		margin-top: 6%;
		padding: 0 4%;
	}
}




/*-------------------------------------------------------------*/
/* 待ち時間
/*-------------------------------------------------------------*/
.inner.waiting {
	margin-top: 8%;
	margin-bottom: 8%;
}
	.waiting h2 {
		text-align: center;
		margin-bottom: 2rem;
		line-height: 1.2
	}
		.waiting h2:before {
			content: '';
			display: block;
			margin: 0 auto 3rem;
			width: 59px;
			height: 42px;
			background-image: url(/wp-content/themes/dogo.jp/img/common/icon_onsen.png);
			background-size: cover;
		}
		.waiting h2 span {
			font-size: 2.2rem;
			color: #DD0A01;
		}
	.waiting h2 + .waiting_reload {
		text-align: center;
		display: block;
	}
		.waiting h2 + .waiting_reload button {
			margin: 0 auto 2rem;
		}
	.waiting_block.asuka{
		margin: 0 20px;
	}
		.waiting_block .waiting_wrapper {
			border: 1px solid #C7C1B7;
			padding: 3%;
			margin-bottom: 2%;
			height: 99%;
		}
		.waiting_header {
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
			margin-bottom: 10px;
		}
	.waiting_table{
		margin-bottom: 3%;
	}
		@media (max-width: 1152px) {
			.waiting_header {
				height: 200px;
			}
		}
		@media (max-width: 1121px) {
			.waiting_header {
				height: 250px;
			}
		}
		@media (max-width: 960px) {
			.waiting_header {
				height: unset;
			}
		}
		.waiting_image {
			width: 30%;
		}
			.waiting_image img {
				width: 100px;
				height: 100px;
				object-fit: cover;
		}
		.waiting_title {
			width: 68%;
			margin-left: 2%;
			height: 180px;
		}
			.waiting_title h3 {
				font-size: 2.7rem;
				font-weight: bold;
				margin-bottom: 2%;
			}
				.waiting_title h3 span {
					font-size: 2.2rem;
					font-weight: normal;
					margin-left: 1em;
				}
		.waiting_lead{
			font-size: 90%;
			line-height: 1.5;
			margin-bottom: 2%;
		}
		.waiting_block .waiting_reload {
			display: none;
		}
		.waiting_reload {
			margin-left: auto;
		}
		.waiting_bnr{
			width: 280px;
			margin: 0 auto;
			-moz-transition: 0.5s;
			-o-transition: 0.5s;
			-webkit-transition: 0.5s;
			transition: 0.5s;
		}
		.waiting_bnr.yushinden{
			width: 410px;
			margin: 20px auto;
			-moz-transition: 0.5s;
			-o-transition: 0.5s;
			-webkit-transition: 0.5s;
			transition: 0.5s;
		}
		.waiting_bnr:hover{
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
			opacity: 0.6;
		}
			.waiting_reload button {
				border: none;
				outline: none;
				background: url(/wp-content/themes/dogo.jp/img/home/icon_reload.svg) 15px center no-repeat #000;
				background-size: 26px auto;
				font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
				color: #fff;
				font-size: 1.8rem;
				padding: 10px 30px 10px 50px;
				cursor: pointer;
				transition: all .5s;
				animation: bound-anim 0.8s infinite;
			}
			.waiting_reload button:hover {
				opacity: .6;
				animation-play-state: paused;
			}
		.waiting_table table {
			width: 100%;
		}
			.waiting_table table th,
			.waiting_table table td {
				border: 1px solid #ccc;
				text-align: center;
				padding: 1rem 2rem;
				line-height: 1.2;
			}
			.waiting_table table td:first-child {
				width: 12em;
			}
				.waiting_table table th span,
				.waiting_table table td span {
					font-size: 2.2rem;
					font-weight: bold;
				}
			.waiting_table table th {
				font-weight: bold;
				color: #fff;
			}
			.honkan .waiting_table table th {
				background: #07052d;
			}
			.yushinden .waiting_table table th {
				background: #635021;
			}
			.asuka .waiting_table table th {
				background: #972c1f;
			}
			.tsubaki .waiting_table table th {
				background: #6b5945;
			}
			.yushinden .waiting_table table img {
				width: 410px;
			}
	.waiting_attention {
		margin: .5em 0 0;
	}
	.waiting_closed{
		background: #f5eee4;
		padding: 4% 2%;
		border: 2px solid #948060;
		color: #76664d;
		text-align: center;
	}
	.waiting_btn{
		display: flex;
		justify-content: space-between;
		width: 900px;
		margin: 40px auto 50px;
	}
.waiting_block{
	width: 100%;
}
	.waiting_block_wrapper{
		display: flex;
		justify-content: space-between;
	}
	.waiting_block_wrapper .waiting_table .waiting_col3{
		display: flex;
		margin-top:5%;
		justify-content: space-between;
	}
	.waiting_block_wrapper .waiting_table .waiting_col3 p:not(:first-child){
		line-height: 1.3;
	}
	.waiting_block_wrapper .waiting_table .waiting_col3 > div{
		margin-bottom: 2%;
		width: 100%;
	}
	.waiting_block_wrapper .waiting_table .waiting_col3 div:nth-child(2){
		margin: 0 10px;
	}
	.waiting_block_wrapper .waiting_table dl{
		display: flex;
		width: 50%;
		margin-top: 3%;
		line-height: 1.3;
	}
	.waiting_block_wrapper .waiting_table .waiting_col2{
		display: flex;
		justify-content: space-between;
	}
	.waiting_block_wrapper .waiting_table dl dt{
		border-right: 1px solid;
		width: 20%;
		padding: 0 2%;
	}
	.waiting_block_wrapper .waiting_table dl dd{
		padding: 0 4%;
		width: 80%;
	}
	.waiting_block_wrapper .waiting_table p.title{
		background: #EDEDED;
		padding: 1% 4%;
		font-size: 90%;
		margin-bottom: 1%;
	}
	.waiting_block_wrapper .waiting_table .waiting_col3 p.title{
		padding: 3% 11%;
		margin-bottom: 8%;
	}
	.waiting_block_wrapper .waiting_table .waiting_time{
		font-weight: bold;
		padding-left: 3%;
		font-size: 120%;
	}
	.waiting_block_wrapper .waiting_table .waiting_update{
		padding-left: 3%;
		font-size: 85%;
		display: block;
	}
	.waiting_block_wrapper .waiting_notes{
		font-size: 90%;
	}
	.waiting_block_wrapper .waiting_title .waiting_hours{
		font-size: 90%;
		position: relative;
		padding-left:7%;
	}
	.waiting_block_wrapper .waiting_title .waiting_hours:before{
		content: "";
		background: url(../img/home/ico_waiting_hours.png) no-repeat;
		background-size: cover;
		position: absolute;
		top: 6px;
		left: 0;
		height: 15px;
		width: 15px;
}
	.waiting_block_wrapper .asuka ul li:first-child{
		font-size: 100%;
		font-weight: normal;
	}
.waiting_block .waiting_yushinden{
	margin-top: 5%;
}
.waiting_block .waiting_yushinden figure{
	margin-bottom:1%;
}
@media (max-width: 960px) {
	.waiting_block {
		width: 100%;
	}
	.waiting_btn{
		width: 100%;
		margin: 20px auto 40px;
	}
	.waiting_attention {
		margin: .5em 0 0;
		font-size: 1.1rem;
	}
	.waiting_reload{
		margin-right: 4%;
	}
	.waiting_block_wrapper .waiting_table .waiting_col3 > div{
		margin-bottom: 0;
	}
	.waiting_block_wrapper{display: contents;}
	.waiting_block.asuka{
		margin: 15px auto 40px;
	}
	.waiting_block_wrapper .waiting_title .waiting_hours{
		padding-left: 9%;
	}
	.waiting_block_wrapper .waiting_title .waiting_hours:before{
		top: 4px;
	}
}

@media (max-width: 767px){
	.waiting h2 {
		font-size: 2rem;
	}
		.waiting h2 span {
			font-size: 1.5rem;
		}
	.waiting h2 + .waiting_reload {
		display: none;
	}
	.waiting_bnr{
		margin-bottom: 2rem;
		margin-top: 2rem;
	}
	.inner.waiting {
		margin-top: 10%;
		margin-bottom: 0;
	}
	.waiting_block {
		margin: 15px auto 40px;
	}
	.waiting_btn{
		margin: 0 auto;
	}
	.waiting_block:last-of-type {
		margin-bottom: 0;
	}
		.waiting_header {
			box-sizing: border-box;
			display: block;
			margin-bottom: 15px;
		}
		.waiting_image {
			float: left;
			margin: 0 3% 3% 0;
		}
			.waiting_image img {
				width: 100%;
			}
		.waiting_title {
			margin: 0 0 2% 0;
			float: right;
			width: 65%;
			height: auto;
		}
			.waiting_title h3 {
				font-size: 1.7rem;
			}
				.waiting_title h3 span {
					font-size: 1.4rem;
					display: block;
					margin: 0;
				}
		.waiting_block .waiting_reload {
			display: block;
			margin-bottom: 3%;
		}
		.waiting_reload {
			margin: 0 auto;
			text-align: center;
			clear: both;
		}
		.waiting_block .waiting_wrapper {
			height: auto;
		}
			.waiting_reload button {
				background-size: 20px auto;
				font-size: 1.4rem;
				padding: 5px 30px 5px 50px;
			}
		.waiting_table {
			clear: both;
			margin-bottom: 4%;
		}
			.waiting_table table th,
			.waiting_table table td {
				padding: .5rem .5rem;
				font-size: 1.2rem;
			}
			.waiting_table table td:first-child {
				width: 5em;
			}
				.waiting_table table th span,
				.waiting_table table td span {
					font-size: 1.5rem;
				}
}
@media (max-width: 525px){
	.yushinden .waiting_table table img {
		width: 100%!important;
	}
}
@media (max-width: 410px){
	.yushinden.waiting_bnr{
		width: auto;
	}
}
@keyframes bound-anim {
	0%,100% { opacity: 1; transform: scale(1); }
	50% { opacity: .8; transform: scale(1.02); }
}
/*-------------------------------------------------------------*/
/* 道後刻めぐり フォトコンテスト
/*-------------------------------------------------------------*/
#photocampaignArea {
	background: url(../img/home/bg_photocampaign.png) center center / cover no-repeat fixed;
	position: relative;
    padding-bottom: 10rem;
    padding-top: 17%;
	margin-bottom: 4rem;
}
#photocampaignArea::before {
	content: "";
    background-image: url(../img/home/img_photocampaign.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 196px;
    width: 100%;
}
#photocampaignArea .inner {
	max-width: 1120px;
}
#photocampaignArea .ttlBox {
	display: flex;
    flex-wrap: wrap;
    margin-top: -14%;
	margin-bottom: 2rem;
}
#photocampaignArea .ttlBox h2 {
	width: 36%;
    z-index: 999;
    margin-right: 4%;
}
#photocampaignArea .ttlBox .ttl_lead {
	width: 60%;
    padding-top: 15%;
    color: #FFF;
	z-index: 999;
}
#photocampaignArea .ttlBox .ttl_lead .ttl {
	font-size: 3.8rem;
    text-align: left;
	margin-bottom: 1rem;
}
#photocampaignArea .ttlBox .ttl_lead .lead {
	text-align: left;
    font-size: 2.4rem;
}
#photocampaignArea .hashtagBox {
    max-width: 960px;
    margin: 0 auto 3rem;
}
#photocampaignArea .hashtagBox .hashtagContainer {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
#photocampaignArea .hashtagBox .required {
	width: 20%;
}
#photocampaignArea .hashtagBox .option {
	padding: 1rem 0 0;
	width: 80%;
}
#photocampaignArea .hashtagBox .option ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
	justify-content: space-between;
	position: relative;
	padding: 1rem 2rem;
}
#photocampaignArea .hashtagBox .option ul::before, #photocampaignArea .hashtagBox .option ul::after {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute;
}

#photocampaignArea .hashtagBox .option ul::before {
	border-left: solid 1px #FFF;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	top: 0;
	left: 0;
}

#photocampaignArea .hashtagBox .option ul::after {
	border-right: solid 1px #FFF;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	top: 0;
	right: 0;
}
#photocampaignArea .hashtagBox span {
	border: 1px solid #B92A80;
    border-radius: 20px;
    padding: 8px 10px;
    background: #FFF;
    font-size: 1.4rem;
}
#photocampaignArea .hashtagBox .subtxt {
	color: #FFF;
	text-align: left;
}
#photocampaignArea .hashtagBox .txt {
	text-align: center;
}
#photocampaignArea .termsBox {
	border: 1px solid #B92A80;
	padding: 1rem 3rem;
	background: #FFF;
	position: relative;
	max-width: 964px;
    margin: 0 auto;
}
#photocampaignArea .termsBox::before {
	content: "";
    background-image: url(../img/home/img_photocampaign_icon01.png);
    position: absolute;
    top: -5%;
    left: -2%;
    height: 45px;
    width: 72px;
}
#photocampaignArea .termsBox::after {
	content: "";
    background-image: url(../img/home/img_photocampaign_icon02.png);
    position: absolute;
    bottom: -7%;
    right: -2%;
    height: 556px;
    width: 133px;
}
#photocampaignArea .termsBox table {
	width: 100%;
}
#photocampaignArea .termsBox .application {
	margin-bottom: 2rem;
}
#photocampaignArea .termsBox .application tr {
	border-bottom: 1px solid #B92A80;
	padding: 1rem 0;
}
#photocampaignArea .termsBox .application tr th {
	vertical-align: top;
    padding: 2rem 0;
    font-size: 2rem;
}
#photocampaignArea .termsBox .application tr td {
	padding: 2rem;
}
#photocampaignArea .termsBox .txt {
	text-align: center;
    font-weight: bold;
    font-size: 1.9rem;
    margin-bottom: 1rem;
    line-height: 1.5;
}
#photocampaignArea .termsBox span {
	color: #D0599C;
	font-size: 2.8rem;
}
#photocampaignArea .awards {
	margin-bottom: 2rem;
}
#photocampaignArea .awards ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#photocampaignArea .awards ul li {
	width: 23%;
	border: 1px solid #D0599C;
	text-align: center;
}
#photocampaignArea .awards ul li .type {
	background: #D0599C;
	color: #FFF;
}
#photocampaignArea .awards ul li .goods {
	margin-bottom: 0;
    height: 14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem;
    line-height: 1.4;
}
#photocampaignArea .button {
	margin: 3rem auto 3rem;
}
#photocampaignArea .button a{
	background: #D0599C;
	border-color: #D0599C;
}
#photocampaignArea .button a:hover {
	background: transparent;
	color: #D0599C;
}
#photocampaignArea .button a:hover:after {
	border-color: #D0599C;
}
#photocampaignArea .link .txt {
	font-weight: normal;
	font-size: 1.6rem;
}
#photocampaignArea .link a {
	text-decoration: underline;
	color: #0845F8;
}

@media (min-width: 768px) and (max-width: 1000px) {
	#photocampaignArea .ttlBox .ttl_lead {
		padding-top: 20%;
	}
	#photocampaignArea .hashtagBox .hashtagContainer {
		text-align: center;
		justify-content: center;
	}
	#photocampaignArea .hashtagBox .required {
		width: 30%;
		text-align: left;
	}
	#photocampaignArea .hashtagBox .option {
		width: 70%;
	}
	#photocampaignArea .hashtagBox .option ul {
		justify-content: left;
	}
	#photocampaignArea .hashtagBox .option ul li {
		width: 33%;
		margin-bottom: 1rem;
		text-align: center;
	}
	#photocampaignArea .awards ul li .goods {
		height: 24rem;
	}
}
/*@media (max-width: 960px) {
	#photocampaignArea .hashtagBox .required {
		width: 35%;
	}
	#photocampaignArea .hashtagBox .option {
		width: 65%;
	}
	#photocampaignArea .hashtagBox .option ul li {
		width: 50%;
	}
}*/
@media (max-width: 767px) {
	#facebookArea {
		padding-bottom: 20%;
	}
	#photocampaignArea {
		background: url(../img/home/bg_photocampaign_sp.png) center center / auto repeat;
		padding-top: 17%;
		margin-bottom: 2rem;
	}
	#photocampaignArea::before {
		background-image: url(../img/home/img_photocampaign_sp.png);
		height: 22vw;
		width: 100%;
	}
	#photocampaignArea .ttlBox {
		flex-direction: column;
		margin-top: -10%;
	}
	#photocampaignArea .ttlBox h2 {
		width: 65%;
		margin: 0 auto;
	}
	#photocampaignArea .ttlBox .ttl_lead {
		width: 100%;
		padding-top: 12%;
	}
	#photocampaignArea .ttlBox .ttl_lead .ttl {
		font-size: 2.2rem;
		width: 100%;
	}
	#photocampaignArea .ttlBox .ttl_lead .lead {
		padding: 0;
		font-size: 1.8rem;
	}
	#photocampaignArea .hashtagBox .hashtagContainer {
		flex-direction: column;
	}
	#photocampaignArea .hashtagBox .required {
		width: 100%;
	}
	#photocampaignArea .hashtagBox span {
		font-size: 1.4rem;
	}
	#photocampaignArea .hashtagBox .subtxt {
		margin-top: 0.5rem;
	}
	#photocampaignArea .hashtagBox .option {
		width: 100%;
		padding: 1rem 0;
		font-size: 1.4rem;
	}
	#photocampaignArea .hashtagBox .option ul {
		padding: 2rem 0 0 3rem;
	}
	#photocampaignArea .hashtagBox .option ul li {
		width: 50%;
		margin-bottom: 2rem;
		text-align: left;
	}
	photocampaignArea .hashtagBox .option ul li:last-child {
		margin-bottom: 0;
	}
	#photocampaignArea .termsBox::before {
		top: -2%;
		left: -2%;
	}
	#photocampaignArea .termsBox::after {
		bottom: -4%;
		right: -4%;
	}
	#photocampaignArea .termsBox .application tr th {
		display: block;
		padding: 2rem 0;
		font-size: 2rem;
	}
	#photocampaignArea .termsBox .application tr td {
		display: block;
		padding: 0 0 2rem;
	}
	#photocampaignArea .termsBox .txt {
		font-size: 1.5rem;
	}
	#photocampaignArea .termsBox span {
		font-size: 2.3rem;
	}
	#photocampaignArea .awards ul {
		flex-direction: column;
	}
	#photocampaignArea .awards ul li {
		width: 100%;
		margin-bottom: 1rem;
	}
	#photocampaignArea .awards ul li .goods {
		height: auto;
		padding: 3% 0;
	}
}
#container .onsen{
	margin: 8% auto 0;
}
#container .onsen.pc{
	display: block;
}
@media (max-width: 767px) {
	#container .onsen{
		margin-top: 10%;
		margin-bottom: 10%;
	}
	#container .onsen.pc{
		display: none;
	}
	.onsen .onsen_asuka .grid_wrap .box_left{
		margin-bottom: 0;
	}
	.onsen .onsen_asuka .grid_wrap .box_left img{
		margin-bottom: 5%;
	}
	.onsen .section:not(:first-child){
		margin-top: 10%;
		padding-top: 0;
	}
}