@charset "UTF-8";
/* ============================================ */
/* base
/* ============================================ */
/*-----------------------------
index
・ Font Styles
・ Body Styles
・ Theme styles
・ Element styles
・ Pointer styles
--------------------------------*/
/*-----------------------------------------
	Font Styles
-----------------------------------------*/
body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "游ゴシック Medium", YuGothic, YuGothicM, arial, helvetica, sans-serif;
  font-feature-settings: "palt";
}

/*-----------------------------------------
	Body Styles
-----------------------------------------*/
html {
  font-size: 100%;
}
@media screen and (max-width: 660px) {
  html {
    font-size: 4.26vw;
  }
}

html,
* {
  /* ダブルタップ禁止 */
  touch-action: manipulation;
  /* タッチによる慣性スクロール */
  -webkit-overflow-scrolling: touch;
}

html,
* {
  /* アンカーリンク等によるスムーススクロール ※ユーザースクロールではない*/
}

/*-----------------------------------------
	Theme styles
-----------------------------------------*/
:root {
  --link-blue: #066eb3;
  --light-blue: #30b5ef;
  --blue: #0075c1;
  --red: #d00;
  --yellow: #ffc100;
  --orange: #ff9000;
  --green: #55b700;
  --used-green: #33b6a0;
  /* リコレ */
  --akisof-pink: #f573a0;
  --akisof-game: #3a9bed;
  --akisof-movie: #33bab3;
  --akisof-music: #adbc25;
  --akisof-hobby: #f9c72f;
  --akisof-animega: #de017f;
  --akisof-r18: #ff8fa9;
  --text: #000;
  /* gray */
  --gray666: #666;
  --grayd8: #D8D8D8;
  --form-bdr: #bbbbbb;
}

/*-----------------------------------------
	Element styles
-----------------------------------------*/
body {
  color: var(--text);
  letter-spacing: 0.03em;
  overflow-y: scroll;
}

a:link {
  color: inherit;
}

a:visited {
  color: inherit;
}

.c-btn-cart:hover,
a:hover {
  transition: all 0.5s ease-in-out;
  opacity: 0.65;
  cursor: pointer;
}

img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  vertical-align: middle;
  flex-shrink: 0;
}

em {
  font-style: normal;
}

hr {
  border-top: 1px solid #ececec;
}

input:focus,
select:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.05em;
  color: inherit;
}

i {
  font-style: normal;
  font-weight: normal;
}

pre {
  font-family: inherit;
}

table {
  border-collapse: collapse;
  width: 100%;
}

[type=button],
[type=reset],
[type=submit] {
  text-align: center;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*-----------------------------------------
	既存スタイルの打ち消し
-----------------------------------------*/
/*
style.css
*/
.modal_box {
  border-radius: 0;
}

/*-----------------------------------------
	swiper
-----------------------------------------*/
/* swiperの計算が終わるまで非表示 */
.swiper {
  display: none;
}

.swiper-container-initialized {
  display: block;
}

.swiper-slide > a {
  display: block;
}

/* swiper.min.cssの打ち消し */
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: none;
}

.swiper-slide img {
  max-width: 100%;
  max-height: 100%;
}

/*-----------------------------------------
	Pointer styles
-----------------------------------------*/
@media (pointer: fine), (hover: hover) {
  /* 端末にマウス等のポインティングデバイスがある => PC */
  a:where([href^="tel:"]) {
    pointer-events: none;
  }
}
@media (pointer: none), (hover: hover) {
  /* 端末にマウス等のポインティングデバイスがない => スマホ・タブレット */
}/*# sourceMappingURL=base.css.map */