@charset "UTF-8";
/* ================================================================

   mixin

================================================================ */
i {
  font-family: "Font Awesome 5 Free" !important; }

#container {
  padding-bottom: 80px !important; }

*:focus {
  outline: none; }

.mincho, serif {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-feature-settings: "palt";
  font-feature-settings: "palt" 1; }

.menu > .menu__single {
  position: relative; }
  .menu > .menu__single a {
    width: 100%; }

.menu__single .menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 40px;
  width: 100%;
  background: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border-bottom: 1px solid #ccc; }
  .menu__single .menu__second-level li, .menu__single .menu__second-level a {
    width: 100% !important;
    display: block; }
.menu__single li {
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc; }

li.menu__single:hover ul.menu__second-level {
  top: 50px;
  visibility: visible;
  opacity: 1;
  width: 100%; }

.cart_icon {
  height: 1.5em;
  vertical-align: middle !important;
  margin-right: 12px;
  margin-top: -5px; }

.common_footer {
  background: #000 !important;
  border-top: 1px solid #fff;
  padding-bottom: 30px;
  line-height: 1.0; }
  .common_footer a {
    color: #fff !important; }
  .common_footer .copyright {
    text-align: center;
    color: #fff;
    font-family: 'Hiragino Kaku Gothic W3 JIS2004';
    font-size: 0.9em; }

#idx_sns {
  padding: 70px 0 65px 0;
  margin-bottom: 100px; }
  #idx_sns ul {
    text-align: center; }
    #idx_sns ul li {
      display: inline-block;
      width: 35px;
      margin: auto 25px; }
      #idx_sns ul li img {
        width: 35px; }
      @media only screen and (max-width: 767px) {
        #idx_sns ul li {
          width: 28px;
          margin: auto 10px; }
          #idx_sns ul li li {
            margin: 0; }
          #idx_sns ul li img {
            width: 28px; } }

/*===================================================================

 about.css

=================================================================== */
p#aside-ttl_about {
  background: url(/img/about/philosophy/aside-ttl_about.png) 0 0 no-repeat;
  margin-top: 0; }

/* --------------------------------------------------------------------

　メディア掲載情報

-------------------------------------------------------------------- */
.media-chronological a:link, .media-chronological a:visited {
  color: #000 !important;
  text-decoration: underline; }

#ttl_cat_media {
  text-align: center;
  background: #fff url(/img/media/bg_ttl_cat_media2.png); }
  #ttl_cat_media h2 {
    background: #fff url(../img/media/bg_ttl_cat_media.jpg) center no-repeat; }

.data-block dl {
  padding: 20px 0; }
.data-block dt {
  margin: 0;
  /* padding:0 0 0 20px; */
  padding: 0;
  line-height: 1.6;
  font-size: 1.3em;
  /* background:url(../img/common/ico_circle.png) left no-repeat; */ }
.data-block dd {
  overflow: hidden;
  /* padding:0 0 10px 20px; */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  line-height: 1.6;
  margin-bottom: 10px;
  border-bottom: 1px solid #333; }
  .data-block dd p.recommended-item-thumb {
    width: 110px;
    float: right;
    line-height: 1 !important; }

#magazine {
  margin-top: 50px;
  margin-bottom: 80px; }
  #magazine h3 {
    background: url(/assets/img/about/ttl_magazine.png) no-repeat;
    height: 35px;
    text-indent: -9999px; }

#setoguchi h3 {
  background: url(../img/media/ttl_setoguchi.png) no-repeat;
  height: 35px;
  text-indent: -9999px; }

#magazine dd, #setoguchi dd {
  padding-left: 5px; }

#irreg1 span {
  display: block;
  float: left; }
  #irreg1 span#right {
    margin-left: 20px; }

/*追加*/
#magazine div#media_lyt2 dl, #setoguchi div#media_lyt2 dl {
  border-bottom: solid 1px #902a2a;
  padding: 10px 0; }

#magazine div#media_lyt2 dl dt, #setoguchi div#media_lyt2 dl dt {
  width: 16em;
  float: left; }

#magazine div#media_lyt2 dl dd, #setoguchi div#media_lyt2 dl dd {
  float: left;
  border-bottom: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-bottom: 0; }

#media_lyt2 table {
  border-collapse: collapse;
  width: 100%; }
#media_lyt2 td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #333;
  line-height: 1.3em;
  text-align: left; }
#media_lyt2 th {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #333;
  line-height: 1.3em;
  text-align: left;
  width: 15em;
  margin-right: 1em; }

media_lyt2 {
  width: 16em;
  font-size: 12pt;
  text-align: left;
  font-weight: normal; }

/* --------------------------------------------------------------------

　江原道の哲学・肌づくり・製品づくり

-------------------------------------------------------------------- */
h1#philosophy {
  background: url(../img/about/philosophy/ttl_philosophy.png) no-repeat; }
h1#ttl_skin {
  background: url(../img/about/philosophy/ttl_skin.png) no-repeat; }
h1#ttl_product {
  background: url(../img/about/philosophy/ttl_product.png) no-repeat; }
h1#ttl_about {
  background: url(../img/about/philosophy/ttl_about.png) no-repeat; }

.philosophy_btnArea {
  width: 608px;
  margin: 100px auto 0 auto;
  width: 611px;
  margin: 100px auto 0 auto; }
  .philosophy_btnArea li {
    float: left; }
    .philosophy_btnArea li#center {
      margin: 0 21px; }

#setoguchi_prof {
  margin-top: 36px; }

/* --------------------------------------------------------------------

　江原道の歴史

-------------------------------------------------------------------- */
#ttl_cat_history {
  text-align: center;
  background: #fff; }
  #ttl_cat_history h2 {
    background: #fff url(../img/history/bg_ttl_cat_history.png) center no-repeat; }

#history-chronological {
  background: url(/img/history/bg_history-chronological.png) left repeat-y;
  overflow: hidden;
  margin-top: 30px; }

section.history-block {
  line-height: 1.5;
  clear: both; }
section#year_1986 {
  background: url(../img/history/year_1986.png) left top no-repeat; }
section#year_1987 {
  background: url(../img/history/year_1987.png) left top no-repeat; }
section#year_1988 {
  background: url(../img/history/year_1988.png) left top no-repeat; }
section#year_1989 {
  background: url(../img/history/year_1989.png) left top no-repeat; }
section#year_2004 {
  background: url(../img/history/year_2004.png) left top no-repeat; }
section#year_2005 {
  background: url(../img/history/year_2005.png) left top no-repeat; }
section#year_2007 {
  background: url(../img/history/year_2007.png) left top no-repeat; }
section#year_2008 {
  background: url(../img/history/year_2008.png) left top no-repeat; }
section#year_2008_09 {
  background: url(../img/history/year_2008_09.png) left top no-repeat; }
section#year_2009 {
  background: url(../img/history/year_2009.png) left top no-repeat; }
section#year_2010 {
  background: url(../img/history/year_2010.png) left top no-repeat; }
section#year_2010-09 {
  background: url(../img/history/year_2010-09.png) left top no-repeat; }
section#year_2011 {
  background: url(../img/history/year_2011.png) left top no-repeat; }
section#year_2011-01 {
  background: url(../img/history/year_2011-01.png) left top no-repeat; }
section#year_2011-05 {
  background: url(../img/history/year_2011-05.png) left top no-repeat; }
section#year_2011-09 {
  background: url(../img/history/year_2011-09.png) left top no-repeat; }
section#year_2012-02 {
  background: url(../img/history/year_2012-02.png) left top no-repeat; }
section#year_2012-03 {
  background: url(../img/history/year_2012-03.png) left top no-repeat; }
section#year_2007_10 {
  background: url(../img/history/year_2007_10.png) left top no-repeat; }
section#year_2008_04 {
  background: url(../img/history/year_2008_4.png) left top no-repeat; }
section#year_2008_11 {
  background: url(../img/history/year_2008_11.png) left top no-repeat; }
section#year_2009_03 {
  background: url(../img/history/year_2009_3.png) left top no-repeat; }
section#year_2009_04 {
  background: url(../img/history/year_2009_4.png) left top no-repeat; }
section#year_2009_05 {
  background: url(../img/history/year_2009_5.png) left top no-repeat; }
section#year_2009_11 {
  background: url(../img/history/year_2009_11.png) left top no-repeat; }
section#year_2010_04 {
  background: url(../img/history/year_2010_4.png) left top no-repeat; }
section#year_2011_11 {
  background: url(../img/history/year_2011_11.png) left top no-repeat; }
section#year_2012_03 {
  background: url(../img/history/year_2012_3.png) left top no-repeat; }
section#year_2012_04 {
  background: url(../img/history/year_2012_4.png) left top no-repeat; }
section#year_2012_09 {
  background: url(../img/history/year_2012_9.png) left top no-repeat; }
section#year_2012_11 {
  background: url(../img/history/year_2012_11.png) left top no-repeat; }
section#year_2013_03 {
  background: url(../img/history/year_2013_3.png) left top no-repeat; }
section#year_2013_05 {
  background: url(../img/history/year_2013_5.png) left top no-repeat; }
section#year_2013_09 {
  background: url(../img/history/year_2013_9.png) left top no-repeat; }
section#year_2013_11 {
  background: url(../img/history/year_2013_11.png) left top no-repeat; }
section#year_2013_12 {
  background: url(../img/history/year_2013_12.png) left top no-repeat; }
section#year_2014_02 {
  background: url(../img/history/year_2014_2.png) left top no-repeat; }
section#year_2014_03 {
  background: url(../img/history/year_2014_3.png) left top no-repeat; }
section#year_2014_04 {
  background: url(../img/history/year_2014_4.png) left top no-repeat; }
section#year_2014_09 {
  background: url(../img/history/year_2014_9.png) left top no-repeat; }
section#year_2014_11 {
  background: url(../img/history/year_2014_11.png) left top no-repeat; }
section#year_2015_6 {
  background: url(../img/history/year_2015_6.png) left top no-repeat; }

/*追加*/
div.history-block-child {
  overflow: hidden;
  width: 510px;
  padding: 25px 0 20px 0;
  margin-left: 168px;
  background: url(../img/common/bg_line-yoko.png) bottom repeat-x; }
div.history-thumb {
  width: 95px;
  float: left;
  margin: 0; }
  div.history-thumb p {
    margin: 0; }
div.history-text {
  float: left;
  width: 410px; }
  div.history-text h2, div.history-text p {
    margin: 0 auto; }
  div.history-text h2 {
    line-height: 1.0;
    margin: 0 0 10px 0; }
div#ttl_cat_tieup {
  text-align: center;
  background: #fff; }
  div#ttl_cat_tieup h2 {
    background: #fff url(../img/tieup/bg_ttl_cat_tieup.jpg) center no-repeat; }

/* --------------------------------------------------------------------

　タイアップ

-------------------------------------------------------------------- */
#tieup_tab ul {
  width: 100%;
  display: flex;
  justify-content: center; }
  #tieup_tab ul li {
    width: 90px;
    line-height: 26px;
    text-align: center;
    font-size: 11pt; }
    #tieup_tab ul li a {
      display: block;
      text-decoration: none;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff;
      font-size: 11pt; }
      #tieup_tab ul li a:hover {
        border-bottom: 1px solid #000;
        color: #eb0000; }
  #tieup_tab ul .active {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #000;
    color: #eb0000; }
  #tieup_tab ul #prev, #tieup_tab ul #next {
    width: 26px;
    height: 26px;
    text-decoration: none; }
  #tieup_tab ul #prev a, #tieup_tab ul #next a {
    border-color: #000 #000 #fff #000; }
  #tieup_tab ul #prev a:hover, #tieup_tab ul #next a:hover {
    border-bottom: #fff 1px solid; }

.line {
  border-bottom: solid 1px #585858;
  padding-bottom: 15px;
  margin-bottom: 20px;
  clear: both; }

#tieup-movie * {
  color: #fff; }
#tieup-movie a {
  color: #fff; }
#tieup-movie #right-side * {
  color: #fff; }
  #tieup-movie #right-side * .aside-title {
    color: #fff;
    text-indent: 0 !important;
    font-size: 20px;
    padding: 10px 0 0 10px;
    border-bottom: #652121 1px solid !important;
    margin-top: 0 !important;
    line-height: 37px !important; }
#tieup-movie #content-body {
  border-right: #652121 1px solid;
  margin-right: -1px; }

#artist-voice #right-side * {
  color: #fff; }
  #artist-voice #right-side * .aside-title {
    color: #fff;
    text-indent: 0 !important;
    font-size: 20px;
    padding: 10px 0 0 10px;
    border-bottom: #652121 1px solid !important;
    margin-top: 0 !important;
    line-height: 37px !important; }

#ttl_tieup-movie {
  background: url(/img/tieup/ttl_tieup-movie.png) no-repeat; }

#ttl_common {
  background: url(/img/common/ttl_common.png) no-repeat; }

#ttl_2014 {
  background: url(/img/tieup/2014/ttl_2014.png) no-repeat;
  margin-bottom: 20px; }

#ttl_2013 {
  background: url(/img/tieup/2013/ttl_2013.png) no-repeat;
  margin-bottom: 20px; }

#ttl_2012 {
  background: url(/img/tieup/2012/ttl_2012.png) no-repeat;
  margin-bottom: 20px; }

#ttl_2011 {
  background: url(/img/tieup/2011/ttl_2011.png) no-repeat;
  margin-bottom: 20px; }

#ttl_2010 {
  background: url(/img/tieup/2010/ttl_2010.png) no-repeat;
  margin-bottom: 20px; }

#ttl_2009 {
  background: url(/img/tieup/2009/ttl_2009.png) no-repeat;
  margin-bottom: 20px; }

#ttl_2008 {
  background: url(/img/tieup/2008/ttl_2008.png) no-repeat;
  margin-bottom: 20px; }

#ttl_2007 {
  background: url(/img/tieup/2007/ttl_2007.png) no-repeat;
  margin-bottom: 20px; }

#ttl_2006 {
  background: url(/img/tieup/2006/ttl_2006.png) no-repeat;
  margin-bottom: 20px; }

#ttl_2005 {
  background: url(/img/tieup/2005/ttl_2005.png) no-repeat;
  margin-bottom: 20px; }

.tieup-movie-list .box-child p:first-child {
  width: 150px;
  overflow: hidden; }

div.tieup-movie-list {
  overflow: hidden; }

section.movie-detail {
  background: url(/img/common/bg_line-yoko.png) bottom repeat-x;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  section.movie-detail h3 {
    font-size: 1.8em;
    margin: 0; }

div.movie-title {
  background: url(../img/common/bg_line-yoko.png) bottom repeat-x; }
div.movie-thumb {
  width: 315px;
  float: left;
  margin: 0; }
div.movie-text-type2 {
  float: left;
  width: 355px;
  margin: 0; }

.fw_b {
  font-weight: bold; }

div.movie-title {
  padding-bottom: 20px;
  color: #fff; }
  div.movie-title h3 {
    margin-bottom: 5px; }
  div.movie-title p {
    margin: 0; }

section.movie-detail {
  line-height: 1.5; }

/*
dl.staff-cast{
	clear:both;
	font-size:0.9em;
	background:#5a1919;
	padding:15px;
	}
*/
.staff-cast {
  clear: both;
  font-size: 0.9em;
  background: #333;
  padding: 15px;
  color: #fff; }

dl.staff-cast dt, dl.staff-cast dd {
  line-height: 1.5; }
dl.staff-cast dt {
  float: left;
  clear: both;
  width: 9em;
  font-weight: bold;
  padding: 8px 0; }
dl.staff-cast dd {
  padding: 8px 0 8px 9em; }

/* 過去のタイアップ一覧 */
.movie-element {
  border-bottom: solid 1px #585858;
  padding-bottom: 15px;
  margin-bottom: 20px; }
  .movie-element .box-child h3 {
    margin: 0 17px 0 0;
    padding: 5px 0;
    font-size: 10pt; }
  .movie-element .box-child p {
    margin: 0 17px 5px 0;
    padding: 0;
    line-height: 1.5;
    font-size: 8pt; }

.tieup-archive dl dt {
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 5px; }
.tieup-archive dl dd {
  margin-bottom: 30px; }
  .tieup-archive dl dd ul li {
    text-indent: -3em;
    padding-left: 3em;
    line-height: 1.8; }

/* タイアップが少ない場合の高さ取得 */
.bheight {
  height: 600px; }

.act1 {
  font-size: 1.4em; }

.act2 {
  font-size: 0.8em; }

.act3 {
  font-size: 1.2em; }

.act4 {
  font-size: 0.9em; }

/* --------------------------------------------------------------------

　タイアップリニューアル

-------------------------------------------------------------------- */
ul#his li {
  float: left; }

div.tieup-archive {
  margin-bottom: 20px; }
  div.tieup-archive dl {
    width: 320px;
    float: left; }
    div.tieup-archive dl.right_col {
      width: 320px;
      float: right; }
    div.tieup-archive dl dt {
      font-size: 11pt;
      font-weight: bold;
      margin-bottom: 5px; }
    div.tieup-archive dl dd ul li {
      line-height: 1.8;
      padding-left: 4em;
      text-indent: -4em; }

#titup_bg {
  background: url(/img/tieup/common/tieup_main.jpg) 0 0 no-repeat;
  background-color: #000;
  padding-bottom: 30px; }
  #titup_bg p {
    margin: 0;
    padding: 0; }
    #titup_bg p#tieup_logo {
      padding-top: 99px;
      padding-left: 60px;
      margin-bottom: 93px; }
    #titup_bg p#headTxt1 {
      line-height: 1.8;
      width: 615px;
      margin-left: 45px;
      text-align: center;
      margin-bottom: 10px; }
    #titup_bg p#headTxt2 {
      margin-bottom: 30px;
      margin-left: 45px;
      width: 615px;
      text-align: right; }
    #titup_bg p#headTxt3 {
      margin-left: 45px;
      width: 615px;
      text-align: right; }
    #titup_bg p#headTxt4 {
      margin-left: 92px;
      margin-top: 72px;
      padding-bottom: 22px; }

ul#year li {
  float: left; }
  ul#year li#current {
    border-bottom: none; }
  ul#year li#next, ul#year li#prev {
    border: none; }
  ul#year li#next_none {
    margin-left: 28px; }
  ul#year li#prev_none {
    margin-right: 28px; }

#titup_bg #content-body-inner {
  width: 670px;
  margin: 0 auto;
  padding-top: 30px; }

.current {
  border-bottom: none; }

div#content-body-inner p.yearList {
  font-size: 1.3em;
  margin-bottom: 20px;
  color: #F00;
  border-bottom: solid 1px #585858;
  padding-bottom: 10px; }
div#ttl_cat_voice {
  text-align: center;
  background: #fff; }
  div#ttl_cat_voice h2 {
    background: #fff url(../img/voice/bg_ttl_cat_voice.jpg) center no-repeat; }

/* --------------------------------------------------------------------

　アーティストボイス

-------------------------------------------------------------------- */
#artist-voice, #right-side {
  color: #fff; }
  #artist-voice a:link, #artist-voice a:visited, #right-side a:link, #right-side a:visited {
    color: #fff; }
  #artist-voice #content-body, #right-side #content-body {
    border-right: #652121 1px solid;
    margin-right: -1px; }

h1#ttl_artist-voice {
  background: url(/img/voice/ttl_artist-voice.png) no-repeat; }

section.individual-voice {
  background-color: #480e0e;
  margin-bottom: 30px;
  line-height: 1.8 !important;
  border: #902a2a 1px solid; }
  section.individual-voice a:visited {
    color: #000; }
  section.individual-voice dl {
    border-top: #902a2a 1px solid;
    padding-top: 20px;
    margin-top: 20px; }
    section.individual-voice dl * {
      line-height: 1.6; }
    section.individual-voice dl dt {
      font-weight: bold; }

div.individual-voice_bg {
  background: url(../img/voice/voiceBg.jpg) right bottom no-repeat;
  padding: 30px; }
div.individual-voice_bg2 {
  background: url(../img/voice/voiceBg2.jpg) right bottom no-repeat;
  padding: 30px 30px 15px 30px; }

.voice-text {
  margin-bottom: 45px; }
  .voice-text h1 {
    margin-bottom: 16px; }

.artist-profile {
  border-top: solid 1px #902a2a;
  padding-top: 10px; }
  .artist-profile p {
    margin: 0; }

.artist-photo {
  float: left;
  width: 97px;
  margin: 0; }

.artist-txt {
  float: right;
  width: 491px; }
  .artist-txt p {
    margin: 0; }

p.artistName {
  margin-bottom: 16px; }

#gossips {
  width: 408px;
  float: left;
  margin-top: 5px; }
  #gossips ul li {
    float: left;
    padding-right: 10px; }

#gossips_txt {
  margin-top: 160px;
  font-size: 0.8em; }

#gossips_txt2 {
  font-size: 0.9em;
  margin-top: 5px; }

#gossips p {
  font-size: 0.9em; }

/* --------------------------------------------------------------------

　製品についての考え方

-------------------------------------------------------------------- */
div#ttl_cat_feeling {
  text-align: center;
  background: #fff; }
  div#ttl_cat_feeling h2 {
    background: #fff url(/img/about/feeling/bg_ttl_cat_feeling.jpg) center no-repeat; }

h1#ttl_feeling {
  background: url(/img/about/feeling/ttl_feeling.png) no-repeat; }

section#feeling1 {
  background: url(../img/about/feeling/bg_feeling01.png);
  height: 483px;
  text-indent: -9999px;
  margin-top: 50px; }
section#feeling2 {
  background: url(../img/about/feeling/bg_feeling02.png);
  height: 525px;
  text-indent: -9999px; }
section#feeling3 {
  background: url(../img/about/feeling/bg_feeling03.png);
  height: 567px;
  text-indent: -9999px; }

/* --------------------------------------------------------------------

　プライバシーポリシー

-------------------------------------------------------------------- */
.policy-paragraph {
  margin-top: 50px; }
  .policy-paragraph * {
    line-height: 1.8 !important; }
  .policy-paragraph h1 {
    font-size: 12pt;
    background: #480E0E;
    box-shadow: 0 0 0 1px #000000, 0 0 0 2px #892828;
    margin: 2px 2px 20px;
    padding: 5px 10px; }

p.policy-summary {
  border-bottom: #892828 1px solid;
  padding-bottom: 10px; }

dl.policy-list dt {
  font-weight: bold; }
dl.policy-list dd {
  margin-left: 30px;
  margin-bottom: 30px; }
  dl.policy-list dd table {
    border-collapse: collapse; }
  dl.policy-list dd td, dl.policy-list dd th {
    border: #892828 1px solid;
    padding: 8px; }

#cinema_awards2013 {
  width: 300px;
  float: right;
  text-align: right; }
  #cinema_awards2013 #awards {
    margin: 0; }
  #cinema_awards2013 #best {
    margin: 0 0 10px 0; }

#cosme_ranking2016 p, #cosme_ranking2016 dl {
  float: left; }
#cosme_ranking2016 p {
  margin-right: 30px;
  margin-top: 0; }

/*アーティストボイス改修*/
#tieup-movie a:link, #tieup-movie a:visited {
  color: #fff; }
#tieup-movie p {
  color: #fff; }

div.tieup-movie {
  margin-bottom: 40px; }
  div.tieup-movie a {
    color: #000; }
  div.tieup-movie section {
    background-color: #FFF;
    color: #000;
    padding: 30px; }
    div.tieup-movie section .photo {
      width: 140px;
      float: left; }
      div.tieup-movie section .photo img {
        border: solid 1px #7d7d7e; }
    div.tieup-movie section .profile {
      float: left;
      padding-left: 30px;
      width: 440px; }
      div.tieup-movie section .profile h4 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px; }
        div.tieup-movie section .profile h4 span {
          font-size: 18px; }
      div.tieup-movie section .profile p {
        line-height: 1.8; }
        div.tieup-movie section .profile p a:link, div.tieup-movie section .profile p a:visited {
          color: #000;
          font-weight: bold; }
        div.tieup-movie section .profile p a:hover {
          color: #bf0d1b; }
      div.tieup-movie section .profile dt {
        font-weight: bold;
        line-height: 1.8; }
      div.tieup-movie section .profile dd {
        line-height: 1.8; }
        div.tieup-movie section .profile dd a:link, div.tieup-movie section .profile dd a:visited {
          color: #000; }
        div.tieup-movie section .profile dd a:hover {
          color: #bf0d1b; }
  div.tieup-movie p.comment {
    line-height: 1.8;
    font-size: 13px; }
  div.tieup-movie section div.favoriteBox {
    background-color: #f4eff2;
    padding: 20px 30px; }
    div.tieup-movie section div.favoriteBox .item {
      margin-bottom: 10px; }
      div.tieup-movie section div.favoriteBox .item dt {
        color: #bf0d1b;
        font-weight: bold;
        float: left;
        line-height: 1.4; }
      div.tieup-movie section div.favoriteBox .item dd {
        padding-left: 8.5em;
        line-height: 1.4; }
    div.tieup-movie section div.favoriteBox .reason dt {
      color: #bf0d1b;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 6px; }
    div.tieup-movie section div.favoriteBox .reason dd {
      line-height: 1.4; }
  div.tieup-movie p.anc_top {
    margin-top: 5px;
    text-align: right;
    margin-bottom: 0; }
    div.tieup-movie p.anc_top a {
      color: #FFF; }
      div.tieup-movie p.anc_top a:hover, div.tieup-movie p.anc_top a:visited {
        color: #FFF; }

.item dd a {
  color: #000; }
  .item dd a:visited {
    color: #000; }
  .item dd a:hover {
    color: #bf0d1b; }

div.artistList {
  width: 112px; }

.artist_name {
  text-align: center;
  font-weight: bold;
  line-height: 1.4; }

span.artist_name1 {
  font-size: 16px; }
span.artist_name2 {
  font-size: 10px;
  font-weight: normal; }

#artistListBox .artistList {
  float: left;
  margin-right: 27px;
  margin-bottom: 16px; }
#artistListBox div.last {
  margin-right: 0; }

#arTop {
  border-top: solid 1px #888686;
  padding-top: 40px; }

/*アーティストボイス改修*/
div.voiceBox {
  margin-bottom: 40px; }
  div.voiceBox section {
    background-color: #FFF;
    color: #000;
    padding: 30px; }
    div.voiceBox section .photo {
      width: 140px;
      float: left; }
      div.voiceBox section .photo img {
        border: solid 1px #7d7d7e; }
    div.voiceBox section .profile {
      float: left;
      padding-left: 30px;
      width: 440px; }
      div.voiceBox section .profile h4 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px; }
        div.voiceBox section .profile h4 span {
          font-size: 18px; }
      div.voiceBox section .profile p {
        line-height: 1.8; }
        div.voiceBox section .profile p a:link, div.voiceBox section .profile p a:visited {
          color: #000;
          font-weight: bold; }
        div.voiceBox section .profile p a:hover {
          color: #bf0d1b; }
      div.voiceBox section .profile dt {
        font-weight: bold;
        line-height: 1.8; }
      div.voiceBox section .profile dd {
        line-height: 1.8; }
        div.voiceBox section .profile dd a:link, div.voiceBox section .profile dd a:visited {
          color: #000 !important; }
        div.voiceBox section .profile dd a:hover {
          color: #bf0d1b; }
  div.voiceBox p.comment {
    line-height: 1.8;
    font-size: 13px; }
  div.voiceBox section div.favoriteBox {
    background-color: #f4eff2;
    padding: 20px 30px; }
    div.voiceBox section div.favoriteBox .item {
      margin-bottom: 10px; }
      div.voiceBox section div.favoriteBox .item dt {
        color: #bf0d1b;
        font-weight: bold;
        float: left;
        line-height: 1.4; }
        div.voiceBox section div.favoriteBox .item dt a {
          color: #000 !important; }
      div.voiceBox section div.favoriteBox .item dd {
        padding-left: 8.5em;
        line-height: 1.4; }
    div.voiceBox section div.favoriteBox .reason dt {
      color: #bf0d1b;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 6px; }
    div.voiceBox section div.favoriteBox .reason dd {
      line-height: 1.4; }
  div.voiceBox p.anc_top {
    margin-top: 5px;
    text-align: right;
    margin-bottom: 0; }
    div.voiceBox p.anc_top a {
      color: #FFF; }
      div.voiceBox p.anc_top a:hover, div.voiceBox p.anc_top a:visited {
        color: #FFF; }

.item dd a {
  color: #000; }
  .item dd a:visited {
    color: #000; }
  .item dd a:hover {
    color: #bf0d1b; }

div.artistList {
  width: 112px; }

.artist_name {
  text-align: center;
  font-weight: bold;
  line-height: 1.4; }

span.artist_name1 {
  font-size: 16px; }
span.artist_name2 {
  font-size: 10px;
  font-weight: normal; }

#artistListBox .artistList {
  float: left;
  margin-right: 27px;
  margin-bottom: 16px; }
#artistListBox div.last {
  margin-right: 0; }

#arTop {
  border-top: solid 1px #888686;
  padding-top: 40px; }

/* --------------------------------------------------------------------

　ブランドコンセプト

-------------------------------------------------------------------- */
/*170401　瀬戸口プロフィール*/
#philosophy .main p {
  font-size: 13pt !important;
  line-height: 2 !important; }
#philosophy .main .typesquare_option {
  margin: 0 !important;
  padding: 0 !important; }
#philosophy .main h3 {
  border-bottom: #D90517 2px solid;
  display: inline-block;
  font-size: 17pt; }
#philosophy .main .title {
  font-size: 40px;
  padding: 60px 0 0 0 !important; }
#philosophy .main .logo {
  margin-top: 0;
  margin-bottom: 70px; }
#philosophy .sub {
  padding-top: 65px;
  border-top: solid 1px #777; }
  #philosophy .sub .typesquare_option {
    margin: 0;
    padding: 0; }
  #philosophy .sub .title {
    font-size: 18px;
    margin-bottom: 45px !important;
    border-bottom: #D90517 2px solid;
    display: inline-block; }
  #philosophy .sub p {
    font-size: 11.5pt;
    line-height: 2 !important; }
  #philosophy .sub ul {
    padding-top: 37px !important;
    padding-bottom: 40px !important; }
    #philosophy .sub ul li {
      font-size: 12pt;
      line-height: 2 !important; }
#philosophy .about-bd {
  margin-top: 70px;
  border: solid 1px #000;
  padding-top: 35px !important;
  padding-bottom: 35px !important; }
  #philosophy .about-bd .inner {
    width: 600px !important;
    margin: auto !important;
    display: flex;
    justify-content: space-between; }
    #philosophy .about-bd .inner h4 {
      font-size: 14.5pt;
      margin-top: 1em;
      margin-bottom: 1em; }
    #philosophy .about-bd .inner .thumb {
      width: 112px; }
      #philosophy .about-bd .inner .thumb img {
        width: 100%;
        height: auto; }
    #philosophy .about-bd .inner .content {
      width: 460px; }
    #philosophy .about-bd .inner .bd * {
      line-height: 1;
      padding: 0;
      margin: 0; }
    #philosophy .about-bd .inner .bd .bd-title {
      font-size: 9px; }
    #philosophy .about-bd .inner .bd .name {
      font-size: 15px;
      font-weight: bold;
      padding: 5px 0; }
    #philosophy .about-bd .inner .bd .info {
      font-size: 10px; }
    #philosophy .about-bd .inner .bd p.desc {
      font-size: 12px !important;
      line-height: 1.5;
      margin-top: 15px; }

/*  EOF  */
/*===================================================================
 about.css
=================================================================== */
.bg-white #container a {
  color: #000 !important; }

#right-side {
  color: #000 !important; }

/* --------------------------------------------------------------------
　PRESS
-------------------------------------------------------------------- */
#press-body > h2 {
  margin-bottom: 30px; }

/* ヘッダー */
#ttl_cat_press {
  background: #0d0c12; }
  #ttl_cat_press h2 {
    background: url(/img/company/press/bg_ttl_cat_press.jpg) center no-repeat; }

#press-body * {
  line-height: 1.6; }
#press-body h3 {
  line-height: 1.5;
  text-align: left !important; }

.individual-press {
  margin-bottom: 70px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000; }
  .individual-press h3 {
    border-bottom: #333 2px solid;
    /* background:url(/img/common/bg_line-yoko.png) bottom repeat-x; */
    font-size: 1.5em;
    padding-bottom: 10px; }

.press-detail th {
  padding: 0;
  vertical-align: top; }
.press-detail td {
  padding: 0;
  vertical-align: top; }
  .press-detail td.left-box {
    padding-right: 20px; }

/*table.press-detail td:first-child{
	padding-right:10px;
	}
*/
.press-common-dl {
  margin-bottom: 10px; }
  .press-common-dl dt {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 5px; }
  .press-common-dl dd {
    padding-left: 1em;
    margin-bottom: 8px; }

.margin-list li {
  margin-bottom: 8px; }

div.contact {
  text-align: center;
  border: #902a2a 1px solid;
  margin-top: 30px; }

.oversea-shops td {
  padding-bottom: 10px; }

#press-body div.itemCol3 div.itemIndv p {
  line-height: 1.4; }

.itemCol3 .itemIndv {
  width: 203px;
  float: left; }
.itemCol3 .itemCent {
  margin-left: 24px;
  margin-right: 23px; }

.itemIndv img {
  border: #ccc 1px solid; }

.detailTbl_border {
  background: #892828; }

.Pressdetail_Tbl td {
  padding: 5px 10px;
  background-color: #551212; }

.PressPhoto {
  float: left;
  width: 203px; }

.PressTxt {
  width: 440px;
  float: right; }

#academy_awards {
  margin-bottom: 40px; }
  #academy_awards li img {
    margin-bottom: 5px; }
  #academy_awards li#left {
    float: left;
    margin-right: 30px;
    width: 165px;
    height: 243px;
    text-align: right;
    font-size: 8pt;
    background: url(/img/company/press/2013/03/academy02.jpg) 0 0 no-repeat; }
  #academy_awards li#right {
    float: left;
    width: 360px;
    height: 243px;
    text-align: right;
    font-size: 8pt;
    background: url(/img/company/press/2013/03/academy01.jpg) 0 0 no-repeat; }

#nominate li {
  width: 150px;
  margin-right: 20px;
  float: left; }
  #nominate li span {
    font-size: 8pt; }
  #nominate li#last {
    margin-right: 0; }

#press-body #setlist {
  border-left: solid 5px #902a2a;
  padding-left: 5px;
  font-size: 12pt;
  line-height: 1.4; }

.news_item_list01 dd {
  margin-bottom: 15px;
  margin-left: 1em; }
.news_item_list01 p {
  margin-top: 5px;
  margin-bottom: 5px; }

.itemName {
  font-size: 1.2em; }

#press-body dl.setInc dd li {
  line-height: 1.8; }

/* アカデミー賞 */
#academy_awards2014 {
  margin-bottom: 20px; }
  #academy_awards2014 div {
    width: 285px;
    float: left;
    padding-right: 10px; }
  #academy_awards2014 p {
    margin: 0;
    padding: 0; }
    #academy_awards2014 p#academy_awards2014_ttl {
      font-size: 1.4em;
      margin-bottom: 10px; }
    #academy_awards2014 p span {
      font-weight: bold; }
    #academy_awards2014 p.actxt {
      margin-bottom: 10px; }
    #academy_awards2014 p span#cpr {
      font-size: 8pt;
      font-weight: normal; }

#profile2 .profile_txt {
  float: left;
  width: 540px;
  margin: 0;
  padding-left: 30px; }
#profile2 .profile_photo {
  float: left;
  width: 100px;
  margin: 0; }

/*
.bangumi{
   border-collapse: collapse!important;
   border-bottom: #892828 1px solid!important;
   margin-bottom: 15px !important;
   width: 100%!important;
}

.bangumi th{
   background-color:#480E0E!important;
   color:#fff!important;
   padding:8px!important;
   vertical-align:middle!important;
   border: #892828 1px solid!important;
   text-align: center!important;}


.bangumi td{  
   background-color:#551212!important; 
   padding:8px!important;
   vertical-align:middle!important;
   border: #892828 1px solid!important;}

.bangumi th,
.bangumi td{
   border: #892828 1px solid!important;
}
*/
/* 白背景のときはこっち */
.bangumi {
  border-collapse: collapse !important;
  margin-bottom: 15px !important;
  width: 100% !important; }
  .bangumi th {
    background-color: #efefef !important;
    border: 1px solid #333 !important;
    color: #000 !important;
    padding: 8px !important;
    vertical-align: middle !important; }
  .bangumi td {
    background-color: #fff !important;
    border: 1px solid #333 !important;
    padding: 8px !important;
    vertical-align: middle !important; }

.annotation_text {
  margin-top: 0 !important;
  clear: both !important; }

/* --------------------------------------------------------------------

　information

-------------------------------------------------------------------- */
/* テキストタイトル */
h1#ttl_kohgendo-information {
  background: url(../img/company/information/ttl_kohgendo-information.png) no-repeat; }

div#left_txt {
  width: 330px;
  float: left; }

p#right_img {
  width: 250px;
  float: right; }

.cautionP {
  margin-left: 1em;
  text-indent: -1em; }

.line1 {
  border: solid 1px #892828;
  padding: 10px; }

/* --------------------------------------------------------------------

　COMPANY

-------------------------------------------------------------------- */
/* ヘッダー */
#ttl_cat_company {
  background: #0d0c12; }
  #ttl_cat_company h2 {
    background: url(/img/company/bg_ttl_cat_company.jpg) center no-repeat; }

/* テキストタイトル */
#ttl_company {
  background: url(../img/company/ttl_company.png) no-repeat; }

#company-info dt {
  width: 8em;
  float: left;
  clear: both;
  padding: 10px 0;
  line-height: 1.8;
  font-weight: bold; }
#company-info dd {
  padding: 10px 10px 10px 9em;
  line-height: 1.8;
  /* background:url(../img/common/bg_line-yoko.png) bottom repeat-x; */
  border-bottom: 1px solid #333; }

footer#salon-access {
  width: 670px; }

/* --------------------------------------------------------------------
　RECRUITE
-------------------------------------------------------------------- */
/* ヘッダー */
#ttl_cat_recruite {
  background: #0d0c12; }
  #ttl_cat_recruite h2 {
    background: url(/img/company/recruite/bg_ttl_cat_recruite.jpg) center no-repeat; }

/* テキストタイトル */
#ttl_recruite {
  background: url(../img/company/recruite/ttl_recruite.png) no-repeat; }

#recruite-body {
  line-height: 1.5;
  margin: 20px 0; }
  #recruite-body h2 {
    font-size: 14pt;
    /* background:url(../img/common/bg_line-yoko.png) bottom repeat-x; */
    padding: 30px 0 20px 0;
    border-bottom: 1px solid #333; }

#recruite-info dt {
  width: 8em;
  float: left;
  clear: both;
  padding: 10px 0;
  line-height: 1.8;
  font-weight: bold; }
#recruite-info dd {
  padding: 10px 10px 10px 8em;
  line-height: 1.8;
  /* background:url(../img/common/bg_line-yoko.png) bottom repeat-x; */
  border-bottom: 1px solid #333; }

#salon_image li {
  float: left; }
  #salon_image li#center {
    margin: 0 10px; }

.job_wrap {
  border-top: 1px solid #ccc;
  padding: 3rem 0 0 0;
  margin-top: 2rem; }
  @media only screen and (max-width: 767px) {
    .job_wrap {
      margin-top: 0;
      padding-top: 0;
      border: none; } }
  .job_wrap__inner {
    display: flex;
    gap: 1rem;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .job_wrap__inner {
        display: block; } }
    .job_wrap__inner .job-type-image {
      width: 35%; }
      @media only screen and (max-width: 767px) {
        .job_wrap__inner .job-type-image {
          width: 100%;
          margin-bottom: 2em; } }
    .job_wrap__inner .job-type-title {
      font-weight: bold !important;
      font-size: 18px !important;
      margin-bottom: 1em; }
      @media only screen and (max-width: 767px) {
        .job_wrap__inner .job-type-title {
          margin-bottom: 0; } }
    .job_wrap__inner .job-type-detail {
      width: 63%; }
      @media only screen and (max-width: 767px) {
        .job_wrap__inner .job-type-detail {
          width: 100%; } }

.more {
  text-align: right;
  line-height: 1 !important; }
  @media only screen and (max-width: 767px) {
    .more {
      margin-top: 1em; } }
  .more span {
    background: #efefef;
    display: inline-block;
    text-align: center;
    width: 9em;
    line-height: 1 !important;
    padding: 0.7em 0; }
    @media only screen and (max-width: 767px) {
      .more span {
        background-color: transparent;
        width: 100%; } }
    .more span:hover {
      cursor: pointer; }
    .more span img {
      width: 13px;
      height: auto;
      vertical-align: middle; }

.job-table {
  margin-top: 1em;
  border-collapse: collapse; }
  @media only screen and (max-width: 767px) {
    .job-table {
      margin-bottom: 3em; } }
  .job-table th, .job-table td {
    border-collapse: collapse;
    padding: 1em;
    border: 1px solid #ccc; }
    @media only screen and (max-width: 767px) {
      .job-table th, .job-table td {
        width: calc(100% - 2em);
        display: block; } }
  .job-table th {
    width: 5em;
    text-align: left;
    background-color: #efefef; }
    @media only screen and (max-width: 767px) {
      .job-table th {
        width: calc(100% - 2em);
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        border-bottom: none;
        border-top: none; } }
  .job-table td {
    line-height: 1.5; }
  .job-table .headline {
    background-color: #efefef;
    font-weight: bold; }

.list-child {
  text-indent: -1em;
  padding-left: 1em; }

@media only screen and (max-width: 767px) {
  .job-type-title {
    width: 90vw;
    margin-left: -20px;
    padding: 0 5vw !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 160px;
    border-bottom: 1px solid #fff; }
    .job-type-title .more {
      text-align: left;
      line-height: 1.5 !important; }
      .job-type-title .more span {
        width: 90vw;
        background-image: url("/assets/img/common/arrow_right.png");
        background-position: right center;
        background-repeat: no-repeat;
        text-align: left !important;
        background-size: 1em auto;
        line-height: 1.5 !important;
        display: block !important; } }

@media only screen and (max-width: 767px) {
  .esthe .job-type-title {
    background-image: url("/assets/img/company/recruite/saiyou_banner_BA_SP_A.jpg"); } }

@media only screen and (max-width: 767px) {
  .eigyo .job-type-title,
  .design .job-type-title {
    background-image: url("/assets/img/company/recruite/saiyou_banner_OF_SP_A.jpg"); } }

@media only screen and (max-width: 767px) {
  .esthe .job-type-title,
  .eigyo .job-type-title,
  .design .job-type-title {
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    min-height: 160px;
    background-color: rgba(255, 255, 255, 0.9);
    background-blend-mode: lighten; } }

@media only screen and (max-width: 767px) {
  .job_detail {
    padding-top: 2em; } }

/* --------------------------------------------------------------------
　PLIVACY POLICY
-------------------------------------------------------------------- */
/* ヘッダー */
#ttl_cat_policy {
  background: #0d0c12; }
  #ttl_cat_policy h2 {
    background: url(/img/company/policy/bg_ttl_cat_policy.jpg) center no-repeat; }

/* テキストタイトル */
#ttl_policy {
  background: url(../img/company/policy/ttl_policy.png) no-repeat; }

.policy-paragraph h2 {
  font-size: 12pt;
  /* background:#480E0E; */
  /* box-shadow: 0 0 0 1px #000000, 0 0 0 2px #892828; */
  border-bottom: #333 2px solid;
  font-size: 1.3em;
  margin: 2px 2px 20px;
  padding: 5px 10px;
  color: #000; }

/* --------------------------------------------------------------------
　SITE MAP
-------------------------------------------------------------------- */
/* テキストタイトル */
#ttl_sitemap {
  background: url(../img/company/sitemap/ttl_sitemap.png) no-repeat; }

/* サイトマップのカテゴリー */
.site-map-cat {
  padding: 20px 0 25px 0;
  /* background:url(../img/common/bg_line-yoko.png) bottom repeat-x; */
  border-bottom: 1px solid #333;
  overflow: hidden; }
  .site-map-cat * {
    line-height: 1.8; }

.policy-summary {
  border-bottom: 1px solid #333 !important; }

.policy-list dd table td, .policy-list dd table th {
  border: 1px solid #000 !important; }

footer.salon-access {
  background: #EFEFEF none repeat scroll 0 0 !important;
  margin-top: 35px;
  padding: 30px; }

.site-map-cat h2 {
  width: 180px;
  float: left;
  margin-top: 10px;
  font-size: 12pt;
  height: 20px;
  text-indent: -9999px; }

#cat-about h2 {
  background: url(../img/company/sitemap/ttl_sitemap-cat.png) left top no-repeat; }

#cat-product h2 {
  background: url(../img/company/sitemap/ttl_sitemap-cat.png) left -20px no-repeat; }

#cat-salon h2 {
  background: url(../img/company/sitemap/ttl_sitemap-cat.png) left -40px no-repeat; }

#cat-shop h2 {
  background: url(../img/company/sitemap/ttl_sitemap-cat.png) left -60px no-repeat; }

#cat-company h2 {
  background: url(../img/company/sitemap/ttl_sitemap-cat.png) left -80px no-repeat; }

.site-map-cat div.link-list {
  width: 490px;
  float: left; }

.link-list a:link, .link-list a:visited {
  text-decoration: none; }
.link-list a:hover {
  text-decoration: underline; }
.link-list dl.aside-link-list {
  margin: 0; }
  .link-list dl.aside-link-list dt {
    width: 13em;
    float: left;
    clear: both;
    padding: 10px 0; }
  .link-list dl.aside-link-list dd {
    padding: 10px 0 10px 13em;
    border-bottom: #2a0909 1px dotted; }

#color2 {
  width: 220px;
  float: left; }

#color3 {
  width: 450px;
  float: left; }

/*===================================================================

取扱店舗

=================================================================== */
.sp {
  display: none; }

.pc {
  display: inline-block; }

#about-media a:link, #about-media a:visited {
  color: #000 !important; }

/* ヘッダー画像非表示 */
div.ttl_category {
  display: none; }

/* 右サイド */
p#aside-ttl_shop {
  background: url(/assets/img/shop/aside-ttl_shop.png) no-repeat;
  margin-top: 0; }

ul.side-banner {
  margin-left: 20px;
  margin-top: 15px; }
  ul.side-banner li {
    margin-bottom: 10px; }

/* --------------------------------------------------------------------
　取扱店舗TOP
-------------------------------------------------------------------- */
div#ttl_cat_media {
  text-align: center;
  background: #fff url(../img/media/bg_ttl_cat_media2.png); }
  div#ttl_cat_media h2 {
    background: #fff url(../img/media/bg_ttl_cat_media.jpg) center no-repeat; }

h1#variety-shop {
  background: url(/assets/img/shop/ttl_variety-shop.png) no-repeat; }

/* 
　地図
-------------------------------------------------------------------- */
section#shop-search {
  margin-top: 40px; }
  section#shop-search div#shop-area {
    position: relative;
    width: 670px;
    height: 488px; }
  section#shop-search h2 {
    background: url(/assets/img/shop/ttl_shop-search.png) no-repeat;
    height: 65px;
    text-indent: -9999px; }

p#map-box {
  width: 660px;
  height: 478px;
  padding: 10px 0;
  border: #555555 5px solid; }

div#shop-area {
 /*
dl {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 20px;
  width: 400px;
}
dt {
  float: left;
  width: 107px;
  margin-right: 10px;
  line-height: 25px;
  padding-bottom: 10px;
  text-align: center;
}
dd {
  padding-left: 107px;
  padding-bottom: 10px;
  line-height: 25px;
}
 
 */ }
  div#shop-area table {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 20px;
    width: 400px; }
    div#shop-area table td {
      padding-bottom: 5px;
      line-height: 1.5; }

#oversea a, #shop a {
  color: #000 !important; }

section#shop-news {
  margin-top: 50px; }
  section#shop-news h2#ttl_shop-news {
    background: url(/assets/img/shop/ttl_shop-news.png) no-repeat;
    height: 65px;
    text-indent: -9999px;
    margin-bottom: 20px; }
section.shop-news-individual {
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: #000 1px solid;
  line-height: 1.8; }

div.shop-news-summary {
  float: right;
  width: 425px; }

p.shop-news-thumbnail {
  width: 210px;
  float: left;
  margin: 0 35px 0 0; }

section.shop-news-individual h3 {
  font-size: 1.2em; }

/* --------------------------------------------------------------------
　取扱店舗リスト
-------------------------------------------------------------------- */
table.shop-list-table {
  border-collapse: collapse;
  width: 100%; }
  table.shop-list-table td {
    border: #000 1px solid;
    padding: 8px 10px;
    line-height: 1.5; }

td.bt_map {
  width: 1%; }

/* 各県名 */
h2.pref-name {
  line-height: 70px;
  /* text-indent:-9999px; */
  margin-bottom: 10px;
  background: none !important;
  border-bottom: #000 1px solid;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 50px;
  margin-bottom: 15px;
  padding-top: 15px;
  text-align: left; }

.country_link {
  display: flex;
  justify-content: center;
  padding: 0 0 10px 0; }
  .country_link li {
    width: 50%;
    background: #ccc;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    margin: 10px 5px;
    line-height: 1.3; }
    .country_link li a {
      text-decoration: none;
      display: block;
      padding: 10px 5px; }

/* --------------------------------------------------------------------
　ニュース
-------------------------------------------------------------------- */
h1#variety-shop-news {
  background: url(/assets/img/shop/ttl_variety-shop-news.png) no-repeat; }

section.shop-limited-news {
  margin: 50px 0;
  padding-bottom: 30px; }
  section.shop-limited-news h1 {
    background: url(../img/common/bg_line-yoko.png) bottom repeat-x;
    padding-bottom: 15px;
    font-size: 1.2em;
    margin-bottom: 20px; }
    section.shop-limited-news h1 span {
      background: url(/assets/img/shop/ico_variety.png) top left no-repeat;
      padding-left: 140px;
      display: block;
      line-height: 1.3; }

/*  EOF  */
/*===================================================================

 salon.css

=================================================================== */
#about-media a:link, #about-media a:visited {
  color: #000 !important; }

/* --------------------------------------------------------------------
　サロンリスト
-------------------------------------------------------------------- */
/* ヘッダー画像 */
div#ttl_cat_salon {
  text-align: center;
  background: #090909; }
  div#ttl_cat_salon h2 {
    background: #090909 url(/assets/img/salon/bg_ttl_cat_salon.jpg) center no-repeat; }

/* ページタイトル */
#salon-list {
  background: url(/assets/img/salon/ttl_salon-list.png) no-repeat; }

#aside-ttl_salon-list {
  background: url(/img/salon/aside-ttl_salon-list.png) no-repeat; }

/* 右サイド */
p#aside-ttl_salon-list {
  background: url(/img/salon/aside-ttl_salon-list.png) no-repeat;
  margin-top: 0; }

/* サロン情報 */
section.salon-box {
  border-top: #000000 1px solid;
  border-bottom: #000000 1px solid;
  margin: 30px 0;
  padding: 20px;
  overflow: hidden; }
  section.salon-box div.salon-thumb {
    width: 400px;
    float: left; }
    section.salon-box div.salon-thumb p {
      margin: 0; }
  section.salon-box div.salon-data {
    float: left;
    width: 230px;
    line-height: 1.5; }

div.salon-data h2 {
  text-align: left;
  font-size: 16pt;
  color: #000; }
div#azabu-info {
  clear: both;
  padding-top: 20px; }
  div#azabu-info dl * {
    line-height: 1.5 !important; }
  div#azabu-info dl dt {
    background: url(../img/idx/bg_news-date.png) left no-repeat;
    padding-left: 15px;
    font-weight: bold;
    margin-bottom: 5px; }

/* 麻布サロンのみインフォ */
/*麻布メインビジュアル*/
#main_bg {
  background: #000;
  padding: 5px;
  margin-top: 30px; }

#view_area {
  position: relative;
  width: 660px;
  height: 330px; }
  #view_area p {
    position: absolute;
    top: 0;
    left: 0; }

#main_bg p {
  margin: 0;
  padding: 0; }
#main_bg ul {
  margin-top: 5px; }
  #main_bg ul li {
    float: left;
    margin-right: 5px; }
    #main_bg ul li#last {
      margin-right: 0; }
    #main_bg ul li.active {
      filter: alpha(opacity=100) !important;
      -moz-opacity: 1 !important;
      opacity: 1 !important; }

/* --------------------------------------------------------------------
　サロン詳細
-------------------------------------------------------------------- */
p.salon-main-image {
  margin-top: 30px;
  margin-bottom: 0; }

/* サロンメニューのタブ切り替え */
nav#salon-nav {
  overflow: hidden;
  /* */
  background: url(/assets/img/salon/bg_salon-nav-none.png) top no-repeat; }
  nav#salon-nav ul li {
    float: left;
    height: 47px;
    text-indent: -9999px; }
    nav#salon-nav ul li span {
      display: block;
      height: 47px; }
    nav#salon-nav ul li:hover {
      cursor: pointer; }
    nav#salon-nav ul li span#nav-event {
      width: 108px;
      background: url(/assets/img/salon/bg_salon-nav.png) 0 top no-repeat; }
    nav#salon-nav ul li.selected span#nav-event {
      background-position: 0 bottom; }
    nav#salon-nav ul li span#nav-event:hover {
      background-position: 0 bottom; }
    nav#salon-nav ul li span#nav-camp {
      width: 130px;
      background: url(/assets/img/salon/bg_salon-nav.png) -108px top no-repeat; }
    nav#salon-nav ul li.selected span#nav-camp {
      background-position: -108px bottom; }
    nav#salon-nav ul li span#nav-camp:hover {
      background-position: -108px bottom; }
    nav#salon-nav ul li span#nav-esthetic {
      width: 110px;
      background: url(/assets/img/salon/bg_salon-nav.png) -238px top no-repeat; }
    nav#salon-nav ul li.selected span#nav-esthetic {
      background-position: -238px bottom; }
    nav#salon-nav ul li span#nav-esthetic:hover {
      background-position: -238px bottom; }
    nav#salon-nav ul li span#nav-reserve {
      width: 114px;
      background: url(/assets/img/salon/bg_salon-nav.png) -348px top no-repeat; }
    nav#salon-nav ul li.selected span#nav-reserve {
      background-position: -348px bottom; }
    nav#salon-nav ul li span#nav-reserve:hover {
      background-position: -348px bottom; }
    nav#salon-nav ul li span#nav-access {
      width: 114px;
      background: url(/assets/img/salon/bg_salon-nav.png) -462px top no-repeat; }
    nav#salon-nav ul li.selected span#nav-access, nav#salon-nav ul li span#nav-access:hover {
      background-position: -462px bottom; }

/* ---------------------------------------------------------- */
h1.ttl_salon-contents, h2.ttl_salon-contents {
  color: #000;
  padding: 10px;
  border-bottom: #333 1px solid;
  margin-bottom: 20px; }

/* イベント＆キャンペーン
 -------------------------------------------- */
section.event-detail {
  overflow: hidden;
  clear: both;
  padding-bottom: 30px; }

/* イベントのタイトル */
div.event-title {
  /* box-shadow: 0 0 0 1px #000, 0 0 0 2px #892828; */
  margin: 2px 2px 20px 2px;
  /* background:#480e0e; */
  border-bottom: 1px solid #000;
  padding: 10px; }
  div.event-title h3 {
    font-size: 10.5pt;
    line-height: 1.5 !important;
    /* background:url(/assets/img/salon/bg_event-title.png) left 5px no-repeat; */
    /*  padding-left:20px; */ }
div.event-thumb {
  width: 242px;
  float: left; }
  div.event-thumb p {
    margin: 15px 0; }
div.event-text {
  width: 428px;
  float: left; }
  div.event-text * {
    line-height: 1.5; }
  div.event-text table {
    border-collapse: collapse;
    width: 100%; }
    div.event-text table th, div.event-text table td {
      border: #000 1px solid;
      padding: 5px;
      text-align: left; }
    div.event-text table th {
      white-space: nowrap; }

/* エステメニュー
 -------------------------------------------- */
section#esthetic-menu * {
  line-height: 1.6; }

div#esthetic-menu-text {
  padding-left: 350px; }
  div#esthetic-menu-text dl dt {
    margin-bottom: 8px; }
  div#esthetic-menu-text dl dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: #902a2a 1px solid; }

/* イベント＆キャンペーン
 -------------------------------------------- */
section#reserved * {
  line-height: 1.6; }
section#how-to-reserve a {
  color: #000 !important; }
section#how-to-reserve h3 {
  border-bottom: 1px solid #333;
  color: #000;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 10pt; }

/* フッターの共通アクセス情報
 -------------------------------------------- */
footer.salon-access {
  background: #efefef;
  padding: 30px;
  margin-top: 35px; }
  footer.salon-access div.salon-map {
    overflow: hidden; }

/* 地図 */
div.salon-map div.image-map {
  width: 285px;
  float: left;
  margin-right: 20px; }
  div.salon-map div.image-map p {
    margin: 0; }
div.salon-access-detail {
  width: 305px;
  float: left; }
  div.salon-access-detail dl * {
    line-height: 1.5; }
  div.salon-access-detail dl dt {
    float: left;
    clear: both;
    width: 6.5em; }
  div.salon-access-detail dl dd {
    padding: 0 0 0 6.5em; }

/* 情報 */
aside.salon-related-link {
  padding: 50px 0 0 0; }
  aside.salon-related-link ul {
    text-align: center; }
    aside.salon-related-link ul li {
      display: inline; }

.tel-number {
  font-size: 20pt;
  margin-top: 8px;
  font-weight: bold; }

/* ------------------------------------------------------------------- 
　麻布サロン
-------------------------------------------------------------------- */
/* エステ */
section#azabu-salon div#esthetic-menu-text {
  background: url(/img/salon/azabu/ph_menu-image.jpg) left top no-repeat; }
  section#azabu-salon div#esthetic-menu-text p {
    margin-bottom: 0; }

div#esthetic-menu-detail dt {
  margin-bottom: 8px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: bold; }
div#esthetic-menu-detail dd {
  border-bottom: 1px solid #000;
  padding-bottom: 20pt; }

/* ------------------------------------------------------------------- 
　新丸ビル店
-------------------------------------------------------------------- */
/* ページタイトル */
#shinmaru-salon {
  background: url(/assets/img/salon/shinmaru/ttl_shinmaru-salon.png) no-repeat; }

/* エステ */
section#shinmaru-salon div#esthetic-menu-text {
  /*background:url(/assets/img/salon/shinmaru/ph_menu-image.jpg) left top no-repeat;*/
  background: url(/img/salon/shinmaru/ph_menu-image2.jpg) left top no-repeat; }
  section#shinmaru-salon div#esthetic-menu-text dl, section#shinmaru-salon div#esthetic-menu-text dt, section#shinmaru-salon div#esthetic-menu-text dd {
    margin: 0;
    padding: 0; }
  section#shinmaru-salon div#esthetic-menu-text dt {
    margin-top: 20px;
    margin-bottom: 10px; }
  section#shinmaru-salon div#esthetic-menu-text dd {
    padding-bottom: 20px; }

div#esthe_menu table {
  border-collapse: collapse;
  width: 100%; }
  div#esthe_menu table th {
    background-color: #480e0e;
    white-space: nowrap;
    border: 1px solid #892828;
    padding: 5px;
    text-align: left; }
  div#esthe_menu table td {
    border: 1px solid #892828;
    padding: 5px;
    text-align: left; }

/* ------------------------------------------------------------------- 
　阪神百貨店
-------------------------------------------------------------------- */
/* ページタイトル */
#hanshin-salon {
  background: url(/img/salon/hanshin/ttl_hanshin-salon.png) no-repeat; }

/* エステ */
section#hanshin-salon div#esthetic-menu-text {
  background: url(/img/salon/hanshin/ph_menu-image.jpg) left top no-repeat; }

div.iconBox p {
  display: table-cell;
  vertical-align: middle;
  margin: 0; }

/*for IE6 */
* html .iconBox p, *:first-child + html .iconBox p {
  display: inline;
  zoom: 1; }

/*  EOF  */
/*===================================================================

 product.css

=================================================================== */
dl.acdn {
  position: relative;
  cursor: pointer; }
  dl.acdn dd {
    position: relative; }

#ttl_cat_product {
  background: #97191f; }
  #ttl_cat_product h2 {
    background: url(/img/product/bg_ttl_cat_product.jpg) center no-repeat; }

#product-sublink {
  overflow: hidden;
  position: relative; }
  #product-sublink ul {
    position: absolute;
    top: 50px;
    left: 200px; }

#mainVS {
  margin: 0 0 10px 0; }

/* 右サイド */
div#right-side-inner dl dt {
  padding-bottom: 12px;
  margin: 0; }
div#right-side-inner dl dd ul {
  padding: 5px 0 10px 0; }
div#right-side-inner dl dd li {
  margin-bottom: 10px;
  line-height: 1.3; }

/* --------------------------------------------------------------------

　商品一覧ページ

-------------------------------------------------------------------- */
section.product-list div.product-shelf {
  overflow: hidden;
  margin: 20px 0;
  background: url(/img/product/bg_product-shelf.png) bottom repeat-x; }
  section.product-list div.product-shelf ul {
    margin: 0;
    padding: 0; }
    section.product-list div.product-shelf ul li {
      float: left; }

/* 全商品の一覧ページ
 ------------------------------------------------------------------- */
/* カテゴリーの一覧ページ
 ------------------------------------------------------------------- */
.ttl_top-cat {
  height: 70px;
  text-indent: -9999px; }

/* スカルプ */
#ttl_top-cat-hair {
  background: url(/img/product/bg_top-cat-title2.png) 15px -350px no-repeat; }

#ttl_scalp2 {
  background: url(/product/haircare/img/bg_brand-title_base.png) no-repeat;
  background-size: auto 70px;
  background-position: 15px top; }

/* メイクアップ */
#ttl_top-cat-makeup {
  background: url(/img/product/bg_top-cat-title.png) left top no-repeat; }

#ttl_top-cat-makeup2 {
  background: url(/img/product/bg_top-cat-title2.png) 15px top no-repeat; }

/* スキンケア */
#ttl_top-cat-skincare {
  background: url(/img/product/bg_top-cat-title.png) left -70px no-repeat; }

#ttl_top-op-skincare, #ttl_top-cat-skincare2 {
  background: url(/img/product/bg_top-cat-title2.png) 15px -70px no-repeat; }

/* ボディ＆バス */
#ttl_top-cat-body {
  background: url(/img/product/bg_top-cat-title.png) left -140px no-repeat; }

#ttl_top-cat-body2 {
  background: url(/img/product/bg_top-cat-title2.png) 15px -140px no-repeat; }

/* ツール */
#ttl_top-cat-tools {
  background: url(/img/product/bg_top-cat-title.png) left -210px no-repeat; }

#ttl_top-cat-tools2 {
  background: url(/img/product/bg_top-cat-title2.png) 15px -210px no-repeat; }

/* トライアル */
#ttl_top-cat-trial {
  background: url(/img/product/bg_top-cat-title.png) left -280px no-repeat; }

#ttl_top-cat-trial2 {
  background: url(/img/product/bg_top-cat-title2.png) 15px -280px no-repeat; }

/* スキンケア一覧ページ　タイトル */
#ttl_oriental-plants {
  background: url(/img/product/skincare/bg_brand-title2.png) left top no-repeat; }

#ttl_oriental-plants2 {
  background: url(/img/product/skincare/bg_brand-title2.png) 15px top no-repeat; }

#ttl_gono-oriental-plants {
  background: url(/img/product/skincare/bg_op-title.jpg) 15px top no-repeat; }

#ttl_whitning {
  background: url(/img/product/skincare/bg_brand-title2.png) left -70px no-repeat; }

#ttl_whitning2 {
  background: url(/img/product/skincare/bg_brand-title2.png) 15px -70px no-repeat; }

#ttl_special-care {
  background: url(/img/product/skincare/bg_brand-title2.png) left -140px no-repeat; }

#ttl_special-care2 {
  background: url(/img/product/skincare/bg_brand-title2.png) 15px -140px no-repeat; }

#ttl_spa-series {
  background: url(/img/product/skincare/bg_brand-title2.png) left -210px no-repeat; }

#ttl_spa-series2 {
  background: url(/img/product/skincare/bg_brand-title2.png) 15px -210px no-repeat; }

/* メイクアップ一覧ページ　タイトル */
#ttl_basemake {
  background: url(/img/product/makeup/bg_brand-title2.png) left top no-repeat;
  text-indent: -9999px; }

#ttl_basemake2 {
  background: url(/img/product/makeup/bg_brand-title2.png) 15px top no-repeat;
  text-indent: -9999px; }

#ttl_pointmake {
  background: url(/img/product/makeup/bg_brand-title2.png) left -70px no-repeat;
  text-indent: -9999px; }

#ttl_pointmake2 {
  background: url(/img/product/makeup/bg_brand-title2.png) 15px -70px no-repeat;
  text-indent: -9999px; }

#ttl_pointmake {
  background: url(/img/product/makeup/bg_brand-title2.png) left -70px no-repeat;
  text-indent: -9999px; }

#ttl_pointmake2 {
  background: url(/img/product/makeup/bg_brand-title2.png) 15px -70px no-repeat;
  text-indent: -9999px; }

#ttl_pointmake {
  background: url(/img/product/makeup/bg_brand-title2.png) left -70px no-repeat;
  text-indent: -9999px; }

#ttl_pointmake2 {
  background: url(/img/product/makeup/bg_brand-title2.png) 15px -70px no-repeat;
  text-indent: -9999px; }

/*
#ttl_pointmake2{
	background:url(/img/product/makeup/bg_brand-title2.jpg) 15px top no-repeat;
	}
*/
#ttl_basemake2 {
  background: url(/img/product/makeup/bg_brand-title_base.png) 15px top no-repeat; }

/* ボディ＆バスページ */
#ttl_bathpowder {
  background: url(/img/product/body/bg_brand-title2.png) left top no-repeat; }

#ttl_bathpowder2 {
  background: url(/img/product/body/bg_brand-title2.png) 15px top no-repeat; }

#ttl_bodycare {
  background: url(/img/product/body/bg_brand-title2.png) left -70px no-repeat; }

#ttl_bodycare2 {
  background: url(/img/product/body/bg_brand-title2.png) 15px -70px no-repeat; }

#ttl_bodysoap {
  background: url(/img/product/body/bg_brand-title2.png) left -280px no-repeat; }

#ttl_bodysoap2 {
  background: url(/img/product/body/bg_brand-title2.png) 15px -280px no-repeat; }

/* ツール一覧ページ　タイトル */
#ttl_sponge {
  background: url(/img/product/tool/bg_brand-title2.png) left top no-repeat; }

#ttl_sponge2 {
  background: url(/img/product/tool/bg_brand-title2.png) 15px top no-repeat; }

#ttl_brush {
  background: url(/img/product/tool/bg_brand-title2.png) left -70px no-repeat; }

#ttl_brush2 {
  background: url(/img/product/tool/bg_brand-title2.png) 15px -70px no-repeat; }

#ttl_compact {
  background: url(/img/product/tool/bg_brand-title2.png) left -140px no-repeat; }

#ttl_compact2 {
  background: url(/img/product/tool/bg_brand-title2.png) 15px -140px no-repeat; }

#ttl_skincare-tool {
  background: url(/img/product/tool/bg_brand-title2.png) left -210px no-repeat; }

#ttl_skincare-tool2 {
  background: url(/img/product/tool/bg_brand-title2.png) 15px -210px no-repeat; }

/* トライアル一覧ページ　タイトル */
#ttl_trial {
  background: url(/img/product/trial/bg_brand-title2.png) left top no-repeat; }

#ttl_trial2 {
  background: url(/img/product/trial/bg_brand-title2.png) 15px top no-repeat; }

/* タイトル */
/* メインコンテンツ */
h1#new_product-information {
  background: url(/img/product/ttl_newproduct-information.png) no-repeat; }
h1#ttl_makeup {
  background: url(/img/product/ttl_makeup.png) no-repeat; }
h1#ttl_skincare {
  background: url(/img/product/ttl_skincare.png) no-repeat; }
h1#ttl_bodybath {
  background: url(/img/product/ttl_bodybath.png) no-repeat; }
h1#ttl_tool {
  background: url(/img/product/ttl_tool.png) no-repeat; }

/* 右サイド

p {
  &#aside-ttl_makeup {
    background: url(/img/product/aside-ttl_makeup.png) no-repeat;
    margin-top: 0;
  }
  &#aside-ttl_skincare {
    background: url(/img/product/aside-ttl_skincare.png) no-repeat;
    margin-top: 30px;
  }
  &#aside-ttl_bodybath {
    background: url(/img/product/aside-ttl_bodybath.png) no-repeat;
    margin-top: 30px;
  }
  &#aside-ttl_tools {
    background: url(/img/product/aside-ttl_tools.png) no-repeat;
    margin-top: 30px;
  }
  &#aside-ttl_trial {
    background: url(/img/product/aside-ttl_trial.png) no-repeat;
    margin-top: 30px;
  }
}
 */
/* 商品ページTOP
 ------------------------------------------------------------------- */
.product-top-shelf {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 30px; }
  .product-top-shelf ul {
    margin-right: -30px;
    overflow: hidden;
    clear: both; }
  .product-top-shelf li {
    float: left;
    width: 320px;
    margin-right: 30px; }

.product-cat-shelf {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 30px; }
  .product-cat-shelf ul {
    margin-right: -10px;
    margin-bottom: 20px;
    overflow: hidden;
    clear: both; }
  .product-cat-shelf li {
    float: left;
    width: 160px;
    height: 203px;
    margin-right: 10px; }
    .product-cat-shelf li a {
      display: block;
      width: 160px;
      height: 203px; }
    .product-cat-shelf li img:hover {
      opacity: 0.6;
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
      -o-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    .product-cat-shelf li a {
      background: url(/img/product/bg_product-cat-shelf_list.jpg) center top no-repeat; }
      .product-cat-shelf li a:hover {
        background: url(/img/product/bg_product-cat-shelf_list.jpg) 0 -203px no-repeat; }

.product-cat-shelf2 li a {
  background: url(/img/product/bg_product-cat-shelf_list2.jpg) center top no-repeat; }
  .product-cat-shelf2 li a:hover {
    background: url(/img/product/bg_product-cat-shelf_list2.jpg) 0 -203px no-repeat; }

.product-cat-shelf li img {
  width: 160px; }

/* --------------------------------------------------------------------
　商品詳細ページ
-------------------------------------------------------------------- */
#product-detail, .product-detail {
  overflow: hidden;
  margin-top: 30px; }

/* 商品画像
-------------------------------- */
#product-image, .product-image {
  width: 277px;
  float: left;
  overflow: hidden;
  text-align: center; }

#product-image img, .product-image img {
  width: 100%;
  /* margin-left: -30px; */
  overflow: hidden; }

/* 商品説明
-------------------------------- */
#product-explain, .product-explain {
  width: 370px;
  float: right; }

#product-explain *, .product-explain * {
  line-height: 1.8 !important; }

.product-explain_white {
  color: #000; }

#product-name {
  font-size: 1.3em;
  line-height: 1.3 !important;
  margin-bottom: 5px; }

#product-name2 {
  font-size: 1.25em;
  line-height: 1.3 !important;
  margin-bottom: 5px; }

dl#product-summary, ul#product-date, dl.product-summary, ul.product-date, .product-date {
  margin-bottom: 15px; }

dl#product-summary2, ul#product-date2, dl.product-summary2, ul.product-date2 {
  margin-bottom: 15px;
  padding-bottom: 15px; }

dl#product-summary dt, dl#product-summary2 dt dl.product-summary dt, dl.product-summary2 dt {
  padding-bottom: 26px; }
dl#product-summary dt {
  font-size: 16pt;
  /* あとで消す */
  line-height: 1.3 !important;
  letter-spacing: -1px; }

/*
#product-component, .product-component {
  border-bottom: #2a0909 1px solid;
  overflow: hidden;
}

#product-component *, .product-component * {
  font-size: 8pt !important;
}

#product-component dl dt, .product-component dl dt {
  clear: left;
  float: left;
  width: 8em;
}

#product-component dl dd, .product-component dl dd {
  padding-left: 8em;
}

#product-component dl.em7 dt, .product-component dl.em7 dt {
  clear: left;
  float: left;
  width: 7em;
}

#product-component dl.em7 dd, .product-component dl.em7 dd {
  padding-left: 7em;
}

#product-component dl.em6 dt, .product-component dl.em6 dt {
  clear: left;
  float: left;
  width: 6em;
}

#product-component dl.em6 dd, .product-component dl.em6 dd {
  padding-left: 6em;
}

#product-component dl.em5 dt, .product-component dl.em5 dt {
  clear: left;
  float: left;
  width: 5em;
}

#product-component dl.em5 dd, .product-component dl.em5 dd {
  padding-left: 5em;
}
*/
/* 次の商品前の商品 */
aside#pagenation {
  text-align: center;
  overflow: hidden;
  background: url(/img/common/bg_line-yoko.png) top repeat-x;
  padding-top: 20px;
  margin-top: 50px; }

div#container div#wrap_white div#wrap aside#pagenation {
  background: url(/img/common/bg_line-yoko2.jpg) top repeat-x; }

aside#pagenation ul li {
  width: 100px;
  text-indent: -9999px; }
  aside#pagenation ul li a {
    display: block;
    height: 34px;
    width: 100px; }
  aside#pagenation ul li#bt_prev {
    background: url(/img/product/bg_prev.png) left no-repeat;
    height: 34px;
    float: left; }
  aside#pagenation ul li#bt_list {
    background: url(/img/product/bg_list.png) center no-repeat;
    height: 34px;
    margin: 0 185px;
    float: left; }
  aside#pagenation ul li#bt_next {
    background: url(/img/product/bg_next.png) right no-repeat;
    height: 34px;
    float: right; }
  aside#pagenation ul li#bt_prev2 {
    background: url(/img/product/bg_prev2.jpg) left no-repeat;
    height: 34px;
    float: left; }
  aside#pagenation ul li#bt_list2 {
    background: url(/img/product/bg_list2.jpg) center no-repeat;
    height: 34px;
    margin: 0 177px 0 178px;
    float: left; }
  aside#pagenation ul li#bt_next2 {
    background: url(/img/product/bg_next2.jpg) right no-repeat;
    height: 34px;
    float: right; }

/* 新OP */
div#container2 {
  background-color: #FFF; }

dl.nav2 dt, li.fc0 {
  color: #000; }

dl.nav2 dt dd ul li a:link, dl.nav2 dt dd ul li a:visited {
  color: #000;
  text-decoration: underline; }

div#separate2 {
  background: url(/img/common/bg_separate2.png) 0 0 repeat-y;
  overflow: hidden; }

h1#new_product-information2 {
  background: url(/img/product/ttl_newOP.jpg) no-repeat; }

#product-thumb {
  margin-left: 16px;
  margin-top: 25px; }

ul#sk_btn {
  margin-left: 20px;
  margin-bottom: 18px; }
  ul#sk_btn li {
    float: left;
    margin-left: 28px; }

/* 白背景 */
#wrap_white #content-body-inner {
  margin-bottom: 50px; }
#wrap_white #product-explain {
  color: #000; }
#wrap_white #product-summary {
  border-bottom: none; }
#wrap_white #pagenation {
  margin-left: 15px; }
  #wrap_white #pagenation #bt_prev {
    background: url(/img/product/bg_prev2.jpg) left no-repeat;
    height: 34px;
    float: left; }
  #wrap_white #pagenation #bt_list {
    background: url(/img/product/bg_list2.jpg) center no-repeat;
    height: 34px;
    margin: 0 177px 0 178px;
    float: left; }
  #wrap_white #pagenation #bt_next {
    background: url(/img/product/bg_next2.jpg) right no-repeat;
    height: 34px;
    float: right; }

/* --------------------------------------------------------------------
　商品詳細ページ2
-------------------------------------------------------------------- */
#product-body {
  display: flex;
  padding-top: 30px;
  justify-content: space-between; }
  #product-body * {
    line-height: 1.5;
    margin: 0;
    padding: 0; }
  #product-body #product-images {
    width: 277px !important; }
  #product-body #product-information {
    width: 370px; }
    #product-body #product-information > div {
      padding: 0 0 10px 0; }
    #product-body #product-information #product-name {
      font-size: 1.3em !important;
      margin-bottom: 10px; }
    #product-body #product-information .product-component {
      padding: 20px 0;
      border-bottom: #2a0909 1px solid; }
    #product-body #product-information .product-component-detail {
      margin-bottom: 15px;
      overflow: hidden; }
      #product-body #product-information .product-component-detail dt, #product-body #product-information .product-component-detail dd {
        margin: 0 0 5px 0;
        padding: 0; }
      #product-body #product-information .product-component-detail dt {
        float: left;
        width: 7em; }
      #product-body #product-information .product-component-detail dd {
        margin-left: 7em; }
    #product-body #product-information #product-catch {
      font-size: 16pt !important;
      text-align: left;
      margin: 0 0 15px 0;
      padding: 0;
      /* あとで消す */ }

.bulk {
  padding: 20px 0;
  text-align: center; }

/* --------------------------------------------------------------------
　動画
-------------------------------------------------------------------- */
.howtomovie {
  text-align: center;
  padding-top: 40px;
  margin-top: 40px;
  background: url("/img/common/bg_line-yoko2.jpg") top repeat-x; }
  .howtomovie h4 {
    font-size: 15px;
    margin-bottom: 30px;
    font-weight: normal; }
  .howtomovie .inner {
    display: flex;
    justify-content: center; }
    .howtomovie .inner div {
      width: 200px;
      margin: 0 auto 0 auto;
      text-align: center; }
      .howtomovie .inner div img {
        border: #a7aaa9 1px solid;
        margin-bottom: 10px; }

#content-body #content-body-inner {
  margin-top: 50px; }
  #content-body #content-body-inner .item_image {
    width: 277px;
    text-align: center !important;
    overflow: hidden; }
  #content-body #content-body-inner * {
    line-height: 1.5; }
  #content-body #content-body-inner .inner {
    width: 670px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between; }
    #content-body #content-body-inner .inner .item_data {
      width: 370px; }
      #content-body #content-body-inner .inner .item_data .item_summary {
        border-bottom: #2a0909 1px solid;
        margin-bottom: 15px; }
        #content-body #content-body-inner .inner .item_data .item_summary .item_summary_text {
          margin-bottom: 30px; }
          #content-body #content-body-inner .inner .item_data .item_summary .item_summary_text dt {
            font-size: 16pt;
            line-height: 1.5;
            margin-bottom: 26px; }
          #content-body #content-body-inner .inner .item_data .item_summary .item_summary_text dd {
            line-height: 1.8; }
        #content-body #content-body-inner .inner .item_data .item_summary .product-name {
          font-size: 1.3em;
          line-height: 1.5 !important;
          margin-bottom: 5px; }

.product-date {
  line-height: 1.8 !important; }

.item_component dt, .item_component dd {
  line-height: 1.7 !important; }

.sup {
  vertical-align: super;
  padding: 0 2px;
  font-size: 0.8em; }

#product_index_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  #product_index_list li {
    width: calc((100% - 30px) / 3);
    text-align: center;
    margin-bottom: 20px; }
    #product_index_list li span {
      font-size: 1.2em; }
    #product_index_list li img {
      margin-bottom: 10px; }
    #product_index_list li a {
      text-decoration: none; }

/*  EOF  */
/* Scss Document */
html {
  font-size: 62.5% !important;
  margin: 0;
  padding: 0;
  background: #fff; }

body {
  color: #000 !important;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body * {
    font-size: 1.3rem; }

#wrap {
  width: 960px;
  margin: 0 auto auto auto; }

/* 新しいナビゲーション =========================================== */
#header a {
  text-decoration: none;
  transition: .2s;
  color: #222222;
  letter-spacing: -0.5px; }
  #header a:hover {
    color: #666666 !important;
    transition: .2s; }
#header #header_logo {
  width: 210px;
  margin: 40px auto 25px auto; }
#header .menu {
  z-index: 1;
  width: 960px;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  position: relative; }
  #header .menu li {
    width: auto;
    text-align: center; }
    #header .menu li:first-child {
      width: 19%; }
    #header .menu li:nth-child(2) {
      width: 18%; }
    #header .menu li:nth-child(3) {
      width: 13%; }
    #header .menu li:nth-child(4) {
      width: 13%; }
    #header .menu li:nth-child(5) {
      width: 13%; }
    #header .menu li:nth-child(6) {
      width: 16%;
      text-align: right !important; }
    #header .menu li a {
      line-height: 50px;
      display: block;
      font-size: 16px !important; }
  #header .menu #nav_online {
    text-align: left !important; }
    #header .menu #nav_online a {
      font-size: 15px !important; }

/* パンくず
 ------------------------------------------------------------------- */
#topic-path {
  border-bottom: 1px solid #ccc; }
  @media only screen and (max-width: 767px) {
    #topic-path {
      display: none; } }
  #topic-path #topic-path-inner {
    width: 960px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px; }
    #topic-path #topic-path-inner ul li {
      display: inline; }
      #topic-path #topic-path-inner ul li ::after {
        content: " ＞"; }
      #topic-path #topic-path-inner ul li br {
        display: none; }

/* 左コンテンツ
 ------------------------------------------------------------------- */
#content-body {
  width: 700px;
  float: left; }

#container div#wrap_white div#wrap div#content-body {
  width: 700px;
  float: left;
  background-color: #FFF; }

#separate {
  overflow: hidden;
  background: url(../img/common/bg_separate.png) center repeat-y; }

#content-body-inner {
  width: 670px; }

/* 右サイド
 ------------------------------------------------------------------- */
#right-side {
  width: 260px;
  float: right;
  /* background:url(../img/common/bg_rightside-top.gif) top repeat-x; */
  overflow: hidden; }
  #right-side a:link {
    text-decoration: none; }
    #right-side a:link:hover {
      text-decoration: underline; }

#right-side-inner aside .aside-link-list {
  padding-left: 20px;
  width: 240px; }

#right-side h1.aside-title {
  height: 37px;
  width: 100%;
  text-indent: -9999px;
  margin-bottom: 10px; }
  #right-side h1.aside-title a {
    display: block;
    height: 37px;
    width: 100%; }

#right-side-inner dl dt {
  margin: 20px 0 10px 0;
  font-weight: bold;
  font-size: 1.1em; }
#right-side-inner dl dd {
  margin-bottom: 10px;
  line-height: 1.2; }

/* フッター
 ------------------------------------------------------------------- */
.common_footer footer {
  width: 860px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  margin: auto;
  color: #fff;
  padding: 35px 0; }
  .common_footer footer dl {
    width: calc(100% / 4); }
    .common_footer footer dl dt {
      margin-bottom: 15px; }
    .common_footer footer dl dd {
      padding-left: 1em;
      margin-bottom: 13px; }
  .common_footer footer a {
    text-decoration: none; }
    .common_footer footer a:hover {
      text-decoration: underline !important; }

/*===================================================================

font

=================================================================== */
html {
  font-size: 62.5% !important; }

body {
  color: #000 !important;
  font-feature-settings: "palt";
  font-feature-settings: "palt" 1;
  -webkit-font-feature-settings: "palt";
  font-family: "Ryumin Medium KL", serif !important;
  color: #222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

* {
  font-family: "Ryumin Medium KL", serif !important;
  font-feature-settings: "palt" !important;
  font-feature-settings: "palt" 1 !important;
  -webkit-font-feature-settings: "palt" !important;
  font-family: "Ryumin Regular KL", serif !important;
  font-size: 1.3rem; }

_::content, _:future, *:not(*:root) {
  font-family: "Ryumin Medium KL" !important; }