@charset "EUC-JP";
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);
@font-face {
    font-family: 'Optima';
    src: 
		url('fonts/Optima.woff2') format('woff2'),
         url('fonts/Optima.woff') format('woff'),
         url('fonts/Optima.ttf') format('truetype');
}
body {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
  background-color: #FFF;
  color: #1A1311;
  font-size: 3.0vw; }

section .content,
footer .content {
  width: 100%;
  margin: 0 auto;
  padding: 0 2%;
  box-sizing: border-box; }

aside nav {
  width: 100%;
  margin: 0 auto; }

h1,
h2,
h3 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: .8em; }

p {
  margin: 0;
  padding: 0; }

a {
  color: #1A1311;
  transition: .35s;
  text-decoration: none; }
  a img {
    transition: .35s; }
  a:hover {
    text-decoration: underline; }
    a:hover img {
      opacity: 0.7;
      filter: alpha(opacity=70); }

a.morebtn {
  border: 1px solid #ebebeb;
    box-sizing: border-box;
    letter-spacing: 0.3em;
    margin-top: 30px;
    padding: 10px 25px 10px 5px;
    text-decoration: none;
	width:90%; }
  a.morebtn::after {
   background: rgba(0, 0, 0, 0) url("../images/news_plus_sp.jpg") repeat scroll 0 0 / cover ;
    content: "";
    height: 15px;
    position: absolute;
    right: 15%;
    top: 50%;
	margin-top:-7px;
    width: 15px; }
	
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

img {
  vertical-align: bottom;
  line-height: 0;
  width: 100%; }

.optima {
  font-family: 'Optima',  "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.default_fonts {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
  .flex::after {
    clear: both; }

.fs11 {
  font-size: 1.8vw; }

.fs12 {
  font-size: 2vw; }

.fs13 {
  font-size: 2.6vw; }

.fs14 {
  font-size: 3vw; }

.fs15 {
  font-size: 3.2vw; }

.fs16 {
  font-size: 3.4vw; }

.fs17 {
  font-size: 3.6vw; }

.fs18 {
  font-size: 3.8vw; }

.fs19 {
  font-size: 4.2vw; }

.fs20 {
  font-size: 4.6vw; }

.fs21 {
  font-size: 4.8vw; }

.fs23 {
  font-size: 4.9vw; }

.fs24 {
  font-size: 5vw; }

.fs27 {
  font-size: 5.2vw; }

.fs30 {
  font-size: 5.4vw; }

.ft-wb {
  font-weight: bold; }

.txt-al {
  text-align: left;
　margin-bottom: 30px;
}

.txt-ac {
  text-align: center; }

.txt-ar {
  text-align: right; }

.mt30 {
  margin-top: 4vw; }

.mt120 {
  margin-top: 120px; }

.mb35 {
  margin-bottom: 5vw; }

.fw-b {
  font-weight: bold; }

.lts-03 {
  letter-spacing: 0.3em; }

.pos-a {
  position: absolute; }

.pos-r {
  position: relative; }

.pos-f {
  position: fixed; }

.dsp_blk {
  display: block; }

.dsp_iblk {
  display: inline-block; }

header {
  padding: 0 2%;
  box-sizing: border-box; }
  header .fixed {
    position: fixed;
    top: 0;
    left: 0;
    padding-bottom: 0;
    background-color: #FFF;
    width: 100%;
    z-index: 100;
    padding: 0 2%;
    box-sizing: border-box; }
  header .news {
    background-color: #FAE3DE;
    margin-bottom: 5px; }
    header .news .content {
      padding: 0 5%;
      box-sizing: border-box; }
      header .news .content .title {
        width: 12%;
        line-height: 1.8em; }
      header .news .content .excerpt {
        width: 88%;
        text-align: left;
        display: inline-block;
        line-height: 1.8em; }
        header .news .content .excerpt span.date {
          margin-right: 20px; }

header nav{
	width:100%;
	margin: 0 0 3% 0;
	padding: 0;
}
header nav ul{
	margin: 0;
	padding: 0;
}
header nav ul li{
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	width:20%;
}
header nav ul li img {
	width:100%;
}

  header .logoline .content {
    padding: 10px 0;
    justify-content: space-between; }
    header .logoline .content button {
      border: 0;
      background: none; }
  header .salespoint {
    padding-top: 20px; }
    header .salespoint .flex {
      flex-wrap: wrap; }
      header .salespoint .flex div {
        width: 48%;
        margin: 1% 1%; }
        header .salespoint .flex div:first-child {
          margin: 1% 26%; }

.drawer-hamburger {
  display: none; }

.drawer--left.drawer-open .drawer-hamburger {
  display: block;
  left: 80%; }

.drawer--left .drawer-nav {
  left: -80%; }

.drawer-nav {
  text-align: left;
  width: 80%; }
  .drawer-nav ul li {
    border-top: 2px solid #FAE3DE;
    border-right: 2px solid #FAE3DE; }
  .drawer-nav .drawer-menu-item {
    position: relative;
    font-size: 3.5vw;
    line-height: 13vw;
    padding: 0 .75rem; }
    .drawer-nav .drawer-menu-item .drawer-caret {
      border: 0;
      position: absolute;
      top: -.05rem;
      right: 5%;
      width: auto;
      height: auto;
      transform: rotate(90deg); }
      .drawer-nav .drawer-menu-item .drawer-caret::after {
        content: "―"; }
  .drawer-nav .drawer-dropdown {
    background: #FAE3DE;
    border-bottom: 2px solid #FFF; }
    .drawer-nav .drawer-dropdown .drawer-menu-item {
      position: relative;
      font-size: 3.5vw; }
      .drawer-nav .drawer-dropdown .drawer-menu-item::after {
        content: "―";
        position: absolute;
        top: 0;
        right: 5%; }
    .drawer-nav .drawer-dropdown .drawer-dropdown-menu-item {
      background: #FFF;
      font-size: 3.5vw;
      line-height: 13vw; }
  .drawer-nav .drawer-dropdown.open .drawer-menu-item::after {
    content: ""; }
  .drawer-nav .drawer-dropdown.open .drawer-caret {
    transform: rotate(180deg); }
  .drawer-nav .arrow {
    position: relative; }
    .drawer-nav .arrow::after {
      content: "\f105";
      font-family: 'FontAwesome';
      font-size: 6vw;
      position: absolute;
      top: 2.8vw;
      right: 5%; }
  .drawer-nav .bg-pink {
    background: #FAE3DE;
    border-bottom: 2px solid #FFF; }
  .drawer-nav .searchbox,
  .drawer-nav .sns {
    border-right: 2px solid #FAE3DE;
    box-sizing: border-box; }
  .drawer-nav .searchbox {
    min-width: 100%; }
    .drawer-nav .searchbox form {
      position: relative; }
      .drawer-nav .searchbox form input[type="text"] {
        border: 0;
        font-size: 3.8vw;
        padding: 2vw 3vw;
        box-sizing: border-box;
        width: 100%; }
      .drawer-nav .searchbox form input[type="submit"] {
        text-indent: -9999px;
        border: 0;
        padding: 0;
        width: 4vw;
        height: 4vw;
        background-color: transparent;
        background-image: url(../images/search_btn_sp.jpg);
        background-size: cover;
        position: absolute;
        top: 3vw;
        right: 3vw; }
  .drawer-nav .sns {
    min-width: 30%; }
    .drawer-nav .sns a {
      width: 100%; }

.drawer-overlay {
  border-top: 2px solid #FAE3DE;
  background-color: rgba(255, 255, 255, 0.7); }

footer .content .sign {
  background: #FAE3DE;
  padding: 3vw 8vw;
  box-sizing: border-box;
  color: #A6A7A7; }
footer .content ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  footer .content ul.flex {
    flex-wrap: wrap;
    color: #A6A7A7; }
    footer .content ul.flex li {
      width: 50%;
      border-top: 1px solid #D4D5D5;
      box-sizing: border-box; }
      footer .content ul.flex li:nth-child(2n+1) {
        border-right: 1px solid #D4D5D5; }
      footer .content ul.flex li:first-child {
        border-top: 0; }
      footer .content ul.flex li:nth-child(2) {
        border-top: 0; }
      footer .content ul.flex li.border_b {
        border-bottom: 1px solid #D4D5D5; }
      footer .content ul.flex li a {
        display: block;
        padding: 3vw 8vw;
        box-sizing: border-box; }
  footer .content ul.static li {
    border-bottom: 1px solid #D4D5D5;
    box-sizing: border-box; }
    footer .content ul.static li.arrow {
      position: relative; }
      footer .content ul.static li.arrow::after {
        content: "\f105";
        font-family: "FontAwesome";
        font-size: 5vw;
        position: absolute;
        top: 3vw;
        right: 4vw; }
    footer .content ul.static li a {
      display: block;
      padding: 3vw 8vw;
      box-sizing: border-box; }
footer .sns {
  margin: 20px 0;
  text-align:center }
footer .copy {
  font-weight: bold;
  margin: 20px 0;
  text-align:center }

.totop {
  position: fixed;
  right: 2%;
  bottom: 5%;
  background: rgba(255, 255, 255, 0.7);
  width: 20vw;
  display: none; }


/*========================
アニメーション

・css easing
easeOutQuart
cubic-bezier(0.165, 0.84, 0.44, 1);

easeInOutQuart
cubic-bezier(0.77, 0, 0.175, 1);
========================*/

/*スライドイン 左から右*/
.slideRight {
	-webkit-transform:translateX(-30px);
	transform:translateX(-30px);
	opacity:0;
	-webkit-transition:
		-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.5s linear;
	transition:
		transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.5s linear;
	}
.slideRight.on {
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	opacity:1;
	}

/*スライドイン 右から左*/
.slideLeft {
	-webkit-transform:translateX(30px);
	transform:translateX(30px);
	opacity:0;
	-webkit-transition:
		-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.5s linear;
	transition:
		transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.5s linear;
	}
.slideLeft.on {
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	opacity:1;
	}
	
/*スライドイン 上から下*/
.slideDown {
	-webkit-transform:translateY(-30px);
	transform:translateY(-30px);
	opacity:0;
	-webkit-transition:
		-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.5s linear;
	transition:
		transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.5s linear;
	z-index:1;
	}
.slideDown.on {
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1;
	}
	
/*スライドイン 下から上*/
.slideUp {
	-webkit-transform:translateY(30px);
	transform:translateY(30px);
	opacity:0;
	-webkit-transition:
		-webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.5s linear;
	transition:
		transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
		opacity 0.5s linear;
	z-index:1;
	}
.slideUp.on {
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1;
	}

/*フェードイン*/
.fadeIn {opacity:0;-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}
.fadeIn.on {opacity:1;}

/*フェードアウト*/
.fadeOut {opacity:1;-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}
.fadeOut.on {opacity:0;}

.l-drawer__open img, .l-drawer__close img {
    margin: 6px 2px;
    width: 64%;
}