@charset "utf-8";

/*------------------------------------------------------
 review
------------------------------------------------------*/
#wx-main > section#wx-review{
 width: 100%;
 max-width: none;
	padding-top: 50px;
}

#wx-review-index-hd-bg{
 width: 100%;
 max-width: 1500px;
 margin: 0 auto 50px;
 background: url(../hoshizora/img/wx_hoshizora_index_hd_bg.jpg) no-repeat 50% 50%;
 background-size: auto 100%;
}
#wx-review-index-hd-container,
#wx-review-index-contents{
 width: 92%;
 max-width: 1200px;
 margin: 0 auto;
}
#wx-review-index-hd{
 width: 100%;
 font-size: 1px;
 line-height: 1px;
 letter-spacing: -0.4em;
 margin: 0 auto;
 padding: 45.8333% 0 0;
 position: relative;
}
#wx-review-index-hd h2,
#wx-review-index-hd p{
 position: absolute;
}
#wx-review-index-hd h2{
 width: 37%;
 height: auto;
 left: 10%;
 top: 50%;
 transform: translateY(-50%);
}
#wx-review-index-hd p.index_hd_img{
 width: 45.8333%;
 right: 0;
 bottom: 0;
}

.wx-review-head{
 width: 92%;
 max-width: 1200px;
 margin: 0 auto;
}

.wx-review-overview{
 margin-bottom: 50px;
}
.wx-review-profile{
 display: flex;
	justify-content: space-around;
 width: 92%;
 max-width: 1200px;
 margin: 0 auto 25px;
 position: relative;
 color: #fff;
 text-decoration: none;
 background-color: #212121;
 box-sizing: border-box;
}
.wx_review_top_ph{
	flex: 0 0 26.4%;
	align-self: flex-start;
 width: 26.4%;
 max-width: 317px;
 vertical-align: top;
}
.wx-profile-body{
	flex: 1 1 73%;
 display: flex;
	flex-direction: column;
 width: 73%;
 max-width: none;
 box-sizing: border-box;
 padding: 20px 0 20px 20px;
}
.wx-profile-body p{
 color: #ccc;
 line-height: 1.4;
	font-size: 24px;
	font-size: 2.4rem;
}
p.wx-reviewer_num{
	flex: 0 0 auto;
	margin: 0 auto 0 0;
	padding: 0;
}
p.wx-reviewer_num span{
	display: inline-block;
	padding: 0.4em 0.5em 0.2em;
	background-color: #000;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 0.5em;
}
p.wx-reviewer_copy{
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
}
p.wx-reviewer-name{
	flex: 0 0 auto;
	margin: auto 0 0 0;
 font-size: 27px;
 font-size: 2.7rem;
 line-height: 1.4;
}

.wx-review-profile p.wx-read-more{
 display: inline-block;
 padding: 0.4em 1.2em;
 font-size: 18px;
 font-size: 1.8rem;
 position: absolute;
 right: 20px;
 bottom: 20px;
 color: #fff;
 background-color: #666;
}
a.wx-review-profile:hover{
 text-decoration: none;
}
a.wx-review-profile:hover img{
 opacity: 0.6;
 transition: 0.4s;
}
.wx-review-profile:hover p.wx-read-more{
 text-decoration: none;
 color: #000;
 background-color: #ccc;
}

/*-------------------------------------------------
		Review Contentes
-------------------------------------------------*/
.wx-review-head > h2{
	margin: 1em auto;
	padding: 0;
	text-align: center;
	color: #fff;
	font-size: 4.0rem;
	font-weight: normal;
}
.wx-review-head .wx_reviewer-profile{
 width: 100%;
	text-align: center;
 max-width: none;
 background-color: transparent;
 padding-bottom: 50px;
}
.wx-review-head .wx_reviewer_ph{
 display: block;
 width: 87.5%;
 max-width: 525px;
 margin: 0 auto;
}
 .wx-review-head .wx_reviewer-name{
	padding: 2.4em 0 1.8em;
}
.wx-review-head .wx_reviewer-profile p{
 line-height: 1.8;
 color: #ccc;
	text-align: center;
}
.wx-review-head .wx_reviewer-profile p.wx_reviewer-name_jp{
 font-size: 40px;
 font-size: 4.0rem;
	line-height: 1;
 margin-bottom: 0.5em;
}
.wx-review-head .wx_reviewer-profile p.wx_reviewer-name_en{
 font-size: 20px;
 font-size: 2.0rem;
 line-height: 1;
}
.wx-review-head .wx_reviewer-profile p.wx_reviewer-note{
	display: block;
	width: 60%;
	margin: 0 auto;
 font-size: 20px;
 font-size: 2.0rem;
 margin-left: 21.5%;
}

.wx-review-main{
 width: 100%;
 margin: 0 auto;
 padding: 120px 0 115px;
 text-align: center;
 background-color: #ebebeb;
}
.wx-review-main h2{
 display: inline-block;
 margin: 0 auto 120px;
 padding: 0.2em 0;
 font-size: 35px;
 font-size: 3.5rem;
 font-weight: 500;
 line-height: 1.5;
 text-align: center;
 border-bottom: 1px solid #000;
}
.wx-review-main p.wx-review-note{
 padding: 20px 0;
}
.wx-review-text-box{
		display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
 width: 92%;
 max-width: 1200px;
 margin: 0 auto 20px;
 text-align: left;
}
.wx-review-text-box > div{
	flex: 1 1 47%;
 width: 47%;
 display: inline-block;
 vertical-align: top;
 box-sizing: border-box;
}
.wx-review-text-box div.right-column{
 margin-left: 5%;
}
.wx-review-text-box p{
 font-size: 20px;
 font-size: 2.0rem;
 line-height: 1.8;
 margin-bottom: 1.2em;
}
.wx-review-text-box p span.wx-review-caution{
 display: block;
 font-size: 14px;
 font-size: 1.4rem;
 font-style: oblique;
}

.wx-review-main-img{
	flex: 2 0 100%;
	max-width: 1200px;
 margin: 2em auto;
}
figure.wx-review-main-img{
 text-align: left;
}
#wx-contents-wrapper figure.wx-review-main-img .wx_review_ph{
 display: block;
 vertical-align: middle;
 width: 100%;
 margin: 0 auto;
}
figure.wx-review-main-img figcaption{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em 0;
	vertical-align: middle;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.8;
	text-align: right;
}

/* Review Footer Relation
---------------------------------------------*/
.wx-review-relation{
 width: 92%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 80px 0;
 text-align: left;
}
.wx-review-relation a{
 display: inline-block;
 width: 21.875%;
 vertical-align: top;
 margin: 0 1.62%;
 color: #000;
}
.wx-review-relation a:first-child{
 margin-left: 0;
}
.wx-review-relation a:last-child{
 margin-right: 0;
}
.wx-review-relation a:hover{
 text-decoration: none;
 color: #666;
}
#wx-contents-wrapper .wx-review-relation img{}
a.wx-review-link-box .wx-review-link-txt{}
a.wx-review-link-box p{
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 1.8;
 margin-bottom: 0.3em;
	text-align: center;
}
a.wx-review-link-box p span{
 display: block;
 font-size: 16rem;
 font-size: 1.6rem;
}
a.wx-review-link-box div.wx-review-link-title{
 font-size: 16rem;
 font-size: 1.6rem;
 padding: 0.5em;
 text-decoration: none;
 color: #fff;
 background-color: #333;
}
a.wx-review-link-box:hover img{
 opacity: 0.6;
 transition: 0.4s;
}
a.wx-review-link-box.active div.wx-review-link-title,
a.wx-review-link-box:hover div.wx-review-link-title{
 background-color: #8f8f8f;
}
a.wx-review-link-box div.wx-review-link-title > p{
 display: inline-block;
 vertical-align: middle;
 margin: 0.5em 0 0 0;
 width: 95%;
 font-size: 16rem;
 font-size: 1.6rem;
	text-align: left;
 word-break: break-all;
}
a.wx-review-link-box div.wx-review-link-title > span.review-num{
	font-size: 1.4rem;
	padding: 0 0.4em;
	color: #fff;
	background-color: #000;
}



/*------------------------------------------------------
 OWNER PAGE
------------------------------------------------------*/
.wx-owner-head{
 width: 100%;
 background: url(../owner/img/wx_owner_title_bg.jpg) no-repeat 50% 50%;
 background-size: cover;
}
#wx-review-index-hd h2.owner_hd_ttl{
 width: 36%;
}
.wx-owner-head .wx_owner_ph {
 display: block;
 width: 100%;
 max-width: none;
 margin: 0 auto;
}
.wx-owner-head .wx_owner-profile{
 display: flex;
 align-items: stretch;
 width: 92%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 90px 0;
 color: #fff;
}
.wx-owner-head .wx_owner-profile p.number{
 flex: 0 0 15%;
 box-sizing: border-box;
 font-size: 5.0rem;
}
.wx-owner-head .wx_owner-profile div.name{
 flex: 0 0 22%;
 box-sizing: border-box;
 border: 1px solid #fff;
 border-width: 0 1px;
 padding: 0 2%;
}
.wx-owner-head .wx_owner-profile div.name p.wx_owner-name{
 font-size: 4.5rem;
}
.wx-owner-head .wx_owner-profile div.name p.wx_owner-place{
 font-size: 2.0rem;
}
.wx-owner-head .wx_owner-profile p.wx_owner-note{
 flex: 0 0 56%;
 box-sizing: border-box;
 font-size: 2.0rem;
 margin: 0 0 0 2%;
}


.wx-owner-main-img{
	flex: 2 0 100%;
	max-width: 1200px;
 margin: 2em auto;
}
.wx-review-text-box > div.left-column .wx-owner-main-img{
 margin-top: 0.5em;
}

figure.wx-owner-main-img{
 text-align: left;
}
#wx-contents-wrapper figure.wx-owner-main-img .wx_owner_ph{
 display: block;
 vertical-align: middle;
 width: 100%;
 margin: 0 auto;
}
figure.wx-owner-main-img figcaption{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em 0;
	vertical-align: middle;
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: left;
}

.wx-owner-relation{
 display: flex;
 width: 92%;
 max-width: 1200px;
 margin: 0 auto;
 padding: 80px 0;
 text-align: left;
}
.wx-owner-relation a{
 flex: 0 0 21.875%;
 max-width: 21.875%;
 margin: 0 1.62%;
 color: #fff;
 background-color: #333;
 word-break: break-all;
 transition: all 0.4s;
}
.wx-owner-relation a:hover{
 text-decoration: none;
 background-color: #8f8f8f;
}
.wx-owner-relation a.active{
 background-color: #8f8f8f;
}
.wx-owner-relation a:first-child{
 margin-left: 0;
}
.wx-owner-relation a:last-child{
 margin-right: 0;
}
.wx-owner-relation .wx_owner_ph{
 display: block;
 background-color: #fff;
 transition: opacity 0.4s;
}
.wx-owner-relation a:hover .wx_owner_ph{
 opacity: 0.6;
}
a.wx-owner-link-box .wx-owner-link-txt{
 position: relative;
 font-size: 1.6rem;
 padding: 0;
 text-decoration: none;
 color: #fff;
}
a.wx-owner-link-box span.owner-num{
 display: inline-block;
 padding: 8px;
 font-size: 1.4rem;
 line-height: 1;
 color: #fff;
 background-color: #000;
}
a.wx-owner-link-box p.owner-name{
 text-align: left;
 font-size: 2.2rem;
 padding: 5px 10px 0 10px;
}
a.wx-owner-link-box p.owner-txt{
 font-size: 1.7rem;
 padding: 10px;
}
.wx-review-text-box p.wx-owner-note{
	display: block;
	width: 100%;
	margin: 2em auto;
	padding: 80px 0 0;
	vertical-align: middle;
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: left;
}

@media only screen and (max-width: 1239px){
 .wx-owner-head .wx_owner-profile p.number {
  font-size: 4.5rem;
 }
 .wx-owner-head .wx_owner-profile div.name p.wx_owner-name {
  font-size: 3.8rem;
 }
}
@media only screen and (max-width: 1090px){
 .wx-owner-head .wx_owner-profile p.number {
  font-size: 3.8rem;
 }
 .wx-owner-head .wx_owner-profile div.name p.wx_owner-name {
  font-size: 3.0rem;
 }
 .wx-owner-head .wx_owner-profile div.name p.wx_owner-place{
  font-size: 1.5rem;
 }
 .wx-owner-head .wx_owner-profile p.wx_owner-note{
  font-size: 1.6rem;
 }
}

@media only screen and (max-width: 920px){
 .wx-owner-head .wx_owner-profile p.number {
  font-size: 3.0rem;
 }
 .wx-owner-head .wx_owner-profile div.name{
  flex: 0 0 26%;
 }
 .wx-owner-head .wx_owner-profile div.name p.wx_owner-name {
  font-size: 2.8rem;
 }
 .wx-owner-head .wx_owner-profile div.name p.wx_owner-place{
  font-size: 1.5rem;
 }
 .wx-owner-head .wx_owner-profile p.wx_owner-note{
  flex: 0 0 56%;
  font-size: 1.6rem;
 }
}

@media only screen and (max-width: 780px){
 #wx-review-index-hd h2.owner_hd_ttl{
  width: 43%;
 }
 .wx-owner-head .wx_owner-profile{
  flex-wrap: wrap;
  padding: 20px 0;
 }
 .wx-owner-head .wx_owner-profile p.number {
  flex: 0 0 30%;
  font-size: 2.4rem;
  text-align: center;
 }
 .wx-owner-head .wx_owner-profile div.name {
  flex: 0 0 65%;
  padding: 0 0 0 4%;
  border-right: none;
 }
 .wx-owner-head .wx_owner-profile div.name p.wx_owner-name {
  font-size: 2.4rem;
 }
 .wx-owner-head .wx_owner-profile div.name p.wx_owner-place {
  font-size: 1.1rem;
 }
 .wx-owner-head .wx_owner-profile p.wx_owner-note{
  flex: 0 0 100%;
  width: 100%;
  margin: 20px 0 10px;
  font-size: 1.2rem;
 }
 
 .wx-review-main h2.owner_ttl{
  width: auto;
  margin-bottom: 2em;
 }
 .wx-review-text-box.owner_txt{
  width: 100%;
  flex-direction: column;
 }
 .wx-review-text-box.owner_txt div.left-column,
 .wx-review-text-box.owner_txt div.right-column{
  flex: 0 0 auto;
  width: 92%;
  margin: 0 auto;
  order: inherit;
 }
 .wx-review-text-box.owner_txt figure.wx-owner-main-img{
  flex: 0 0 auto;
  width: 100%;
  margin: 0 auto 2em;
 }
 
 #wx-contents-wrapper .wx-review-text-box > div.left-column .wx-owner-main-img{
  margin-top: 1em;
 }
 #wx-contents-wrapper .wx-review-text-box > div.left-column .wx-owner-main-img .wx_owner_ph{
  width: 108%;
  margin: 0 -4%;
 }
 .wx-review-text-box.owner_txt figure.wx-owner-main-img figcaption{
  display: block;
  width: 92%;
  font-size: 1.2rem;
  padding: 0.5em 0;
  margin: 0 auto;
 }
 #wx-contents-wrapper .wx-review-text-box > div.left-column figure.wx-owner-main-img figcaption{
  width: 100%;
 }
 .wx-owner-relation{
  display: block;
 }
 .wx-owner-relation a{
  flex: none;
  display: flex;
  align-items: flex-start;
  max-width: none;
  width: 100%;
  margin: 0 auto 8px;
 }
 .wx-owner-relation .wx_owner_pic{
  flex: 0 0 37%;
  width: 37%;
 }
 .wx-owner-relation a .wx-owner-link-txt{
  flex: 0 0 63%;
  width: 63%;
  vertical-align: middle;
  text-align: left;
 }
 a.wx-owner-link-box span.owner-num{
  width: auto;
  font-size: 1.2rem;
  padding: 10px;
 }
 a.wx-owner-link-box p.owner-name{
  font-size: 1.8rem;
  text-align: left;
  padding: 5px 10px 0;
  width: auto;
 }
 a.wx-owner-link-box p.owner-txt{
  font-size: 1.4rem;
  text-align: left;
  padding: 5px 10px 10px;
 }
 .wx-review-text-box p.wx-owner-note{
  display: block;
  width: 92%;
  font-size: 1.2rem;
  padding: 1em 0;
  margin: 0 auto;
 }
}



/*------------------------------------------------------
 BreakPoint max 780px > SmartPhone
------------------------------------------------------*/
@media only screen and (max-width: 780px){
	#wx-review-index-hd-bg{margin: 0 auto 50px;}
 #wx-review-index-hd-container{width: 100%;}

	#wx-main > section#wx-review{padding-top: 0;}
	.wx-review-head{width: 100%; border-top: 1px solid #fff;}
	.review-top .wx-review-head{border: none;}
	.wx-title-img{margin: 0 0 60px;}
	.wx-title-img h2{width: 100%; margin: 0 auto; top: auto; left: 0; bottom: -50px; text-align: center;}
	.wx-title-img h2 span{display: block; width: 92%; margin: 0 auto; text-align: center; font-size: 2.0rem; line-height: 1,8; border-bottom: 1px solid #ccc;}
	.wx-review-head > h2{width: 95%; text-align: left; font-size: 1.8rem; font-weight: bold;}
	
	.wx-review-profile{display: block; text-align: center; padding-bottom: 20px;}
	.wx_review_top_ph{width: 100%; display: block; max-width: none;}
	.wx-profile-body{display: block; width: 100%; padding: 15px;}
	p.wx-reviewer_copy{font-size: 1.4rem; margin-bottom: 1em;}
	p.wx-reviewer-name{font-size: 1.6rem; text-align: right;}
	.wx-review-profile p.wx-read-more{position: relative; right: auto; left: auto; top: auto; bottom: auto; margin: 0 auto; background-color: #fff; font-size: 1.4rem; color: #000;}
	
	/* Review Contents
	----------------------------*/
	.wx-review-head .wx_reviewer-profile{width: 95%; margin: 0 auto; text-align: left; padding-bottom: 0;}
	.wx-review-head .wx_reviewer_ph{display: inline-block; vertical-align: middle; width: 50%;}
	.wx-review-head .wx_reviewer-name{display: inline-block; vertical-align: middle; width: 44.5%; padding: 0; margin-left: 3%;}
	.wx-review-head .wx_reviewer-profile p{text-align: left; font-size: 1.4rem;}
	.wx-review-head .wx_reviewer-profile p.wx_reviewer-name_jp{font-size: 1.8rem;}
	.wx-review-head .wx_reviewer-profile p.wx_reviewer-name_en{font-size: 1.4rem;}
	.wx-review-head .wx_reviewer-profile p.wx_reviewer-note{width: 100%; margin: 1.8em auto; padding: 0; font-size: 1.2rem; line-height: 1.4;}
	
	.wx-review-main{padding: 1em 0;}
	.wx-review-main h2{width: 95%; margin: 0 auto 1em; font-size: 1.8rem;}
	.wx-review-text-box div.left-column{flex: 0 0 100%; order: 1; width: 100%; margin: 0 auto; padding: 0;}
	.wx-review-text-box div.right-column{flex: 0 0 100%; order: 3;margin: 0 auto;}
	.wx-review-text-box p{font-size: 1.6rem;}
	figure.wx-review-main-img{flex: 0 0 108%; order: 2; margin: 0 -4% 1em; text-align: center;}
	figure.wx-review-main-img figcaption{width: 90%; font-size: 1.2rem;}
	
 .wx-review-relation{padding: 40px 0;}
 .wx-review-relation a{display: block; width: 100%; box-sizing: border-box; padding: 0;  margin: 0 auto 8px; text-align: left; color: #fff; background: #333;}
	.wx-review-relation a.active{background: #8f8f8f;}
 .wx-review-relation a:first-child{margin-left: auto;}
 .wx-review-relation a:last-child{margin-right: auto;}
 .wx-review-relation a:hover{color: #fff; background-color: #8f8f8f;}
 .wx-review-relation a:after{content: ""; display: table; clear: both;}
 #wx-contents-wrapper .wx-review-relation img{display: inline-block; vertical-align: top; width: 40%;}
 a.wx-review-link-box .wx-review-link-txt{display: inline-block; vertical-align: middle; text-align: left; width: 57%;}
	a.wx-review-link-box div.wx-review-link-title,
	a.wx-review-link-box.active div.wx-review-link-title{background-color: transparent;}
	a.wx-review-link-box div.wx-review-link-title > span.review-num{font-size: 1.2rem;}
	a.wx-review-link-box div.wx-review-link-title > p{font-size: 1.4rem; line-height: 1.4; width: 100%;}
	a.wx-review-link-box .wx-review-link-txt > p{font-size: 1.4rem; text-align: left; padding: 0 0 0.5em 0.5em;}
	
}
/*----------------------------------------------------*/