/* style.css produced by marine_style */
/*           produced at 2024-03-18 14:47:09 */

/* Foundation - 0000 - s0001 */
/* 全体定義 - リセット */
/* complied at 2020-08-15 12:44:01 */
@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {
  margin: 0;
  padding: 0; }

a {
  TEXT-DECORATION: none;
  box-sizing: content-box;
  /* nivo対応 */ }

a:link {
  color: #333; }

a:hover {
  color: #333; }

a:visited {
  color: #333; }

body {
  color: #333;
  font-size: 100%;
  font-family: "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 200%; }

button {
  line-height: 100%; }

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

label {
  white-space: nowrap; }
/*fieldset , img { 
 border: 0;
 vertical-align: bottom;
 }*/
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

dl, dt, dd, ul, ol, li, ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

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

abbr, acronym {
  border: 0; }

textarea {
  width: 100%;
  font-size: 100%;
  font-family: "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  overflow: auto; }

.clear {
  clear: both; }

/* Foundation - 0010 - s0011 */
/* 全体定義 - フォント */
/* complied at 2020-08-26 13:00:48 */
@charset "utf-8";
/* Noto Sans, Futura, Ftura Condensed, Reshuffle, Slim joe, helvetica, Goudy*/
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Noto Sans CJK JP Regular"), url('../webfonts/NotoSansCJKjp-Regular.woff2') format('woff2'), url('../webfonts/NotoSansCJKjp-Regular.woff') format('woff'); }

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: local("Noto Sans CJK JP Bold"), url('../webfonts/NotoSansCJKjp-Bold.woff2') format('woff2'), url('../webfonts/NotoSansCJKjp-Bold.woff') format('woff'); }

@font-face {
  font-family: 'Futura';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Futura Medium"), url('../webfonts/Futura Medium.woff2') format('woff2'), url('../webfonts/Futura Medium.woff') format('woff'); }

@font-face {
  font-family: 'Futura Condensed';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Futura _ Condensed Midium"), url('../webfonts/Futura Condensed Medium.woff2') format('woff2'), url('../webfonts/Futura Condensed Medium.woff') format('woff'); }

@font-face {
  font-family: 'Futura Condensed';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: local("Futura _ Condensed ExtraBold"), url('../webfonts/Futura Condensed Extra Bold.woff2') format('woff2'), url('../webfonts/Futura Condensed Extra Bold.woff') format('woff'); }

@font-face {
  font-family: 'Reshuffle';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Reshuffle Free Demo Regular"), url('../webfonts/Reshuffle Free Demo.woff2') format('woff2'), url('../webfonts/Reshuffle Free Demo.woff') format('woff'); }

@font-face {
  font-family: 'Slim joe';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Slim joe"), url('../webfonts/Slim Joe.woff2') format('woff2'), url('../webfonts/Slim Joe.woff') format('woff'); }

@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Helvetica Light"), url('../webfonts/HelveticaLt.woff2') format('woff2'), url('../webfonts/HelveticaLt.woff') format('woff'); }

@font-face {
  font-family: 'Goudy Old Style';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local("Goudy Old Style"), url('../webfonts/GOUDOS.woff2') format('woff2'), url('../webfonts/GOUDOS.woff') format('woff'); }

@font-face {
  font-family: 'Goudy Old Style';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: local("Goudy Old Style Bold"), url('../webfonts/GOUDOSB.woff2') format('woff2'), url('../webfonts/GOUDOSB.woff') format('woff'); }

@font-face {
  font-family: 'Goudy Old Style';
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: local("Goudy Old Style Italic"), url('../webfonts/GOUDOSI.woff2') format('woff2'), url('../webfonts/GOUDOSI.woff') format('woff'); }

/* Foundation - 0010 - s0012 */
/* 全体定義 - homeレスポンシブ */
/* complied at 2020-08-23 14:52:42 */
@charset "utf-8";
.showat_h .min {
  display: block; }
  .showat_h .reg {
    display: none; }
  @media screen and (min-width: 480px), print {
  .showat_h {
    /* ここに481px以上のCSSを記述*/ }
    .showat_h .min {
      display: none; }

    .showat_h .reg {
      display: block; } }

/* Foundation - 0020 - s0007 */
/* 全体定義 - 全体定義 */
/* complied at 2022-02-02 20:22:52 */
@charset "utf-8";
/*width: auto;*/
img {
  height: auto; }

/* Foundation - 0100 - s0003 */
/* 管理画面 - 管理メニュー */
/* complied at 2020-08-29 01:56:39 */
@charset "utf-8";
.index--menu li {
  margin-top: 5px;
  margin-left: 30px;
  padding-bottom: 5px;
  padding-left: 20px; }

.index--menu li:before {
  content: '◆';
  font-size: 200%;
  color: #ea2885;
  position: relative;
  top: 3px; }
/*vertical-align:middle;*/

/* Foundation - 0100 - s0004 */
/* 管理画面 - 一覧表 */
/* complied at 2020-08-29 01:55:26 */
@charset "utf-8";
.ttl {
  color: black;
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 10px 0px 10px 0px;
  padding: 0px 0 0 5px;
  border-left: 15px solid #ea2885; }

.list {
  width: 100%;
  border: solid 1px black; }

.list th, .form th {
  color: #292929;
  padding: 2px;
  border: 1px #999 solid;
  border-width: 0 0 1px 1px;
  background: #ead0d9;
  font-weight: bold;
  line-height: 200%;
  text-align: center; }

.list td, .form td {
  padding: 2px;
  border: 1px black solid;
  border-width: 0 0 1px 1px; }

.pages {
  font-size: 25px; }

/* Foundation - 0110 - s0 */
/* 全体定義 - BOX定義 */
/* complied at 2020-08-15 11:46:32 */
@charset "utf-8";
* {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  /*vertical-align: middle;*/ }

/* Layout - 0100 - s0002 */
/* 全体定義 - body定義 */
/* complied at 2020-08-09 11:06:42 */
@charset "utf-8";
body {
  background-color: white;
  /*background:url(img/bg.jpg) no-repeat top center;*/
  font-size: 11px;
  width: 100%;
  text-align: center;
  color: #000; }

.wrap1 {
  margin: 0 auto; }

.wrap2 {
  width: 100%;
  margin: 0;
  /*background: url(../img/bg-shadow.gif) left repeat-y;*/
  /*border: 1px solid red;*/ }

.wrap3 {
  width: 100%;
  position: relative;
  /*border: 1px solid black;*/
  text-align: left;
  margin: 0px 0 0px 0;
  padding: 0px 0px 0px 0px;
  font-size: 1.2em;
  line-height: 1.5em;
  /**/ }
/*background-color:#ffeeee;*/

/* Layout - 0100 - s0005 */
/* 全体定義 - フッタ定義 */
/* complied at 2020-09-01 20:05:02 */
@charset "utf-8";
.footer {
  display: block;
  height: 50px;
  background-color: #ead0d9;
  padding: 0.3em 0 0.3em 0;
  /**/
  line-height: 1em;
  text-align: center;
  color: #292929; }
  @media screen and (min-width: 480px), print {
  .footer {
    /**/
    /* ここに481px以上のCSSを記述*/
    display: block;
    height: auto; } }

.logout {
  width: 100%;
  padding-top: 2px;
  height: 1em;
  line-height: 100%; }

.logout1 {
  float: left;
  width: 50%;
  text-align: left; }

.logout2 {
  float: right;
  width: 50%;
  text-align: right; }

/* Layout - 0100 - s0014 */
/* フル - フル　レスポンシブ */
/* complied at 2020-08-16 02:36:21 */
@charset "utf-8";
#order {
  /*font-size:15px;*/
  /* line 73, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
  /* line 78, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
  /* line 89, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */ }
  #order .semi-box {
    font-family: 'baubodbc';
    font-weight: lighter; }
  #order .sp {
    display: none; }
  #order .pc {
    display: block; }
  #order .container {
    width: 980px;
    margin: 0 auto;
    position: relative; }
  #order #contents {
    margin: 2rem 0;
    position: relative; }
  @media only screen and (max-width: 979px) {
  #order {
    /* line 1974, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
    /* line 1977, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
    /* line 1980, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
    /* line 1983, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
    /* line 1988, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */ }
    #order .sp {
      display: block; }

    #order .pc {
      display: none; }

    #order html, #order body {
      font-size: 10px; }

    #order .container {
      width: 95%;
      margin: 0 auto; }

    #order .sub-title br {
      display: block; } }

/* Layout - 0100 - s0015 */
/* メニュー - トップメニュー */
/* complied at 2020-10-13 01:34:00 */
@charset "utf-8";
#topmenu {
  position: fixed;
  width: 50%;
  z-index: 200;
  bottom: 0px;
  right: 0px;
  background-color: #fff; }
  #topmenu #slidemenu {
    display: none; }

@media screen and (min-width: 480px), print {
  /* ここに481px以上のCSSを記述*/
    .header {
      /*width:15%;
       display:inline-block;
       box-sizing:border-box;
       vertical-align:top;*/ }
    #topmenu {
      position: relative;
      width: 100%;
      box-sizing: border-box;
      vertical-align: top;
      display: inline-block;
      background-color: white;
      /*border-top:16px dotted #EA2885;*/ }
      #topmenu #slidemenu {
        display: block; } }

/* Layout - 0100 - s0019 */
/* メニュー - homeレスポンシブ */
/* complied at 2020-10-13 01:31:49 */
@charset "utf-8";
.home img {
  margin: 0 auto;
  width: 180px; }
  @media screen and (min-width: 480px), print {
  .home {
    /* ここに481px以上のCSSを記述*/
    display: block; }
    .home img {
      margin: 0 auto;
      width: 240px; } }

/* Layout - 0100 - s0 */
/* メニュー - UTILメニュー */
/* complied at 2020-08-28 14:44:24 */
@charset "utf-8";
#utilmenu {
  z-index: 200;
  position: fixed;
  width: 50%;
  bottom: 0px;
  left: 0px;
  background-color: #fff; }
  @media screen and (min-width: 480px), print {
  #utilmenu {
    /* ここに481px以上のCSSを記述*/
    display: none; } }

/* Layout - 0120 - s0013 */
/* セミ - セミレスポンシブ */
/* complied at 2020-08-16 02:30:18 */
@charset "utf-8";
#semi {
  /*font-size:15px;*/
  /* line 73, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
  /* line 78, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
  /* line 89, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */ }
  #semi .semi-box {
    font-family: 'baubodbc';
    font-weight: lighter; }
  #semi .sp {
    display: none; }
  #semi .pc {
    display: block; }
  #semi .container {
    width: 980px;
    margin: 0 auto;
    position: relative; }
  #semi #contents {
    margin: 2rem 0;
    position: relative; }
  @media only screen and (max-width: 979px) {
  #semi {
    /* line 1974, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
    /* line 1977, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
    /* line 1980, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
    /* line 1983, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
    /* line 1988, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */ }
    #semi .sp {
      display: block; }

    #semi .pc {
      display: none; }

    #semi html, #semi body {
      font-size: 10px; }

    #semi .container {
      width: 95%;
      margin: 0 auto; }

    #semi .sub-title br {
      display: block; } }

/* Object/Component - 0100 - s0016 */
/* メニュー - トップメニュー */
/* complied at 2020-10-13 01:32:57 */
@charset "utf-8";
#topmenu {
  padding: 0px;
  font-family: Futura Condensed; }
  #topmenu a {
    padding: 15px 30px 5px 40px;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    color: #666; }
  #topmenu .current a {
    color: #ea2885; }
  #topmenu li {
    font-size: 28px;
    line-height: 23px;
    background-color: #ead0d9; }
    #topmenu li:hover {
      color: #ea2885; }
      #topmenu li:hover a {
        color: #ea2885; }
  #topmenu #slidemenu li {
    border-bottom: 2px solid pink;
    text-align: right; }
    @media screen and (min-width: 480px), print {
  #topmenu #slidemenu li {
    border-bottom: none;
    text-align: left; } }
  @media screen and (min-width: 480px), print {
  #topmenu {
    /* ここに481px以上のCSSを記述*/
    text-align: center;
    padding: 10px 0;
    /*margin-top:30px;*/
    padding: 20px 0 10px 0;
    background-size: 40px 40px;
    /*background-image: radial-gradient(#EA2885 30%, transparent 30%);*/
    background-position: left -10px;
    background-repeat: repeat-x; }
    #topmenu li {
      display: inline-block;
      border-bottom: none;
      font-size: 24px;
      background-color: transparent; }

    #topmenu a {
      padding: 10px 0 5px 20px; }
      #topmenu a:hover span {
        /*text-decoration:underline solid #EA2885;*/
        padding-bottom: 4px;
        border-bottom: solid 2px #ea2885; }

    #topmenu .current a span {
      /*text-decoration:underline solid #EA2885;*/
      padding-bottom: 4px;
      border-bottom: solid 2px #ea2885; } }

/* Object/Component - 0100 - s0018 */
/* メニュー - UTILメニュー */
/* complied at 2020-09-10 09:58:20 */
@charset "utf-8";
#utilmenu {
  font-family: Slim joe; }
  #utilmenu li {
    margin-left: 1px;
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    height: 50px;
    background-color: #ead0d9; }
    #utilmenu li:hover {
      color: #ea2885; }
      #utilmenu li:hover a {
        color: #ea2885; }
  #utilmenu a {
    padding: 15px 10px 10px 50px;
    padding: 15px 0 10px 0px;
    display: inline-block;
    box-sizing: border-box;
    color: #666; }
    #utilmenu a:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: " \f54e";
      display: inline; }

/* Object/Component - 0100 - s0022 */
/* CMS - 共通タイトル */
/* complied at 2020-08-28 09:55:35 */
@charset "utf-8";
.pagetitle {
  font-family: Reshuffle;
  font-size: 10em;
  text-align: center; }

/* Object/Component - 0100 - s0034 */
/* 全体定義 - SNSアイコン */
/* complied at 2020-10-13 11:14:50 */
@charset "utf-8";
.sns {
  font-size: 25px;
  text-align: center; }
  @media screen and (min-width: 480px), print {
  .sns {
    /* ここに481px以上のCSSを記述*/
    position: absolute;
    top: -80px;
    z-index: 200;
    right: 15px;
    text-align: right; } }

.main {
  position: relative; }
  @media screen and (min-width: 480px), print {
  .main {
    padding-top: 0px; } }
/*body.admin .sns{
 display:none;
 }
 body.admin .main{
 padding-top:0px;
 }*/

/* Object/Component - 0100 - s0037 */
/* カート - カート内ボタン */
/* complied at 2021-02-25 13:45:33 */
@charset "utf-8";
.cart input.next {
  background-color: #e8a29e;
  color: white;
  margin: 10px auto;
  /*width:40%;*/
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px 10px 8px;
  border-radius: 10px; }
  .cart input:hover.next {
    background-color: white;
    color: #e8a29e; }
  .cart input:active.next {
    background-color: #ccc;
    color: #e95527; }
  .cart input.back {
    background-color: #dbd623;
    color: white;
    margin: 10px auto;
    /*width:40%;*/
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px 10px 8px;
    border-radius: 10px; }
  .cart input:hover.back {
    background-color: white;
    color: #dbd623; }
  .cart input:active.back {
    background-color: #ccc; }

/* Object/Component - 0110 - s0017 */
/* メニュー - spメニュー */
/* complied at 2020-09-10 09:57:33 */
@charset "utf-8";
#spmenu {
  font-family: Slim joe; }
  #spmenu li {
    margin-left: 1px;
    font-size: 20px;
    display: block;
    cursor: pointer;
    text-align: center;
    height: 50px; }
    #spmenu li a {
      width: auto;
      padding: 15px 0px 10px 60px;
      padding: 15px 0px 10px 0px;
      line-height: 24px; }
    #spmenu li::after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f0c9";
      display: inline-block;
      width: 22px; }
  @media screen and (min-width: 480px), print {
  #spmenu {
    /* ここに481px以上のCSSを記述*/
    display: none; } }

#spmenu.close li::after {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; }

/* Object/Component - 0300 - s0009 */
/* ギャラリー - ギャラリー　レスポンシブ */
/* complied at 2020-09-17 12:19:07 */
@charset "utf-8";
/*---------------------
 ギャラリー
 ---------------------*/
#gallery {
  font-family: 'Goudy Old Style';
  line-height: normal; }
  #gallery a {
    text-decoration: none;
    box-sizing: content-box; }
  #gallery .sp {
    display: block; }
  #gallery .pc {
    display: none; }
  @media screen and (min-width: 480px), print {
  #gallery .sp {
    display: none; }
  #gallery .pc {
    display: block; } }
  #gallery #galleryform {
    /*display:none;*/ }
    @media screen and (min-width: 480px), print {
  #gallery #galleryform {
    /* ここに481px以上のCSSを記述*/
    display: block; } }
/* line 518, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu {
  width: 25%;
  display: inline-block;
  position: relative;
  float: left; }
/* line 522, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu form {
  box-shadow: none; }
/* line 525, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu h4 {
  color: #ea2885;
  color: #000;
  font-family: 'Futura Condensed';
  font-size: 1.8rem;
  padding: 1rem 0.5rem 1rem 0.5rem;
  letter-spacing: 2px; }
/* line 532, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu h4 span {
  font-size: 0.4rem;
  padding: 0.4rem;
  font-family: 'Noto Sans CJK JP'; }
/* line 538, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu li input[type=checkbox] {
  margin-left: 0.5rem; }
/* line 541, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu li .fa-chevron-down {
  position: absolute;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  right: 8%;
  color: #00b4aa; }
/* line 550, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu li .open p {
  padding-left: 1.5rem; }
/* line 555, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu li.click > p {
  padding: 1rem 0;
  padding-left: 0.8rem; }
/* line 560, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu li label {
  display: inline-block;
  width: 88%;
  padding: 1rem; }
/* line 564, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu li label .gallery-icon {
  display: inline-block;
  display: none;
  width: 13%;
  margin: 0 0.5rem;
  vertical-align: middle; }
/* line 570, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu li p {
  font-family: 'Noto Sans CJK JP';
  position: relative;
  box-shadow: 0px 0px 3px 1px #eee;
  -moz-box-shadow: 0px 0px 3px 1px #eee;
  -webkit-box-shadow: 0px 0px 3px 1px #eee;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,e8e8e8+51,ffffff+100 */
  background: #fff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 50%, #e8e8e8 51%, #fff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fff 0%, #f3f3f3 50%, #e8e8e8 51%, #fff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fff 0%, #f3f3f3 50%, #e8e8e8 51%, #fff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
  /* IE6-9 */ }
/* line 583, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu li a {
  text-decoration: none;
  color: #000; }
/* line 588, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu .search-text {
  padding-top: 2rem; }
/* line 590, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu .search-text input {
  height: 2rem;
  width: 100%;
  border-radius: 3px;
  border: solid 1px #ccc;
  padding: 0.5rem; }
/* line 598, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu .search-submit {
  width: 40%;
  padding-top: 1rem; }
/* line 601, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu .search-submit button {
  background: #947f28;
  width: 100%;
  padding: 0.5rem;
  color: #fff;
  border-top: 3px solid #ad9944;
  border-left: 3px solid #ad9944;
  border-right: 3px solid #847225;
  border-bottom: 3px solid #847225; }
/* line 610, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-menu .search-submit button i {
  font-size: 1.2rem; }
/* line 616, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-box {
  width: 73%;
  display: inline-block;
  vertical-align: top;
  padding-left: 3rem;
  padding-top: 1rem;
  position: relative; }

#gallery .gallery-box ul {
  background-color: white; }
/* line 623, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-box li {
  position: relative;
  width: 31%;
  display: inline-block;
  padding: 0.5rem;
  margin-bottom: 1rem;
  margin-right: 0.6rem;
  /* box-shadow */
  box-shadow: 0px 0px 3px 2px #eee;
  -moz-box-shadow: 0px 0px 3px 2px #eee;
  -webkit-box-shadow: 0px 0px 3px 2px #eee;
  /* border-radius */
  border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  /* border */ }
/* line 641, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-box li:hover .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 195, 187, 0.33); }
/* line 652, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-box .num {
  font-size: 3rem;
  font-weight: lighter;
  color: #ea2885; }
/* line 657, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-box .category {
  font-size: 0.5rem;
  padding: 0.5rem 0;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-family: serif; }
/* line 667, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-box h2 {
  font-size: 1.2rem;
  font-family: 'Futura Midium,Noto Sans CJK JP';
  font-weight: xbold;
  color: #292929;
  padding-bottom: 3rem;
  height: 6rem;
  overflow: hidden; }
/* line 673, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .gallery-box h2 span {
  display: block;
  font-size: 0.5rem;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-family: serif; }
/* line 685, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .click {
  cursor: pointer; }
/* line 688, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .open {
  display: none; }
/* line 691, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#gallery .close {
  display: none;
  cursor: pointer; }
/* line 696, ../../html/sass/style.shttps://marinehouse.tokyo/css */
span.gallery-icon {
  width: 12%;
  display: inline-block;
  display: none;
  vertical-align: middle;
  width: 12%;
  margin: 0 0.5rem; }
/* line 704, ../../html/sass/style.shttps://marinehouse.tokyo/css */
#modal-content {
  z-index: 999;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 80%;
  height: 80%;
  border: 2px solid #ccc;
  background: #fff;
  overflow: scroll;
  padding: 1rem; }

.gallery-menu {
  margin: -40px -4% 0 4%;
  background-color: white; }
  @media only screen and (max-width: 480px) {
  .gallery-menu {
    margin: 0 0 0 0; } }
/* line 723, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu li p input[type=checkbox] {
  display: none;
  margin: 0; }
/* line 729, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu li input[type=radio], .gallery-menu li input[type=checkbox] {
  display: inline-block;
  margin-right: 6px; }
/* line 734, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu li input[type=radio] + label, .gallery-menu li input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  cursor: pointer; }
/* line 743, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu input[type=radio] + label::before, .gallery-menu input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: #fff; }
/* line 759, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu input[type=radio] + label::before {
  border: 2px solid #ccc;
  border-radius: 30px; }
/* line 763, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu input[type=checkbox] + label::before {
  border: 2px solid #ccc; }
/* line 766, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu input[type=radio]:checked + label::after, .gallery-menu input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block; }
/* line 776, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu input[type=radio]:checked + label::after {
  left: 5px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #e71063;
  border-radius: 8px; }
/* line 786, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu input[type=checkbox]:checked + label::after {
  right: -10px;
  width: 16px;
  height: 8px;
  margin-top: -8px;
  border-left: 3px solid #e71063;
  border-bottom: 3px solid #e71063;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }
/* line 802, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu .open p input[type=checkbox]:checked + label::after {
  right: -8px; }
/* line 806, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.gallery-menu .open p input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -6.8px; }
/* line 817, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.slideShow {
  width: 37% !important;
  display: inline-block; }
/* line 820, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.slideShow .mainView {
  width: 100% !important;
  position: relative;
  overflow: hidden; }
/* line 824, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.slideShow .mainView ul {
  width: 100% !important;
  overflow: hidden;
  position: relative; }
/* line 828, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.slideShow .mainView ul li {
  top: 0;
  left: 0;
  width: 100% !important;
  position: absolute;
  display: inline-block; }
/* line 834, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.slideShow .mainView ul li img {
  width: 100%; }
/* line 841, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.slideShow .thumbNail ul {
  font-size: 0;
  text-align: center; }
/* line 844, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.slideShow .thumbNail ul li {
  display: inline-block;
  width: 32% !important;
  padding: 1.2rem 0 0.6rem; }
/* line 849, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.slideShow .thumbNail ul li.active {
  opacity: 1 !important; }
/* line 853, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.slideShow .thumbNail ul li img {
  width: 95%; }
/* line 862, ../../html/sass/style.shttps://marinehouse.tokyo/css */
.light-box-text {
  width: 58%;
  display: inline-block;
  padding-left: 2rem;
  vertical-align: top;
  font-family: serif; }
/*---------------------
 スマホ対応
 ---------------------*/
/*@media only screen and (max-width: 979px) {}*/
@media only screen and (max-width: 480px) {
  /* line 2425, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2428, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2433, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2436, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2439, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2442, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2449, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2453, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2457, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2460, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2463, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2467, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2471, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2474, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2477, ../../html/sass/style.shttps://marinehouse.tokyo/css */
  /* line 2482, ../../html/sass/style.shttps://marinehouse.tokyo/css */
    #gallery .gallery-menu {
      width: 100%;
      margin-bottom: 5rem; }
    #gallery .gallery-menu h4 {
      text-align: center;
      margin: 2rem 0 2rem 1rem;
      font-size: 3rem; }
    #gallery .gallery-menu span {
      display: block; }
    #gallery .gallery-menu li {
      width: 48%;
      display: inline-block; }
    #gallery .gallery-menu li.click {
      display: none; }
    #gallery .gallery-menu li label {
      display: inline-block;
      width: 88%;
      padding: 1rem 0;
      padding-left: 0.5rem; }
    #gallery .gallery-menu .search-text {
      width: 80%;
      margin: 0 auto; }
    #gallery .gallery-menu .search-submit {
      margin: 0 auto; }
    #gallery .gallery-box {
      width: 100%;
      padding: 0; }
    #gallery .gallery-box ul {
      text-align: center; }
    #gallery .gallery-box li {
      width: 48%;
      margin: 0 auto; }
    #gallery .gallery-box h2 {
      height: 8rem; }
    #gallery .gallery-social {
      text-align: left; }
    #gallery .fb_iframe_widget {
      margin-bottom: 0.5rem; }
    #gallery h2 {
      text-align: left; }
    .gallery-menu input[type=radio] + label::before, .gallery-menu input[type=checkbox] + label::before {
      width: 15px;
      height: 15px; } }

/* Object/Project - 0100 - s0006 */
/* セミ - セミオーダー */
/* complied at 2020-08-30 01:32:44 */
@charset "utf-8";
/*---------------------
 セミページCD新規追加
 ---------------------*/
.hoverEase a:hover {
  transition: opacity 0.3s ease;
  filter: alpha(opacity=80);
  opacity: 0.4; }

#semi .semi-box h2 p {
  font-size: 140%;
  padding-bottom: 4%;
  font-family: serif;
  font-weight: bold; }

#semi .semi-box h2 .text_s {
  /* height:70px; */
  width: 90%; }

.semititle {
  /*display: block;
   padding: 0%;
   margin: 0%;
   width: 100%; 
   border:none;*/
  color: #dbd623;
  border-bottom: 12px solid #eee;
  margin: 30px 0 20px 0; }
  .semititle .caketitle {
    font-size: 40px;
    font-family: 'Futura condensed';
    font-weight: normal;
    margin-bottom: -2px; }

.gallery-social {
  margin-top: 15%; }

.pink {
  border-bottom: 2px solid #fbabb6;
  width: 100%; }

.red {
  border-bottom: 2px solid #fb36a7;
  width: 100%; }

.blue {
  border-bottom: 2px solid #5bb8da;
  width: 100%; }

.gleen {
  border-bottom: 2px solid #dfdf5a;
  width: 100%; }

.black {
  border-bottom: 2px solid #000;
  width: 100%; }

.orange {
  border-bottom: 2px solid #ffa608;
  width: 100%; }

.mgt {
  margin: 10% auto 0%;
  /* width:  40%; */ }

#capli {
  border: 5px solid #e9e9e9;
  width: 90%;
  margin: 5% auto 0%;
  padding: 3% 3% 6%; }

#capli .h2title {
  background: #fff;
  width: 60%;
  margin: -15% auto 0% !important; }

#capli dl {
  /* width: 88%; */
  /* margin: 0 auto; */ }

#capli dt {
  float: none;
  width: 70%;
  margin: 5% auto;
  /* display:  block; */ }

#capli dd {
  text-align: center;
  font-family: serif;
  float: none;
  margin-top: 5%; }

#capli dd p:first-child {
  font-size: 140%; }

#capli dd p:nth-child(2) {
  font-weight: bold;
  font-size: 330%;
  padding: 0%; }

#capli dd p:last-child {
  border: 1px solid;
  width: 100%;
  text-align: center;
  font-size: 200%; }

/* Object/Project - 0100 - s0008 */
/* セミ - セミギャラリー */
/* complied at 2024-03-18 14:47:09 */
@charset "UTF-8";
/*---------------------
　　セミギャラリー
---------------------*/
#semi .semitag {
  color: #fff;
  display: inline-block;
  border-radius: 100vh;
  padding: 1px 3px 1px 3px;
  margin: 3px 3px 1px 0px;
}
.tag1 {
  background-color: #fa8072;
}
.tag2 {
  background-color: #40e0d0;
}
.tag3 {
  background-color: #ffcc99;
}
.tag4 {
  background-color: #99ccff;
}
.tag5 {
  background-color: #ff99cc;
}
#semi .semi-box {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  /* padding-left: 3rem; */
  padding-top: 1rem;
  position: relative;
}
#semi .semi-box ul {
  display: flex;
  flex-wrap: wrap;
}
#semi .semi-box li {
  border: 1px solid #ccc;
  position: relative;
  /*●width: 23%;
  display: inline-block; 
  float:  left;*/
  padding: 1px;
  margin-bottom: 1rem;
  margin-right: 0.6rem;
  /* box-shadow */
  /* box-shadow: 0px 0px 3px 2px #eeeeee; */
  -moz-box-shadow: 0px 0px 3px 2px #eeeeee;
  /* -webkit-box-shadow: 0px 0px 3px 2px #eeeeee; */
  /* border-radius */
  /* border-radius: 0px 0px 0px 0px; */
  -moz-border-radius: 0px 0px 0px 0px;
  /* -webkit-border-radius: 0px 0px 0px 0px; */
  /* border */
}
#semi .semi-box li:hover .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 195, 187, 0.33);
}
#semi .semi-box .num {
  font-size: 3rem;
  font-weight: lighter;
  color: #33C3BB;
}
#semi .semi-box .category {
  font-size: 0.5rem;
  padding: 0.5rem 0;
  /* white-space: nowrap; */
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-family: serif;
}
#semi .semi-box h2 {
  font-size: 1.3rem;
  font-weight: lighter;
  height: 4rem;
  line-height: 120%;
  margin-top: 5px;
  /* overflow: hidden; */
  /* padding: 0px 10px; */
}
@media only screen and (max-width: 480px) {
  #semi .semi-box h2 {
    height: 4rem;
  }
}
#semi .semi-box h2 p {
  font-size: 13px;
  line-height: 15px;
  padding: 6px 0px;
  font-family: serif;
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  #semi .semi-box h2 p {
    font-size: 10px;
    line-height: 12px;
    padding: 5px 0px;
  }
}
#semi .semi-box h2 .text_s {
  text-align: left;
  display: block;
  font-size: 14px;
  /* white-space: nowrap; */
  /* width: 90%; 0% */
  overflow: hidden;
  -o-text-overflow: ellipsis;
  /* text-overflow: ellipsis; */
  font-family: serif;
  /* margin:  0 auto; */
  line-height: 1.1em;
}
#semi .semi-box h2 .title {
  font-size: 15px;
  line-height: 18px;
  height: 40px;
  overflow: hidden;
  display: block;
  font-family: serif;
  /* vertical-align: middle; */
  /* line-height: 24px; */
  font-weight: bold;
  color: #FB36A7;
}
@media only screen and (max-width: 480px) {
  #semi .semi-box h2 .title {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 2425, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
  /* line 2457, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
  /* line 2460, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
  /* line 2463, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
  /* line 2467, ../../html/sass/style.shttp://localhost/marinehouse_tokyo/css */
  #semi .semi-menu {
    width: 100%;
    margin-bottom: 5rem;
  }
  #semi .semi-box {
    width: 100%;
    padding: 0;
  }
  #semi .semi-box ul {
    text-align: center;
    /*●display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;*/
    justify-content: center;
  }
  #semi .semi-box li {
    /*●width: 45%;
    margin: 0% 2% 4% 2%;
    padding-bottom: 0%;*/
  }
  #semi .semi-box h2 {
    /*height: auto;
    font-size: 1.5rem;*/
  }
}

/* Object/Project - 0100 - s0021 */
/* ギャラリー - ギャラリータイトル画像 */
/* complied at 2020-09-07 21:54:12 */
@charset "utf-8";
/*position:relative;*/
#gallery .top-image {
  position: relative;
  background-image: url("style_s0021_001.png");
  /*top:0px;*/
  padding-bottom: 30.8%;
  background-size: cover; }
  @media only screen and (min-width: 481px) {
    #gallery .top-image {
      margin-bottom: -23%;
      padding-bottom: 42.8%; } }
  #gallery .intro {
    position: absolute;
    top: 20%;
    left: 10%;
    font-size: 400%;
    font-family: Reshuffle;
    color: white; }
  @media only screen and (min-width: 481px) {
    #gallery .intro {
      font-size: 500%;
      top: 10%;
      left: 30%; } }

/* Object/Project - 0100 - s0024 */
/* セミ - セミ表紙　タイトル */
/* complied at 2020-09-07 22:04:07 */
@charset "utf-8";
#semi .top-image {
  position: relative;
  background-image: url("style_s0024_001.png");
  /*top:0px;*/
  padding-bottom: 41.3%;
  background-size: cover; }
  @media only screen and (min-width: 481px) {
    #semi .top-image {
      margin-bottom: 0%;
      padding-bottom: 41.3%; } }
  #semi .intro {
    position: absolute;
    top: 45%;
    left: 75%;
    font-size: 5.5vw;
    font-family: Reshuffle;
    color: white; }
  @media only screen and (min-width: 1000px) {
    #semi .intro {
      font-size: 55px; } }

/* Object/Project - 0100 - s0025 */
/* フル - フルオーダー　タイトル */
/* complied at 2020-09-07 22:17:46 */
@charset "utf-8";
/*position:relative;*/
#order .top-image {
  position: relative;
  background-image: url("style_s0025_002.png");
  /*top:0px;*/
  padding-bottom: 44.4%;
  background-size: cover; }
  @media only screen and (min-width: 481px) {
    #order .top-image {
      background-image: url("style_s0025_001.png");
      padding-bottom: 34.5%;
      /*margin-bottom:-15%;*/ } }
  #order .form {
    /**/ }
  @media only screen and (min-width: 481px) {
    #order .form {
      margin-top: -15%; } }
  #order .intro H3 {
    position: absolute;
    top: 50%;
    left: 5%;
    font-size: 450%;
    font-family: Reshuffle;
    color: #ce8989; }
    @media only screen and (min-width: 481px) {
    #order .intro H3 {
      font-size: 500%;
      top: 30%;
      left: 8%; } }
  #order .intro p {
    display: none;
    position: absolute;
    top: 55%;
    left: 10%;
    font-size: 80%;
    color: #ce8989; }
    @media only screen and (min-width: 481px) {
    #order .intro p {
      display: block; } }
  #order .title {
    display: block;
    color: #ce8989;
    margin: 10px 20px; }
  @media only screen and (min-width: 481px) {
    #order .title {
      display: none; } }

/* Object/Project - 0100 - s0027 */
/* ギャラリー - ギャラリー　内容ページ */
/* complied at 2020-09-17 15:36:47 */
@charset "utf-8";
#gallery-content {
  /*.toptitle{
   width:90%;
   font-size:20px;
   margin:20px auto 10px auto;
   padding:0px 0 0px 10px;
   color:crimson;
   border-left:solid 10px brown;
   border-bottom:solid 1px brown;
   }	*/ }
  #gallery-content .item {
    width: 100%;
    height: 100%;
    background-color: #fff; }
  #gallery-content .picbox {
    /*background-color:pink;*/
    margin: 0 auto 10px auto;
    width: 90%;
    max-width: 500px;
    position: relative;
    display: block; }
  #gallery-content .lpic, #gallery-content .rpic, #gallery-content .mpic {
    float: left;
    margin: 5px 5px 0 0;
    width: 80px;
    height: 80px;
    /*{84/$cnt}%;*/
    overflow: hidden;
    position: relative; }
  #gallery-content #lpic, #gallery-content #mpic, #gallery-content #rpic {
    position: absolute;
    height: 100%;
    width: 100%; }
  #gallery-content .right {
    margin: 10px auto;
    width: 90%; }
  #gallery-content .right p {
    margin-bottom: 5px; }
  #gallery-content .clear {
    clear: both; }
  #gallery-content input.next {
    background-color: #e85017;
    color: white;
    margin: 10px auto;
    /*width:40%;*/
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px 10px 8px;
    border-radius: 10px; }
  #gallery-content input:hover.next, #gallery-content input:hover.login {
    background-color: white;
    color: #e95527; }
  #gallery-content input:active.next, #gallery-content input:active.login {
    background-color: #ccc;
    color: #e95527; }
  #gallery-content input.back {
    background-color: #947f28;
    color: white;
    margin: 10px auto;
    /*width:40%;*/
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px 10px 8px;
    border-radius: 10px; }
  #gallery-content input:hover.back {
    background-color: white;
    color: #947f28; }
  #gallery-content input:active.back {
    background-color: #ccc; }
  @media screen and (min-width: 481px) {
  #gallery-content {
    /* ここに481px以上のCSSを記述*/ }
    #gallery-content .item {
      /*background-color:blue;*/
      position: relative;
      display: block; }

    #gallery-content .left {
      /*background-color:skyblue;*/
      width: 50%;
      float: left;
      margin: 0 0 0 0; }

    #gallery-content .right {
      font-size: 15px;
      margin: 0 0 0 1%;
      /*background-color:yellowgreen;*/
      width: 49%;
      float: left; }

    #gallery-content .right p {
      margin-bottom: 10px; }

    #gallery-content .tags {
      margin: 0 4% 0 0;
      width: 35%;
      margin-top: 30px;
      float: left; } }

/* Object/Project - 0100 - s0 */
/* ギャラリー - ギャラリー　内容ページ */
/* complied at 2020-08-29 15:17:57 */
@charset "utf-8";

/* Object/Project - 0100 - s0 */
/* ギャラリー - ギャラリー　内容ページ */
/* complied at 2020-08-29 15:18:21 */
@charset "utf-8";

/* Object/Project - 0100 - s0030 */
/* フル - フルオーダー　フォーム部品 */
/* complied at 2020-09-03 11:44:21 */
@charset "utf-8";
#order form .submit {
  text-align: center; }
  #order form .submit button {
    background-color: #ea2885;
    color: white;
    margin: 10px auto;
    /*width:40%;*/
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 10px 30px 8px;
    border-radius: 10px; }
    #order form .submit button:hover {
      background-color: white;
      color: #e95527; }
  #order form input[type="text"] {
    background-color: #fff;
    height: 2.5em;
    font-size: 1.2em; }
  #order form input[type="file"] {
    height: 2.5em;
    font-size: 1.1em; }
  #order form input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #000;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: 0.2em;
    margin-right: 0.3em; }
  #order form input[type="checkbox"]:checked {
    /*border: 6px solid black;*/
    background-color: #ea2885; }
  #order form input[type="checkbox"]:disabled {
    border: 2px solid #999; }
    #order form input[type="checkbox"]:disabled:checked {
      background-color: #666; }
  #order form input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    border: 2px solid #000;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: 0.2em;
    margin-right: 0.3em; }
  #order form input[type="radio"]:checked {
    /*border: 6px solid black;*/
    background-color: #ea2885; }
  #order form input[type="radio"]:disabled {
    border: 2px solid #999; }
    #order form input[type="radio"]:disabled:checked {
      background-color: #666; }
  #order form select {
    height: 3em;
    font-size: 1.2em; }

/* Object/Project - 0100 - s0032 */
/* セミ - セミ表紙　丸型説明IMG */
/* complied at 2020-09-05 16:13:30 */
@charset "utf-8";
#semi .sub-title:before {
  content: '';
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: 51.7%;
  background-image: url("style_s0032_001.png");
  background-size: cover; }
  @media screen and (min-width: 480px), print {
    #semi .sub-title:before {
      width: 80%;
      padding-top: 41.36%; } }

/* Object/Project - 0100 - s0035 */
/* セミ - セミ　横並び */
/* complied at 2021-07-09 15:49:49 */
@charset "utf-8";
#semi .semi-box li {
  border: 1px solid #ccc;
  position: relative;
  width: 47%;
  /* display: inline-block; */
  float: left;
  padding: 0.6rem;
  margin-bottom: 1rem;
  margin-right: 0.6rem;
  /* box-shadow */
  /* box-shadow: 0px 0px 3px 2px #eeeeee; */
  -moz-box-shadow: 0px 0px 3px 2px #eee;
  /* -webkit-box-shadow: 0px 0px 3px 2px #eeeeee; */
  /* border-radius */
  /* border-radius: 0px 0px 0px 0px; */
  -moz-border-radius: 0px 0px 0px 0px;
  /* -webkit-border-radius: 0px 0px 0px 0px; */
  /* border */ }
  @media screen and (min-width: 480px), print {
  #semi .semi-box li {
    width: 24%; } }
  @media screen and (min-width: 768px), print {
  #semi .semi-box li {
    width: 19%; } }

#semi .semititle {
  clear: both; }

/* Object/Project - 0100 - s0 */
/* セミ - セミ　画像を正方形にトリミング */
/* complied at 2020-10-31 22:09:33 */
@charset "utf-8";
#semi li .img_wrap {
  display: block;
  position: relative;
  padding-top: 100%;
  overflow: hidden; }

#semi li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* Object/Project - 0110 - s0026 */
/* フル - フルオーダー　フォーム */
/* complied at 2020-09-03 10:06:01 */
@charset "utf-8";
#order .form {
  font-family: 'Noto Sans JP';
  background-color: white;
  padding: 5px; }
  #order .form label {
    white-space: normal;
    margin-bottom: 15px;
    display: inline-block; }
  @media only screen and (min-width: 481px) {
  #order .form {
    margin-left: 40px;
    margin-right: 40px;
    padding: 15px; }
    #order .form label {
      margin-bottom: 10px; } }

/* Object/Project - 0120 - s0031 */
/* フル - フルオーダー　丸型説明IMG */
/* complied at 2020-09-05 16:13:08 */
@charset "utf-8";
#order .cakesize #maru:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 51.7%;
  background-image: url("style_s0031_001.png");
  background-size: cover; }

/* Object/Utility - 0100 - s0020 */
/* プラグイン - インスタ　レスポンシブ */
/* complied at 2020-10-13 01:57:53 */
@charset "utf-8";
.instalist li {
  width: 25%;
  display: inline-block;
  position: relative; }
  .instalist li:nth-child(n+5) {
    display: none; }
  @media screen and (min-width: 480px), print {
  .instalist li {
    /* ここに481px以上のCSSを記述*/
    width: 16.66%; }
    .instalist li:nth-child(n+5) {
      display: inline-block; }

    .instalist li:nth-child(n+7) {
      display: none; } }
  @media screen and (min-width: 768px), print {
  .instalist li {
    /* ここに768px以上のCSSを記述*/
    width: 16.66%; }
    .instalist li:nth-child(n+7) {
      display: inline-block; }

    .instalist li:nth-child(n+7) {
      display: none; } }

.instalist li a {
  display: block;
  padding-top: 100%; }

.instalist li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }