/* Unique Style */
/*---------------------------------------- # Content ----------------------------------------*/
@media (max-width: 767px) { .layout-content { background: url("../../img/unique/home/main_texture-sp.png") center bottom -60px no-repeat; background-size: 291px 162px; padding-bottom: 5px; } }

/* ## Shop Content
----------------------------------------*/
@media (max-width: 767px) { .layout-shopContent { background-color: transparent; } }

/* Cover
----------------------------------------*/
.unique-cover .cover { margin-bottom: 0; text-align: center; }

.unique-cover .coverScene { overflow: hidden; position: relative; left: 0 !important; }

.unique-cover .coverScene a { color: inherit; display: block; }

.unique-cover .coverScene:not(:first-child) { display: none; }

.unique-cover .coverScene .btn { margin-top: 15px; }

.unique-cover .coverBlock { padding: 0 15px; position: absolute; top: 50%; left: 0; text-align: left; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.unique-cover .coverBlock img { height: auto; width: auto; max-width: 100%; }

.unique-cover .slick-slide { display: block !important; }

.unique-cover .slick-dots { margin-bottom: 0; position: absolute; bottom: 5px; }

.unique-cover .slick-dots li { height: 7px; margin: 0 5px; width: 7px; }

.unique-cover .slick-dots button { border: 1px solid #999; background-color: #999; border-radius: 50%; height: 7px; padding: 0; width: 7px; }

.unique-cover .slick-dots button::before { display: none; }

.unique-cover .slick-dots li.slick-active button { background-color: #fff; }

@media (max-width: 767px) { .unique-cover .cover_picture { position: relative; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; }
  .unique-cover .coverBlock { font-size: 1.0rem; width: 56.25%; } }

@media (min-width: 768px) { .unique-cover { float: left; height: 382px; width: 776px; }
  .unique-cover .cover { position: relative; }
  .unique-cover .cover_picture { width: 100%; }
  .unique-cover .coverBlock { padding: 0 50px; width: 420px; }
  .unique-cover .cover_lead { margin-bottom: 20px; }
  .unique-cover .coverScene:not(:first-child) { position: absolute !important; }
  .unique-cover .slick-dots { position: absolute; bottom: 20px; }
  .unique-cover .slick-dots li { height: 12px; width: 12px; }
  .unique-cover .slick-dots button { height: 12px; width: 12px; } }

/* Contents
----------------------------------------*/
.unique-contents .contents { background-color: #fff; overflow: hidden; position: relative; }

.unique-contents .contents > a { display: table; text-decoration: none; width: 100%; }

.unique-contents .contents_thumbnail, .unique-contents .contents_title { display: table-cell; margin: 0; vertical-align: middle; }

.unique-contents .contents_thumbnail { height: 115px; width: 120px; }

.unique-contents .contents_thumbnail img { display: block; height: auto; width: 100%; max-width: 100%; }

.unique-contents .contents_title { border: none; padding: 0; text-align: center; }

.unique-contents .contents .fa-angle-right { margin-left: 7px; }

.unique-contents .contents:not(.contents-mailmagazine):nth-child(odd) { background-color: #F5F5F5; }

.unique-contents .contents-mailmagazine { background-color: #fff; border: 1px solid #ddd; border-radius: 10px; margin: 25px 10px; padding: 10px; text-align: center; }

.unique-contents .contents-mailmagazine::before { background: url("../../img/unique/home/contents-mailmagazine_texture.png") left top no-repeat; background-size: 100%; content: ''; display: block; height: 27px; position: absolute; top: 5px; right: 15px; width: 48px; }

.unique-contents .contents-mailmagazine .contents_title { display: block; text-transform: uppercase; }

.unique-contents .contents-mailmagazine .btn { display: block; margin: 0; padding-right: 10px; padding-left: 10px; }

.unique-contents .contents-mailmagazine .form-control { height: 32px; background-color: #f3f3f3; border: 1px solid #ddd; border-radius: 10px; box-shadow: none; font-size: 1.6rem; margin: 5px auto; width: 224px; }

.unique-contents .contents-mailmagazine .form-control::-webkit-input-placeholder { font-size: 1.4rem; }

@media (max-width: 767px) { .unique-contents { position: relative; }
  .unique-contents::before { background: url("../../img/unique/home/contents_texture.png") left top no-repeat; background-size: 100%; content: ''; display: block; height: 89px; position: absolute; top: calc(100% - 40px); right: 35px; width: 156px; } }

@media (min-width: 768px) { .unique-contents .contents { border-top: 3px solid #538b63; border-left: 3px solid #538b63; float: left; height: 371px; margin: 0; text-align: center; width: 388px; }
  .unique-contents .contents_title { font-size: 24px; font-size: 2.4rem; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; background-color: rgba(255,255,255,0.7);}
  .unique-contents .contents_thumbnail { float: none; width: auto; }
  .unique-contents .contents:first-child { /* border-top: none; */ height: 371px; }
/*  .unique-contents .contents:nth-child(3n+2) { border-left: none; }*/
  .unique-contents .contents-inverse a { color: #fff; }
  .unique-contents .contents-mailmagazine { border: none; border-top: 3px solid #538b63; border-left: 3px solid #538b63; border-radius: 0; padding: 20px; }
  .unique-contents .contents-mailmagazine::before { height: 78px; position: absolute; top: auto; bottom: 30px; width: 138px; }
  .unique-contents .contents-mailmagazine .contents_title { letter-spacing: 0.05em; margin-bottom: 20px; position: static; }
  .unique-contents .contents-mailmagazine .form-control { border-radius: 20px; height: 46px; margin-bottom: 25px; width: 268px; }
  .unique-contents .contents-mailmagazine .btn-continue { margin-top: 30px; padding: 10px; } }

/* Information
----------------------------------------*/
.unique-information { padding: 10px 10px 55px; }

.unique-information .information_title { border: none; font-size: 1.2rem; padding: 0; text-transform: uppercase; }

.unique-information .informationTimeline_list, .unique-information .informationTimeline .topic-list { margin-bottom: 0; }

.unique-information .informationTimeline li, .unique-information .informationTimeline li:first-child { background-color: #fff; border: 1px solid #ddd; border-radius: 10px; margin: 0; margin-top: 5px; overflow: hidden; position: relative; }

.unique-information .informationTimeline li a, .unique-information .informationTimeline li:first-child a { display: block; padding: 6px 25px 6px 10px; }

.unique-information .informationTimeline li a .body, .unique-information .informationTimeline li:first-child a .body { display: table; width: 100%; }

.unique-information .informationTimeline li a .title, .unique-information .informationTimeline li:first-child a .title { color: inherit; font-size: 1em; margin: 0; }

.unique-information .informationTimeline li a .date, .unique-information .informationTimeline li:first-child a .date { color: #404040; display: table-header-group; font-size: 1em; }

.unique-information .informationTimeline_time { color: #404040; float: left; margin-right: 15px; }

.unique-information .informationTimeline_lead { display: block; font-size: 1.4rem; overflow: hidden; }

.unique-information .informationTimeline .fa-angle-right { margin-top: -0.5em; position: absolute; top: 50%; right: 5px; }

.unique-information .informationTimeline .btn-continue { display: none; }

@media (min-width: 768px) { .unique-information { background: #f3f2f0; border-top: 3px solid #538b63; border-left: 3px solid #538b63; float: left; height: 371px; padding: 20px 30px; position: relative; width: 388px; }
  .unique-information .information_title { font-size: 18px; font-size: 1.8rem; letter-spacing: 0.05em; text-align: center; }
  .unique-information .informationTimeline li, .unique-information .informationTimeline li:first-child { background-color: transparent; border: none; margin-top: 20px; }
  .unique-information .informationTimeline li a, .unique-information .informationTimeline li:first-child a { padding: 0; }
  .unique-information .informationTimeline li .fa-angle-right, .unique-information .informationTimeline li:first-child .fa-angle-right { display: none; }
  .unique-information .informationTimeline li:nth-of-type(n+4), .unique-information .informationTimeline li:first-child:nth-of-type(n+4) { display: none; }
  .unique-information .informationTimeline_time { margin-right: 20px; }
  .unique-information .informationTimeline_lead { font-size: 1.4rem; }
  .unique-information .informationTimeline .btn-continue { background-color: transparent; border: none; color: #0080e3; display: inline-block; font-size: 1em; font-weight: normal; padding: 0 25px; position: absolute; right: 20px; bottom: 20px; }
  .unique-information .informationTimeline .btn-continue:hover, .unique-information .informationTimeline .btn-continue:focus { text-decoration: underline; } }

/* # Shop Footer
----------------------------------------*/
.layout-shopFooter { display: none; }