@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Lato);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* Base
------------------------------------------------------------*/
html {
  font-size: 62.5%;
  /* 16px×0.625=10px =100% */
}

body {
  /*font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
  font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
}

/* 全てに掛けるタグ
------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* skelton.cssの上書きをする項目
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* 4%の余白を無くすために */
/* pタグに対してmargin-bottom: 2.5remを消す */
/* skeltonの替わりに使うcss
------------------------------------------------------------*/
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.column,
.columns {
  width: 100%;
}

/* 画面サイズ768px～320pxまで */
@media (min-width: 320px) {
  .container {
    width: 95%;
  }
}
@media (min-width: 320px) {
  .one.columns {
    width: calc( 100% / 6 * 1);
  }

  .two.columns {
    width: calc( 100% / 6 * 2);
  }

  .three.columns {
    width: calc( 100% / 6 * 3);
  }

  .four.columns {
    width: calc( 100% / 6 * 4);
  }

  .five.columns {
    width: calc( 100% / 6 * 5);
  }

  .six.columns {
    width: calc( 100% / 6 * 6);
  }

  .seven.columns {
    width: 100%;
  }

  .eight.columns {
    width: 100%;
  }

  .nine.columns {
    width: 100%;
  }

  .ten.columns {
    width: 100%;
  }

  .eleven.columns {
    width: 100%;
  }

  .twelve.columns {
    width: 100%;
  }

  .one-third.column {
    width: calc( 100% / 3);
  }

  .two-thirds.column {
    width: calc( 100% / 3 * 2);
  }

  .one-half.column {
    width: calc( 100% / 2);
  }
}
/* 画面サイズ769px以上 */
@media (min-width: 769px) {
  .container {
    width: 98%;
  }
}
@media (min-width: 769px) {
  .one.columns {
    width: calc( 100% / 12 * 1);
  }

  .two.columns {
    width: calc( 100% / 12 * 2);
  }

  .three.columns {
    width: calc( 100% / 12 * 3);
  }

  .four.columns {
    width: calc( 100% / 12 * 4);
  }

  .five.columns {
    width: calc( 100% / 12 * 5);
  }

  .six.columns {
    width: calc( 100% / 12 * 6);
  }

  .seven.columns {
    width: calc( 100% / 12 * 7);
  }

  .eight.columns {
    width: calc( 100% / 12 * 8);
  }

  .nine.columns {
    width: calc( 100% / 12 * 9);
  }

  .ten.columns {
    width: calc( 100% / 12 * 10);
  }

  .eleven.columns {
    width: calc( 100% / 12 * 11);
  }

  .twelve.columns {
    width: calc( 100% / 12 * 12);
  }

  .one-third.column {
    width: calc( 100% / 3);
  }

  .two-thirds.column {
    width: calc( 100% / 3 * 2);
  }

  .one-half.column {
    width: calc( 100% / 2);
  }
}
/* フレックスボックスの設定 横並び
------------------------------------------------------------*/
.flex_row_nowrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /*justify-content: space-between;*/
  justify-content: space-around;
  align-self: stretch;
}

.flex_row_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  justify-content: space-around;
  align-self: stretch;
}

.flex_column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: start;
  align-self: stretch;
}

/* clear クリアーフレックス
------------------------------------------------------------*/
.clear:after {
  content: "";
  display: table;
  clear: both;
}

/* 全ての画像にボダーを付けないように
------------------------------------------------------------*/
img {
  border: 0;
}

/* 画像の定義
------------------------------------------------------------*/
.u-full-width {
  width: 100%;
}

.u-max-full-width {
  max-width: 100%;
}

.u-auto-width {
  width: auto;
  height: auto;
}

.u-pull-right {
  float: right;
}

.u-pull-left {
  float: left;
}

/* LINKの定義
------------------------------------------------------------*/
a {
  text-decoration: none;
  color: #a28c5b;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  opacity: 0.5;
}

a:active {
  text-decoration: none;
}

/* Font
------------------------------------------------------------*/
.uppercase {
  text-transform: uppercase;
}

/* Align テキスト(インライン要素)を中央寄せ
------------------------------------------------------------*/
.text-center {
  text-align: center;
}

/* Layout ブロック要素を中央寄せ
------------------------------------------------------------*/
.block-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* PC SP の表示・非表示の使い分け
------------------------------------------------------------*/
/* SPで非表示 */
@media (max-width: 749px) {
  .pc_display {
    display: none;
  }
}
/* PCで非表示 */
@media (min-width: 750px) {
  .sp_display {
    display: none;
  }
}
/* 非表示の重要化
------------------------------------------------------------*/
.none {
  display: none !important;
}

/* 共通ののCSS
------------------------------------------------------------*/
.max_box {
  width: 100%;
  background-color: #fafafa;
}
.max_box .wh_box {
  width: 100%;
  max-width: 1920px;
  background-color: #ffffff;
}

/* header内のCSS
------------------------------------------------------------*/
header {
  color: #a28c5b;
}
header .container {
  max-width: 960px;
}
header .container .row.logo {
  margin-top: 10px;
  max-width: 810px;
}
header .container .row.logo .twelve.columns img {
  width: 80%;
}
header .container .row.menubar {
  margin: 10px auto 0 auto;
}
header .container .row.menubar .twelve.columns a {
  display: inline-block;
  margin-right: 15px;
  height: 30px;
  padding-top: 7px;
  text-align: center;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 300;
  color: #a28c5b;
}
header .container .row.menubar .twelve.columns a:last-child {
  margin-right: 0;
}

/* 詳細ページ内の共通 header内のCSS
------------------------------------------------------------*/
#history header .container .row.menubar,
#business header .container .row.menubar,
#press_release header .container .row.menubar,
#published header .container .row.menubar,
#contact header .container .row.menubar {
  max-width: 960px;
  margin: 10px auto 0 auto;
  height: 100%;
  background-color: #f5f5f5;
}
#history header .container .row.menubar .twelve.columns a,
#business header .container .row.menubar .twelve.columns a,
#press_release header .container .row.menubar .twelve.columns a,
#published header .container .row.menubar .twelve.columns a,
#contact header .container .row.menubar .twelve.columns a {
  display: inline-block;
  margin-right: 15px;
  height: 30px;
  padding-top: 7px;
  text-align: center;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 300;
  color: #a28c5b;
}
#history header .container .row.menubar .twelve.columns a:first-child,
#business header .container .row.menubar .twelve.columns a:first-child,
#press_release header .container .row.menubar .twelve.columns a:first-child,
#published header .container .row.menubar .twelve.columns a:first-child,
#contact header .container .row.menubar .twelve.columns a:first-child {
  margin-left: 3px;
}
#history header .container .row.menubar .twelve.columns a:last-child,
#business header .container .row.menubar .twelve.columns a:last-child,
#press_release header .container .row.menubar .twelve.columns a:last-child,
#published header .container .row.menubar .twelve.columns a:last-child,
#contact header .container .row.menubar .twelve.columns a:last-child {
  margin-right: 0;
}

/* nav内のCSS
------------------------------------------------------------*/
nav {
  color: #a28c5b;
  margin-top: 10px;
  /* カルーセル 外枠 設定 */
}
nav .container.carousel_contents1 {
  z-index: 0;
  max-width: 960px;
}
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 {
  /* カルーセル ナビ 設定 */
  /* カルーセル ドットの外箱 設定 */
}
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-nav {
  font-size: 4rem;
  font-weight: 500;
  color: #FFFFFF;
  margin: 0;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 0px;
  opacity: 0.8;
  /* カルーセル 矢印 設定 */
}
@media (max-width: 768px) {
  nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-nav {
    font-size: 3rem;
    font-weight: 300;
  }
}
@media (max-width: 414px) {
  nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-nav {
    font-size: 2rem;
    font-weight: 200;
  }
}
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-nav .owl-next,
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-nav .owl-prev {
  position: absolute;
  background-color: #D6D6D6;
  top: 50%;
  transform: translate(0, -60%);
  padding: 4px 7px !important;
}
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-nav .owl-prev {
  left: 1%;
}
@media (max-width: 413px) {
  nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-nav .owl-prev {
    left: 0%;
  }
}
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-nav .owl-next {
  right: 1%;
}
@media (max-width: 413px) {
  nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-nav .owl-next {
    right: 0%;
  }
}
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-dots {
  /* カルーセル ドット 設定 */
  /* カルーセル アクティブドット 設定 */
}
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-dots .owl-dot {
  display: inline-block;
  /* カルーセル ドット 設定 */
}
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-dots .owl-dot span {
  display: block;
  border-radius: 0;
  width: 25px;
  height: 5px;
  margin: 0 8px 0 0;
  background-color: #cccccc;
}
@media (max-width: 414px) {
  nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-dots .owl-dot span {
    width: 15px;
    margin: 0 5px 0 0;
  }
}
nav .container.carousel_contents1 .row.carousel .twelve.columns.carousel_out1 .custom1.owl-carousel.owl-theme.eyecatch1 .owl-dots .owl-dot.active span {
  background-color: #a28c5b;
}

/* main内のCSS
------------------------------------------------------------*/
main {
  color: #a28c5b;
  margin-top: 30px;
}
main .container {
  max-width: 960px;
}
@media (max-width: 768px) {
  main .container {
    width: 90%;
  }
}
main .container .row .twelve.columns.iframe_block .tittle {
  font-size: 3rem;
  font-weight: 300;
  color: #a28c5b;
  text-decoration: none;
}
@media (max-width: 768px) {
  main .container .row .twelve.columns.iframe_block .tittle {
    font-size: 2rem;
  }
}
main .container .row .twelve.columns.iframe_block .iframe_update {
  width: 100%;
  height: 300px;
}
@media (max-width: 768px) {
  main .container .row .twelve.columns.iframe_block .iframe_update {
    height: 200px;
  }
}

/* footer内のCSS（全ページ共通）
------------------------------------------------------------*/
footer {
  color: #a28c5b;
  margin-top: 40px;
  margin-bottom: 50px;
}
footer .container {
  max-width: 960px;
}
@media (max-width: 768px) {
  footer .container {
    width: 90%;
  }
}
footer .container .row .twelve.columns.map {
  margin-top: 20px;
}
footer .container .row .twelve.columns.map .company {
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  footer .container .row .twelve.columns.map .company {
    font-size: 2rem;
  }
}
footer .container .row .twelve.columns.map .tel,
footer .container .row .twelve.columns.map .business_hours,
footer .container .row .twelve.columns.map .mail_ad,
footer .container .row .twelve.columns.map .line {
  margin-top: 10px;
  font-size: 1.5rem;
  font-weight: 200;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  footer .container .row .twelve.columns.map .tel,
footer .container .row .twelve.columns.map .business_hours,
footer .container .row .twelve.columns.map .mail_ad,
footer .container .row .twelve.columns.map .line {
    font-size: 1.2rem;
  }
}
footer .container .row .twelve.columns.map .address {
  margin-top: 20px;
  font-size: 1.5rem;
  font-weight: 200;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  footer .container .row .twelve.columns.map .address {
    font-size: 1.2rem;
  }
}
footer .container .row .twelve.columns.map .iframe_googlemap {
  width: 100%;
  height: 400px;
  margin-top: 10px;
}
footer .container .row .twelve.columns.calendar {
  max-width: 1920px;
  margin-top: 50px;
}
footer .container .row .twelve.columns.calendar .tittle {
  margin: 20px 0 5px 0;
  font-size: 2rem;
  font-weight: 200;
  color: #666666;
  text-align: center;
}
footer .container .row .twelve.columns.caution {
  max-width: 1920px;
  margin-top: 50px;
}
footer .container .row .twelve.columns.caution .level_line {
  margin: 20px auto;
  border-width: 1px 0 0 0;
  border-color: #cccccc;
  height: 1px;
}
footer .container .row .twelve.columns.caution .line {
  margin-top: 10px;
  font-size: 1.5rem;
  font-weight: 200;
  color: #C4C4C4;
  line-height: 1.7;
  text-align: center;
  text-decoration: none;
}
@media (max-width: 581px) {
  footer .container .row .twelve.columns.caution .line {
    font-size: 1.2rem;
  }
}
@media (max-width: 465px) {
  footer .container .row .twelve.columns.caution .line {
    font-size: 1rem;
  }
}

/* skeleton.cssに上書き */
.cal th {
  padding: 0 0 7px 0;
  text-align: center;
}

.cal_wrapper table {
  margin-bottom: 0;
}

/* ココまでskeleton.cssに上書き */
/* レスポンシブ対応に */
div.cal_wrapper table.cal,
div.cal_wrapper table.cal tbody {
  width: 100%;
}

div.cal_wrapper {
  color: #a28c5b;
}
@media (max-width: 749px) {
  div.cal_wrapper {
    margin-bottom: 10px;
  }
}

@media (max-width: 749px) {
  div.cal_wrapper table.cal,
div.cal_wrapper table.cal tbody {
    width: 80%;
    margin: 0 auto;
  }
}
/* タイトルの設定 */
div.cal_wrapper table.cal tr th {
  margin-bottom: 7px;
}

/* タイトルの年月 */
div.cal_wrapper table.cal tr th p {
  color: #666;
  font-size: 2rem;
}

/* inputの行の設定 */
div.cal_wrapper table.cal tr th div.cal_ui {
  padding-top: 5px;
}

/* inputのセルの設定 */
div.cal_wrapper table.cal tr th div.cal_ui input {
  border: solid 1px #cccccc;
  background-color: #ffffff;
  font-size: 1.2rem;
  margin: 0px 2px;
  padding: 2px 5px;
  border-radius: 3px;
}

/* カレンダーのセルの設定 */
div.cal_wrapper table.cal tr td {
  width: calc(100% / 7);
  padding: 7px 0;
  font-size: 1.3rem;
  text-align: center;
  border-top: solid 1px #eeeeee;
}

/* カレンダーの曜日のセルの色設定 */
div.cal_wrapper table.cal tr.headline td {
  color: #666666;
  background-color: #eeeeee;
}

/* カレンダーの数字部分のセルの設定 */
div.cal_wrapper table.cal tr td div {
  position: relative;
  padding: 5px 0 5px 0;
  font-size: 1.3rem;
  text-align: center;
  background-color: #ffffff;
  border-radius: 3px;
}

/* 見えていない祝日の説明の設定 */
div.cal_wrapper table.cal tr td div span {
  display: none;
  position: absolute;
  top: 20px;
  left: 0px;
  width: 180px;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  text-align: left;
  padding: 5px;
  z-index: 10;
  color: #000000;
  font-weight: normal;
  line-height: 1.5em;
  box-shadow: 1px 1px 3px #666666;
}

/* 曜日の説明の設定 */
div.cal_wrapper table.cal tr td div.Sat {
  color: #00F;
}

div.cal_wrapper table.cal tr td div.Sun {
  color: #F00;
}

div.cal_wrapper table.cal tr td div.Today {
  font-weight: bolder;
}

div.cal_wrapper table.cal tr td div.Deli {
  background-color: #EFE;
}

div.cal_wrapper table.cal tr td div.Holyday {
  font-weight: bolder;
  color: #F00;
  background-color: #FEE;
}

div.cal_wrapper table.cal tr td div.Birthday {
  font-weight: bolder;
  border-radius: 3px;
  background-color: #ffffff;
  color: inherit;
}

div.cal_wrapper table.cal tr td div.backward {
  color: #CCC;
  font-weight: normal;
  background-color: #FFF;
  border-radius: 3px;
}

div.cal_wrapper table.cal tr td div.pointer {
  cursor: pointer;
}

div.cal_wrapper table.cal tr td div.pointer:hover {
  background-color: #EEE;
}

div.schedule_wrapper {
  display: none;
}

/* #contact内のCSS
------------------------------------------------------------*/
#contact main .container {
  max-width: 960px;
}
#contact main .container .row .twelve.columns {
  margin-top: 20px;
}
#contact main .container .row .twelve.columns .tittle {
  margin: 30px 0;
  font-size: 3rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  #contact main .container .row .twelve.columns .tittle {
    font-size: 2rem;
  }
}
@media (max-width: 466px) {
  #contact main .container .row .twelve.columns .tittle {
    font-size: 1.5rem;
  }
}
@media (max-width: 349px) {
  #contact main .container .row .twelve.columns .tittle {
    font-size: 1.3rem;
  }
}
#contact main .container .row .twelve.columns #form1 .box {
  margin-top: 20px;
  margin-left: 20px;
}
#contact main .container .row .twelve.columns #form1 .box .name,
#contact main .container .row .twelve.columns #form1 .box .mail,
#contact main .container .row .twelve.columns #form1 .box .document {
  margin-right: 20px;
  font-size: 1.5rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
#contact main .container .row .twelve.columns #form1 .box .submit {
  padding: 5px 20px;
  font-size: 1.5rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
#contact main .container .row .twelve.columns #form1 .box_input {
  margin-top: 5px;
  margin-left: 20px;
}
#contact main .container .row .twelve.columns #form1 .box_input .name_box,
#contact main .container .row .twelve.columns #form1 .box_input .mail_box {
  width: 250px;
  height: 30px;
}
#contact main .container .row .twelve.columns #form1 .box_input .name_box,
#contact main .container .row .twelve.columns #form1 .box_input .mail_box,
#contact main .container .row .twelve.columns #form1 .box_input .document_box {
  font-size: 1.2rem;
  font-weight: 200;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
}

/* #business内のCSS
------------------------------------------------------------*/
#business nav .container {
  max-width: 960px;
}
#business nav .container .row .twelve.columns.description {
  margin-top: 20px;
}
#business nav .container .row .twelve.columns.description .tittle {
  font-size: 3rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  #business nav .container .row .twelve.columns.description .tittle {
    font-size: 2rem;
  }
}
#business nav .container .row .twelve.columns.description .sub_tittle {
  margin-top: 20px;
  margin-left: 50px;
  font-size: 1.5rem;
  font-weight: 200;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 520px) {
  #business nav .container .row .twelve.columns.description .sub_tittle {
    font-size: 1.2rem;
    margin-left: 30px;
  }
}
@media (max-width: 413px) {
  #business nav .container .row .twelve.columns.description .sub_tittle {
    font-size: 1rem;
  }
}
@media (max-width: 374px) {
  #business nav .container .row .twelve.columns.description .sub_tittle {
    margin-left: 10px;
  }
}
#business nav .container .row .twelve.columns.menu {
  height: 100%;
  margin-top: 50px;
}
#business nav .container .row .twelve.columns.menu a {
  display: inline-block;
  margin-right: 15px;
  height: 40px;
  padding: 12px 5px 0 5px;
  text-align: center;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 300;
  color: #FFFFFF;
  background-color: #000000;
  border-radius: 8px;
}
@media (max-width: 588px) {
  #business nav .container .row .twelve.columns.menu a {
    margin-right: 0;
    padding: 9px 2px 0 2px;
    height: 30px;
    font-size: 1.2rem;
    font-weight: 200;
  }
}
@media (max-width: 414px) {
  #business nav .container .row .twelve.columns.menu a {
    font-size: 1rem;
  }
}
@media (max-width: 349px) {
  #business nav .container .row .twelve.columns.menu a {
    padding: 9px 0 0 0;
  }
}
#business nav .container .row .twelve.columns.menu a:last-child {
  margin-right: 0;
}
#business main #negozietto.container,
#business main #watch-dr.container,
#business main #wolesale_parts.container,
#business main #wolesale_repair.container,
#business main #wolesale_jewelery.container {
  max-width: 960px;
}
#business main #negozietto.container .row .twelve.columns .tittle,
#business main #watch-dr.container .row .twelve.columns .tittle,
#business main #wolesale_parts.container .row .twelve.columns .tittle,
#business main #wolesale_repair.container .row .twelve.columns .tittle,
#business main #wolesale_jewelery.container .row .twelve.columns .tittle {
  margin-top: 50px;
  font-size: 2.5rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  #business main #negozietto.container .row .twelve.columns .tittle,
#business main #watch-dr.container .row .twelve.columns .tittle,
#business main #wolesale_parts.container .row .twelve.columns .tittle,
#business main #wolesale_repair.container .row .twelve.columns .tittle,
#business main #wolesale_jewelery.container .row .twelve.columns .tittle {
    font-size: 1.8rem;
  }
}
@media (max-width: 503px) {
  #business main #negozietto.container .row .twelve.columns .tittle,
#business main #watch-dr.container .row .twelve.columns .tittle,
#business main #wolesale_parts.container .row .twelve.columns .tittle,
#business main #wolesale_repair.container .row .twelve.columns .tittle,
#business main #wolesale_jewelery.container .row .twelve.columns .tittle {
    font-size: 1.2rem;
  }
}
@media (max-width: 335px) {
  #business main #negozietto.container .row .twelve.columns .tittle,
#business main #watch-dr.container .row .twelve.columns .tittle,
#business main #wolesale_parts.container .row .twelve.columns .tittle,
#business main #wolesale_repair.container .row .twelve.columns .tittle,
#business main #wolesale_jewelery.container .row .twelve.columns .tittle {
    font-size: 1.1rem;
  }
}
#business main #negozietto.container .row .twelve.columns .sub_tittle,
#business main #watch-dr.container .row .twelve.columns .sub_tittle,
#business main #wolesale_parts.container .row .twelve.columns .sub_tittle,
#business main #wolesale_repair.container .row .twelve.columns .sub_tittle,
#business main #wolesale_jewelery.container .row .twelve.columns .sub_tittle {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 2.5rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  #business main #negozietto.container .row .twelve.columns .sub_tittle,
#business main #watch-dr.container .row .twelve.columns .sub_tittle,
#business main #wolesale_parts.container .row .twelve.columns .sub_tittle,
#business main #wolesale_repair.container .row .twelve.columns .sub_tittle,
#business main #wolesale_jewelery.container .row .twelve.columns .sub_tittle {
    font-size: 1.8rem;
  }
}
@media (max-width: 503px) {
  #business main #negozietto.container .row .twelve.columns .sub_tittle,
#business main #watch-dr.container .row .twelve.columns .sub_tittle,
#business main #wolesale_parts.container .row .twelve.columns .sub_tittle,
#business main #wolesale_repair.container .row .twelve.columns .sub_tittle,
#business main #wolesale_jewelery.container .row .twelve.columns .sub_tittle {
    font-size: 1.2rem;
  }
}
@media (max-width: 335px) {
  #business main #negozietto.container .row .twelve.columns .sub_tittle,
#business main #watch-dr.container .row .twelve.columns .sub_tittle,
#business main #wolesale_parts.container .row .twelve.columns .sub_tittle,
#business main #wolesale_repair.container .row .twelve.columns .sub_tittle,
#business main #wolesale_jewelery.container .row .twelve.columns .sub_tittle {
    font-size: 1.1rem;
  }
}
#business main #negozietto.container .row .twelve.columns .infomation,
#business main #watch-dr.container .row .twelve.columns .infomation,
#business main #wolesale_parts.container .row .twelve.columns .infomation,
#business main #wolesale_repair.container .row .twelve.columns .infomation,
#business main #wolesale_jewelery.container .row .twelve.columns .infomation {
  margin-top: 10px;
  font-size: 1.5rem;
  font-weight: 200;
  color: #000000;
  line-height: 1.7;
  text-decoration: none;
}
@media (max-width: 768px) {
  #business main #negozietto.container .row .twelve.columns .infomation,
#business main #watch-dr.container .row .twelve.columns .infomation,
#business main #wolesale_parts.container .row .twelve.columns .infomation,
#business main #wolesale_repair.container .row .twelve.columns .infomation,
#business main #wolesale_jewelery.container .row .twelve.columns .infomation {
    font-size: 1.2rem;
  }
}
@media (max-width: 503px) {
  #business main #negozietto.container .row .twelve.columns .infomation,
#business main #watch-dr.container .row .twelve.columns .infomation,
#business main #wolesale_parts.container .row .twelve.columns .infomation,
#business main #wolesale_repair.container .row .twelve.columns .infomation,
#business main #wolesale_jewelery.container .row .twelve.columns .infomation {
    font-size: 1rem;
  }
}
#business main #negozietto.container .row .twelve.columns .infomation_detail,
#business main #watch-dr.container .row .twelve.columns .infomation_detail,
#business main #wolesale_parts.container .row .twelve.columns .infomation_detail,
#business main #wolesale_repair.container .row .twelve.columns .infomation_detail,
#business main #wolesale_jewelery.container .row .twelve.columns .infomation_detail {
  margin-top: 5px;
  font-size: 1.5rem;
  font-weight: 200;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  #business main #negozietto.container .row .twelve.columns .infomation_detail,
#business main #watch-dr.container .row .twelve.columns .infomation_detail,
#business main #wolesale_parts.container .row .twelve.columns .infomation_detail,
#business main #wolesale_repair.container .row .twelve.columns .infomation_detail,
#business main #wolesale_jewelery.container .row .twelve.columns .infomation_detail {
    font-size: 1.2rem;
  }
}
@media (max-width: 503px) {
  #business main #negozietto.container .row .twelve.columns .infomation_detail,
#business main #watch-dr.container .row .twelve.columns .infomation_detail,
#business main #wolesale_parts.container .row .twelve.columns .infomation_detail,
#business main #wolesale_repair.container .row .twelve.columns .infomation_detail,
#business main #wolesale_jewelery.container .row .twelve.columns .infomation_detail {
    font-size: 1rem;
  }
}
#business main #negozietto.container .row .twelve.columns .infomation_detail a,
#business main #watch-dr.container .row .twelve.columns .infomation_detail a,
#business main #wolesale_parts.container .row .twelve.columns .infomation_detail a,
#business main #wolesale_repair.container .row .twelve.columns .infomation_detail a,
#business main #wolesale_jewelery.container .row .twelve.columns .infomation_detail a {
  text-decoration: underline dotted red;
  color: #0000FF;
}
#business main #negozietto.container .row .twelve.columns.calendar .tittle,
#business main #watch-dr.container .row .twelve.columns.calendar .tittle {
  margin: 20px 0 5px 0;
  font-size: 2rem;
  font-weight: 200;
  color: #666666;
  text-align: center;
}

/* #history内のCSS
------------------------------------------------------------*/
#history main .container {
  max-width: 960px;
}
#history main .container .row .twelve.columns.updatebox .tittle {
  margin: 30px 0;
  font-size: 3rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  #history main .container .row .twelve.columns.updatebox .tittle {
    font-size: 2rem;
  }
}
#history main .container .row .twelve.columns.updatebox .date {
  font-size: 1.5rem;
  font-weight: 300;
  color: #999999;
  text-decoration: none;
}
#history main .container .row .twelve.columns.updatebox .info {
  margin-top: 10px;
  font-size: 2rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
}
@media (max-width: 414px) {
  #history main .container .row .twelve.columns.updatebox .info {
    font-size: 1.5rem;
  }
}
#history main .container .row .twelve.columns.updatebox .level_line {
  margin: 20px auto;
  border-width: 1px 0 0 0;
  border-color: #cccccc;
  height: 1px;
}

/* #published内のCSS
------------------------------------------------------------*/
#published nav .container {
  max-width: 960px;
}
#published nav .container .row .twelve.columns.mokuji .tittle {
  margin-top: 30px;
  font-size: 3rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  #published nav .container .row .twelve.columns.mokuji .tittle {
    font-size: 2rem;
  }
}
#published nav .container .row .twelve.columns.mokuji .newsbox {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-self: stretch;
}
@media (max-width: 768px) {
  #published nav .container .row .twelve.columns.mokuji .newsbox {
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
  }
}
#published nav .container .row .twelve.columns.mokuji .newsbox .left_box {
  width: 60%;
}
@media (max-width: 768px) {
  #published nav .container .row .twelve.columns.mokuji .newsbox .left_box {
    width: 100%;
  }
}
#published nav .container .row .twelve.columns.mokuji .newsbox .left_box .date {
  font-size: 1.5rem;
  font-weight: 300;
  color: #999999;
  text-decoration: none;
}
#published nav .container .row .twelve.columns.mokuji .newsbox .left_box .info a {
  display: block;
}
#published nav .container .row .twelve.columns.mokuji .newsbox .left_box .info .info_1st {
  margin-top: 10px;
  font-size: 2rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
}
@media (max-width: 414px) {
  #published nav .container .row .twelve.columns.mokuji .newsbox .left_box .info .info_1st {
    font-size: 1.5rem;
  }
}
#published nav .container .row .twelve.columns.mokuji .newsbox .right_box {
  width: 40%;
}
@media (max-width: 768px) {
  #published nav .container .row .twelve.columns.mokuji .newsbox .right_box {
    width: 70%;
    margin: 0 auto;
  }
}
#published nav .container .row .twelve.columns.mokuji .level_line {
  margin: 20px auto;
  border-width: 1px 0 0 0;
  border-color: #cccccc;
  height: 1px;
}

/* #press_release内のCSS
------------------------------------------------------------*/
#press_release nav .container {
  max-width: 960px;
}
#press_release nav .container .row .twelve.columns.mokuji .tittle {
  margin-top: 30px;
  font-size: 3rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  #press_release nav .container .row .twelve.columns.mokuji .tittle {
    font-size: 2rem;
  }
}
#press_release nav .container .row .twelve.columns.mokuji .newsbox {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-self: stretch;
}
@media (max-width: 768px) {
  #press_release nav .container .row .twelve.columns.mokuji .newsbox {
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
  }
}
#press_release nav .container .row .twelve.columns.mokuji .newsbox .left_box {
  width: 70%;
}
@media (max-width: 768px) {
  #press_release nav .container .row .twelve.columns.mokuji .newsbox .left_box {
    width: 100%;
  }
}
#press_release nav .container .row .twelve.columns.mokuji .newsbox .left_box .date {
  font-size: 1.5rem;
  font-weight: 300;
  color: #999999;
  text-decoration: none;
}
#press_release nav .container .row .twelve.columns.mokuji .newsbox .left_box .info a {
  display: block;
}
#press_release nav .container .row .twelve.columns.mokuji .newsbox .left_box .info .info_1st {
  margin-top: 10px;
  font-size: 2rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
}
@media (max-width: 414px) {
  #press_release nav .container .row .twelve.columns.mokuji .newsbox .left_box .info .info_1st {
    font-size: 1.5rem;
  }
}
#press_release nav .container .row .twelve.columns.mokuji .newsbox .left_box .info .info_2nd {
  margin: 10px 10px 0 30px;
  font-size: 1.5rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
}
@media (max-width: 414px) {
  #press_release nav .container .row .twelve.columns.mokuji .newsbox .left_box .info .info_2nd {
    margin: 10px 10px 0 20px;
    font-size: 1.2rem;
  }
}
#press_release nav .container .row .twelve.columns.mokuji .newsbox .right_box {
  width: 30%;
}
@media (max-width: 768px) {
  #press_release nav .container .row .twelve.columns.mokuji .newsbox .right_box {
    width: 70%;
    margin: 0 auto;
  }
}
#press_release nav .container .row .twelve.columns.mokuji .level_line {
  margin: 20px auto;
  border-width: 1px 0 0 0;
  border-color: #cccccc;
  height: 1px;
}

.press_release_kiji main .container {
  max-width: 960px;
}
.press_release_kiji main .container .row .twelve.columns.kiji .newsbox {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .press_release_kiji main .container .row .twelve.columns.kiji .newsbox {
    margin-top: 20px;
  }
}
.press_release_kiji main .container .row .twelve.columns.kiji .newsbox .date {
  font-size: 1.5rem;
  font-weight: 300;
  color: #999999;
  text-decoration: none;
}
.press_release_kiji main .container .row .twelve.columns.kiji .newsbox .tittle {
  margin: 30px 0;
  font-size: 3rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .press_release_kiji main .container .row .twelve.columns.kiji .newsbox .tittle {
    margin: 20px 0;
    font-size: 2rem;
  }
}
.press_release_kiji main .container .row .twelve.columns.kiji .newsbox .content .tell_tittle {
  margin-top: 30px;
  font-size: 4rem;
  font-weight: 700;
  color: #e60012;
  text-decoration: none;
}
@media (max-width: 768px) {
  .press_release_kiji main .container .row .twelve.columns.kiji .newsbox .content .tell_tittle {
    margin-top: 20px;
    font-size: 3rem;
    font-weight: 500;
  }
}
.press_release_kiji main .container .row .twelve.columns.kiji .newsbox .content .tell_info_01 {
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .press_release_kiji main .container .row .twelve.columns.kiji .newsbox .content .tell_info_01 {
    font-size: 1.5rem;
    font-weight: 300;
  }
}
.press_release_kiji main .container .row .twelve.columns.kiji .newsbox .content .tell_info_02,
.press_release_kiji main .container .row .twelve.columns.kiji .newsbox .content .tell_info_03 {
  margin: 50px 0 10px 0;
  font-size: 2rem;
  font-weight: 600;
  color: #999999;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
}
@media (max-width: 768px) {
  .press_release_kiji main .container .row .twelve.columns.kiji .newsbox .content .tell_info_02,
.press_release_kiji main .container .row .twelve.columns.kiji .newsbox .content .tell_info_03 {
    margin: 30px 0 10px 0;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
.press_release_kiji main .container .row .twelve.columns.kiji .newsbox .picture {
  margin-top: 50px;
  font-size: 2rem;
  font-weight: 600;
  color: #e60012;
  text-align: center;
  text-decoration: none;
}
@media (max-width: 768px) {
  .press_release_kiji main .container .row .twelve.columns.kiji .newsbox .picture {
    margin-top: 30px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}

#blog header .container .row.menubar {
  max-width: 960px;
  margin: 10px auto 0 auto;
  background-color: #f5f5f5;
}
#blog header .container .row.menubar .twelve.columns a {
  display: inline-block;
  margin-right: 15px;
  height: 30px;
  padding-top: 7px;
  text-align: center;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 300;
  color: #a28c5b;
}
#blog header .container .row.menubar .twelve.columns a:first-child {
  margin-left: 3px;
}
#blog header .container .row.menubar .twelve.columns a:last-child {
  margin-right: 0;
}
#blog .container {
  max-width: 960px;
}
#blog .twelve.columns.mokuji .tittle {
  margin-top: 30px;
  font-size: 3rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
}
@media (max-width: 768px) {
  #blog .twelve.columns.mokuji .tittle {
    font-size: 2rem;
  }
}
#blog ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3rem;
}
#blog ul .newsbox {
  width: calc((100% - 6rem) / 3);
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-self: stretch;
}
@media (max-width: 768px) {
  #blog ul .newsbox {
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
  }
}
#blog ul::after {
  content: "";
  display: block;
  width: calc((100% - 6rem) / 3);
}
@media (max-width: 768px) {
  #blog ul .left_box {
    width: 100%;
  }
}
#blog ul .left_box .date a {
  font-size: 1.5rem;
  font-weight: 300;
  color: #999999;
  text-decoration: none;
}
#blog ul .left_box .info a {
  display: block;
}
#blog ul .left_box .info .info_1st {
  margin-top: 10px;
  font-size: 2rem;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
  line-height: 1.3;
}
@media (max-width: 414px) {
  #blog ul .left_box .info .info_1st {
    font-size: 1.5rem;
  }
}
#blog ul .right_box {
  width: 40%;
}
@media (max-width: 768px) {
  #blog ul .right_box {
    width: 70%;
    margin: 0 auto;
  }
}

.level_line {
  margin: 20px auto;
  border-width: 1px 0 0 0;
  border-color: #cccccc;
  height: 1px;
}

/*# sourceMappingURL=style.css.map */