/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License:none (public domain)
*/

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


/* HTML5 display-role reset for older browsers */

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

html, body {
  width: 100%;
}

body {
  line-height: 1;
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  /*color: #3f3f3f;*/
  color: rgba(63, 63, 63,0.9) !important;
  font-size: 19.2px;
  line-height: 1.6;
  overflow-x: hidden;
}

#container {
  width: 100%;
  min-width: 1150px;
}

#wrap {
  overflow: hidden;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

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

a {
  /*color: #2d61c1;*/
  color: rgba(45, 97, 193,0.9) !important;
  text-decoration: none;
}

a:hover {
  color: #dd7f7f;
}


/* ヘッダー */

#header_cover {
  width: 100%;
}

#header {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  height: 90px;
}

@media(max-width:768px) {
  #header {
    min-width: 768px;
    width: 768px;
  }
}

#header img {
  margin: 15px auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}


/* ナビ */

#nav_cover {
  width: 100%;
  background: #fff6f6;
  border-top: 1px solid #e37575;
  border-bottom: 1px solid #e37575;
  margin-bottom: 15px;
}

#nav {
  width: 1100px;
  margin: 0 auto;
}

@media (min-width:1024px) {
  #nav {
    min-width: 1024px;
  }
}

#nav ul {
  display: table;
  table-layout: fixed;
}

#nav ul li {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  text-align: center;
  line-height: 40px;
}

#nav ul li:hover {
  opacity: 0.6;
}

#nav ul li a {
  display: block;
  /*color: #3f3f3f;*/
  color: rgba(63, 63, 63,0.9) !important;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
}

#nav ul li a:before {
  content: "●";
  color: #c62828;
  font-size: 13px;
  line-height: 44px;
  margin-right: 3px;
}

#nav ul li:nth-child(2) a:before {
  color: #d79c2b;
}

#nav ul li:nth-child(3) a:before {
  color: #e8ee45;
}

#nav ul li:nth-child(4) a:before {
  color: #2f8a29;
}

#nav ul li:nth-child(5) a:before {
  color: #2c53a3;
}

#nav ul li:nth-child(6) a:before {
  color: #592ca3;
}


/* パンくず */

#breadcrumb {
  margin: 10px;
}

#breadcrumb ul li {
  display: inline-block;
  font-size: 14px;
}

#breadcrumb ul li a {
  font-size: 14px;
}

#breadcrumb ul li:after {
  content: ">";
  margin-left: 5px;
}

#breadcrumb ul li:last-child:after {
  content: "";
}


/* コンテンツ */

#mainBox {
  width: 1140px;
  margin: 0 auto;
}

@media (max-width:1024px) {
  #mainbox {
    min-width: 1024px;
    width: 1024px;
  }
}

#contents {
  float: left;
  width: 770px;
  margin-right: 40px;
  padding: 10px;
  box-sizing: border-box;
}

#contents h1, .form_contents h1 {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10px;
}

#contents .date {
  /*color: #666;*/
  color: rgba(102, 102, 102,0.9) !important;
  font-size: 14px;
}

#contents>h2 {
  position: relative;
  padding: 0.4em 0.6em;
  background: #70bb4b;
  font-size: 23px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #fff;
}

#contents>h3 {
  font-size: 21px;
  border-bottom: solid 3px #a0a0a0;
  position: relative;
  padding-left: 10px;
  margin: 30px 0 15px 0;
  font-weight: 600;
  clear: both;
}

#contents>h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #c62828;
  bottom: -3px;
  left: 0px;
  width: 20%;
}

#contents>h4 {
  font-size: 20px;
  font-weight: bold;
  border-left: solid 7px #f96c6c;
  padding-left: 7px;
  margin: 35px 0 5px 0;
}

#contents img {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 550px;
}

#contents .first_img {
  max-width: 700px!important;
  border-radius: 5px;
  box-shadow: 3px 3px 10px #aaa;
}

img.mini.right {
  float: right;
  width: 35%!important;
  margin: 0px 20px 30px!important;
}

#contents p {
  line-height: 1.8;
  margin-bottom: 25px;
  text-align: justify;
  word-break: break-all;
}

#contents a {
  text-decoration: underline;
}

#contents .emphasis {
  /*background-color: #e6ec2c;*/
  background-color: rgba(230, 236, 44,0.9) !important;
  font-weight: 600;
}


/*赤ボタン*/

#contents .linkbtn {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
}

#contents .linkbtn a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 5px 5px 10px 0 #6b6b6b;
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3;
  margin: -0.2em auto 2.2em auto;
  padding: 1em .5em .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  width: 70%;
  background: -webkit-linear-gradient(#ff7878, #bd0000);
  background: linear-gradient(#ff7878, #bd0000);
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 1);
}

.linkbtn a::after {
  content: ""!important;
}

.linkbtn a i {
  font-weight: normal;
  font-size: 1.2em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 52%;
  color: #fff;
}

.linkbtn a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .8;
}

.reflection a {
  overflow: hidden;
}

.reflection a::after {
  -moz-animation: reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

.reflection+.reflection a::after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

@keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

@-webkit-keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.ichioshi_box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px 0 30px 3%!important;
}

.ilnk {
  display: block;
  margin: 15px;
  padding-top: 5px;
  text-decoration: none!important;
  text-align: center;
  width: 310px;
  height: 250px;
  background: #eee;
  font-weight: bold;
  border-radius: 3px;
  box-shadow: 5px 5px 5px #888;
  transition-duration: .3s;
}

.iabt {
  padding: 0 8px!important;
  font-size: 15px;
}

.iimg {
  margin: 0 0 5px 0!important;
}

.itle {
  margin: 0 auto!important;
  font-weight: bold;
  text-align: center!important;
  color: #fff;
  background: #58bb56;
  border-radius: 30px;
}

.ilnk:hover {
  transform: translateY(-4px);
  box-shadow: 8px 8px 8px #aaa;
}

.hnd:before {
  content: '\f0a6';
  font-family: FontAwesome;
}

.sml:before {
  content: '\f0a6';
  font-family: FontAwesome;
}

.agl:before {
  content: '';
  font-family: FontAwesome;
}


/*クーポン一覧*/

.CouponList {
  margin: 0 auto;
  width: 550px;
  background: #f8f8bd;
  padding: 10px 20px;
  border-radius: 10px;
  border: 3px solid #ffdd62;
  text-align: center!important;
  box-shadow: 5px 5px 5px #aaa;
}

.CouponList li {
  margin-bottom: 20px;
  border: 2px dashed #ffbc00;
}

.CouponTitle {
  margin: 0!important;
  font-weight: bold;
  text-align: center!important;
  color: #ab5b3e;
}

.CouponCaption {
  margin-bottom: 5px!important;
  /*color: #f00;*/
  color: rgba(255, 0, 0,0.9) !important;
  font-weight: bold;
  text-align: center!important;
}

.CouponAbout {
  text-align: center!important;
  /*color: #e09a00;*/
  color: rgba(224, 154, 0,0.9) !important;
}


/*キャンペーン一覧*/

.CampaignList {
  margin: 10px auto 30px;
  width: 550px;
  padding: 10px 20px;
  background: #ddf6ff;
  border-radius: 10px;
  border: 2px solid #34abff;
  box-shadow: 5px 5px 5px #aaa;
}

.CampaignList li {
  border-bottom: 5px dotted #34abff;
}

.CampaignList li:last-child {
  border-bottom: none;
}

.CampaignList li a img:hover, .CouponList li a img:hover {
  opacity: 0.7;
}

.CampaignTitle {
  position: relative;
  width: 280px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px;
  margin: 0 auto!important;
  background: #34abff;
  color: #fff;
  font-weight: bold;
  text-align: center!important;
}

.CampaignTitle:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #ddf6ff;
  border-style: solid;
}

.CampaignTitle:after {
  content: '';
  position: absolute;
  top: 0;
  left: 315px;
  width: 10px;
  height: 0;
  border-width: 15px 15px 15px 0;
  border-color: transparent #ddf6ff transparent transparent;
  border-style: solid;
}

.CampaignCaption {
  margin: 10px 0 0 0!important;
  /*color: #f00;*/
  color: rgba(255, 0, 0,0.9) !important;
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
  text-align: center!important;
}

.CampaignAbout {
  /*color: #0095ff;*/
  color: rgba(0, 149, 255,0.9) !important;
  font-size: 0.9em;
  margin-bottom: 10px!important;
  text-align: center!important;
}

.InsertBox {
  position: relative;
  border: 3px solid #abe2ab;
  border-color: #70bb4b;
  border-radius: 5px;
  width: 630px;
  margin: 30px auto 20px auto;
  padding: 15px;
}

.cc10 {
  padding: 0 5px;
  font-size: 23px;
}

.InsertTitle {
  margin: 0!important;
  -webkit-animation: blink 1.0s ease-out infinite alternate;
  -moz-animation: blink 1.0s ease-out infinite alternate;
  animation: blink 1.0s ease-out infinite alternate;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  color: red;
  width: 100%;
  max-width: 100%;
  text-align: center!important;
  padding-bottom: 10px;
  /*
	position:absolute;
	top:-23px;
	left:30px;
	*/
}

.Insert-inner {
  border-top: 6px double #abe2ab;
  border-color: #70bb4b;
  padding-top: 15px;
}


/*
.InsertBasis {
margin:0!important;
padding:0!important;
width:405px;
height:25px;
background:#fff;
position:absolute;
top:-20px;
left:25px;
}
*/


/* 追加(19/08/30) InsertBox2 */

.InsertBox2 {
  border-radius: 5px;
  width: 90%;
  margin: 30px auto 20px auto;
  /*	padding:15px;*/
  text-align: center;
}

.InsertTitle2 {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin: auto;
  padding: 10px;
  background: #abe2ab;
  background: #70bb4b;
  font-size: 1.3em;
  border-radius: 10px;
  text-align: center!important;
  margin-bottom: 15px!important;
}

.InsertTitle2 .blinking {
  color: #fff!important;
}

.InsertTitle2::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 12px solid transparent;
  border-top: 12px solid #70bb4b;
}

.InsertTitle2 .small {
  font-size: 15px!important;
}

.Insert-inner2 {
  border: 3px solid #abe2ab;
  border-color: #70bb4b;
  border-radius: 5px;
  padding: 15px;
  position: relative;
}

.Insert-inner2 p {
  margin: 0!important;
}

.adbtn {
  text-decoration: none!important;
  display: block;
  width: 30%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(#ff2626, #ff8d00);
  border: 3px solid #eee;
  border-radius: 10px;
  box-shadow: 3px 3px 5px #aaa;
  overflow: hidden;
  position: relative;
}

.adbtn:after {
  content: '';
  position: absolute;
  top: 1px;
  left: -350px;
  width: 30px;
  height: 50px;
  background: #fff;
  animation: reflection 4s ease-in infinite;
  opacity: 0;
}

.od {
  margin: 0 0 0 65%!important;
}

.kt {
  margin: 10px auto!important;
}

.LangCount {
  position: relative;
  left: 92px;
  display: block;
  width: 80px;
  color: #fff;
  background: #333;
  border-radius: 4px 4px 0 0;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  padding: 6px 0 0 0;
}

.LangList {
  margin: 0 auto 30px auto!important;
  border: 3px solid #333;
  width: 550px;
}

.LangList>p {
  text-align: center!important;
  font-weight: bold!important;
}

.LangChangeArrow:after {
  position: relative;
  bottom: 5px;
  left: 350px;
  font-family: 'FontAwesome';
  content: '\f063';
  font-size: 35px;
}

.FAQList {
  margin: 0 auto 20px auto;
  width: 93%;
}

.Question {
  display: block;
  background: #99ea9c;
  border-radius: 5px 5px 0 0;
  border-top: 2px solid #99ea9c;
  border-right: 2px solid #99ea9c;
  border-left: 2px solid #99ea9c;
  font-weight: bold;
  margin: 0!important;
  padding: 0 0 0 10px;
}

.Answer {
  display: block;
  background: #f9f6d3;
  border-radius: 0 0 5px 5px;
  border-bottom: 2px solid #84ec83;
  border-right: 2px solid #84ec83;
  border-left: 2px solid #84ec83;
  line-height: 1.8em!important;
  margin: 0!important;
  padding: 10px;
}

.Answer:first-letter {
  font-weight: bold;
  color: #f00;
}

.lst-set {
  text-indent: -1.1em;
  padding-left: 25px;
}

.HowToBuyList {
  display: block;
  margin: 0 0 0 12%!important;
}

.HowToBuyList>span {
  font-weight: bold;
  color: #fff;
  border-radius: 5px 5px 0 0;
  background: #555;
  padding: 2px 20px 0 20px;
  position: relative;
  top: 2px;
}

.HowToBuyList>li {
  position: relative;
  margin: 0 0 50px 0;
  display: block;
  border: 3px solid #555;
  border-radius: 0 3px 3px 3px;
  width: 550px;
}

.HowToBuyList>li:after {
  position: absolute;
  top: 105%;
  left: 47%;
  font-family: FontAwesome;
  content: '\f063';
  color: #f00;
  font-size: 2em;
}

.HowToBuyList>li:last-child:after {
  content: '';
}

.HowToBuyList li>img {
  margin: 0!important;
}

.HowToBuyList li>p {
  margin: 0!important;
  padding: 5px;
  font-weight: bold;
  /*color: #000;*/
  color: rgba(0, 0, 0,0.9) !important;
  background: #d7e5ff;
}

.grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px!important;
  padding: 0 35px;
}

.tile>img {
  margin: 10px 10px 0 10px!important;
  border-radius: 10px;
}

.lookup {
  display: block;
  font-weight: bold;
  text-align: center;
}


/*クーポン用*/

.button_linkinner {
  border: 1px solid #888;
  width: 60%;
  margin: 50px auto 50px;
  text-align: center;
  background: linear-gradient(to bottom, #2792c3, #3399cc);
  border: 4px groove #2792c3;
  border-radius: 8px;
  filter: brightness(110%);
}

.button_linkinner a {
  padding: 13px 20px 20px 20px;
  display: block;
  text-decoration: none!important;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  position: relative;
}

.button_linkinner:hover {
  filter: brightness(70%);
}

.button_linkinner a:after {
  position: absolute;
  top: 63%;
  right: 0;
  left: 0;
  margin-top: -17px;
  content: "\f0dd";
  font-family: FontAwesome;
  font-size: 30px;
}

.rate {
  width: 35%;
  margin-right: 10px;
}
.rate01{
    width: 90%;
    margin: 0 auto;
    /* margin-right: 10px; */
}

.oss {
  margin: 0;
  padding: 3px;
  font-weight: bolder;
  color: #fff;
  background: #9c9c9c;
}
.rate tr>th {
  padding: 3px 5px;
  border: 1px solid #ccc;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #ff9797;
}

.rate tr>td {
  padding: 3px 5px;
  border: 1px solid #ccc;
  color: #ffbc1f;
  font-size: 20px;
}
.rate01 tr>th {
  padding: 3px 5px;
  border: 1px solid #ccc;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background: #ff9797;
}

.rate01 tr>td {
  padding: 3px 5px;
  border: 1px solid #ccc;
  color: #ffbc1f;
  font-size: 20px;
}

.rate-txt {
  width: 70%;
  padding: 5px;
  background: #efe6e6
}

.rate-txt>p {
  margin: 0!important;
}


/*口コミリスト*/

.PositiveList li {
  background: #ffbcbc;
}

.NegativeList li {
  background: #bee4ff;
}

.Balloon {
  font-weight: bold;
  padding: 4px 0;
  margin-bottom: 0!important;
}

.PositiveList li, .NegativeList li {
  padding: 2.4em;
  margin-bottom: 1.2em;
  border-radius: 12px;
  position: relative;
}

.PositiveList li::before, .NegativeList li::before {
  content: "\f10d";
  font-family: FontAwesome;
  position: absolute;
  top: 12px;
  left: 12px;
}

.PositiveList li::after, .NegativeList li::after {
  content: "\f10e";
  font-family: FontAwesome;
  position: absolute;
  right: 12px;
  bottom: 12px;
}

.PositiveList p, .NegativeList p {
  margin: 0!important;
}

.ReferenceURL {
  display: block;
  font-size: 0.7em;
  text-align: right;
  word-break: break-all;
}

.SmallTag {
  margin: 0 0 0 5px;
  font-size: 0.8em;
}

.chart-box {
  position: relative;
  margin: 20px auto 50px auto;
}

.chart-box tr>th {
  background: #c5e6ff;
  padding: 8px 10px;
  border: 2px solid #484848;
  font-weight: bold;
  line-height: 1.2em;
}

.chart-box tr>td {
  text-align: right;
  padding: 8px 10px;
  border: 2px solid #484848;
  font-weight: bold;
  line-height: 1.2em;
}

.chart-box:after {
  position: absolute;
  top: 175px;
  right: 0;
  content: '注：価格は為替レートの変動により上下する場合があります。';
  color: #f00;
  font-size: 12px;
}

.chart-box-p {
  position: relative;
  top: 20px;
  left: 85px;
  font-size: 13px;
}

.check-o {
  margin: 0 auto;
  padding: 10px 15px;
  background: #bfdbff;
  font-weight: bold;
  border-radius: 5px;
}

#contents .linkArea {
  margin-bottom: 25px;
  font-size: 20px;
}

#contents .linkArea a:after {
  content: '\f08e';
  font-family: FontAwesome;
  margin-left: 5px;
}

.lst_data {
  width: 60%;
  border-radius: 0 5px 5px 5px;
  border: 3px solid #555;
  margin: 0 auto 20px auto;
  padding: 10px 10px 0 10px;
  background: #f5f5f5;
}

.lst_data li {
  margin-bottom: 10px;
}

.lst_data li:before {
  content: '\f046';
  font-family: FontAwesome;
  color: #d01d1d;
  margin-right: 10px;
}

.lst_data_tag {
  border-radius: 5px 5px 0 0;
  color: #fff;
  background: #555;
  padding: 0 10px;
  position: relative;
  top: 2px;
  left: 18.3%;
}

.top_merit_box {
  width: 40%;
  float: left;
  margin: 0 20px 0 5%;
}

.top_merit_list {
  display: block;
  border-radius: 0 0 5px 5px;
  border: 3px solid #5f88ff;
  padding: 10px;
}

.top_merit_tag {
  display: block;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  padding: 3px 0 0 0;
  text-align: center;
  color: #fff;
  background: #5f88ff;
}

.top_merit_list>li {
  display: block;
  font-weight: bold;
}

.top_merit_list>li:before {
  font-family: FontAwesome;
  content: '\f046';
  color: #5f88ff;
  padding: 0 10px 0 0;
}

.top_demerit_box {
  width: 50%;
  display: inline-block;
}

.top_demerit_list {
  display: block;
  border-radius: 0 0 5px 5px;
  border: 3px solid #ff5f5f;
  padding: 10px;
  text-align: left;
}

.top_demerit_tag {
  display: block;
  font-weight: bold;
  text-align: center;
  padding: 3px 0 0 0;
  border-radius: 5px 5px 0 0;
  color: #fff;
  background: #ff5f5f;
}

.top_demerit_list>li {
  font-weight: bold;
}

.top_demerit_list>li:before {
  font-family: FontAwesome;
  content: '\f046';
  color: #ff5f5f;
  padding: 0 10px 0 0;
}

.reviews {
  background: #f5f5f5;
  margin-bottom: 25px;
}

.reviews li {
  padding: 20px 10px;
  border-bottom: 1px solid #555;
}

.reviews li:first-child {
  border-top: 1px solid #555;
}

.overline {
  text-decoration: line-through;
}

.talk {
  overflow: hidden;
  border: 1px solid #555;
  padding: 15px;
  background: #f5f5f5;
}

.mansrev {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #555;
}

.mansrev .mans_icon {
  /*	content:url("../img/man.png");*/
  width: 50px;
  height: 50px;
  padding: 2px;
  border: 1px solid #000;
}

.mansrev .mans_icon img {
  width: 100%;
  margin: 0;
}

.mansrev .mens_icon {
  /*	content:url("../img/icon_kuchikomi_men2.png");*/
  width: 50px;
  height: 50px;
  border: 1px solid #000;
}

.mansrev .mens_icon img {
  width: 100%;
  margin: 0;
}

.mansrev .women_icon {
  /*	content:url("../img/icon_kuchikomi_women2.png");*/
  width: 50px;
  height: 50px;
  border: 1px solid #000;
}

.mansrev .women_icon img {
  width: 100%;
  margin: 0;
}

.mansrev .rev_text {
  width: 100%;
  margin-left: 15px;
}

p.arrow {
  text-align: center!important;
  line-height: 1.3!important;
  margin-bottom: 0px!important;
}

.arrow i:after {
  content: '\f063';
  font-family: FontAwesome;
  color: red;
  font-size: 50px;
}

.orderer, .custamer {
  overflow: hidden;
  display: block;
  position: relative;
  padding-top: 15px;
  min-height: 70px;
}

.orderer .orderer_icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 80px;
}

.orderer .o_talk {
  float: left;
  padding: 5px 7px;
  margin-left: 95px;
  background: #9cf974;
  border-radius: 7px;
  position: relative;
}

.orderer .o_talk:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  border: 8px solid transparent;
  border-right: 15px solid #9cf974;
}

.custamer .custamer_icon {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.custamer .c_talk {
  float: right;
  padding: 5px 7px;
  margin-right: 95px;
  background: #bbb;
  border-radius: 7px;
  position: relative;
}

.custamer .c_talk:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 100%;
  border: 8px solid transparent;
  border-left: 15px solid #bbb;
}

.bnk-logo {
  display: inline-block!important;
  width: 15%;
  margin-left: 25px!important;
}

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

.red {
  /*color: red;*/
  color: rgba(255, 0, 0,0.9) !important;
  font-weight: bold;
}

.blue {
  color: #0da4ff;
  font-weight: bold;
}

table.brwsr {
  margin: 0 auto 25px;
  width: 650px;
  border: none;
  border-top: solid 1px #666;
  border-bottom: solid 1px #666;
  border-collapse: separate;
  border-spacing: 0 10px;
  background: #f5f5f5;
}

table.brwsr th {
  vertical-align: middle;
  border-right: solid 1px #666;
  margin: 0;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
  width: 150px;
}

table.brwsr td.data {
  margin: 0;
  border: none;
  /*color: #666;*/
  color: rgba(102, 102, 102,0.9) !important;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
  overflow: hidden;
  padding: 10px;
  line-height: 1.5;
}

table.brwsr td {
  vertical-align: middle;
  width: 500px;
}

table.brwsr td.bar {
  height: 1px;
  width: 100%;
  border-top: solid 1px #34495e;
}

table.brwsr2 {
  border-collapse: collapse;
  max-width: 70%;
  margin: 10px auto;
}

table.brwsr2 th, table.brwsr2 td {
  font-size: 15px;
  padding: 10px;
  text-align: center;
  border: 1px solid #666;
  vertical-align: middle;
}

table.brwsr2 th {
  width: 30%!important;
  max-width: 30%!important;
  font-weight: bold;
  background: #d7e5ff;
}

#contents .syouhin_datail, #contents .syouhin_datail2 {
  width: 100%;
  margin: 0 auto 20px;
}

.syouhin_datail th, .syouhin_datail2 th {
  background: #efcccc;
  padding: 10px 0;
  font-weight: bold;
  border: 1px solid #777;
}

.syouhin_datail2 .med1 {
  width: 22%;
  text-align: center;
  vertical-align: middle;
}

.syouhin_datail2 .med2 {
  width: 19%;
  text-align: center;
}

.syouhin_datail2 .med3 {
  text-align: left;
}

.syouhin_datail th.column3 {
  width: 35%;
}

.syouhin_datail th.column2 {
  width: 50%;
}

.syouhin_datail td, .syouhin_datail2 td {
  border: 1px solid #888;
  text-align: right;
  padding: 7px 5px;
}

.syouhin_datail2 th, .syouhin_datail2 td {
  text-align: center;
  vertical-align: middle;
}

.syouhin_datail td.price {
  position: relative;
}

.syouhin_datail td.price::before {
  content: "最安値！！";
  position: absolute;
  top: 5px;
  left: 5px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  background: #cc0000;
  padding: 2px 4px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#contents img.angle {
  position: absolute;
  top: -3px;
  left: 85px;
  max-width: 42px;
  max-height: 42px;
  vertical-align: middle;
  margin-right: 0;
}

.syouhin_datail td:first-child {
  text-align: center;
}

.col2 {
  width: 500px!important;
  margin: 0 auto;
}

.medicine_tb {
  border-collapse: collapse;
  margin: 10px;
  font-size: 15px;
}

.medicine_tb th, .medicine_tb td {
  border: 1px solid #888;
  vertical-align: middle;
}

.medicine_tb th {
  background: #ffface;
  font-weight: bold;
  color: #555;
  padding: 5px;
}

.medicine_tb td {
  text-align: left;
  padding: 5px;
}

.medicine_tb .center1 {
  text-align: center;
}

#contents .medicine_tb .med_img {
  font-weight: bold;
  text-align: center;
}

#contents .medicine_tb .med_img2 {
  font-weight: bold;
  text-align: center;
  width: 40%;
}

#contents .medicine_tb a:hover {
  opacity: 0.8;
  transition: 0.2s;
}

#contents .medicine_tb .med_img img, #contents .medicine_tb .med_img2 img {
  max-width: 160px;
  max-height: 160px;
  width: 160px;
  height: 120px;
}

#mokuji {
  margin: 0 auto;
  width: 500px;
  border: 2px solid #6699FF;
  margin-bottom: 15px;
}

#mokuji h2 {
  font-size: 18px;
  text-align: center;
  background: #6699FF;
  color: #FFF;
  margin: 0;
  border: none;
  border-radius: 0px;
}

#mokuji ul {
  margin: 20px;
  list-style-type: none;
}

#mokuji li {
  margin-bottom: 15px;
  margin-left: 20px;
}

#mokuji li.h2_mokuji {
  margin-bottom: 15px;
  margin-left: 0px;
  font-weight: bold;
}

#mokuji li.h2_mokuji a {
  font-size: 15px;
  font-weight: bold;
}

#mokuji a {
  font-size: 14px;
  position: relative;
  text-decoration: none;
}

#mokuji a:hover {
  color: red;
  text-decoration: underline;
}


/* 画像横並び */

#contents .img_line {
  width: 95%;
  margin: 40px auto 50px;
  padding: 5px;
  border: double #8cafff;
  display: flex;
  justify-content: space-around;
}

#contents .img_line .obj_img {
  width: 280px;
  height: 250px;
  margin-top: 30px;
}

#contents .img_line .gurahu_img {
  width: 300px;
  height: 220px;
  margin: 30px auto;
}


/* 点滅 */

.blinking {
  -webkit-animation: blink 1.0s ease-in-out infinite alternate;
  -moz-animation: blink 1.0s ease-in-out infinite alternate;
  animation: blink 1.0s ease-in-out infinite alternate;
  font-weight: bold;
  color: red;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/*リンク用*/

#contents .product {
  width: 80%;
  margin: 20px auto;
  border: 3px solid #ff6600;
  padding: 10px;
}

#contents .product img {
  min-width: 143px;
  min-height: 143px;
  max-width: 143px;
  max-height: 143px;
  border: 1px solid #ff6600;
  margin-bottom: 0;
}

#contents .product a img:hover {
  opacity: 0.6;
}

#contents .product .product_detail {
  padding: 10px 15px;
  display: flex;
}

#contents p.product_name {
  margin: 5px;
  font-weight: bold;
  text-align: center;
}

#contents p.product_name a {
  font-size: 20px;
  color: #0033ff;
  transition: all 0.15s linear;
}

#contents p.product_name a:hover {
  text-decoration: underline;
  color: #ff4400;
}

#contents .product_detail .detail_inner {
  padding: 0 12px;
}

#contents .product_detail .detail_inner p {
  margin: 0;
}

#contents .product_detail .detail_inner p strong {
  color: #333;
  font-weight: bold;
}

#contents .product_detail p .review {
  padding-right: 30px;
}

#contents .product_detail p .hosi {
  color: #ff4400;
  font-size: 20px;
  text-shadow: 2px 1px 2px #ff9966;
}

#contents .half {
  position: relative;
  white-space: nowrap;
}

#contents .half:before {
  content: attr(data-heading);
  overflow: hidden;
  position: absolute;
  width: 50%;
}

#contents .product_detail .detail_inner .product_text {
  background: #eee;
  font-size: 14px;
  margin: 5px 0;
}

#contents .product_detail .detail_inner .mini {
  font-size: 14px;
  color: #666;
  margin: 5px 0;
}

#contents .product .linkbtn {
  display: block;
  width: 90%;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding: 10px;
  background: #cc0000;
  font-weight: bold;
  border-radius: 10px;
  border-bottom: 4px solid #990000;
  text-decoration: none;
}

#contents .product .linkbtn:hover {
  opacity: 0.8;
}

#contents .product .linkbtn:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}


/*公式サイト用ボタン*/

.sitebtn {
  width: 60%;
  margin: 20px auto;
  padding: 0;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  background: linear-gradient(to top, #ff4400 49%, #ed6d35 1%, 50%, #ff4400);
  border-radius: 10px;
  border: 4px groove #ff6600;
  filter: brightness(135%);
}

#contents .sitebtn a {
  display: block;
  color: #fff;
  text-decoration: none;
  position: relative;
  padding: 10px 0;
}

#contents .sitebtn a i {
  position: absolute;
  font-size: 26px;
  top: 19%;
  right: 25px;
  font-weight: bold;
}

.sitebtn:hover {
  opacity: 0.7;
}


/*コピーボタン*/

.code_flex {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

#copy_btn, #copy_btn2, #copy_btn3, #copy_btn4, #copy_btn5, #copy_btn6 {
  display: block;
  width: 60%;
  /*color: #20b8ff;*/
  color: rgba(32, 184, 255,0.9) !important;
  background: #fff;
  padding: 12px;
  margin: 30px auto;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  border: 2px solid rgba(32, 184, 255,0.9) !important;;
  border-radius: 12px;
  transition: all 0.2s linear;
}

#copy_btn:hover, #copy_btn2:hover, #copy_btn3:hover, #copy_btn4:hover, #copy_btn5:hover, #copy_btn5:hover, #copy_btn.is-copied, #copy_btn2.is-copied, #copy_btn3.is-copied, #copy_btn4.is-copied, #copy_btn5.is-copied, #copy_btn5.is-copied {
  background: #20b8ff;
  color: #fff !important;
}


/* サイド */

#side {
  float: right;
  width: 330px;
  box-sizing: border-box;
}

.sideList {
  margin-bottom: 25px;
  border-left: 1px solid #dbdcdc;
  border-right: 1px solid #dbdcdc;
  border-bottom: 1px solid #dbdcdc;
}

.sideList dl dt {
  border-top: 2px solid #e37575;
  background-color: #e37575;
  text-align: center;
  padding: 6px 0;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  border-bottom: 1px solid #DBDCDC;
}

.sideList dl dd {
  line-height: 40px;
  font-weight: bold;
  border-bottom: 1px solid #aaa;
}

.sideList dl label {
  padding: 5px 20px;
  background: #eee;
  color: #e37575;
  display: block;
  font-weight: bold;
  transition: all 0.5s;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.sideList dl label::before {
  content: "\f13a";
  font-family: FontAwesome;
  font-size: 18px;
  padding-right: 5px;
}

.sideList dl input {
  display: none;
}

.sideList dl dd a {
  display: block;
  padding: 2px 0;
  padding-left: 15px;
  /*color: #484848;*/
  color: rgba(72, 72, 72,0.9) !important;
  font-size: 14.5px;
  position: relative;
}

.sideList dl dd .recommend_word {
  position: absolute;
  top: 0;
  right: 0;
  /*color: #f35151;*/
  color: rgba(243, 81, 81,0.9) !important;
  font-weight: bold;
  font-size: 13px;
}

.sideList dl dd .recommend_word::before {
  content: "\f0a5";
  font-family: FontAwesome;
  font-size: 17px;
  padding-right: 2px;
}

.sideList dl dd.category_in a {
  font-size: 14px;
  /*color: #666;*/
  color: rgba(243, 81, 81,0.9) !important;
  padding-left: 30px;
}

.sideList dl dd a::before {
  content: "\f138";
  font-weight: bold;
  font-size: 18px;
  padding-right: 7px;
  font-family: FontAwesome;
  /*color: #75b4e3;*/
  color: rgba(117, 180, 227,0.9) !important;
  vertical-align: middle;
}

.sideList dl dd a:hover {
  opacity: 0.6;
}

.sideList dl dd:last-child {
  border-bottom: none;
}

.banner img:hover {
  opacity: 0.7;
  transition: all 0.3s;
}


/* フッター */

.footerList {
  margin-bottom: 20px;
  font-size: 15px;
}

.footerList dt {
  font-weight: 600;
  border-left: 5px solid #3f5260;
  padding-left: 5px;
  margin-bottom: 5px;
}

.footerList dd {
  display: inline-block;
  margin-right: 10px;
  border-right: 1px solid #3f5260;
  padding-right: 10px;
  line-height: 1;
}

.footerList dd a {
  /*color: #484848;*/
  color: rgba(72, 72, 72,0.9) !important;
}

.footerList dd a:hover {
  text-decoration: underline;
}

.footerList dd:last-child {
  border-right: none;
}

#footer {
  width: 100%;
  background: #e3eaed;
  clear: both;
}

#footer_top {
  width: 1100px;
  margin: 0 auto;
  padding: 20px 10px;
}

@media (max-width:1024px) {
  #footer_top {
    max-width: 1024px;
  }
}

#footer_bottom {
  background: #3f5260;
  width: 100%;
  text-align: center;
  color: #fff;
}

#footer_bottom p {
  text-align: center;
  line-height: 2.6;
  font-size: 14px;
}


/* TOPに戻る */

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}

#page-top a {
  background: #c62828;
  text-decoration: none;
  color: #fff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: block;
  border-radius: 5px;
}

#page-top a .fa-angle-up {
  font-size: 30px;
  font-weight: bold;
  line-height: 60px;
}

#page-top a:hover {
  text-decoration: none;
  background: #e37575;
}


/* 共通  */

.flx {
  display: flex;
}

.border {
  border: 1px solid #888;
  padding: 25px 25px 0 25px;
}

.bobm {
  border-bottom: 1px solid #941b1b;
}

.bk_red {
  background: #660000;
  color: #FFF;
  padding: 10px;
}

.bold {
  font-weight: bold;
}

.bk_gray {
  background: #d4d4d4;
}

.bk_def {
  background: #f5f5f5;
}

.bk_yellow {
  background: #feff82;
}

.mr10 {
  margin-right: 10px;
}

.ml50 {
  margin-left: 50px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb {
  margin-bottom: 30px;
}

.pb25 {
  padding-bottom: 25px;
}

.fs30 {
  font-size: 30px;
}

.fs20 {
  font-size: 20px;
}

.fs14 {
  font-size: 12px;
}

.fs14:before {
  content: "※";
  color: #f33;
}

.fs15 {
  font-size: 15px;
}

.fcolg {
  color: #676565;
}

.point {
  font-size: 20px;
  font-weight: bold;
  padding: 5px;
  margin-right: 10px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  background: #f5f5f5;
}


/*  フォーム　 */

.form_contents {
  width: 800px;
  margin: 0 auto 30px;
}

.normal_tbl {
  width: 100%;
  margin: 0 0 20px 0;
}

.normal_tbl.login {
  width: 640px;
  margin: 0 auto;
}

.normal_tbl th {
  width: 140px;
  padding: 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  text-align: left;
  vertical-align: middle;
  background: #f0f0f0;
  border: 1px solid #b0b0b0;
  border-bottom: none;
}

.normal_tbl.contact th, .normal_tbl.company th {
  width: 180px;
}

.normal_tbl.maker {
  width: calc(100% - 20px);
  margin: 20px 10px 20px 10px;
}

.normal_tbl.maker th {
  width: 60px;
  font-size: 15px;
  text-align: center;
}

.normal_tbl.maker th, .normal_tbl.maker td {
  padding: 5px 15px;
}

.normal_tbl td {
  padding: 15px;
  font-size: 15px;
  line-height: 1.5;
  vertical-align: middle;
  border-top: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
}

.normal_tbl tr:last-child th, .normal_tbl tr:last-child td {
  border-bottom: 1px solid #b0b0b0;
}

.normal_tbl td p {
  font-size: 15px;
  line-height: 1.5;
  vertical-align: bottom;
}

.normal_tbl td p.calc {
  padding: 4px 0;
  font-size: 16px;
  font-weight: bold;
}

.normal_tbl td p span {
  color: #f00000;
  font-size: 18px;
  font-weight: bold;
}

.normal_tbl th span {
  float: right;
  width: 32px;
  height: 12px;
  padding: 4px 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  background: #f00000;
  border: 1px solid #f00000;
}

.normal_tbl input[type="text"], .normal_tbl select, .normal_tbl textarea {
  width: 500px;
  padding: 6px 8px;
  font-size: 16px;
  line-height: 1;
  border: 1px solid #b0b0b0;
  border-radius: 2px;
}

.normal_tbl.login input[type="text"] {
  width: 400px;
}

.normal_tbl option, .normal_tbl select {
  line-height: 22px;
  padding: 6px 8px 8px 8px;
}

.normal_tbl textarea {
  height: 120px;
  line-height: 22px;
}

.normal_btn {
  width: 240px;
  padding: 14px 0;
  font-size: 20px;
}

a.gray_btn, button.gray_btn, .gray_btn {
  display: block;
  margin: 0 auto;
  padding: 11px 0;
  color: #2a2a2a;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background: -webkit-linear-gradient(top, #faffff, #dadada);
  background: -moz-linear-gradient(top, #faffff, #dadada);
  background: linear-gradient(to bottom, #faffff, #dadada);
  border: 1px solid #808080;
  border-radius: 4px;
}


/*フォーム確認ページ*/

.modal_inner {
  width: 800px;
  margin: 0 auto;
}

.scroll_lock {
  overflow: hidden;
}

#modal_overlay {
  display: none;
  z-index: 200;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.scroll_wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.modal_box {
  display: none;
  position: absolute;
  z-index: 202;
  width: 720px;
  text-align: left;
  background: #fff;
  border: 4px solid #f04070;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.modal_box.scroll_box {
  position: relative;
  width: 80%;
  max-width: 960px;
  margin: 40px auto;
  padding: 0 0 20px 0;
}

.modal_box.scroll_box::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
  content: "";
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1));
}

.modal_box .close_btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 48px;
  height: 36px;
  padding: 6px 0;
  color: #fff;
  font-size: 36px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background: #f04070;
}

.modal_box .close_btn:hover {
  opacity: 0.8;
}

.modal_box .title {
  padding: 30px 60px 20px 30px;
  font-size: 28px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}

.modal_box .body {
  padding: 20px 30px;
}

.modal_box.scroll_box .body {
  overflow-y: scroll;
}

.modal_box .body p {
  padding: 4px 0;
  font-size: 18px;
  line-height: 26px;
}

.modal_box .body form {
  width: 540px;
  margin: 0 auto 20px auto;
}

.modal_box .body form p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.modal_box .body form .input {
  margin: 0 0 15px 0;
}

.modal_box .red_btn {
  width: 240px;
  margin: 30px auto 10px auto;
  padding: 14px 0;
}

.modal_box .gray_btn {
  width: 240px;
  margin: 30px auto 10px auto;
  padding: 13px 0;
}

.modal_box .payment .red_btn {
  width: 320px;
  margin: 30px auto 20px auto;
  padding: 18px 0;
  font-size: 22px;
}

.modal_box .payment .gray_btn {
  width: 240px;
  margin: 0 auto 20px auto;
  padding: 16px 0;
}

.modal_box .btn_area {
  position: relative;
  margin: 20px 0 0 0;
  font-size: 0;
  text-align: center;
}

.modal_box .btn_area a, .modal_box .btn_area p {
  display: inline-block;
  margin: 10px 20px;
}

.modal_box .btn_area .gray_btn {
  width: 160px;
}

.modal_box .btnArea {
  position: relative;
  height: 46px;
  margin: 30px 0 10px 0;
}

.modal_box .btnArea .red_btn {
  position: absolute;
  top: 0;
  right: 100px;
  margin: 0;
  padding: 13px 0;
}

.modal_box .btnArea .gray_btn {
  position: absolute;
  top: 6px;
  left: 80px;
  width: 90px;
  margin: 0;
  padding: 10px 0;
  color: #000;
  font-size: 14px;
}

.modal_box .reg_tbl {
  width: 540px;
  margin: 0 auto;
}

.modal_box .reg_tbl th {
  width: 104px;
  text-align: center;
}

.modal_box .reg_tbl th span {
  display: block;
  margin: 5px auto 0 auto;
}

.modal_box .reg_tbl td {
  padding: 15px 0 15px 15px;
}

.modal_box .inputHelp {
  z-index: 202;
}

.modal_box #help_address1, .modal_box #help_address0_1, .modal_box #help_address1_1, .modal_box #help_address2_1, .modal_box #help_address3_1 {
  top: -56px !important;
}

.modal_box #help_address2, .modal_box #help_address0_2, .modal_box #help_address1_2, .modal_box #help_address2_2, .modal_box #help_address3_2 {
  top: -18px !important;
}

.modal_box #help_address3, .modal_box #help_address0_3, .modal_box #help_address1_3, .modal_box #help_address2_3, .modal_box #help_address3_3 {
  top: 20px!important;
  left: 176px!important;
}

.modal_box .reg_tbl .errorMessage {
  left: 360px;
  z-index: 201;
}

.modal_box #error_zip, .modal_box #error_zip0, .modal_box #error_zip1, .modal_box #error_zip2, .modal_box #error_zip3 {
  margin-top: -32px;
}

.modal_box #error_address1, .modal_box #error_address0_1, .modal_box #error_address1_1, .modal_box #error_address2_1, .modal_box #error_address3_1 {
  margin-top: -61px;
}

.modal_box #error_address2, .modal_box #error_address0_2, .modal_box #error_address1_2, .modal_box #error_address2_2, .modal_box #error_address3_2 {
  margin-top: -18px;
}

.modal_box #error_address3, .modal_box #error_address0_3, .modal_box #error_address1_3, .modal_box #error_address2_3, .modal_box #error_address3_3 {
  margin-top: 20px;
}

.modal_box .body.mainte {
  height: 430px;
  padding: 20px 30px 20px 360px;
  background: url(/img/mainte.png) no-repeat left 20px bottom 0;
}

.modal_box .body.mainte p {
  padding: 8px 0;
  font-size: 20px;
  line-height: 32px;
}

.modal_box .body.mainte p strong {
  font-size: 24px;
}


/*google map*/

#mapField {
  width: 400px;
  height: 400px;
}

.button_area {
  margin-top: 10px;
  text-align: center;
}

.button_area button[type="button"] {
  padding: 10px 20px;
}

.button_area button[type="button"]:hover {
  background: #fcc;
}

.border_tp_bt {
  padding: 0 10px;
  border-top: 2px solid #555;
  border-bottom: 2px solid #555;
  background: #ffd7d7;
}


/*関連記事*/

.relation {
  width: 100%;
  margin: 20px 0;
  overflow: hidden;
}

.relation ul {
  display: flex;
  display: -webkit-flex;
  width: 100%;
}

.relation ul li {
  width: 25%;
  padding: 0 3px;
  border-right: 1px dashed #ccc;
}

.relation ul li:first-child {
  border-left: 1px dashed #ccc;
}

#container .relation ul li img {
  width: 150px;
  height: 150px;
  margin-bottom: 0;
}

#container .relation ul li a {
  display: block;
  color: #0077cc;
  font-size: 14px;
  font-weight: bold;
  margin: 0 4px 0 5px;
  transition: all 0.3s;
}

#container .relation ul li a:hover {
  opacity: 0.8;
  text-decoration: none;
}


/*支払方法一覧*/

.payment_area {
  width: 100%;
  margin: 10px auto;
  padding: 10px;
}

.payment_area ul {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
}

.payment_icon {
  width: 80px;
  padding: 5px;
  margin-right: 10px;
}

.payment_icon img {
  width: 65px;
  height: 65px;
}

#contents .payment_icon p {
  font-size: 10px;
  margin: 0;
  font-weight: bold;
  text-align: center;
}

.payment_link {
  width: 90%;
  margin: 0 auto;
}

.payment_link ul li::before {
  content: "\f0da";
  font-family: FontAwesome;
  font-size: 19px;
  padding-right: 3px;
}


/* 追加(19/08/20) 「オススメ」枠 */

.recommend_box {
  margin: 15px 0 30px;
}

.recommend_title {
  display: block;
  font-size: 17px;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  margin-bottom: 20px;
  color: #fff;
  background: #75b4e3;
}

.recommend_item_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}

.recommend_item {
  display: inline-block;
  width: calc(93%/4);
  margin-bottom: 15px;
  position: relative;
  text-align: center;
  text-decoration: none!important;
}

.recommend_item img {
  width: 100%;
  max-width: 150px;
  margin: 0 !important;
  border: 1px solid #aaa;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

.recommend_item .recommend_item_text {
  color: #fff;
  font-size: 13px;
  background: #ff0000;
  padding: 2px;
  border-radius: 10px;
  line-height: 2.5;
}

.recommend_item .none_text {
  color: #fff!important;
  background: #7d7d7d!important;
}

.recommend_item figcaption {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  max-width: 100%;
  font-weight: bold;
}

.recommend_item:hover {
  opacity: 0.8;
  transition: .2s;
  box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.2);
}


/*-------- recommend_box2 -----------*/

.recommend_box2 {
  margin: 15px 0 30px;
}

.recommend_title2 {
  display: block;
  font-size: 17px;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  margin-bottom: 20px;
  color: #fff;
  background: #75b4e3;
}

.recommend_item_area2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}

.recommend_item2 {
  display: inline-block;
  width: calc(93%/3);
  margin-bottom: 15px;
  position: relative;
}

.recommend_item2 img {
  max-width: 220px!important;
  margin: 0 !important;
  border: 1px solid #aaa;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}

.recommend_item2 figcaption {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  max-width: 100%;
  font-weight: bold;
}

.recommend_item2:hover {
  opacity: 0.8;
  transition: .2s;
  box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.2);
}


/* 追加(19/09/04) リンクボタンver2 */

.bing_link_btn, a.bing_link_btn, .bing_link_btn2 {
  position: relative;
  display: block;
  min-width: 160px;
  width: calc(80% - 50px);
  max-width: 540px;
  margin: 0 auto;
  padding: 21px 40px 21px 10px;
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  /* text-shadow: -1px -1px 1px #111; */
  cursor: pointer;
  /*background: -webkit-linear-gradient(top, #ff2f2f, #d80707);
  background: -moz-linear-gradient(top, #ff2f2f, #d80707);
  background: linear-gradient(to bottom, #ff2f2f, #d80707);*/
  /* border: 1px solid #b00000; */
  background: #f77010;
  border-bottom: 4px solid #c2580d;
  border-radius: 12px;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4);
}

.bing_link_btn:hover, .bing_link_btn2:hover {
  opacity: 0.75;
  color: #fff !important;
  box-shadow: inset 0px -1px 4px 1px rgba(0, 0, 0, 0.4);
}

.bing_link_btn::before, a.bing_link_btn::before {
  position: absolute;
  top: calc(50% - 12px);
  right: 10px;
  width: 24px;
  height: 24px;
  z-index: 1;
  content: "";
  background: #fff;
  border-radius: 50%;
  box-shadow: -1px -1px 1px #111;
}

.bing_link_btn::after, a.bing_link_btn::after {
  position: absolute;
  top: calc(50% - 7px);
  right: 15px;
  z-index: 2;
  width: 0;
  height: 0;
  content: "";
  color: #f77010;
  border-color: transparent transparent transparent #f77010;
  border-style: solid solid solid solid;
  border-width: 7px 0 7px 9px;
}
/*テーブルボタンの丸み24px外部リンク*/
a.bing_link_btn2.button__link_btn {
    border-radius: 24px;
}
/*テーブルボタンの丸み0内部リンク*/
a.bing_link_btn2 {
    border-radius: 0;
}

/* ※追加(19/09/19) ランキング表 */

.ranking-tb {
  max-width: 100%;
  margin: 0 auto 20px;
  border-collapse: collapse;
}

.ranking-tb th, .ranking-tb td {
  padding: 8px;
  border: 2px solid #bababa;
  vertical-align: middle;
}

.ranking-tb th {
  background: #e37575;
  color: #fff;
  /*	font-weight: bold;*/
  font-size: 13px;
  text-align: left;
}

.ranking-tb td {
  width: calc(100%/3.5);
}


/* first-area(1位) */

.first-area {
  background: #ffface;
}

.first-place::after, .second-place::after, .third-place::after {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  width: 22px;
  height: 22px;
  text-align: center;
  font-weight: bold;
  line-height: 22px;
}


/* 1位アイコン */

.first-place::after {
  content: "";
  background-image: url(../img/icon-first-place.png);
  background-size: cover;
  width: 50px;
  height: 50px;
}


/* 2位アイコン */

.second-place::after {
  content: "2";
  background: #34495e;
  color: #fff;
  font-size: 14px;
}


/* 3位アイコン */

.third-place::after {
  content: "3";
  background: #dd7f7f;
  color: #fff;
  font-size: 14px;
}

.rank-img {
  text-align: center;
  position: relative;
}

.rank-img img {
  margin: 0 auto!important;
  max-width: 150px!important;
}

.rank-img figcaption {
  font-weight: bold;
  padding: 3px 0;
  font-size: 13px;
}

.rank-img.first-area figcaption {
  font-size: 16px;
}

.ranking-tb td.rank-detail {
  vertical-align: top;
}

.rank-detail p, .rank-detail ul li {
  font-size: 14px;
}

.rank-detail ul li {
  position: relative;
  padding-left: 15px;
}

.rank-detail ul li::before {
  content: "■";
  position: absolute;
  left: 0;
}


/*----------追加css-----------------*/

.fs13 {
  font-size: 13px!important;
}

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

.point_area {
  margin-bottom: 25px;
}

.point_title span {
  border: 2px solid #c62828;
  background: #c62828;
  color: #fff;
  padding: 5px;
  font-weight: bold;
}

.point_cnt {
  border: 2px solid #c62828;
  padding: 5px;
  margin-top: 5px;
}

.point_area2 {
  margin-bottom: 25px;
}

.point_cnt2 {
  border: 2px solid #1d65d2;
  background: #e1edff;
  padding: 5px;
}

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

.attract_ctn {
  border: 2px solid #131ea5;
  background: #e4ebff;
  padding: 10px;
  border-radius: 5px;
}

.rcmd {
  border: 2px solid #ccc;
  position: relative;
  margin: 40px 0 20px;
  padding: 20px;
  background: #ffedce;
}

.rcmd .rcmd_title {
  font-weight: bold;
  font-size: 20px;
  /*color: #ff0f0f;*/
  color: rgba(255, 15, 15,0.9) !important;
  position: absolute;
  top: -15px;
  left: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-text-stroke: 1px rgba(243, 182, 47,0.9) !important;
  text-stroke: 1px rgba(243, 182, 47,0.9) !important;
}

.rcmd .rcmd_txt {
  font-weight: bold;
}

.pickup_cnt {
  border: 2px solid #ff0f0f;
  margin: 50px 0 40px;
  position: relative;
}

.pickup_cnt::before {
  content: "オススメ記事";
  display: inline-block;
  position: absolute;
  top: -34px;
  left: -2px;
  font-size: 14px;
  padding: 6px;
  color: #fff;
  background: #ff0f0f;
  font-weight: bold;
}

.pickup_cnt a {
  display: flex;
  text-decoration: none!important;
  padding: 12px;
}

.pickup_cnt a:hover {
  opacity: 0.7;
}

.pickup_name span {
  background: #dadada;
  padding: 3px 10px;
  font-weight: bold;
  color: #ff0000;
  border-left: 2px solid #7d7d7d;
  border-top: 2px solid #7d7d7d;
  border-right: 2px solid #7d7d7d;
  font-size: 18px;
}

.pickup_cnt .pickup_img {
  margin-right: 5px;
}

.pickup_cnt .pickup_img img {
  margin-bottom: 0!important;
  width: 170px;
}

.pickup_txt p {
  margin-bottom: 16px!important;
}

.pickup_txt .bold {
  font-size: 18px;
  color: #111;
}

.pickup_txt .expn {
  color: #6b6b6b;
  text-decoration: none!important;
  font-size: 13px;
}

.puote {
  border: 5px solid #ccc;
  background: #fffffd;
  padding: 5px 5px 5px 25px;
  margin-bottom: 10px;
}

.puote ul li {
  list-style: decimal;
  margin-bottom: 5px;
}

.temp_tbl {
  width: 100%;
  margin: 15px auto;
}

.temp_tbl .fst_kmk th, .temp_tbl .fst_kmk td {
  background: #bdd7ff;
  font-weight: bold;
}

.temp_tbl th, .temp_tbl td {
  border: 2px solid #bdd7ff;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
}

.temp_tbl th {
  background: #fff4f4;
}

.orage {
  color: #ff380b!important;
}

.ec_link {
  display: flex;
}

.linktbl {
  width: 350px;
  margin: 15px auto;
}

.linktbl th, .linktbl td {
  font-weight: bold;
}

.linktbl th, .linktbl td {
  border: 2px solid #828282;
  padding: 5px 0;
  vertical-align: middle;
}

.linktbl th {
  background: #fff4f4;
}

.linktbl td img {
  max-width: 100px!important;
  margin: 10px!important;
}

.linktbl .bing_link_btn {
  position: relative;
  display: block;
  min-width: 170px;
  width: calc(90% - 20px);
  max-width: 540px;
  margin: 0 auto;
  padding: 15px 10px;
  color: #fff !important;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  /* text-shadow: -1px -1px 1px #111; */
  cursor: pointer;
  /* background: -webkit-gradient(linear, left top, left bottom, from(#ff4040),to(#ea2020)); */
  background: -webkit-gradient(linear, left top, left bottom, from(#ff2f2f), to(#d80707));
  /* border: 1px solid #9a0101; */
  border-bottom: 4px solid #9a0101;
  border-radius: 12px;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4);
}

.button__link_btn {
  /* background: -webkit-gradient(linear, left top, left bottom, from(#20b8ff),to(#00b0d8))!important; */
  background: -webkit-gradient(linear, left top, left bottom, from(#5cb6e0), to(#359ab1))!important;
  /* border: 1px solid #16519a!important; */
  border-bottom: 4px solid #02728a!important;
}

.bkk {
  background: #fff4c8;
}

.scrollarea {
  /* width: calc(100% - 20px); */
  margin: 40px 0 20px;
  overflow-x: scroll;
  /* border: 2px solid #e06284; */
}

.acroll_tbl {
  width: 100%;
  border-collapse: collapse;
}

.acroll_tbl th, .acroll_tbl td {
  font-size: 14px;
  padding: 12px;
  border: 1px solid #ccc;
}

.acroll_tbl th {
  font-weight: bold;
  background: #ffface;
  line-height: 1.1;
  vertical-align: middle;
  min-width: auto;
  text-align: center;
  font-size: 13px;
}

.acroll_tbl td {
  min-width: auto;
  vertical-align: top;
}


/* (追加/20/02/20) スクロール時のth,td幅 */


/* ▽おすすめ枠 */

.acroll_tbl th.border, .acroll_tbl td.border {
  border-left-width: 4px;
  border-right-width: 4px;
}

.acroll_tbl th.border-f, .acroll_tbl td.border-f {
  /*  position: relative;*/
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
}

.acroll_tbl th.border-l, .acroll_tbl td.border-l {
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
}

.acroll_tbl th .bf-tag, .acroll_tbl td .bf-tag {
  display: block;
  position: relative;
  min-width: 70%;
  max-width: 90%;
  background: #ff8000;
  color: #fff;
  text-align: center;
  font-size: 13px;
  padding: 2px 5px;
  top: -33px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  z-index: 1;
}

.acroll_tbl th .bf-tag::before, .acroll_tbl td .bf-tag::before {
  content: "\f0a7";
  font-family: FontAwesome;
  padding-right: 5px;
  font-size: 20px;
}

.acroll_tbl td img {
  max-width: 100px!important;
  margin-bottom: 5px!important;
}
table.acroll_tbl tr:nth-of-type(2) td img {
  /* width: 100% !important; */
  max-width: 95% !important;
  margin-bottom: 0 !important;
}
.acroll_tbl td ul {
  padding: 0;
  list-style-type: none;
}

.acroll_tbl td ul li {
  margin-bottom: 10px;
  line-height: 1.5;
}

.acroll_tbl td.link_area {
  text-align: center;
}

.acroll_tbl td.link_area figcaption {
  font-weight: bold;
  font-size: 13px;
  padding: 5px 0;
}

.acroll_tbl td.link_area, .acroll_tbl td.base {
  vertical-align: inherit;
}

.acroll_tbl td .sitelink {
  display: block;
}

.acroll_tbl td .bing_link_btn, .acroll_tbl td .bing_link_btn2 {
  min-width: 160px;
  max-width: 100%;
  /*padding: 1em;*/
  padding: 10px 40px;
}

.acroll_tbl td.t-link a {
  font-weight: bold;
  line-height: 1.5;
  text-decoration: underline;
}

td.tb-border {
  background: #ff9;
  border-width: 4px;
  font-weight: bold;
  color: #d33;
}

td.tb-border ul li {
  color: #d33;
  font-weight: bold;
}

tr.tb_line th, tr.tb_line td {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-top-color: #70bb4b;
  border-bottom-color: #70bb4b;
  font-size: 13px!important;
}


/* tr.tb_line th{
	background: #e06284;
	color: #fff;
} */
table.acroll_tbl tr.tb_line td:nth-of-type(1){
  background: #ffface;
}

/*tr.tb_line td {
  background: #ffface;
  font-weight: bold;
  text-align: left;
}*/

.tbl-middle {
  vertical-align: middle!important;
}


/* 追加(20/06/29) ランキング表示*/

.rank-area th, .rank-area td {
  border: none!important;
  text-align: center;
  padding: 8px 8px 0;
}

.rank-area th {
  background: none;
}

.rank-area td span {
  font-weight: bold;
  display: block;
  max-width: 160px;
  margin: auto;
  padding: 12px;
  position: relative;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 12px 12px 0 0;
}

.rank-area td:nth-of-type(1) span {
  background: #ffd700;
  color: #333;
}

.rank-area td:nth-of-type(2) span {
  /* background: #c0c0c0; */
  background: #a5a5a5;
}

.rank-area td:nth-of-type(3) span {
  /* background: #7a592f; */
  background: #c47222;
}
/*swiper-slide*/
.swiper-container.swiper-container-horizontal {
    margin-bottom: 30px;
    padding-bottom: 25px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
    cursor: auto;
    pointer-events: none;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -3px !important;
    left: 0;
    width: 100%;
}
.swiper-button-prev, .swiper-button-next {
    background: rgba(0, 0, 0, 0.35)!important;
    border-radius: 50%;
    display: block;
    width: 40px!important;
    height: 40px!important;
        line-height: 40px;
    text-align: center;
    transform: translateY(-50%)!important;
    user-select: none;
}
.swiper-button-prev:before, .swiper-button-next:before {
    color: #fff!important;
}
.swiper-button-next:before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 25px;
    color: #353432;
}
.swiper-button-prev:before {
    font-family: FontAwesome;
    content: "\f104";
    font-size: 25px;
    color: #353432;
}
.swiper-wrapper {
    width: 100%;
    
}
/* 全スライド共通スタイル */
.swiper-slide {
    width: 100%;
    height: 100%;
    
}
.swiper-slide:last-child{
    padding-right: 10px;
}

.sw-inner{
    background-color: #fff;
    border: 1px solid #b9b7b7;
    border-radius: 5px;
}
.img-box{
    background: #4AA8BA;
    color: #fff;
}
.img-box,.bt-box{
    padding: 10px;
}
.bt-box{
    font-weight: bold;
    font-size: 17px;
    }
.img-box02{
    padding: 10px;
    border-top: 1px dashed #b9b7b7;
    display: inline-flex;
    align-items: center;
}
.img-box02:last-child{
    border-bottom: 1px dashed #b9b7b7;
}
.img-box:after,.img-box02:after{
   content: "";
   display: block;
   clear: both;
}
.bx-img {
    float: left;
    width: 30%;
    margin-right: 10px;
}
.img-txt {
    font-weight: bold;
    overflow: hidden;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    font-size: 1.2em;
}
.img-txt02{
    font-size: 1.3em;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    width: 80%;
}
.img-txt02 p{
    margin-bottom: 0 !important;
    font-size: 13px;
}
.swiper-slide img{
    max-width: 100% !important;
    margin-bottom: 0 !important;
}
.sw-inbro{
    display: inline-block;
}
.cr-fs-b{
    color: #FF0000;
    font-weight: bold;
    font-size: 1.5em;
    background: linear-gradient(transparent 60%, #ffff66 60%);
    margin-right: 5px;
}
.bt-txtbox p {
    margin-bottom: 0 !important;
}
.sw-imgarea {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.sw-bx-img {
    margin-right: 20px;
    width: 86px;
    height: 86px;
}
p.sw-name {
    font-weight: bold;
    margin-bottom: 0 !important;
    border-bottom: 2px solid #ccc;
    font-size: 18px;
}
.sw-review_name {
    width: 140px;
}
.sw-inner02{
    background-color: #fff;
    border: 1px solid #b9b7b7;
    border-radius: 5px;
    padding: 10px;
    padding: 15px 13px 10px;
    box-shadow: 4px 4px #eee;
}
p.rfc-txt {
  margin-top: 12px;
}
 p.rfc-txt span {
  text-align: right;
  display: block;
  color: #858484;
  font-size: 13px;
}
/*swiper-slide*/
/*ページ内リンクのボタンレイアウト追加*/
 a.tbl-btn {
   position: relative;
   display: block;
   min-width: 160px;
   max-width: 100%;
   padding: 1em;
   border-radius: 24px;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffe980), to(#fd9d00)) !important;
   /*border: 3px solid #ffaf27;*/
   color: #3f3f3f !important;
   font-weight: bold;
   text-decoration: none !important;
   box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4);
   line-height: 1.3;
   padding-bottom: 22px;
 }
 a.tbl-btn:after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: -7px;
   margin-left: -15px;
   border: 15px solid transparent;
   border-top: 10px solid #f83a3a;
 }
 a.tbl-btn:hover {
   opacity: 0.75;
   box-shadow: inset 0px -1px 4px 1px rgba(0, 0, 0, 0.4);
 }
/*ページ内リンクのボタンレイアウト追加*/
/*ページ内ボタンリンクレイアウト*/
 .in-btn-area ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.in-btn-area ul li{
    width: 48%;
}
.in-btn-area ul li img{
    box-shadow: 0 4px 9px -1px rgba(0,0,0,0.2);
    transition: .3s ease-in-out;
}
.in-btn-area ul li img:hover{
    box-shadow: 0 4px 15px rgba(0, 0, 0, .25);
    transform: translateY(-2px);
}
/*ページ内ボタンリンクレイアウト*/
.n-link-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.n-link-flex01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 75%;
    margin: 0 auto;
}
.n-link-item {
  width: 32.5%;
  text-align: center;
}
.n-link-item02 {
  width: 49%;
  text-align: center;
}
.n-link-item04 {
  width: 25%;
  text-align: center;
}
.n-link-item06 {
  width: 16.5%;
  text-align: center;
}
.n-link-flex  img{
  max-width: 100% !important;
  margin-bottom: 15px !important;
}
.n-link-flex01 img{
  max-width: 100% !important;
}
a.img-link img{
  transition: .3s;
}
a.img-link:hover img {
  opacity: 0.7;
      box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
    transform: translateY(-4px);
}
/*スライドショーレイアウト*/
.sw-img-box img{
  max-width: 100% !important;
}
.swiper-button-next02, .swiper-button-prev02 {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next02, .swiper-container-rtl .swiper-button-prev {
right: 0px;
left: auto;
}
.swiper-button-prev02, .swiper-container-rtl .swiper-button-next {
left: 0px;
right: auto;
}
.swiper-button-prev02{
background: rgba(112, 187, 75, 0.7)!important;
display: block;
width: 40px!important;
height: 100px!important;
line-height: 100px;
text-align: center;
transform: translateY(-50%)!important;
user-select: none;
border-radius: 0px 5px 5px 0px;
}
.swiper-button-next02 {
background: rgba(112, 187, 75, 0.7)!important;
display: block;
width: 40px!important;
height: 100px!important;
line-height: 100px;
text-align: center;
transform: translateY(-50%)!important;
user-select: none;
border-radius: 5px 0px 0px 5px;
}
.swiper-button-prev02:before {
font-family: FontAwesome;
content: "\f137";
font-size: 25px;
color: #353432;
}
.swiper-button-next02:before {
font-family: FontAwesome;
content: "\f138";
font-size: 25px;
color: #353432;
}
.swiper-button-next02.swiper-button-disabled, .swiper-button-prev02.swiper-button-disabled {
opacity: 0 !important;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev02:before, .swiper-button-next02:before {
color: #fff!important;
}
/*テーブルレイアウト*/
/*▽(※追加 19/11/06) 価格表修正版▽*/
.slide_table{
  margin-bottom: 50px;
padding-top: 35px;
overflow-x: auto;
}
/*
.slide_table::-webkit-scrollbar{　　
height: 5px;
}
.slide_table::-webkit-scrollbar-track{　　
background: #F1F1F1;
}
.slide_table::-webkit-scrollbar-thumb {　　
background: #BCBCBC;
}
*/
.slide_table .tb-type1{
width: 100%;
border-collapse:collapse;
position:relative;
}
.slide_table .tb-type1 th{
      background: #d8f0ec;
  color: #454545;
  text-align: center;
  vertical-align: middle;
}
.tb-type1 th, .tb-type1 td {
  border: 1px solid #0db693;
  font-size: 17px;
  padding: 12px;
  width: calc(100%/3);
}
.slide_table .tb-type1 th{
width: 70px;
min-width: 70px;
font-size: 13px;
text-align: left;
}
.slide_table .tb-type1 td{
width: 130px;
min-width: 130px;
max-width: 130px;
text-align: left;
}
.slide_table .tb-type1 th img,.slide_table .tb-type1 td img{
/*width: 100px;*/
  max-width: 100px;
  margin: 0 auto 4px;
  display: block;
}
.tb-type1 td figcaption{
font-weight: bold;
display: block;
font-size: 15px;
}
.slide_table .tb-type1 .link-area{
text-align: center;
vertical-align: top;
/* vertical-align: baseline; */
}
.tb-type1 td .item-link{
font-size: 12px;
width: 100%;
margin-bottom: 10px;
  box-sizing:border-box;
}
/*▽ 「～の詳細」用ボタン ▽*/
.tb-type1 td .item-link.btn2{
color: #353535!important;
font-weight: normal;
  background: #ff7d0e !important;
  color:#fff !important;
/*background: -webkit-gradient(
  linear, left top, left bottom,
  from(#ffffff),
  color-stop(0.50, #ebebeb),
  color-stop(0.50, #dbdbdb),
  to(#b5b5b5));*/
border: 1px solid #949494;
-moz-box-shadow:
  0px 1px 3px rgba(000,000,000,0.5),
  inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow:
  0px 1px 3px rgba(000,000,000,0.5),
  inset 0px 0px 2px rgba(255,255,255,1);
box-shadow:
  0px 1px 3px rgba(000,000,000,0.5),
  inset 0px 0px 2px rgba(255,255,255,1);
text-shadow: none;
}

/* 追加(20/06/09) テーブル左側固定時の表示(th以外も含む) */
.slide_table.left-fix th:first-child,
.slide_table.left-fix td:first-child,
.scroll-area.left-fix th:first-child,
.scroll-area.left-fix td:first-child{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
}

.tb-type1 th,
.tb-type1 td {
  padding: 14px;
}

.tb-type1 td {
  background: #fff;
}

.slide_table.left-fix th:first-child,
.slide_table.left-fix td:first-child {
  outline: none;
  border-left: none;
  border-right: none;
}

.slide_table.left-fix th:nth-child(2),
.slide_table.left-fix td:nth-child(2) {
  border-left-color: rgba(44,185,227,0.2);
}

.slide_table.left-fix th:first-child::after,
.slide_table.left-fix td:first-child::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  box-shadow: 12px 0 24px 1px rgba(33,33,33,0.2);
}

.left-fix .tb-type1 th {
  text-align: center;
}

.slide_table.left-fix .tb-type1 td {
  text-align: center;
  vertical-align: middle;
}
.slide_table table.tb-type1 th {
  font-weight: bold;
}
.tb-type1 .osusume_wk{
border-top: 3px solid red;
position: relative;
}
.tb-type1 .osusume_wk,.tb-type1 .osusume_wkbg,.tb-type1 .osusume_wk_l{
border-left: 3px solid red;
border-right: 3px solid red;
}
.item-link {
  text-decoration: none !important;
  /* font-family: Arial, Helvetica, sans-serif; */
  display: inline-block;
  color: #fff!important;
  font-weight: bold;
  padding: 10px 10px;
  background: #ff7d0e;
  /* background: linear-gradient(#F8A02D ,#ff7d0e); */
  -moz-border-radius: 30px !important;
  -webkit-border-radius: 30px !important;
  border-radius: 30px !important;
  border: 2px solid #fff;
  -moz-box-shadow: 0px 1px 5px rgba(000,000,000,0.7), inset 0px 0px 10px rgba(255,255,255,1);
  -webkit-box-shadow: 0px 1px 5px rgb(0 0 0 / 70%), inset 0px 0px 10px rgb(255 255 255);
  box-shadow: 0px 1px 5px rgb(0 0 0 / 70%), inset 0px 0px 10px rgb(255 255 255);
  /* text-shadow: 0px -1px 0px rgb(0 0 0 / 40%), 0px 1px 0px rgb(255 0 0 / 30%); */
}
/*3列ページ内リンク*/
.p-link-box{
  margin-bottom: 20px;
}
.p-link-box ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.p-link-box ul li{
	width: 32.5%;
	text-align: center;
}
.p-link-box ul li a{
	text-align: center;
	border: 1px solid #70bb4b;
	box-sizing: border-box;
	text-decoration: none !important;
	border-radius: 5px;
	border-bottom: 4px solid #70bb4b !important;
	text-decoration: none;
	padding: 10px 10px 35px;
	display: block;
	transition: 0.1s;
}
.p-link-box ul li a:hover{
	border-bottom: 1px solid #70bb4b !important;
}
p.lk-ttl {
    color: #7f7e7e;
	margin: 0 0 17px !important;
	font-weight: bold;
	position: relative;
  text-align: center !important;
}
p.lk-ttl:after {
    width: 40px;
    height: 1px;
    background: #7f7e7e;
    content: '';
    color: #7f7e7e;
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translate(-50%);
}
p.plk-txt {
    margin: 0 0 0px !important;
	color: #333;
	font-weight: bold;
  text-align: center !important;
}
p.bottom-text {
	margin: 0 !important;
    font-weight: bold;
    font-size: 25px;
	position: relative;
	color:#70bb4b;
  text-align: center !important;
}
p.bottom-text:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -20px;
    border: 17px solid transparent;
    border-top: 5px solid #FFF;
    z-index: 2;
}
p.bottom-text:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #7f7e7e;
  z-index: 1;
}

/*3列ページ内リンク*/
 /*診断レイアウトPC*/
 .star-inline{
  display:flex;
  align-items:center;
  margin:5px 0;
  margin-bottom: 0 !important;
}
span.stars, span.stars span {
  display: block;
  background: url(/img/star-on.png) 0 -50px repeat-x;

      width: 200px;
  height:40px;
}
span.stars{
  background: url(/img/star-off.png) 0 0px repeat-x !important;
background-size:contain;    
  width: 200px;
  height: 40px;
}
span.stars span,span.stars {
  background-position: 0 0;
}
span.score{
  margin-left:7px;
  margin-top:5px;
  font-size:15px;
  color:#ffffff;
  width:35px;
  height:35px;
  border-radius:50%;
  background:#e10000;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:bold;
  position:relative;
}
span.score:after{
  content: "点";
  color: rgba(63, 63, 63,0.9) !important;
  position: absolute;
  right: -14px;
  top: 17px;
  font-size: 12px;
  font-weight: ;
}
span.score-g-com {
  font-size: 44px;
  font-weight: bold;
  transform: skew(
-20deg
);
  display: inline-block;
  color: #e10000;
}
span.line-name {
  width: 85px !important;
  height: 30px;
  font-size: 12px;
  text-align: center;
  border-right: 2px solid #686767;
  margin-right: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #999;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}
.g-comment {
  font-weight: bold;
  font-size:20px;
}
.hyouka-flex {
  display: flex;
  justify-content: space-between;
}
.hyouka-flex img{
max-width: 100%;
}
.site-img-box {
  width: 60%;
}
.hoshi {
  width: 38%;
}
.score-box {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  flex-wrap: wrap;
  padding: 30px 15px 22px;
border-bottom: solid 5px #75b4e3;
border-top: solid 5px #75b4e3;
align-items: center;
  margin: 25px 0 20px;
  position: relative;
}
.site-img img{
max-width: 100% !important;
vertical-align:top;
/*border: 2px solid #fff;*/
  box-sizing: border-box;
  margin-bottom: 0 !important;
}
.site-img {
  width: 49%;
}
.site-img-inner {
  background: #333;
  padding: 3px;
  box-sizing: border-box;
border-radius: 3px;
box-shadow: 2px 2px 4px #9b9b9b;
}
.score-inner {
  width: 48%;
  position: relative;
}
span.score-g-box {
  background: linear-gradient(transparent 60%, #fafa80 60%);
}
span.g-text {
  background: #D70025;
  color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 3px 8px;
  width: 95px;
margin-right: 25px;
}
p.score-title {
  position: absolute;
  top: -18px;
  background: #75b4e3;
  padding: 0 20px;
  box-sizing: border-box;
  color:#fff;
  font-weight: bold;
  border-radius: 2px;
}
p.rank-box {
  width: 27%;
  position: absolute;
  right: -5px;
  top: -30px;
}
p.rank-box img{
  max-width: 100% !important;
}
/*診断レイアウトPC*/
/*ページ内リンク*/
.pege-link {
  position: relative;
  width: 80%;
  padding: 17px 20px;
font-size: 16px;
  text-decoration: none;
  color: #FFF;
  background: #f77010;
  border-bottom: solid 2px #c2580d;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), 0 2px 2px rgb(0 0 0 / 19%);
  font-weight: bold;
  display: block;
margin: 0 auto;
text-align: center;
position: relative;
}
.pege-link:before {
  position: absolute;
  top: calc(50% - 12px);
  right: 10px;
  width: 24px;
  height: 24px;
  z-index: 1;
  content: "";
  background: #fff;
  border-radius: 50%;
  box-shadow: -1px -1px 1px #111;
}
.pege-link:after {
content: "";
position: absolute;
top: calc(50% - 5px);
right: 15px;
z-index: 2;
margin-left: -7px;
border: 7px solid transparent;
border-top: 9px solid #f77010;
}
.pege-link:active {
border-bottom: solid 2px #fd9535;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
/*ページ内リンク*/
/*youtube動画レイアウト*/
.movBox {
  width: 50%;
}
iframe#youtube{
 width: 100%;
 height: 225px;
}
.movBox {
  width: 50%;
  float: right;
  margin-left: 10px;
}
.rcmd:after{
content:"";
clear:both;
display:table;
}
/*.ty-txt:after {
  content: "\f0a4";
  font-weight: bold;
  font-size: 18px;
  padding-right: 7px;
  font-family: 'Font Awesome 5 Free';
   color: #75b4e3; 
 color: rgba(63, 63, 63,0.9) !important
  vertical-align: middle;
  margin-left: 5px;
  text-decoration: none !important;
}*/
#play1,#play2,#play3{
color:#03b;
font-weight: normal !important;
cursor: pointer;
cursor: hand;

}
span#play{
text-decoration: underline;
}
.s-linkb li:before {
  content: "\f0a4";
  font-weight: bold;
  font-size: 18px;
  padding-right: 7px;
  font-family: 'FontAwesome';
  /* color: #75b4e3; */
  color: rgba(45, 97, 193,0.9) !important;
  vertical-align: middle;
}
.y-linkbtn{
  color: #03b;
    font-weight: normal !important;
    cursor: pointer;
    font-size: 22px;
    margin-bottom: 0.7em;
}
.y-linkbtn span{
text-decoration: underline;
}
div#mute {
  text-align: right;
  margin-top: -5px;
  font-size: 15px;
}
p.ty-txt {
  margin-bottom: 10px !important;
}
span.on{
position: relative;
display: inline-block;
padding: 0.1em 0.5em;
text-decoration: none;
color: #FFF;
background: #fd9535;/*背景色*/
border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
border-radius: 4px;/*角の丸み*/
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
font-weight: bold;
margin-right: 5px;
cursor:pointer
}
span.off{
position: relative;
display: inline-block;
padding: 0.1em 0.5em;
text-decoration: none;
color: #FFF;
background: #fd9535;/*背景色*/
border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
border-radius: 4px;/*角の丸み*/
box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
font-weight: bold;
cursor:pointer
}
span.mu-txt {
  margin-right: 10px;
}