@charset "UTF-8";
/*
Theme Name: smacari
Theme URI: smacari.com
Author: smacari
Author URI: https://smacari.com
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1.5;
  color: #919199; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

a {
  text-decoration: none; }

html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; }

body {
  background: #f6e875;
  color: #0e629c;
  font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; }

a {
  color: #0e629c;
  text-decoration: underline; }
  a:hover {
    opacity: 0.8; }

h3 {
  margin: 60px 0 30px -25px; }

h4 {
  margin-bottom: 40px;
  font-size: 24px;
  text-decoration: underline;
  letter-spacing: 1.2px; }

#tokyo img {
  width: calc( 669px * .85);
  height: auto; }

#music img {
  width: calc( 351px * .85);
  height: auto; }

#movie img {
  width: calc( 219px * .85);
  height: auto; }

#interview img {
  width: calc( 287px * .85);
  height: auto; }

#tab img {
  width: calc( 179px * .85);
  height: auto; }

#note img {
  width: calc( 310px * .85);
  height: auto; }

.wrapper {
  width: 910px;
  margin: 0 auto; }

.fl_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.lst li {
  display: inline-block; }

.text_ct {
  text-align: center; }

.gnav li {
  color: #0e629c;
  margin-bottom: 15px;
  margin-right: 25px; }
  .gnav li:nth-of-type(3n) {
    margin-right: 0; }
  .gnav li a {
    border: #d8c20d 4px solid;
    text-decoration: none;
    -webkit-border-radius: 17.5px;
    border-radius: 17.5px;
    background: #FFF;
    text-align: center;
    padding: 3px 0;
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-decoration: none; }

.gnav {
  width: 650px;
  margin: 80px auto 90px auto;
  font-weight: bold; }

h1 {
  margin-bottom: 48px; }

h2 {
  margin-bottom: 60px; }

.time {
  font-family: Arial;
  font-weight: bold; }

.txt24 {
  color: #0e629c;
  font-size: 24px; }

.txt60 {
  color: #0e629c;
  font-size: 60px;
  font-weight: 100; }

.txt40 {
  font-size: 40px;
  color: #0e629c;
  font-family: Arial;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 100px; }

.top_txt {
  text-align: center; }

.lead_bx {
  background: #f9ef9f;
  text-align: center;
  padding: 60px 0; }
  .lead_bx .lead_txt {
    font-size: 24px;
    line-height: 48px;
    color: #000000; }

.ttl {
  border-bottom: 6px solid #F48B57;
  text-align: center;
  margin: 70px auto 1px auto; }

.cd_intro {
  color: #142547;
  background: #fcf8d6;
  padding: 67px 52px; }
  .cd_intro .music_lst {
    background: url("../img/jacket.jpg") top left no-repeat;
    padding-left: 338px; }
    .cd_intro .music_lst li {
      color: #142547;
      font-size: 18px;
      margin-bottom: 25px; }
  .cd_intro p {
    color: #142547;
    font-weight: bold; }
  .cd_intro .trailer {
    color: #333333;
    font-size: 24px;
    margin-bottom: 5px; }

.lst_buy li {
  margin-bottom: 27px;
  margin-right: 36px; }
  .lst_buy li:nth-of-type(4n) {
    margin-right: 0; }
  .lst_buy li:last-child {
    margin-bottom: 0; }

.lst_itunes {
  color: #d245e7;
  border: #d245e7 4px solid;
  -webkit-border-radius: 17.5px;
  border-radius: 17.5px;
  background: #FFF;
  text-align: center;
  padding: 3px 0;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-decoration: none; }

.lst_apple {
  color: #ed5d75;
  border: #ed5d75 4px solid;
  -webkit-border-radius: 17.5px;
  border-radius: 17.5px;
  background: #FFF;
  text-align: center;
  padding: 3px 0;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-decoration: none; }

.lst_linemusic {
  color: #0ee071;
  border: #0ee071 4px solid;
  -webkit-border-radius: 17.5px;
  border-radius: 17.5px;
  background: #FFF;
  text-align: center;
  padding: 3px 0;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-decoration: none; }

.lst_awa {
  color: #a28a4f;
  border: #a28a4f 4px solid;
  -webkit-border-radius: 17.5px;
  border-radius: 17.5px;
  background: #FFF;
  text-align: center;
  padding: 3px 0;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-decoration: none; }

.lst_spotify {
  color: #1ed660;
  border: #1ed660 4px solid;
  -webkit-border-radius: 17.5px;
  border-radius: 17.5px;
  background: #FFF;
  text-align: center;
  padding: 3px 0;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-decoration: none; }

.lst_more {
  color: #666666;
  border: #666666 4px solid;
  -webkit-border-radius: 17.5px;
  border-radius: 17.5px;
  background: #FFF;
  text-align: center;
  padding: 3px 0;
  width: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-decoration: none; }

.movie_h3 {
  color: #0e629c;
  font-size: 24px;
  margin-left: 25px;
  margin-bottom: 40px; }

.movie_yt {
  margin-bottom: 117px;
  text-align: center; }

.txt_box {
  border: 4px #666 solid;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 50px 58px;
  margin-bottom: 60px;
  overflow: hidden;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left; }
  .txt_box li {
    margin-bottom: 27px; }
    .txt_box li:last-child {
      margin-bottom: 0; }

.ic_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 320px;
  margin: 0 auto 35px auto; }
  .ic_sns li a:hover {
    opacity: 0.6; }
  .ic_sns img {
    background: #FFF;
    -webkit-border-radius: 40px;
    border-radius: 40px; }

.theta {
  text-align: center;
  margin: 0 auto;
  line-height: 1;
  margin-top: 70px; }
  .theta img {
    vertical-align: bottom;
    width: 50%;
    max-width: 301px;
    height: auto; }

.pagetop:hover {
  display: inline-block;
  -webkit-animation: cat .3s  infinite;
  animation: cat .3s  infinite;
  width: 100%;
  max-width: 100%;
  height: auto; }

@-webkit-keyframes cat {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg); }
  40% {
    -webkit-transform: translate(0px, 2px) rotateZ(4deg);
    transform: translate(0px, 2px) rotateZ(4deg); }
  40% {
    -webkit-transform: translate(2px, 0px) rotateZ(-4deg);
    transform: translate(2px, 0px) rotateZ(-4deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg); } }

@keyframes cat {
  0% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg); }
  40% {
    -webkit-transform: translate(0px, 2px) rotateZ(4deg);
    transform: translate(0px, 2px) rotateZ(4deg); }
  40% {
    -webkit-transform: translate(2px, 0px) rotateZ(-4deg);
    transform: translate(2px, 0px) rotateZ(-4deg); }
  100% {
    -webkit-transform: translate(0px, 0px) rotateZ(0deg);
    transform: translate(0px, 0px) rotateZ(0deg); } }

footer {
  background: #02619e;
  color: #fff;
  clear: both;
  text-align: center;
  font-size: 12px; }

.lightbox {
  display: none;
  color: #142547; }
  .lightbox h4 {
    color: #000000;
    text-decoration: underline;
    text-align: center;
    padding-top: 20px;
    font-size: 18px; }
  .lightbox p {
    margin-bottom: 1em; }
  .lightbox dt {
    font-weight: bold;
    margin-bottom: 10px;
    color: #e68559; }
  .lightbox dd {
    margin-bottom: 20px;
    color: #333; }

.featherlight:last-of-type {
  background: rgba(255, 255, 255, 0.8); }

.featherlight .featherlight-close-icon {
  font-size: 2em;
  position: fixed;
  top: 50px;
  right: 50px; }

.featherlight .featherlight-inner {
  padding: 0 20px; }

.pc_none {
  display: none; }

/*you tube*/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  padding-top: 405px;
  padding-bottom: 0%; }

.embed-responsive iframe,
.embed-responsive img {
  position: absolute;
  top: 56%;
  bottom: 0;
  border: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  padding-bottom: 50px; }

hr.line3 {
  margin: 1.5em auto;
  border: none; }

hr.line2 {
  margin: 1em auto;
  border: none; }

hr.line1 {
  margin: .5em auto;
  border: none; }

#note_01,
#note_02,
#note_03,
#note_04,
#note_05,
#note_06 {
  height: 90vh; }

.txt12 {
  font-size: 12px; }

@media screen and (max-width: 896px) {
  html {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch; }
  .sp {
    display: block; }
  .wrapper {
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .wrapper img {
      max-width: 100%;
      height: auto; }
    .wrapper .kv {
      padding: 0; }
  .fl_wrapper {
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .gnav {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px auto; }
    .gnav li {
      width: 48%;
      font-size: 14px;
      margin-right: 0; }
      .gnav li a {
        width: 100%;
        border: #d8c20d 2px solid; }
  .sp_wrapper {
    padding: 0 25px; }
  .kv {
    width: 100%; }
  .lst_buy li {
    margin-bottom: 10px;
    width: 48%;
    margin-right: 0; }
    .lst_buy li:last-child {
      width: 100%; }
  .lst_itunes {
    -webkit-border-radius: 17.5px;
    border-radius: 17.5px;
    background: #FFF;
    text-align: center;
    padding: 3px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-decoration: none; }
  .lst_apple {
    -webkit-border-radius: 17.5px;
    border-radius: 17.5px;
    background: #FFF;
    text-align: center;
    padding: 3px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-decoration: none; }
  .lst_linemusic {
    -webkit-border-radius: 17.5px;
    border-radius: 17.5px;
    background: #FFF;
    text-align: center;
    padding: 3px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-decoration: none; }
  .lst_awa {
    -webkit-border-radius: 17.5px;
    border-radius: 17.5px;
    background: #FFF;
    text-align: center;
    padding: 3px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-decoration: none; }
  .lst_spotify {
    -webkit-border-radius: 17.5px;
    border-radius: 17.5px;
    background: #FFF;
    text-align: center;
    padding: 3px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-decoration: none; }
  .lst_more {
    -webkit-border-radius: 17.5px;
    border-radius: 17.5px;
    background: #FFF;
    text-align: center;
    padding: 3px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-decoration: none; }
  .txt_box {
    padding: 20px;
    border: 2px #666 solid;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
    .txt_box li {
      margin-bottom: 10px; }
  .cd_intro {
    padding: 20px 25px;
    font-size: 14px; }
    .cd_intro .music_lst li {
      margin-bottom: 10px;
      font-size: 14px; }
  h3 {
    margin: 30px 0 10px 0; }
  h4 {
    margin-bottom: 10px;
    font-size: 14px; }
  .txt24 {
    font-size: 14px;
    margin-bottom: 10px; }
  .movie_yt {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
  #music img {
    min-width: calc( 366px / 2);
    width: 56.3076923%;
    height: auto; }
  #movie img {
    min-width: calc( 230px / 2);
    width: 35.3846154%;
    height: auto; }
  #note img {
    min-width: calc( 310px / 2);
    width: 47.6923077%;
    height: auto; }
  #interview img {
    min-width: calc( 284px / 2);
    width: 43.6923077%;
    height: auto; }
  #tab img {
    min-width: calc( 175px / 2);
    width: 26.9230769%;
    height: auto; }
  .lst_itunes {
    border: #d245e7 2px solid; }
  .lst_apple {
    border: #ed5d75 2px solid; }
  .lst_linemusic {
    border: #0ee071 2px solid; }
  .lst_awa {
    border: #a28a4f 2px solid; }
  .lst_spotify {
    border: #1ed660 2px solid; }
  .lst_more {
    border: #666666 2px solid; }
  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .sp_gnav li {
    border-bottom: 1px solid #666666;
    text-align: center; }
    .sp_gnav li a {
      display: block;
      width: 100%;
      padding: 20px 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-decoration: none; }
    .sp_gnav li:last-child {
      border-bottom: none; }
  .cd_intro .music_lst {
    background: none;
    padding: 0; }
  .featherlight {
    padding: 10px; }
    .featherlight .featherlight-close-icon {
      color: #666;
      top: 30px;
      right: 40px; }
  .top_txt {
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .top_txt h1 {
      margin-bottom: 24px; }
      .top_txt h1 img {
        max-width: 40.9230769%;
        margin-right: auto;
        margin-left: auto;
        display: block; }
    .top_txt h2 {
      margin-bottom: 10px; }
      .top_txt h2 img {
        width: 100%;
        max-width: calc(750px - 247px); }
    .top_txt .txt40 {
      font-size: 20px;
      margin-bottom: 30px; }
  .lead_bx {
    background: #f6e875;
    padding: 0 25px;
    text-align: left; }
    .lead_bx .lead_txt {
      border-top: 2px solid #0E629C;
      padding: 30px 20px;
      font-weight: normal;
      font-size: 14px;
      line-height: 2; }
    .lead_bx img {
      width: 100%;
      height: auto; }
  .pc_none {
    display: block; }
  .sp_none {
    display: block; }
  .ttl {
    margin: 30px auto 1px auto;
    border-bottom: 3px solid #F48B57; }
    .ttl img {
      margin-bottom: 5px; }
  .ic_sns {
    width: 160px; }
    .ic_sns img {
      width: 40px;
      height: 40px; }
  .theta {
    margin-top: 30px; }
    .theta img {
      width: 50%; }
  /* ポップアップウインドウの設定 */
  .popup {
    background: #fff;
    -webkit-box-shadow: 0 0 0 9999px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 9999px rgba(255, 255, 255, 0.5);
    display: none;
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90vw;
    height: 380px;
    overflow-y: none;
    z-index: 100000; }
  /* チェックボックスの初期設定 */
  #popup-on {
    display: none; }
  /* チェックされたらポップアップウインドウを開く */
  #popup-on:checked + .popup {
    display: block; }
  /* 閉じるアイコン（右上） */
  .icon-close {
    color: #999;
    font-size: 30px;
    padding: 0 10px;
    position: fixed;
    right: 0;
    z-index: 200000; }
    .icon-close img {
      width: 50%;
      height: auto; }
  /* 閉じるボタン */
  .btn-close {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    margin: 10px auto;
    width: 95%;
    text-align: center; }
  /* 開くボタン */
  .btn-open {
    padding: 10px;
    cursor: pointer;
    margin: 10px auto;
    text-align: center;
    position: fixed;
    right: 0px;
    top: 10px;
    z-index: 1000; }
    .btn-open img {
      width: 65%;
      height: auto; }
  /* ポップアップの内容 */
  .featherlight-content .popup {
    overflow: auto; }
  .popup-content {
    margin: 40px auto 40px auto;
    width: 90%; }
  .featherlight .featherlight-close-icon {
    z-index: 200000;
    top: 50px;
    right: 50px; }
  .embed-responsive {
    padding-top: 56%; }
  .embed-responsive iframe,
  .embed-responsive img {
    padding-bottom: 30px; } }