@charset "UTF-8";

/* ****************************************************
style.css for livable トランクルーム PC版
 ***************************************************** */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

/*general
=========================================*/
html {
  box-sizing: border-box;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  min-width: 1200px;
}

body {
  padding: 0;
  font-size: 1rem;
  color: #333;
  min-width: 1000px;
  background-color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body>img {
  display: none !important;
}

a {
  color: #00a1e9;
  text-decoration: underline;
}

body.mode-desktop a:hover {
  text-decoration: none;
}

img {
  vertical-align: top;
}

strong,
em {
  font-weight: bold;
}

/*header
=========================================*/
header {
  position: relative;
  z-index: 2;
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.1);
}

header #headerWrap {
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

header #headerWrap #logo {
  width: 360px;
}

header #headerWrap #tel {
  width: 735px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  padding: 12px 0 6px;
}

header #headerWrap #tel>p.telNote {
  padding: 0 0 6px;
  width: 100%;
  text-align: right;
  font-size: 1.2rem;
}

header #headerWrap #tel>p:nth-child(2) {
  width: 300px;
}

header #headerWrap #tel ul {
  padding: 0 0 0 17px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #777;
}

/*contents
=========================================*/
.anchor {
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.anchor .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.anchor .box ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: wrap;
}

.anchor .box ul>li {
  margin-left: 10px;
}

.anchor .box ul>li a {
  display: block;
}

.anchor .box ul>li a img {
  box-shadow: 1.5px 3px 7px rgba(0, 0, 0, 0.075), -1.5px 3px 7px rgba(0, 0, 0, 0.075);
}

.headNote {
  box-sizing: border-box;
  border: 5px solid #f3f3f3;
  width: 1120px;
  margin: -15px auto 50px;
  padding: 20px 75px;
  font-size: 1.4rem;
  line-height: 1.8;
}

.headNote>.s-heading {
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}

.headNote p.Lheading {
  text-align: left;
}

.headNote p.newsLink {
margin-bottom: 16px;
}

.headNote p.newsLink .s-flow {text-align: left; display: flex; margin-top:8px;}
.headNote p.newsLink .s-flow_tit {display: inline-block; margin-right: 16px;}
.headNote p.newsLink .s-flow_txt {display: inline-block;}

.headNote em {
  color: #ff4393;
  font-weight: normal;
}

#h1Box {
  box-sizing: border-box;
  padding: 45px 0 0;
  height: 480px;
  background: url(/assets/images/original/trunk-lp_03-index_im01-new.jpg) no-repeat 50% 0;
}

#h1Box h1 {
  width: 1120px;
  margin: 0 auto;
}

#h1Box h1 img {
  margin-left: -1px;
}

#h1Box+.anchor {
  margin: -18px auto 55px;
}

.campaign {
  width: 1120px;
  margin: 0 auto;
  padding: 0 0 50px;
}

.campaign ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px 0 0;
}

.campaign ol>li {
  width: 540px;
}

.campaign ol+p {
  margin: 30px 0 0;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
}

.cvBox {
  padding: 50px 0;
  background-color: #bbe1f2;
}

.cvBox .wrap {
  width: 1120px;
  margin: 0 auto;
}

.cvBox .wrap dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 0 25px;
  line-height: 1.4;
}

.cvBox .wrap dl dt {
  width: 5em;
  padding: 13px 0 10px;
  font-weight: bold;
  color: #fff;
  background-color: #00a1e9;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1;
}

.cvBox .wrap dl dd {
  padding: 0 0 0 15px;
  font-weight: bold;
  font-size: 2.2rem;
}

.cvBox .wrap p:first-child {
  margin: 0 0 25px;
  line-height: 1.4;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
}

.cvBox .wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cvBox .wrap ul:first-child {
  width: 1020px;
  margin: 0 auto;
}

.cvBox .wrap ul:first-child>li:first-child {
  margin-right: 15px;
}

.cvBox .wrap ul:nth-child(2)>li {
  width: 540px;
}

.cvBox .wrap ul:nth-child(2) a {
  display: block;
}

.cvBox .wrap ul:nth-child(2) a img {
  box-shadow: 2.5px 5px 10px rgba(0, 0, 0, 0.15), -2.5px 5px 10px rgba(0, 0, 0, 0.15);
}

.cvBox .wrap ul:nth-child(3) {
  width: 778px;
  margin: 25px auto 0;
}

.cvBox .wrap ul:nth-child(3)>li {
  width: 369px;
}

.cvBox .wrap ul:nth-child(3) a {
  display: block;
}

.cvBox .wrap ul:nth-child(3) a img {
  box-shadow: 1.5px 3px 5px rgba(0, 0, 0, 0.075), -1.5px 3px 5px rgba(0, 0, 0, 0.075);
}

main h2 {
  margin: 0 0 40px;
  font-weight: bold;
  font-size: 4rem;
  color: #002c69;
  text-align: center;
}

#shopList {
  position: relative;
  padding: 50px 0;
}

#shopList:before {
  position: absolute;
  top: 0;
  left: -236px;
  content: url(/assets/images/original/trunk-lp_03-index_bg02.png);
}

#shopList h2 {
  position: relative;
}

#shopList .anchor {
  position: relative;
}

#shopList>section {
  position: relative;
  width: 1120px;
  margin: 0 auto;
}

#shopList #tokyo {
  margin-top: 14px;
}

#shopList h3 {
  position: relative;
  padding: 67px 0 0 17px;
  font-weight: bold;
  font-size: 1.8rem;
}

#shopList h3:before {
  position: absolute;
  top: 50px;
  left: 0;
  content: url(/assets/images/original/trunk-lp_03-index_ic01.png);
}

#shopList .shopBox {
  width: 1120px;
  margin: 30px auto 0;
}

#shopList .shopBox h4 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  border-top: 3px solid #00a1e9;
  background-color: #f5fcff;
  font-weight: bold;
  font-size: 3rem;
  cursor: pointer;
}

#shopList .shopBox h4:before {
  position: absolute;
  top: 50%;
  right: 22px;
  margin-top: -14px;
  content: url(/assets/images/original/trunk-lp_03-index_ic09.png);
}

#shopList .shopBox h4.open:before {
  content: url(/assets/images/original/trunk-lp_03-index_ic10.png);
}

#shopList .shopBox h4>span:nth-child(2) {
  padding: 5px 72px 5px 22px;
}

#shopList .shopBox .toggleContents {
  box-sizing: border-box;
  width: 1120px;
  margin: 0 auto;
  padding: 0 40px 50px;
  border: 2px solid #f5fcff;
  border-top: 0;
  background-color: #fff;
}

#shopList .shopBox .lead {
  padding: 30px 0 25px;
  text-align: center;
  font-size: 2rem;
  line-height: 1.6;
}

#shopList .shopBox .lead em {
  color: #ff4393;
  font-weight: bold;
}

#shopList .shopBox .imgBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 50px;
  align-items: start;
}

#shopList .shopBox .imgBox .photos {
  width: 636px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#shopList .shopBox .imgBox .photos>li {
  width: 204px;
}

#shopList .shopBox .imgBox .photos>li:first-child {
  width: 100%;
  margin-bottom: 12px;
}

#shopList .shopBox .imgBox .map {
  width: 360px;
}

#shopList .shopBox .imgBox .map dl {
  margin: 30px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  font-size: 1.6rem;
  line-height: 1.6;
}

#shopList .shopBox .imgBox .map dl dt,
#shopList .shopBox .imgBox .map dl dd {
  box-sizing: border-box;
  margin-bottom: 20px;
}

#shopList .shopBox .imgBox .map dl dt {
  width: 6em;
  padding: 5px 5px 3px;
  background-color: #2e5893;
  color: #fff;
  text-align: center;
  line-height: 1;
}

#shopList .shopBox .imgBox .map dl dd {
  width: calc(100% - 6em);
  padding: 1px 0 0 20px;
}

#shopList .shopBox .pickup {
  padding-bottom: 50px;
}

#shopList .shopBox .pickup table {
  width: 100%;
  margin-top: 20px;
  border-collapse: separate;
  border-spacing: 2px;
}

#shopList .shopBox .pickup table+p {
  margin-top: 10px;
  text-align: right;
  font-size: 1.2rem;
}

#shopList .shopBox .pickup table th,
#shopList .shopBox .pickup table td {
  font-size: 1.8rem;
  text-align: center;
}

#shopList .shopBox .pickup table thead th {
  padding: 10px 10px 8px;
  background-color: #2e5893;
  color: #fff;
}

#shopList .shopBox .pickup table tbody td {
  padding: 10px 10px 8px;
  background-color: #f3f3f3;
  line-height: 1.2;
}

#shopList .shopBox .pickup table tbody td:first-child span {
  font-size: 1.4rem;
}

#shopList .shopBox .pickup table tbody td sup {
  font-size: 1rem;
  vertical-align: super;
}

#shopList .shopBox .pickup table tbody td .default {
  text-decoration: line-through;
}

#shopList .shopBox .pickup table tbody td em {
  font-weight: bold;
  color: #ff4393;
  font-size: 3rem;
}

#shopList .shopBox .campaign {
  width: 1036px;
}

#shopList .shopBox .campaign ol>li {
  width: 498px;
}

#shopList .shopBox .campaign ol.type1col {
  -webkit-justify-content: center;
  justify-content: center;
}

#shopList .shopBox .campaign ol.type3col>li {
  width: 328px;
}

#shopList .shopBox .cvBox {
  padding-top: 35px;
  padding-bottom: 40px;
}

#shopList .shopBox .cvBox .wrap {
  width: 1036px;
}

#shopList .shopBox .cvBox p:first-child {
  margin-bottom: 20px;
  font-size: 2.6rem;
}

#shopList .shopBox .cvBox ul:nth-child(2) {
  width: 956px;
  margin: 0 auto;
}

#shopList .shopBox .cvBox ul:nth-child(2)>li {
  width: 458px;
}

#point {
  padding: 50px 0;
  background-color: #f3f3f3;
}

#point>ol {
  width: 1120px;
  margin: 0 auto;
}

#point>ol>li+li {
  margin-top: 30px;
  background-color: #fff;
}

#point>ol>li+li>img {
  position: relative;
  z-index: 2;
  display: block;
}

#point>ol ul {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  border: 3px solid #2e5893;
  border-top-width: 0;
  padding-bottom: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 11px;
}

#point>ol ul>li {
  margin-top: 26px;
}

#point>ol ul>li+li {
  margin-left: 26px;
}

#point>ol ul>li+li:nth-child(4) {
  margin-left: 0;
}

#point .other {
  width: 1120px;
  margin: 50px auto 45px;
}

#point .other h3 {
  text-align: center;
}

#point .other ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #002c69;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.4;
}

#point .other ul>li {
  width: 224px;
}

#point .other ul p:nth-child(2) {
  display: table-cell;
  width: 224px;
  height: 3em;
  vertical-align: middle;
}

#point .other ul .note {
  font-size: 1.2rem;
  text-align: center;
  color: #333;
  font-weight: normal;
  line-height: 1.6;
}

#point .movers {
  box-sizing: border-box;
  width: 1120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 42px 40px;
  background-color: #fff;
  border-top: 3px solid #00a1e9;
}

#point .movers h3 {
  width: 100%;
  padding: 25px 0 25px;
  text-align: center;
  font-weight: bold;
  color: #00a1e9;
  font-size: 2.2rem;
}

#point .movers>ul {
  width: 498px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px 0 0;
}

#point .movers .text {
  width: 498px;
  font-size: 1.6rem;
  line-height: 1.6;
}

/*#point .movers .text > p:last-child {
  margin-top: 22px;
}*/

#case {
  overflow: hidden;
  position: relative;
  padding: 50px 0;
}

#case:before {
  position: absolute;
  bottom: -2px;
  right: -300px;
  content: url(/assets/images/original/trunk-lp_03-index_bg01.png);
}

#case ul {
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#case ul>li {
  position: relative;
  width: 498px;
  padding: 35px 0;
  background-color: #f3f3f3;
}

#case ul>li:nth-child(even) {
  margin-left: 80px;
}

#case ul>li:nth-child(n + 3) {
  margin-top: 45px;
}

#case ul>li .photo {
  position: absolute;
  bottom: -20px;
  right: -40px;
}

#case ul>li .text {
  box-sizing: border-box;
  width: 280px;
  padding: 0 20px 0 20px;
  font-size: 1.6rem;
  line-height: 1.6;
}

#case ul>li .text>p:first-child {
  color: #002c69;
  font-weight: bold;
  font-size: 2.8rem;
}

#case ul>li .text>p:first-child+p {
  padding: 5px 0 10px;
  color: #00a1e9;
  font-weight: bold;
}

#flow {
  margin: 0 0 54px;
  padding: 50px 0;
  background-color: #f3f3f3;
}

#flow h2+p {
  text-align: center;
  font-size: 3rem;
}

#flow h2+p em {
  font-size: 4.4rem;
  color: #00a1e9;
}

#flow ol {
  width: 1120px;
  margin: 40px auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#flow ol>li {
  position: relative;
  width: 530px;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
}

#flow ol>li:first-child,
#flow ol>li:last-child {
  width: 100%;
}

#flow ol>li:first-child {
  margin-bottom: 60px;
}

#flow ol>li:first-child:after {
  position: absolute;
  bottom: -50px;
  left: 50%;
  margin-left: -95px;
  content: url(/assets/images/original/trunk-lp_03-index_ic02.png);
}

#flow ol>li:first-child .wrap {
  display: table-cell;
  width: 1120px;
  height: 145px;
  vertical-align: middle;
}

#flow ol>li:last-child {
  margin-top: 165px;
}

#flow ol>li:last-child:before {
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -57.5px;
  content: url(/assets/images/original/trunk-lp_03-index_ic04.png);
}

#flow ol>li:last-child ul {
  position: absolute;
  top: -135px;
  left: 161px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 798px;
}

#flow ol>li:last-child ul a {
  display: block;
}

#flow ol>li:last-child ul a img {
  box-shadow: 1.5px 3px 5px rgba(0, 0, 0, 0.075), -1.5px 3px 5px rgba(0, 0, 0, 0.075);
}

#flow ol>li:nth-child(2):after {
  position: absolute;
  top: 50%;
  right: -41px;
  margin-top: -32px;
  content: url(/assets/images/original/trunk-lp_03-index_ic03.png);
}

#flow ol>li:nth-child(2) .btn {
  width: 446px;
  margin: 25px auto 0;
  padding: 0 0 30px;
  border-bottom: 2px solid #f3f3f3;
}

#flow ol>li:nth-child(2) .btn a {
  display: block;
}

#flow ol>li:nth-child(2) .btn a img {
  box-shadow: 2.5px 5px 10px rgba(0, 0, 0, 0.15), -2.5px 5px 10px rgba(0, 0, 0, 0.15);
}

#flow ol>li:nth-child(2) .flowTel {
  width: 446px;
  margin: 25px auto 0;
  padding: 0 0 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}

#flow ol>li:nth-child(2) .flowTel .telNote {
  padding-bottom: 10px;
}

#flow ol>li:nth-child(2) .flowTel ul {
  font-size: 1.3rem;
}

#flow ol>li:nth-child(3) .linkBox {
  width: 446px;
  margin: 20px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#flow ol>li:nth-child(3) .linkBox .linkList {
  width: 214px;
}

#flow ol>li:nth-child(3) .linkBox .linkList p:first-child {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: left;
}

#flow ol>li:nth-child(3) .linkBox .linkList ul li+li {
  margin-top: 15px;
}

#flow ol>li:nth-child(3) .linkBox .linkList ul a {
  display: block;
}

#flow ol>li:nth-child(3) .linkBox .linkList ul a img {
  box-shadow: 1.5px 3px 7px rgba(0, 0, 0, 0.075), -1.5px 3px 7px rgba(0, 0, 0, 0.075);
}

#flow ol>li .wrap {
  box-sizing: border-box;
  min-height: 145px;
  padding: 0 0 35px;
}

#flow ol>li .wrap>p:first-child {
  position: absolute;
  top: 0;
  left: 0;
}

#flow ol>li .wrap>p:first-child+p {
  padding: 30px 0 10px;
  text-align: center;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.2;
}

#flow ol>li .wrap>p:first-child+p span {
  padding-left: 10px;
  font-size: 1.4rem;
  color: #ff4393;
  font-weight: normal;
}

#flow ol>li .wrap .note {
  margin-top: 5px;
  font-size: 1.2rem;
}

#flow ol>li .wrap .note .s-red {
  color: #ff4393;
}

#faq {
  margin: 0 0 54px;
  padding: 50px 0;
  background-color: #f5fcff;
}

#faq #faqTab {
  width: 1120px;
  margin: 0 auto;
}

#faq #faqTab dl {
  width: 1036px;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.6;
}

#faq #faqTab dl dt {
  position: relative;
  padding: 0 0 15px 50px;
  font-weight: bold;
  font-size: 2.2rem;
  color: #002c69;
}

#faq #faqTab dl dt:before {
  position: absolute;
  top: -3px;
  left: 0;
  content: url(/assets/images/original/trunk-lp_03-index_ic05.png);
}

#faq #faqTab dl dd {
  border-bottom: 2px solid #dae7ec;
  line-height: 1.8;
}

#faq #faqTab dl dd+dt {
  margin-top: 40px;
}

#faq #faqTab dl dd .aBox {
  position: relative;
  padding: 0 0 40px 50px;
}

#faq #faqTab dl dd .aBox:before {
  position: absolute;
  top: 0;
  left: 3px;
  content: url(/assets/images/original/trunk-lp_03-index_ic06.png);
}

#faq .tabMenu {
  margin: 0 0 50px;
  padding: 0 20px;
  border-bottom: 4px solid #00a1e9;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#faq .tabMenu>li {
  box-sizing: border-box;
  width: 530px;
  padding: 25px 20px 15px;
  cursor: pointer;
  background: #ffffff url(/assets/images/original/trunk-lp_03-index_ic07.png) no-repeat 34px 56%;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
}

#faq .tabMenu>li.active {
  background: #00a1e9 url(/assets/images/original/trunk-lp_03-index_ic08.png) no-repeat 34px 56%;
  color: #fff;
}

#faq .tabBox {
  display: none;
}

#faq .tabBox.show {
  display: block;
}

body.mode-desktop #shopList .shopBox h4:hover {
  background-color: #afe4fc;
}

body.mode-desktop #faq .tabMenu>li:hover {
  background-color: #afe4fc;
}

/*footer
=========================================*/
footer {
  width: 1120px;
  margin: 0 auto;
}

footer .footerWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}

footer .footerWrap>ul {
  width: 390px;
  /*width: 492px;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

footer .footerWrap>ul>li {
  width: 148px;
  /*width: 212px;*/
}

footer .footerWrap>ul>li+li {
  width: 200px;
}

footer .footerWrap #copyright {
  font-size: 1.2rem;
  color: #aaa;
  font-family: Roboto, Arial, Helvetica, Tahoma, Verdana;
}

footer #pageUp {
  position: fixed;
  z-index: 100;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
}


/* 200825追記　期間限定キャンペーン */
.s-campaign_MVtxt200825 {
  background: #fff100;
  text-align: center;
  padding: 10px 0;
}

#shopList .shopBox.s-campaign200825 h4:after {
  position: absolute;
  content: "◇期間限定◇ 特別キャンペーン実施中!!";
  top: auto;
  left: 400px;
  background: #fff100;
  padding: 10px;
  font-size: 20px;
  color: #e83f90;
}


/* 201022追記　360°パノラマボタン追加 */
#shopList .shopBox .panorama {
  margin-bottom: 50px;
}

#shopList .shopBox .panorama a {
  display: block;
}


/*--　追記201127　サイドナビゲーションスタイル　--*/
.s-nav_list .s-nav_list-box {
  height: 6.4rem;
  width: 1120px;
}

.s-nav_list .s-nav_list-box:first-child {
  margin-bottom: 10px;
}

.s-nav_list .s-nav_list-box.s-Twolines {
  margin-bottom: 88px;
}
.s-nav_list .s-nav_list-box.s-Twolines .s-store_item {
  margin-bottom: 8px;
}

.s-nav_list .s-store_area {
  color: #fff;
  background: #00a2ea;
  font-weight: bold;
  height: 100%;
  line-height: 6.4rem;
  padding: 0 20px;
  font-size: 18px;
  width: 100px;
  text-align: center;
}

.s-nav_list .s-store {
  width: 990px;
}

.s-nav_list .s-store .s-store_item {
  box-shadow: 1.5px 3px 7px rgba(0, 0, 0, 0.075), -1.5px 3px 7px rgba(0, 0, 0, 0.075);
  width: 235px;
}

.s-nav_list .s-store .s-store_item-link {
  position: relative;
  display: block;
  color: #333;
  background: #ddf4ff;
  text-decoration: none;
  line-height: 6.4rem;
  padding: 0 20px 0 50px;
  /* font-weight: bold; */
  font-size: 18px;
  font-weight: bold;
}

.s-nav_list .s-store .s-store_item-link:hover {
  background: #b0e5fc;
}

.s-nav_list .s-store .s-store_item-link:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2.5px #02a0ea;
  border-right: solid 2.5px #02a0ea;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transform: translateY(-100%) rotate(135deg);
  position: absolute;
  top: 50%;
  left: 20px;
}

.cvBox .wrap.s-wrap201127 ul:first-child {
  width: 1120px;
}

.cvBox .wrap.s-wrap201127 dl dd {
  font-size: 2rem;
}

/* 201221追記　店舗ページ内リンク赤字 */
.s-store_item-link_caution {
  font-weight: normal;
  font-size: 12px;
  color: #F00;
  line-height: 1;
  position: absolute;
  bottom: 4px;
  left: 50px;
}

/* 210219追記　運送会社追加 */
.s-movers_mb {
  margin-bottom: 44px;
}

/* 210325追記　4つキャンペーン */
.campaign ol.type4col>li,
#shopList .shopBox .campaign ol.type4col>li {
  width: auto;
}

/* 210412追記　お知らせ */
.headNote .headNote-align-center {
  text-align: center;
}
.s-mb24 {
  margin-bottom: 24px;
}

/* 07/02 NEW-CSS */
footer.s-20220207update {
  padding-bottom: 110px;
}

footer.s-20220207update #pageUp {
  bottom: 140px;
}

.bottom-btn-wrapper {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.bottom-btn {
  padding: 20px;
  background-color: rgba(0, 0, 0, .5);
  width: 100%;
}

.bottom-btn .bottom-btn-ul {
  display: flex;
  justify-content: center;
  margin: 0 -19px;
}

.bottom-btn .bottom-btn-ul .bottom-btn-li {
  padding: 0 19px;
}

.bottom-btn .bottom-btn-ul .bottom-btn-li a {
    display: block;
}


/* 09/05 NEW-CSS */
/* s-trunk-size-image */
.s-trunk-size-image-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .s-trunk-size-image-text {
    justify-content: center;
  }
}

.s-trunk-size-num {
  color: #000f52;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.1;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .s-trunk-size-num {
    margin-right: 11px;
    font-size: 1.7rem;
  }
}

.s-trunk-size-text {
  font-size: 16px;
  color: #009dea;
  line-height: 1.4;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .s-trunk-size-text {
    font-size: 1.2rem;
  }
}

.s-trunk-size-image-box {
  background-color: #fff;
  margin-top: 35px;
  position: relative;
}

.s-trunk-size-images {
  display: flex;
  justify-content: space-between;
}

.s-trunk-size-image-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
}

.s-case-wpr {
  max-width: 1120px;
  margin: 0 auto;
}

.s-trunk-size-bg-box {
  padding: 20px;
  background-color: #f3f3f3;
}

.s-trunk-size-image-wpr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -20px;
}

.s-trunk-size-image-box {
  width: 540px;
  margin: 20px;
}
.s-trunk-size-image-box:nth-child(-n+2) {
  margin-top: 0;
}

.img-fluid {
  width: 100%;
  height: auto;
}

/* NEW CSS 07/06/2022 */
#case .s-trunk-size-image .s-trunk-size-num {
  color: #002c69;
  font-weight: bold;
  font-size: 2.8rem;
  margin-right: 16px;
}

#case .s-trunk-size-image .s-trunk-size-dsc {
  font-size: 16px;
  line-height: 1.5;
  padding: 6px 0 0;
  color: #00a1e9;
  font-weight: bold;
}

#case .s-trunk-size-image .s-trunk-size-num {
  font-size: 28px;
}

#case .s-trunk-size-image .s-size-image-text {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  #case .s-trunk-size-image .s-size-image-text {
    display: flex;
    flex-direction: column;
  }
}

#case .s-trunk-size-image .s-trunk-size-col-sm {
  width: 224px;
}

@media screen and (max-width: 768px) {
  #case .s-trunk-size-image .s-trunk-size-col-sm {
    flex: 0 1 100%;
    width: 100%;
    padding: 0 8px;
  }
}

#case .s-trunk-size-image .s-trunk-size-col-lg {
  width: 260px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #case .s-trunk-size-image .s-trunk-size-col-lg {
    flex: 0 1 100%;
    width: 100%;
    padding: 0 8px;
    margin-top: 16px;
  }
}

#case .s-trunk-size-ul {
  width: 100%;
  margin-top: 16px;
  color: #777;
}

@media screen and (max-width: 768px) {
  #case .s-trunk-size-ul {
    padding: 16px 0 0 0;
  }
}

#case .s-trunk-size-li {
  font-size: 11px;
  line-height: 1.6;
  width: 100%;
  margin-left: 0 !important;
  padding: 0 0 2px;
}

#case .s-trunk-size-li-link {
  color: #1e50a2;
  text-decoration: underline;
}

#case .s-trunk-size-image-capt {
  font-size: 12px;
  line-height: 2;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 2px 8px;
}

@media screen and (max-width: 768px) {
  #case .s-trunk-size-image-capt {
    right: 7px;
  }
}

.s-campaigntxt231128 {
    position: relative;
    top: -3px;
    padding: 0.4rem 0.8rem;
    border: 2px solid #ff4393;
    /*background: linear-gradient(135deg, #ff4393 0 8px, transparent 8px), linear-gradient(-45deg, #ff4393 0 8px, transparent 8px);*/
    color: #ff4393;
    font-size: 16px;
    margin-left: 30px;
    vertical-align: middle;
}
.s-campaigntxt231128.s-in {
    top: -2px;
    margin-left: 16px;
}
#shopList .shopBox .s-old-name {
    font-size: 20px;
}