@charset "UTF-8";
/*!
 * style.scss
 *
 * Copyright 2012-2016 Whizzy Corporation
 * ver 1.0.0
 * last modified 2016/01/28
 */
	.ctg {
	 margin: 15px 90px 30px;
}

@media (max-width: 767px) {
    .ctg {
        display: flex; /* Flexbox モデルを適用 */
        justify-content: center; /* 水平方向の中央揃え */
        align-items: center; /* 垂直方向の中央揃え（必要に応じて） */
        margin: 15px auto; /* 上下のマージンを保持しつつ、左右のマージンを自動で調整 */
    }
}

html {
  font-size: 10px; }

/**
 * rem font size
 */
/**
 * clearfix
 */
/**
 * breakpoint
 */
html {
  font-size: 10px;
  height: 100%; }

body {
  background: #fff;
  height: 100%;
  margin: 0;
  font-family: "Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
  position: relative;
  color: #3b3b3b;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.8px; }

* {
  -moz-box-sizing: border-box;
       box-sizing: border-box; }

a {
  color: #232323; }
  a:hover {
    color: inherit; }

h1,
h2,
h3,
h4,
h5,
p,
address {
  margin: 0; }

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.5; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

img {
  max-width: 100%; }

.breadcrumb {
  background: #f5f5f5;
  padding: 10px 0;
  margin-bottom: 0; }
  .breadcrumb .list__item {
    display: inline-block; }
    .breadcrumb .list__item a {
      color: #696969;
      font-size: 12px;
      font-size: 1.2rem; }
    .breadcrumb .list__item:after {
      content: '>';
      margin: 0 2px;
      color: #696969; }

.paragraph {
  line-height: 1.7; }

.text-danger {
  color: #c30d16; }

.anchor-text {
  color: #349935;
  font-weight: 700; }
  .anchor-text:hover {
    color: #84bc4c; }

.map-area iframe {
  width: 100%; }

.header__line {
  background: #9e9e9e; }
  .header__line h1 {
    padding: 5px 0;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    font-weight: normal; }

.header__contents #logo {
  padding: 0;
  margin: 11px -20px 18px 0; }

.header .sp-menu-open {
  justify-content: space-between; /* アイテム間にスペースを均等に配置 */
  border: none;
  background: #349935;
  padding: 7px 14px; 
  margin-top: 8px;
margin-right:3px;
  float: right;
  color: #fff; }
  .header .sp-menu-open:focus {
    outline: none;
    background: #349935; }
  .header .sp-menu-open i {
    display: block;
    font-size: 20px;
    font-size: 3.3rem;
padding:0;}
  .header .sp-menu-open span {
    font-size: 10px;
	font-size: 1.2rem;
    display: inline-block;	/*****/
    width: 40px;			/*****/
  }

.top-heading{font-size:150%;}
/*********************************/
.header .sp-menu-open .close_bar {
	display: inline-block;
}
.header .sp-menu-open .open_bar {
	display: none;
}
.header .sp-menu-open.open .close_bar {
	display: none;
}
.header .sp-menu-open.open .open_bar {
	display: inline-block;
}
/*********************************/




@media only screen and (min-width: 992px) {
  .header__line h1 {
    font-size: 12px;
    font-size: 1.2rem; }
  .header__contents {
    padding: 15px 0; }
    .header__contents-application:before, .header__contents-application:after {
      content: "";
      display: table; }
    .header__contents-application:after {
      clear: both; }
    .header__contents-application {
      *zoom: 1; }
    .header__contents-application__tel {
      text-align: right; }
      .header__contents-application__tel .dl-list {
        margin-bottom: 0; }
        .header__contents-application__tel .dl-list:first-child {
          margin-bottom: 10px; }
        .header__contents-application__tel .dl-list .dl-dt {
          display: inline-block;
          min-width: 290px;
          text-align: left; }
          .header__contents-application__tel .dl-list .dl-dt span {
            background: #f7ac01;
            border-radius: 5px;
            min-width: 120px;
            padding: 5px 8px;
            display: inline-block;
            font-size: 16px;
            font-size: 1.6rem;
            color: #fff;
            text-align: left; }
          .header__contents-application__tel .dl-list .dl-dt strong {
            font-size: 24px;
            font-size: 2.4rem;
            margin-left: 8px;
            font-family: Avenir , Helvetica , Arial , Verdana , Roboto , sans-serif; }
          .header__contents-application__tel .dl-list .dl-dt--delivery span:before {
            background: transparent url(./img/icon-delivery.png) no-repeat;
            background-size: contain;
            display: inline-block;
            content: '';
            width: 28px;
            height: 20px;
            margin-right: 5px;
            position: relative;
            top: 3px; }
          .header__contents-application__tel .dl-list .dl-dt--official span:before {
            background: transparent url(./img/icon-official.png) no-repeat;
            background-size: contain;
            display: inline-block;
            content: '';
            width: 28px;
            height: 20px;
            margin-right: 5px;
            position: relative;
            top: 3px; }
        .header__contents-application__tel .dl-list .dl-dd {
          display: inline-block;
          min-width: 150px;
          text-align: left;
          position: relative;
          top: 4px;
          font-size: 10px;
          font-size: 1rem; }
          .header__contents-application__tel .dl-list .dl-dd strong {
            display: block;
            font-weight: 700; }
    .header__contents-application__online .list:before, .header__contents-application__online .list:after {
      content: "";
      display: table; }
	
	

	/*  ↓Englishページpc切り替え↓  */
	.header__contents-application__enpage {
      text-align: right;
	  font-size: 16px;
	 margin-top: 8px;}
	/*  ↑Englishページpc切り替え↑  */
	


    .header__contents-application__online .list:after {
      clear: both; }
    .header__contents-application__online .list {
      *zoom: 1; }
    .header__contents-application__online .list__item {
      width: 49%;
      float: left;
	 margin-bottom: 5px;}
      .header__contents-application__online .list__item a {
        border: 1px solid #bfbfbf;
        display: block;
        padding: 15px 8px;
        color: #000;
        text-decoration: none; }
        .header__contents-application__online .list__item a:before, .header__contents-application__online .list__item a:after {
          content: "";
          display: table; }
        .header__contents-application__online .list__item a:after {
          clear: both; }
        .header__contents-application__online .list__item a {
          *zoom: 1; }
        .header__contents-application__online .list__item a img {
          float: left;
          margin-right: 10px;
          max-width: 40px; }
        .header__contents-application__online .list__item a span {
          display: block;
          font-weight: 700;
          letter-spacing: 0;
          font-size: 18px;
          font-size: 1.8rem; }
          .header__contents-application__online .list__item a span.strong {
            font-size: 12px;
            font-size: 1.2rem;
            color: #fc0000; }
        .header__contents-application__online .list__item a:hover {
          opacity: .7; }
      .header__contents-application__online .list__item:first-child {
        margin-right: 2%; }

 }

@media only screen and (min-width: 1200px) {
  .header__contents {
    padding: 8px 0; }
    .header__contents #logo {
      margin-top: 10px; }
    .header__contents-application:before, .header__contents-application:after {
      content: "";
      display: table; }
    .header__contents-application:after {
      clear: both; }
    .header__contents-application {
      *zoom: 1; }
    .header__contents-application__tel .dl-list .dl-dt {
      font-size: 18px;
      font-size: 1.8rem; }
    .header__contents-application__tel .dl-list .dl-dd {
      min-width: 190px;
      font-size: 12px;
      font-size: 1.2rem; }
    .header__contents-application__tel .dl-list:first-child {
      margin-bottom: 3px; }
	
	
	
	
	
	    .header__contents-application__tel .dl-list5 .dl-dt {
      font-size: 18px;
      font-size: 1.8rem; }
    .header__contents-application__tel .dl-list5 .dl-dd {
      min-width: 190px;
      font-size: 12px;
      font-size: 1.2rem; }
    .header__contents-application__tel .dl-list5:first-child {
      margin-bottom: 3px; }
	
	
	
	
	
	
	
	
	
	
	
    .header__contents-application__online .list__item a {
      padding: 15px 10px; }
	
      .header__contents-application__online .list__item a img {
        margin-right: 10px; }
      .header__contents-application__online .list__item a span {
        display: block; }
        .header__contents-application__online .list__item a span .strong {
          font-size: 13px;
          font-size: 1.3rem; }}


.navigation {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf; }
  .navigation .container {
    position: relative; }
  .navigation .list {
    display: none; }
    .navigation .list--gnav .list__item {
      border-top: 1px solid #bfbfbf;
      padding: 12px 0;
      text-align: center;
      color: #6b6b6b; }
      .navigation .list--gnav .list__item:first-child {
        border-top: none; }
      .navigation .list--gnav .list__item a {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        color: #232323;
        font-weight: 700;
        text-decoration: none; }
        .navigation .list--gnav .list__item a img {
          margin-right: 5px; }
    .navigation .list--snav {
      display: none;
      border: none;
      margin: 10px 0 -15px; }
      .navigation .list--snav .list__item {
        border: none;
        border-left: 1px solid #bfbfbf;
        padding: 5px 0; }
        .navigation .list--snav .list__item:first-child {
          border: none; }
        .navigation .list--snav .list__item a {
          color: #2d2d2d; }
      .navigation .list--snav.open {
        display: block; }
    .navigation .list.open {
      background: #fff;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
      z-index: 1;
      display: block;
      position: absolute;
      width: 100%; }
    @media only screen and (min-width: 992px) {
      .navigation .list {
        display: block; }
        .navigation .list--gnav .list__item {
          border-top: none;
          border-right: 1px solid #bfbfbf;
          padding: 0;
          text-align: center;
          position: relative;
          width: 20%; }
          .navigation .list--gnav .list__item:first-child {
            border-left: 1px solid #bfbfbf; }
          .navigation .list--gnav .list__item:hover .list--snav {
            display: block; }
          .navigation .list--gnav .list__item a {
            padding: 10px 0; }
            .navigation .list--gnav .list__item a img {
              margin: 0 auto 5px;
              display: block; }
            .navigation .list--gnav .list__item a:hover {
              text-decoration: none;
              background: #cfe5c6;
              color: #009933; }
        .navigation .list--snav {
          background: #FFFFFF;
          border: 3px solid #009933;
          width: 100%;
          min-width: 300px;
          display: none;
          position: absolute;
          left: -55px;
          bottom: -95px;
          padding: 15px 0 10px;
          z-index: 9999; }
          .navigation .list--snav:before, .navigation .list--snav:after {
            content: "";
            display: table; }
          .navigation .list--snav:after {
            clear: both; }
          .navigation .list--snav {
            *zoom: 1; }
          .navigation .list--snav:after, .navigation .list--snav:before {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .navigation .list--snav:after {
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #FFFFFF;
            border-width: 10px;
            margin-left: -10px; }
          .navigation .list--snav:before {
            border-color: rgba(0, 153, 51, 0);
            border-bottom-color: #009933;
            border-width: 14px;
            margin-left: -14px; }
          .navigation .list--snav .list__item {
            border: none;
            border-left: 1px solid #bfbfbf;
            width: 33.33333%; }
            .navigation .list--snav .list__item:first-child {
              border: none; } }
    @media only screen and (min-width: 1200px) {
      .navigation .list--snav {
        left: -40px; } }

.index #n2-ss-3 {
  max-height: 250px; }
  .index #n2-ss-3 .n2-ss-slider-1 {
    max-height: 250px; }
    .index #n2-ss-3 .n2-ss-slider-1 #n2-ss-3,
    .index #n2-ss-3 .n2-ss-slider-1 .n2-ss-slide {
      max-height: 250px; }

@media only screen and (min-width: 992px) {
  .index #n2-ss-3 {
    max-height: 360px; }
    .index #n2-ss-3 .n2-ss-slider-1 {
      max-height: 360px; }
      .index #n2-ss-3 .n2-ss-slider-1 #n2-ss-3,
      .index #n2-ss-3 .n2-ss-slider-1 .n2-ss-slide {
        max-height: 360px; } }

.index #main-visual {
  background: #00a5f1 url(./img/mainvisual.jpg) no-repeat center;
  background-size: cover;
  padding: 30px 0; }
  .index #main-visual .main-text {
    max-width: 90%;
    margin: 30px auto;
    text-align: center; }
    .index #main-visual .main-text h2 {
      margin-bottom: 30px; }
    .index #main-visual .main-text .list {
      text-align: center; }
      .index #main-visual .main-text .list__item {
        display: inline-block; }
        .index #main-visual .main-text .list__item:first-child {
          margin-right: 15px; }
        .index #main-visual .main-text .list__item a {
          background: #0b449d;
          border-radius: 50px;
          color: #fff;
          font-weight: 700;
          font-size: 14px;
          line-height: 14px;
          text-align: center;
          padding: 6px 30px; }
          .index #main-visual .main-text .list__item a:hover {
            background: #082f6d;
            text-decoration: none; }
  @media only screen and (min-width: 992px) {
    .index #main-visual .main-text {
      max-width: 514px;
      margin: 50px auto; }
      .index #main-visual .main-text h2 {
        margin-bottom: 30px; }
      .index #main-visual .main-text .list__item a {
        font-size: 22px;
        line-height: 22px; } }
  @media only screen and (min-width: 1200px) {
    .index #main-visual .main-text {
      margin: 70px auto; } }

#main-area {
  padding: 20px 0;
  background: -webkit-linear-gradient(top, #a0be41, #77ae41 80%);
  background: -moz-linear-gradient(top, #a0be41, #77ae41 80%);
  background: linear-gradient(to bottom, #a0be41, #77ae41 80%); }
  #main-area .main-text img {
    display: none; }
  #main-area .main-text h2 {
    font-size: 20px;
    font-size: 2.0rem;
    color: #fffd00;
    text-align: center;
    font-weight: 700; }
    #main-area .main-text h2 span {
      display: block;
      margin-top: 6px;
      font-size: 16px;
      font-size: 1.6rem;
      color: #fff; }
  @media only screen and (min-width: 992px) {
    #main-area {
      padding: 30px 0; }
      #main-area .main-text {
        display: table;
        margin: auto; }
        #main-area .main-text:before, #main-area .main-text:after {
          content: "";
          display: table; }
        #main-area .main-text:after {
          clear: both; }
        #main-area .main-text {
          *zoom: 1; }
        #main-area .main-text img {
          display: table-cell;
          vertical-align: middle;
          float: left;
          margin-top: 5px;
          max-width: 100px;
          margin-right: 10px; }
        #main-area .main-text h2 {
          display: table-cell;
          vertical-align: middle;
          font-size: 40px;
          font-size: 4rem; }
          #main-area .main-text h2 span {
            font-size: 20px;
            font-size: 2rem; } }

.contents {
  background: transparent url(./img/border-bg.png) repeat;
  padding: 15px 10px; }
  .contents a:hover > img {
    opacity: .8; }
  .contents__main {
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 10px;
    overflow: hidden; }
    .contents__main__inner {
      padding: 15px 0; }
  @media only screen and (min-width: 992px) {
    .contents {
      padding: 30px 10px; }
      .contents__main {
        padding: 15px;
        border-radius: 10px; }
        .contents__main__inner {
          padding: 30px 0;
          max-width: 775px;
          margin: auto; }
          .contents__main__inner--large {
            max-width: 950px; } }

.step-purchase {
  background: #fff;
  border: 2px solid #0b449d;
  border-radius: 5px;
  padding: 10px 0; }
  .step-purchase__title {
    margin: 5px 0 15px;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 25px; }
    .step-purchase__title img {
      margin: 0 auto; }
    .step-purchase__title:before {
      content: '';
      background: transparent url(./img/icon-step-title.png) no-repeat 50%;
      background-size: contain;
      width: 26px;
      height: 26px;
      display: inline-block;
      margin-right: 7px;
      position: relative;
      top: 5px; }
  .step-purchase .list__item {
    background: #f5f5f5;
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 5px;
    margin: 0 auto 20px;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    color: #0b449d;
    font-weight: 700;
    text-align: center; }
    .step-purchase .list__item img {
      max-width: 25%;
      height: auto;
      position: absolute;
      top: -15px;
      left: 10px; }
    .step-purchase .list__item:after {
      content: "\f078";
      font-family: FontAwesome;
      position: absolute;
      left: 50%;
      bottom: -20px;
      margin-left: -8px; }
    .step-purchase .list__item:last-child {
      margin-bottom: 15px; }
      .step-purchase .list__item:last-child:after {
        content: none; }
  .step-purchase .anchor {
    background: #fffd00;
    border-radius: 20px;
    display: inline-block;
    width: 80%;
    margin: 0 auto;
    padding: 5px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #0b449d; }
    .step-purchase .anchor:before, .step-purchase .anchor:after {
      content: "";
      display: table; }
    .step-purchase .anchor:after {
      clear: both; }
    .step-purchase .anchor {
      *zoom: 1; }
    .step-purchase .anchor .fa {
      margin-top: 1px;
      float: right;
      font-size: 16px;
      font-size: 1.6rem; }
    .step-purchase .anchor:hover {
      text-decoration: none;
      opacity: .7; }

.index .step-purchase {
  margin: 10px; }

.category .step-purchase {
  margin: 15px 0; }

@media only screen and (min-width: 768px) {
  .step-purchase {
    border: none;
    background: none; }
    .step-purchase__title {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 700;
      margin: 0 0 25px;
      text-align: left; }
    .step-purchase__contents {
      background: #fff;
      border: 6px solid #0b449d;
      border-radius: 5px;
      margin: 10px 0;
      padding: 10px;
      position: relative; }
      .step-purchase__contents .list:before, .step-purchase__contents .list:after {
        content: "";
        display: table; }
      .step-purchase__contents .list:after {
        clear: both; }
      .step-purchase__contents .list {
        *zoom: 1; }
      .step-purchase__contents .list__item {
        background: #f5f5f5;
        border-radius: 5px;
        display: block;
        width: 100%;
        margin: 0 0 0 6px;
        padding: 10px;
        position: relative;
        font-size: 20px;
        font-size: 2rem;
        color: #0b449d;
        font-weight: 700;
        text-align: center;
        width: 160px;
        float: left;
        -webkit-transition: background-color .8s;
        -moz-transition: background-color .8s;
        transition: background-color .8s; }
        .step-purchase__contents .list__item img {
          position: absolute;
          top: -15px;
          left: 10px;
          max-width: 35%; }
        .step-purchase__contents .list__item:first-child {
          background: #0b449d;
          margin-left: 0;
          width: 190px;
          padding-right: 20px;
          text-align: right;
          color: #fff; }
        .step-purchase__contents .list__item:hover {
          background: #0b449d;
          color: #fff; }
        .step-purchase__contents .list__item:after {
          content: ''; }
      .step-purchase__contents .anchor {
        background: #fffd00;
        border-radius: 20px;
        display: inline-block;
        width: 230px;
        margin: 0 auto;
        padding: 5px 15px;
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 18px;
        font-size: 1.8rem;
        color: #0b449d; }
        .step-purchase__contents .anchor:before, .step-purchase__contents .anchor:after {
          content: "";
          display: table; }
        .step-purchase__contents .anchor:after {
          clear: both; }
        .step-purchase__contents .anchor {
          *zoom: 1; }
        .step-purchase__contents .anchor .fa {
          margin-top: 3px;
          float: right;
          font-size: 16px;
          font-size: 1.6rem; }
    .step-purchase .container {
      width: auto;
      max-width: 750px;
      margin: auto; } }

@media only screen and (min-width: 992px) {
  .step-purchase {
    border: none; }
    .step-purchase__contents {
      background: #fff;
      border: 6px solid #0b449d;
      border-radius: 5px;
      margin: 10px 0;
      padding: 10px;
      position: relative; }
      .step-purchase__contents .list:before, .step-purchase__contents .list:after {
        content: "";
        display: table; }
      .step-purchase__contents .list:after {
        clear: both; }
      .step-purchase__contents .list {
        *zoom: 1; }
      .step-purchase__contents .list__item {
        margin: 0 0 0 27px;
        font-size: 24px;
        font-size: 2.4rem;
        width: 200px; }
        .step-purchase__contents .list__item:first-child {
          width: 225px;
          margin-left: 0; }
        .step-purchase__contents .list__item:last-child {
          margin-bottom: 0; }
        .step-purchase__contents .list__item:hover {
          background: #0b449d;
          color: #fff; }
        .step-purchase__contents .list__item:after {
          content: ''; }
    .step-purchase .container {
      width: auto;
      max-width: 970px;
      margin: auto; }
  .index .step-purchase {
    margin: 0;
    background: transparent url(./img/border-bg.png) repeat; }
    .index .step-purchase__contents .list__item {
      margin: 0 0 0 37px; }
      .index .step-purchase__contents .list__item:first-child {
        margin-left: 0; } }

@media only screen and (min-width: 1200px) {
  .step-purchase__contents__title {
    font-size: 25px;
    font-size: 2.5rem;
    margin: 0 0 30px; }
  .step-purchase__contents .list:before, .step-purchase__contents .list:after {
    content: "";
    display: table; }
  .step-purchase__contents .list:after {
    clear: both; }
  .step-purchase__contents .list {
    *zoom: 1; }
  .step-purchase__contents .list__item {
    font-size: 30px;
    font-size: 3rem;
    width: 250px; }
    .step-purchase__contents .list__item:first-child {
      margin-left: 0;
      width: 275px; }
  .step-purchase .container {
    width: auto;
    max-width: 1170px;
    margin: auto; } }

.dl-accordion {
  width: 100%; }
  .dl-accordion__title {
    background: #77ae41;
    border-bottom: 2px solid #6b9c3a;
    padding: 10px 5px 8px;
    color: #fff;
    text-shadow: 1px 0 1px rgba(0, 0, 0, 0.2);
    letter-spacing: .1em;
    font-size: 20px;
    font-size: 2rem; }
    .dl-accordion__title:before, .dl-accordion__title:after {
      content: "";
      display: table; }
    .dl-accordion__title:after {
      clear: both; }
    .dl-accordion__title {
      *zoom: 1; }
    .dl-accordion__title .fa {
      float: right;
      margin-top: 7px; }
    .dl-accordion__title img {
      margin: 0 7px 0 5px; }
  .dl-accordion__contents {
    padding: 10px 0;
    margin-bottom: 15px;
    background: #f5f5f5;
    display: none; }
    .dl-accordion__contents .list__item {
      padding: 5px; }
      .dl-accordion__contents .list__item a {
        background: -webkit-linear-gradient(top, #fff, #fafafa 50%);
        background: -moz-linear-gradient(top, #fff, #fafafa 50%);
        background: linear-gradient(to bottom, #fff, #fafafa 50%);
        border: 1px solid #349935;
        width: 100%;
        min-height: 70px;
        padding: 5px;
        display: table;
        text-align: center; }
        .dl-accordion__contents .list__item a span {
          display: table-cell;
          vertical-align: middle; }

.news {
  background: #f5f5f5;
  padding: 15px 0; }
  .news .info-area {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px; }
    .news .info-area h3 {
      padding: 15px 15px 15px 40px;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: normal;
      color: #b93a2c;
      position: relative; }

    .news .info-area h3 .mag {
      padding: 15px 15px 15px 40px;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: normal;
      color: #388638;
      position: relative; }

      .news .info-area h3:before {
        width: 24px;
        height: 31px;
        content: url(./img/icon-information.png);
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 12px; }
    .news .info-area .list__item {
      border-top: 1px solid #ddd;
      padding: 10px; }
      .news .info-area .list__item a {
        font-size: 12px;
        font-size: 1.2rem;
        color: #3b3b3b; }
        .news .info-area .list__item a .date,
        .news .info-area .list__item a .title {
          margin-right: 5px; }
        .news .info-area .list__item a .new {
          background: #fffd00;
          padding: 3px 5px;
          font-size: 10px;
          font-size: 1rem;
          color: #b93a2c; }
        .news .info-area .list__item a .sale {
          background: #b93a2c;
          padding: 3px 5px;
          font-size: 10px;
          font-size: 1rem;
          color: #fff; }
        .news .info-area .list__item a:hover {
          text-decoration: none;
          opacity: .8; }
      .news .info-area .list__item:nth-child(even) {
        background: #fafafa; }
  .news .text-area {
    background: #f5f5f5;
    border: 3px solid #bfbfbf;
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
    position: relative; }
    .news .text-area:after, .news .text-area:before {
      top: 50%;
      left: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .news .text-area:after {
      border-color: rgba(245, 245, 245, 0);
      border-left-color: #f5f5f5;
      border-width: 15px;
      margin-top: -15px;
      margin-left: 0; }
    .news .text-area:before {
      border-color: rgba(191, 191, 191, 0);
      border-left-color: #bfbfbf;
      border-width: 20px;
      margin-top: -20px;
      margin-left: 0; }
    .news .text-area__title {
      font-size: 14px;
      font-size: 1.4rem; }
    .news .text-area .social-area {
      margin-top: 15px; }
  .news .news-img {
    display: block;
    margin: 0 auto; }
  .news #facebook,
  .news #twitter {
    margin-top: 15px; }
    .news #facebook h3,
    .news #twitter h3 {
      padding: 15px 10px;
      position: relative;
      font-size: 18px;
      font-size: 1.8rem; }
      .news #facebook h3 span,
      .news #twitter h3 span {
        font-size: 13px;
        font-size: 1.3rem; }
      .news #facebook h3:after,
      .news #twitter h3:after {
        content: url(./img/icon-social.png);
        display: inline-block;
        position: absolute;
        right: 10px;
        bottom: -2px; }
  .news #facebook h3 {
    background: #cfddea;
    color: #25679f; }
  .news #facebook-wrapper {
    max-width: 500px;
    margin: 0 auto; }
  .news #twitter h3 {
    background: #cfe5c6;
    color: #258a00; }
  @media only screen and (min-width: 768px) {
    .news {
      padding: 30px 0; }
      .news .text-area {
        position: relative;
        background: #f5f5f5;
        border: 3px solid #bfbfbf;
        padding: 60px 10px;
        margin-top: 15px; }
        .news .text-area__title {
          font-size: 20px;
          font-size: 2rem; }
        .news .text-area .social-area {
          margin-top: 30px; }
      .news .news-img {
        display: block;
        margin: 0 auto; } }
  @media only screen and (min-width: 992px) {
    .news #facebook,
    .news #twitter {
      margin-top: 0; } }

.ranking {
  padding-bottom: 20px; }
  .ranking__text {
    text-align: center; }
    .ranking__text img {
      max-height: 150px; }
  .ranking__contents__rank {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    padding: 7px 10px;
    display: inline-block;
    color: #fff;
    -webkit-transform: rotate(-5deg);
       -moz-transform: rotate(-5deg);
            transform: rotate(-5deg);
    position: relative;
    z-index: 1; }
  .ranking__contents__name {
    font-size: 14px;
    font-size: 1.4rem; }
  .ranking__contents__maker {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    margin: 2px 0 8px; }
  .ranking__contents__price {
    font-size: 18px;
    font-size: 1.8rem;
    color: #f00; }
    .ranking__contents__price:before {
      content: url(./img/icon-price.png);
      margin-right: 5px;
      display: inline-block;
      position: relative;
      top: 5px; }
  .ranking__contents .list {
    padding-bottom: 10px; }
    .ranking__contents .list__item {
      padding: 5px 10px; }
      .ranking__contents .list__item a {
        border: 1px solid #bfbfbf;
        border-radius: 5px;
        margin-top: -30px;
        padding: 5px 5px;
        display: block;
        text-align: center; }
        .ranking__contents .list__item a .thumb {
          width: auto;
          max-height: 80px;
          padding: 0; }
        .ranking__contents .list__item a .detail-wrap {
          padding: 0; }
        .ranking__contents .list__item a:hover {
          opacity: .7; }
      .ranking__contents .list__item:nth-of-type(1) .ranking__contents__rank, .ranking__contents .list__item:nth-of-type(2) .ranking__contents__rank, .ranking__contents .list__item:nth-of-type(3) .ranking__contents__rank {
        background: -webkit-linear-gradient(top, #f7af32, #ff7d00 70%);
        background: -moz-linear-gradient(top, #f7af32, #ff7d00 70%);
        background: linear-gradient(to bottom, #f7af32, #ff7d00 70%); }
      .ranking__contents .list__item:nth-of-type(4) .ranking__contents__rank, .ranking__contents .list__item:nth-of-type(5) .ranking__contents__rank, .ranking__contents .list__item:nth-of-type(6) .ranking__contents__rank {
        background: -webkit-linear-gradient(top, #3c59f7, #0e86ff 70%);
        background: -moz-linear-gradient(top, #3c59f7, #0e86ff 70%);
        background: linear-gradient(to bottom, #3c59f7, #0e86ff 70%); }
  @media only screen and (min-width: 992px) {
    .ranking {
      padding: 20px 0; }
      .ranking__text img {
        max-height: 100%; }
      .ranking__contents__rank {
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
        padding: 7px 10px; }
      .ranking__contents__name {
        font-size: 18px;
        font-size: 1.8rem; }
      .ranking__contents__maker {
        font-size: 12px;
        font-size: 1.2rem;
        display: block;
        margin: 2px 0 8px; }
      .ranking__contents__price {
        font-size: 24px;
        font-size: 2.4rem; }
      .ranking__contents .list {
        padding-bottom: 10px; }
        .ranking__contents .list__item {
          padding: 10px; }
          .ranking__contents .list__item a {
            border: 1px solid #bfbfbf;
            border-radius: 5px;
            margin-top: -30px;
            padding: 10px 5px;
            text-align: left; }
            .ranking__contents .list__item a .thumb {
              max-width: 100%;
              max-height: 100%; }
            .ranking__contents .list__item a .detail-wrap {
              padding: 0 15px; } }

.results {
  padding: 15px 0; }
  .results__title {
    text-align: center; }
    .results__title img {
      max-width: 40%; }
  .results .list--results {
    margin-bottom: 15px; }
    .results .list--results .list__item {
      margin-bottom: 10px;
      padding: 0 5px; }
      .results .list--results .list__item a {
        border: 4px solid #a0be41;
        display: block;
        position: relative;
        width: 100%;
        padding: 0 5px 10px; }
        .results .list--results .list__item a .results__thumb {
          display: block;
          margin: 0 auto 10px;
          max-height: 80px; }
        .results .list--results .list__item a .results__contents__name {
          font-weight: 700;
          font-size: 14px;
          font-size: 1.4rem; }
        .results .list--results .list__item a:after {
          content: url(./img/icon-category.png);
          right: 5px;
          bottom: 5px;
          position: absolute; }
        .results .list--results .list__item a:hover {
          opacity: .8;
          text-decoration: none; }
  @media only screen and (min-width: 992px) {
    .results {
      padding: 45px 0; }
      .results__title img {
        max-width: 100%; }
      .results__title {
        position: relative;
        padding: 30px 0; }
        .results__title:before {
          content: url(./img/tab-text_before.png);
          width: 269px;
          height: 132px;
          position: absolute;
          left: 0;
          top: -10px;
          z-index: 1; }
        .results__title:after {
          content: url(./img/tab-text_after.png);
          width: 269px;
          height: 132px;
          position: absolute;
          right: 0;
          top: -10px;
          z-index: 1; }
      .results .list--results {
        margin: 30px -15px 40px; }
        .results .list--results .list__item {
          margin-bottom: 0;
          padding: 0 15px; }
          .results .list--results .list__item a {
            border: 4px solid #a0be41;
            padding: 10px;
            font-size: 14px;
            font-size: 1.4rem; }
            .results .list--results .list__item a .results__thumb {
              max-height: 170px; }
            .results .list--results .list__item a .results__contents__name {
              font-size: 16px;
              font-size: 1.6rem; } }

.application-area .dl-list--application__tel {
  margin-bottom: 0; }
  .application-area .dl-list--application__tel .dl-dt {
    background: #f7ac02;
    border-radius: 5px;
    padding: 5px 8px 10px;
    display: inline-block;
    position: relative;
    top: -15px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff; }
    .application-area .dl-list--application__tel .dl-dt--delivery:before {
      background: transparent url(./img/icon-delivery.png) no-repeat;
      background-size: contain;
      display: inline-block;
      content: '';
      width: 32px;
      height: 22px;
      position: relative;
      top: 5px; }
    .application-area .dl-list--application__tel .dl-dt--official:before {
      background: transparent url(./img/icon-official.png) no-repeat;
      background-size: contain;
      display: inline-block;
      content: '';
      width: 32px;
      height: 22px;
      position: relative;
      top: 5px; }
  .application-area .dl-list--application__tel .dl-dd {
    display: inline-block;
    text-align: left;
    position: relative;
    top: 4px;
    font-size: 10px;
    font-size: 1rem; }
    .application-area .dl-list--application__tel .dl-dd strong {
      display: block;
      font-weight: 700; }
    .application-area .dl-list--application__tel .dl-dd span {
      font-size: 20px;
      font-size: 2rem;
      font-weight: 700; }

.application-area .list--application__online:before, .application-area .list--application__online:after {
  content: "";
  display: table; }

.application-area .list--application__online:after {
  clear: both; }

.application-area .list--application__online {
  *zoom: 1; }

.application-area .list--application__online .list__item {
  width: 49%;
  float: left; }
  .application-area .list--application__online .list__item a {
    border: 1px solid #bfbfbf;
    display: block;
    padding: 15px 10px;
    text-decoration: none; }
    .application-area .list--application__online .list__item a:before, .application-area .list--application__online .list__item a:after {
      content: "";
      display: table; }
    .application-area .list--application__online .list__item a:after {
      clear: both; }
    .application-area .list--application__online .list__item a {
      *zoom: 1; }
    .application-area .list--application__online .list__item a img {
      float: left;
      margin-right: 5px;
      max-width: 40px; }
    .application-area .list--application__online .list__item a span {
      display: block;
      font-weight: 700;
      font-size: 15px;
      font-size: 1.5rem; }
      .application-area .list--application__online .list__item a span.strong {
        font-size: 10px;
        font-size: 1rem;
        color: #fc0000; }
    .application-area .list--application__online .list__item a:hover {
      opacity: .7; }
  .application-area .list--application__online .list__item:first-child {
    margin-right: 2%; }

@media only screen and (min-width: 768px) {
  .application-area .dl-list--application__tel {
    margin-bottom: 0;
    border-bottom: none;
    border-right: 1px solid #f5f5f5; }
    .application-area .dl-list--application__tel .dl-dt {
      min-width: 150px;
      font-size: 24px;
      font-size: 2.4rem; }
      .application-area .dl-list--application__tel .dl-dt--delivery:before {
        width: 42px;
        height: 32px;
        top: 8px; }
      .application-area .dl-list--application__tel .dl-dt--official:before {
        width: 42px;
        height: 32px;
        top: 8px; }
    .application-area .dl-list--application__tel .dl-dd {
      min-width: 150px; }
      .application-area .dl-list--application__tel .dl-dd span {
        font-size: 26px;
        font-size: 2.6rem; }
  .application-area .list--application__online .list__item a img {
    display: block;
    max-width: 100%; }
  .application-area .list--application__online .list__item a span {
    display: block;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem; }
    .application-area .list--application__online .list__item a span.strong {
      font-size: 12px;
      font-size: 1.2rem;
      color: #fc0000; } }

@media only screen and (min-width: 992px) {
  .application-area .dl-list--application__tel .dl-dt--delivery:before {
    margin-right: 5px; }
  .application-area .dl-list--application__tel .dl-dt--official:before {
    margin-right: 5px; }
  .application-area .list--application__online:before, .application-area .list--application__online:after {
    content: "";
    display: table; }
  .application-area .list--application__online:after {
    clear: both; }
  .application-area .list--application__online {
    *zoom: 1; }
  .application-area .list--application__online .list__item a span {
    font-size: 22px;
    font-size: 2.2rem; }
    .application-area .list--application__online .list__item a span.strong {
      font-size: 18px;
      font-size: 1.8rem; } }

@media only screen and (min-width: 768px) {
  .category .application-area {
    max-width: 55%;
    margin: auto; }
    .category .application-area .dl-list--application__tel {
      margin-bottom: 0;
      border: none; } }

@media only screen and (min-width: 992px) {
  .category .application-area {
    max-width: 65%; } }

@media only screen and (min-width: 1200px) {
  .category .application-area {
    max-width: 55%;
    margin: auto; }
    .category .application-area .dl-list--application__tel .dl-dt {
      background: #f7ac02;
      padding: 14px 8px 20px; }
    .category .application-area .dl-list--application__tel .dl-dd {
      top: 10px;
      font-size: 14px;
      font-size: 1.4rem; }
      .category .application-area .dl-list--application__tel .dl-dd span {
        font-size: 34px;
        font-size: 3.4rem; } }

.footer-aside {
  margin-top: 15px; }
  .footer-aside__contents {
    background: #fff;
    border: 3px solid #f5f5f5;
    border-radius: 3px;
    padding: 10px 0; }
    .footer-aside__contents:before, .footer-aside__contents:after {
      content: "";
      display: table; }
    .footer-aside__contents:after {
      clear: both; }
    .footer-aside__contents {
      *zoom: 1; }
    .footer-aside__contents-application {
      padding: 0 10px; }
      .footer-aside__contents-application__tel {
        margin-bottom: 10px;
        border-bottom: 1px solid #f5f5f5; }
        .footer-aside__contents-application__tel .dl-list {
          margin-bottom: 0; }
          .footer-aside__contents-application__tel .dl-list .dl-dt {
            background: #0b449d;
            border-radius: 5px;
            padding: 5px 8px 10px;
            display: inline-block;
            position: relative;
            top: -15px;
            font-size: 16px;
            font-size: 1.6rem;
            color: #fff; }
            .footer-aside__contents-application__tel .dl-list .dl-dt--delivery:before {
              background: transparent url(./img/icon-delivery.png) no-repeat;
              background-size: contain;
              display: inline-block;
              content: '';
              width: 32px;
              height: 22px;
              margin-right: 5px;
              position: relative;
              top: 5px; }
            .footer-aside__contents-application__tel .dl-list .dl-dt--official:before {
              background: transparent url(./img/icon-official.png) no-repeat;
              background-size: contain;
              display: inline-block;
              content: '';
              width: 32px;
              height: 22px;
              margin-right: 5px;
              position: relative;
              top: 5px; }
          .footer-aside__contents-application__tel .dl-list .dl-dd {
            display: inline-block;
            text-align: left;
            position: relative;
            top: 4px;
            font-size: 10px;
            font-size: 1rem; }
            .footer-aside__contents-application__tel .dl-list .dl-dd strong {
              display: block;
              font-weight: 700; }
            .footer-aside__contents-application__tel .dl-list .dl-dd span {
              font-size: 20px;
              font-size: 2rem;
              font-weight: 700;
              font-family: Avenir , Helvetica , Arial , Verdana , Roboto , sans-serif; }
      .footer-aside__contents-application__online .list:before, .footer-aside__contents-application__online .list:after {
        content: "";
        display: table; }
      .footer-aside__contents-application__online .list:after {
        clear: both; }
      .footer-aside__contents-application__online .list {
        *zoom: 1; }
      .footer-aside__contents-application__online .list--application__online {
        margin: 2% 0 4%; }
        .footer-aside__contents-application__online .list--application__online .list__item {
          width: 49%;
          float: left; }
          .footer-aside__contents-application__online .list--application__online .list__item a {
            border: 1px solid #bfbfbf;
            display: block;
            padding: 15px 10px;
            text-decoration: none; }
            .footer-aside__contents-application__online .list--application__online .list__item a:before, .footer-aside__contents-application__online .list--application__online .list__item a:after {
              content: "";
              display: table; }
            .footer-aside__contents-application__online .list--application__online .list__item a:after {
              clear: both; }
            .footer-aside__contents-application__online .list--application__online .list__item a {
              *zoom: 1; }
            .footer-aside__contents-application__online .list--application__online .list__item a img {
              float: left;
              margin-right: 5px;
              max-width: 30px; }
            .footer-aside__contents-application__online .list--application__online .list__item a span {
              display: block;
              font-weight: 700;
              font-size: 14px;
              font-size: 1.4rem; }
              .footer-aside__contents-application__online .list--application__online .list__item a span.strong {
                font-size: 10px;
                font-size: 1rem;
                color: #fc0000; }
            .footer-aside__contents-application__online .list--application__online .list__item a:hover {
              opacity: .7; }
          .footer-aside__contents-application__online .list--application__online .list__item:first-child {
            margin-right: 2%; }
      .footer-aside__contents-application__online .list--application__list {
        background: #f5f5f5;
        padding: 8px 0; }
        .footer-aside__contents-application__online .list--application__list .list__item {
          border-left: 1px solid #bfbfbf;
          padding: 0 5px;
          text-align: center; }
          .footer-aside__contents-application__online .list--application__list .list__item a {
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 700;
            color: #258a00; }
            .footer-aside__contents-application__online .list--application__list .list__item a img {
              display: none; }
          .footer-aside__contents-application__online .list--application__list .list__item:first-child {
            border-left: none;
            padding: 0; }
  .footer-aside .list--sp-sitemap .list__item {
    padding: 0 1px;
    text-align: center;
    margin-bottom: 2px;
    font-weight: bold; }
    .footer-aside .list--sp-sitemap .list__item a {
      background: -webkit-linear-gradient(top, #f6fff0, #fff 50%);
      background: -moz-linear-gradient(top, #f6fff0, #fff 50%);
      background: linear-gradient(to bottom, #f6fff0, #fff 130%);
      border: 3px solid #349935;
      display: block;
      color: #349935;
      line-height: 40px; }
      .footer-aside .list--sp-sitemap .list__item a:hover {
        opacity: .6;
        text-decoration: none; }
  @media only screen and (min-width: 768px) {
    .footer-aside__contents {
      max-width: 800px;
      margin: 0 auto; }
      .footer-aside__contents-application__tel {
        margin-bottom: 0;
        border-bottom: none;
        border-right: 1px solid #f5f5f5; }
        .footer-aside__contents-application__tel .dl-list {
          margin-bottom: 0; }
          .footer-aside__contents-application__tel .dl-list .dl-dt {
            min-width: 132px;
            padding: 2px 5px 8px;
            font-size: 22px;
            font-size: 2.2rem; }
            .footer-aside__contents-application__tel .dl-list .dl-dt--delivery:before {
              width: 28px;
              height: 26px;
              top: 8px; }
            .footer-aside__contents-application__tel .dl-list .dl-dt--official:before {
              width: 28px;
              height: 26px;
              top: 8px; }
          .footer-aside__contents-application__tel .dl-list .dl-dd {
            min-width: 150px;
            font-size: 14px;
            font-size: 1.4rem; }
            .footer-aside__contents-application__tel .dl-list .dl-dd span {
              font-size: 20px;
              font-size: 2rem; }
      .footer-aside__contents-application__online .list--application__online .list__item a img {
        max-width: 30%;
        margin-right: 7px; }
      .footer-aside__contents-application__online .list--application__online .list__item a span {
        font-size: 18px;
        font-size: 1.8rem; }
        .footer-aside__contents-application__online .list--application__online .list__item a span.strong {
          font-size: 12px;
          font-size: 1.2rem;
          color: #fc0000; }
      .footer-aside__contents-application__online .list--application__list {
        background: none; }
        .footer-aside__contents-application__online .list--application__list .list__item a {
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #000000; } }
  @media only screen and (min-width: 992px) {
    .footer-aside {
      margin-top: 30px; }
      .footer-aside__contents {
        max-width: 1000px;
        margin: 0 auto; }
        .footer-aside__contents-application {
          padding: 0 10px; }
          .footer-aside__contents-application__tel .dl-list .dl-dt {
            margin-right: 10px;
            max-width: 180px;
            padding: 9px 10px 10px;
            top: -20px;
            font-size: 26px;
            font-size: 2.6rem; }
            .footer-aside__contents-application__tel .dl-list .dl-dt--delivery:before {
              width: 32px;
              height: 28px;
              top: 8px; }
            .footer-aside__contents-application__tel .dl-list .dl-dt--official:before {
              width: 32px;
              height: 28px;
              top: 8px; }
          .footer-aside__contents-application__tel .dl-list .dl-dd {
            font-size: 14px;
            font-size: 1.4rem; }
            .footer-aside__contents-application__tel .dl-list .dl-dd span {
              font-size: 32px;
              font-size: 3.2rem; }
          .footer-aside__contents-application__online .list:before, .footer-aside__contents-application__online .list:after {
            content: "";
            display: table; }
          .footer-aside__contents-application__online .list:after {
            clear: both; }
          .footer-aside__contents-application__online .list {
            *zoom: 1; }
          .footer-aside__contents-application__online .list--application__online .list__item a img {
            max-width: 100%;
            margin-right: 10px; }
          .footer-aside__contents-application__online .list--application__online .list__item a span {
            font-size: 22px;
            font-size: 2.2rem; }
            .footer-aside__contents-application__online .list--application__online .list__item a span.strong {
              font-size: 16px;
              font-size: 1.6rem; }
          .footer-aside__contents-application__online .list--application__list {
            background: none; }
            .footer-aside__contents-application__online .list--application__list .list__item {
              padding: 0 10px;
              text-align: left; }
              .footer-aside__contents-application__online .list--application__list .list__item a {
                font-size: 16px;
                font-size: 1.6rem; }
                .footer-aside__contents-application__online .list--application__list .list__item a img {
                  max-width: 100%;
                  display: inline-block; } }

.footer .go-top {
  max-width: 320px;
  margin: 0 auto; 
 text-align:center;}
  .footer .go-top a:before, .footer .go-top a:after {
    content: "";
    display: table; }
  .footer .go-top a:after {
    clear: both; }
  .footer .go-top a {
    *zoom: 1; }
  .footer .go-top a img {
    float: left;
    margin-right: 7px; }
  .footer .go-top a span {
    display: block;
    padding-top: 15px; }


/*　フッターEnglishページ */
.footer .ften {
 text-align:center;
margin:60px 0 0 0;
}
/*　フッターEnglishページ */



.footer__contents {
  background: #a7d100;
  padding: 15px; }
  .footer__contents:before, .footer__contents:after {
    content: "";
    display: table; }
  .footer__contents:after {
    clear: both; }
  .footer__contents {
    *zoom: 1; }
  .footer__contents .list--footer-link {
    padding-left: 15px; }
  .footer__contents .list__item {
    padding-bottom: 7px; }
    .footer__contents .list__item a {
      color: #fff; }
      .footer__contents .list__item a i {
        margin-right: 5px; }
    .footer__contents .list__item--link-indent {
      padding-left: 15px; }


.footer__contents2 {
  background: #a7d100;
  padding: 15px; }
  .footer__contents2:before, .footer__contents2:after {
    content: "";
    display: table; }
  .footer__contents2:after {
    clear: both; }
  .footer__contents2 {
    *zoom: 1; }
  .footer__contents2 .list--footer-link {
    padding-left: 15px; }
  .footer__contents2 .list__item {
    padding-bottom: 8px; }
    .footer__contents2 .list__item a {
      color: #fff; }
      .footer__contents2 .list__item a i {
        margin-right: 5px; }
    .footer__contents2 .list__item--link-indent {
      padding-left: 15px; }

.footer__contents2 p {
	 color: #fff; 
padding-left: 15px;
padding-bottom: 8px;
	font-size: 14px;
      font-size: 1.4rem;
}

.footer__contents2 p a {
	 color: #fff; 
padding-left: 0px;
padding-bottom: 8px;
	font-size: 14px;
      font-size: 1.4rem;
}


.footer .copyright {
  background: #9e9e9e;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  padding: 8px; }

@media only screen and (min-width: 768px) {
  .footer__contents {
    background: transparent url(./img/footer-bg.png) no-repeat 50% top;
    background-size: cover;
    min-height: 190px;
    padding: 70px 15px 30px; }
    .footer__contents:before, .footer__contents:after {
      content: "";
      display: table; }
    .footer__contents:after {
      clear: both; }
    .footer__contents {
      *zoom: 1; }
    .footer__contents .list--footer-link {
      border-right: 1px solid #fff;
      padding-left: 10px;
      width: 20%;
      min-height: 110px;
      float: left; }
      .footer__contents .list--footer-link:nth-of-type(1) {
        border-left: 1px solid #fff; }
    .footer__contents .list__item--link-indent {
      padding-left: 10px; }
    .footer__contents .list__item a {
      font-size: 12px;
      font-size: 1.2rem; }

	
.footer__contents2 {
  
    background-size: cover;
    min-height: 110px;
    padding: 25px 15px 5px;
	}
    .footer__contents2:before, .footer__contents2:after {
      content: "";
      display: table; }
    .footer__contents2:after {
      clear: both; }
    .footer__contents2 {
      *zoom: 1; }
    .footer__contents2 .list--footer-link {
      padding-left: 10px;
      width: 8%;
      min-height: 80px;
      float: left; }

    .footer__contents2 .list__item--link-indent {
      padding-left: 10px; }
    .footer__contents2 .list__item a {
      font-size: 12px;
      font-size: 1.2rem; }


}

@media only screen and (min-width: 992px) {
  .footer .go-top {
    position: relative;
    top: 35px; }
  .footer__contents .list--footer-link {
    padding-left: 15px; }
  .footer__contents .list__item--link-indent {
    padding-left: 15px; }
  .footer__contents .list__item a {
    font-size: 14px;
    font-size: 1.4rem; }
	
  .footer__contents2 .list--footer-link {
    padding-left: 15px; }
  .footer__contents2 .list__item--link-indent {
    padding-left: 15px; }
  .footer__contents2 .list__item a {
    font-size: 13px;
    font-size: 1.3rem; }

}

.paragraph .tel-no {
  color: #349935;
  font-weight: 700; }

.paragraph--terms {
  margin-bottom: 30px; }

.paragraph--bg-safe, .paragraph--bg-service, .paragraph--bg-shipping, .paragraph--bg-interior, .paragraph--bg-working, .paragraph--bg-workplace, .paragraph--bg-occupation {
  margin-bottom: 15px; }
  .paragraph--bg-safe .xs-title, .paragraph--bg-service .xs-title, .paragraph--bg-shipping .xs-title, .paragraph--bg-interior .xs-title, .paragraph--bg-working .xs-title, .paragraph--bg-workplace .xs-title, .paragraph--bg-occupation .xs-title {
    color: #349935;
    font-weight: 700;
    display: block; }

@media only screen and (min-width: 992px) {
  .paragraph--bg-safe {
    background: transparent url(./img/bg-paragraph-safe.jpg) no-repeat left;
    padding-left: 150px;
    margin-bottom: 30px; }
  .paragraph--bg-service {
    background: transparent url(./img/bg-paragraph-service.jpg) no-repeat left;
    padding-left: 150px;
    margin-bottom: 30px; }
  .paragraph--bg-shipping {
    background: transparent url(./img/bg-paragraph-shipping.jpg) no-repeat left;
    padding-left: 150px;
    margin-bottom: 30px; }
  .paragraph--bg-interior {
    background: transparent url(./img/bg-paragraph-interior.jpg) no-repeat left;
    padding-left: 150px;
    margin-bottom: 30px; }
  .paragraph--bg-working {
    background: transparent url(./img/bg-paragraph-working.jpg) no-repeat left;
    padding-left: 150px;
    margin-bottom: 30px;
    min-height: 115px; }
  .paragraph--bg-workplace {
    background: transparent url(./img/bg-paragraph-workplace.jpg) no-repeat left;
    padding-left: 150px;
    margin-bottom: 30px; }
  .paragraph--bg-occupation {
    background: transparent url(./img/bg-paragraph-occupation.jpg) no-repeat left;
    padding-left: 150px;
    margin-bottom: 30px; } }

.index .purchase-area {
  background: -webkit-linear-gradient(top, #a0be41, #77ae41 80%);
  background: -moz-linear-gradient(top, #a0be41, #77ae41 80%);
  background: linear-gradient(to bottom, #84b654, #77ae41 80%);
  padding: 20px 0 0 0; }
  .index .purchase-area__contents {
    background: #fff; }
    .index .purchase-area__contents h3 {
      margin: 5px 0 15px;
      text-align: center; }
      .index .purchase-area__contents h3 img {
        margin: 0 auto; }
  .index .purchase-area .paragraph {
    margin-bottom: 15px; }
    .index .purchase-area .paragraph .text-danger {
      color: #f00; }

@media only screen and (min-width: 768px) {
  .index .purchase-area .container {
    border-radius: 10px;
    padding: 15px; }
  .index .purchase-area .step-purchase .container {
    padding: 0; }
    .index .purchase-area .step-purchase .container .step-purchase__title {
      text-align: left; }
    .index .purchase-area .step-purchase .container .list__item {
      font-size: 18px;
      font-size: 1.8rem; }
      .index .purchase-area .step-purchase .container .list__item:first-child {
        width: 170px;
        margin-left: 0; }
      .index .purchase-area .step-purchase .container .list__item:last-child {
        margin-bottom: 0; } }

@media only screen and (min-width: 992px) {
  .index .purchase-area {
    background: -webkit-linear-gradient(top, #a0be41, #77ae41 80%);
    background: -moz-linear-gradient(top, #a0be41, #77ae41 80%);
    background: linear-gradient(to bottom, #a0be41, #77ae41 80%);
    padding: 30px 0; }
    .index .purchase-area .container {
      background: #fff;
      border-radius: 10px;
      padding: 30px; }
      .index .purchase-area .container h3 {
        margin: 15px 0 30px;
        text-align: center; }
      .index .purchase-area .container .method-purchase .nav-tabs .list__item {
        padding: 0; }
        .index .purchase-area .container .method-purchase .nav-tabs .list__item a {
          background: -webkit-linear-gradient(top, #a7a7a7, #afafb0 70%);
          background: -moz-linear-gradient(top, #a7a7a7, #afafb0 70%);
          background: linear-gradient(to bottom, #a7a7a7, #afafb0 70%);
          border-radius: 15px 15px 0 0;
          min-height: 55px;
          border: none;
          margin: 0 0 0 5px; }
          .index .purchase-area .container .method-purchase .nav-tabs .list__item a:hover {
            opacity: .8; }
          .index .purchase-area .container .method-purchase .nav-tabs .list__item a img {
            max-width: 100%; }
        .index .purchase-area .container .method-purchase .nav-tabs .list__item.active a {
          background: -webkit-linear-gradient(top, #a0be41, #77ae41 70%);
          background: -moz-linear-gradient(top, #a0be41, #77ae41 70%);
          background: linear-gradient(to bottom, #a0be41, #77ae41 70%);
          border: none; }
        .index .purchase-area .container .method-purchase .nav-tabs .list__item:first-child a {
          margin-left: 0; }
      .index .purchase-area .container .method-purchase .tab-content {
        background: #eff4df;
        border: 3px solid #a0be41;
        border-radius: 0 0 15px 15px;
        margin-bottom: 15px; }
        .index .purchase-area .container .method-purchase .tab-content:before, .index .purchase-area .container .method-purchase .tab-content:after {
          content: "";
          display: table; }
        .index .purchase-area .container .method-purchase .tab-content:after {
          clear: both; }
        .index .purchase-area .container .method-purchase .tab-content {
          *zoom: 1; }
        .index .purchase-area .container .method-purchase .tab-content .list--method .list__item {
          margin: 15px 0; }
          .index .purchase-area .container .method-purchase .tab-content .list--method .list__item a {
            background: -webkit-linear-gradient(top, #fff, #dedede 187%);
            background: -moz-linear-gradient(top, #fff, #dedede 187%);
            background: linear-gradient(to bottom, #fff, #dedede 187%);
            border: 4px solid #a0be41;
            display: table;
            position: relative;
            width: 100%; }
            .index .purchase-area .container .method-purchase .tab-content .list--method .list__item a img {
              display: table-cell;
              vertical-align: middle;
              text-align: center; }
            .index .purchase-area .container .method-purchase .tab-content .list--method .list__item a span {
              display: table-cell;
              vertical-align: middle;
              text-align: center;
              width: 60%;
              color: #3b3b3b;
              font-size: 16px;
              font-size: 1.6rem;
              font-weight: 700; }
            .index .purchase-area .container .method-purchase .tab-content .list--method .list__item a:after {
              content: url(./img/icon-category.png);
              right: 5px;
              bottom: 5px;
              position: absolute; }
            .index .purchase-area .container .method-purchase .tab-content .list--method .list__item a:hover {
              opacity: .8;
              text-decoration: none; }
          .index .purchase-area .container .method-purchase .tab-content .list--method .list__item.comming a {
            height: 108px;
            text-align: center; }
            .index .purchase-area .container .method-purchase .tab-content .list--method .list__item.comming a img {
              margin: 38px auto; }
    .index .purchase-area__contents {
      background: #fff; }
      .index .purchase-area__contents h3 {
        position: relative; }
        .index .purchase-area__contents h3:before {
          content: url(./img/tab-text_before.png);
          width: 269px;
          height: 132px;
          position: absolute;
          left: -30px;
          z-index: 1; }
        .index .purchase-area__contents h3:after {
          content: url(./img/tab-text_after.png);
          width: 269px;
          height: 132px;
          position: absolute;
          right: -30px;
          z-index: 1; }
  .index .method-purchase__detail {
    max-width: 630px;
    margin: 30px auto;
    text-align: center; }
    .index .method-purchase__detail a:hover img {
      opacity: .7; }
    .index .method-purchase__detail__text {
      margin-top: 20px;
      text-align: left; }
      .index .method-purchase__detail__text:before, .index .method-purchase__detail__text:after {
        content: "";
        display: table; }
      .index .method-purchase__detail__text:after {
        clear: both; }
      .index .method-purchase__detail__text {
        *zoom: 1; }
      .index .method-purchase__detail__text__icon {
        float: left;
        margin-top: 5px; }
      .index .method-purchase__detail__text .list {
        line-height: 1.8;
        padding-left: 105px;
        font-size: 24px;
        font-size: 2.4rem; }
        .index .method-purchase__detail__text .list strong {
          font-size: 28px;
          font-size: 2.8rem;
          font-weight: 700; } }

.category .title-area {
  padding: 15px; }
  .category .title-area__contents {
    position: relative;
    padding: 0; }
    .category .title-area__contents__category-nav {
      width: 100%;
      position: absolute;
      top: 10px; }
      .category .title-area__contents__category-nav:before, .category .title-area__contents__category-nav:after {
        content: "";
        display: table; }
      .category .title-area__contents__category-nav:after {
        clear: both; }
      .category .title-area__contents__category-nav {
        *zoom: 1; }
      .category .title-area__contents__category-nav .list__item {
        float: right; }
        .category .title-area__contents__category-nav .list__item:first-child {
          float: left; }
          .category .title-area__contents__category-nav .list__item:first-child a .fa {
            -webkit-transform: rotate(-180deg);
               -moz-transform: rotate(-180deg);
                    transform: rotate(-180deg);
            margin-right: 5px;
            margin-left: 0; }
        .category .title-area__contents__category-nav .list__item a {
          background: -webkit-linear-gradient(top, #a0be41, #349935 80%);
          background: -moz-linear-gradient(top, #a0be41, #349935 80%);
          background: linear-gradient(to bottom, #a0be41, #349935 80%);
          border-radius: 50%;
          display: inline-block;
          width: 30px;
          height: 30px;
          text-align: center;
          line-height: 30px; }
          .category .title-area__contents__category-nav .list__item a .fa {
            margin-right: 0;
            margin-left: 5px;
            color: #fff;
            font-size: 14px;
            font-size: 1.4rem; }
          .category .title-area__contents__category-nav .list__item a:hover {
            opacity: .8; }
    .category .title-area__contents__img {
      display: none; }
    .category .title-area__contents__text {
      text-align: center;
      font-size: 16px;
      font-size: 1.6rem; }
      .category .title-area__contents__text strong {
        display: block;
        margin-bottom: 8px;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 700; }

.category .contents__main__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  border-bottom: 1px dotted #bfbfbf;
  padding: 12px 0 16px 42px;
  margin-bottom: 8px;
  position: relative; }
  .category .contents__main__title:before {
    content: '';
    background: url(./img/icon-mogula.jpg) no-repeat;
    background-size: contain;
    width: 35px;
    height: 50px;
    display: inline-block;
    margin-right: 7px;
    position: absolute;
    top: -8px;
    left: 0; }

.category .contents__main__list {
  margin-top: 30px; }
  .category .contents__main__list .list__item {
    margin-top: 10px; }
    .category .contents__main__list .list__item a {
      border: 1px solid #a0be41;
      display: block;
      padding: 10px;
      margin: 0 -10px; }
      .category .contents__main__list .list__item a .title {
        display: block;
        font-weight: 700;
        font-size: 16px;
        font-size: 1.6rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .category .contents__main__list .list__item a:hover {
        text-decoration: none; }
      .category .contents__main__list .list__item a.link {
        border-color: #bfbfbf;
        cursor: default; }

.category .contents__main .arrow-box {
  margin: 15px 0; }

@media only screen and (min-width: 992px) {
  .category .title-area {
    padding: 30px 0;
    text-align: center; }
    .category .title-area__contents__category-nav {
      top: 35px; }
    .category .title-area__contents__img {
      display: inline-block; }
    .category .title-area__contents__text {
      display: inline-block;
      text-align: center;
      position: relative;
      top: 10px;
      font-size: 22px;
      font-size: 2.2rem; }
      .category .title-area__contents__text strong {
        display: inline;
        margin-bottom: 8px;
        font-size: 38px;
        font-size: 3.8rem;
        font-weight: 700;
        margin: 0 10px; }
      .category .title-area__contents__text span {
        position: relative;
        top: -5px; }
  .category .contents__sidebar {
    background: #eff4df;
    border: 5px solid #349935;
    border-radius: 5px; }
    .category .contents__sidebar__title {
      background: #349935;
      padding: 15px 0 15px 80px;
      color: #fffd00;
      font-size: 28px;
      font-size: 2.8rem; }
      .category .contents__sidebar__title span {
        display: block;
        margin-top: 5px;
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem; }
      .category .contents__sidebar__title.delivery:before {
        content: '';
        background: transparent url(./img/icon-main-delivery.png) no-repeat;
        background-size: contain;
        width: 75px;
        height: 80px;
        position: absolute;
        top: 18px;
        left: 25px; }
      .category .contents__sidebar__title.official:before {
        content: '';
        background: transparent url(./img/icon-main-official.png) no-repeat;
        background-size: contain;
        width: 70px;
        height: 80px;
        position: absolute;
        top: 15px;
        left: 25px; }
    .category .contents__sidebar .list--sidebar {
      margin: 10px; }
      .category .contents__sidebar .list--sidebar .list__item {
        border: 2px solid #a0be41;
        margin-bottom: 5px; }
        .category .contents__sidebar .list--sidebar .list__item.active a {
          background: #cadb95; }
          .category .contents__sidebar .list--sidebar .list__item.active a:hover {
            background: #b7ce6f; }
        .category .contents__sidebar .list--sidebar .list__item a {
          background: -webkit-linear-gradient(top, #fff, #dedede 180%);
          background: -moz-linear-gradient(top, #fff, #dedede 180%);
          background: linear-gradient(to bottom, #fff, #dedede 180%);
          display: table;
          width: 100%;
          height: 60px;
          position: relative; }
          .category .contents__sidebar .list--sidebar .list__item a:before, .category .contents__sidebar .list--sidebar .list__item a:after {
            content: "";
            display: table; }
          .category .contents__sidebar .list--sidebar .list__item a:after {
            clear: both; }
          .category .contents__sidebar .list--sidebar .list__item a {
            *zoom: 1; }
          .category .contents__sidebar .list--sidebar .list__item a .img-area {
            display: table-cell;
            vertical-align: middle;
            width: 35%;
            height: auto; }
            .category .contents__sidebar .list--sidebar .list__item a .img-area img {
              max-height: 58px; }
          .category .contents__sidebar .list--sidebar .list__item a .txt-area {
            display: table-cell;
            width: 60%;
            vertical-align: middle;
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.2; }
          .category .contents__sidebar .list--sidebar .list__item a:hover {
            background: -webkit-linear-gradient(top, #dedede, #fff 180%);
            background: -moz-linear-gradient(top, #dedede, #fff 180%);
            background: linear-gradient(to bottom, #dedede, #fff 180%);
            text-decoration: none; }
          .category .contents__sidebar .list--sidebar .list__item a:after {
            content: url(./img/icon-category.png);
            right: 5px;
            bottom: 5px;
            position: absolute; }
  .category .contents__main .paragraph {
    padding: 0 5px; }
  .category .contents__main__list {
    margin-top: 15px;
    display: -webkit-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .category .contents__main__list .list__item {
      width: 25%; }
      .category .contents__main__list .list__item a {
        border-width: 2px; }
        .category .contents__main__list .list__item a img {
          float: right;
          -webkit-transition: .3s ease-in-out;
          -moz-transition: .3s ease-in-out;
          transition: .3s ease-in-out; }
        .category .contents__main__list .list__item a .title {
          font-size: 18px;
          font-size: 1.8rem; }
        .category .contents__main__list .list__item a:hover {
          border-color: #cadb95; }
        .category .contents__main__list .list__item a.link {
          border-color: #bfbfbf;
          cursor: default; }
          .category .contents__main__list .list__item a.link:hover {
            opacity: 1;
            border-color: #bfbfbf; }
  .category .contents .arrow-box {
    margin: 40px 0 30px; } }

@media only screen and (min-width: 1200px) {
  .category .contents__sidebar__title {
    font-size: 34px;
    font-size: 3.4rem; }
    .category .contents__sidebar__title span {
      font-size: 18px;
      font-size: 1.8rem; } }

.dl-list--static {
  margin-bottom: 0;
  padding: 8px 16px;
  border-bottom: 1px dotted #bfbfbf;
  font-size: 16px;
  font-size: 1.6rem; }
  .dl-list--static:nth-of-type(1) {
    border-top: 1px dotted #bfbfbf; }
  .dl-list--static:nth-of-type(even) {
    background: #f1f1f1; }
  .dl-list--static .dl-dt {
    padding-bottom: 16px; }
  .dl-list--static .dl-dd {
    line-height: 1.7; }
    .dl-list--static .dl-dd .paragraph {
      margin-bottom: 15px; }
      .dl-list--static .dl-dd .paragraph .text-point {
        color: #349935; }
  @media only screen and (min-width: 992px) {
    .dl-list--static {
      padding: 16px; }
      .dl-list--static:before, .dl-list--static:after {
        content: "";
        display: table; }
      .dl-list--static:after {
        clear: both; }
      .dl-list--static {
        *zoom: 1; }
      .dl-list--static .dl-dt {
        padding-bottom: 0;
        float: left;
        width: 150px;
        font-weight: normal; }
      .dl-list--static .dl-dd {
        float: left; } }

.dl-list--sitemap .dl-dt {
  padding: 12px 0 12px 80px;
  margin: 16px 0;
  font-size: 16px;
  font-size: 1.6rem; }
  .dl-list--sitemap .dl-dt.home {
    background: transparent url(./img/icon-mogura-home.jpg) no-repeat left center;
    border-bottom: 1px dotted #bfbfbf;
    background-size: contain; }
  .dl-list--sitemap .dl-dt.purchase {
    background: transparent url(./img/icon-mogura-purchase.jpg) no-repeat left center;
    border-bottom: 1px dotted #bfbfbf;
    background-size: contain; }
  .dl-list--sitemap .dl-dt.buy {
    background: transparent url(./img/icon-mogura-buy.jpg) no-repeat left center;
    border-bottom: 1px dotted #bfbfbf;
    background-size: contain; }

.dl-list--sitemap .dl-dd .list__item {
  margin-bottom: 10px;
  padding-left: 0; }
  .dl-list--sitemap .dl-dd .list__item a {
    display: block;
    padding: 16px;
    border-bottom: 1px dotted #bfbfbf;
    position: relative; }
    .dl-list--sitemap .dl-dd .list__item a:after {
      content: "\f0da";
      font-family: FontAwesome;
      position: absolute;
      right: 8px;
      color: #a0be41; }
    .dl-list--sitemap .dl-dd .list__item a:hover {
      background: #eff4df;
      text-decoration: none; }

@media only screen and (min-width: 992px) {
  .dl-list--sitemap .dl-dt {
    padding: 12px 0 12px 80px;
    font-size: 24px;
    font-size: 2.4rem; }
    .dl-list--sitemap .dl-dt.home {
      background-size: contain; }
    .dl-list--sitemap .dl-dt.purchase {
      background-size: 80px; }
    .dl-list--sitemap .dl-dt.buy {
      background-size: 80px; } }

.dl-list--recruit {
  border: 1px solid #dae3e6;
  padding: 20px 0;
  margin-bottom: 0; }
  .dl-list--recruit:nth-of-type(1) {
    border-bottom: none; }
  @media only screen and (min-width: 992px) {
    .dl-list--recruit {
      padding: 0; }
      .dl-list--recruit .dl-dt {
        padding: 20px 15px; }
      .dl-list--recruit .dl-dd {
        padding: 20px 15px;
        border-left: 1px solid #dae3e6; } }

.terms-block {
  max-height: 300px;
  overflow-y: scroll;
  border-radius: 5px; }
  @media only screen and (min-width: 992px) {
    .terms-block {
      max-height: 700px;
      max-width: 835px;
      padding: 0 30px;
      margin: 30px auto;
      border-radius: 10px; } }
  .terms-block::-webkit-scrollbar {
    height: 10px;
    width: 15px; }
  .terms-block::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .terms-block::-webkit-scrollbar-thumb {
    background: #bfbfbf; }

.text-area {
  border-bottom: 1px dotted #bfbfbf;
  padding: 15px 0; }
  .text-area.bd-n {
    border-bottom: none; }
  @media only screen and (min-width: 768px) {
    .text-area {
      padding: 30px 15px;
      max-width: 650px;
      margin: auto; }
	  
	  .post-area {
      max-width: 730px;
      margin: auto; }
	  
	 .post-area h3 {
margin-bottom:25px; }
	  


    .top-text-area {
      padding: 30px 15px;
      max-width: 945px;
      margin: auto; } 
	  
	  
}

  @media only screen and (min-width: 992px) {
    .text-area {
      padding: 30px 0; } }
  .text-area .heading-text {
    margin-bottom: 15px;
    font-size: 18px;
    font-size: 2.4rem;
    color: #f37200;
    line-height: 1.4;
    font-weight: bold; }
    @media only screen and (min-width: 768px) {
      .text-area .heading-text {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media only screen and (min-width: 992px) {
      .text-area .heading-text {
        font-size: 32px;
        font-size: 3.2rem; } }
  .text-area .contents--box {
    border: 4px solid #77ae41;
    padding: 8px;
    margin-bottom: 15px;
    text-align: center; }
  .top-text-area .contents--box {
    border: 4px solid #77ae41;
    padding: 15px;
    margin: 5px 5px 5px;
    text-align: center; }

    .text-area .contents--box .heading-text {
      color: #3b3b3b;
      font-size: 16px;
      font-size: 1.6rem; }

    .top-text-area .contents--box .heading-text {
      color: #3b3b3b;
      font-size: 15px;
      font-size: 1.5rem; }


      @media only screen and (min-width: 768px) {
        .text-area .contents--box .heading-text {
          font-size: 20px;
          font-size: 2rem; } }
      @media only screen and (min-width: 992px) {
        .text-area .contents--box .heading-text {
          font-size: 24px;
          font-size: 2.4rem; } }
    .text-area .contents--box .document-list img {
      display: block;
      margin: 8px auto; }
    .text-area .contents--box .document-list span {
      display: inline-block;
      margin-bottom: 8px; }
    .text-area .contents--box .list--store-list .list__item {
      background: #fdecc1;
      border-radius: 15px;
      display: inline-block;
      margin: 0 4px 8px 0;
      padding: 4px 8px;
      line-height: 1; }
    .text-area .contents--box .list--station-list {
      text-align: left; }
      .text-area .contents--box .list--station-list .list__item {
        padding-left: 15px; }
        .text-area .contents--box .list--station-list .list__item .text-danger {
          margin-left: -15px;
          display: block;
          font-weight: 800; }
    @media only screen and (min-width: 768px) {
      .text-area .contents--box {
        border: 4px solid #77ae41;
        padding: 15px; }
        .text-area .contents--box .heading-text {
          font-size: 20px;
          font-size: 2rem; }
	  .top-text-area .contents--box .heading-text {
          font-size: 22px;
          font-size: 2.2rem; }

 .top-text-area .contents--box {
        border: 4px solid #77ae41;
        padding: 15px; }}

    @media only screen and (min-width: 992px) {
      .text-area .contents--box {
        border: 4px solid #77ae41;
        padding: 30px 20px; }
	      .top-text-area .contents--box {
        border: 4px solid #77ae41;
        padding: 30px 20px; }
        .text-area .contents--box .heading-text {
          font-size: 24px;
          font-size: 2.4rem; }
	.top-text-area .contents--box .heading-text {
          font-size: 22px;
          font-size: 2.2rem; }
        .text-area .contents--box .list--store-list .list__item {
          font-size: 18px;
          font-size: 1.8rem; } }
  .text-area .text-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    background: #349935;
    color: #fff;
    line-height: 1.3;
    font-weight: 700;
    padding: 5px 10px; }
    @media only screen and (min-width: 768px) {
      .text-area .text-title {
        font-size: 28px;
        font-size: 2.8rem; } }
    @media only screen and (min-width: 992px) {
      .text-area .text-title {
        font-size: 20px;
        font-size: 2rem; } }
  .text-area .list--purchase-step .list__item {
    margin-top: 30px; }
    .text-area .list--purchase-step .list__item:first-child {
      margin-top: 0; }
    .text-area .list--purchase-step .list__item .step-detail .step-title {
      margin-bottom: 8px;
      color: #349935;
      line-height: 30px;
      font-size: 18px;
      font-size: 1.8rem; }
      .text-area .list--purchase-step .list__item .step-detail .step-title__number {
        background: #349935;
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        color: #fff;
        text-align: center;
        margin-right: 8px; }
      @media only screen and (min-width: 992px) {
        .text-area .list--purchase-step .list__item .step-detail .step-title {
          font-size: 22px;
          font-size: 2.2rem; } }
    .text-area .list--purchase-step .list__item .step-detail .paragraph {
      margin-bottom: 8px; }
  .text-area .list--sitemap .list__item {
    margin-bottom: 10px; }
    .text-area .list--sitemap .list__item a {
      display: block;
      padding: 16px;
	  font-weight: 700;
      border: 4px solid #349935;
      position: relative; }
      .text-area .list--sitemap .list__item a:after {
        content: "\f0da";
        font-family: FontAwesome;
        position: absolute;
        right: 8px;
        color: #349935; }
      .text-area .list--sitemap .list__item a:hover {
        background: #eff4df;
        text-decoration: none; }
  .text-area .application-area {
    max-width: 496px;
    margin: auto; }
    .text-area .application-area .dl-list--application__online {
      margin-bottom: 10px; }
    .text-area .application-area .dl-list--application__tel .dl-dt {
      background: #f7ac02;
      padding: 2px 5px 7px;
      top: -10px; }
      .text-area .application-area .dl-list--application__tel .dl-dt:before {
        margin-right: 0 !important; }
  @media only screen and (min-width: 768px) {
    .text-area .application-area .dl-list--application__tel {
      margin-bottom: 0;
      border: none; }
      .text-area .application-area .dl-list--application__tel .dl-dt:before {
        margin-right: 5px !important; } }
  @media only screen and (min-width: 1200px) {
    .text-area .application-area .dl-list--application__tel .dl-dt {
      padding: 14px 8px 20px; }
    .text-area .application-area .dl-list--application__tel .dl-dd {
      top: 10px;
      font-size: 14px;
      font-size: 1.4rem; }
      .text-area .application-area .dl-list--application__tel .dl-dd span {
        font-size: 34px;
        font-size: 3.4rem; } }

.description-area {
  margin-bottom: 15px; }
  .description-area__title {
    background: transparent url(./img/icon-mogula.jpg) no-repeat left center;
    border-bottom: 1px dotted #bfbfbf;
    background-size: contain;
    padding: 12px 0 12px 35px;
    margin: 16px 0;
    font-size: 16px;
    font-size: 1.6rem; }
  .description-area__contents p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7; }
  .description-area__contents__product {
    font-weight: 700; }
    .description-area__contents__product span {
      font-size: 18px;
      font-size: 1.8rem;
      color: #f00; }
      .description-area__contents__product span:before {
        content: url(./img/icon-price.png);
        margin-right: 5px;
        display: inline-block;
        position: relative;
        top: 2px; }

.description .dl-list--faq .dl-dt {
  padding: 8px 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  color: #349935; }

.description .dl-list--faq .dl-dd {
  margin-bottom: 30px; }


  .description .dl-list--faq {
    padding-left: 30px; }
    .description .dl-list--faq .dl-dt {
      position: relative;
      padding: 14px 8px;
      color: #349935; }
      .description .dl-list--faq .dl-dt:before {
        content: "Q";
        background: -webkit-linear-gradient(top, #a0be41, #349935 80%);
        background: -moz-linear-gradient(top, #a0be41, #349935 80%);
        background: linear-gradient(to bottom, #a0be41, #349935 80%);
        font-family: Helvetica , Arial , Verdana , Roboto , sans-serif;
        position: absolute;
        left: -30px;
        top: 10px;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        color: #fff;
        line-height: 30px;
        text-align: center; }
    .description .dl-list--faq .dl-dd {
      padding: 16px 8px; }




@media only screen and (min-width: 992px) {
  .description-area {
    margin-bottom: 60px; }
    .description-area__title {
      padding: 12px 0 12px 50px;
      font-size: 24px;
      font-size: 2.4rem; }
    .description-area__contents p {
      font-size: 16px;
      font-size: 1.6rem; }
    .description-area__contents__product {
      font-weight: 700; }
      .description-area__contents__product span {
        font-size: 24px;
        font-size: 2.4rem; }
  .description .list--archives .list__item a {
    display: block;
    border-bottom: 1px dotted #bfbfbf;
    padding: 16px 8px; }
    .description .list--archives .list__item a:after {
      content: "\f0da";
      font-family: FontAwesome;
      position: absolute;
      right: 24px;
      color: #a0be41; }
    .description .list--archives .list__item a:hover {
      background: #eff4df;
      text-decoration: none; }
  .description .list--archives .list__item:first-child a {
    border-top: 1px dotted #bfbfbf; }
  .description .dl-list--faq {
    padding-left: 30px; }
    .description .dl-list--faq .dl-dt {
      position: relative;
      padding: 16px 8px;
      color: #3b3b3b; }
      .description .dl-list--faq .dl-dt:before {
        content: "Q";
        background: -webkit-linear-gradient(top, #a0be41, #349935 80%);
        background: -moz-linear-gradient(top, #a0be41, #349935 80%);
        background: linear-gradient(to bottom, #a0be41, #349935 80%);
        font-family: Helvetica , Arial , Verdana , Roboto , sans-serif;
        position: absolute;
        left: -30px;
        top: 10px;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        color: #fff;
        line-height: 30px;
        text-align: center; }
    .description .dl-list--faq .dl-dd {
      padding: 16px 8px; } }

.line .arrow-text-area {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 10px;
  position: relative; }
  .line .arrow-text-area:after, .line .arrow-text-area:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }

@media only screen and (min-width: 768px) {
  .line .arrow-text-area {
    position: relative;
    background: #f5f5f5;
    border: 3px solid #bfbfbf;
    padding: 20px 15px;
    margin-top: 15px; }
    .line .arrow-text-area:after, .line .arrow-text-area:before {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .line .arrow-text-area:after {
      border-color: rgba(245, 245, 245, 0);
      border-left-color: #f5f5f5;
      border-width: 30px;
      margin-top: -30px;
      margin-left: 0; }
    .line .arrow-text-area:before {
      border-color: rgba(191, 191, 191, 0);
      border-left-color: #bfbfbf;
      border-width: 34px;
      margin-top: -34px;
      margin-left: 0; }　}

.support-area__heading {
  background: #f7ac01;
  padding: 7px 5px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 2.0rem;
  color: #fff;
  line-height: 30px; }

.support-area ul li {
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 15px; }
  .support-area ul li a {
    color: #333; }

.support-area__assesment {
  background: -webkit-linear-gradient(top, #f6fff0, #fff 50%);
  background: -moz-linear-gradient(top, #f6fff0, #fff 50%);
  background: linear-gradient(to bottom, #f6fff0, #fff 150%);
  border: 4px solid #349935;
  border-radius: 10px; }
  .support-area__assesment:before, .support-area__assesment:after {
    content: "";
    display: table; }
  .support-area__assesment:after {
    clear: both; }
  .support-area__assesment {
    *zoom: 1; }
  .support-area__assesment .icon-support {
	margin-top: 10px;
    float: left;
    max-width: 25%; }
  .support-area__assesment__area {
    float: left;
    max-width: 70%;
    margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;

}

.support-area__assesment__area .phone {
      font-size: 22px;
      font-size: 2.2rem;
      font-weight: 700;
      color: #349935; }

@media only screen and (min-width: 768px) {
  .support-area__heading {
    font-size: 18px;
    font-size: 1.8rem; }
  .support-area__assesment__area .phone {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 700;
    color: #349935; }

}

@media only screen and (min-width: 992px) {
  .support-area__heading {
    padding: 8px 10px;
    margin-bottom: 10px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 32px; }
  .support-area__assesment .icon-support {
    width: 25%; }
  .support-area__assesment__area {
    width: auto; }
    .support-area__assesment__area .phone {
      font-size: 34px;
      font-size: 3.4rem;
      color: #349935; }
  .support-area ul li {
    font-size: 16px;
    font-size: 1.6rem;
    padding-bottom: 15px; }


}

@media only screen and (min-width: 1200px) {
  .support-area__heading {
    padding: 10px;
    margin-bottom: 10px;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 36px; }
  .support-area__assesment__area .phone {
    font-size: 44px;
    font-size: 4.4rem;
    color: #349935; }


}

.static .contents .support-area__heading {
  background: #f7ac01;
  padding: 7px 5px;
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  line-height: 28px; }

.static .contents .support-area ul li {
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 15px; }
  .static .contents .support-area ul li a {
    color: #333; }

.static .contents .support-area__assesment {
  background: -webkit-linear-gradient(top, #f6fff0, #fff 50%);
  background: -moz-linear-gradient(top, #f6fff0, #fff 50%);
  background: linear-gradient(to bottom, #f6fff0, #fff 50%);
  border: 2px solid #349935;
  border-radius: 10px; }
  .static .contents .support-area__assesment:before, .static .contents .support-area__assesment:after {
    content: "";
    display: table; }
  .static .contents .support-area__assesment:after {
    clear: both; }
  .static .contents .support-area__assesment {
    *zoom: 1; }
  .static .contents .support-area__assesment .icon-support {
    float: left;
    max-width: 30%; }
  .static .contents .support-area__assesment__area {
    float: left;
    max-width: 70%;
    margin-top: 10px; }
    .static .contents .support-area__assesment__area .phone {
      font-size: 25px;
      font-size: 2.5rem;
      font-weight: 700;
      color: #349935; }

.assessment__title {
  margin-bottom: 16px;
  color: #0663d4;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px dotted #bfbfbf; }
  .assessment__title span {
    display: inline-block;
    margin: 8px 0;
    color: #3b3b3b;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal; }

.assessment__form {
  padding: 15px; }
  .assessment__form__group {
    margin-bottom: 15px; }
    .assessment__form__group--border {
      border-top: 1px dotted #bfbfbf;
      padding-top: 15px;
      text-align: center; }
    .assessment__form__group .control-label {
      font-weight: normal; }
      .assessment__form__group .control-label.required:after {
        content: '必須';
        position: relative;
        top: -2px;
        left: 5px;
        padding: 1px 5px;
        font-size: 10px;
        font-size: 1rem;
        background: #f7ac02; }
    .assessment__form__group .form-control,
    .assessment__form__group .radio-area {
      border-radius: 8px;
      border: 1px solid #c6c6c6;
      height: 44px;
      padding: 6px 12px; }
      .assessment__form__group .form-control.validate,
      .assessment__form__group .radio-area.validate {
        background: #fff3f3; }
      .assessment__form__group .form-control.error,
      .assessment__form__group .radio-area.error {
        border-color: #b93a2c; }
    .assessment__form__group .radio-area {
      border: none;
      background: #fff; }

.assessment .add-area .assessment__area {
  display: none; }

.assessment__product {
  background: #f3efdc;
  border-radius: 5px;
  padding: 0;
  margin-bottom: 15px;
  position: relative; }
  .assessment__product:before, .assessment__product:after {
    content: "";
    display: table; }
  .assessment__product:after {
    clear: both; }
  .assessment__product {
    *zoom: 1; }
  .assessment__product__title {
    background: #0663d4;
    border-radius: 5px 5px 0 0;
    padding: 8px 0 5px;
    margin-bottom: 8px;
    text-align: center;
    color: #fff; }
    .assessment__product__title span {
      display: inline-block;
      padding: 4px 4px 1px;
      margin: 0 4px;
      background: #fff;
      color: #0663d4; }
  .assessment__product--add {
    background: #f3efdc;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    padding: 10px 0;
    text-align: center; }
    .assessment__product--add:before, .assessment__product--add:after {
      content: "";
      display: table; }
    .assessment__product--add:after {
      clear: both; }
    .assessment__product--add {
      *zoom: 1; }
    .assessment__product--add .assessment__product__title {
      border-radius: 5px;
      padding: 8px 14px 5px; }
      .assessment__product--add .assessment__product__title:hover {
        background: #054ca2;
        color: #fff;
        text-decoration: none; }
  .assessment__product--remove-button {
    color: #bfbfbf;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 11; }
    .assessment__product--remove-button:hover {
      opacity: .8; }

@media only screen and (min-width: 992px) {
  .assessment__title {
    background: transparent url(./img/icon-assessment.png) no-repeat left top;
    background-size: 70px 70px;
    padding-left: 90px;
    text-align: left;
    font-size: 36px;
    font-size: 3.6rem; }
    .assessment__title span {
      margin: 0 0 16px;
      font-size: 18px;
      font-size: 1.8rem; }
  .assessment .count-area {
    background: #3b3b3b;
    border-radius: 5px;
    padding: 15px;
    position: fixed;
    top: 400px;
    right: 0;
    z-index: 1;
    color: #ffffff; }
    .assessment .count-area .count-no {
      font-weight: 700;
      color: #fc0000; }
  .assessment__form {
    padding: 0; }
    .assessment__form__group--border {
      padding-top: 30px; }
  .assessment__product {
    padding: 10px 0; }
    .assessment__product__title {
      border-radius: 5px 0 0 5px;
      padding: 29px 15px;
      margin: -10px 0;
      text-align: center;
      color: #fff;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      letter-spacing: 4px; }
      .assessment__product__title span {
        margin: 4px 0; }
    .assessment__product--add {
      text-align: center; }
      .assessment__product--add .assessment__product__title {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        border-radius: 5px;
        padding: 8px 14px 5px;
        letter-spacing: 0.8px;
        float: right;
        margin: 0 10px 0 0; }
        .assessment__product--add .assessment__product__title span {
          margin: 0 4px; }
      .assessment__product--add-button {
        border-radius: 5px 0 0 5px;
        background: #0663d4;
        float: left;
        padding: 14px;
        margin: -10px 0; }
        .assessment__product--add-button:hover {
          background: #054ca2; }



}

.assessment .no-send-button {
  background: #f7ac02;
  border-radius: 5px;
  width: 100%;
  max-width: 320px;
  margin: 15px auto;
  padding: 16px 8px;
  text-align: center; }
  .assessment .no-send-button .fa {
    margin: 8px; }

.assessment .send-button {
  background: #0663d4;
  border-radius: 5px;
  width: 100%;
  max-width: 320px;
  display: block;
  margin: 15px auto;
  padding: 16px 8px;
  text-align: center;
  color: #fff; }
  .assessment .send-button .fa {
    margin: 8px; }
  .assessment .send-button:hover {
    background: #054ca2;
    text-decoration: none; }

.method__title {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.3; }
  .method__title span {
    color: #f77e02; }

.method .dl-accordion__title {
  background: #006edb;
  border-color: #0b449d; }

.method .dl-accordion__contents {
  background: #ffffff; }

.method .paragraph .text-danger {
  color: #fc0000; }

.method .arrow-box {
  margin: 15px 0; }

.method__contents .list--method {
  border-bottom: 1px dotted #bfbfbf; }
  .method__contents .list--method .list__item {
    background: #f5f5f5;
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 5px;
    margin: 0 auto 20px;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    color: #0b449d;
    font-weight: 700;
    text-align: center; }
    .method__contents .list--method .list__item img {
      max-width: 25%;
      height: auto;
      position: absolute;
      top: -15px;
      left: 10px; }
    .method__contents .list--method .list__item:after {
      content: "\f078";
      font-family: FontAwesome;
      position: absolute;
      left: 50%;
      bottom: -20px;
      margin-left: -8px; }
    .method__contents .list--method .list__item:last-child {
      margin-bottom: 15px; }
      .method__contents .list--method .list__item:last-child:after {
        content: none; }

.method__contents__title {
  margin: 5px 0 15px;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 25px; }
  .method__contents__title img {
    margin: 0 auto; }
  .method__contents__title:before {
    content: '';
    background: transparent url(./img/icon-step-title.png) no-repeat 50%;
    background-size: contain;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 7px;
    position: relative;
    top: 5px; }

@media only screen and (min-width: 768px) {
  .method-tab .tab-content {
    border: 5px solid #0b449d; }
  .method-tab .nav-tabs .list__item {
    margin-top: 50px; }
    .method-tab .nav-tabs .list__item a {
      background: #006edb;
      border: none;
      border-radius: 10px 10px 0 0;
      font-size: 18px;
      font-size: 1.8rem;
      color: #fffd00;
      font-weight: 700;
      text-align: center; }
      .method-tab .nav-tabs .list__item a:hover, .method-tab .nav-tabs .list__item a:focus {
        border: none;
        background: #0061c2;
        color: #fffd00; }
    .method-tab .nav-tabs .list__item.active {
      margin-top: 30px; }
      .method-tab .nav-tabs .list__item.active a {
        background: #0b449d;
        position: relative;
        padding-top: 30px; }
        .method-tab .nav-tabs .list__item.active a:before {
          content: url(./img/icon-mogula.png);
          display: block;
          text-align: center;
          position: absolute;
          top: -45px;
          right: 50%;
          margin-right: -22px; }
        .method-tab .nav-tabs .list__item.active a:hover {
          color: #fffd00; }
  .method__contents {
    background: #fff;
    padding: 10px;
    position: relative; }
    .method__contents__title {
      font-size: 26px;
      font-size: 2.6rem;
      font-weight: 700;
      margin: 0 0 25px;
      text-align: left; }
    .method__contents .list--method {
      padding-bottom: 20px;
      margin-bottom: 20px; }
      .method__contents .list--method:before, .method__contents .list--method:after {
        content: "";
        display: table; }
      .method__contents .list--method:after {
        clear: both; }
      .method__contents .list--method {
        *zoom: 1; }
      .method__contents .list--method .list__item {
        background: #f5f5f5;
        border-radius: 5px;
        display: block;
        margin: 0 0 0 6px;
        padding: 10px;
        position: relative;
        font-size: 18px;
        font-size: 1.8rem;
        color: #0b449d;
        font-weight: 700;
        text-align: center;
        width: 160px;
        float: left;
        -webkit-transition: background-color .8s;
        -moz-transition: background-color .8s;
        transition: background-color .8s; }
        .method__contents .list--method .list__item img {
          position: absolute;
          top: -15px;
          left: 10px;
          max-width: 35%; }
        .method__contents .list--method .list__item:first-child {
          background: #0b449d;
          margin-left: 0;
          width: 190px;
          padding-right: 20px;
          text-align: right;
          color: #fff; }
        .method__contents .list--method .list__item:hover {
          background: #0b449d;
          color: #fff; }
        .method__contents .list--method .list__item:after {
          content: ''; }
  .method .application-area .list--application__online {
    margin: 30px; }


}

@media only screen and (min-width: 992px) {
  .method__title {
    background-image: url(./img/tab-text_before.png), url(./img/tab-text_after.png);
    background-repeat: no-repeat;
    background-position: left 45px , right 45px;
    padding: 50px 0;
    font-size: 26px;
    font-size: 2.6rem;
    position: relative;
    z-index: 2; }
  .method-tab {
    margin-top: -50px; }
  .method__contents {
    padding: 30px; }
    .method__contents__title {
      font-size: 30px;
      font-size: 3rem; }
  .method .arrow-box {
    margin: 50px auto; }
  .method .application-area .list--application__online {
    max-width: 500px;
    margin: 30px auto; } }




/*追記CSS*/
@media only screen and (max-width: 480px) {
	
.text-area img{margin-bottom:10px; }
.support-area img{margin-bottom:10px; }
}



/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
    background: #eee;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: red;
    border-radius: 2px;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
    /*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
    /*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0.5em; /* 少し余白を設定して見た目を整える */
        text-align: left;
    }
    /*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], input[type="tel"] {
    border: 1px #f5ab2a solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}

.table-res-form textarea {
    border: 1px #f5ab2a solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
	height: 300px;
}



/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #f7eedf;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #f5ab2a solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #f3aa3b;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #f5ab2a;
    box-shadow: none;
}







/*ボタン*/
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}

a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn-c {
  font-size: 1.8rem;
  position: relative;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 100vh;
}

a.btn-c i.fa {
  margin-right: 1rem;
}



/*スライダー*/

.loop_css {
  position: relative;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  left: 50%;
  margin-left: -50vw;
  overflow: hidden;
}



.loop_css img {
  width: 100%;
  height: 100%;
}

/* 1つ目の画像 */
.loop_css img:first-child {
  -webkit-animation: loop 80s -40s linear infinite;
  animation: loop 80s -40 linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

/* 2つ目の画像 */
.loop_css img + img {
  -webkit-animation: loop2 80s  linear infinite;
  animation: loop2 80s linear infinite;
}

/*アニメーション*/
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}

/*スライダー↑*/




/*バナー */
.ctbn img {margin-bottom:10px; }



.red {
text-decoration: none; color: red; 
font-weight: bold;
}

.a-red a {
text-decoration: none; color: red; 
font-weight: bold;
}


.orange{
text-decoration: none; color: orange; 
font-weight: bold;

}

.a-orange{
text-decoration: none; color: orange; 
font-weight: bold;
}





/*eye-catch*/
.mog_ec img {
	width: 100%;
	height: 100%;
}
	


.abox {
    height: 230px;
    position: relative;
}
.abox .pom {
    position: absolute;
    right: 20px;
    bottom: 0;
}

@media (max-width: 768px) {
    .abox .pom {
        position: absolute;
        left: 50%; /* 要素の左端をコンテナの中央に配置 */
        bottom: 0; /* 下端はそのまま */
        transform: translateX(-50%); /* 要素を左に50%ずらして中央揃え */
        right: auto; /* 'right'プロパティを無効化 */
    }
}

.a_ct{
	text-align: center;
	margin: 15px;
}



/*320px-480pxの崩れ対策 */

@media only screen and (max-width: 320px) {

  body {
  background: #fff;
  height: 100%;
  margin: 0;
  font-family: "Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
  position: relative;
  color: #3b3b3b;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.8px; }
	
	
	
.footer-aside .list--sp-sitemap .list__item {
    padding: 0 1px;
    text-align: center;
    margin-bottom: 2px;
	  font-size: 14px;
  font-size: 1.4rem;
    font-weight: bold; }
	

}









@media (max-width: 767px) {
  .description-area__contents {
    display: flex;
    flex-direction: column;
    align-items: center; /* 画像とテキストを垂直方向に中央揃え */
    text-align: center; /* テキストを中央揃え */
    margin-bottom: 30px; /* 画像とテキストの間隔を追加 */
	
  }
  .description-area__contents .col-xs-3 {
    width: 300px; /* 適切なサムネイルの幅を指定 */
    margin: 0 auto; /* 画像を水平方向に中央揃え */
    transform: translateX(-50%); /* 画像を水平方向に中央揃え */
    left: 50%; /* 画像を水平方向に中央揃え */
    margin-bottom: 10px; /* 画像とテキストの間隔を追加 */
  }

	
}





@media only screen and (max-width: 480px) {
	
	
	#main-area .main-text h2 {
    font-size: 20px;
    font-size: 2.4rem;
    color: #fffd00;
    text-align: center;
    font-weight: 800; }
    #main-area .main-text h2 span {
      display: block;
      margin-top: 6px;
      font-size: 16px;
      font-size: 1.6rem;
      color: #fff; }
	
	.description-area {
  margin-bottom: 15px; }
  .description-area__title {
    background: transparent url(./img/icon-mogula.jpg) no-repeat left center;
    border-bottom: 1px dotted #bfbfbf;
    background-size: 9%;
    padding: 12px 0 12px 35px;
    margin: 16px 0;
    font-size: 16px;
    font-size: 1.6rem; 
	  

}


	body {
  background: #fff;
  height: 100%;
  margin: 0;
  font-family: "Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W3","メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
  position: relative;
  color: #3b3b3b;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.8px; }

.mogpt{
  /*線の種類（実線） 太さ 色*/
border-bottom: solid 4px #349935;
 color: #349935; /* タイトル文字色 */
font-weight: 800;
font-size: 18px;
font-size: 1.8rem;
margin: 10px 0 15px 0;

}


}



.prtx{
font-size: 18px;
 font-size: 1.8rem;
color: #c30d16;
}

.list--store-list .list__item {
      background: #fdecc1;
      border-radius: 15px;
      display: inline-block;
      margin: 0 4px 8px 0;
      padding: 4px 8px;
      line-height: 1; }
    .text-area .contents--box .list--station-list {
      text-align: left; }
      .text-area .contents--box .list--station-list .list__item {
        padding-left: 15px; }
        .text-area .contents--box .list--station-list .list__item .text-danger {
          margin-left: -15px;
          display: block;
          font-weight: 800; }

.list--store-list-2 .list__item {
       border: 2px #349935 solid;  /* 枠線を引く */
      border-radius: 15px;
      display: inline-block;
      margin: 0 6px 10px 0;
      padding: 4px 8px;
      line-height: 1; }
    .text-area .contents--box .list--station-list {
      text-align: left; }
      .text-area .contents--box .list--station-list .list__item {
        padding-left: 15px; }
        .text-area .contents--box .list--station-list .list__item .text-danger {
          margin-left: -15px;
          display: block;
          font-weight: 800; }


.list--store-list-3 .list__item {
       border: 3px #349935 solid;  /* 枠線を引く */
        border-radius: 10px;
      display: inline-block;
      margin: 0 6px 10px 0;
      padding: 11px 10px;
      line-height: 1; }
    .text-area .contents--box .list--station-list {
      text-align: left; }
      .text-area .contents--box .list--station-list .list__item {
        padding-left: 15px; }
        .text-area .contents--box .list--station-list .list__item .text-danger {
          margin-left: -15px;
          display: block;
          font-weight: 800; }




.prtbox {
  display: flex;
flex-wrap: wrap;
  justify-content: flex-start;/*こっち使う*/
  max-width: 100%;/*親要素に横幅を指定*/
	  margin: 0 auto;/*親要素はこれで中央寄せ*/
}

.prtbox li {
    font-size: 110%;
    width: auto;
    height: auto;
    margin: 2px;
	padding: 6px 15px;
    color: #fff;
    background: #f0b03f;
	border-radius: 30px;
}



.prtbox-2 {
  display: flex;
flex-wrap: wrap;
  justify-content: flex-start;/*こっち使う*/
  max-width: 100%;/*親要素に横幅を指定*/
	  margin: 0 auto;/*親要素はこれで中央寄せ*/
}


.prtbox-2 p {
    font-size: 95%;
    width: auto;
    height: auto;
    margin: 0;
	padding: 0px 0px;
}




.s-area__heading {
  background: #f7ac01;
  padding: 7px 5px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  line-height: 18px; }

.static .contents .s-area ul li {
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 15px; }
  .static .contents .s-area ul li a {
    color: #349935; }

.static .contents .s-area__assesment {
  background: -webkit-linear-gradient(top, #f6fff0, #fff 50%);
  background: -moz-linear-gradient(top, #f6fff0, #fff 50%);
  background: linear-gradient(to bottom, #f6fff0, #fff 50%);
  border: 4px solid #349935;
  border-radius: 10px; }
  .static .contents .s-area__assesment:before, .static .contents .s-area__assesment:after {
    content: "";
    display: table; }
  .static .contents .s-area__assesment:after {
    clear: both; }
  .static .contents .s-area__assesment {
    *zoom: 1; }
  .static .contents .s-area__assesment .icon-support {
    float: left;
    max-width: 25%;
    margin-top: 7px;
}
  .static .contents .s-area__assesment__area {
    float: left;
    max-width: 70%;
    margin-top: 12px;
    margin-bottom: 5px;
	margin-left: 7px;
}
   .static .contents .s-area__assesment__area .phone {
      font-size: 20px;
      font-size: 2.0rem;
      font-weight: 700;
      color: #349935; }

.s-area__assesment__area strong {
      font-size: 90%;
      font-weight: 700;
      color: #349935; }


.mogcp {
margin: 7px 0;
}

.qtx {
  width: 521px;
}



.b-text{
font-size: 85%;
}


/*画像左に周りこむ*/
.alignleft{
float:left;
clear:left;
margin:0 15px 10px 0;
}



.highlight {
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}



/* スマート　囲み枠　1 */
.kakomi {
 position: relative;
 margin: 1.6em auto;
 padding: 1.8em 1em 1em;
 width: 95%; /* ボックス幅 */
 border-style: solid;
 border-color: #349935; /* 枠の色 */
 border-width: 2px 2px 2px;
 background-color: #fff; /* 背景色 */
 color: #3b3b3b; /* テキスト色 */
 box-shadow: 1px 1px 3px #ccc; /* 影 */
}

.kakomi-title {
 position: absolute;
 top: 8px;
 left: 15px;
 background-color: #fff; /* タイトル背景色 */
 color: #349935; /* タイトル色 */
 font-size: 85%;
 font-weight: bold;
}



/* タイトル付　枠（影）1　*/
.waku {
 position: relative;
 margin: 2em auto;
 padding: 1em;
 width: 95%;
 color: #3b3b3b; /* 文字色 */
 background-color: #fff;
 border: 2px solid #77ae41; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #ccc;/* 影の色 */
}
.waku-title {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -10px;
 font-weight: bold;
font-size: 90%;
 background-color: #fff; /* タイトル背景色 */
 color: #349935; /* タイトル文字色 */
}

.mog-case-accordions .waku {
  clear: both;
}


	.mogpt{
  /*線の種類（実線） 太さ 色*/
border-bottom: solid 4px #349935;
 color: #349935; /* タイトル文字色 */
font-weight: 800;
font-size: 23px;
font-size: 2.3rem;
margin: 10px 0 15px 0;

}



/*　商品カタログ横スクロール*/

.horizontal_scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 0 0 0;
  display: -ms-flexbox;
  display: flex; }


/* 価格 */
.price {
  color: #bf0000;
  line-height: 1.65;
font-size: 17px;
font-size: 1.7rem;
  margin-top: 4px; }

/* 説明 */
.explanation {
font-size: 13px;
font-size: 1.3rem;
 }


/* 画面幅が768px以上の場合、横スクロールを解除 */
@media screen and (min-width: 768px) {
  .horizontal_scroll {
    overflow-x: inherit;
    padding: 0 8px 6px; } }

.horizontal_scroll > li {
  width: 100%;
  min-width: 140px; }

@media screen and (min-width: 768px) {
  .horizontal_scroll > li {
    min-width: inherit; } }

.horizontal_scroll > li:not(:last-child) {
  margin-right: 5px; }

.horizontal_scroll > li:last-child {
  padding-right: 5px; }

@media screen and (min-width: 768px) {
  .horizontal_scroll > li:last-child {
    padding-right: 0; } }

.horizontal_scroll img {
  vertical-align: bottom; }






.topics dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
width: 100%;
}

.topics dt {
padding-bottom: 5px;
}


@media screen and (min-width: 768px) {
.topics dt {
clear: left;
float: left;
width: 25%;
}
.topics dd {
margin-left: 11%;
}
}


    /*  ↓EnglishページSP切り替え↓  */
.ensp {
    display: flex;
    align-items: center; /* 要素を垂直方向の中央に配置 */
	font-size: 10px;
	font-size: 1.9rem;
  margin-top: 31px;
  position: relative;
  left: -15px !important; /* 左に10pxずらす、!importantで強制適用 */
}

.ensp strong {
    display: inline-block;
    vertical-align: middle; /* テキストを垂直方向の中央に配置 */
}
	/*  ↑EnglishページSP切り替え↑  */

@media screen and (max-width: 400px) {

.ensp {
    display: flex;
    align-items: center; /* 要素を垂直方向の中央に配置 */
	font-size: 10px;
	font-size: 1.4rem;
  margin-top: 31px;
  position: relative;
  left: -15px !important; /* 左に10pxずらす、!importantで強制適用 */
}

	
}	


/*　フッターEnglishページ */
.footer .ftensp {
 text-align:center;
margin:10px 0 10px 0;
}
/*　フッターEnglishページ */


/*　投稿ページ SNS */


.shareList {
	list-style:none;
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin:-5px 0 0 -5px;
	padding:0;
}
.shareList__item {
	height:28px;
	line-height:28px;
	margin:5px 0 0 5px;
	text-align:center;
}
.shareList__link {
	display:block;
	padding:0 10px;
	color:#ffffff;
	text-decoration: none;
	border-radius: 5px;
}
.shareList__link::before{
	font-size:14px;
	transition: ease-in-out .2s;
	border-radius: 5px;
}
.shareList__link::after{
	content:attr(title);
	font-size:12px;
	vertical-align: top;
	margin-left:5px;
}
.shareList__link:hover{opacity: 0.75;}
 
.shareList__link.icon-twitter{background:#55acee;}
 
.shareList__link.icon-facebook{background:#3B5998;}
 
.shareList__link.icon-google-plus{background:#dd4b39;}
 
.shareList__link.icon-hatebu{background:#008FDE;}
 
.shareList__link.icon-pocket{background:#EB4654;}
 
.shareList__link.icon-rss{background:#ff9900;}
 
.shareList__link.icon-feedly{background:#6cc655;}
 
.shareList__link.icon-pinterest{background:#cb2027;}
 
.shareList__link.icon-linkedin{background:#0e76a8;}
 
.shareList__link.icon-line{background:#1dcd00;}


/*もぐマガジンのCSS*/




.mag-con,
.mag-con-3,
.mag-con-4{
margin: 20px 0 20px 0;
}

.mag-con-3 img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

.mag-con-3 img:first-of-type {
    width: 100%;
}

.mag-con-3 img:not(:first-of-type) {
    width: 50%;
    float: left;
}

/* floatをクリアするための追加スタイル */
.mag-con-3:after {
    content: "";
    display: table;
    clear: both;
}

.mag-con-3 img:not(:first-of-type) {
    width: calc(50% - 5px); /* マージンを考慮して幅を調整 */
    float: left;
    margin-right: 10px; /* 右側のマージンを追加 */
}

/* 最後の画像の右マージンを取り除く */
.mag-con-3 img:last-of-type {
    margin-right: 0;
}



.mag-con-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.mag-con-4 img {
  width: 49%; /* 画像のサイズを調整 */
  margin-bottom: 10px; /* 画像間の余白 */
}


.post-area h2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #000;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #00b900;/*左線*/
  margin-bottom:20px;
  border-radius: 5px;

}


h3.post-area {
  padding: 0.3rem 1.4rem;
  border-left: 4px solid #00b900;
  margin-top:20px;
}

.title-s {
margin-bottom:20px;
padding: 0.1rem 1.4rem;
border-left: 4px dotted #00b900;
font-size: 130%;
}


.mag-box {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 100%;
 border: 3px solid #00b900; /* 枠線の太さ・色 */
 color: #555555; /* 文字色 */
 background-color: #fff;
 border-radius: 8px; /* 角の丸み */
}
.title-mag-box {
 position: absolute;
left: 20px;
 top: -15px;
 padding: 0 .5em;
 font-size: 1.1em;
 background-color: #fff;
}

.tenpo-box {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 100%;
 border: 3px solid #77ae41; /* 枠線の太さ・色 */
 color: #333333; /* 文字色 */
 background-color: #fff;
 border-radius: 8px; /* 角の丸み */
}
.title-tenpo-box {
 position: absolute;
left: 20px;
 top: -15px;
 padding: 0 .5em;
 font-size: 1.1em;
 background-color: #fff;
}


.tenpo-box-k {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 100%;
 border: 3px solid #b0941e; /* 枠線の太さ・色 */
 color: #333333; /* 文字色 */
 background-color: #fff;
 border-radius: 8px; /* 角の丸み */
}
.title-tenpo-box-k {
 position: absolute;
left: 20px;
 top: -15px;
 padding: 0 .5em;
 font-size: 1.1em;
 background-color: #fff;
font-weight:bold;
}

@media (max-width: 767px) {
.post-area h2 {
		font-size: 170%;
		}
  .post-area .custom-title {
    font-size: 80%;
	margin-bottom:-20px;
  }
}



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





/*--------------------------------------
リンクボタン　グリーン
--------------------------------------*/


.mg-link-wrapper {
    text-align: center; /* ボタンを中央に配置 */
}

.mg-link-wrapper .mg-link-button {width: 280px; /* 固定幅 */
    padding: 1.4rem 3rem; /* 上下のパディングを調整 */
    overflow: hidden; /* オーバーフローしたテキストを隠す */
    white-space: nowrap; /* テキストを一行に保つ */
    text-overflow: ellipsis; /* オーバーフローしたテキストを省略記号で表示 */
    display: block; /* ブロックレベル要素として表示 */
    margin: 0 auto; /* 中央揃え */
}


.mg-link-wrapper {
    text-align: center; /* ボタンを中央に配置 */
}


a.mg-link-button {
  color: #fff;
  background-color: #349935;
}

a.mg-link-button:hover {
  color: #fff;
  background: #48a349;
}

a.mg-link-button.rounded-button {
  border-bottom: 5px solid #297a2a;
font-size:130%;
}

a.rounded-button {

  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
  border-radius: 100vh;
  text-decoration: none;
}

a.rounded-button .arrow-icon {
  height: 1.2rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

.button-text-s {
font-size: 0.9em;

}

@media (max-width: 768px) {
  a.mg-link-button.rounded-button {
    font-weight: bold;
  }
}


/*--------------------------------------
リンクボタン　オレンジ
--------------------------------------*/


.mg-link-wrapper {
    text-align: center; /* ボタンを中央に配置 */
}

.mg-link-wrapper .mg-link-button-og {
	width: 280px; /* 固定幅 */
    padding: 1.4rem 3rem; /* 上下のパディングを調整 */
    overflow: hidden; /* オーバーフローしたテキストを隠す */
    white-space: nowrap; /* テキストを一行に保つ */
    text-overflow: ellipsis; /* オーバーフローしたテキストを省略記号で表示 */
    display: block;
	margin: 0 auto; /* 中央揃え */
}

a.mg-link-button-og {
  color: #fff;
  background-color: #eb6100;
}

a.mg-link-button-og:hover {
  color: #fff;
  background: #f1904c;
}

a.mg-link-button-og.rounded-button {
  border-bottom: 5px solid #a44300;
font-size:130%;
}

a.rounded-button {

  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
  border-radius: 100vh;
  text-decoration: none;
}

a.rounded-button .arrow-icon {
  height: 1.2rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}


@media (max-width: 768px) {
  a.mg-link-button-og.rounded-button {
    font-weight: bold;
  }
}





/* 商品一覧タイトル崩れ防止*/

.store-main-content p{word-wrap: break-word;}

.store-main-content h1 {
    word-wrap: break-word; /* 単語間で折り返し */
}

@media(min-width: 831px) {


	
.store-main-content {
	max-width: 90%; /* コンテンツの最大幅を80%に設定 */
    margin: 0 auto; /* 左右のマージンを自動に設定して中央揃え */
    padding: 20px; /* 内側の余白を設定 */
	word-wrap: break-word;
}
	
.product-name {
	max-width: 210px; 
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	height: 2.8em;
	text-align: center !important;
	margin: 20px 0 10px 0;
	word-break: break-word;
	}
	
.product-store {
	max-width: 180px; 
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	height: 2.8em;
	text-align: center !important;
	margin: 20px 0 10px 0;
	word-break: break-word;
	font-size: 14px;
	}
	
/* グリッド表示のためのスタイル */
.products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列のグリッドを作成 */
    gap: 20px; /* グリッドアイテム間の隙間 */
    margin: 20px 0; /* 上下のマージン */
}

.product-item {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f9f9f9; /* 背景色 */
    text-align: center; /* 商品名と価格を中央揃えに */
    display: flex;
    flex-direction: column;
    align-items: center; /* 子要素を水平方向の中央に配置 */
    justify-content: center; /* 子要素を垂直方向の中央に配置 */
}

.product-item img {
    max-width: 100%;
    height: auto;
}


.b-details {
    display: block; /* ボタンをブロック要素に変更 */
    margin: 10px auto; /* 上下マージンを10px、左右マージンを自動に設定して中央に配置 */
    background-color: #eb6100;
    color: #ffffff !important; /* フォントの色を強制的に白に */
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px; /* ボタンの角を丸く */
    width: fit-content; /* ボタンの幅を内容に合わせる */
}

	
.product-item {
    text-align: center; /* product-item内のテキスト（ボタンを含む）を中央揃えに */
}

}


@media screen and (min-width: 381px) and (max-width: 830px) {

	
.products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列のグリッドを作成 */
    gap:7px; /* グリッドアイテム間の隙間 */
    margin: 20px 0; /* 上下のマージン */
}	
.product-name {
	max-width: 160px; 
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	height: 2.8em;
	text-align: center !important;
	margin: 20px 0 10px 0;
	word-break: break-word;
	font-size: 15px;
	}
	
.product-store {
	max-width: 160px; 
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	height: 2.8em;
	text-align: center !important;
	margin: 20px 0 10px 0;
	word-break: break-word;
	font-size: 13px;
	}
	
.product-item {
	max-width: 100%; /* コンテナの幅に合わせる */
	border: 1px solid #ddd;
	pad;
	padding: 8px;
	ackground-color: #f9f9f9; /* 背景色 */
	text-align: center; /* 商品名と価格を中央揃えに */
	display: flex;
	flex-direction: column;
	align-items: center; /* 子要素を水平方向の中央に配置 */
	justify-content: center; /* 子要素を垂直方向の中央に配置 */
}


.product-item img {
    max-width: 100%;
    height: auto;
}


.b-details {
    display: block; /* ボタンをブロック要素に変更 */
    margin: 10px auto; /* 上下マージンを10px、左右マージンを自動に設定して中央に配置 */
    background-color: #eb6100;
    color: #ffffff !important;
	padding: 10px 10px; /* パディングを増やしてボタンを大きくする */
    text-decoration: none;
    border-radius: 5px; /* ボタンの角を丸く */
    width: auto; /* ボタンの幅を自動に設定、または具体的な値に変更 */
    font-size: 100%; /* フォントサイズを大きくする */
}

	
.product-item {
    text-align: center; /* product-item内のテキスト（ボタンを含む）を中央揃えに */
}

}

@media screen and (max-width: 380px) { /* 端末の幅が380px以下の場合に適用 */
	
	
	
  .products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列のグリッドを作成 */
    gap:7px; /* グリッドアイテム間の隙間 */
    margin: 20px 0; /* 上下のマージン */
}	
.product-name {
	max-width: 160px; 
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	height: 2.8em;
	text-align: center !important;
	margin: 20px 0 10px 0;
	word-break: break-word;
	font-size: 15px;
	}

.product-store {
	max-width: 160px; 
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	height: 2.8em;
	text-align: center !important;
	margin: 20px 0 10px 0;
	word-break: break-word;
	font-size: 13px;
	}
	
.product-item {
	max-width: 100%; /* コンテナの幅に合わせる */
	border: 1px solid #ddd;
	pad;
	padding: 8px;
	ackground-color: #f9f9f9; /* 背景色 */
	text-align: center; /* 商品名と価格を中央揃えに */
	display: flex;
	flex-direction: column;
	align-items: center; /* 子要素を水平方向の中央に配置 */
	justify-content: center; /* 子要素を垂直方向の中央に配置 */
}


.product-item img {
    max-width: 100%;
    height: auto;
}


.b-details {
    display: block; /* ボタンをブロック要素に変更 */
    margin: 10px auto; /* 上下マージンを10px、左右マージンを自動に設定して中央に配置 */
    background-color: #eb6100;
    color: #ffffff !important;
	padding: 10px 10px; /* パディングを増やしてボタンを大きくする */
    text-decoration: none;
    border-radius: 5px; /* ボタンの角を丸く */
    width: auto; /* ボタンの幅を自動に設定、または具体的な値に変更 */
    font-size: 100%; /* フォントサイズを大きくする */
}

	
.product-item {
    text-align: center; /* product-item内のテキスト（ボタンを含む）を中央揃えに */
}

}




/* 商品一覧に余白ありの画像を掲載する*/

.product-item .archive-image-wrapper {
    width: 100%; /* 実際のデザインに合わせて調整 */
    height: 0;
    padding-bottom: 100%; /* 高さを幅と同じに保つ */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: white;
    border: 1px solid #999999; /* 枠線 */
    display: block; /* リンク要素として機能させるため */
    margin-bottom: 10px; /* 商品名などのテキストとの間隔 */
}



/* 商品画像サムネイルの枠線 */

.image-wrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    border: 1px solid #999999;  /* Add this line. Adjust color as needed. */
}



/* 商品画像余白スクエア */

.image-wrapper {
    width: 500px;
    height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: white;
    margin: 14px 8px 0px 0px; /* add some space between images */
}

.thumbnail-images .image-wrapper {
    width: 100px;
    height: 100px;
}
}


/* 商品一覧SOLDOUT設定 */
.archive-image-wrapper {
    position: relative;
    /* 既存のスタイルルール */
}

.archive-image-wrapper .sold-out-banner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    padding: 10px 0; /* 帯の縦幅を調整するためのパディング */
    background-color: rgba(255, 255, 255, 0.7);
    color: #515151;
    font-size: 25px; /* フォントサイズを調整 */
    font-weight: bold;
    text-align: center; /* テキストを中央揃えにするための設定 */
}

/* 商品投稿SOLDOUT設定 */
.image-wrapper {
    position: relative;
    /* 既存のスタイルルール */
}

.image-wrapper .sold-out-banner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    padding: 30px 0; /* 帯の縦幅を調整するためのパディング */
    background-color: rgba(255, 255, 255, 0.7);
    color: #515151;
    font-size: 40px; /* フォントサイズを調整 */
    font-weight: bold;
    text-align: center; /* テキストを中央揃えにするための設定 */
}



@media(min-width: 768px) {
.product-wrapper {
  display: flex;
  justify-content: flex-start;
}

.main-image {
  flex: none;
  margin-right: 20px; /* Adjust this value as needed */
  height: 500px;
	margin-bottom: 50px;
}

.thumbnail-images {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 500px;
}

.thumbnail-images img {
  margin-right: 10px; /* Add some space between the thumbnails */
  margin-bottom: 10px;
}
}

@media only screen and (max-width: 768px) {
  .product-wrapper {
    flex-direction: column;
  }
  
  .main-image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  
  .thumbnail-images {
    margin-top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
  }
  
  .thumbnail-images .image-wrapper {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    flex-shrink: 0;
  }

  .main-image .image-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
  }
  
  .main-image .image-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

/*商品ページページネーション */
.store-pagination {margin-top: 40px;margin-bottom: 40px;}

.store-pagination ul {
	width: 100%; /* コンテナの幅を80%に設定 */
    list-style: none; /* リストマーカーを削除 */
    padding-left: 0; /* パディングをリセット */
    text-align: center; /* 中央揃えにする */
}

.store-pagination li {
    display: inline-block; /* リストアイテムをインラインブロック要素にする */
    margin-right: 5px; /* 右のマージンを追加 */
}

.store-pagination li a, .store-pagination li span {
    padding: 8px 15px; /* ボタンの内側の余白を増やしてサイズを調整 */
    font-size: 18px; /* テキストのサイズを調整 */
    border: 1px solid #ddd; /* ボーダーの幅を設定してサイズに影響 */
    border-radius: 4px; /* 角丸の半径を調整してボタンの角の丸みを調整 */
    /* その他のスタイル */
}


.store-pagination li a:hover, .store-pagination li a.current {
    background-color: #28a745;
    color: #ffffff;
    border-color: #28a745;
}

@media (max-width: 768px) {
    .store-pagination ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* アイテムを中央揃えに */
        padding: 0; /* 必要に応じて調整 */
    }

    .store-pagination li {
        margin: 5px; /* アイテム間のスペースを適宜調整 */
    }

    .store-pagination li a, .store-pagination li span {
        display: block; /* リンクとスパンをブロック要素として扱う */
        min-width: 30px; /* 最小幅を設定 */
        padding: 8px 15px; /* パディングを調整 */
        text-align: center; /* テキストを中央揃えに */
    }
}
.store-pagination li a, .store-pagination li span {
    white-space: nowrap; /* テキストが折り返されないように */
}

@media (max-width: 768px) {
    .store-pagination ul {
        /* 必要に応じて幅を調整 */
        width: 100%;
        padding: 0;
    }

    .store-pagination li {
        /* リストアイテムのマージンとパディングを小さくする */
        margin: 3px;
        padding: 0;
    }

    .store-pagination li a, .store-pagination li span {
        /* リンクとスパンのフォントサイズ、パディング、最小幅を小さくする */
        font-size: 13px; /* 小さな画面に適したフォントサイズに */
        padding: 5px 8px; /* タッチ操作を考慮したパディングに */
        min-width: 20px; /* ボタンの最小幅を小さく */
        border-radius: 3px; /* 角丸の半径を調整 */
    }
}






.store-ct .list--sitemap .list__item {
    width: 100%; /* コンテナの幅に合わせて <li> 要素を広げる */
}

.store-ct .list--sitemap .list__item a {
    display: block;
    width: auto; /* 固定幅から自動幅に変更 */
    padding: 16px;
    font-weight: 700;
    border: 4px solid #349935;
    position: relative;
    text-decoration: none;
    margin: 5px 0;
}

.store-ct .list--sitemap .list__item a:after {
    content: "\f0da"; /* FontAwesome アイコン */
    font-family: FontAwesome;
    position: absolute;
    right: 8px;
    color: #349935;
}

.store-ct .list--sitemap .list__item a:hover {
    background: #eff4df;
    text-decoration: none;
}

.store-ct {
    border-bottom: 1px dotted #bfbfbf;
    padding: 15px 0;
}

@media only screen and (min-width: 768px) {
    .store-ct {
        padding: 30px 15px;
        max-width: 650px; /* タブレットビューでの最大幅 */
        margin: auto;
    }
}

@media only screen and (min-width: 992px) {
    .store-ct {
        padding: 30px 0;
        max-width: 945px; /* デスクトップビューでの最大幅 */
        margin: auto;
    }
}

  .store-ct .contents--box {
	  border: 4px solid #f7ac01;
    padding: 8px;
    margin-bottom: 15px;}


.text-area h2.heading-text {
    clear: both;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 0px 20px 7px 0px;
	font-size: 3.2rem; /* デフォルトのフォントサイズ */
    letter-spacing: 0.1em;
    font-weight: 900;
    display: flex;
    align-items: center;
    line-height: 1.4;
    color: #f37200;
}

/* スマホなどの小さい画面用のスタイル */
@media (max-width: 768px) { /* 768px以下の画面幅で適用される */
    .text-area h2.heading-text {
        font-size: 2.4rem;
		font-weight:bold;
    }
}

.text-area h2.heading-text:before {
    content: "";
    background-color: #f37200;
    border-radius: 5px;
    margin-right: 10px;
    width: 6px; /* 線の幅 */
    flex-grow: 0;
    flex-shrink: 0;
    align-self: stretch;
	font-weight: bold;
}

.top-ct h2.heading-text {
    clear: both;
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 0px 20px 7px 0px;
	font-size: 3.2rem; /* デフォルトのフォントサイズ */
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    line-height: 1.4;
    color: #f37200;
	font-weight:bold;
}

/* スマホなどの小さい画面用のスタイル */
@media (max-width: 768px) { /* 768px以下の画面幅で適用される */
    .top-ct h2.heading-text {
        font-size: 2.4rem; /* モバイルデバイスでのフォントサイズ */
    }
}

.top-ct h2.heading-text:before {
    content: "";
    background-color: #f37200;
    border-radius: 5px;
    margin-right: 10px;
    width: 5px; /* 線の幅 */
    flex-grow: 0;
    flex-shrink: 0;
    align-self: stretch;
}


.top-t{
    clear: both;
    margin-top: 15px;
    padding: 0px 20px 7px 0px;
font-size: 3.2rem; /* デフォルトのフォントサイズ */
    letter-spacing: 0.1em;
    font-weight: bold;
    display: flex;
    align-items: center;
    line-height: 1.4;
    color: #f37200;
}

/* スマホなどの小さい画面用のスタイル */
@media (max-width: 768px) { /* 768px以下の画面幅で適用される */
.top-t{
        font-size: 2.4rem; /* モバイルデバイスでのフォントサイズ */
    }
}




/* スマホ表示時のスタイル */
@media (max-width: 768px) {
    .pc {
        display: none; /* スマホ表示時に改行を無効にする */
    }
}

@media (max-width: 768px) {.top-contact {margin-top:-15px;}
}



.menu-trigger {
    background: none; /* デフォルトのボタンスタイルを削除 */
    border: none; /* デフォルトのボタンボーダーを削除 */
    padding: 0; /* デフォルトのパディングを削除 */
    margin: 0; /* デフォルトのマージンを削除 */
    /* 必要に応じて他のスタイルを追加 */
}

.menu-trigger + .list--snav {
    display: none; /* デフォルトでは非表示 */
}

.menu-trigger:hover + .list--snav,
.menu-trigger:focus + .list--snav,
.list--snav:hover {
    display: block; /* マウスオーバーまたはフォーカス時に表示 */
}

/* スマートフォン等での表示を考慮 */
@media (max-width: 768px) {
    .menu-trigger + .list--snav {
        /* スマートフォンでは常に表示させるか、別のトリガーを設定 */
    }
}


@media only screen and (max-width: 480px){
.text-area img {
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
}


/* フッターSメニュー */
.s-footer {
    display: flex;
    justify-content: space-around; /* アイテム間のスペースを均等に配置 */
    align-items: center; /* アイテムを垂直方向の中心に揃える */
    flex-wrap: wrap; /* 必要に応じてアイテムを次の行に折り返す */
    text-align: center; /* テキストを中央揃え */
	margin-top: 10px;
	margin-bottom: 8px;
}

.s-footer a {
    font-size: 85%;
    padding:  10px; /* リンクの左右に余白を追加 */
    white-space: nowrap; /* リンクのテキストを折り返さない */
}

.s-ft {
font-size: 95%;
margin:10px 0 15px 0;

}

.s-ft li {margin-top: 5px; /* 上のマージンを追加 */
    margin-bottom: 5px; /* 下のマージンを追加 */
}

/* メニューを閉じる画像のスタイル調整 */
.close-menu img {width: 25px; /* 画像の幅を30pxに設定 */
    margin: 0 0 4px 0; /* 上下のマージンを0、左右のマージンを自動で中央揃え */
}


/* スマートフォン表示時の追従ヘッダースタイル
@media (max-width: 768px) {
	
.follow-menu-just{
margin-top: 100px;
}
	.follow-menu {
		position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
		background-color: #fff;
		transition: top 0.4s ease;
    }

 .follow-menu　.header {
        width: 100%;

    }
}
 */



/* トップに戻る */
.top-button {
  opacity: 0;
  position: fixed;
  bottom: 45px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 37px;
  text-align: center;
  line-height: 60px;
  border-radius: 5%;
  text-decoration: none;
  transition: opacity 0.5s ease;
  pointer-events: none; /* ボタンが非表示のときにクリックを無効にする */
    z-index: 10;
}

.triangle {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 18px solid #fff;
  top: 35%; /* 追加 */
  transform: translateY(-50%); /* 追加 */
  margin: 0 auto; /* 追加 */
}

.top-text {
  font-size: 14px;
  display: block;
  margin-top: 0px; /* 追加 */
}

.top-button:focus {
  outline: none;
}

.top-button:hover,
.top-button:active {
  color: #fff;
}


/* ボタンが表示されたときにクリックを有効にする*/
.top-button.show {
  opacity: 1;
  pointer-events: auto; 
}

/* トップに戻るボタンとテキストの色を指定し、タップ後も変わらないようにする */
.top-button, .top-button:visited, .top-button:hover, .top-button:focus, .top-button:active,
.top-text, .top-text:visited, .top-text:hover, .top-text:focus, .top-text:active {
  color: #fff; /* ここで指定した色に変更してください */
  text-decoration: none;
}


.mog-tel-wrapper{
margin:20px 0;
	}

.mog-tel {
font-size:140%;
font-weight:bold;
}


/* スマートフォン等での表示を考慮 */
@media (max-width: 768px) {
.mog-tel {
font-size:120%;
}
}




/* SPヘッダーメニュー*/


.sp-menu-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列の配置 */
  grid-template-rows: auto auto; /* 2行の高さはコンテンツに合わせて自動調整 */
  gap: 0px 5px; /* 縦方向の間隔と横方向の間隔 */
  padding: 17px 10px;
  max-width: 100%; /* コンテナの最大幅を固定 */
  margin: auto; /* 中央揃え */
border-top: 1px solid rgba(0, 0, 0, 0.2); 
border-bottom: 1px solid rgba(0, 0, 0, 0.2); 

}

.sp-menu-link {
position: relative; /* これを追加 */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2bb94c;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
  /* 固定サイズを指定する場合、以下を調整 */
  height: 40px; /* リンクの高さ */
font-size:90%;
font-weight: bold;
}

/* オプション：リンクの横幅を固定したい場合 */
.sp-menu-link {
  width: 117px; /* 例としての横幅 */
}

.sp-menu-link::after {
  content: '';
  position: absolute;
  right: 8px; /* 右端からの距離 */
  top: 50%; /* 上端から中央に配置 */
  transform: translateY(-40%) translateX(20%); /* Y軸方向の中央揃えをさらに調整 */
  width: 8px; /* アイコンの幅 */
  height: 8px; /* アイコンの高さ */background-image: url('image/arrow-icon-bt.png');
  background-size: cover; /* アイコンのサイズを調整 */
  background-repeat: no-repeat;
  background-position: center;
}

  .sp-menu-link {
    width: 100%; /* コンテナ幅に対する相対値で調整 */
  }




/* SPヘッダーメニュードロップダウン*/

.sp-menu-link-dropdown {
  position: relative;
  display: inline-block;
}

.sp-dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border: 1px solid #C1C1C1; /* 枠線を追加 */
}

.sp-menu-link-dropdown:hover .sp-dropdown-content {
  display: block;
}

.sp-dropdown-content a {
  color: #333;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 90%;
  font-weight: bold;
  border-bottom: 1px solid #C1C1C1; /* 項目間の仕切り線を追加 */
}

/* 最後のリンクの仕切り線を削除する */
.sp-dropdown-content a:last-child {
  border-bottom: none;
}

.sp-dropdown-content a:hover {
  background-color: #f1f1f1;
}


.sp-dropdown-content a::after {
  content: '';
  position: absolute;
  right: 10px; /* 右端からの距離 */
  top: 50%; /* 要素の中央に配置 */
  transform: translateY(-50%) translateX(40%); /* Y軸方向の中央揃えをさらに調整 */
  width: 15px; /* 矢印の幅 */
  height: 15px; /* 矢印の高さ */
background-image: url('image/bread-arrow-icon.png');
  background-size: cover; /* 画像が矢印のサイズに合うように調整 */
  background-repeat: no-repeat;
  background-position: center;
}

.sp-dropdown-content a {
  position: relative; /* 矢印アイコンの位置調整の基準点として必要 */
  padding-right: 20px; /* 矢印のための右側の余白を確保 */
}


/* 「閉じる」リンク用のカスタムアイコン設定 */
.sp-dropdown-content .sp-menu-close::after {
  content: '';
  position: absolute;
  right: 8px; /* 右端からの距離 */
  top: 50%; /* 上端から中央に配置 */
  transform: translateY(-50%); /* Y軸方向の中央揃え */
  width: 12px; /* アイコンの幅 */
  height: 12px; /* アイコンの高さ */
  background-image: url('image/cancel-icon.png'); /* カスタムアイコン */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/* デスクトップとその他の大画面デバイスでメニューを非表示にする */
@media (min-width: 481px) {
  .sp-menu-container {
    display: none;
  }
}


/* ホバー状態とフォーカス状態でのスタイル */
.sp-menu-link:hover, .sp-menu-link:focus {
    color: #fff; /* ホバー時とフォーカス時のテキスト色を白に保持 */
    text-decoration: none; /* 下線を非表示に */
}

/* アクティブ状態（クリックされた時）のスタイル */
.sp-menu-link:active {
    color: #fff; /* アクティブ時のテキスト色を白に保持 */
    text-decoration: none; /* 下線を非表示に */
}

/* リンクが訪問済みの場合のスタイル */
.sp-menu-link:visited {
    color: #fff; /* 訪問済みのリンクのテキスト色を白に保持 */
}



/* 画像テキスト回り込み */

.mog_float_wrap{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.mog_float_top_img{
  display: block;
  float: left;
  margin-right: 20px; 
  width: 50%;
  border: 1px solid #c1c1c1; 
}
 
.mog_float_img{
  display: block;
  float: left;
  margin-right: 20px; 
  width: 35%;
  border: 1px solid #c1c1c1; 
}

.mog_float_area_img {
  display: block;
  float: left;
  margin-right: 20px;
  width: calc(45% - 10px); /* paddingとborderの分を差し引いて調整 */
  border: 1px solid #333333; /* 1ピクセルの黒い枠線 */
  padding: 15px; /* 上下左右に5ピクセルの余白を追加 */
  box-sizing: border-box; /* borderとpaddingをwidthに含める */
}

 
.mog_float_text{
  line-height: 1.5;
  text-align: justify;
  width: 100%;
}

/* スマホや小さなデバイス用のスタイル */
@media (max-width: 768px) {
    
.mog_float_top_img{
  display: block;
  float: left;
  margin-right: 20px; 
  width: 100%;
  border: 1px solid #c1c1c1;
  margin-bottom: 10px;
    
}
    
  .mog_float_img {
    float: none;
    margin-right: 0;
    width: 100%; /* 画像をフル幅で表示 */
    margin-bottom: 10px;
  }
    
.mog_float_area_img {
    float: none;
    margin-right: 0;
    width: 100%; /* 画像をフル幅で表示 */
    margin-bottom: 10px;
  }

  .mog_float_text {
    width: 100%; /* テキストもフル幅で表示 */
  }
}



.em-3 {
font-size: 100%;
    background-image: linear-gradient(rgba(255, 255, 192, 1), rgba(255, 255, 192, 1));
    background-repeat: no-repeat;
    background-position: 0 80%;
    background-size: 100% 10px;
    padding: 0 0 3px 0;
	font-weight: bold;
}




.text-area .list--sitemap .list__item__kaitori a {
  display: block;
  padding: 16px;
  font-weight: 700;
  border: 4px solid #b0941e; /* 枠線の色を #b0941e に変更 */
  position: relative;
}
.text-area .list--sitemap .list__item__kaitori a:after {
  content: "\f0da";
  font-family: FontAwesome;
  position: absolute;
  right: 8px;
  color: #b0941e; /* アイコンの色を #b0941e に変更 */
}
.text-area .list--sitemap .list__item__kaitori a:hover {
  background: #f3e9c7; /* ホバー効果の背景色を #b0941e と相性の良い薄い色 #f3e9c7 に変更 */
  text-decoration: none;
}

.text-area .list--sitemap .list__item__kaitori {
    margin-bottom: 10px;
}



.kaitori-anchor-text {
    color: #7b6715;
    font-weight: 700;
}




/* コンテンツ・アコーディオン・ゴールド */

.mog-panel-wrapper {
margin-top:15px;
margin-bottom:15px;
}

.mog-panel-group {
max-width: 800px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.mog__accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.mog__accordion__menu {
border: 3px solid #b0941e; /* 枠線の色を更新 */
}
.mog__accordion__button {
  /* background-image 関連のスタイルを削除 */
  appearance: none;
  text-align: left; /* テキストを左寄せに */
  width: 100%;
  background-color: #b0941e;
  color: #fff;
  padding: 14px;
  border: 1px solid #b0941e;
  position: relative; /* アイコンの絶対配置のために追加 */
font-weight:bold;
}

.mog__accordion__body {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}

.mog__accordion__text {
margin: 15px 10px 50px 10px;	
}



.mog__accordion__button .g-arrow-icon {
  position: absolute;
  right: 20px; /* 右端に配置 */
  top: 50%; /* 中央に配置、Y軸方向での中央揃え */
  transform: translateY(-50%); /* Y軸方向のオフセットで中央揃え */
  width: 20px; /* アイコンの幅 */
  height: 20px; /* アイコンの高さ */
	background-image: url('image/arrow-icon-bt.png');
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.5s ease; /* トランジション効果を指定 */
}


.g-arrow-icon.active {
  transform: translateY(-50%) rotate(90deg); /* activeクラスが適用された時の回転を90度に設定 */
}


.close-accordion {
  position: absolute; /* 絶対位置を指定 */
  right: 15px; /* 右端からの距離を増やして余白を作る */
  bottom: 10px; /* 下端からの距離を増やして余白を作る */
  padding: 5px 10px;
background-color: #333333; /* ボタンの背景色 */
  color: white; /* テキスト色 */
  border: none; /* 枠線なし */
  cursor: pointer; /* カーソルをポインターに */
border-radius: 5px; /* 角を丸く */
font-size:90%;
}




/* ダークグリーンのアコーディオン設定 */
.mog__accordion--green .mog__accordion__menu {
  border: 3px solid #349935; /* 枠線の色をダークグリーンに */
}

.mog__accordion--green .mog__accordion__button {
  background-color: #349935; /* ボタン背景色をダークグリーンに */
  border: 1px solid #349935; /* ボーダー色をダークグリーンに */
}

.mog__accordion--green .mog__accordion__button .g-arrow-icon {
  /* 必要に応じてダークグリーン用の矢印アイコンに変更 */
}

/* ダークグリーンのアコーディオンの閉じるボタン（オプションでスタイルを調整） */
.mog__accordion--green .close-accordion {
  background-color: #2e7d32; /* 例: より暗いグリーン */
}




/* FAQ-en */

.MogFAQ-Container {
  width: 80%;
  margin: 0 auto;
}

.MogFAQ-Container .MogFAQ-Item {
  padding: 20px 0;
  border-bottom: 1px solid #c8c8c8;
}

.MogFAQ-Container .MogFAQ-Item dt,
.MogFAQ-Container .MogFAQ-Item dd {
  display: flex;
  align-items: baseline;
  margin: 15px 0;
}

.MogFAQ-Container .MogFAQ-Item dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
}

.MogFAQ-Container .MogFAQ-Item dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
}

.MogFAQ-Container .MogFAQ-Item:last-of-type {
  border-bottom: none;
}

.MogFAQ-Container .MogFAQ-Item dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #333333;
  width: 2em;
  height: 2em;
}

.MogFAQ-Container .MogFAQ-Item dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #d65556;
  width: 2em;
  height: 2em;
}

@media screen and (max-width: 960px) {
  .MogFAQ-Container {
    width: 95%;
  }
}






/* 送料無料 */



.bundle-purchase-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}

.bundle-purchase-item img {
  display: block;
  margin: auto; /* 左右のマージンを自動で調整し、中央揃えに */
}

.bundle-purchase-item {
  display: flex; /* フレックスボックスとして扱う */
  flex-direction: column; /* 要素を垂直方向に並べる */
  align-items: center; /* 子要素を中央揃えに */
  text-align: center; /* テキストを中央揃えに */
  margin-bottom: 10px; /* 必要に応じて調整 */
}

.plus-sign {
  font-size: 40px;
  position: relative;
  top: 10px; /* 例としての調整 */
  margin: 0 20px;
}

.item-title-container {
  height: 40px; /* コンテナの高さを固定 */
width: 200px; /* 希望の横幅に設定 */
  display: flex; /* フレックスボックスとして扱う */
  align-items: center; /* 子要素を垂直方向の中央に配置 */
  justify-content: center; /* 子要素を水平方向の中央に配置 */
  margin: 10px 0; /* 上下のマージン */
}


.bundle-purchase-item .item-title {
  font-size: 18px; /* テキストのサイズを調整 */
  color: #333; /* テキストの色 */
  margin: 10px 0; /* 上下のマージン */
  font-weight: bold; /* フォントウェイト */
}

.free-shipping-banner {
  text-align: center;
 font-weight: bold; /* フォントウェイト */
}

.free-shipping {
  background-color: transparent; /* 背景色を透明に設定 */
  color: #333333; /* フォントカラーを#333333に設定 */
  border: 3px solid #f37200; /* 枠線を#f37200で設定 */
  border-radius: 20px;
  padding: 10px 20px;
  display: inline-block;
  font-size: 18px;
}

.centered-title {
  text-align: center;
  margin-bottom: 20px;
  font-weight: bold;
}

.img-container {
  display: flex; /* フレックスボックスとして扱う */
  justify-content: center; /* 子要素を水平方向の中央に配置 */
  align-items: center; /* 子要素を垂直方向の中央に配置 */
  width: 200px; /* 画像ボックスの幅、必要に応じて調整 */
  height: 200px; /* 画像ボックスの高さ、必要に応じて調整 */
  overflow: hidden; /* はみ出た部分を非表示にする */
}

/* 個別の画像サイズ設定 */
.img-refrigerator {width: 200px; /* 冷蔵庫の画像の幅、コンテナより大きいため見切れる */
}

.img-washingmachine {
  width: 200px; /* 洗濯機の画像の幅 */
}



@media (max-width: 768px) {
	

	
.centered-title {
  text-align: center;
  margin-bottom: 13px;
  font-weight: bold;
}
	
	
  .bundle-purchase-container {
    justify-content: center; /* 要素を中央に配置 */
  }


  .img-refrigerator, .img-washingmachine {
    max-width: 80px; /* スマホ表示時の画像の最大幅を小さく調整 */
    height: auto; /* 高さを自動調整 */
  }

  .plus-sign {
    font-size: 30px; /* スマホ表示時の＋マークのフォントサイズを小さく調整 */
    margin: 0 10px; /* ＋マークの両サイドのマージンを調整 */
  }
	

  .bundle-purchase-item, .img-container {
    width: 150px; /* スマホ表示時の画像コンテナの幅を自動調整 */
    height: 150px; /* 高さを自動調整 */
  }
	
	/* 個別の画像サイズ設定 */
.img-refrigerator {width: 130px; /* 冷蔵庫の画像の幅、コンテナより大きいため見切れる */
}

.img-washingmachine {
  width: 130px; /* 洗濯機の画像の幅 */
}

	
}


.item-title-container {
  height: 40px; /* コンテナの高さを固定 */
width: 150px; /* 希望の横幅に設定 */
  display: flex; /* フレックスボックスとして扱う */
  align-items: center; /* 子要素を垂直方向の中央に配置 */
  justify-content: center; /* 子要素を水平方向の中央に配置 */
  margin: 10px 0; /* 上下のマージン */
}



.mog-arrow-down {
  text-align: center;
  font-size: 24px; /* 矢印のサイズ調整 */
  margin-bottom: 5px; /* 矢印と次の要素との距離 */
margin-top: -20px; /* 矢印と次の要素との距離 */
}







/* 送料無料　シングル */


.centered-container {
  text-align: center; /* このコンテナでテキストを中央揃えに */
}

.single-centered-title {
  display: inline;
  background-image: linear-gradient(rgba(255, 255, 192, 1), rgba(255, 255, 192, 1));
  background-repeat: no-repeat;
  background-position: 0 80%; /* テキストの下端に合わせて調整 */
  background-size: 100% 9px; /* 線の高さ */
  padding: 0 10px; /* テキストの両端にパディング */
  box-decoration-break: clone; /* 複数行にわたるときに各行に装飾を適用 */
  -webkit-box-decoration-break: clone; /* Safari/Chrome向けのプレフィックス付き */
  font-weight: bold;
}

.single-bundle-purchase-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.single-bundle-purchase-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 10px;
}

.single-item-title-container {
  height: 40px;
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}

.single-item-title-container .item-title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.single-img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.single-img-container img {
  width: 100%; /* 画像の幅をコンテナに合わせる。必要に応じて調整 */
}

@media (max-width: 768px) {
  .single-img-container {
    width: 120px;
    height: 120px;
  }

  .single-img-container img {
    max-width: 150px;
    height: auto;
  }

  .single-item-title-container .item-title {
    font-size: 14px; /* スマホ表示時のテキストサイズを小さく調整 */
  }
}





.no-free-shipping {
  background-color: transparent; /* 背景色を透明に設定 */
  color: #333333; /* フォントカラーを#333333に設定 */
  border: 3px solid #6adce9; /* 枠線を#f37200で設定 */
  border-radius: 20px;
  padding: 10px 20px;
  display: inline-block;
  font-size: 18px;
}







.m-item-title-container {
  height: 40px; /* コンテナの高さを固定 */
width: 200px; /* 希望の横幅に設定 */
  display: flex; /* フレックスボックスとして扱う */
  align-items: center; /* 子要素を垂直方向の中央に配置 */
  justify-content: center; /* 子要素を水平方向の中央に配置 */
  margin: 10px 0; /* 上下のマージン */
}

.m-bundle-purchase-item .m-item-title {
font-size: 18px;
color: #333;
margin: 10px 0;
font-weight: bold;}
	
	
	
@media (max-width: 768px) {
.m-item-title-container {
width: 150px; /* 希望の横幅に設定 */

}
  }




.nofree-centered-title {
  display: inline;
 background-image: linear-gradient(#cfebf7, #cfebf7);
  background-repeat: no-repeat;
  background-position: 0 80%; /* テキストの下端に合わせて調整 */
  background-size: 100% 9px; /* 線の高さ */
  padding: 0 10px; /* テキストの両端にパディング */
  box-decoration-break: clone; /* 複数行にわたるときに各行に装飾を適用 */
  -webkit-box-decoration-break: clone; /* Safari/Chrome向けのプレフィックス付き */
  font-weight: bold;
}



  .unique-image-pair {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0; /* 上下のマージン */
  }

  .unique-image-pair img {
    flex: 1;
    max-width: 45%; /* 画像の最大幅を設定し、隣の画像との間隔を確保 */
    margin: 10px; /* 画像間の間隔 */
    height: auto; /* 画像の高さを自動調整 */
  }











.mog-product-category-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.mog-product-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(50% - 10px); /* モバイルとタブレットで2列 */
  margin: 5px;
  border: 1px solid #ddd;
  padding: 10px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .mog-product-category {
    width: calc(25% - 20px); /* PCで4列 */
  }
}

.mog-product-category img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.mog-product-category ul {
  list-style: none;
  padding: 0;
  width: 100%;
  text-align: center;
}

.mog-product-category ul li {
  font-size: 16px;
}







.mog-product-category-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.mog-product-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(50% - 10px); /* モバイルとタブレットで2列 */
  margin: 5px;
  border: 1px solid #ddd;
  padding: 10px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .mog-product-category {
    width: calc(25% - 20px); /* PCで4列 */
  }
}

.mog-product-category img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.mog-product-category ul {
  list-style: none;
  padding: 0;
  width: 100%;
  text-align: center;
}

.mog-product-category ul li {
  font-size: 16px;
}





.mog-gallery4-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
margin-bottom: 10px;
}

.mog-gallery4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(50% - 10px); /* モバイルとタブレットで2列 */
  margin: 5px;
  border: 1px solid #ddd;
  padding: 0px;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .mog-gallery4 {
    width: calc(25% - 20px); /* PCで4列 */
  }
}

.mog-gallery4 img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0px;
}

.mog-gallery4 ul {
  list-style: none;
  padding: 0;
  width: 100%;
  text-align: center;
}

.mog-gallery4 ul li {
  font-size: 16px;
}