@charset "UTF-8";

/* =====================================
    * setting for animation style *
===================================== */

.fadeIn {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 1500ms;
  transition: all 1500ms;
  }
  
  /* jQueryでスクロール量に応じて付与された 'scrollIn' のスタイル */
  .fadeIn.scrollIn {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

/* =================
	all
================= */

a:hover img{
	opacity: 0.7;
}

img{
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
}

.main-area .main-inner{
    width: 100%;
    max-width: none;
}

#tanaka_09{
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    font-feature-settings: "palt";
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    overflow-y: auto;
    overflow-x: hidden;
}

#tanaka_09 a{
    display: block;
}

.flexbox{
    display: flex;
}

.sec h3,.ai_ttl{
  font-family: 'Cormorant Infant', serif;
  font-weight: 300;
}

.ai_ttl{
  text-align: center;
}

.sec h3 span{
  padding-bottom: 3px;
  letter-spacing: 0.07em;
  display: block;
  white-space: nowrap;
}

.sec h3 .scon{
  display: inline;
}

.model_txt,.d_txt{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.63;
  letter-spacing: 0.05em;
}

.price{
  font-size: 12px;
  font-weight: 300;
  line-height: 1.84;
  font-feature-settings: normal;
  text-align: center;
}

.ai_txt{
  width: 205px;
  font-size: 12px;
  letter-spacing: 0.09em;
  line-height: 1.5;
  padding-top: 44px;
  margin-right: 20px;
}

.ai_ttl{
  font-size: 28px;
  letter-spacing: 0.11em;
  line-height: 1.15;
  margin-bottom: 13px;
  display: block;
}

.model_txt{
  margin-bottom: 21px;
}

#tanaka_09 .tanaka_footer{
  width: 398px;
  margin: 0 auto 100px;
}

#tanaka_09 .tanaka_btn a{
  width: 380px;
  margin: 0 auto 99px;  
  display: block;
}

#tanaka_09 .tanaka_btn a img{
  width: 100%;
}

.sp_only{
    display: none !important;
}

/* =================
	ttlbox
================= */
.ttlbox{
  width: 626px;
  margin: 0 auto;
}
.ttlbox h2{
  position: relative;
  margin-top: 68px;
  font-family: 'Cormorant Infant', serif;
  white-space: nowrap;
}

.ttlbox h2 .js-target:first-of-type{
  width: 632px;
  margin: 0 auto 7px;
  font-size: 72px;
  font-weight: 300;
  letter-spacing: 0.19em;
  display: block;
  overflow: visible !important;
  transform: scaleX(0.91);
}

.ttlbox h2 .js-target:nth-of-type(2){
  width: 430px;
  margin: 0 auto 17px;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-style: italic;
  transform: scaleX(0.91);
}

.ttlbox .sub_ttl{
  width: 327px;
  padding-left: 4px;
  margin: 0 auto 34px;
}

.ttlbox h3{
  font-size: 20px;
  letter-spacing: 0.06em;
  line-height: 1.45;
  margin-bottom: 41px;
  text-align: center;
  font-feature-settings: normal;
}

.ttlbox .sub_txt{
  width: 603px;
  margin: 0 auto 64px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.63;
}

#tanaka_09 .ttlbox .sub_txt a{
  display: inline-block !important;
  text-decoration: underline;
  text-underline-position: under;
}

/* =================
	sec1
================= */
#tanaka_09 .sec{
  position: relative;
  margin-bottom: 93px;
}

#tanaka_09 .sec h3{
  height: 72px;
  margin-bottom: 34px;
  letter-spacing: 0.08em;
}

#tanaka_09 .sec h3 .js-target:first-child{
  width: 210px;
  margin: 0 auto 9px;
  font-size: 26px;
  display: block;
  position: relative;
}

#tanaka_09 .sec h3 .js-target:first-child::before{
  position: absolute;
  content: '';
  background-color: #000;
  width: 204px;
  height: 1px;
  bottom: 1px;
  left: 0;
}

#tanaka_09 .sec h3 .js-target:nth-child(2){
  width: 410px;
  margin: -3px auto;
  font-size: 44px;
  display: block;
}

#tanaka_09 .sec .model_01{
  position: relative;
  width: 493px;
  margin: 0 auto 35px;
}

#tanaka_09 .sec .model_01 > a{
  position: relative;
  margin-bottom: 27px;
}

#tanaka_09 .sec .model_01 > a::after{
  position: absolute;
  content: '1';
  font-family: 'Cormorant Infant', serif;
  font-weight: 300;
  font-style: italic;
  font-size: 88px;
  color: #fff;
  z-index: 5;
}

#tanaka_09 .sec._01 .model_01 > a::after{
  top: 14px;
  left: 24px;
}

#tanaka_09 .sec .model_01 > a::before{
  content: '';
  background-color: #000;
  position: absolute;
  width: 490px;
  height: 747px;
  top: 7px;
  left: 7px;
  z-index: -1;
}

#tanaka_09 .sec .detail{
  width: 533px;
  margin: 0 auto;
}

#tanaka_09 .sec .detail .imgbox{
  justify-content: space-between;
  margin-bottom: 25px;
}

#tanaka_09 .sec .detail .imgbox a{
  width: 252px;
}

#tanaka_09 .sec .detail .d_txt{
  width: 492px;
  margin: 0 auto 55px;
}

#tanaka_09 .sec .detail .ai_box{
  position: relative;
  justify-content: space-between;
  margin-bottom: 101px;
}

#tanaka_09 .sec._01 .detail .ai_box{
  margin-bottom: 11px;
  flex-flow: row-reverse;
}

#tanaka_09 .sec .detail .ai_box{
  width: 532px;
}

#tanaka_09 .sec .detail .ai_box::before{
  position: absolute;
  content: '';
  background-color: #000;
  width: 531px;
   height: 1px;
  top: 0;
  left: 0;
  z-index: -1;
}

#tanaka_09 .sec .detail .ai_box::after{
  position: absolute;
  content: '';
  background-color: #000;
  width: 531px;
   height: 1px;
  top: 257px;
  left: 0;
  z-index: -1;
}

#tanaka_09 .sec._01 .detail .ai{
  width: 307px;
}

#tanaka_09 .sec._01 .detail .ai>span:first-child{
  width: 165px;
  height: 198px;
  margin-left: 5px;
  padding-top: 38px;
  transition-delay: 1s;
}

#tanaka_09 .sec._01 .detail .ai>span:nth-child(2){
  width: 203px;
  margin-top: -43px;
  margin-left: -65px;
  transition-delay: 0.5s;
}

#tanaka_09 .model_02{
  width: 600px;
  margin: 0 auto;
  position: relative;
}

#tanaka_09 .model_02::before{
  position: absolute;
  content: '';
  background-color: #000;
  width: 600px;
  height: 1px;
  bottom: -50px;
  left: 0;
  z-index: -1;
}

#tanaka_09 .model_02 .slick-slider{
  width: 492px;
  margin: 0 auto;
  position: relative;
}

#tanaka_09 .model_02 .slick-slider .slick-btn-prev{
  position: absolute;
  width: 17px;
  height: 49px;
  top: 294px;
  left: 0;
}

#tanaka_09 .model_02 .slick-slider .slick-btn-next{
  position: absolute;
  width: 17px;
  height: 49px;
  top: 294px;
  right: 0;
}

#tanaka_09 .model_02 .slick-slider .slick-inner>a{
  width: 362px;
  margin: 0 auto 22px;
}

/* =================
	sec2
================= */
#tanaka_09 .sec._02{
  margin-bottom: 118px;
}

#tanaka_09 .sec._02 h3 {
  margin-bottom: 42px;
}

#tanaka_09 .sec._02 h3 .js-target:nth-child(2){
  width: 490px;
  margin: 0 auto;
}

#tanaka_09 .sec._02 .model_01 > a{
  margin-bottom: 19px;
}

#tanaka_09 .sec._02 .model_01 > a::after{
  content: '2';
  top: 14px;
  right: 36px;
  color: #000;
}

#tanaka_09 .sec._02 .model_01 > a::before{
  top: -7px;
  left: -7px;
}

#tanaka_09 .sec._02 .detail .ai_box{
  margin-bottom: 36px;
  margin-right: 0;
  margin-left: 20px;
}

#tanaka_09 .sec._02 .detail .ai_txt{
  padding-top: 46px;
  margin-right: 0;
}

#tanaka_09 .sec._02 .detail .ai{
  width: 338px;
  padding-left: 14px;
}

#tanaka_09 .sec._02 .detail .ai>span:first-child{
  width: 169px;
  height: 29px;
  padding-top: 212px;
  margin-left: -15px;
  transition-delay: 1s;
}

#tanaka_09 .sec._02 .detail .ai>span:nth-child(2){
  width: 294px;
  margin-top: -25px;
  margin-left: -127px;
  transition-delay:0.5s;
}

/* =================
	sec3
================= */
#tanaka_09 .sec._03{
  margin-bottom: 119px;
}

#tanaka_09 .sec._03 h3 .js-target:nth-child(2){
  width: 275px;
}

#tanaka_09 .sec._03 .model_01 > a::after{
  content: '3';
  top: 14px;
  left: 24px;
}

#tanaka_09 .sec._03 .detail .ai_box{
  margin-bottom: 51px;
  flex-flow: row-reverse;
}

#tanaka_09 .sec._03 .detail .ai{
  width: 335px;
}

#tanaka_09 .sec._03 .detail .ai>span:first-child{
  width: 140px;
  height: 90px;
  padding-top: 152px;
  margin-left: -9px;
  padding-right: 23px;
  transition-delay: 1s;
}

#tanaka_09 .sec._03 .detail .ai>span:nth-child(2){
  width: 265px;
  margin-top: -47px;
  margin-left: -103px;
  padding-right: 10px;
  transition-delay: 0.5s;
}

#tanaka_09 .sec._03 .model_02::before{
  bottom: -52px;
}

/* =================
	sec4
================= */
#tanaka_09 .sec._04{
  margin-bottom: 150px;
}

#tanaka_09 .sec._04 h3 {
  margin-bottom: 42px;
}

#tanaka_09 .sec._04 h3 .js-target:first-child{
  margin: 0 auto 7px;
}

#tanaka_09 .sec._04 h3 .js-target:nth-child(2){
  width: 93px;
  margin: 0 auto 30px;
}

#tanaka_09 .sec._04 .model_01{
  margin: 0 auto 30px;
}

#tanaka_09 .sec._04 .model_01 > a{
  margin-bottom: 19px;
}

#tanaka_09 .sec._04 .model_01 > a::after{
  content: '4';
  top: 14px;
  right: 36px;
  color: #000;
}

#tanaka_09 .sec._04 .model_01 > a::before{
  top: -7px;
  left: -7px;
}

#tanaka_09 .sec._04 .detail .ai_box{
  margin-bottom: 13px;
}

#tanaka_09 .sec._04 .detail .ai_txt{
    margin-right: 0;
    margin-left: 20px;
    padding-top: 42px;
}

#tanaka_09 .sec._04 .detail .ai{
  width: 289px;
  padding-left: 25px;
}

#tanaka_09 .sec._04 .detail .ai>span:first-child{
  width: 168px;
  margin-top: -55px;
  transition-delay:0.5s;
}

#tanaka_09 .sec._04 .detail .ai>span:nth-child(2){
  width: 121px;
  height: 70px;
  padding-top: 27px;
  transition-delay:1s;
}

/* for tablet */

@media only screen
and (min-width: 561px)
and (max-width: 1200px) {
	.sp_only {
		display: none !important;
    }
/* =================
	all
================= */
#tanaka_09{
    width: calc(1200* (100vw / 1200));
}

.model_txt,.d_txt{
  font-size: calc(16* (100vw / 1200));
}

.price{
  font-size: calc(12* (100vw / 1200));
}

.ai_txt{
  width: calc(205* (100vw / 1200));
  font-size: calc(12* (100vw / 1200));
  padding-top: calc(46* (100vw / 1200));
  margin-right: calc(20* (100vw / 1200));
}

.ai_ttl{
  font-size: calc(28* (100vw / 1200));
  margin-bottom: calc(13* (100vw / 1200));
}

.model_txt{
  margin-bottom: calc(21* (100vw / 1200));
}

#tanaka_09 .tanaka_footer{
  width: calc(398* (100vw / 1200));
  margin: 0 auto calc(100* (100vw / 1200));
}

#tanaka_09 .tanaka_btn a{
  width: calc(380* (100vw / 1200));
  margin: 0 auto calc(99* (100vw / 1200));  
}

/* =================
	ttlbox
================= */
.ttlbox{
  width: calc(626* (100vw / 1200));
}

.ttlbox h2 .js-target:first-of-type{
  width: calc(632* (100vw / 1200));
  margin: 0 auto calc(7* (100vw / 1200));
  font-size: calc(72* (100vw / 1200));
}

.ttlbox h2 .js-target:nth-of-type(2){
  width: calc(430* (100vw / 1200));
  margin: 0 auto calc(17* (100vw / 1200));
  font-size: calc(40* (100vw / 1200));
}

.ttlbox .sub_ttl{
  width: calc(327* (100vw / 1200));
  padding-left: calc(4* (100vw / 1200));
  margin: 0 auto calc(34* (100vw / 1200));
}

.ttlbox h3{
  font-size: calc(20* (100vw / 1200));
  margin-bottom: calc(41* (100vw / 1200));
}

.ttlbox .sub_txt{
  width: calc(603* (100vw / 1200));
  margin: 0 auto calc(64* (100vw / 1200));
  font-size: calc(16* (100vw / 1200));
}

/* =================
	sec1
================= */
#tanaka_09 .sec{
  margin-bottom: calc(93* (100vw / 1200));
}

#tanaka_09 .sec h3{
  height: calc(72* (100vw / 1200));
  margin-bottom: calc(34* (100vw / 1200));
}

#tanaka_09 .sec h3 .js-target:first-child{
  width: calc(210* (100vw / 1200));
  margin: 0 auto calc(9* (100vw / 1200));
  font-size: calc(26* (100vw / 1200));
}

#tanaka_09 .sec h3 .js-target:first-child::before{
  position: absolute;
  content: '';
  background-color: #000;
  width: calc(204* (100vw / 1200));
  bottom: calc(1* (100vw / 1200));
  left: 0;
}

#tanaka_09 .sec h3 .js-target:nth-child(2){
  width: calc(410* (100vw / 1200));
  margin: calc(-3* (100vw / 1200)) auto;
  font-size: calc(44* (100vw / 1200));
}

#tanaka_09 .sec .model_01{
  width: calc(493* (100vw / 1200));
  margin: 0 auto calc(35* (100vw / 1200));
}

#tanaka_09 .sec .model_01 > a{
  margin-bottom: calc(27* (100vw / 1200));
}

#tanaka_09 .sec .model_01 > a::after{
  font-size: calc(88* (100vw / 1200));
}

#tanaka_09 .sec._01 .model_01 > a::after{
  top: calc(14* (100vw / 1200));
  left: calc(24* (100vw / 1200));
}

#tanaka_09 .sec .model_01 > a::before{
  width: calc(490* (100vw / 1200));
  height: calc(747* (100vw / 1200));
  top: calc(7* (100vw / 1200));
  left: calc(7* (100vw / 1200));
}

#tanaka_09 .sec .detail{
  width: calc(533* (100vw / 1200));
}

#tanaka_09 .sec .detail .imgbox{
  margin-bottom: calc(25* (100vw / 1200));
}

#tanaka_09 .sec .detail .imgbox a{
  width: calc(252* (100vw / 1200));
}

#tanaka_09 .sec .detail .d_txt{
  width: calc(492* (100vw / 1200));
  margin: 0 auto calc(55* (100vw / 1200));
}

#tanaka_09 .sec .detail .ai_box{
  margin-bottom: calc(101* (100vw / 1200));
}

#tanaka_09 .sec._01 .detail .ai_box{
  margin-bottom: calc(11* (100vw / 1200));
}

#tanaka_09 .sec .detail .ai_box{
  width: calc(532* (100vw / 1200));
}

#tanaka_09 .sec .detail .ai_box::before{
  width: calc(531* (100vw / 1200));
}

#tanaka_09 .sec .detail .ai_box::after{
  width: calc(531* (100vw / 1200));
  top: calc(257* (100vw / 1200));
}

#tanaka_09 .sec._01 .detail .ai{
  width: calc(307* (100vw / 1200));
}

#tanaka_09 .sec._01 .detail .ai>span:first-child{
  width: calc(137* (100vw / 1200));
  height: calc(198* (100vw / 1200));
  margin-left: calc(5* (100vw / 1200));
  padding-top: calc(38* (100vw / 1200));
}

#tanaka_09 .sec._01 .detail .ai>span:nth-child(2){
  width: calc(203* (100vw / 1200));
  margin-top: calc(-43* (100vw / 1200));
  margin-left: calc(-65* (100vw / 1200));
}

#tanaka_09 .model_02{
  width: calc(600* (100vw / 1200));
}

#tanaka_09 .model_02::before{
  width: calc(600* (100vw / 1200));
  bottom: calc(-50* (100vw / 1200));
}

#tanaka_09 .model_02 .slick-slider{
  width: calc(492* (100vw / 1200));
}

#tanaka_09 .model_02 .slick-slider .slick-btn-prev{
  width: calc(17* (100vw / 1200));
  height: calc(49* (100vw / 1200));
  top: calc(294* (100vw / 1200));
}

#tanaka_09 .model_02 .slick-slider .slick-btn-next{
  width: calc(17* (100vw / 1200));
  height: calc(49* (100vw / 1200));
  top: calc(294* (100vw / 1200));
}

#tanaka_09 .model_02 .slick-slider .slick-inner>a{
  width: calc(362* (100vw / 1200));
  margin: 0 auto calc(22* (100vw / 1200));
}

/* =================
	sec2
================= */
#tanaka_09 .sec._02{
  margin-bottom: calc(118* (100vw / 1200));
}

#tanaka_09 .sec._02 h3 {
  margin-bottom: calc(42* (100vw / 1200));
}

#tanaka_09 .sec._02 h3 .js-target:nth-child(2){
  width: calc(490* (100vw / 1200));
}

#tanaka_09 .sec._02 .model_01 > a{
  margin-bottom: calc(19* (100vw / 1200));
}

#tanaka_09 .sec._02 .model_01 > a::after{
  top: calc(14* (100vw / 1200));
  right: calc(36* (100vw / 1200));
}

#tanaka_09 .sec._02 .model_01 > a::before{
  top: calc(-7* (100vw / 1200));
  left: calc(-7* (100vw / 1200));
}

#tanaka_09 .sec._02 .detail .ai_box{
  margin-bottom: calc(36* (100vw / 1200));
}

#tanaka_09 .sec._02 .detail .ai_txt{
  padding-top: calc(46* (100vw / 1200));
  margin-left: calc(20* (100vw / 1200));
}

#tanaka_09 .sec._02 .detail .ai{
  width: calc(338* (100vw / 1200));
  padding-left: calc(14* (100vw / 1200));
}

#tanaka_09 .sec._02 .detail .ai>span:first-child{
  width: calc(169* (100vw / 1200));
  height: calc(29* (100vw / 1200));
  padding-top: calc(212* (100vw / 1200));
  margin-left: calc(-15* (100vw / 1200));
}

#tanaka_09 .sec._02 .detail .ai>span:nth-child(2){
  width: calc(294* (100vw / 1200));
  margin-top: calc(-25* (100vw / 1200));
  margin-left: calc(-127* (100vw / 1200));
}

/* =================
	sec3
================= */
#tanaka_09 .sec._03{
  margin-bottom: calc(119* (100vw / 1200));
}

#tanaka_09 .sec._03 h3 .js-target:nth-child(2){
  width: calc(275* (100vw / 1200));
}

#tanaka_09 .sec._03 .model_01 > a::after{
  top: calc(14* (100vw / 1200));
  left: calc(24* (100vw / 1200));
}

#tanaka_09 .sec._03 .detail .ai_box{
  margin-bottom: calc(51* (100vw / 1200));
}

#tanaka_09 .sec._03 .detail .ai{
  width: calc(335* (100vw / 1200));
}

#tanaka_09 .sec._03 .detail .ai>span:first-child{
  width: calc(140* (100vw / 1200));
  height: calc(90* (100vw / 1200));
  padding-top: calc(152* (100vw / 1200));
  padding-right: calc(23* (100vw / 1200));
  margin-left: calc(-9* (100vw / 1200));
}

#tanaka_09 .sec._03 .detail .ai>span:nth-child(2){
  width: calc(265* (100vw / 1200));
  margin-top: calc(-47* (100vw / 1200));
  margin-left: calc(-103* (100vw / 1200));
  padding-right: calc(10* (100vw / 750));
}

#tanaka_09 .sec._03 .model_02::before{
  bottom: calc(-52* (100vw / 1200));
}

/* =================
	sec4
================= */
#tanaka_09 .sec._04{
  margin-bottom: calc(150* (100vw / 1200));
}

#tanaka_09 .sec._04 h3 {
  margin-bottom: calc(42* (100vw / 1200));
}

#tanaka_09 .sec._04 h3 .js-target:first-child{
  margin: 0 auto calc(7* (100vw / 1200));
}

#tanaka_09 .sec._04 h3 .js-target:nth-child(2){
  width: calc(93* (100vw / 1200));
  margin: 0 auto calc(30* (100vw / 1200));
}

#tanaka_09 .sec._04 .model_01{
  margin: 0 auto calc(30* (100vw / 750));
}

#tanaka_09 .sec._04 .model_01 > a{
  margin-bottom: calc(19* (100vw / 1200));
}

#tanaka_09 .sec._04 .model_01 > a::after{
  top: calc(14* (100vw / 1200));
  right: calc(36* (100vw / 1200));
}

#tanaka_09 .sec._04 .model_01 > a::before{
  top: calc(-7* (100vw / 1200));
  left: calc(-7* (100vw / 1200));
}

#tanaka_09 .sec._04 .detail .ai_box{
  margin-bottom: calc(13* (100vw / 1200));
}

#tanaka_09 .sec._04 .detail .ai_txt{
  margin-left: calc(20* (100vw / 750));
  padding-top: calc(42* (100vw / 750));
}

#tanaka_09 .sec._04 .detail .ai{
  width: calc(318* (100vw / 1200));
  padding-left: calc(25* (100vw / 1200));
}

#tanaka_09 .sec._04 .detail .ai>span:first-child{
  width: calc(168* (100vw / 1200));
  margin-top: calc(-55* (100vw / 1200));
}

#tanaka_09 .sec._04 .detail .ai>span:nth-child(2){
  width: calc(121* (100vw / 1200));
  height: calc(70* (100vw / 1200));
  padding-top: calc(27* (100vw / 1200));
}
  }