@charset "UTF-8";

@font-face {
  font-family: "ASans";
  src: url("../../font/ASansreg.ttf");
}

/* @font-face {
  font-family: "Pragmatica";
  src: url("../../font/pragmatica.woff");
} */

.sp_only {
  display: none !important;
}

#light_outer {
    font-family: pragmatica, YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    color: #000;
    width: 1130px;
    margin: 0 auto 230px;
}

#light_outer * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#light_outer a {
    display: inline-block;
}

#light_outer img {
    width: 100%;
    display: block;
}

#light_outer .pragmatica {
    font-family: pragmatica, sans-serif;
    font-weight: 400;
    font-style: normal;
}

#light_outer .gotham{
    font-family: gotham, sans-serif;
}

#light_outer .credit {
    font-family: "ASans";
    font-size: 15px;
    line-height: 1.87;
    text-align: center;
    margin-top: 22px;
}

#light_outer .credit a {
    text-decoration: underline;
    padding-left: 0.4em;
    padding-right: 0.4em;
    letter-spacing: 0.025em;
}

#light_outer .credit.tal {
    text-align: left;
    margin-left: -0.4em;
}

#light_outer .credit.tar {
    text-align: right;
    margin-right: -0.4em;
}

#light_outer .mv {
    width: 1080px;
    margin: 0 auto 90px;
}

#light_outer .mv img{
    margin-bottom: 50px;
}

#light_outer .mv__caption{
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    color: #000;
}

#light_outer .sec_01{
    margin-bottom: 94px;
}
#light_outer .sec_02{
    margin-bottom: 94px;
}
#light_outer .sec_03{
    margin-bottom: 98px;
}
#light_outer .sec_04{
    margin-bottom: 80px;
}
#light_outer .sec_05{
    margin-bottom: 94px;
}

#light_outer .sec_06{
    margin-bottom: 145px;
}

#light_outer .sec_01 .block_01{
    width: 930px;
    margin: 0 auto;
    margin-bottom: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#light_outer .sec_01 .block_01 .img02{
    position: relative;
}

#light_outer .sec_01 .block_01 .img02 p{
    position: absolute;
    top: 30px;
    right: -24px;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.04em;
    -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: tb-rl;
}

#light_outer .sec_01 .credit{
    width: 600px;
    margin: 0 auto;
}

#light_outer .sec_02 .block_02{
    width: 1030px;
    margin: 0 auto;
    margin-bottom: 48px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#light_outer .sec_02 .block_02 .img02 p{
    margin-bottom: 25px;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-align: right;
}

#light_outer .sec_02 .credit{
    width: 620px;
    margin: 0 auto;
}

#light_outer .sec_03 .block_03{
    width: 1060px;
    margin: 0 auto;
    margin-bottom: 47px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#light_outer .sec_04 .block_04 .img02{
    position: relative;
}

#light_outer .sec_04 .block_04 .img02 p{
    position: absolute;
    top: -55px;
    right: -24px;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.04em;
    -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: tb-rl;
}

#light_outer .sec_03 .credit{
    width: 630px;
    margin: 0 auto;
}

#light_outer .sec_04 .block_04{
    width: 930px;
    margin: 0 auto;
    margin-bottom: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#light_outer .sec_03 .block_03 .img02{
    position: relative;
}

#light_outer .sec_03 .block_03 .img02 p{
    position: absolute;
    top: 30px;
    right: -24px;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.04em;
    -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: tb-rl;
}

#light_outer .sec_04 .credit{
    width: 620px;
    margin: 0 auto;
}

#light_outer .sec_05 .block_05{
    width: 1020px;
    margin: 0 auto;
    margin-bottom: 61px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#light_outer .sec_05 .credit{
    width: 710px;
    margin: 0 auto;
}

#light_outer .sec_05 .block_05 .img02 p{
    margin-bottom: 25px;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-align: right;
}

#light_outer .sec_06 .block_06{
    width: 980px;
    margin: 0 auto;
    margin-bottom: 49px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#light_outer .sec_06 .block_06 .img02{
    position: relative;
}

#light_outer .sec_06 .block_06 .img02 p{
    position: absolute;
    top: 35px;
    right: -24px;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 0.04em;
    -webkit-writing-mode: tb-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: tb-rl;
}

#light_outer .sec_06 .credit{
    width: 570px;
    margin: 0 auto;
}

#light_outer .section_credit{
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    color: #000000;
}

#light_outer .section_credit span{
    display: block;
    padding-bottom: 20px;
    font-size: 19px;
}

#light_outer .check_btn-wrap .check_btn{
    display: block;
    width: 380px;
    margin: 0 auto;
    border: 1px solid #000000;
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0.06em;
    text-align: center;
}

#light_outer .gotham-ie {
    display: none;	
}

@media all and (-ms-high-contrast: none) {
	#light_outer .gotham {
		display: none;	
	}

    #light_outer .gotham-ie {
        display: block;	
    }

    #light_outer .gotham-ie-long-length{
        width: 40px;
        height: 354px;
    }

    #light_outer .gotham-ie-jacket{
        width: 215px;
        height: 45px;
        margin-left: auto;
    }

    #light_outer .gotham-ie-no-collar-jacket{
        width: 40px;
        height: 560px;
    }

    #light_outer .gotham-ie-color-knit{
        width: 40px;
        height: 340px;
    }

    #light_outer .gotham-ie-linen-denim{
        width: 350px;
        height: 45px;
        margin-left: auto;
    }

    #light_outer .gotham-ie-sports-jacket{
        width: 45px;
        height: 445px;
    }
}