@charset "utf-8";

/* ================================================================================
doll 共通設定
================================================================================= */


/* ================================================================================
sec_doll_lead 共通設定
================================================================================= */
#sec_doll_lead .ttl {
  margin:25px 0 0;
  padding:25px 0;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  font-size:2.0rem;
  position:relative;
  cursor:pointer;
}
#sec_doll_lead .ttl.active {
  padding-bottom:0;
  border-bottom:none;
}
#sec_doll_lead .ttl::after {
  content:'＋';
  display:block;
  position: absolute;
  top:25px;
  right:25px;
}
#sec_doll_lead .ttl.active::after {
  content:'−';
  display:block;
  position: absolute;
  top:25px;
  right:25px;
}
#sec_doll_lead .acc_box {
  display:none;
  padding:0 0 25px;
  border-bottom:1px solid #000;
}
#sec_doll_lead p {
  margin-top:1.7rem;
}

/* PC調整 ----------------------------　*/
@media (min-width:769px) {
#sec_doll_lead {
  max-width:1100px;
  margin:0 auto;
  padding:0 70px 70px;
}
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#sec_doll_lead {
  padding:15px 15px 30px;
}
#sec_doll_lead .ttl {
  margin:0;
  font-size:1.7rem;
}
#sec_doll_lead .ttl::after {
  right:0;
}
#sec_doll_lead .ttl.active::after {
  right:0;
}
}


/* ================================================================================
separate_photo 共通設定
================================================================================= */
.separate_photo {
  position:relative;
  padding-top:20%;
  background:#eee;
  overflow:hidden;
}
.separate_photo img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
.separate_photo {
  padding-top:100%;
}
}


/* ================================================================================
不使用　separate_photo_clip　共通設定 
================================================================================= */
.separate_photo_clip {
  position:relative;
  width:100%;
  overflow:hidden;
}
.separate_photo_clip .mask {
  position:absolute;
  width:0;
  height:0;
}
.separate_photo_clip .img_svg {
  width:100%;
  height:100%;
}
#img_clip_2 {
  position:relative;
  width:46%;
  padding-top:19%;
  margin:0 auto; 
  overflow:hidden;
}
#img_clip_2 img {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:100%;
  height:auto;
}
#img_clip_1,
#img_clip_3 {
  position:absolute;
  top:0;
  left:0;
  width:33%;
  z-index:2;
}
#img_clip_3 {
  left:auto;
  right:0;
}


/* ================================================================================
sec_items　共通設定
================================================================================= */
#sec_items .item_header {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  margin-bottom:5px;
}

/* PC調整 ----------------------------　*/
@media (min-width:769px) {
#sec_items {
  margin:30px 0 60px;
}
#sec_items .inner {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-justify-content:center;
  justify-content:center;
  width:1100px;
  margin:0 auto;
}
#sec_items .box {
  width:340px;
  margin-left:30px;
}
#sec_items .box:nth-child(3n+1) {
  margin-left:0;
}
#sec_items .box:nth-child(n+4) {
  margin-top:30px;
}
#sec_items .ttl,
#sec_items .price {
  font-size:1.6rem;
}
#sec_items .supplement_1 {
  margin-top:5px;
  font-size:1.3rem;
}
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#sec_items {
  margin:30px 0;
}
#sec_items .inner {
  margin:0 auto;
  padding:0 15px;
}
#sec_items .box {
  width:100%;
  max-width:440px;
  margin:0 auto;
}
#sec_items .box + .box {
  margin-top:20px;
}
#sec_items .box .photo {
  max-width:340px;
  margin:0 auto;
}
#sec_items .ttl,
#sec_items .price {
  font-size:1.5rem;
}
#sec_items .supplement_1 {
  margin-top:5px;
  font-size:1.2rem;
}
}


/* ================================================================================
sec_faq　共通設定
================================================================================= */
#sec_faq {
  background:url(../../../common/img/bg_paper_02.jpg) 0 0 repeat;
  background-size:350px 350px;
  color:#fff;
  padding-bottom:60px;
}
#sec_faq .inner {
  width:1100px;
  margin:0 auto;
}
#sec_faq .faq_header {
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-align-items:center;
  align-items:center;
  position:relative;
  width:100%;
  height:250px;
  margin-bottom:60px;
}
#sec_faq .faq_header:after,
#sec_faq .faq_header:before {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:318px;
  height:250px;
  background:url(../img/bg_faq.png) 0 bottom no-repeat;
  background-size:contain;
}
#sec_faq .faq_header:before {
  left:auto;
  right:0;
  -webkit-transform:scale(-1,1);
  transform:scale(-1,1);
}
#sec_faq .faq_header .ttl span {
  display:block;
  text-align:center;
}
#sec_faq .ttl_faq img {
  width:147px;
  margin-bottom:15px;
}
#sec_faq .fqq_tab,
#sec_faq .faq_detail {
  position:relative;
  border:1px solid #aaa;
  padding:10px 30px 10px 65px;
}
#sec_faq .fqq_tab {
  margin-top:20px;
  padding-right:40px;
  cursor:pointer;
}
#sec_faq .fqq_tab:before {
  content:"";
  display:block;
  position:absolute;
  top:17px;
  right:20px;
  width:0;
  height:0;
  border-style:solid;
  border-width:10px 6px 0 6px;
  border-color:#fff transparent transparent transparent;
}
#sec_faq .fqq_tab.active:before {
  content:"";
  display:block;
  position:absolute;
  top:17px;
  right:20px;
  width:0;
  height:0;
  border-style:solid;
  border-width:0 6px 10px 6px;
  border-color:transparent transparent #fff transparent;
}
#sec_faq .faq_detail {
  display:none;
  border-top:none;
  background:rgba(255,255,255,.6);
  color:#000;
}
#sec_faq .fqq_tab .ttl {
  font-weight:500;
  font-size:1.4rem;
}
#sec_faq .icon_q,
#sec_faq .icon_a {
  position:absolute;
  top:4px;
  left:15px;
  width:1em;
  font-size:2rem;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
#sec_faq .ttl_faq img {
  width:102px;
}
#sec_faq {
  padding-bottom:30px;
}
#sec_faq .inner {
  width:auto;
  padding:0 15px;
}
#sec_faq .faq_header {
  width:100%;
  height:auto;
  padding:30px 0;
  margin-bottom:20px;
}
#sec_faq .faq_header:after,
#sec_faq .faq_header:before {
  width:35%;
  max-width:180px;
  height:100%;
}
#sec_faq .ttl_faq img {
  width:102px;
  margin-bottom:5px;
}
#sec_faq .fqq_tab,
#sec_faq .faq_detail {
  padding:10px 15px 10px 50px;
}
#sec_faq .fqq_tab {
  margin-top:10px;
  padding-right:40px;
}
}


/* ================================================================================
bt_doll_link　共通設定
================================================================================= */
.bt_doll_link {
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  margin-top:60px;
}
.bt_doll_link li:nth-child(2) {
  margin:0 28px;
}
.bt_doll_link a {
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-align-items:center;
  align-items:center;
  position:relative;
  width:348px;
  height:130px;
  background-size:cover;
  transition:.4s;
}
.bt_doll_link a:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  transition:.4s;
}
.bt_doll_link a:hover:after {
  background:rgba(0,0,0,0);
}
.bt_doll_link a div {
  position:relative;
  z-index:3;
}
.bt_doll_link .txt {
  margin-right:15px;
}
.bt_battledore a {
  background-image:url(../img/bt_faq_01.jpg);
}
.bt_hina_doll a {
  background-image:url(../img/bt_faq_02.jpg);
}
.bt_may_doll a {
  background-image:url(../img/bt_faq_03.jpg);
}
.bt_battledore .txt img {
  width:152px;
}
.bt_hina_doll .txt img {
  width:65px;
}
.bt_may_doll .txt img {
  width:87px;
}

/* SP調整 ----------------------------　*/
@media (max-width:768px) {
.bt_doll_link {
  display:block;
  margin:30px 15px 0;
}
.bt_doll_link li + li {
  margin-top:5px;
}
.bt_doll_link li:nth-child(2) {
  margin:5px 0 0;
}
.bt_doll_link a {
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-align-items:center;
  align-items:center;
  width:100%;
  padding:0 15px;
  height:75px;
}
.bt_doll_link a:hover:after {
  background:rgba(0,0,0,.5);
}
.bt_battledore .txt img {
  width:121px;
}
.bt_hina_doll .txt img {
  width:52px;
}
.bt_may_doll .txt img {
  width:70px;
}
}