/* 20211004 COLOURS 2021AW */

main {padding-bottom:0;}
.colours21aw {width:100%; height:auto; margin:0; padding:0;}
.colours21aw section {display:inline-block; width:100%;}
.colours21aw h1,.colours21aw h2,.colours21aw h3,.colours21aw h4,.colours21aw h5,.colours21aw p,.colours21aw span {font-family: source-han-sans-cjk-ja, din-2014, sans-serif; color:#897f77; font-feature-settings: "palt" 1; transform:scale(0.97, 1);}
.colours21aw p {margin:0;}

.colours21aw .ttl {width:100vw; height:auto;}
.colours21aw .ttl img {width:100%; object-fit: contain;}

.colours21aw .intro { width:100vw; background: linear-gradient(#FCF0E8, #FEE5EC, #F1F2F2, #EFF2F4); padding:100px auto; height:auto; text-align:center;}
.colours21aw .intro h2 {display:inline-block; font-size:3rem; margin:0 auto 50px; padding-top:50px; letter-spacing:0.5rem; font-weight:500; text-align:left;}
.colours21aw .intro p {font-size:2rem; text-align:justify; margin:0 auto; padding-bottom:50px; width:80%; max-width:800px; font-weight:300; font-style:normal; }

.colours21aw .container {width:100%; height:auto; margin:0 auto; padding:0; background:white;}
.colours21aw .container h2, .colours21aw .container h3 {text-align:center;}
.colours21aw .container h3 {margin:50px auto 10px; font-size:2rem!important;}
.colours21aw .container hr {background: linear-gradient(to right, #a81e35 0%, #a81e35 25%, #f98c51 25%, #f98c51 50%, #82908d 50%, #82908d 75%, #617086 75%, #617086 100%); width:50%; height:5px; margin:0 auto 50px; border:0 none;}
.colours21aw .about img {width:90%; object-fit:contain; margin:0 auto 25px; display:block;}
.colours21aw .about p,.newframe p {width:90%; max-width:700px; margin:0 auto; line-height:2.5rem; font-style:normal; font-weight:100; font-size:1.3rem; text-align:justify; letter-spacing:0.1rem;}
.colours21aw .about p b {font-weight:800;}

.colours21aw .newframe h5 {text-align:center; margin:-15px auto 10px; font-size:1.5rem;}
.colours21aw .newframe img {width:100%; margin-bottom:20px;}

.colours21aw .lineup h5 {text-align:center; margin:-15px auto 10px; font-size:1.3rem;}

.colours21aw .lineup {text-align:center; margin-bottom:50px;}
.colours21aw h4 {display:inline-block; height:30px; margin:0 auto 20px; padding:0;}
.colours21aw h4 em {display:block; width:50px; height:40px; font-family:din-2014, sans-serif; font-size:40px; margin:0; padding:0; float:left; line-height:40px; font-style:normal; font-weight:300; text-align:left;}
.colours21aw h4 b { display:block; height:40px; font-family:source-han-sans-cjk-ja, sans-serif; font-size:20px; float:right; line-height:18px; padding-left:15px; border-left:solid 3px #b2b2b2;  text-align:left;}
.colours21aw h4 sub { font-family:source-han-sans-cjk-ja, sans-serif; font-size:10px; line-height:0px; text-align:left;}
.col_frame {display:flex; flex-flow: row wrap; width:90%; margin:0 auto 50px; }
.col_frame li {width:50%; text-align:center; margin-bottom:30px;}
.col_frame li img {width:100%; margin-bottom:10px;}
.col_frame li p {width:60%; display:block; margin:0 auto; height:20px; border-radius:5px; color:white; line-height:20px; font-size:1rem;}

.col_seat {display:flex; flex-flow:row wrap; justify-content:center; width:90%; margin:0 auto 50px;}
.col_seat li {width:33.3%; margin-bottom:30px;}
.col_seat li img {width:90%; margin:0 auto 5px; display:block;}
.col_seat li p {width:100%; text-align:center; font-size:1rem;}

.col_frontbar {display:flex; flex-flow:row wrap; justify-content:center; width:90%; margin:0 auto 50px;}
.col_frontbar li {width:33.3%; margin-bottom:30px;}
.col_frontbar li img {width:100%; margin-bottom:10px;}
.col_frontbar li p {width:80%; height:20px; text-align:center; border-radius:5px; color:white; display:block; line-height:20px; margin:0 auto; font-size:1rem;}

.col_drinkholder {display:flex; flex-flow:row wrap; justify-content:center; width:90%; margin:0 auto 50px;}
.col_drinkholder li {width:33.3%; margin-bottom:30px;}
.col_drinkholder li img {width:40%; margin:0 auto 10px; display:block;}
.col_drinkholder li p {width:80%; height:20px; text-align:center; border-radius:5px; color:white; display:block; line-height:20px; margin:0 auto; font-size:1rem;}

.col_tire {display:flex; flex-flow:row wrap; justify-content:center; width:80%; margin:0 auto 70px;}
.col_tire li {width:50%;}
.col_tire li img {width:80%; margin:0 auto 20px; display:block;}
.col_tire li p {width:50%; height:20px; text-align:center; border-radius:5px; color:#8b8077;  display:block; line-height:20px; margin:0 auto; border:solid 1px #babbbb; font-size:1rem;}

.col1 {background:#a81e35;}
.col2 {background:#f98c51;}
.col3 {background:#82908d;}
.col4 {background:#617086;}
.col5 {background:#d4a882;}
.col6 {background:#533224;}
.col7 {background:#b9572d;}
.col8 {background:#8b8c8d;}
.col9 {background:#1b1b1b; color:white!important;}
.col10 {background:white;}

.price {border-bottom:solid 1px #8b8077; height:65px; display:inline-block; font-size:3rem;}
.price em {font-size:4rem;}
.price small {font-size:1rem;}

.block_order {width:90%; background:#ededed; padding:20px; margin:0 auto;}
.block_order li {background:#fbfaef;}
.block_order li h5 {width:90%; font-size:1.75rem; margin:0 auto; padding:50px 0 0; font-weight:500; line-height:2.2rem;}
.block_order li h5 img {display:block; width:60px; height:60px; object-fit: contain; padding-right:10px; float:left; position:relative; top:-15px; }
.block_order li p {width:90%; margin:0 auto; padding-bottom:30px; font-size:1.3rem; font-weight:100; font-style:normal; clear:both; text-align:justify; }

.block_order li.block_spaser { width:100%; text-align:center; height:70px; background:#ededed;}
.block_order li.block_spaser span {font-size:8rem; color:#8b8077; transform:scale(1.25, 1); position:relative; top:-25px;}

.block_order li ul.tools {display:flex; flex-flow:column nowrap; width:90%; margin:0 auto; padding-bottom:30px;}
.block_order li ul.tools li {width:100%; color:#8b8077; margin-bottom:10px;}
.block_order li ul.tools li img {width:30px; height:30px; float:left; margin-right:10px; position:relative; top:-5px;}

.colours21aw .store .storelist {width:80%; margin:0 auto 30px; display:flex; flex-flow: column nowrap; height:auto; flex-shrink:1;}
.colours21aw .store .storelist li {width:100%;}
.colours21aw .store .storelist li img {display:block; width:100%; object-fit:contain; }
.colours21aw .store .storelist li div {display:flex; flex-flow:column nowrap; justify-content: center; margin-bottom:20px;}
.colours21aw .store .storelist li div h5 { font-size:1.5rem; margin:10px auto 10px 0; font-weight:500;}
.colours21aw .store .storelist li div address { font-size:1.3rem; color:#8b8077; margin-bottom:10px;}
.colours21aw .store .storelist li div address span {line-height:30px;}
.colours21aw .store .storelist li div address span a {color:#8b8077;}

.colours21aw .note {width:100%; background:#666; color:white; margin:0; text-align:center; display:flex; flex-flow:column; align-content: center; justify-content: center;}
.colours21aw .note h6 {width:90%; text-align:left; font-size:0.8rem; font-weight:500; margin:20px auto 0;}
.colours21aw .note small {width:90%; text-align:justify; font-size:0.8rem; font-weight:100; font-style:normal; margin:0 auto 20px; clear:both;}


@media screen and (max-width:428px) {
.colours21aw .pc {display:none;}
}

@media screen and (min-width:429px) {
.colours21aw .sp {display:none;}

.colours21aw .intro h2 {display:inline-block; font-size:3rem; margin:0 auto 50px; padding-top:100px; letter-spacing:0.5rem; font-weight:500; text-align:left;}
.colours21aw .intro p {font-size:2rem; text-align:justify; margin:0 auto; padding-bottom:100px; width:80%; max-width:800px; font-weight:300; font-style:normal; }

.colours21aw .container {width:100%; max-width:1200px; height:auto; margin:0 auto; padding:0; background:white;}
.colours21aw .container h2, .colours21aw .container h3 {text-align:center;}
.colours21aw .container h3 {margin:100px auto 10px; font-size:3rem!important;}
.colours21aw .container hr {background: linear-gradient(to right, #a81e35 0%, #a81e35 25%, #f98c51 25%, #f98c51 50%, #82908d 50%, #82908d 75%, #617086 75%, #617086 100%); width:50%; height:5px; margin:0 auto 50px; border:0 none;}
.colours21aw .about img {width:60%; max-width:700px; object-fit:contain; margin:0 auto 50px; display:block;}
.colours21aw .about p,.newframe p {width:60%; max-width:700px; margin:0 auto; line-height:3rem; font-style:normal; font-weight:100; font-size:1.5rem; text-align:justify; letter-spacing:0.1rem;}
.colours21aw .about p b {font-weight:800;}

.colours21aw .newframe h5 {text-align:center; margin:-15px auto 20px; font-size:2rem;}
.colours21aw .newframe img {width:100%;}

.colours21aw .lineup h5 {text-align:center; margin:-15px auto 20px; font-size:2rem;}

.colours21aw .lineup {text-align:center; margin-bottom:100px;}
.colours21aw h4 {display:inline-block; height:60px; margin:0 auto 50px; padding:0;}
.colours21aw h4 em {display:block; width:85px; height:60px; font-family:din-2014, sans-serif; font-size:70px; margin:0; padding:0; float:left; line-height:60px; font-style:normal; font-weight:300; text-align:left;}
.colours21aw h4 b { display:block; height:60px; font-family:source-han-sans-cjk-ja, sans-serif; font-size:30px; float:right; line-height:28px; padding-left:20px; border-left:solid 5px #b2b2b2;  text-align:left;}
.colours21aw h4 sub { font-family:source-han-sans-cjk-ja, sans-serif; font-size:15px; line-height:0px; text-align:left;}
.col_frame {display:flex; flex-flow: row nowrap; width:90%; margin:20px auto 100px; }
.col_frame li {width:25%; text-align:center;}
.col_frame li img {width:100%; margin-bottom:20px;}
.col_frame li p {width:60%; display:block; margin:0 auto; height:30px; border-radius:5px; color:white; line-height:30px; font-size:1.3rem;}

.col_seat {display:flex; flex-flow:row wrap; justify-content:center; width:90%; margin:0 auto 100px;}
.col_seat li {width:16.667%; margin-bottom:30px;}
.col_seat li img {width:90%; margin:0 auto 10px; display:block;}
.col_seat li p {width:100%; text-align:center; font-size:1.3rem;}

.col_frontbar {display:flex; flex-flow:row wrap; justify-content:center; width:60%; margin:0 auto 100px;}
.col_frontbar li {width:33.3%; margin-bottom:50px;}
.col_frontbar li img {width:100%; margin-bottom:20px;}
.col_frontbar li p {width:60%; height:30px; text-align:center; border-radius:5px; color:white; display:block; line-height:30px; margin:0 auto; font-size:1.3rem;}

.col_drinkholder {display:flex; flex-flow:row wrap; justify-content:center; width:60%; margin:0 auto 100px;}
.col_drinkholder li {width:20%;}
.col_drinkholder li img {width:60%; margin:0 auto 20px; display:block;}
.col_drinkholder li p {width:80%; height:30px; text-align:center; border-radius:5px; color:white; display:block; line-height:30px; margin:0 auto; font-size:1.3rem;}

.col_tire {display:flex; flex-flow:row wrap; justify-content:center; width:50%; margin:0 auto 70px;}
.col_tire li {width:50%;}
.col_tire li img {width:80%; margin:0 auto 20px; display:block;}
.col_tire li p {width:50%; height:30px; text-align:center; border-radius:5px; color:#8b8077;  display:block; line-height:30px; margin:0 auto; border:solid 1px #babbbb; font-size:1.3rem;}

.price {border-bottom:solid 1px #8b8077; height:65px; display:inline-block; font-size:3rem;}
.price em {font-size:4rem;}
.price small {font-size:2rem;}

.block_order {width:90%; max-width:800px; background:#ededed; padding:20px; margin:0 auto;}
.block_order li {background:#fbfaef;}
.block_order li h5 {width:70%; font-size:2.5rem; margin:0 auto; padding:50px 0 0; font-weight:500;}
.block_order li h5 img {display:block; width:80px; height:80px; object-fit: contain; padding-right:20px; float:left; position:relative; top:-25px;}
.block_order li p {width:70%; margin:0 auto; padding-bottom:50px; font-size:1.5rem; clear:both;}

.block_order li.block_spaser { width:100%; text-align:center; height:70px; background:#ededed;}
.block_order li.block_spaser span {font-size:8rem; color:#8b8077; transform:scale(1.25, 1); position:relative; top:-25px;}

.block_order li ul.tools {display:flex; flex-flow:row nowrap; width:70%; margin:-20px auto 0; padding-bottom:50px;}
.block_order li ul.tools li {width:50%; color:#8b8077;}
.block_order li ul.tools li img {width:30px; height:30px; float:left; margin-right:10px; position:relative; top:-5px;}

.colours21aw .store .storelist {width:70%; max-width:800px; margin:0 auto 100px; display:flex; flex-flow: column nowrap; height:auto; flex-shrink:1;}
.colours21aw .store .storelist li {width:100%; padding-bottom:20px;}
.colours21aw .store .storelist li img {display:block; width:400px; height:300px; float:left; margin-right:20px;}
.colours21aw .store .storelist li div {height:300px; display:flex; flex-flow:column nowrap; justify-content: center;}
.colours21aw .store .storelist li div h5 { font-size:2rem; margin-bottom:10px; font-weight:500;}
.colours21aw .store .storelist li div address { font-size:1.5rem; color:#8b8077; margin-bottom:10px;}
.colours21aw .store .storelist li div address span {line-height:30px;}
.colours21aw .store .storelist li div address span a {color:#8b8077;}

.colours21aw .note {width:100vw; background:#666; color:white; padding:30px; margin:0; text-align:center; display:flex; flex-flow:column; align-content: center; justify-content: center;}
.colours21aw .note h6 {width:70%; max-width:800px; text-align:left; font-size:1rem; font-weight:500; margin:0 auto;}
.colours21aw .note small {width:70%; max-width:800px; text-align:justify; font-size:1rem; font-weight:100; font-style:normal; margin:0 auto; clear:both;}
}