��@charset "UTF-8"; /* --- �0�0�0�0�0�0 --- */ .topPickup{ width:100%; margin-bottom:80px; } .KVandMainTtl{ margin-bottom:8px; } .DateCate{ display:flex; margin-bottom:16px; } .category{ width:50%; font-size:15px; font-weight:700; } .releaseDate{ width:50%; font-size:15px; font-weight:700; color:#999999; text-align:right; } .picupLabel{ display:inline-block; background-color:#C95102; height:24px; font-size:13px; font-weight:700; color:#fff; line-height:25px; padding:0 0.4em; margin-left:0.7em; vertical-align:middle; } .abmagMain a{ color: #333; text-decoration: none; opacity:1; transition: 0.3s ease; } .abmagMain a:hover { color: #333; text-decoration: none; opacity:0.7; transition: 0.3s ease; } .abmagMain a:active { color: #000; text-decoration: none; } /* --- �e@w --- */ .newArrivalBlock{ margin-bottom:80px; } .newArrivalBlock .ttl03{ font-size:33px; line-height:1.2; padding-bottom:0.2em; font-weight:700; color:#C95102; border-bottom :5px solid #C95102; margin-bottom:40px; background-image: url("/magazine/_img_bg/heading_character_pose01.png"); background-size:76px auto; background-repeat: no-repeat; background-position: 2.5em bottom; } .newArrivals{ list-style-type:none; margin: 0; } .newArrivalBlock .each{ margin-bottom:40px; } .newArrivalBlock .each a{ display:flex; justify-content: left; color:#333333; } .newArrivalBlock .each a:hover{ text-decoration:none; } .newArrivalBlock .each .narKV{ margin-right:16px; border-radius:8px; } .narKV img{ border-radius:8px; } .newArrivalBlock .each .narTtl{ width:277px; } .newArrivalBlock .each .narTtl .ttl{ font-size:19px; margin-bottom:8px; } .newArrivalBlock .CateDate{ display:flex; justify-content: left; } .newArrivalBlock .CateDate .ctg{ font-size:15px; font-weight:700; width:50%; } .newArrivalBlock .CateDate .date{ font-size:15px; font-weight:700; color:#999999; text-align:right; width:50%; } .newArrivalBlock .btn{ text-align:center; margin:40px 0 0; } .newArrivalBlock .btn a{ display:block; width:305px; height:56px; border:1px solid #E67F38; border-radius:50px; margin:0 auto; font-size:15px; font-weight:700; line-height:56px; background:url("/magazine/_img_bg/icon_arrow.svg") no-repeat right 1em center; background-size: 24px auto; background-color:#fff; } /* --- �0�0�0�0�0 --- */ .rankingBlock{ margin-bottom:80px; } .rankingBlock .ttl03{ font-size:33px; line-height:1.2; padding-bottom:0.2em; font-weight:700; color:#C95102; border-bottom :5px solid #C95102; margin-bottom:40px; background-image: url("/magazine/_img_bg/heading_character_pose03.png"); background-size:76px auto; background-repeat: no-repeat; background-position: 5.2em bottom; } .rankinglist{ list-style-type:none; margin: 0; } .rankingBlock .each{ margin-bottom:24px; } .rankingBlock .each a{ display:flex; justify-content: left; color:#333333; } .rankingBlock .each a:hover{ text-decoration:none; } .rankingBlock .each .rnkKV{ margin-right:16px; position:relative; background-color:#c3c3c3; } .rnkKV img{ max-width:100%; max-height:100%; margin:auto; border-radius:4px; } .rankingBlock .each .rnkTtl{ width:277px; } .rankingBlock .each .rnkTtl .ttl{ font-size:19px; margin-bottom:8px; } .rankingBlock .CateDate{ display:flex; justify-content: left; } .rankingBlock .CateDate .ctg{ font-size:15px; font-weight:700; width:50%; } .rankingBlock .CateDate .date{ font-size:15px; font-weight:700; color:#999999; text-align:right; width:50%; } .rankingBlock .btn{ text-align:center; margin:40px 0 80px; } .rankingBlock .btn a{ display:block; width:305px; height:56px; border:1px solid #E67F38; border-radius:50px; margin:0 auto; font-size:15px; font-weight:700; line-height:56px; background:url("/magazine/_img_bg/icon_arrow.svg") no-repeat right 1em center; background-size: 24px auto; background-color:#fff; } .rank{ position:absolute; top:0; left:0; text-align:center; font-size:15px; text-align:center; font-weight:700; color:#fff; border-bottom-right-radius:8px; } .rank1{ border:5px solid #EFBF00; border-radius:8px!important; } .rank2{ border:5px solid #BCCED1; border-radius:8px!important; } .rank3{ border:5px solid #D67A1E; border-radius:8px!important; } .rank1 .rank{ width:48px; height:48px; background:url("/magazine/_img_bg/icon_rank_L_1.svg") no-repeat left top; background-size: contain; background-color:#EFBF00; } .rank2 .rank{ width:24px; height:24px; /* background:url("/magazine/_img_bg/icon_rank_L_2.svg") no-repeat left top; */ background-size: contain; background-color:#BCCED1; } .rank3 .rank{ width:24px; height:24px; /* background:url("/magazine/_img_bg/icon_rank_L_3.svg") no-repeat left top; */ background-size: contain; background-color:#D67A1E; } /* --- Mobie �R;u --- */ .movieBlock{ margin-bottom:80px; } .movieBlock .ttl03{ font-size:33px; line-height:1.2; padding-bottom:0.2em; font-weight:700; color:#C95102; border-bottom :5px solid #C95102; margin-bottom:40px; } .movieBlock .ttlS{ font-size:17px; font-weight:700; color:#C95102; margin-bottom:16px; padding-left:27px; background:url("/magazine/_img_bg/icon_eye.svg") no-repeat left center; background-size: 24px auto; } .movieBlock .slideBlock { margin-bottom:40px; } .movieBlock .slideWrapper li { box-sizing:border-box; overflow:hidden; border-radius: 10px; background-color:#fff; } /* --- �0�0�0�0�R;u --- */ .movieBlock .slide01 .slideWrapper li .mvThumbS{ width:200px; height:355px; padding:0; overflow:hidden; position:relative; display: flex; justify-content: center; border-radius: 10px; } .movieBlock .slide01 .slideWrapper li .mvThumbS img{ height:100%; width:auto; border-radius:8px; } .movieBlock .slide01 .swiper-button-prev, .movieBlock .slide01 .swiper-button-next { position: absolute; top: 92%; width: 34px; height:34px; margin-top: 0; z-index: 11; cursor: pointer; display: block; color: #fff; background-color:#E67F38; border-radius:3em; text-align:center; } .movieBlock .slide01 .swiper-button-prev:after, .movieBlock .slide01 .swiper-button-next:after { content:""; } .movieBlock .slide01 .swiper-button-prev, .movieBlock .slide01 .swiper-container-rtl .swiper-button-next { left: 115px; right: auto; } .movieBlock .slide01 .swiper-button-next, .movieBlock .slide01 .swiper-container-rtl .swiper-button-prev { right: 110px; left: auto; } /* --- �0�0�0�0�R;u --- */ .movieBlock .slideWrapper li .mvThumbW{ width:290px; height:163px; padding:0; overflow:hidden; position:relative; display: flex; justify-content: center; border-radius: 10px; box-sizing:border-box; } .movieBlock .slideWrapper li .mvThumbW img{ height:100%; width:auto; border-radius:8px; } .movieBlock .slide02 .swiper-button-prev, .movieBlock .slide02 .swiper-button-next { position: absolute; top: 86%; width: 34px; height:34px; margin-top: 0; z-index: 11; cursor: pointer; display: block; color: #fff; background-color:#E67F38; border-radius:3em; text-align:center; } .movieBlock .slide02 .swiper-button-prev:after, .movieBlock .slide02 .swiper-button-next:after { content:""; } .movieBlock .slide02 .swiper-button-prev, .movieBlock .slide02 .swiper-container-rtl .swiper-button-next { left: 115px; right: auto; } .movieBlock .slide02 .swiper-button-next, .movieBlock .slide02 .swiper-container-rtl .swiper-button-prev { right: 110px; left: auto; } /* --- �R;uqQ� --- */ .movieBlock .playBtn{ position:absolute; width:80px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:5; } .movieBlock .playBtn img{ width:100%; cursor:pointer; } .swiper-pagination { position: relative; margin-top:1em; } .movieBlock .slideWrapper li .cpt{ display:block; font-size:13px; font-weight:400; color:#666; padding:8px 0; height:5.5em; } .swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 15px; font-weight:700; color:#333; opacity: 1; background: rgba(0,0,0,0); border-radius:0; border-left:1px solid #ccc; padding:0 1.5em 0 0.8em; white-space:nowrap; } .swiper-pagination-bullet:first-child{ border-left:none; } .swiper-pagination-bullet-active { color:#999; text-decoration:underline; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 92%; width: 34px; height:34px; margin-top: 0; z-index: 11; cursor: pointer; display: block; color: #fff; background-color:#E67F38; border-radius:3em; text-align:center; } .swiper-button-prev:after, .swiper-button-next:after { content:""; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 115px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 110px; left: auto; } .movieBlock .btn{ text-align:center; margin:40px 0 0; } .movieBlock .btn a{ display:block; width:305px; height:56px; border:1px solid #E67F38; border-radius:50px; margin:0 auto; font-size:15px; font-weight:700; line-height:56px; background:url("/magazine/_img_bg/icon_arrow.svg") no-repeat right 1em center; background-size: 24px auto; background-color:#fff; } /* --- �0�0�0�0%R Article --- */ .articleBlocks{ margin-bottom:80px; } .articleBlocks .ttl03{ font-size:33px; line-height:1.2; padding-bottom:0.2em; font-weight:700; color:#C95102; border-bottom :5px solid #C95102; margin-bottom:40px; background-image: url("/magazine/_img_bg/heading_character_pose01.png"); background-size:76px auto; background-repeat: no-repeat; background-position: 5.2em bottom; } .byctgBlock{ list-style-type:none; margin: 0; } .byctgBlock .ttl04{ color:#C95102; font-size:17px; font-weight:700; margin-bottom:24px; background:url("/magazine/_img_bg/icon_eye.svg") no-repeat left center; background-size: 24px auto; padding-left:26px; } .articleBlocks .each, .articleBlocks .eachFirst{ margin-bottom:24px; } .articleBlocks .each a, .articleBlocks .eachFirst a{ display:flex; justify-content: left; color:#333333; } .articleBlocks .each a:hover, .articleBlocks .eachFirst a:hover{ text-decoration:none; } .articleBlocks .each .articleKV, .articleBlocks .eachFirst .articleKV{ margin-right:16px; border-radius:8px; } .articleKV img{ border-radius:8px; } .articleBlocks .each .articleTtl, .articleBlocks .eachFirst .articleTtl{ width:277px; } .articleBlocks .each .articleTtl .ttl, .articleBlocks .eachFirst .articleTtl .ttl{ font-size:19px; margin-bottom:8px; } .articleBlocks .CateDate{ display:flex; justify-content: left; } .articleBlocks .CateDate .ctg{ font-size:15px; font-weight:700; width:50%; } .articleBlocks .CateDate .date{ font-size:15px; font-weight:700; color:#999999; text-align:right; width:50%; } .articleBlocks .btn{ text-align:center; margin:40px 0 80px; } .articleBlocks .btn a{ display:block; width:305px; height:56px; border:1px solid #E67F38; border-radius:50px; margin:0 auto; font-size:15px; font-weight:700; line-height:56px; background:url("/magazine/_img_bg/icon_arrow.svg") no-repeat right 1em center; background-size: 24px auto; background-color:#fff; } /* --- About --- */ .AboutBlocks{ margin-bottom:80px; } .AboutBlocks img{ width:100%; } .AboutBlocks .ttl03ex{ font-size:33px; line-height:1.2; padding-bottom:0.2em; font-weight:700; color:#C95102; border-bottom :5px solid #C95102; margin-bottom:40px; background-image: url("/magazine/_img_bg/heading_character_pose03.png"); background-size:76px auto; background-repeat: no-repeat; background-position: 3.3em bottom; } .AboutBlocks .ptx01{ font-size:17px; line-height:1.6; } .AboutBlocks .ptx01 b{ background-color:#C95102; color:#fff; font-weight:700; padding:0 3px; margin:0 3px 0 0; } .bacicLinkBlock2{ margin:40px 0 0 0; padding:40px 0 0 0; } .bacicLinkBlock2 .ttl03{ width:170px; height:24px; } .bacicLinkBlock2 .ttl03 img{ width:100%; } .bacicLinks2{ list-style:none; font-size:16px; margin:0; padding:0; } .bacicLinks2 li{ margin:24px 0 0 0; padding:0; } .bacicLinks2 li a{ color:#333; font-weight:700; text-decoration:none; opacity:1; transition: 0.3s ease; } .bnrImgLink{ list-style:none; font-size:16px; margin:0; padding:0; width:330px; } .bnrImgLink li{ margin:24px 0 0 0; padding:0; } .bnrImgLink li a{ color:#333; font-weight:700; text-decoration:none; opacity:1; transition: 0.3s ease; } /* --- �0�0�0�0=Youtube�0�0�0�0\(u --- */ #backMaskBaseYTs { /* background: #E67F38; */ background: #000; display: none; height: 100%; left: 0px; opacity: 0.9; position: fixed; top: 0; width: 100%; z-index: 10; cursor:pointer; } #modalWinYTs { display: none; top: 20px; left: 0; margin: 0; padding: 0; height: 0; position: relative; width: 100%; z-index: 11; } .closeBtnYT{ position:absolute; top:0; right:0; width:30px; height:30px; cursor:pointer; } #modalContentYTs { display:none; position: relative; background-color: transparent; border:1px solid #000; box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.5); box-sizing: border-box; width: 402px; height: 743px; padding-top:30px; overflow:hidden; margin: 0 auto; z-index: 12; text-align: center; color: #000; } #modalContentYTs .moviframe{ width: 404px; height: 715px; margin: 0; padding: 0; } /* --- �0�0�0�0=Youtube�0�0�0�0�0�0�0�0�0�0�0\(u --- */ #backMaskBaseYTw { background: #000; display: none; height: 100%; left: 0px; opacity: 0.9; position: fixed; top: 0; width: 100%; z-index: 10; cursor:pointer; } #modalWinYTw { display: none; top: 20px; left: 0; margin: 0; padding: 0; height: 0; position: relative; width: 100%; z-index: 11; } #modalContentYTw { display:none; position: relative; background-color: transparent; border:1px solid #000; box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.5); box-sizing: border-box; width: 713px; height: 432px; padding-top:30px; overflow:hidden; margin: 0 auto; z-index: 12; text-align: center; color: #000; } #modalContentYTw .moviframe{ width: 713px; height: 402px; margin: 0; padding: 0; } /* --- SP --- */ @media screen and (max-width:767px){ /* --- �0�0�0�0�0�0 --- */ .topPickup{ width:100%; margin-bottom:10vw; background-color:#FFFAF7; padding:10vw 6.4vw 7vw; } .topPickup .ttl3df{ font-size:4.53vw; font-weight:700; } .KVandMainTtl{ margin-bottom:2.5vw; } .DateCate{ margin-bottom:2.3vw; } .category{ font-size:3.5vw; font-weight:700; } .releaseDate{ font-size:3.5vw; font-weight:700; } .picupLabel{ display:inline-block; background-color:#C95102; height:5.1vw; font-size:3.7vw; font-weight:700; color:#fff; line-height:5.1vw; padding:0 0.4em; margin-left:0.5em; vertical-align:middle; } /* --- �e@w --- */ .newArrivalBlock{ margin-bottom:21vw; background-color:#fff; padding:0 6.4vw; } .newArrivalBlock .ttl03{ font-size:8.8vw; line-height:1.2; padding-bottom:0.3em; font-weight:700; color:#C95102; border-bottom :1.4vw solid #C95102; margin-bottom:10vw; background-image: url("/magazine/_img_bg/heading_character_pose01.png"); background-size:20vw auto; background-repeat: no-repeat; background-position: 2.5em bottom; } .newArrivalBlock .eachTop{ margin-bottom:10vw; } .newArrivalBlock .eachTop .ttl3df{ font-size:4.5vw; font-weight:400; } .newArrivalBlock .each{ margin-bottom:10vw; } .newArrivalBlock .each .narKV{ margin-right:3vw; border-radius:8px; } .newArrivalBlock .each .narTtl{ width:56vw; } .newArrivalBlock .each .narTtl .ttl{ font-size:4vw; margin-bottom:0.1em; font-weight:400; } .newArrivalBlock .CateDate .ctg{ font-size:3.5vw; font-weight:700; width:50%; } .newArrivalBlock .CateDate .date{ font-size:3.5vw; font-weight:700; } .newArrivalBlock .btn{ text-align:center; margin:10vw 0 0; } .newArrivalBlock .btn a{ width:81vw; height:15vw; border-radius:3em; font-size:4vw; line-height:15vw; background-size: 6vw auto; } /* --- �0�0�0�0�0 --- */ .rankingBlock{ padding:21vw 6.4vw; /* margin-bottom:21vw; */ margin-bottom:0; background-color:#FFFAF7; } .rankingBlock .ttl03{ font-size:8,8vw; line-height:1.2; padding-bottom:0.3em; font-weight:700; color:#C95102; border-bottom :5px solid #C95102; margin-bottom:10vw; background-image: url("/magazine/_img_bg/heading_character_pose03.png"); background-size:20vw auto; background-repeat: no-repeat; background-position: 5.2em bottom; } .rankingBlock .eachTop{ margin-bottom:10vw; } .rankingBlock .eachTop .ttl3df{ font-size:4.5vw; font-weight:400; } .rankingBlock .eachTop .rnkKV{ margin-bottom:0.4em; position:relative; background-color:#c3c3c3; } .eachTop .rnkKV img{ width:100%; max-width:100%; max-height:100%; margin:auto; border-radius:6px; } .rankingBlock .each{ margin-bottom:10vw; } .rankingBlock .each .rnkKV{ margin-right:3vw; border-radius:8px; } .rankingBlock .each .rnkTtl{ width:56vw; } .rankingBlock .each .rnkTtl .ttl{ font-size:4vw; margin-bottom:0.1em; font-weight:400; } .rankingBlock .CateDate .ctg{ font-size:3.5vw; font-weight:700; width:50%; } .rankingBlock .CateDate .date{ font-size:3.5vw; font-weight:700; } .rank{ font-size:3.3vw; border-bottom-right-radius:8px; font-size:4vw; } .rank1{ border:5px solid #EFBF00; border-radius:8px!important; } .rank1 .rank{ width:12vw; height:12vw; background:url("/magazine/_img_bg/icon_rank_L_1.svg") no-repeat left top; background-size: contain; background-color:#EFBF00; } .rankingBlock .btn{ text-align:center; margin:10vw 0 0; } .rankingBlock .btn a{ width:81vw; height:15vw; border-radius:3em; font-size:4vw; line-height:15vw; background-size: 6vw auto; } /* --- Mobie �R;u --- */ .movieBlock{ margin-bottom:0; width:100%; background-color:#FFFAF7; padding:21vw 0; } .movieBlock .ttl03{ font-size:8.8vw; margin:0 6.4vw 10vw; border-bottom :4px solid #C95102; } .movieBlock .ttlS{ font-size:4.53vw; margin-bottom:4.27vw; padding-left:7.2vw; background:url("/magazine/_img_bg/icon_eye.svg") no-repeat left center; background-size: 6.4vw auto; margin-left:6.4vw; } .movieBlock .slideBlock { margin-bottom:10.67vw; } .movieBlock .slideWrapper li { border-radius: 2.67vw; background-color:#FFFAF7; } .movieBlock .btn{ text-align:center; margin:10vw 0 0; } .movieBlock .btn a{ width:81vw; height:15vw; border-radius:3em; font-size:4vw; line-height:15vw; background-size: 6vw auto; } /* --- �0�0�0�0�R;u --- */ .movieBlock .slide01 .slideWrapper li .mvThumbS{ width:50vw; height:94.7vw; border-radius: 2.67vw; margin:0; } .movieBlock .slide01 .slideWrapper li .mvThumbS img{ border-radius: 2.67vw; } .movieBlock .slide01 .swiper-button-prev, .movieBlock .slide01 .swiper-button-next { width: 9.07vw; height:9.07vw; cursor: auto; } .movieBlock .slide01 .swiper-button-prev, .movieBlock .slide01 .swiper-container-rtl .swiper-button-next { left: 10vw; right: auto; } .movieBlock .slide01 .swiper-button-next, .movieBlock .slide01 .swiper-container-rtl .swiper-button-prev { right: 10vw; left: auto; } /* --- �0�0�0�0�R;u --- */ .movieBlock .slideWrapper li .mvThumbW{ width:75vw; height:43.47vw; border-radius: 2.67vw; margin:0; } .movieBlock .slideWrapper li .mvThumbW img{ border-radius: 2.67vw; } .movieBlock .slide02 .swiper-button-prev, .movieBlock .slide02 .swiper-button-next { width: 9.07vw; height:9.07vw; cursor: auto; } .movieBlock .slide02 .swiper-button-prev, .movieBlock .slide02 .swiper-container-rtl .swiper-button-next { left: 10vw; right: auto; } .movieBlock .slide02 .swiper-button-next, .movieBlock .slide02 .swiper-container-rtl .swiper-button-prev { right: 10vw; left: auto; } /* --- �0�0�0�0=Youtube�0�0�0�0\(u --- */ #modalWinYTs { display: none; top: 7vw; left: 0; } #modalContentYTs { width: 72vw; height: 136vw; padding-top:8vw; } #modalContentYTs .moviframe{ width: 72vw; height: 128vw; } .closeBtnYT{ position:absolute; top:0; right:0; width:8vw; height:8vw; cursor:pointer; } /* --- �0�0�0�0=Youtube�0�0�0�0�0�0�0�0�0�0�0\(u --- */ #modalWinYTw { display: none; top: 7vw; left: 0; } #modalContentYTw { width: 96vw; height: 62vw; padding-top:8vw; } #modalContentYTw .moviframe{ width: 96vw; height: 54vw; } /* --- �0�0�0�0%R Article --- */ .articleBlocks{ margin-bottom:0; width:100%; background-color:#FFFAF7; padding:21vw 0 10vw; } .articleBlocks .ttl03{ font-size:8.8vw; margin:0 6.4vw 10vw; border-bottom :4px solid #C95102; background-size:20.27vw auto; background-position: 31vw bottom; } .byctgBlock{ margin: 0 6.4vw; } .byctgBlock .ttl04{ font-size:4.53vw; margin-bottom:4.27vw; padding-left:7.2vw; background:url("/magazine/_img_bg/icon_eye.svg") no-repeat left center; background-size: 24px auto; background-size: 6.4vw auto; } .articleBlocks .each, .articleBlocks .eachFirst{ margin-bottom:10vw; } .articleBlocks .each .articleKV{ margin-right:3vw; border-radius:2.13vw; width:27.5vw; } .articleKV img{ border-radius:2.13vw; } .articleBlocks .each .articleTtl{ width:57.6vw; } .articleBlocks .each .articleTtl .ttl{ font-size:4vw; margin-bottom:2vw; line-height:1.5; } .articleBlocks .CateDate{ width:100%; margin-bottom:2.13vw; } .articleBlocks .CateDate .ctg{ font-size:3.47vw; } .articleBlocks .CateDate .date{ font-size:3.47vw; font-weight:700; } .articleBlocks .eachFirst a{ display:block; } .articleBlocks .eachFirst .articleKV{ margin-right:0; border-radius:2.13vw; width:100%; margin-bottom:2.13vw; } .eachFirst .articleKV img{ border-radius:2.13vw; max-width:100%; } .eachFirst .thumbImg{ width:87.2vw; height:65.3vw; text-align:center; background-color:#f3f3f3; } .eachFirst .thumbImg img{ max-width:100%; max-height:100%; margin:auto; border-radius:8px; } .articleBlocks .eachFirst .articleTtl{ width:100%; display:flex; flex-wrap: wrap; flex-direction: column-reverse; } .articleBlocks .eachFirst .articleTtl .ttl{ font-size:4.5vw; margin-bottom:2.13vw; width:100%; } .articleBlocks .btn{ margin:10vw 0 20vw; } .articleBlocks .btn a{ width:80vw; height:14vw; border-radius:3em; font-size:4vw; line-height:14vw; background-size: 6.4vw auto; } /* --- About --- */ .AboutBlocks{ margin-bottom:0; width:100%; background-color:#FFFAF7; padding:0 0 21vw 0; } .AboutBlocks .ttl03ex{ font-size:8.8vw; margin:0 6.4vw 10vw; border-bottom :4px solid #C95102; background-size:20.27vw auto; background-position: 29vw bottom; } .AboutBlocks .ptx01{ font-size:4.53vw; margin:0 6.4vw; } .AboutBlocks .ptx01 b{ padding:0 3px; margin:0 2px 0 0; } .bacicLinkBlock2{ margin:10vw 6.4vw 0 6.4vw; padding:10vw 0 0 0; } .bacicLinkBlock2 .ttl03{ width:45.33vw; height:6.4vw; } .bnrImgLink{ font-size:4.27vw; width:100%; } .bnrImgLink li{ margin:6.4vw 0 0 0; } .bnrImgLink li a{ opacity:1; } }/* SP */