@charset "UTF-8";
.sp {
 display: none
}
.br_sp {
 display: none
}
.br_pc {
 display: block;
 line-height: 0
}
/*body {
 font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
 background: rgba(255, 252, 230, .2);
 text-align: center;
 letter-spacing: .15em;
 line-height: 2rem;
 font-size: 16px;
 height: 100%;
 color: #222222;
 margin: 0;
 padding: 0;
 overflow-wrap: break-word;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 -webkit-text-size-adjust: 100%;
}

html {
 width: 100%;
 height: 100%;
 scroll-behavior: smooth;
 margin: 0;
 padding: 0;
 position: relative;
}
*/
hr {
 height: 1px;
 width: 100px;
 background-color: #222;
 border: none;
 margin: 0 auto 30px;
}
hr.devide {
 height: 1px;
 width: 100px;
 background-color: #222;
 border: none;
 margin: 120px auto;
}
a {
 text-decoration: none;
 /*transition: all 0.5s ease 0s;*/
}
a:hover {
 opacity: .5;
 transition: all 0.5s ease 0s;
}
ul {
 list-style: none;
}
#pherrows-wrap {
 min-width: 0;
 margin: 0;
 padding: 0;
 min-height: 100vh;
 position: relative;
 box-sizing: border-box;
 overflow: hidden;
}

#pherrows-wrap h2 {
  /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
 font-weight: 400;
 font-style: normal;
 font-size: 1.8rem;
 text-align: center;
 letter-spacing: .15em;
}
section.main {
 width: 100%;
 height: auto;
 margin: 0 auto;
 position: relative;
 text-align: center;
}
section.main .wp {
 background-image: url(/img/brand/pherrows/main_2024.png);
 background-repeat: no-repeat;
 background-position: 8% center;
 background-size: 100%;
 min-height: 700px;
 position: relative;
}
section.intro {
 width: 100%;
 margin: 60px auto 80px;
 position: relative;
}
section.intro p {
 display: block;
 width: 72%;
 margin: auto;
}
section.intro h1 {
  /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
 font-weight: 400;
 font-style: normal;
 font-size: 2.5rem;
 text-align: center;
 letter-spacing: .15em;
 line-height: 4rem;
 padding: 30px 0;
}
section.models {
 margin: 60px auto 80px;
 position: relative;
}
section.about {
 margin: 60px auto 0;
 position: relative;
 /*background: rgba(240, 248, 255, 1);*/
 padding-bottom: 120px;
}
section.about p {
 display: inline-block;
 width: 72%;
 margin-top: 60px;
}
section.shoplist {
 margin: 0 auto;
 position: relative;
 /*background: rgba(255, 252, 230, .9);*/
 background: rgba(240, 248, 255, 1);
 padding-bottom: 40px;
}
/*--- section全般 ----*/
.h2-box {
 background-color: #1a2a54;
 height: 70px;
 line-height: 70px;
 margin: 0 auto;
 /*padding: 27px 10px 23px 10px;*/
 /*padding: 17px 10px 13px 10px;*/
}
.h2-box h2 {
 text-align: center;
 margin: 0 auto;
  /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
 font-weight: 400;
 font-style: normal;
 font-size: 2.5rem;
 letter-spacing: .15em;
 color: #fff;
}
/*************************************************************
/ 汎用
/************************************************************/
/*.inner-wrap {
 width: 1250px;
 margin-left: auto;
 margin-right: auto;
}*/
@media only screen and (max-width: 750px) {
 .inner-wrap {
  width: 100%;
 }
}
.is-pc .hv-o {
 display: block;
 transition: opacity .3s;
}
.is-pc .hv-o:hover {
 opacity: .7;
}
@media only screen and (min-width: 768px) {
 .only-sp {
  display: none !important;
 }
}
@media only screen and (max-width: 767px) {
 .only-pc {
  display: none !important;
 }
}
.is-pc .hv-o {
 display: block;
 transition: opacity .3s;
}
.is-pc .hv-o:hover {
 opacity: .7;
}
/*
.content {
 max-width: 100%;
 padding: .5% 3% 0 5%;
}
*/
/*--- models ---*/
.models-layout {
 width: 90%;
 height: auto;
 display: flex;
 justify-content: center;
 align-items: center;
 margin: auto;
 gap: 32px;
 flex-wrap: nowrap;
 position: relative;
}
.models-layout .item {
 width: 50%;
 order: 1;
}
.models-layout .item p.text {
 display: block;
 margin-top: 0;
}
.models-layout .item p.name {
  /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
 font-weight: 400;
 font-size: 5.5rem;
 color: #222;
 display: block;
 padding-bottom: 60px !important;
 line-height: .9;
}
.models-layout .item span.brand {
  /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
 font-weight: 400;
 font-size: 3rem;
 color: #222;
}
.models-layout .item p.model {
 font-family: 'Lora', serif;
 font-size: .8rem;
 font-weight: bold;
 color: #fff;
 background: darkred;
 border-radius: 50px;
 margin: 40px 0 25px;
 padding: 6px 15px;
 display: flex;
 justify-content: center;
 align-items: center;
 max-width: 150px;
 white-space: nowrap;
}
.models-wrapper {
 width: 100%;
 margin: 40px auto;
}
.models-wrapper .container h3 {
  /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
 font-weight: 400;
 font-style: normal;
 font-size: 1.8rem;
 text-align: center;
 letter-spacing: .15em;
 margin: 50px auto;
 position: relative;
 display: inline-block;
 padding: 0 75px;
}
.models-wrapper .container h3:before, .models-wrapper .container h3:after {
 content: '';
 position: absolute;
 top: 50%;
 display: inline-block;
 width: 50px;
 height: 1px;
 background-color: #222;
}
.models-wrapper .container h3:before {
 left: 0;
}
.models-wrapper .container h3:after {
 right: 0;
}
.models-detail-inner {
 display: flex;
 justify-content: center;
 align-items: center;
}
.models-detail-inner .item {
 width: 100%;
 padding: 0;
 order: 1;
}
.models-detail-inner .item2 {
 width: 50%;
 /*padding: 0 20px 10px;*/
 order: 2;
}
.models-detail-inner .item img {
 width: 100%;
 height: auto;
 object-fit: cover;
}
.models-detail-inner .item .text {
  /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
 font-weight: 400;
 font-size: 6rem;
 color: #222;
 line-height: 1;
}
.models-detail-inner .item .text span {
 font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
 font-size: .7rem;
 color: #666;
}
.models-detail-inner .detail {
 width: 33.333333%;
 padding: 20px;
}
.models-detail-inner .detail2 {
 width: 50%;
 padding: 20px;
}
.models-detail-inner .detail p, .models-detail-inner .detail2 p {
 padding-top: 20px;
}
.models .inner-wrap {
 min-width: 0;
 margin: 60px auto;
}
.models .inner-wrap .container {
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 box-sizing: border-box;
 text-align: center;
 /*width: fit-content;*/
 width: 1180px;
}
.set-flex {
 display: flex;
 padding-top: 40px;
}
.models .inner-wrap.container .color {
 margin: 5px;
 padding: 20px 10px;
}
.models .inner-wrap.container .color.n01 {
 width: 100%;
 text-align: right;
}
.models .inner-wrap.container .color.n02 {
 width: calc(50% - 20px);
}
.models .inner-wrap.container .color.n03 {
 width: calc(50% - 20px);
}
.models .inner-wrap.container .color.n04 {
 width: calc(50% - 20px);
}
.models .inner-wrap.container .color.n01 img {
 width: 800px;
 max-width: 100%;
 height: auto;
}
.models .inner-wrap.container .color.n02 img, .models .inner-wrap.container .color.n03 img, .models .inner-wrap.container .color.n03 img, .models .inner-wrap.container .color.n04 img {
 min-width: 300px;
 max-width: 100%;
 height: auto;
}
.models .inner-wrap.container p.color {
 display: block;
 margin-top: -20px;
 margin-right: 0;
 font-size: 14px;
}
.flex-wrap {
 display: flex;
 flex-flow: wrap;
 width: 90%;
 height: 400px;
}
.flex-rev {
 display: flex;
 flex-flow: wrap-reverse;
 height: 400px;
}
.flex-item {
 height: 160px;
 flex: auto;
 padding: 5px;
}
.models.container .item {
 margin: 5px;
 padding: 20px 10px;
}
.models.container .item.n01 {
 width: 50%;
 height: 980px;
}
.models.container .item.n02 {
 width: 50%;
 height: 490px;
}
.models.container .item.n03 {
 width: 50%;
 height: 490px;
}
/*--- about ---*/
.about .inner-wrap {
 width: 90%;
 padding: 60px 0 0;
 margin: auto;
 text-align: center;
}
.about .inner-wrap img {
 object-fit: contain;
 max-width: 100%;
}
.about .inner-wrap p {
 text-align: left;
}
section.about .pherrows_logo {
 width: 240px;
 display: inline-block;
 margin-top: 60px;
}
/*--- shoplist ---*/
.shoplist .inner-wrap {
 width: 90%;
 margin: 60px auto;
 padding-bottom: 100px;
}
.shoplist .txt {
 text-align: center;
 font-size: 16px;
 line-height: 2;
}
.shoplist .btn {
 margin: 40px auto 0;
 width: 590px;
 height: 92px;
 margin-bottom: 100px;
}
.shoplist .btn a {
 width: 100%;
 height: 100%;
 padding-bottom: 5px;
 display: block;
 border: solid 1px #000;
 color: #1a2a54;
 text-decoration: underline;
 font-size: 16px;
 font-weight: 600;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-wrap: wrap;
 position: relative;
 padding-left: 20px;
}
/************************ sp ************************/
@media screen and (max-width:768px) {
 /*
 html {
  font-size: 62.5%;
  height: 100%;
  width: 100%
 }

 body {
  font-size: 1.6em;
  width: 100%;
  min-width: 320px;
  -webkit-text-size-adjust: 100%
 }
 */
 a.arrow {
  font-size: 1.6rem
 }
 .pc {
  display: none
 }
 .sp {
  display: block
 }
 .br_sp {
  display: block
 }
 .br_pc {
  display: none;
  line-height: inherit
 }

 #pherrows-wrap h2 {
   /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  text-align: center;
  letter-spacing: .15em;
 }
 #pherrows-wrap h3 {
   /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  text-align: center;
  letter-spacing: .15em;
  margin: 30px auto;
  display: flex;
  align-items: center;
  justify-content: center;
 }
 /************ top ************/
 section.main .wp {
  background-image: none;
  width: 100vw;
  height: auto;
  position: absolute;
  z-index: 3
 }
 section.main .mainimg {
  position: relative;
  z-index: 1;
 }
 section.main .mainimg {
  object-fit: cover;
 }
 section.main .inner #main-logo {
  position: absolute;
  padding: 0 0 15% 0;
  bottom: 0;
  left: 4.23%
 }
 section.main .inner #main-logo img {
  max-width: 297px;
  width: auto
 }
 /*--- intro ---*/
 section.intro {
  width: 100%;
  /*display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  background: pink;*/
 }
 section.intro h1 {
   /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 200%;
  text-align: center;
  letter-spacing: .15em;
  line-height: 2rem;
  padding: 30px 10px;
  white-space: nowrap;
 } 
 section.intro p {
  display: block;
  margin: auto;
 }
.h2-box h2 {
  font-size: 200%!important;
 }
 /*--- models ---*/
 .models-layout {
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  gap: 32px;
  flex-wrap: nowrap;
  position: relative;
 }
 .models-layout .item {
  width: 100%;
  order: 1;
 }
 .models-layout .item p.text {
  display: block;
  margin-top: -10px;
 }
 .models-layout .item p.name {
   /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
  font-weight: 400;
  font-size: 3.6rem;
  color: #222;
  display: block;
  margin-top: -10px;
  padding: 0 10px;
  line-height: .9;
  white-space: nowrap;
 }
 .models-layout .item span.brand {
   /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
  font-weight: 400;
  font-size: 2rem;
  color: #222;
 }
 .models-layout .item p.model {
  font-size: 100%;
 }
 .models-wrapper {
  width: 100%;
  margin: 40px auto;
 }
 .models-wrapper .container h3 {
   /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: .15em;
  margin: 50px auto;
  position: relative;
  display: inline-block;
  padding: 0 30px;
 }
 .models-wrapper .container h3:before, .models-wrapper .container h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: #222;
 }
 .models-wrapper .container h3:before {
  left: 80px;
 }
 .models-wrapper .container h3:after {
  right: 80px;
 }
 .models-detail-inner {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
 }
 .models-detail-inner .item {
  width: 100%;
  padding: 0;
  order: 1;
 }
 .models-detail-inner .item2 {
  width: 100%;
  padding: 0 20px 10px;
  order: 2;
 }
 .models-detail-inner .item img {
  width: 150%;
  height: auto;
  object-fit: cover;
 }
 .models-detail-inner .item .text {
   /*font-family: "miller-banner", serif;*/
 font-family: 'Lora', serif;
  font-weight: 400;
  font-size: 6rem;
  color: #222;
  line-height: 1;
 }
 .models-detail-inner .item .text span {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 1.2rem;
  color: #666;
 }
 .models-detail-inner .detail {
  width: 100%;
  padding: 20px;
  text-align: left;
 }
 .models-detail-inner .detail2 {
  width: 100%;
  padding: 20px;
  text-align: left;  
 }
 .models .inner-wrap {
  width: 100%;
  margin: 60px auto;
 }
 .models .inner-wrap .container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
  text-align: center;
  width: fit-content;
  width: 100%;
 }
 .set-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: inherit;
  align-items: center;
 }
 .set-flex img {
  width: 100%;
  height: auto;
  margin: auto;
 }
 .models .inner-wrap .container .color {
  margin: 5px;
  padding: 20px 10px;
 }
 .models .inner-wrap .container .n01 {
  width: 100%;
 }
 /*	
.models .inner-wrap .container .n01  img {	
	width: 150%!important;
	height: auto;
	margin: auto;
}	
*/
 .models .inner-wrap .container .n02 {
  width: 100%;
 }
 .models .inner-wrap .container .n03 {
  width: 100%;
 }
 .models .inner-wrap .container .n04 {
  width: 100%;
 }
 .models .inner-wrap .container .color p.color {
  display: block;
  margin-top: -10px;
  margin-right: 20px;
  text-align: right;
  font-size: 12px;
 }
 .flex-wrap {
  display: flex;
  flex-flow: wrap;
  width: 100%;
  height: 400px;
 }
 .flex-rev {
  display: flex;
  flex-flow: wrap-reverse;
  height: 400px;
 }
 .flex-item {
  height: 160px;
  flex: auto;
  padding: 5px;
 }
 .models .container .item {
  margin: 5px;
  padding: 20px 10px;
 }
 .models .container .item.n01 {
  width: 100%;
  height: 980px;
 }
 .models .container .item.n02 {
  width: 100%;
  height: 490px;
 }
 .models .container .item.n03 {
  width: 100%;
  height: 490px;
 }
 /*--- about ---*/
 section.about {
  width: 100%;
  margin: 60px auto 30px;
  position: relative;
  background: rgba(240, 248, 255, 1);
  padding-bottom: 60px;
 }
 section.about .pherrows_logo {
  width: 180px;
  display: inline-block;
  margin-top: 60px;
 }
 .about .inner-wrap {
  width: 100%;
}
 /*--- shoplist ---*/
 .shoplist .inner-wrap {
  width: 1180px;
  margin: 60px auto 20px;
  padding-bottom: 10px;
 }
 .shoplist .txt {
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
  width: 80%;
  margin: auto;
 }
 .shoplist .btn {
  width: 100%;
  min-height: 72px;
 }
 .shoplist .btn a {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
  margin: 0 auto;
  max-width: 90%;
  width: 90%;
  min-height: auto;
  padding-bottom: 0;
  padding-left: 3.38983%;
 }
 .shoplist .btn a:after {
  content: '';
  width: 16px;
  height: 16px;
  border: 0;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 25%;
  padding: 0;
  left: 0;
  margin-top: 3%;
  margin-left: 4%
 }
}