@charset "UTF-8";
/*!
style.css Modified: @@buildTime Editor: Toshiyuki Hara */
:root {
  --theme-color-1: #fff;
  --theme-color-2: #000;
  --theme-color-3: #eb6464;
  --theme-color-4: #e71a28;
  --theme-color-5: #e95377;
  --theme-color-6: #ee7700;
  --theme-color-7: #f7d9e2;
  --theme-color-8: #da3940;
  --theme-color-9: #e16388;
  --breakpoint-standard: pc;
  --breakpoint-xl: 1200px;
  --breakpoint-lg: 1000px;
  --breakpoint-md: 768px;
  --breakpoint-sm: 560px;
  --breakpoint-xs: 320px;
}

.otoriyose {
  width: auto;
  /*
#overview
共通スタイル（_common.scss）

*/
  /* ==========================================================================
   RESET STYLE
   ========================================================================== */
  /* ==========================================================================
   FONT SET
   ========================================================================== */
  /* ==========================================================================
   HTML / BODY
   ========================================================================== */
  /* ==========================================================================
   LIST
   ========================================================================== */
  /* ==========================================================================
   LINK
   ========================================================================== */
  /* ==========================================================================
   MEDIA
   ========================================================================== */
  /* ==========================================================================
   TABLE
   ========================================================================== */
  /* ==========================================================================
   HORIZONTAL RULE
   ========================================================================== */
  /* ==========================================================================
   ゴシック体
   ========================================================================== */
  /*
#styleguide
ゴシック体

テキストをゴシック体にする場合はこのclassを使う
```
<p class="ff-gothic">窓も扉のかっこう棒手がゴーシュで叫ぶ音楽ました。</p>
```
*/
  /* ==========================================================================
   明朝体
   ========================================================================== */
  /*
#styleguide
明朝体

テキストを明朝体にする場合はこのclassを使う
```
<p class="ff-mincho">窓も扉のかっこう棒手がゴーシュで叫ぶ音楽ました。</p>
```
*/
  /* ==========================================================================
   ARIALフォント
   ========================================================================== */
  /*
#styleguide
ARIAL

テキストをARIALフォントにする場合はこのclassを使う
```
<p class="ff-arial">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
```
*/
  /* ==========================================================================
   ARIAL BLACKフォント
   ========================================================================== */
  /*
#styleguide
ARIAL BLACK

テキストをARIALフォントにする場合はこのclassを使う
```
<p class="ff-arialBlack">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
```
*/
  /*
#styleguide
マージン

marginに5pxずつ50pxまで
```
<div class="mt0">テキスト</div>
<div class="mt5">テキスト</div>
<div class="mt10">テキスト</div>
<div class="mt50">テキスト</div>
```
*/
  /* ==========================================================================
   IMPORTANT MARGIN
   ========================================================================== */
  /*
#styleguide
パディング

paddingに5pxずつ50pxまで
```
<div class="pt0">テキスト</div>
<div class="pt5">テキスト</div>
<div class="pt10">テキスト</div>
<div class="pt50">テキスト</div>
```
*/
  /* ==========================================================================
   IMPORTANT PADDING
   ========================================================================== */
  /*
#styleguide
フォントサイズ

font-sizeを2pxずつ50pxまで
```
<div class="fz12">テキスト</div>
<div class="fz18">テキスト</div>
<div class="fz24">テキスト</div>
<div class="fz30">テキスト</div>
<div class="fz36">テキスト</div>
<div class="fz42">テキスト</div>
```
*/
  /* ==========================================================================
   IMPORTANT FONT SIZE
   ========================================================================== */
  /* ==========================================================================
   IMPORTANT CLASS
   ========================================================================== */
  /* ==========================================================================
   viewportによって改行
   ========================================================================== */
  /*
#styleguide

5つのブレイクブレイクポイント（xs, sm ,md, lg, xl）による表示/非表示
<br>タグに使うと表示幅によって改行したり、改行を取ったりできる

0px以上で非表示・・・d-none
0px以上で表示・・・d-block
xs以上で非表示・・・d-xs-none
xs以上で表示・・・d-xs-block
sm以上で非表示・・・d-sm-none
sm以上で表示・・・d-sm-block
md以上で非表示・・・d-md-none
md以上で表示・・・d-md-block
lg以上で非表示・・・d-lg-none
lg以上で表示・・・d-lg-block
xl以上で非表示・・・d-xl-none
xl以上で表示・・・d-xl-block


```
```
*/
  /* ==========================================================================
   センターボックス
   ========================================================================== */
  /* ==========================================================================
   モーダルウィンドウなど上に被せた場合、htmlタグにclassをつけることによって
   htmlのスクロールさせないようにする
   参考: https://qiita.com/ShintaroKoizumi/items/82107fe292f3847d634e
   ========================================================================== */
  /*
#overview
カスタムフォームパーツ
*/
  /*
#styleguide
form全体を囲むclass名

class名は変数$customForm-nameで変更可能
WordpressのプラグインContact Form 7を使用する場合はプラグインが自動でフォームパーツをclass="wpcf7"で囲むので変数$customForm-nameをwpcf7にすること
Contact Form 7の拡張プラグインContact Form 7 add confirmを使用する場合は変数$customForm-use-wpcf7cをtrueにすること
```

<!-- class名をcfとした場合 -->
<div class="cf">
	<!-- フォームパーツ -->
</div>

<!-- Contact Form 7の場合 -->
<div class="wpcf7">
	<!-- フォームパーツ -->
</div>
```
*/
  /*
#styleguide
テキストボックス

```
<div class="cf">
	<input type="text" placeholder="type='text'">
	<input type="tel" placeholder="type='tel'">
	<input type="number" placeholder="type='number'">
	<input type="email" placeholder="type='email'">
	<input type="search" placeholder="type='search'">
	<input type="password" placeholder="type='password'">
	<input type="url" placeholder="type='url'">
</div>
```
*/
  /*
#styleguide
テキストボックス（disabled時）

```
<div class="cf">
	<input type="text" value="disabled" disabled>
</div>
```
*/
  /*
#styleguide
テキストボックス（readonly時）

```
<div class="cf">
	<input type="text" value="readonly" readonly>
</div>
```
*/
  /*
#styleguide
チェックボックス

チェックマークにsvg画像を使用

```
<div class="cf">
	<input type="checkbox" id="checkbox1" checked>
	<label for="checkbox1" class="cf-label cf-label--check cf-label--left">チェックボックス1</label>
	<input type="checkbox" id="checkbox2">
	<label for="checkbox2" class="cf-label cf-label--check cf-label--left">チェックボックス2</label>
</div>
```
*/
  /*
#styleguide
ラジオボタン

真ん中の点にsvg画像を使用
```
<div class="cf">
	<input type="radio" name="radio" id="radio1" checked>
	<label for="radio1" class="cf-label cf-label--radio cf-label--right">ラジオボタン1</label>
	<input type="radio" name="radio" id="radio2">
	<label for="radio2" class="cf-label cf-label--radio cf-label--right">ラジオボタン2</label>
</div>
```
*/
  /*
#styleguide
セレクター

プルダウンの矢印にsvg画像を使用
```
<div class="cf">
	<select name="" id="" class="cf-select">
		<option value="">AAAAA</option>
		<option value="">BBBBB</option>
		<option value="">CCCCC</option>
	</select>
</div>
```
*/
  /*
#styleguide
セレクター（複数選択）

テキストテキストテキストテキスト
```
<div class="cf">
	<select multiple class="cf-multiple">
		<option value="">AAAAA</option>
		<option value="">BBBBB</option>
		<option value="">CCCCC</option>
		<option value="">AAAAA</option>
		<option value="">BBBBB</option>
		<option value="">CCCCC</option>
	</select>
</div>
```
*/
  /*
#styleguide
テキストエリア

テキストテキストテキストテキスト
```
<div class="cf">
	<textarea></textarea>
</div>
```
*/
  /*
#styleguide
エラーメッセージ

テキストテキストテキストテキスト
```
<div class="cf">
	<div class="cf-response-output">
		<div class="cf-validation-errors">エラーメッセージ</div>
	</div>
</div>
```
*/
  /* ==========================================================================
   FORM PARTS
   ========================================================================== */
  /*
#overview
テーマカラー（おはなじかん）

他にも使っているけど、だいたいこんな感じ
*/
  /*
#colors
@theme-color1 #fff
@theme-color2 #000
@theme-color3 #db4350
@theme-color4 #d43965,
@theme-color5 #dc4f03,
@theme-color6 #00a04,
@theme-color7 #ffd7d7,
@theme-color8 #da3940
*/
  /*
#styleguide
フォントカラーのclass

font-tc●のばんごうはテーマカラーの番号
テーマカラーはstyle.scssに記述
!important付きなので使いどころに注意

```
<p class="font-tc3">テキストテキストテキストテキストテキストテキスト</p>
<p class="font-tc5">テキストテキストテキストテキストテキストテキスト</p>
<p class="font-tc7">テキストテキストテキストテキストテキストテキスト</p>
```
*/
  /*
#styleguide
背景色のclass

bg-tc●のばんごうはテーマカラーの番号
テーマカラーはstyle.scssに記述
!important付きなので使いどころに注意

```
<p class="bg-tc3">テキストテキストテキストテキストテキストテキスト</p>
<p class="bg-tc5">テキストテキストテキストテキストテキストテキスト</p>
<p class="bg-tc7">テキストテキストテキストテキストテキストテキスト</p>
```
*/
  /*
#styleguide
ボーダーカラーのclass

フォントカラーと背景色、ボーダーの色がテーマカラーごとclassに設定される
テーマカラーはstyle.scssに記述
!important付きなので使いどころに注意

```
<p class="border-tc3" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
<p class="border-tc5" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
<p class="border-tc7" style="border-width:3px;border-style:solid;">テキストテキストテキストテキストテキストテキスト</p>
```
*/
  /* ==========================================================================
   page-top_i879
   ========================================================================== */
  /* ==========================================================================
 *  
 *  _btn.scss
 *
 *  Last Modified: 2019/04/18
 *  Last Editor: Toshiyuki Hara
 *
   ========================================================================== */
  /*
#overview
ボタン

テキストテキスト
*/
  /*
#styleguide

プロにおまかせボタン

ヘッダに設置
```
<input type="button" value="プロにおまかせ" class="btn btn--pro">
```
*/
  /*
#styleguide

フォームの高さに合わせたボタン
```
<a href="" class="btn btn--form-parts btn--block"><i class="fas fa-search"></i>検索</a>
```
*/
  /*
#styleguide

お花の形から選ぶ で使われるボタン
```
<a href="" class="btn btn--type btn--block">ボタン</a>
```
*/
  /*
#styleguide

ページトップボタン
```
<input type="button" value="プロにおまかせ" class="btn btn--pro">
<a href="" class="btn btn--card-detail">ボタン</a>
<a href="" class="btn btn--card-cart">ボタン</a>
<input type="button" value="ボタン" class="btn btn--success btn--shadow">
<button class="btn btn--list btn--block">ボタン</button>
```
*/
  /*
#styleguide

ページトップボタン
```
<input type="button" value="プロにおまかせ" class="btn btn--pro">
<a href="" class="btn btn--card-detail">ボタン</a>
<a href="" class="btn btn--card-cart">ボタン</a>
<input type="button" value="ボタン" class="btn btn--success btn--shadow">
<button class="btn btn--list btn--block">ボタン</button>
```
*/
  /* ==========================================================================
 *  
 *  _headline.scss
 *
 *  Last Modified: 2021/04/09
 *  Last Editor: Toshiyuki Hara
 *
   ========================================================================== */
  /*
#overview
ヘッドライン


*/
  /*
#styleguide


```
<h3 class="headline"><span>ヘッドライン</span></h3>
```
*/
  /* ==========================================================================
   hero
   ========================================================================== */
  /* ==========================================================================
   intro
   ========================================================================== */
  /* ==========================================================================
   local-nav
   ========================================================================== */
  /* ==========================================================================
   box
   ========================================================================== */
  /* ==========================================================================
   box-cat
   ========================================================================== */
  /* ==========================================================================
   rec-list
   ========================================================================== */
  /* ==========================================================================
   gs-card
   ========================================================================== */
  /* ==========================================================================
   gs-other
   ========================================================================== */
  /* ==========================================================================
   gs-store
   ========================================================================== */
  /* ==========================================================================
   .card
   ========================================================================== */
  /* ==========================================================================
   .card-other
   ========================================================================== */
  /* ==========================================================================
   .card-store
   ========================================================================== */
  /* ==========================================================================
   .other-list
   ========================================================================== */
  /* ==========================================================================
   btn-more
   ========================================================================== */
  /* ==========================================================================
   cat-headline
   ========================================================================== */
  /* ==========================================================================
   bnr-hero
   ========================================================================== */
  /* ==========================================================================
   refine-search
   ========================================================================== */
  /* ==========================================================================
   box-search
   ========================================================================== */
  /* ==========================================================================
   cat-headline
   ========================================================================== */
  /* ==========================================================================
   pagination
   ========================================================================== */
  /* ==========================================================================
   box-note
   ========================================================================== */
  /* ==========================================================================
   #product
   ========================================================================== */
  /* ==========================================================================
 store-title
========================================================================== */
  /* ==========================================================================
 store-detail 
========================================================================== */
  /* ==========================================================================
 オススメ店舗
========================================================================== */
}

.otoriyose html, .otoriyose body, .otoriyose div, .otoriyose span, .otoriyose object, .otoriyose iframe,
.otoriyose h1, .otoriyose h2, .otoriyose h3, .otoriyose h4, .otoriyose h5, .otoriyose h6, .otoriyose p, .otoriyose blockquote, .otoriyose pre,
.otoriyose address, .otoriyose cite, .otoriyose code,
.otoriyose del, .otoriyose dfn, .otoriyose em, .otoriyose img, .otoriyose ins, .otoriyose kbd, .otoriyose q, .otoriyose samp,
.otoriyose small, .otoriyose strong, .otoriyose sub, .otoriyose sup, .otoriyose var,
.otoriyose b, .otoriyose i,
.otoriyose dl, .otoriyose dt, .otoriyose dd, .otoriyose ol, .otoriyose ul, .otoriyose li,
.otoriyose fieldset, .otoriyose form, .otoriyose label, .otoriyose legend,
.otoriyose table, .otoriyose caption, .otoriyose tbody, .otoriyose tfoot, .otoriyose thead, .otoriyose tr, .otoriyose th, .otoriyose td,
.otoriyose article, .otoriyose aside, .otoriyose canvas, .otoriyose details, .otoriyose figcaption, .otoriyose figure,
.otoriyose footer, .otoriyose header, .otoriyose menu, .otoriyose nav, .otoriyose section, .otoriyose summary,
.otoriyose time, .otoriyose mark, .otoriyose audio, .otoriyose video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.otoriyose article, .otoriyose aside, .otoriyose details, .otoriyose figcaption, .otoriyose figure,
.otoriyose footer, .otoriyose header, .otoriyose main, .otoriyose menu, .otoriyose nav, .otoriyose section {
  display: block;
}

.otoriyose button,
.otoriyose [type="reset"],
.otoriyose [type="button"],
.otoriyose [type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
}

@font-face {
  .otoriyose {
    font-family: YakuHanJP;
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Thin.eot);
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"), url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
  }
}

@font-face {
  .otoriyose {
    font-family: YakuHanJP;
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Light.eot);
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"), url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
  }
}

@font-face {
  .otoriyose {
    font-family: YakuHanJP;
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Regular.eot);
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"), url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
  }
}

@font-face {
  .otoriyose {
    font-family: YakuHanJP;
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Medium.eot);
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"), url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
  }
}

@font-face {
  .otoriyose {
    font-family: YakuHanJP;
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Bold.eot);
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"), url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
  }
}

@font-face {
  .otoriyose {
    font-family: YakuHanJP;
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Black.eot);
    src: url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"), url(//cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/fonts/YakuHanJP/YakuHanJP-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
  }
}

@font-face {
  .otoriyose {
    font-family: 'MyYuGothicM';
    font-weight: normal;
    src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
    /* Mediumがない場合 */
  }
}

@font-face {
  .otoriyose {
    font-family: 'MyYuGothicM';
    font-weight: bold;
    src: local("YuGothic-Bold"), local("Yu Gothic");
    /* for Chrome */
  }
}

.otoriyose html {
  height: 100%;
  box-sizing: border-box;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.otoriyose *, .otoriyose *::before, .otoriyose *::after {
  box-sizing: inherit;
}

.otoriyose body {
  height: 100%;
  font: 16px/1.6 YakuHanJP, "Noto Sans JP", MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .otoriyose body {
    font-family: Meiryo, sans-serif;
  }
}

.otoriyose ul, .otoriyose ol {
  list-style: none;
}

.otoriyose .list-style-disc li {
  padding-left: 1em;
  text-indent: -1em;
}

.otoriyose .list-style-disc li::before {
  content: '・';
  font-family: "Noto Sans JP", MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.otoriyose .list-style-asterisk li {
  padding-left: 1em;
  text-indent: -1em;
}

.otoriyose .list-style-asterisk li::before {
  content: '※';
  font-family: "Noto Sans JP", MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.otoriyose a,
.otoriyose .card__btn-cart {
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  vertical-align: baseline;
  background-color: transparent;
}

.otoriyose a:link, .otoriyose a:visited, .otoriyose a:hover, .otoriyose a:focus, .otoriyose a:active {
  color: #000;
}

.otoriyose a:hover, .otoriyose a:focus {
  text-decoration: underline;
}

.otoriyose img, .otoriyose embed, .otoriyose object, .otoriyose audio, .otoriyose video, .otoriyose iframe {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

.otoriyose img[src$=".svg"] {
  width: 100%;
}

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

.otoriyose hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.otoriyose .ff-mincho {
  font-family: true;
}

.otoriyose .ff-mincho {
  font-family: "Noto Serif JP", serif;
}

.otoriyose .ff-arial {
  font-family: Arial, Helvetica, Helvetica Neue, sans-serif;
}

.otoriyose .ff-arialBlack {
  font-family: Arial Black, sans-serif;
}

.otoriyose .m0 {
  margin: 0px !important;
}

.otoriyose .mt0 {
  margin-top: 0px !important;
}

.otoriyose .mr0 {
  margin-right: 0px !important;
}

.otoriyose .mb0 {
  margin-bottom: 0px !important;
}

.otoriyose .ml0 {
  margin-left: 0px !important;
}

.otoriyose .m-n0 {
  margin: 0px !important;
}

.otoriyose .mx0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.otoriyose .mx-n0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.otoriyose .my0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.otoriyose .my-n0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.otoriyose .m5 {
  margin: 5px !important;
}

.otoriyose .mt5 {
  margin-top: 5px !important;
}

.otoriyose .mr5 {
  margin-right: 5px !important;
}

.otoriyose .mb5 {
  margin-bottom: 5px !important;
}

.otoriyose .ml5 {
  margin-left: 5px !important;
}

.otoriyose .m-n5 {
  margin: -5px !important;
}

.otoriyose .mx5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.otoriyose .mx-n5 {
  margin-right: -5px !important;
  margin-left: -5px !important;
}

.otoriyose .my5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.otoriyose .my-n5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}

.otoriyose .m10 {
  margin: 10px !important;
}

.otoriyose .mt10 {
  margin-top: 10px !important;
}

.otoriyose .mr10 {
  margin-right: 10px !important;
}

.otoriyose .mb10 {
  margin-bottom: 10px !important;
}

.otoriyose .ml10 {
  margin-left: 10px !important;
}

.otoriyose .m-n10 {
  margin: -10px !important;
}

.otoriyose .mx10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.otoriyose .mx-n10 {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.otoriyose .my10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.otoriyose .my-n10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

.otoriyose .m15 {
  margin: 15px !important;
}

.otoriyose .mt15 {
  margin-top: 15px !important;
}

.otoriyose .mr15 {
  margin-right: 15px !important;
}

.otoriyose .mb15 {
  margin-bottom: 15px !important;
}

.otoriyose .ml15 {
  margin-left: 15px !important;
}

.otoriyose .m-n15 {
  margin: -15px !important;
}

.otoriyose .mx15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.otoriyose .mx-n15 {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.otoriyose .my15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.otoriyose .my-n15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}

.otoriyose .m20 {
  margin: 20px !important;
}

.otoriyose .mt20 {
  margin-top: 20px !important;
}

.otoriyose .mr20 {
  margin-right: 20px !important;
}

.otoriyose .mb20 {
  margin-bottom: 20px !important;
}

.otoriyose .ml20 {
  margin-left: 20px !important;
}

.otoriyose .m-n20 {
  margin: -20px !important;
}

.otoriyose .mx20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.otoriyose .mx-n20 {
  margin-right: -20px !important;
  margin-left: -20px !important;
}

.otoriyose .my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.otoriyose .my-n20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.otoriyose .m25 {
  margin: 25px !important;
}

.otoriyose .mt25 {
  margin-top: 25px !important;
}

.otoriyose .mr25 {
  margin-right: 25px !important;
}

.otoriyose .mb25 {
  margin-bottom: 25px !important;
}

.otoriyose .ml25 {
  margin-left: 25px !important;
}

.otoriyose .m-n25 {
  margin: -25px !important;
}

.otoriyose .mx25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.otoriyose .mx-n25 {
  margin-right: -25px !important;
  margin-left: -25px !important;
}

.otoriyose .my25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.otoriyose .my-n25 {
  margin-top: -25px !important;
  margin-bottom: -25px !important;
}

.otoriyose .m30 {
  margin: 30px !important;
}

.otoriyose .mt30 {
  margin-top: 30px !important;
}

.otoriyose .mr30 {
  margin-right: 30px !important;
}

.otoriyose .mb30 {
  margin-bottom: 30px !important;
}

.otoriyose .ml30 {
  margin-left: 30px !important;
}

.otoriyose .m-n30 {
  margin: -30px !important;
}

.otoriyose .mx30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.otoriyose .mx-n30 {
  margin-right: -30px !important;
  margin-left: -30px !important;
}

.otoriyose .my30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.otoriyose .my-n30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}

.otoriyose .m35 {
  margin: 35px !important;
}

.otoriyose .mt35 {
  margin-top: 35px !important;
}

.otoriyose .mr35 {
  margin-right: 35px !important;
}

.otoriyose .mb35 {
  margin-bottom: 35px !important;
}

.otoriyose .ml35 {
  margin-left: 35px !important;
}

.otoriyose .m-n35 {
  margin: -35px !important;
}

.otoriyose .mx35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.otoriyose .mx-n35 {
  margin-right: -35px !important;
  margin-left: -35px !important;
}

.otoriyose .my35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.otoriyose .my-n35 {
  margin-top: -35px !important;
  margin-bottom: -35px !important;
}

.otoriyose .m40 {
  margin: 40px !important;
}

.otoriyose .mt40 {
  margin-top: 40px !important;
}

.otoriyose .mr40 {
  margin-right: 40px !important;
}

.otoriyose .mb40 {
  margin-bottom: 40px !important;
}

.otoriyose .ml40 {
  margin-left: 40px !important;
}

.otoriyose .m-n40 {
  margin: -40px !important;
}

.otoriyose .mx40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.otoriyose .mx-n40 {
  margin-right: -40px !important;
  margin-left: -40px !important;
}

.otoriyose .my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.otoriyose .my-n40 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

.otoriyose .m45 {
  margin: 45px !important;
}

.otoriyose .mt45 {
  margin-top: 45px !important;
}

.otoriyose .mr45 {
  margin-right: 45px !important;
}

.otoriyose .mb45 {
  margin-bottom: 45px !important;
}

.otoriyose .ml45 {
  margin-left: 45px !important;
}

.otoriyose .m-n45 {
  margin: -45px !important;
}

.otoriyose .mx45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.otoriyose .mx-n45 {
  margin-right: -45px !important;
  margin-left: -45px !important;
}

.otoriyose .my45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.otoriyose .my-n45 {
  margin-top: -45px !important;
  margin-bottom: -45px !important;
}

.otoriyose .m50 {
  margin: 50px !important;
}

.otoriyose .mt50 {
  margin-top: 50px !important;
}

.otoriyose .mr50 {
  margin-right: 50px !important;
}

.otoriyose .mb50 {
  margin-bottom: 50px !important;
}

.otoriyose .ml50 {
  margin-left: 50px !important;
}

.otoriyose .m-n50 {
  margin: -50px !important;
}

.otoriyose .mx50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.otoriyose .mx-n50 {
  margin-right: -50px !important;
  margin-left: -50px !important;
}

.otoriyose .my50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.otoriyose .my-n50 {
  margin-top: -50px !important;
  margin-bottom: -50px !important;
}

.otoriyose .mx-auto {
  margin: 0 auto !important;
}

.otoriyose .p0 {
  padding: 0px !important;
}

.otoriyose .pt0 {
  padding-top: 0px !important;
}

.otoriyose .pr0 {
  padding-right: 0px !important;
}

.otoriyose .pb0 {
  padding-bottom: 0px !important;
}

.otoriyose .pl0 {
  padding-left: 0px !important;
}

.otoriyose .px0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.otoriyose .py0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.otoriyose .p5 {
  padding: 5px !important;
}

.otoriyose .pt5 {
  padding-top: 5px !important;
}

.otoriyose .pr5 {
  padding-right: 5px !important;
}

.otoriyose .pb5 {
  padding-bottom: 5px !important;
}

.otoriyose .pl5 {
  padding-left: 5px !important;
}

.otoriyose .px5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.otoriyose .py5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.otoriyose .p10 {
  padding: 10px !important;
}

.otoriyose .pt10 {
  padding-top: 10px !important;
}

.otoriyose .pr10 {
  padding-right: 10px !important;
}

.otoriyose .pb10 {
  padding-bottom: 10px !important;
}

.otoriyose .pl10 {
  padding-left: 10px !important;
}

.otoriyose .px10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.otoriyose .py10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.otoriyose .p15 {
  padding: 15px !important;
}

.otoriyose .pt15 {
  padding-top: 15px !important;
}

.otoriyose .pr15 {
  padding-right: 15px !important;
}

.otoriyose .pb15 {
  padding-bottom: 15px !important;
}

.otoriyose .pl15 {
  padding-left: 15px !important;
}

.otoriyose .px15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.otoriyose .py15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.otoriyose .p20 {
  padding: 20px !important;
}

.otoriyose .pt20 {
  padding-top: 20px !important;
}

.otoriyose .pr20 {
  padding-right: 20px !important;
}

.otoriyose .pb20 {
  padding-bottom: 20px !important;
}

.otoriyose .pl20 {
  padding-left: 20px !important;
}

.otoriyose .px20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.otoriyose .py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.otoriyose .p25 {
  padding: 25px !important;
}

.otoriyose .pt25 {
  padding-top: 25px !important;
}

.otoriyose .pr25 {
  padding-right: 25px !important;
}

.otoriyose .pb25 {
  padding-bottom: 25px !important;
}

.otoriyose .pl25 {
  padding-left: 25px !important;
}

.otoriyose .px25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.otoriyose .py25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.otoriyose .p30 {
  padding: 30px !important;
}

.otoriyose .pt30 {
  padding-top: 30px !important;
}

.otoriyose .pr30 {
  padding-right: 30px !important;
}

.otoriyose .pb30 {
  padding-bottom: 30px !important;
}

.otoriyose .pl30 {
  padding-left: 30px !important;
}

.otoriyose .px30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.otoriyose .py30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.otoriyose .p35 {
  padding: 35px !important;
}

.otoriyose .pt35 {
  padding-top: 35px !important;
}

.otoriyose .pr35 {
  padding-right: 35px !important;
}

.otoriyose .pb35 {
  padding-bottom: 35px !important;
}

.otoriyose .pl35 {
  padding-left: 35px !important;
}

.otoriyose .px35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.otoriyose .py35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.otoriyose .p40 {
  padding: 40px !important;
}

.otoriyose .pt40 {
  padding-top: 40px !important;
}

.otoriyose .pr40 {
  padding-right: 40px !important;
}

.otoriyose .pb40 {
  padding-bottom: 40px !important;
}

.otoriyose .pl40 {
  padding-left: 40px !important;
}

.otoriyose .px40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.otoriyose .py40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.otoriyose .p45 {
  padding: 45px !important;
}

.otoriyose .pt45 {
  padding-top: 45px !important;
}

.otoriyose .pr45 {
  padding-right: 45px !important;
}

.otoriyose .pb45 {
  padding-bottom: 45px !important;
}

.otoriyose .pl45 {
  padding-left: 45px !important;
}

.otoriyose .px45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.otoriyose .py45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.otoriyose .p50 {
  padding: 50px !important;
}

.otoriyose .pt50 {
  padding-top: 50px !important;
}

.otoriyose .pr50 {
  padding-right: 50px !important;
}

.otoriyose .pb50 {
  padding-bottom: 50px !important;
}

.otoriyose .pl50 {
  padding-left: 50px !important;
}

.otoriyose .px50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.otoriyose .py50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.otoriyose .border {
  border-style: solid;
  border-color: transparent;
}

.otoriyose .border--0 {
  border-width: 0px !important;
}

.otoriyose .border--top-0 {
  border-top-width: 0px !important;
}

.otoriyose .border--right-0 {
  border-right-width: 0px !important;
}

.otoriyose .border--bottom-0 {
  border-bottom-width: 0px !important;
}

.otoriyose .border--left-0 {
  border-left-width: 0px !important;
}

.otoriyose .border--1 {
  border-width: 1px !important;
}

.otoriyose .border--top-1 {
  border-top-width: 1px !important;
}

.otoriyose .border--right-1 {
  border-right-width: 1px !important;
}

.otoriyose .border--bottom-1 {
  border-bottom-width: 1px !important;
}

.otoriyose .border--left-1 {
  border-left-width: 1px !important;
}

.otoriyose .border--2 {
  border-width: 2px !important;
}

.otoriyose .border--top-2 {
  border-top-width: 2px !important;
}

.otoriyose .border--right-2 {
  border-right-width: 2px !important;
}

.otoriyose .border--bottom-2 {
  border-bottom-width: 2px !important;
}

.otoriyose .border--left-2 {
  border-left-width: 2px !important;
}

.otoriyose .border--3 {
  border-width: 3px !important;
}

.otoriyose .border--top-3 {
  border-top-width: 3px !important;
}

.otoriyose .border--right-3 {
  border-right-width: 3px !important;
}

.otoriyose .border--bottom-3 {
  border-bottom-width: 3px !important;
}

.otoriyose .border--left-3 {
  border-left-width: 3px !important;
}

.otoriyose .border--4 {
  border-width: 4px !important;
}

.otoriyose .border--top-4 {
  border-top-width: 4px !important;
}

.otoriyose .border--right-4 {
  border-right-width: 4px !important;
}

.otoriyose .border--bottom-4 {
  border-bottom-width: 4px !important;
}

.otoriyose .border--left-4 {
  border-left-width: 4px !important;
}

.otoriyose .border--5 {
  border-width: 5px !important;
}

.otoriyose .border--top-5 {
  border-top-width: 5px !important;
}

.otoriyose .border--right-5 {
  border-right-width: 5px !important;
}

.otoriyose .border--bottom-5 {
  border-bottom-width: 5px !important;
}

.otoriyose .border--left-5 {
  border-left-width: 5px !important;
}

.otoriyose .border--radius-0 {
  border-radius: 0px;
}

.otoriyose .border--radius-2 {
  border-radius: 2px;
}

.otoriyose .border--radius-4 {
  border-radius: 4px;
}

.otoriyose .border--radius-6 {
  border-radius: 6px;
}

.otoriyose .border--radius-8 {
  border-radius: 8px;
}

.otoriyose .border--radius-10 {
  border-radius: 10px;
}

.otoriyose .border--radius-12 {
  border-radius: 12px;
}

.otoriyose .border--radius-14 {
  border-radius: 14px;
}

.otoriyose .border--radius-16 {
  border-radius: 16px;
}

.otoriyose .border--radius-18 {
  border-radius: 18px;
}

.otoriyose .border--radius-20 {
  border-radius: 20px;
}

.otoriyose .border--radius-pill {
  border-radius: 50rem !important;
}

.otoriyose .font-space {
  letter-spacing: .5em;
}

.otoriyose .fz12 {
  font-size: 12px !important;
}

.otoriyose .fz14 {
  font-size: 14px !important;
}

.otoriyose .fz16 {
  font-size: 16px !important;
}

.otoriyose .fz18 {
  font-size: 18px !important;
}

.otoriyose .fz20 {
  font-size: 20px !important;
}

.otoriyose .fz22 {
  font-size: 22px !important;
}

.otoriyose .fz24 {
  font-size: 24px !important;
}

.otoriyose .fz26 {
  font-size: 26px !important;
}

.otoriyose .fz28 {
  font-size: 28px !important;
}

.otoriyose .fz30 {
  font-size: 30px !important;
}

.otoriyose .fz32 {
  font-size: 32px !important;
}

.otoriyose .fz34 {
  font-size: 34px !important;
}

.otoriyose .fz36 {
  font-size: 36px !important;
}

.otoriyose .fz38 {
  font-size: 38px !important;
}

.otoriyose .fz40 {
  font-size: 40px !important;
}

.otoriyose .fz42 {
  font-size: 42px !important;
}

.otoriyose .fz44 {
  font-size: 44px !important;
}

.otoriyose .fz46 {
  font-size: 46px !important;
}

.otoriyose .fz48 {
  font-size: 48px !important;
}

.otoriyose .fz50 {
  font-size: 50px !important;
}

.otoriyose .x-small {
  font-size: 80% !important;
}

.otoriyose .small {
  font-size: 91% !important;
}

.otoriyose .large {
  font-size: 120% !important;
}

.otoriyose .thin {
  font-weight: 100 !important;
}

.otoriyose .light {
  font-weight: 300 !important;
}

.otoriyose .bold {
  font-weight: bold !important;
}

.otoriyose .normal,
.otoriyose .regular {
  font-weight: 400 !important;
}

.otoriyose .center {
  text-align: center !important;
}

.otoriyose .left {
  text-align: left !important;
}

.otoriyose .right {
  text-align: right !important;
}

.otoriyose .att {
  color: #ff0000 !important;
}

.otoriyose .borderNone {
  border: 0 !important;
}

.otoriyose .block {
  display: block !important;
}

.otoriyose .inline-block {
  display: inline-block;
}

.otoriyose .none {
  display: none !important;
}

.otoriyose .show {
  visibility: visible !important;
}

.otoriyose .hide {
  visibility: hidden !important;
}

.otoriyose .indent {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.otoriyose .disabled {
  cursor: default !important;
  pointer-events: none !important;
  opacity: .3 !important;
}

.otoriyose .underline {
  text-decoration: underline !important;
}

.otoriyose .h100p {
  height: 100%;
}

.otoriyose .lh1 {
  line-height: 1;
}

.otoriyose .medium {
  font-weight: 500 !important;
}

.otoriyose .black {
  font-weight: 900 !important;
}

.otoriyose .d-none {
  display: none !important;
}

.otoriyose .d-block {
  display: block !important;
}

.otoriyose .d-xs-none {
  display: block !important;
}

@media screen and (min-width: 320px) {
  .otoriyose .d-xs-none {
    display: none !important;
  }
}

.otoriyose .d-xs-block {
  display: none !important;
}

@media screen and (min-width: 320px) {
  .otoriyose .d-xs-block {
    display: block !important;
  }
}

.otoriyose .d-sm-none {
  display: block !important;
}

@media screen and (min-width: 560px) {
  .otoriyose .d-sm-none {
    display: none !important;
  }
}

.otoriyose .d-sm-block {
  display: none !important;
}

@media screen and (min-width: 560px) {
  .otoriyose .d-sm-block {
    display: block !important;
  }
}

.otoriyose .d-md-none {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .otoriyose .d-md-none {
    display: none !important;
  }
}

.otoriyose .d-md-block {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .otoriyose .d-md-block {
    display: block !important;
  }
}

.otoriyose .d-lg-none {
  display: block !important;
}

@media screen and (min-width: 1000px) {
  .otoriyose .d-lg-none {
    display: none !important;
  }
}

.otoriyose .d-lg-block {
  display: none !important;
}

@media screen and (min-width: 1000px) {
  .otoriyose .d-lg-block {
    display: block !important;
  }
}

.otoriyose .d-xl-none {
  display: block !important;
}

@media screen and (min-width: 1200px) {
  .otoriyose .d-xl-none {
    display: none !important;
  }
}

.otoriyose .d-xl-block {
  display: none !important;
}

@media screen and (min-width: 1200px) {
  .otoriyose .d-xl-block {
    display: block !important;
  }
}

.otoriyose .cb {
  max-width: 1000px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;
}

.otoriyose .cb__inr {
  padding: 0 40px;
}

.otoriyose .scroll-prevent {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.otoriyose .nowrap {
  white-space: nowrap;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"]),
.otoriyose .cf select,
.otoriyose .cf textarea {
  width: 100%;
  padding: 0.3em 0.5em;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  font-family: YakuHanJP, "Noto Sans JP", MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"]).cf-not-valid,
.otoriyose .cf select.cf-not-valid,
.otoriyose .cf textarea.cf-not-valid {
  background-color: #fbeaea;
  border-color: #fbeaea;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"])[disabled],
.otoriyose .cf select[disabled],
.otoriyose .cf textarea[disabled] {
  opacity: 0.7;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"]):focus,
.otoriyose .cf select:focus,
.otoriyose .cf textarea:focus {
  box-shadow: 0 0 5px 0 #0bd;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"])::-ms-clear {
  display: none;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"])[readonly] {
  color: #000;
  background-color: #eee;
  border: 1px solid #ccc;
  opacity: 1;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"])[readonly]:focus {
  outline: none;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder,
.otoriyose .cf textarea::-webkit-input-placeholder {
  padding-top: 0.3em;
  color: gray;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"])::-moz-placeholder,
.otoriyose .cf textarea::-moz-placeholder {
  color: gray;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder,
.otoriyose .cf textarea:-ms-input-placeholder {
  color: gray;
}

.otoriyose .cf [type="number"] {
  -moz-appearance: textfield !important;
}

.otoriyose .cf [type="number"]::-webkit-outer-spin-button, .otoriyose .cf [type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.otoriyose .cf [type="search"] {
  outline-offset: -2px;
}

.otoriyose .cf [type="search"]::-webkit-search-decoration {
  display: none;
}

.otoriyose .cf [type="search"]::-webkit-search-cancel-button {
  display: none;
}

.otoriyose .cf [type="password"]::-ms-reveal {
  display: none;
}

.otoriyose .cf select::-ms-expand {
  display: none;
}

.otoriyose .cf input:not([type="checkbox"]):not([type="radio"]),
.otoriyose .cf select {
  height: 34px;
}

.otoriyose .cf textarea {
  height: 200px;
  resize: vertical;
}

.otoriyose .cf .cf-select {
  padding-right: 2em;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' fill='none' stroke='rgba(60, 60, 60, 1)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/21px 21px no-repeat;
  cursor: pointer;
  position: relative;
}

.mod_no-matchmedia .otoriyose .cf .cf-select {
  padding-right: 0;
  background-image: none;
}

.otoriyose .cf .cf-multiple {
  height: auto;
}

.otoriyose .cf .cf-label {
  display: inline-block;
  position: relative;
  line-height: 21px;
  font-size: 16px;
  cursor: pointer;
}

.otoriyose .cf .cf-label::selection {
  background-color: rgba(255, 255, 255, 0);
}

.otoriyose .cf .cf-label::before, .otoriyose .cf .cf-label::after {
  content: '';
  width: 21px;
  height: 21px;
  position: absolute;
  top: 0;
  display: inline-block;
  line-height: 21px;
}

.otoriyose .cf .cf-label::before {
  border: 2px solid #ccc;
}

.otoriyose .cf .cf-label::after {
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.otoriyose .cf .cf-label.cf-label--left {
  padding-left: 25px;
}

.otoriyose .cf .cf-label.cf-label--left::before, .otoriyose .cf .cf-label.cf-label--left::after {
  left: 0;
}

.otoriyose .cf .cf-label.cf-label--right {
  padding-right: 25px;
}

.otoriyose .cf .cf-label.cf-label--right::before, .otoriyose .cf .cf-label.cf-label--right::after {
  right: 0;
}

.otoriyose .cf .cf-label.cf-label--radio::before {
  border-radius: 50%;
}

.otoriyose .cf .cf-label.cf-label--radio::after {
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none' stroke='rgba(120, 60, 60, 1)' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='1'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.otoriyose .cf .cf-label.cf-label--check::before {
  border-radius: 3px;
}

.otoriyose .cf .cf-label.cf-label--check::after {
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='rgba(120, 60, 60, 1)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.otoriyose .cf .cf-label + input + .cf-label {
  margin-left: 21px;
}

.otoriyose .cf [type="radio"],
.otoriyose .cf [type="checkbox"] {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}

.otoriyose .cf [type="radio"]:checked + .cf-label::after,
.otoriyose .cf [type="checkbox"]:checked + .cf-label::after {
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.otoriyose .cf [type="radio"][disabled] + .cf-label,
.otoriyose .cf [type="checkbox"][disabled] + .cf-label {
  opacity: 0.7;
}

.otoriyose .cf [type="radio"]:focus + .cf-label,
.otoriyose .cf [type="checkbox"]:focus + .cf-label {
  box-shadow: 0 0 5px 0 #0bd;
}

.otoriyose .cf .cf-not-valid .cf-label::before {
  background-color: #fbeaea;
}

.otoriyose .cf .cf-response-output {
  margin: 40px 0;
  padding: 0;
}

.otoriyose .cf .cf-validation-errors {
  padding: 22px 0;
  display: block;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #e45f5f;
  border: 0;
  border-radius: 5px;
}

.otoriyose .cf .cf-validation-errors::before {
  content: '';
  width: 21px;
  height: 21px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12' y2='17'%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.otoriyose .cf .cf-mail-sent-ok {
  display: none;
}

.otoriyose .cf .cf-not-valid-tip {
  display: block;
  font-size: 1em;
  color: #f00;
}

.otoriyose .cf .ajax-loader {
  margin: 0 0 0 -8px !important;
  position: absolute;
  top: -20px;
  left: 50%;
}

.otoriyose .font-tc1 {
  color: #fff !important;
}

.otoriyose .bg-tc1 {
  background-color: #fff !important;
}

.otoriyose .border-tc1 {
  border-color: #fff !important;
}

.otoriyose .font-tc2 {
  color: #000 !important;
}

.otoriyose .bg-tc2 {
  background-color: #000 !important;
}

.otoriyose .border-tc2 {
  border-color: #000 !important;
}

.otoriyose .font-tc3 {
  color: #eb6464 !important;
}

.otoriyose .bg-tc3 {
  background-color: #eb6464 !important;
}

.otoriyose .border-tc3 {
  border-color: #eb6464 !important;
}

.otoriyose .font-tc4 {
  color: #e71a28 !important;
}

.otoriyose .bg-tc4 {
  background-color: #e71a28 !important;
}

.otoriyose .border-tc4 {
  border-color: #e71a28 !important;
}

.otoriyose .font-tc5 {
  color: #e95377 !important;
}

.otoriyose .bg-tc5 {
  background-color: #e95377 !important;
}

.otoriyose .border-tc5 {
  border-color: #e95377 !important;
}

.otoriyose .font-tc6 {
  color: #ee7700 !important;
}

.otoriyose .bg-tc6 {
  background-color: #ee7700 !important;
}

.otoriyose .border-tc6 {
  border-color: #ee7700 !important;
}

.otoriyose .font-tc7 {
  color: #f7d9e2 !important;
}

.otoriyose .bg-tc7 {
  background-color: #f7d9e2 !important;
}

.otoriyose .border-tc7 {
  border-color: #f7d9e2 !important;
}

.otoriyose .font-tc8 {
  color: #da3940 !important;
}

.otoriyose .bg-tc8 {
  background-color: #da3940 !important;
}

.otoriyose .border-tc8 {
  border-color: #da3940 !important;
}

.otoriyose .font-tc9 {
  color: #e16388 !important;
}

.otoriyose .bg-tc9 {
  background-color: #e16388 !important;
}

.otoriyose .border-tc9 {
  border-color: #e16388 !important;
}

.otoriyose .page-top {
  width: 80px;
  height: 80px;
  text-align: center;
  margin: 0 auto 60px;
}

.otoriyose .page-top a {
  display: block;
  text-decoration: none;
  width: 80px;
  height: 80px;
  padding: 0;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  padding-top: 40px;
  font-size: 1em;
  font-family: Folk Bold;
  font-weight: bold;
  background: #df5d5d url(//images.i879.com/image/i879_momoclo/i879_arrows_down.png) top center no-repeat;
}

.otoriyose .page-top a:hover {
  background-color: #F49FCE;
}

.otoriyose .btn {
  min-width: 1em;
  margin: 0;
  padding: 0.26em 0.3em;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font: 700 18px/1.3 YakuHanJP, "Noto Sans JP", MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  border-radius: 100vh;
  border: 2px solid transparent;
  outline: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.otoriyose .btn:link, .otoriyose .btn:visited, .otoriyose .btn:hover, .otoriyose .btn:focus, .otoriyose .btn:active {
  color: #fff;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .otoriyose .btn {
    font-family: Meiryo, sans-serif;
  }
}

.otoriyose .btn:hover, .otoriyose .btn:focus {
  color: white;
  text-decoration: none;
  background-color: #cccccc;
}

.otoriyose .btn--block {
  width: 100%;
  display: block;
}

.otoriyose .btn--ico .fa, .otoriyose .btn--ico .fas {
  position: absolute;
  top: calc(50% - .5em);
  left: 0.5em;
}

.otoriyose .btn--ico-right .fa, .otoriyose .btn--ico-right .fas {
  position: absolute;
  top: calc(50% - .5em);
  right: 0.5em;
}

.otoriyose .btn--disabled, .otoriyose .btn[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: .3;
}

.otoriyose .btn--shadow {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.otoriyose .btn--oiwai {
  color: #fff;
  background-color: #ef6f9f;
  border-color: #ef6f9f;
  font-size: 20px;
  min-height: 50px;
}

.otoriyose .btn--oiwai:link, .otoriyose .btn--oiwai:visited, .otoriyose .btn--oiwai:hover, .otoriyose .btn--oiwai:focus, .otoriyose .btn--oiwai:active {
  color: #fff;
}

.otoriyose .btn--oiwai:hover, .otoriyose .btn--oiwai:focus {
  color: white;
  background-color: #f9cbdc;
  border-color: #f9cbdc;
}

.otoriyose .btn--osonae {
  color: #fff;
  background-color: #a5a5dc;
  border-color: #a5a5dc;
  font-size: 20px;
  min-height: 50px;
}

.otoriyose .btn--osonae:link, .otoriyose .btn--osonae:visited, .otoriyose .btn--osonae:hover, .otoriyose .btn--osonae:focus, .otoriyose .btn--osonae:active {
  color: #fff;
}

.otoriyose .btn--osonae:hover, .otoriyose .btn--osonae:focus {
  color: white;
  background-color: #eeeef9;
  border-color: #eeeef9;
}

.otoriyose .btn--back {
  color: #ee8687;
  background-color: #fff;
  border-color: #f1b1b1;
  font-size: 12px;
  min-height: 50px;
}

.otoriyose .btn--back:link, .otoriyose .btn--back:visited, .otoriyose .btn--back:hover, .otoriyose .btn--back:focus, .otoriyose .btn--back:active {
  color: #ee8687;
}

.otoriyose .btn--back:hover, .otoriyose .btn--back:focus {
  color: #fbdfe0;
  background-color: white;
  border-color: white;
}

.otoriyose .btn--refine {
  color: #fff;
  background-color: #da393f;
  border-color: #da393f;
}

.otoriyose .btn--refine:link, .otoriyose .btn--refine:visited, .otoriyose .btn--refine:hover, .otoriyose .btn--refine:focus, .otoriyose .btn--refine:active {
  color: #fff;
}

.otoriyose .btn--refine:hover, .otoriyose .btn--refine:focus {
  color: white;
  background-color: #ea8f92;
  border-color: #ea8f92;
}

.otoriyose .btn--form-parts {
  border-radius: 3px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  min-height: 34px;
}

.otoriyose .btn--danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #c9302c;
}

.otoriyose .btn--danger:link, .otoriyose .btn--danger:visited, .otoriyose .btn--danger:hover, .otoriyose .btn--danger:focus, .otoriyose .btn--danger:active {
  color: #fff;
}

.otoriyose .btn--danger:hover, .otoriyose .btn--danger:focus {
  color: white;
  background-color: #e27c79;
  border-color: #e27c79;
}

.otoriyose .btn--bg-tc-1 {
  background-color: #fff;
}

.otoriyose .btn--bg-tc-1:hover, .otoriyose .btn--bg-tc-1:focus {
  background-color: white;
}

.otoriyose .btn--border-tc-1 {
  border-color: #fff;
}

.otoriyose .btn--border-tc-1:hover, .otoriyose .btn--border-tc-1:focus {
  border-color: white;
}

.otoriyose .btn--font-tc-1 {
  color: #fff;
}

.otoriyose .btn--font-tc-1:link, .otoriyose .btn--font-tc-1:visited {
  color: #fff;
}

.otoriyose .btn--font-tc-1:hover, .otoriyose .btn--font-tc-1:focus, .otoriyose .btn--font-tc-1:active {
  color: white;
}

.otoriyose .btn--bg-tc-2 {
  background-color: #000;
}

.otoriyose .btn--bg-tc-2:hover, .otoriyose .btn--bg-tc-2:focus {
  background-color: #333333;
}

.otoriyose .btn--border-tc-2 {
  border-color: #000;
}

.otoriyose .btn--border-tc-2:hover, .otoriyose .btn--border-tc-2:focus {
  border-color: #333333;
}

.otoriyose .btn--font-tc-2 {
  color: #000;
}

.otoriyose .btn--font-tc-2:link, .otoriyose .btn--font-tc-2:visited {
  color: #000;
}

.otoriyose .btn--font-tc-2:hover, .otoriyose .btn--font-tc-2:focus, .otoriyose .btn--font-tc-2:active {
  color: #333333;
}

.otoriyose .btn--bg-tc-3 {
  background-color: #eb6464;
}

.otoriyose .btn--bg-tc-3:hover, .otoriyose .btn--bg-tc-3:focus {
  background-color: #f7bebe;
}

.otoriyose .btn--border-tc-3 {
  border-color: #eb6464;
}

.otoriyose .btn--border-tc-3:hover, .otoriyose .btn--border-tc-3:focus {
  border-color: #f7bebe;
}

.otoriyose .btn--font-tc-3 {
  color: #eb6464;
}

.otoriyose .btn--font-tc-3:link, .otoriyose .btn--font-tc-3:visited {
  color: #eb6464;
}

.otoriyose .btn--font-tc-3:hover, .otoriyose .btn--font-tc-3:focus, .otoriyose .btn--font-tc-3:active {
  color: #f7bebe;
}

.otoriyose .btn--bg-tc-4 {
  background-color: #e71a28;
}

.otoriyose .btn--bg-tc-4:hover, .otoriyose .btn--bg-tc-4:focus {
  background-color: #f1767f;
}

.otoriyose .btn--border-tc-4 {
  border-color: #e71a28;
}

.otoriyose .btn--border-tc-4:hover, .otoriyose .btn--border-tc-4:focus {
  border-color: #f1767f;
}

.otoriyose .btn--font-tc-4 {
  color: #e71a28;
}

.otoriyose .btn--font-tc-4:link, .otoriyose .btn--font-tc-4:visited {
  color: #e71a28;
}

.otoriyose .btn--font-tc-4:hover, .otoriyose .btn--font-tc-4:focus, .otoriyose .btn--font-tc-4:active {
  color: #f1767f;
}

.otoriyose .btn--bg-tc-5 {
  background-color: #e95377;
}

.otoriyose .btn--bg-tc-5:hover, .otoriyose .btn--bg-tc-5:focus {
  background-color: #f5adbf;
}

.otoriyose .btn--border-tc-5 {
  border-color: #e95377;
}

.otoriyose .btn--border-tc-5:hover, .otoriyose .btn--border-tc-5:focus {
  border-color: #f5adbf;
}

.otoriyose .btn--font-tc-5 {
  color: #e95377;
}

.otoriyose .btn--font-tc-5:link, .otoriyose .btn--font-tc-5:visited {
  color: #e95377;
}

.otoriyose .btn--font-tc-5:hover, .otoriyose .btn--font-tc-5:focus, .otoriyose .btn--font-tc-5:active {
  color: #f5adbf;
}

.otoriyose .btn--bg-tc-6 {
  background-color: #ee7700;
}

.otoriyose .btn--bg-tc-6:hover, .otoriyose .btn--bg-tc-6:focus {
  background-color: #ffaa55;
}

.otoriyose .btn--border-tc-6 {
  border-color: #ee7700;
}

.otoriyose .btn--border-tc-6:hover, .otoriyose .btn--border-tc-6:focus {
  border-color: #ffaa55;
}

.otoriyose .btn--font-tc-6 {
  color: #ee7700;
}

.otoriyose .btn--font-tc-6:link, .otoriyose .btn--font-tc-6:visited {
  color: #ee7700;
}

.otoriyose .btn--font-tc-6:hover, .otoriyose .btn--font-tc-6:focus, .otoriyose .btn--font-tc-6:active {
  color: #ffaa55;
}

.otoriyose .btn--bg-tc-7 {
  background-color: #f7d9e2;
}

.otoriyose .btn--bg-tc-7:hover, .otoriyose .btn--bg-tc-7:focus {
  background-color: white;
}

.otoriyose .btn--border-tc-7 {
  border-color: #f7d9e2;
}

.otoriyose .btn--border-tc-7:hover, .otoriyose .btn--border-tc-7:focus {
  border-color: white;
}

.otoriyose .btn--font-tc-7 {
  color: #f7d9e2;
}

.otoriyose .btn--font-tc-7:link, .otoriyose .btn--font-tc-7:visited {
  color: #f7d9e2;
}

.otoriyose .btn--font-tc-7:hover, .otoriyose .btn--font-tc-7:focus, .otoriyose .btn--font-tc-7:active {
  color: white;
}

.otoriyose .btn--bg-tc-8 {
  background-color: #da3940;
}

.otoriyose .btn--bg-tc-8:hover, .otoriyose .btn--bg-tc-8:focus {
  background-color: #ea8f93;
}

.otoriyose .btn--border-tc-8 {
  border-color: #da3940;
}

.otoriyose .btn--border-tc-8:hover, .otoriyose .btn--border-tc-8:focus {
  border-color: #ea8f93;
}

.otoriyose .btn--font-tc-8 {
  color: #da3940;
}

.otoriyose .btn--font-tc-8:link, .otoriyose .btn--font-tc-8:visited {
  color: #da3940;
}

.otoriyose .btn--font-tc-8:hover, .otoriyose .btn--font-tc-8:focus, .otoriyose .btn--font-tc-8:active {
  color: #ea8f93;
}

.otoriyose .btn--bg-tc-9 {
  background-color: #e16388;
}

.otoriyose .btn--bg-tc-9:hover, .otoriyose .btn--bg-tc-9:focus {
  background-color: #f1b9c9;
}

.otoriyose .btn--border-tc-9 {
  border-color: #e16388;
}

.otoriyose .btn--border-tc-9:hover, .otoriyose .btn--border-tc-9:focus {
  border-color: #f1b9c9;
}

.otoriyose .btn--font-tc-9 {
  color: #e16388;
}

.otoriyose .btn--font-tc-9:link, .otoriyose .btn--font-tc-9:visited {
  color: #e16388;
}

.otoriyose .btn--font-tc-9:hover, .otoriyose .btn--font-tc-9:focus, .otoriyose .btn--font-tc-9:active {
  color: #f1b9c9;
}

.otoriyose .headline {
  display: -ms-flexbox;
  display: flex;
  background-color: #eb6464;
}

.otoriyose .headline span {
  width: 100%;
  min-height: 80px;
  padding: 5px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 32px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .otoriyose .headline span {
    min-height: 54px;
    padding: 8px 0;
    font-size: 25px;
  }
}

.otoriyose .hero {
  height: 319px;
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 1;
}

.otoriyose .hero__img {
  width: 1200px;
  height: 319px;
  position: absolute;
  top: 0;
  left: calc(50% - 600px);
}

@media screen and (max-width: 767px) {
  .otoriyose .hero {
    height: auto;
  }
  .otoriyose .hero__img {
    width: auto;
    height: auto;
    position: static;
  }
}

.otoriyose .intro {
  padding: 50px 0 70px;
}

@media screen and (max-width: 767px) {
  .otoriyose .intro {
    padding: 30px 20px 50px;
  }
}

.otoriyose .local-nav {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.otoriyose .local-nav__item {
  width: calc(100% / 3);
  height: 71px;
}

.otoriyose .local-nav__item a {
  width: 100%;
  height: 100%;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.3;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #eb6464;
  border-radius: 10px;
}

.otoriyose .local-nav__item i {
  position: absolute;
  top: calc(50% - .5em);
  right: 15px;
  color: #f7a7a7;
}

@media screen and (max-width: 767px) {
  .otoriyose .local-nav {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .otoriyose .local-nav__item {
    width: calc(100% / 2 - 5px);
    height: 62px;
  }
  .otoriyose .local-nav__item a {
    font-size: 14px;
  }
  .otoriyose .local-nav__item i {
    right: 5px;
  }
  .otoriyose .local-nav__item span {
    margin-left: -3px;
  }
}

.otoriyose .about-otoriyose {
  margin-top: 45px;
}

.otoriyose .about-otoriyose__head {
  font-weight: bold;
  font-size: 24px;
  color: #e15455;
  text-align: center;
}

.otoriyose .about-otoriyose__body {
  margin-top: 10px;
  padding: 25px 30px;
  background-color: #fff1f1;
}

.otoriyose .about-otoriyose__lead {
  line-height: 1.625;
  font-weight: bold;
  color: #7c0102;
}

.otoriyose .about-otoriyose__layout {
  margin-top: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 180px;
  grid-template-columns: 1fr 180px;
  gap: 35px;
}

@media screen and (max-width: 767px) {
  .otoriyose .about-otoriyose {
    margin-top: 30px;
  }
  .otoriyose .about-otoriyose__head {
    font-size: 21px;
  }
  .otoriyose .about-otoriyose__body {
    padding: 15px 20px;
  }
  .otoriyose .about-otoriyose__layout {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 15px;
  }
}

.otoriyose .box {
  position: relative;
}

.otoriyose .box__inr {
  padding: 50px 0 70px;
}

@media screen and (max-width: 767px) {
  .otoriyose .box__inr {
    padding: 35px 0 50px;
  }
  .otoriyose .box__body {
    padding: 0 20px;
  }
}

.otoriyose .box-cat__head {
  height: 180px;
  position: relative;
}

.otoriyose .box-cat__hero {
  width: 2000px;
  height: 180px;
  position: absolute;
  top: 0;
  left: calc(50% - 1000px);
}

.otoriyose .box-cat__body {
  padding: 45px 0 70px;
}

.otoriyose .box-cat__sub-head {
  padding-bottom: 10px;
  line-height: 1.4;
  font-size: 24px;
  text-align: center;
  border-bottom: 1px solid #000;
}

.otoriyose .box-cat__sub-head--oiwai {
  color: #e9377a;
  border-color: #e9377a;
}

.otoriyose .box-cat__sub-head--osonae {
  color: #7474bf;
  border-color: #7474bf;
}

.otoriyose .box-cat__intro {
  margin: 25px 0 45px;
}

@media screen and (max-width: 767px) {
  .otoriyose .box-cat__body {
    padding: 30px 20px 50px;
  }
  .otoriyose .box-cat__sub-head {
    padding-bottom: 5px;
    font-size: 21px;
  }
  .otoriyose .box-cat__intro {
    margin: 15px 0 30px;
  }
}

.otoriyose .rec-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.otoriyose .rec-list__item {
  width: calc(100% / 3 - 14px);
}

@media screen and (max-width: 767px) {
  .otoriyose .rec-list {
    gap: 15px;
  }
  .otoriyose .rec-list__item {
    width: calc(50% - 10px);
  }
}

.otoriyose .gs-card {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 50px;
}

@media screen and (max-width: 767px) {
  .otoriyose .gs-card {
    column-gap: 0;
    row-gap: 36px;
  }
}

.otoriyose .gs-other {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .otoriyose .gs-other {
    gap: 15px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.otoriyose .gs-store {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  column-gap: 40px;
  row-gap: 35px;
}

@media screen and (max-width: 767px) {
  .otoriyose .gs-store {
    gap: 30px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}

.otoriyose .card {
  width: calc(100% / 3 - 27px);
  padding-bottom: 75px;
  position: relative;
}

.otoriyose .card__img {
  padding: 15px;
  aspect-ratio: 1/1;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border: 1px solid #ccc;
}

.otoriyose .card__num {
  margin-top: 10px;
  font-size: 14px;
}

.otoriyose .card__name {
  margin: 5px 0;
  font-weight: bold;
}

.otoriyose .card__lead {
  margin: 5px 0;
  display: box;
  line-height: 1.4;
  font-weight: bold;
  font-size: 18px;
  color: #dc404c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.otoriyose .card__price {
  font-size: 14px;
}

.otoriyose .card__price span {
  font-weight: bold;
  font-size: 16px;
}

.otoriyose .card__data-list {
  margin-top: 5px;
  line-height: 1.4;
  font-size: 14px;
}

.otoriyose .card__data-list li {
  padding-left: 1em;
  position: relative;
}

.otoriyose .card__data-list li::before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0;
}

.otoriyose .card__foot {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  left: 0;
  bottom: 0;
}

.otoriyose .card__btn-detail, .otoriyose .card__btn-cart {
  padding: 8px 10px;
  display: block;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}

.otoriyose .card__btn-detail:hover, .otoriyose .card__btn-detail:focus, .otoriyose .card__btn-cart:hover, .otoriyose .card__btn-cart:focus {
  text-decoration: none;
}

.otoriyose .card__btn-detail {
  width: 25%;
  border: 1px solid #9D887D;
  background-color: #fff;
}

.otoriyose .card__btn-detail:link, .otoriyose .card__btn-detail:visited, .otoriyose .card__btn-detail:hover, .otoriyose .card__btn-detail:focus, .otoriyose .card__btn-detail:active {
  color: #9D887D;
}

.otoriyose .card__btn-detail:hover, .otoriyose .card__btn-detail:focus {
  color: #fff;
  background-color: #9D887D;
}

.otoriyose .card__btn-cart {
  width: calc(100% - 25% - 10px);
  border: 1px solid #da3940;
  background-color: #da3940;
  color: #fff;
}

.otoriyose .card__btn-cart:link, .otoriyose .card__btn-cart:visited, .otoriyose .card__btn-cart:hover, .otoriyose .card__btn-cart:focus, .otoriyose .card__btn-cart:active {
  color: #fff;
}

.otoriyose .card__btn-cart:hover, .otoriyose .card__btn-cart:focus {
  color: #da3940;
  background-color: #fff;
}

.otoriyose .card--large {
  width: 100%;
  padding-bottom: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 450px 1fr;
  grid-template-columns: 450px 1fr;
  gap: 30px;
}

.otoriyose .card--large .card__num {
  margin-top: 0;
}

.otoriyose .card--large .card__foot {
  margin-top: 15px;
  position: static;
}

.otoriyose .card--large .card__btn-detail::after {
  content: 'はこちら';
}

@media screen and (max-width: 767px) {
  .otoriyose .card {
    width: 100%;
    padding-bottom: 0;
  }
  .otoriyose .card__foot {
    margin-top: 15px;
    position: static;
  }
  .otoriyose .card--large {
    grid-area: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .otoriyose .card--large .card__btn-detail::after {
    content: '';
  }
}

.otoriyose .card-other {
  width: 100%;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: 10px;
}

.otoriyose .card-other__head {
  display: block;
}

.otoriyose .card-store__img {
  padding: 15px;
  aspect-ratio: 1/1;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border: 1px solid #ccc;
}

.otoriyose .card-store__detail {
  margin-top: 15px;
}

.otoriyose .card-store__name {
  font-size: 18px;
  color: #85242b;
}

.otoriyose .card-store__place {
  margin-top: 12px;
}

.otoriyose .other-list {
  padding: 18px 20px;
  border-radius: 10px;
}

.otoriyose .other-list--type-1 {
  background-color: #fff4fd;
}

.otoriyose .other-list--type-2 {
  background-color: #f5f5fd;
}

.otoriyose .other-list--type-3 {
  background-color: #f0faf0;
}

.otoriyose .other-list__item:not(:first-child) {
  margin-top: 5px;
}

.otoriyose .other-list__item a {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .otoriyose .other-list {
    padding: 10px;
  }
}

.otoriyose .deliveryArea dd {
  display: none;
}

.otoriyose .deliveryArea dd span {
  display: block;
}

.otoriyose .deliveryArea .fa {
  text-indent: 0;
  color: #999;
}

.otoriyose .btn-more {
  width: 157px;
  height: 34px;
  margin: 35px auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #da393f;
  background-color: #fff;
  border: 2px solid #da393f;
}

.otoriyose .btn-link {
  max-width: 600px;
  padding: 20px 50px;
  background: #e14141;
  color: #fff;
  box-shadow: 0px 5px 0px -2px #e5e5e5;
  border-radius: 100vh;
  position: relative;
  width: 100%;
  display: inline-block;
  font-size: 20px;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  position: relative;
  text-decoration: none;
}

.otoriyose .btn-link i {
  font-size: 22px;
  font-weight: bold;
  position: absolute;
  top: calc(50% - 0.5em);
  right: 0.5em;
}

.otoriyose .btn-link:hover, .otoriyose .btn-link:focus {
  opacity: .6;
}

.otoriyose .wrap-btn-link {
  max-width: 580px;
  margin: 50px auto 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .otoriyose .wrap-btn-link {
    max-width: 100%;
    width: 100%;
  }
  .otoriyose .btn {
    font-size: 15px;
  }
}

.otoriyose .cat-headline {
  margin-bottom: 20px;
  background-color: #fee;
}

.otoriyose .cat-headline__body {
  min-height: 70px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.otoriyose .cat-headline__btn {
  width: 117px;
}

.otoriyose .cat-headline__btn .btn {
  padding-left: 20px;
  line-height: 1;
}

.otoriyose .cat-headline__title {
  width: calc(100% - 234px);
  color: #e15455;
}

.otoriyose .cat-headline__title span {
  margin: 0 .5em;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .otoriyose .cat-headline__body {
    min-height: 75px;
    padding: 0 20px;
    display: -ms-flexbox;
    display: flex;
  }
  .otoriyose .cat-headline__btn {
    width: 60px;
    height: 60px;
    position: static;
  }
  .otoriyose .cat-headline__btn .btn {
    min-height: 60px;
    padding-left: 0;
    font-size: 10px;
  }
  .otoriyose .cat-headline__btn .btn .fa {
    left: 0;
  }
  .otoriyose .cat-headline__title {
    width: calc(100% - 60px);
  }
}

.otoriyose .bnr-hero {
  height: 180px;
  position: relative;
  overflow: hidden;
}

.otoriyose .bnr-hero__body {
  width: 2000px;
  height: 180px;
  position: absolute;
  top: 0;
  left: calc(50% - 1000px);
}

@media screen and (max-width: 767px) {
  .otoriyose .bnr-hero {
    height: auto;
  }
  .otoriyose .bnr-hero__body {
    width: auto;
    height: auto;
    position: static;
  }
}

.otoriyose .refine-search {
  padding: 55px 0;
}

.otoriyose .refine-search__title {
  font-weight: bold;
  font-size: 18px;
  color: #dc404c;
}

.otoriyose .refine-search__body {
  margin-top: 7px;
  padding: 0 20px 20px;
  position: relative;
  background-color: #fffcf9;
  border: 2px solid #f08081;
}

.otoriyose .refine-search__line {
  min-height: 75px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #ccc;
}

.otoriyose .refine-search__btn {
  width: 200px;
  margin: 20px auto 0;
}

@media screen and (max-width: 767px) {
  .otoriyose .refine-search {
    padding: 25px 20px 40px;
  }
  .otoriyose .refine-search__line {
    padding: 20px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .otoriyose .refine-search__btn {
    width: 100%;
  }
}

.otoriyose .arrow::after, .otoriyose .arrow::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-style: solid;
}

.otoriyose .arrow--rs::after {
  margin-left: -8px;
  top: 100%;
  left: 50%;
  border-top-width: 14px;
  border-right-width: 8px;
  border-bottom-width: 14px;
  border-left-width: 8px;
  border-top-color: #fffcf9;
}

.otoriyose .arrow--rs::before {
  margin-left: -10px;
  top: 100%;
  left: 50%;
  border-top-width: 18px;
  border-right-width: 10px;
  border-bottom-width: 18px;
  border-left-width: 10px;
  border-top-color: #dc404c;
}

.otoriyose .form-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.otoriyose .form-item label {
  padding-right: .5em;
  white-space: nowrap;
}

.otoriyose .form-item__body-1 {
  width: 167px;
}

.otoriyose .form-item__body-2 {
  width: 524px;
}

@media screen and (max-width: 767px) {
  .otoriyose .form-item {
    display: block;
  }
  .otoriyose .form-item--50p {
    width: calc(50% - 10px);
  }
  .otoriyose .form-item--100p {
    width: 100%;
  }
  .otoriyose .form-item__body-1, .otoriyose .form-item__body-2 {
    width: 100%;
  }
}

.otoriyose .wrap-pagination {
  min-height: 80px;
  margin-top: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
}

.otoriyose .pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.otoriyose .pagination--sp {
  display: none;
}

.otoriyose .pagination a {
  text-decoration: none;
  transition: all .3s;
}

.otoriyose .pagination span {
  border: 0 !important;
}

.otoriyose .pagination a:hover, .otoriyose .pagination a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #e67378;
  border-color: #e67378;
}

.otoriyose .pagination__item {
  min-width: 40px;
  height: 40px;
  margin: 0 3px;
  padding: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #666;
  font-size: 16px;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #bbb;
}

.otoriyose .pagination__item:link, .otoriyose .pagination__item:visited, .otoriyose .pagination__item:hover, .otoriyose .pagination__item:focus, .otoriyose .pagination__item:active {
  color: #666;
}

.otoriyose .pagination__item .fa {
  color: #bbb;
}

.otoriyose .pagination__item--current {
  color: #fff;
  background-color: #e67378;
  border-color: #e67378;
}

.otoriyose .pagination--prev .fa {
  margin-right: .3em;
}

.otoriyose .pagination--next .fa {
  margin-left: .3em;
}

@media only screen and (max-width: 767px) {
  .otoriyose .wrap-pagination {
    margin: 50px calc(50% - 50vw) 0;
  }
  .otoriyose .pagination {
    display: none;
  }
  .otoriyose .pagination--sp {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
  }
  .otoriyose .pagination--sp .pagination--prev,
  .otoriyose .pagination--sp .pagination--next {
    position: absolute;
    margin: 0;
  }
  .otoriyose .pagination--sp .pagination--prev {
    left: 15px;
  }
  .otoriyose .pagination--sp .pagination--next {
    right: 15px;
  }
}

.otoriyose .box-note {
  padding-top: 40px;
}

.otoriyose .note {
  margin-top: 25px;
}

.otoriyose .note dt {
  padding-bottom: 5px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #d30000;
  border-bottom: 1px solid #d30000;
}

@media screen and (max-width: 767px) {
  .otoriyose .box-note {
    padding-top: 15px;
  }
  .otoriyose .note {
    margin-top: 30px;
  }
}

.otoriyose #product.item-detail {
  padding: 50px 0 100px;
  overflow: hidden;
}

.otoriyose #product .colfull {
  overflow: hidden;
}

.otoriyose #product .product_name {
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #dc404c;
  border-bottom: 1px solid #eaadb1;
}

.otoriyose #product .spec_size {
  text-align: left;
  font-size: 13px;
}

.otoriyose #product .limit-item {
  font-weight: bold;
  font-size: 16px;
}

.otoriyose #product .limit-item span {
  font-size: 24px;
  color: #dc404c;
}

.otoriyose #product .commission {
  font-size: 12px;
}

.otoriyose #product .box-price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.otoriyose #product .box-price .product_code {
  float: none !important;
  width: auto !important;
  font-size: 13px;
}

.otoriyose #product .box-price .price {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.otoriyose #product .box-price__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.otoriyose #product .btn_cart {
  padding: 8px 10px;
  font-weight: bold;
  background-color: #DA3940;
  border-color: #DA3940;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.otoriyose #product .btn_cart:link, .otoriyose #product .btn_cart:visited, .otoriyose #product .btn_cart:hover, .otoriyose #product .btn_cart:focus, .otoriyose #product .btn_cart:active {
  color: #fff;
}

.otoriyose #product .btn_cart:hover, .otoriyose #product .btn_cart:focus {
  color: #DA3940;
  background-color: #fff;
}

.otoriyose .rank_btns{width: 100%;}
.otoriyose button.rank_btn_cart{color: #fff; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; border: 1px solid #DA3940; background: #DA3940; letter-spacing: .2em; width: 65%; float: right; margin: 10px 0;}
.otoriyose button.rank_btn_cart,a.rank_btn_detail{display:block;padding:8px 10px;text-decoration:none;font-weight:700;text-align:center;font-size:.8em;}
.otoriyose a.rank_btn_detail{width:30%; float:left; margin:10px 5% 10px 0;text-align:center;background:#fff;color:#9D887D;border:1px solid #9D887D;}
.otoriyose a.rank_btn_detail:hover{color:#FFF;background:#9D887D}
.otoriyose button.rank_btn_cart{color: #fff; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; border: 1px solid #DA3940; background: #DA3940; letter-spacing: .2em; width: 65%; float: right; margin: 10px 0;}
.otoriyose button.rank_btn_cart:hover{color:#DA3940;background:#fff}


@media screen and (max-width: 767px) {
  .otoriyose #product.item-detail {
    padding: 25px 0 50px;
  }
  .otoriyose #product .item-detail__body {
    padding: 0 20px;
  }
  .otoriyose #product .box-price {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .otoriyose #product .box-price__body {
    display: block;
  }
}
@media screen and (min-width: 767px) {
.otoriyose .rank_btns{width: 98%;}
.otoriyose button.rank_btn_cart,a.rank_btn_detail{padding:8px 0;font-size:.65em;}
.otoriyose a.rank_btn_detail{margin-right:0; width:25%;}
.otoriyose button.rank_btn_cart{width: 70%;}
}

.otoriyose .store-title {
  padding-bottom: 10px;
  margin: 30px 0;
  font-size: 18px;
  color: #dc404c;
  text-align: center;
  border-bottom: 1px solid #eaadb1;
}

.otoriyose .store-detail {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 450px 1fr;
  grid-template-columns: 450px 1fr;
  gap: 30px;
}

.otoriyose .store-detail__img {
  padding: 15px;
  aspect-ratio: 1/1;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border: 1px solid #ccc;
}

.otoriyose .store-detail__name {
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #dc404c;
  border-bottom: 1px solid #eaadb1;
}

.otoriyose .store-detail__data {
  margin-top: 20px;
  font-size: 13px;
  text-align: left;
  border: 1px solid #ccc;
}

.otoriyose .store-detail__data th, .otoriyose .store-detail__data td {
  padding: 5px 15px;
  border: 1px solid #ccc;
}

.otoriyose .store-detail__data th {
  width: 127px;
  vertical-align: middle;
  background-color: #eeeeef;
}

@media screen and (max-width: 767px) {
  .otoriyose .store-detail {
    grid-area: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 35px;
  }
}

.otoriyose .recommend_store {
  position: relative;
}

.otoriyose .recommend_store ul {
  max-width: 1000px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 0 70px;
  position: relative;
  box-sizing: border-box;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  column-gap: 40px;
  row-gap: 35px;
}

.otoriyose .recommend_store .rs_one {
  display: -ms-grid;
  display: grid;
  grid-template-areas: 'g0' 'g1' 'g2';
}

.otoriyose .recommend_store .rs_one a {
  grid-area: g0;
  padding: 15px 0;
  aspect-ratio: 1/1;
  display: -ms-grid;
  display: grid;
  place-items: center;
  border: 1px solid #ccc;
}

.otoriyose .recommend_store .rs_one .store_name {
  grid-area: g1;
  margin-top: 15px;
  font-weight: bold;
  font-size: 18px;
  color: #85242b;
}

.otoriyose .recommend_store .rs_one .store_location {
  grid-area: g2;
  margin-top: 12px;
}

@media screen and (max-width: 767px) {
  .otoriyose .recommend_store ul {
    padding: 35px 20px 50px;
    gap: 30px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}

.otoriyose .feature_title {
  min-height: 80px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  background-color: #eb6464;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}

.otoriyose .feature_title::before {
  content: 'おすすめ店舗から選ぶ';
  width: 100%;
  min-height: 80px;
  padding: 5px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 32px;
  color: #fff;
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .otoriyose .feature_title {
    min-height: 54px;
  }
  .otoriyose .feature_title::before {
    min-height: 54px;
    padding: 8px 0;
    font-size: 25px;
  }
}

#header_sp_search {
  display: none;
}

/* ==========================================================================
 *  
 *  _mothers-fix.scss
 *
 *  Last Modified: 2020/02/06
 *  Last Editor: Toshiyuki Hara
 *
   ========================================================================== */
#page-top {
  display: none;
}

/* ==========================================================================
   e-gift-box
   ========================================================================== */
.e-gift-box {
  padding: 20px 25px;
}

.e-gift-box__title {
  margin-bottom: 25px;
  font-size: 24px;
  color: #dc404c;
  text-align: center;
  border-bottom: 1px solid #dc404c;
}

.e-gift-box__grid {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.e-gift-box__note {
  font-size: 14px;
}

.e-gift-box__detail {
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .e-gift-box {
    padding: 15px 20px;
  }
  .e-gift-box__grid {
    display: block;
  }
  .e-gift-box__img {
    margin-top: 20px;
    text-align: center;
  }
  .e-gift-box__img img {
    width: 200px;
  }
}

/*# sourceMappingURL=maps/style-otoriyose.css.map */