#title{
padding: 200px 0 0 0;
position: relative;
margin: 0 auto;
}
body{background-image: url(../images/body-haikei-option.webp);}
.section-inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 5%;
text-align: left;
}
p.option-title-pc{
	font-family: "Shippori Mincho", serif;
	text-align: center;
	font-size: 60px;
	line-height: 2;
	letter-spacing: 0.03em;
	color: #fff;
	margin-bottom: 40px;
}
p.option-title-sp{display: none;}

.header-haikei {
    margin: -270px 0 0 0;
}
.face{
	display: flex;
	margin: 0 auto;
}
.show-text span ,.hide-text span {
  color: #f68d12;
  font-weight: bold;
}
.kakuninn{
  margin-top: 100px;
  font-family: "Yu Gothic";
  font-weight: bold;
}

/* <!---フォント---------> */
h2.option-title{
  font-size: 48px;
  font-family: "Shippori Mincho", serif;
  text-align: center;
  padding: 100px 0 10px 0;
}
h2.option-subtitle{
  font-size: 20px;
  font-family: "Shippori Mincho", serif;
  text-align: center;
}
.right p.large-option{
  font-size: 25px;
  line-height: 1.5;
}

.colum-2-button{
	justify-content: space-between;
    display: flex;
	margin-top: 35px;
}
.button{
	width: 45%;
	text-align: center;
}
.button a:hover{
	filter: drop-shadow(0 0px 1px #000);
	top: -3px;
}


/* <!---もっと見る箇所----------> */
p {
font-family: "Shippori Mincho", serif;
font-size: 14px;
line-height: 2;
letter-spacing: 0.03em;
color: #fff;
}
 
#text-wrap {
  width: 50%;
  height: 100%;
  display: block;
  margin: 0 auto;
  padding: 70px;
}
 
.hide-text{display: none;}
.show-text-sp{display: none;}
.optiontop-pc{display: block;}
.optiontop-sp{display: none;}
 
button.readmore {
  position: relative;
  height: 80px;
  width: 90px;
	margin: -10px auto 0 auto;
  display: block;
  background-color: transparent;
  color: #fff;
  padding-bottom: 40px;
  border: none;
  outline: 0;
  transition: .5s;
  -erbkit-transition: .5s;
}
 
button.readmore::after {
  content: " ";
  position: absolute;
  width: 30px;
  height: 30px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  right: 28px;
  top: 37px;
  transition: .5s;
  -erbkit-transition: .5s;
}
button.readmore:hover::after {top: 40px;}
.on-click {color: transparent!important;}
.on-click {transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
.show-text ,.hide-text{padding: 20px;

}

/* <!---商品画像スライド----------> */
.slick-prev,.slick-next {z-index: 10;}
.slick-next {right: 30px;}
.slick-prev {left: 30px;}
.slick-prev:before,.slick-next:before {color: #fff;}
.slick-list.draggable {width: 100%;height: auto;}


/** -----------------------------------
    profileー
-------------------------------------**/

.profile{display: flex; margin-top: 80px;}
.right,.left{width: 50%; padding: 0 50px;}
.right p.large{margin-bottom: 30px; font-size: 30px;}
.right{padding: 0 20px; text-align: left;}
.left{display: block;}




/** -------- スマホ -------- **/

@media screen and (max-width: 820px) {
  .slick-track { height: auto;}
  #title{padding: 70px 0 0 0;}
  p.option-title-pc{display: none;}
  p.option-title-sp {
    display: block;
    /* writing-mode: vertical-rl; */
    font-size: 30px;
    color: #fff;
    text-align: center;
 }
  .optiontop-pc{display: none;}
  .optiontop-sp{display: block;}

  .left{display: inline-block;}
  .right{margin-top: 140px;}

    /** -----------------------------------
  profile
-------------------------------------**/
.profile{display: block;  margin-top: 30px;}
.right, .left {width: 100%; padding: 0;}
.right {padding: 0; margin-top: 40px;}
.right p.large {margin-bottom: 10px; font-size: 24px;}
p.label{ font-size: 14px;}


  /* <!---フォント---------> */
  h2.option-title{font-size: 30px; padding: 60px 0 10px 0;}
  h2.option-subtitle{font-size: 14px;} 
}