@charset "UTF-8"; @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); .cb-wrap { font-size: 16px; font-weight: 400; font-family: 'Noto Sans Japanese', sans-serif; letter-spacing: 0.05em; } .cb-wrap p { margin-bottom: 10px; padding: 0; } .cb-wrap ul { list-style: none; margin: 0; padding: 0; } .cb-wrap h1 { margin: 0; } .cb-wrap dl, .cb-wrap dt, .cb-wrap dd { margin: 0; padding: 0; } .cb-wrap-bg { background: url(../img/bg-mainimg.jpg) no-repeat center top #ebe7db; } @media screen and (max-width: 1072px) { .mod-media_img h1 { margin-left: -10px; margin-right: -10px; } } .cb-about01a ul li span.note { font-size: 12px; color: #646363; } /* ============================================================================ ■ PC ============================================================================ */ @media screen and (min-width:641px) { .cb-brSp { display: none; } /* cb-kv ---------------------------------------- */ .cb-kv { width: 100%; margin: 0; padding: 60px 0 55px; background: #febd41 url(../img/bg_kv_ph.png); background-repeat: no-repeat; background-position: center center; background-size: 2350px 690px; } .cb-kv .cb-pageTtl { text-align: center; margin: 0 auto 20px; } .cb-kv .cb-pageTtl img { width: 620px; } .cb-kv .cb-kvPeriod { height: 60px; font-size: 18px; color: #ffffff; text-align: center; line-height: 56px; letter-spacing: 0; margin: 0 auto 10px; background: url(../img/bg_kv_period.png); background-repeat: no-repeat; background-position: center center; background-size: 620px 60px; } .cb-kv .cb-kvPeriod .cb-date { font-size: 35px; font-weight: 700; vertical-align: -2px; } .cb-kv .cb-kvPeriod .cb-slash { font-size: 27px; margin: 0 1px; vertical-align: 1px; } .cb-kv .cb-kvDeadline { font-size: 17px; font-weight: 700; color: #d60606; letter-spacing: 0.1em; text-align: center; margin: 0 auto 10px; } .cb-kv .cb-kvPh { width: 372px; margin: 0 auto; } .cb-kv .cb-kvPh img { width: 100%; } /* contentsArea common ---------------------------------------- */ .cb-contentsArea .cb-contentTtl01 { font-size: 32px; font-weight: 700; line-height: 1; letter-spacing: 0.05em; color: #ff7200; text-align: center; margin: 0 auto 55px; padding: 70px 0 0; background: url(../img/deco_contentsTtl.png); background-repeat: no-repeat; background-position: top center; background-size: 145px 50px; } .cb-contentsArea .cb-contentTtl02 { font-size: 32px; font-weight: 700; line-height: 1; letter-spacing: 0.05em; color: #ff7200; text-align: center; margin: 0 auto 65px; } .cb-contentsArea .cb-btn { display: inline-block; height: 69px; line-height: 69px; letter-spacing: 0.05em; color: #ffffff; text-align: center; border-radius: 6px; border: #000000 2px solid; background: #000000 url(../img/arrow_linkBtn.png); background-repeat: no-repeat; background-position: 92% center; background-size: 12px 16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .cb-contentsArea .cb-btn:hover { color: #000000; border: #000000 2px solid; background: #ffffff url(../img/arrow_linkBtn_hover.png); background-repeat: no-repeat; background-position: 92% center; background-size: 12px 16px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .cb-contentsArea .cb-btnArea .cb-iconPdf { background: #000000; } .cb-contentsArea .cb-btnArea .cb-iconPdf .cb-icon { padding: 10px 35px 10px 0; background: url(../img/icon_linkBtn_pdf_white.png); background-repeat: no-repeat; background-position: right center; background-size: 25px 31px; } .cb-contentsArea .cb-btnArea .cb-iconPdf:hover { background: #ffffff; } .cb-contentsArea .cb-btnArea .cb-iconPdf:hover .cb-icon { background: url(../img/icon_linkBtn_pdf_black.png); background-repeat: no-repeat; background-position: right center; background-size: 25px 31px; } .cb-contentsArea .cb-fileNote { font-size: 80%; } .cb-contentsArea .cb-kome { font-size: 12px; text-indent: -1em; padding-left: 1em; } .cb-contentsArea .cb-txtLink { text-decoration: underline; } .cb-contentsArea .cb-txtLink:hover { text-decoration: none; } /* cb-contentFirst ---------------------------------------- */ .cb-contentFirst { width: 1052px; margin: 70px auto 90px; } .cb-contentFirst .cb-contentTtl02 { margin: 0 auto 25px; } .cb-contentFirst .cb-firstCatch { font-size: 26px; font-weight: 700; line-height: 1.5; letter-spacing: 0.1em; text-align: center; } .cb-contentFirst .cb-firstMovie { display: block; width: 925px; height: 520px; margin: 35px auto 0; } /* cb-contentAbout ---------------------------------------- */ .cb-contentAbout { width: 100%; padding: 70px 0 90px; background: #fff3dd; } .cb-contentAbout .cb-about01 { max-width: 1052px; margin: 0 auto 75px; overflow: hidden; padding: 0 15px; } .cb-about01 .cb-aboutTxtArea { width: 70%; float: right; } .cb-about01 .cb-aboutCatch { font-size: 26px; font-weight: 700; line-height: 1.5; letter-spacing: -0.02em; margin: 0 auto 40px; } .cb-about01 .cb-aboutTxt { line-height: 2; } .cb-about01 .cb-aboutPh { width: 30%; float: left; } .cb-about01 .cb-aboutPh img { width: 100%; } .cb-about01 .cb-btn { width: 305px; float: right; margin: 35px auto 0; } .cb-about01a .cb-btn { width: 305px; } .cb-about01a ul { display: flex; margin-top: 30px; justify-content: center; } .cb-about01a ul li { display: block; text-align: center; } .cb-about01a ul li:first-child { margin-right: 82px; } .cb-contentAbout .cb-about02 { max-width: 1052px; margin: 0 auto; padding: 0 15px; } .cb-about02 .cb-aboutSectionTtl { margin: 0 auto; text-align: center; background: url(../img/bg_about_sectionTtl.png); background-repeat: repeat-x; background-position: center; background-size: 9px 3px; } .cb-about02 .cb-aboutSectionTtl span { display: inline-block; font-size: 26px; color: #ff7200; letter-spacing: 0.1em; padding: 0 28px; background: #fff3dd; } .cb-about02 .cb-aboutParts { width: 100%; overflow: hidden; margin: 60px auto 0; } .cb-about02 .cb-aboutTxtArea { width: 50%; float: left; } .cb-about02 .cb-aboutPartTtl { width: 100%; height: 70px; font-size: 22px; font-weight: 500; color: #ffffff; line-height: 70px; text-align: center; margin: 40px auto 45px; background: #ff7200; border-radius: 6px; } .cb-about02 .cb-aboutPh { width: 48%; /* height: 278px; */ float: right; } .cb-about02 .cb-aboutPh img { width: 523px; border: #d9d9d9 1px solid; border-radius: 6px; } /* cb-contentPoint ---------------------------------------- */ .cb-contentPoint { max-width: 1052px; padding: 0 15px; margin: 70px auto 90px; } .cb-contentPoint .cb-pointSection { width: 100%; overflow: hidden; margin: 70px auto 30px; } .cb-contentPoint .cb-pointSectionTtl { width: 100%; height: 70px; font-size: 26px; font-weight: 500; color: #ffffff; line-height: 70px; letter-spacing: 0.05em; margin: 0 auto 25px; padding-left: 70px; background-color: #ff7200; background-position: 15px center; background-repeat: no-repeat; background-size: 43px; } .cb-contentPoint .cb-pointNumber01 { background-image: url(../img/point_number01.png); } .cb-contentPoint .cb-pointNumber02 { background-image: url(../img/point_number02.png); } .cb-contentPoint .cb-pointNumber03 { background-image: url(../img/point_number03.png); } .cb-contentPoint .cb-pointTxtArea { width: 475px; float: right; } .cb-contentPoint .cb-pointPh { width: 490px; float: left; } .cb-contentPoint .cb-pointPh img { width: 488px; border: #d9d9d9 1px solid; } .cb-contentPoint .cb-point01 { margin: 0 auto; } .cb-point01 .cb-pointTxtArea { margin-top: 70px; } .cb-point02 .cb-pointTxtArea { margin-top: 50px; } .cb-point03 .cb-pointTxtArea { margin-top: 25px; letter-spacing: 0; } .cb-point03 .cb-btn { width: 300px; height: 58px; line-height: 56px; margin-top: 45px; } .cb-point03 .cb-btn span { margin-right: 15px; } /* cb-contentLineup ---------------------------------------- */ .cb-contentLineup { width: 100%; padding: 70px 0 90px; background: #fff3dd; } .cb-contentLineup .cb-lineupCatch { font-size: 18px; text-align: center; margin: 0 auto 45px; } .cb-contentLineup .cb-lineupSection { width: 1052px; text-align: center; margin: 0 auto; } .cb-contentLineup .cb-txtLink { font-size: 18px; } .cb-contentLineup .cb-lineup01 { margin-bottom: 70px; } .cb-lineup01 .cb-lineupModel { display: inline-block; width: 347px; margin-bottom: 45px; } .cb-lineup01 .cb-lineupPh { text-align: left; } .cb-lineup01 .cb-lineupPh img { width: 305px; } .cb-lineup01 .cb-lineupName { font-size: 16px; line-height: 1.5; letter-spacing: -0.01em; color: #ff7200; font-weight: 500; margin: 20px auto; } .cb-lineup01 .cb-btn { width: 225px; height: 50px; line-height: 50px; } .cb-lineup01 .cb-iconPdf { padding-right: 25px; background: url(../img/icon_linkBtn_pdf_black.png); background-repeat: no-repeat; background-position: right center; background-size: 18px 22px; border-bottom: #000 1px solid; text-decoration: none; } .cb-lineup01 .cb-iconPdf:hover { border-bottom: none; } .cb-lineup02 .cb-btn { width: 485px; margin-top: 25px; } .cb-lineup02 .cb-txtLink::after { content: " >"; } .cb-lineup03 ul { margin-top: 60px; display: flex; justify-content: space-between; } .cb-lineup03 ul li { text-align: center; display: block; } .cb-lineup03 ul li .tit-txt { font-size: 18px; } .cb-lineup03 ul li:last-child {} .cb-lineup03 .cb-btn { width: 485px; } .cb-lineup03 .cb-btn.cb-brSp { display: none; } /* cb-contentContact ---------------------------------------- */ .cb-contentContact { width: 1052px; margin: 70px auto 100px; } .cb-contentContact .cb-btnArea { text-align: center; } .cb-contentContact .cb-btnArea li { display: inline-block; } .cb-contentContact .cb-btn { width: 285px; margin: 0 25px; } /* cb-contentOverview ---------------------------------------- */ .cb-contentOverviewWrap { width: 100%; padding: 70px 0 90px; background: #febd41 url(../img/bg_overview_ph.png); background-repeat: no-repeat; background-position: center center; background-size: 2350px 3000px; } .cb-contentOverview { width: 1052px; margin: 0 auto; background: #ffffff; } .cb-contentOverview .cb-overviewInner { padding: 70px 75px 10px; /* padding: 70px 75px; -65px */ } .cb-contentOverview .cb-contentTtl02 { margin: 0 auto 40px; } .cb-contentOverview .cb-overviewSection { width: 100%; overflow: hidden; margin: 0 auto 55px; } .cb-contentOverview .cb-overviewSectionTtl01 { margin: 0 auto 20px; background: url(../img/bg_overview_sectionTtl.png); background-repeat: repeat-x; background-position: center; background-size: 1px 1px; } .cb-contentOverview .cb-overviewSectionTtl01 span { font-size: 16px; font-weight: 700; display: inline-block; padding-right: 20px; background: #ffffff; } .cb-contentOverview .cb-overviewSectionTtl02 { font-size: 14px; font-weight: 400; margin: 0 auto 5px; } .cb-contentOverview .cb-overview01 { margin: 0 auto 35px; } .cb-overview01 .cb-overviewParts { display: inline-block; width: 290px; font-weight: 500; color: #ffffff; text-align: center; vertical-align: top; background: #ff7200; border-radius: 6px; } .cb-overview01 .cb-overviewPart02 { margin: 0 10px; } .cb-overview01 .cb-overviewParts dl { font-size: 21px; padding: 15px 30px 15px; } .cb-overview01 .cb-overviewParts dt { padding: 0 0 10px; margin: 0 0 20px; border-bottom: #ffffff 1px solid; } .cb-overview01 .cb-overviewPart01 dd { line-height: 1.2; margin: 0 0 15px; } .cb-overview01 .cb-overviewPart02 dd { margin: 24px 0; } .cb-overview01 .cb-overviewPart03 dd { font-size: 18px; margin: 23px 0; } .cb-overview01 .cb-date { font-size: 31px; font-weight: 700; } .cb-overview01 .cb-slash { margin: 0 1px; vertical-align: 2px; } .cb-contentOverview .cb-overview02 { width: 100%; overflow: hidden; } .cb-overview02 .cb-overviewParts { position: relative; text-align: center; margin-bottom: 30px; } .cb-overview02 .cb-overviewParts .cb-overviewBg { position: absolute; top: 30px; left: 0; width: 100%; height: 100%; background: #fff0d3; border-radius: 6px; } .cb-overview02 .cb-overviewParts .cb-overviewMark { position: relative; top: 0; width: 100%; } .cb-overview02 .cb-overviewParts .cb-overviewMark img { width: 120px; } .cb-overview02 .cb-overviewParts .cb-overviewModel { position: absolute; top: 100px; width: 250px; } .cb-overview02 .cb-overviewParts .cb-overviewPh img { width: 230px; } .cb-overview02 .cb-overviewParts .cb-overviewName { font-size: 14px; font-weight: 500; letter-spacing: -0.01em; line-height: 1.5; margin: 15px auto 0; } .cb-overview02 .cb-overviewPart01 { width: 300px; height: 260px; float: left; } .cb-overview02 .cb-overviewPart01 .cb-overviewModel01 { left: 25px; } .cb-overview02 .cb-overviewPart02 { width: 570px; height: 260px; float: right; } .cb-overview02 .cb-overviewPart02 .cb-overviewModel02 { left: 25px; } .cb-overview02 .cb-overviewPart02 .cb-overviewModel03 { right: 25px; } .cb-overview03 .cb-overviewParts { margin-top: 25px; } .cb-overview03 .cb-overviewParts dt { font-weight: 700; text-indent: -1em; padding-left: 1em; } .cb-overview03 .cb-overviewParts dd { font-size: 14px; } .cb-overview03 .cb-overviewPh { width: 485px; margin: 45px auto; } .cb-overview03 .cb-overviewPh img { width: 100%; } .cb-overview03 .cb-btnArea { text-align: center; } .cb-overview03 .cb-btn { width: 485px; } .cb-overview04 .cb-overviewList li:before { content: "●"; } .cb-overview04 .cb-kome li:before { content: ""; } .cb-overview04 .cb-overviewList li { margin-bottom: 5px; text-indent: -1em; padding-left: 1em; } .cb-overview04 .cb-kome { text-indent: 0; padding-left: 0; } .cb-overview04 .cb-kome li { text-indent: 0; padding-left: 0; } .cb-overview05 .cb-disc { font-size: 12px; list-style: disc; padding-left: 16px; margin-bottom: 35px; } } /* ============================================================================ ■ TABLET ============================================================================ */ @media screen and (min-width:641px) and (max-width: 1072px) { .cb-about02 .cb-aboutPartTtl { height: 50px; font-size: 18px; line-height: 50px; margin-bottom: 20px; } .cb-about02 .cb-aboutTxtArea p { font-size: 14px; } .cb-about01a .cb-btn { width: 260px; } .cb-contentPoint .cb-pointSectionTtl { font-size: 24px; padding-left: 0; text-align: center; } .cb-lineup03 ul { display: list-item; } .cb-lineup03 ul li:last-child { margin-top: 20px; } .cb-point03 .cb-pointTxtArea { width: auto; float: none; } .cb-point03 ul.cb-btnArea { text-align: center; } .cb-point03 .cb-btn { margin-bottom: 45px; } .cb-contentPoint .cb-pointPh { width: auto; float: none; text-align: center; } .cb-contentPoint .cb-pointPh img { width: 65%; } } /* ============================================================================ ■ SP ============================================================================ */ @media screen and (max-width:640px) { .cb-wrap { font-size: 14px; letter-spacing: 0; } .cb-brPc { display: none; } /* cb-kv ---------------------------------------- */ .cb-kv { width: 100%; margin: 0; background: #febd41 url(../img/bg_kv_ph_sp.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .cb-kv .cb-kvInner { padding: 60px 15px 80px; } .cb-kv .cb-pageTtl { width: 100%; margin: 0 auto 12px; } .cb-kv .cb-pageTtl img { width: 100%; } .cb-kv .cb-kvPeriod { height: 35px; font-size: 11px; color: #ffffff; text-align: center; line-height: 35px; margin: 0 auto 5px; background: url(../img/bg_kv_period.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 35px; } .cb-kv .cb-kvPeriod .cb-date { font-size: 18px; font-weight: 700; vertical-align: -1px; } .cb-kv .cb-kvPeriod .cb-slash { font-size: 14px; margin: 0 1px; vertical-align: 1px; } .cb-kv .cb-kvDeadline { font-size: 12px; font-weight: 700; color: #d60606; text-align: center; margin: 0 auto 15px; } .cb-kv .cb-kvPh { width: 48vw; margin: 0 auto; } .cb-kv .cb-kvPh img { width: 100%; } /* contentsArea common ---------------------------------------- */ .cb-contentsArea .cb-phBox img { width: 100%; } .cb-contentsArea .cb-contentTtl01 { font-size: 20px; font-weight: 700; line-height: 1; color: #ff7200; text-align: center; margin: 0 auto 30px; padding: 35px 0 0; background: url(../img/deco_contentsTtl.png); background-repeat: no-repeat; background-position: top center; background-size: 72.5px 25px; } .cb-contentsArea .cb-contentTtl02 { font-size: 20px; font-weight: 700; line-height: 1; color: #ff7200; text-align: center; margin: 0 auto 30px; } .cb-contentsArea .cb-btnArea { text-align: center; } .cb-contentsArea .cb-btn { display: inline-block; width: 84vw; height: 60px; line-height: 60px; font-size: 16px; color: #ffffff; text-align: center; border-radius: 6px; background: #000000 url(../img/arrow_linkBtn.png); background-repeat: no-repeat; background-position: 92% center; background-size: 12px 16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .cb-contentsArea .cb-btnArea .cb-iconPdf { background: #000000; } .cb-contentsArea .cb-btnArea .cb-iconPdf .cb-icon { padding: 10px 25px 10px 0; background: url(../img/icon_linkBtn_pdf_white.png); background-repeat: no-repeat; background-position: right center; background-size: 20px 25px; } .cb-contentsArea .cb-fileNote { font-size: 80%; } .cb-contentsArea .cb-kome { font-size: 12px; text-indent: -1em; padding-left: 1em; } .cb-contentsArea .cb-txtLink { text-decoration: underline; } .cb-contentsArea .cb-txtLink:hover { text-decoration: none; } /* cb-contentFirst ---------------------------------------- */ .cb-contentFirst { margin: 45px auto 60px; padding: 0 15px; } .cb-contentFirst .cb-firstCatch { font-size: 17px; font-weight: 700; line-height: 1.5; text-align: center; } .cb-contentFirst .cb-firstMovie { display: block; width: 100%; height: 51.7vw; margin: 30px auto 0; } /* cb-contentAbout ---------------------------------------- */ .cb-contentAbout { padding: 45px 15px 10px; /* padding: 45px 15px 60px; -50px */ background: #fff3dd; } .cb-contentAbout .cb-about01 { margin: 0 auto 70px; } .cb-about01 .cb-aboutCatch { font-size: 17px; font-weight: 700; line-height: 1.5; text-align: center; margin: 0 auto 25px; } .cb-about01 .cb-aboutPh { width: 69vw; margin: 30px auto 0; } .cb-about01 .cb-aboutPh img { width: 100%; } .cb-about01 .cb-btn { margin: 30px auto 0; } .cb-about01a ul { margin-bottom: 40px; } .cb-about01a ul li { margin-top: 20px; } .cb-about01a ul li:first-child { margin-top: 0; } .cb-about01a .cb-btn {} .cb-about02 .cb-aboutSectionTtl { margin: 0 auto 30px; text-align: center; background: url(../img/bg_about_sectionTtl.png); background-repeat: repeat-x; background-position: center; background-size: 9px 3px; } .cb-about02 .cb-aboutSectionTtl span { display: inline-block; font-size: 18px; color: #ff7200; padding: 0 10px; background: #fff3dd; } .cb-about02 .cb-aboutParts { width: 100%; margin: 0 auto 45px; } .cb-about02 .cb-aboutPartTtl { width: 100%; height: 50px; font-size: 15px; font-weight: 500; color: #ffffff; line-height: 50px; text-align: center; margin: 0 auto 20px; background: #ff7200; border-radius: 6px; } .cb-about02 .cb-aboutPh { width: 100%; margin: 20px auto 0; } .cb-about02 .cb-aboutPh img { width: 100%; border: #d9d9d9 1px solid; border-radius: 6px; } /* cb-contentPoint ---------------------------------------- */ .cb-contentPoint { margin: 45px auto 20px; /* margin: 45px auto 60px; -45px */ padding: 0 15px; } .cb-contentPoint .cb-pointSection { width: 100%; margin: 0 auto 45px; } .cb-contentPoint .cb-pointSectionTtl { font-size: 17px; line-height: 1.5; font-weight: 500; color: #ffffff; margin: 0 auto 20px; padding: 12px 10px 12px 47px; background-color: #ff7200; background-position: 15px 12px; background-repeat: no-repeat; background-size: 25px; } .cb-contentPoint .cb-pointNumber01 { background-image: url(../img/point_number01.png); } .cb-contentPoint .cb-pointNumber02 { background-image: url(../img/point_number02.png); } .cb-contentPoint .cb-pointNumber03 { background-image: url(../img/point_number03.png); } .cb-contentPoint .cb-pointPh { width: 100%; margin: 20px auto 0; } .cb-contentPoint .cb-pointPh img { width: 100%; border: #d9d9d9 1px solid; } .cb-point03 .cb-btn { margin: 25px auto; line-height: 58px; } .cb-point03 .cb-btn span { padding-right: 15px; } /* cb-contentLineup ---------------------------------------- */ .cb-contentLineup { padding: 45px 15px 60px; background: #fff3dd; } .cb-contentLineup .cb-lineupCatch { text-align: center; margin: 0 auto 30px; } .cb-contentLineup .cb-lineupSection { width: 100%; text-align: center; margin: 0 auto; } .cb-contentLineup .cb-txtLink { font-size: 18px; } .cb-contentLineup .cb-lineup01 { margin-bottom: 60px; } .cb-lineup01 .cb-lineupModel { width: 100%; margin: 0 auto 30px; padding-bottom: 40px; border-bottom: #d9d9d9 1px solid; } .cb-lineup01 .cb-lineupModel:first-child { border-top: #d9d9d9 1px solid; padding-top: 30px; } .cb-lineup01 .cb-lineupPh { width: 70vw; padding-right: 8%; margin: 0 auto; } .cb-lineup01 .cb-lineupPh img { width: 100%; } .cb-lineup01 .cb-lineupName { font-size: 16px; line-height: 1.5; letter-spacing: -0.01em; color: #ff7200; font-weight: 500; margin: 20px auto; } .cb-lineup01 .cb-btn { width: 70vw; height: 50px; line-height: 50px; } .cb-lineup01 .cb-iconPdf { padding-right: 23px; background: url(../img/icon_linkBtn_pdf_black.png); background-repeat: no-repeat; background-position: right center; background-size: 18px 22px; border-bottom: #000 1px solid; text-decoration: none; } .cb-lineup01 .cb-iconPdf:hover { border-bottom: none; } .cb-lineup02 .cb-btn { margin-bottom: 30px; } .cb-lineup02 .cb-txtLink::after { content: " >"; } .cb-contentsArea .cb-lineup03 ul.cb-btnArea { margin-bottom: 40px; margin-top: 50px; } .cb-contentsArea .cb-lineup03 ul.cb-btnArea li { margin-bottom: 15px; } .cb-contentsArea .cb-lineup03 ul.cb-btnArea li .tit-txt { /* font-size: 16px; */ } /* cb-contentContact ---------------------------------------- */ .cb-contentContact { margin: 45px auto 35px; /* margin: 45px auto 60px; -25px */ padding: 0 15px; } .cb-contentContact .cb-contentTtl02 { margin-bottom: 45px; } .cb-contentContact .cb-btn { margin-bottom: 25px; } /* cb-contentOverview ---------------------------------------- */ .cb-contentOverviewWrap { background: #febd41 url(../img/bg_overview_ph_sp02.png); background-position: bottom center; background-repeat: no-repeat; background-size: contain; } .cb-contentOverviewBox { padding: 45px 15px 60px; background: url(../img/bg_overview_ph_sp01.png); background-position: top center; background-repeat: no-repeat; background-size: contain; } .cb-contentOverview { background: #ffffff; } .cb-contentOverview .cb-overviewInner { padding: 45px 25px 60px; } .cb-contentOverview .cb-overviewSection { width: 100%; margin: 0 auto 45px; } .cb-contentOverview .cb-overviewSectionTtl01 { margin: 0 auto 20px; background: url(../img/bg_overview_sectionTtl.png); background-repeat: repeat-x; background-position: center; background-size: 1px 1px; } .cb-contentOverview .cb-overviewSectionTtl01 span { font-size: 14px; font-weight: 700; display: inline-block; padding-right: 10px; background: #ffffff; } .cb-contentOverview .cb-overviewSectionTtl02 { font-size: 12px; font-weight: 400; margin: 0 auto 5px; } .cb-overview01 .cb-overviewParts { width: 100%; font-weight: 500; color: #ffffff; text-align: center; vertical-align: top; margin-bottom: 15px; background: #ff7200; border-radius: 6px; } .cb-overview01 .cb-overviewParts dl { padding: 15px 30px 20px; } .cb-overview01 .cb-overviewParts dt { padding: 0 0 10px; margin: 0 0 15px; border-bottom: #ffffff 1px solid; } .cb-overview01 .cb-overviewPart01 dd { line-height: 1.2; letter-spacing: 0.05em; } .cb-overview01 .cb-overviewPart02 dd { letter-spacing: 0.05em; } .cb-overview01 .cb-date { font-size: 21px; font-weight: 700; } .cb-overview01 .cb-slash { margin: 0 1px; vertical-align: 2px; } .cb-contentOverview .cb-overview02 { width: 100%; overflow: hidden; } .cb-overview02 .cb-overviewParts { position: relative; text-align: center; margin-bottom: calc(8vw + 30px); } .cb-overview02 .cb-overviewParts .cb-overviewBg { position: absolute; top: 8vw; left: 0; width: 100%; height: 100%; background: #fff0d3; border-radius: 6px; } .cb-overview02 .cb-overviewParts .cb-overviewMark { position: relative; top: 0; width: 100%; } .cb-overview02 .cb-overviewParts .cb-overviewMark img { width: 32.6vw; } .cb-overview02 .cb-overviewParts .cb-overviewModel { position: relative; width: 100%; margin-top: 20px; } .cb-overview02 .cb-overviewParts .cb-overviewPh img { width: 63.3vw; } .cb-overview02 .cb-overviewParts .cb-overviewName { font-weight: 500; letter-spacing: -0.01em; line-height: 1.5; margin: 15px auto 0; } .cb-overview02 .cb-overviewPart02 { margin-bottom: 8vw; } .cb-overview03 .cb-overviewParts { margin-top: 20px; } .cb-overview03 .cb-overviewParts dt { font-weight: 700; text-indent: -1em; padding-left: 1em; } .cb-overview03 .cb-overviewPh { width: 100%; margin: 30px auto; } .cb-overview03 .cb-overviewPh img { width: 100%; } .cb-overview03 .cb-btn { width: 100%; } .cb-overview04 .cb-overviewList li:before { content: "●"; } .cb-overview04 .cb-kome li:before { content: ""; } .cb-overview04 .cb-overviewList li { margin-bottom: 5px; text-indent: -1em; padding-left: 1em; } .cb-overview04 .cb-kome { text-indent: 0; padding-left: 0; } .cb-overview04 .cb-kome li { text-indent: 0; padding-left: 0; } .cb-contentOverview .cb-overview05 { margin-bottom: 0; } .cb-overview05 .cb-disc { font-size: 12px; list-style: disc; padding-left: 15px; margin-bottom: 30px; } } /* ============================================================================ ■ SP iPhone5 ============================================================================ */ @media screen and (max-width:320px) { /* cb-kv ---------------------------------------- */ .cb-kv .cb-kvPeriod { font-size: 10px; } .cb-kv .cb-kvPeriod .cb-date { font-size: 17px; } /* cb-contentOverview ---------------------------------------- */ .cb-overview03 .cb-btn { font-size: 14px; letter-spacing: -0.01em; } }