@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Asap+Condensed:600');

/*@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/*additional reset
---------------------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body.safari #content, body.safari #footer {/*サファリでリンク先から戻った時文字が拡大する対応*/
    -webkit-text-size-adjust: 100%;
}

/** link **/
a:link {
    color: #1c7fbd;
	text-decoration: none;
}

.link_2 {
text-decoration: none;
text-align: right;
}

a:hover,
a:active {
	text-decoration: none;
}
.taC{
    text-align: center;
}
.taR{
    text-align: right;
}


/*初期設定
----------------------------------------------------*/
#wrapper{
	width: 700px;
    margin: 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
	color: #222;
}
#content {
	margin:0 auto;
	width: 700px;
	text-align: left;
}

img.pics {
	width: 100%;
}

.ie8 img{
	width: auto;
}

/*clearfix*/
.clearfix2 {
  clear: both;
  zoom: 1;
}

.clearfix3:after {
  content: "";
  display: block;
  clear: both;
}

/*layout
----------------------------------------------------*/
#header{
	height: 65px;
	border-bottom: 1px solid #eee;
 position: relative;
	background-color: #21d5fa;
}

body {
background-image: url("../img/bg.jpg");
background-attachment: fixed;
background-size: cover;
}
.mv_video {
    display: block;
    width: 100%;
    max-width: 800px;
}

table {
background: #fff;
}

.brand{
	position: absolute;
	top:20%;
	display: block;
	width: 100%;
	font-family: 'Asap Condensed', sans-serif;
	color: #fff;
	font-size: 30px;
	text-align: center;
}

h1{
	margin-top: 20px;
}

h2 {
	position: relative;
    padding: 1%;
    margin: 4% 0;
    font-size: 1.5em;
    color: #ff614f;
    font-weight: bold;
    text-align: center;
}
h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background: linear-gradient(to right, rgb(255 95 79), #ffdd60);
}

h3{
	    position: relative;
    background: linear-gradient(to right, rgb(255 95 79), #ffdd60);
    color: white;
    font-weight: bold;
    box-shadow: #ccc 4px 5px 5px;
    text-align: center;
    line-height: 1.5;
    padding: 4%;
    font-size: 1.3em;
    margin: 6% 0;

}
.review-title{
	 text-align: center;
	 color: #ffffff;
	 margin: 0;
	 background: -webkit-repeating-linear-gradient(-45deg, #f5edfd, #f5edfd 5px, #fdfcff 5px, #fdfcff 10px);
    background: repeating-linear-gradient(-45deg, #f5edfd, #f5edfd 5px, #fdfcff 5px, #fdfcff 10px);
    color: #4a1086;
	border: solid 2px #988ffc;;
}

p{
	margin-bottom: 20px;
	word-wrap: break-word;
}

.pics{
	margin-bottom: 20px;
}

.fcP{
    color:#ff628d;
}
.fcR{
    color:#FF0000;
}
.fcB{
    color:#3a7cdf;
}
.fsS{
	font-size: 12px;
}
.fsM{
	font-size: 14px;
}
.fsL{
	font-size: 18px;
}
.fsXL{
	font-size: 19px;
    
}
.fsXS{
	font-size: 10px;
    
}
.ttl{
    text-align: center;
}
.bigtxt{
    font-size: 55px;
    margin: 6% 0 0 0;
}
.middletxt{
    font-size: 45px;
    margin: 6% 0 6% 0;
    line-height: 1.3;
}
.table-wrap table img{
   max-width: 86%;
   padding: 15% 0 13px;
   margin: 0 auto;
}
.wrighter_box{
    padding: 10px 2% 5px;
    background: #d9f9ff;
    margin-bottom: 20px;
}
.wrighter{
    width: 100%;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}
.wrighter p:first-child{
    width: 25%;
}
.wrighter p:last-child{
    width: 70%;
}

.fwB{
    font-weight: bold;
}

.mt20{
	margin-top: 20px;
}
.mt_m20 {
	margin-top: -20px;
}
.mb30{
    margin-bottom: 30px;
}
.pa3{
	padding: 0 3%;
}

.marker-yellow{
 background: linear-gradient(transparent 0%, #fff799 0%);
 font-weight: bold;
border-radius:6px;
}

.ranking-paragraph{
  display: none;
}

figure{
	margin-bottom: 20px;
}
figcaption{
	font-size: .8em;
	color: #999;
	text-align: center;
}
.btn{
    width:50%;
    height:50px;
    line-height:50px;
    margin: 0 auto 50px;
}
.btn a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#d0ccfc;
    text-align:center;
    color:#FFFFFF;
    font-size:20px;
    font-style:oblique;
    box-shadow: 3px 3px 0px 0px #988ffc;
    border-radius: 5px;
}

.review{
    border: solid 10px #c8e9e0;
    margin-bottom: 20px;
    border-radius: 0px;
    padding: 15px 15px 0px 15px;
    background-color: #ffffff;
}

figure{
	text-align: center;
}

.ranking-nomal{
	font-size: 0.8rem;
	color: #222;
}
.sp{
    display: none;
}
@media only screen and (max-width:839px){
	.sp{
        display: block;
    }
    .wrighter p:last-child{
        font-size: 0.7em;
    }
    .ttl{
        text-align: center;
        font-size: 1em;
    }
		a.btn-a{
		font-size: 1.4em!important;
		padding: 1% 0 5% 0!important;
		margin: 0 auto 43px!important;
		line-height: 1.2 !important;	
	}
    a.btn-c{
            font-size: 1.6em!important;
		margin: 0 auto 43px!important;
    padding: 1% 0 21% 0!important;
    }
	.bigtxt{
        font-size: 35px;
        margin: 6% 0 1% 0;
    }
    .middletxt{
        font-size: 25px;
        margin: 6% 0 5% 0;
    }
}

@media screen and (max-width: 580px) {
body {
background-size: contain;
}
}

.box-voice{
	display: flex;
}

.gray-box{
	padding: 1em;
	color: #555;
	margin-bottom: 20px;
	word-wrap: break-word;
	font-size: .90em;
}
.gray-box{
	font-weight:bold;
}
.gray-box p, .gray-box figure{
	margin-bottom: 0px;
}

.gray-box a{
	display: inline-block;
	text-decoration: none;
	border: none;
	padding: .5em 1em;
	background: #287ab7;
	border-radius: 10px;
	border: 2px solid #0981b5;
	color: #015281;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.2;
    text-shadow:
    0 0 25px #edf8ff,
    0 0 20px #edf8ff,
    0 0 0.40px #edf8ff;
    text-align: center;
    background: #b7deed; /* Old browsers */
    background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
}
.gray-box_orange a {
    display: inline-block;
    text-decoration: none;
    border: none;
    padding: .5em 1em;
    border-radius: 10px;
    border: 2px solid #ff7a1d;
    color: #f56c0d;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 0 25px #fff4ed, 0 0 20px #fff4ed, 0 0 0.4px #fff4ed;
    text-align: center;
    background: #b7deed;
    background: linear-gradient(to bottom, #edd2b7 0%,#ffe1b3 50%,#f3a76f 51%,#edd7b7 100%);
    background: -webkit-linear-gradient(to bottom, #edd2b7 0%,#ffe1b3 50%,#f3a76f 51%,#edd7b7 100%);
    background: -moz-linear-gradient(to bottom, #edd2b7 0%,#ffe1b3 50%,#f3a76f 51%,#edd7b7 100%);
}
.gray-box_green a {
    display: inline-block;
    text-decoration: none;
    border: none;
    padding: .5em 1em;
    background: #287ab7;
    border-radius: 10px;
    border: 2px solid #01811e;
    color: #01811e;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 0 25px #edffee, 0 0 20px #edffee, 0 0 0.4px #edffee;
    text-align: center;
    background: #b7deed;
    background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%);
    background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%);
    background: linear-gradient(to bottom, #dfffe1 0%,#71ef7b 50%,#54e43b 51%,#b7edbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 );
}
.compare-box{
	font-size: 18px;
	line-height: 30px;
}
.compare-box p{
	display: inline-flex;
	flex-wrap:wrap;
}
.compare-box span{
	word-break: keep-all;
}

.user-name{
	color: #fea3cc;
}

#content a.cv-link:link,
#content a.cv-link:visited,
#content a.cv-link:hover,
#content a.cv-link:active
{
	font-size:24px;
	color: #13b5b1;
	font-weight: bold;
}

ul,li{
	list-style: none;
}


ul.points{
	border:1px solid #eee;
	background: #f9f9f9;
	margin:0px 0 10px;
	padding: 1em 1em 1em 2em;
	font-size: .9em;
}

/*table style*/
.table-blue{
	border:1px solid #ccc;
}
.table-blue p{margin: 0;}
.table-blue th{
	vertical-align: middle;
    background:#e03b6f;
	color: #fff;
	font-weight:bold;
	padding:10px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.table-blue td{
	vertical-align: middle;
	line-height:1.3;
	background:#fff;
	padding:0.4em 0.2em;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

.post-date{
	color: #aaa;
	padding: .5em;
	font-size: 12px;
}

.customer-voice{
	padding: 16px;
	background: #ffefe9;
	margin-bottom: 20px;
}

/*SNS指定*/
.sns a:link,
.sns a:visited,
.sns a:hover,
.sns a:active {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}

.sns ul{
	display: flex;
	flex-flow: wrap;
	margin: 20px 0;
}
.sns li{
	display: flex;
	min-width: 50px;
	margin-right: 10px;
}

.sns ul li .fa-hatebu:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold;
    font-style: normal;
}

.sns_icon {
	width: 130px;
	height: 40px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 0;
	text-align: center;
	margin-bottom: 10px;
}
.sns_icon a:link,
.sns_icon a:hover,
.sns_icon a:active,
.sns_icon a:visited {
		color: #fff;
}
.sns .vsbl-mb{margin-left: .2em;}

.facebook_back{
	background-color: #305097;
}

.twitter_back{
	background-color: #55acee;
}

.google_back{
	background-color: #db4a39;
}

.hatena_back{
	background-color: #00a4de;
}
.sns_line{width: 130px; height: auto;}

/*----------- スライダー ------------*/
/*画像ブロック*/
#main-gallery{
	width: 100%;
	height: auto;
	position: relative;
  margin-bottom:20px;
}

/*３枚画像の共通設定*/
#slide1,#slide2,#slide3 {
	-webkit-animation-duration: 10s;	/*実行する時間。「s」は秒の事。*/
	animation-duration: 10s;			/*同上*/
	-webkit-animation-iteration-count:infinite;	/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-iteration-count:infinite;			/*同上*/
}

/*slide1*/
#slide1 {
	-webkit-animation-name: slide1;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide1;				/*同上*/
	position: relative;
	width: 100%;
	height: auto;
}

/*slide2*/
#slide2 {
	-webkit-animation-name: slide2;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide2;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}

/*slide3*/
#slide3 {
	-webkit-animation-name: slide3;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide3;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}

/*slide1*/
@keyframes slide1 {
	0% {opacity: 0;}
	10% {opacity: 1;}
	30% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
}

/*slide2*/
@keyframes slide2 {
	0% {opacity: 0;}
	30% {opacity: 0;}
	40% {opacity: 1;}
	60% {opacity: 1;}
	70% {opacity: 0;}
	100% {opacity: 0;}
}

/*slide3*/
@keyframes slide3 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}
/*ボタン*/
.btn-box{
	margin:20px auto 40px;
	text-align: center;
}
.btn-box img{
	max-width: 100%;
}

.btn-box a:hover,
.btn-box a:active{
	opacity: .7;
	transition: 1s;
}

a.cvn{
	display: block;
	position: relative;
}

img.btn{
	-webkit-animation: btnmove 2s infinite;
	animation: btnmove 2s infinite;
	z-index: 5;
}

@-webkit-keyframes arwmove {
	0% {left:-50px;}
	40% {left:-20px;}
	100% {left:-50px;}
}

@-webkit-keyframes btnmove {
	0% {transform: scale(1.0);}
	40% {transform: scale(1.05);}
	100% {transform: scale(1.0);}
}

@keyframes arwmove {
	0% {left:-50px;}
	40% {left:-20px;}
	100% {left:-50px;}
}

@keyframes btnmove {
	0% {transform: scale(1.0);}
	40% {transform: scale(1.05);}
	100% {transform: scale(1.0);}
}

/*共通パーツ*/
.ref{
	font-size: .8em;
	color: #999;
}
#content .mt40{
	margin-top: 40px;
}
#content .mt30{
	margin-top: 30px;
}
#content .mt20{
	margin-top: 20px;
}
#content .mt10{
	margin-top: 10px;
}
.mb20{margin-bottom: 20px;}
.mb5{margin-bottom: 5px;}
.pr10{padding-right: 10px;}
.ml20{margin-left: 20px;}

#content .pb30{padding-bottom: 30px;}
#content .tac{
	text-align: center;
}
#content .tar{
	text-align: right;
}

#content .red{
    color: #fa7c92;
	font-weight: bold;
}

#content .light-pink{
	color: #fcccdf;
}
#content .pink{
	color: #fcccdf;
}

#content .blue{
	color: #0066ff;
}
#content .marker{
	background: linear-gradient(transparent 60%, #fdfb70 0%);
	font-weight: bold;
}
.marker_pink{
    background: linear-gradient(transparent 60%, #fffec5 0%);
	font-weight: bold;
}

#content .uline{
	text-decoration: underline;
}

#content .black{
	color: #000;
	font-weight: bold;
}

.green{
	color: #009944;
}
.smaller{font-size: .8em;}

.gray{color: #787878}

.fcO{color: #ff7f42;}

#content .wavy { background:url(../img/wavy.png) bottom repeat-x; }

#content .bld{
	font-weight: bold;
}
.tx-m{font-size: 14px;}
#content .tx-s{
	font-size: 12px;
}

.tx-l{font-size: 18px;}

#content .tx-19{font-size: 19px;}
#content .tx-24{font-size: 24px;}

.right{float:right;}

.show-sp{display: none;}
.show-br-sp{display: none;}

.blinking{
    -webkit-animation:0.5s linear 0s alternate none infinite running blink;
    -moz-animation:0.5s linear 0s alternate none infinite running blink;
    animation:0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink{
    0% {opacity:0;}
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink{
    0% {opacity:0;}
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

.block-voice{
	margin:20px 0;
	padding: 30px 20px 20px 30px;
	background: #fefaf2 url(../img/quote.png) no-repeat 10px 10px;
}

#footer a:link,
#footer a:hover,
#footer a:visited,
#footer a:active
{
	color: #0070ff;
	display: block;
}

#content .ref{font-size: 12px;}/*出典用*/
#content figcaption.ref a:link,
#content figcaption a:link,
#content figcaption a:hover,
#content figcaption a:active
{color: #666; text-decoration: underline;}


/*footer*/
#footer{
	padding: 30px 10px;
    margin-top: 50px;
    background: #ff7d4b;
}
div#footer p a {
    color: white!important;
}

#footer p{
	text-align: center;
	color: #999;
	line-height: 1.5;
	font-size:12px;
}

#footer .tx-ss{
	font-size: 11px;
}

/*レスポンシブ用*/
/*@media only screen and (min-width:840px){*//*PC表示で反映させる設定*/
@media only screen and (min-width:840px){/*PC表示で反映させる設定*/
	.box-voice img{
		margin-right: 20px;
	}
	.box-voice p{margin-top: 20px;}
}

@media only screen and (max-width:999px){/*コンテンツ幅の調整*/
	#content{width: 100%;
		padding:0 10px;}
}

@media only screen and (max-width:839px){/*スマホ表示で反映させる設定*/
	.content-main{width: 100%;}
	img.pics{height: auto;}
	.header-inner{width: 100%}
	h1{font-size: 19px;}
	h2{font-size: 22px;}
	.sns{display: none;}
	.box-voice{
	flex-direction: column;
	}
	.table-blue{width: 650px;}
	.table-wrap{
	width: 100%;
	overflow:auto;
	}
	.show-sp{display: block;}
	
	.acc_btn {
    display: block;
    width: 60%;
    text-align: center;
    padding: 10px;
    margin: 20px auto;
    background: #21d5fa;
    color: #fff;
    letter-spacing: 0px;
    }
    .acc_btn_close {
    	width: 100%;
    	margin:0 auto;
      display: none;
    }
}

.no1_linkbtn{
    display: none;
}
@media only screen and (max-width:499px){/*ボタンの改行を調整*/
	.show-br-sp{display: inline-block;}
	.gray-box a,.gray-box_orange a,.gray-box_green a{width: 100%;}
}

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.arrow1::before{
left: 260px;
width: 21px;
height: 2px;
background: #ffffff;
	transition: all 0.8s ease;
}
.arrow1::after{
left: 260px;
width: 18px;
height: 18px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	transition: all 0.8s ease;
}
.arrow1:hover::before{
left: 260px;
width: 21px;
height: 2px;
background: #2FAFB1;
	transition: all 0.8s ease;
}
.arrow1:hover::after{
left: 260px;
width: 18px;
height: 18px;
border-top: 2px solid #2FAFB1;
border-right: 2px solid #2FAFB1;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	transition: all 0.8s ease;
}
@media only screen and (max-width:839px){
	.no1_linkbtn{
        display: block;
	position: fixed;
	right:0;
	bottom: 0;
	z-index: 5000;
	    width:100%;
}
    .no1_linkbtn img{
        width: 100%;
    }
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.arrow1::before{
left: 140px;
width: 14px;
height: 2px;
background: #ffffff;
	transition: all 0.8s ease;
}
.arrow1::after{
left: 140px;
width: 12px;
height: 12px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	transition: all 0.8s ease;
}
.arrow1:hover::before{
left: 140px;
width: 14px;
height: 2px;
background: #ffffff;
	transition: all 0.8s ease;
}
.arrow1:hover::after{
left: 140px;
width: 12px;
height: 12px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
	transition: all 0.8s ease;
}
.ranking-paragraph{
  display: block;
	margin-bottom: 0;
}

}

/*form*/
.searchform {
    display: inline-block;
    text-align: left;
}
.searchtable {
    border-collapse: collapse;
    font-size: 15px;
    line-height: 25px;
    border: none !important;
	 border: 1px solid #cfcfcf;
}

.serchtable-border{
	  border-top: 1px solid #cfcfcf;
	  border-right: 1px solid #cfcfcf;
	  border-bottom: 1px solid #cfcfcf;
	  padding: 10px;
}

.searchbox {
    font-size: 15px;
    padding: 5px;
    border: 1px solid #DDD;
    border-radius: 5px;
    width: 80%;
}
form input {
    vertical-align: middle;
}

.thisinfotable td, th {
    font-size: 12px;
    line-height: 20px;
}
.thisinfotable td, th {
    /*border: 1px solid #cfcfcf;*/
    font-size: 15px;
    line-height: 20px;
	padding: 10px;
}


.border-none{
	border-style: none;
}
.searchtable .searchtabletitle {
    background-color: #f6f6f6;
    min-width: 120px;
	border:1px solid #cfcfcf;
	padding: 10px 0;
}
.searchtable .searchbutton {
    background-color: #21d5fa;
    border: none;
    color: white;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    line-height: 15px;
    margin-top: 20px;
}
.searchtable .searchcenter {
    text-align: center;
}
.objecttable tr, td {
    border: none;
}

.searchordercontainer tr, .searchordercontainer th {
    border: 1px solid #cfcfcf;
}

.searchordercontainer td, .searchordercontainer th {
    padding: 1%;
}

.searchordercontainer dd{
    display: inline-block;
    margin-left: 20px;
    margin-top:0px;
    line-height: 20px;
}
.searchordercontainer a{
    text-decoration: none;
}

.objecttable{
    border:2px solid #ccc;
    text-align:center;
    margin: auto auto 50px auto;
    width: 95%;
}
.objecttable tr, td{
    border:none;
}
.objecttitle{
    font-size:24px;
    font-weight:bold;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    background-color: #21d5fa;
    border: 1px solid #cfcfcf;
	border-bottom: none;
    color: #fff;
}
.objectimg p{
    text-align: center;
}
.objectmaintext {
    font-size:20px;
    font-weight: bold;
}
.thisinfotable {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}
.thisinfotable td th{
    border: 1px solid #cfcfcf;
    font-size: 15px;
    line-height: 20px;
}

.oflBtn{
    width: 65%;
    margin: 0 auto;
}

.fontsizenormal {
    font-size:16px;
}

.btn_search{
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 575px) {
    .fontsizenormal {
        font-size:0.8em;
    }
	.nakami {
    position: absolute;
    bottom: 0!important;
    margin-bottom: 19px!important;
}
}

.searchordercontainer dd{
    display: inline-block;
    margin-left: 20px;
    margin-top:0px;
    line-height: 20px;
}
.searchordercontainer a{
    text-decoration: none;
}


@media (max-width: 620px){
	.kaso_pro_tbl table {
		width: 100%;
		margin: 5% auto;
	}
	/*ランキング表*/
.rankTable {
	background: #eaf7fd;
	width: 800px;
	margin: 3% auto;
	box-sizing: border-box;
}
.rankTable table {
	background: #ffffff;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	padding: 1%;
	border-radius: 5px;
}
.rankTable table tr th {
    background: #8fdb43;
	color: #fff;
	border-radius: 0;
	font-weight: bold;
	
}
.rankTable table tr:first-child th {
	background: #ffffff;
	border-radius: 0;
	padding-top:15px;
	font-size: 1.5rem;
	vertical-align: top;
	line-height: 0.7;
	border-right: 2px dotted #c4c4c4;
}
.rankTable table tr:last-child th {
	background: #ffffff;
	border-radius: 0;
	padding: 3% 0 1% 0;
	font-size: 1.5rem;
	vertical-align: top;
	line-height: 1;
	border-right: 2px dotted #c4c4c4;
}
.rankTable table tr:first-child th:last-child,
.rankTable table tr:last-child th:last-child {
	border-right: none;
}
.rankTable table tr:first-child th:nth-child(1){
	color: #dba728;
	text-align: center;
}
.rankTable table tr:first-child th:nth-child(2) {
	color: #9d9a93;
	text-align: center;
}
.rankTable table tr:first-child th:nth-child(3) {
	color: #c56e6e;
	text-align: center;
}

.rankTable table tr:last-child th:nth-child(1){
	color: #dba728;
	text-align: center;
}
.rankTable table tr:last-child th:nth-child(2) {
	color: #9d9a93;
	text-align: center;
}
.rankTable table tr:last-child th:nth-child(3) {
	color: #c56e6e;
	text-align: center;
}
.rankTable table tr:first-child th:nth-child(4) {
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:first-child th:nth-child(5){
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:first-child th:nth-child(6){
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:last-child th:nth-child(4) {
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:last-child th:nth-child(5){
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:last-child th:nth-child(6){
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:first-child th a,
.rankTable table tr:last-child th a {
	font-size: 0.8rem;
}
.rankTable table tr:first-child th a img,
.rankTable table tr:last-child th a img {
	padding: 5% 0;
}

.rankTable td {
	border-right: 2px dotted #c4c4c4;
	text-align: center;
	padding: 2% 0;
	width: calc(100% / 6);
	font-size: 0.8rem;
	vertical-align: top;
}
.rankTable td:last-child {
	border-right: none;
}
td.txt_only {
	font-size: 1.5rem;
	color: #333333;
	padding: 2.5% 0;
}
span.ex, span.go, span.so, span.ba {
	font-weight: normal;
	line-height: 70px;
}
span.ex {
	font-size: 5rem;
	color: #f8525d;
}
span.go {
	font-size: 3.5rem;
	color: #7cd0dd;
}
span.so {
	font-size: 3.2rem;
	color: #f5c132;
}
span.ba {
	font-size: 4rem;
	color: #7a7a7a;
}
span.txt_ex {
	font-weight: bold;
	color: #f8525d;
}
span.ex, span.go, span.so, span.ba {
		line-height: 50px;
	}
	span.ex {
		font-size: 3.5rem;
	}
	span.go {
		font-size: 2.5rem;
	}
	span.so {
		font-size: 2.2rem;
	}span.ba {
		font-size: 3rem;
	}
	.rankTable table tr th {
		font-size: 1rem;
	}
}

@media (max-width: 620px){
	.index_search tr th {
    width: 90%!important;
}
	.rankTable {
        border: 10px solid #cbe8ae;
        border-top: 10px solid #cbe8ae;
		border-width: 10px;
		overflow-x: scroll;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		background: #ffffff;
		padding-top: 0px;
	}
	.rankTable table {
		width: 700px;
	}
	.rankTable table tr.sp_th {
		height: 28px;
	}
	.rankTable table tr.sp_th th {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		width: calc(100% - 12%);
		text-align: center;
		padding-top: 5px;
	}
	.scrollok {
		display: block;
		text-align: center;
		color: #0b4685;
		right: 0;
		left: 0;
		width: 100%;
		margin: auto;
	}
	span.ex, span.go, span.so, span.ba {
		line-height: 50px;
	}
	span.ex {
		font-size: 2.5rem;
	}
	span.go {
		font-size: 2.5rem;
	}
	span.so {
		font-size: 2.2rem;
	}span.ba {
		font-size: 3rem;
	}
	.rankTable table tr th {
		font-size: 1rem;
	}
}
/*ランキング表*/
.kaso .kaso_pro_tbl th,
.kaso .kaso_pro_tbl td{
	border: 1px solid #cccccc;
	font-size: 1rem;
}
.kaso_pro_tbl table {
	width: 100%;
	margin: 5% auto;
}
@media (min-width: 620px){
	h3{
	padding: 3% 0!important;
    font-size: 1.5em!important;
    margin: 5% 0!important;
	}
	.kaso_pro_tbl table {
		width: 100%;
		margin: 5% auto;
	}
	/*ランキング表*/
.rankTable {
	background: #eaf7fd;
	width: 800px;
	margin: 3% auto;
	box-sizing: border-box;
}
.rankTable table {
	background: #ffffff;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	padding: 1%;
	border-radius: 5px;
}
.rankTable table tr th {
    border: none;
    background: #8fdb43;
	color: #fff;
	border-radius: 0;
	font-weight: bold;
}
.rankTable table tr:first-child th,
.rankTable table tr:last-child th {
	background: #ffffff;
	border-radius: 0;
	padding: 3% 0;
	font-size: 1.5rem;
	vertical-align: top;
	line-height: 1;
	border-right: 2px dotted #c4c4c4;
} 
.rankTable table tr:first-child th:last-child,
.rankTable table tr:last-child th:last-child {
	border-right: none;
}
.rankTable table tr:first-child th:nth-child(1){
	color: #dba728;
	text-align: center;
}
.rankTable table tr:first-child th:nth-child(2) {
	color: #9d9a93;
	text-align: center;
}
.rankTable table tr:first-child th:nth-child(3) {
	color: #c56e6e;
	text-align: center;
}

.rankTable table tr:last-child th:nth-child(1){
	color: #dba728;
	text-align: center;
}
.rankTable table tr:last-child th:nth-child(2) {
	color: #9d9a93;
	text-align: center;
}
.rankTable table tr:last-child th:nth-child(3) {
	color: #c56e6e;
	text-align: center;
}
.rankTable table tr:first-child th:nth-child(4) {
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:first-child th:nth-child(5){
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:first-child th:nth-child(6){
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:last-child th:nth-child(4) {
	color: #74cccc;
  text-align: center;
}
    
.rankTable table tr:last-child th:nth-child(5){
	color: #74cccc;
  text-align: center;
    border: none;
}
.rankTable table tr:first-child th:nth-child(5){
    border: none;
}
.rankTable table tr td:nth-child(5){
    border: none;
}
.rankTable table tr:last-child th:nth-child(6){
	color: #74cccc;
  text-align: center;
}
.rankTable table tr:first-child th a,
.rankTable table tr:last-child th a {
	font-size: 1rem;
}
.rankTable table tr:first-child th a img,
.rankTable table tr:last-child th a img {
	padding: 5% 0;
}


.rankTable td {
	border-right: 2px dotted #c4c4c4;
	text-align: center;
	width: calc(100% / 6);
	font-size: 14px;
	vertical-align: top;
}
.rankTable td:last-child {
	border-right: none;
}
td.txt_only {
	font-size: 1.5rem;
	color: #333333;
	padding: 2.5% 0;
}
span.ex, span.go, span.so, span.ba {
	font-weight: normal;
	line-height: 70px;
}
span.ex {
	font-size: 5rem;
	color: #f8525d;
}
span.go {
	font-size: 3.5rem;
	color: #7cd0dd;
}
span.so {
	font-size: 3.2rem;
	color: #f5c132;
}
span.ba {
	font-size: 4rem;
	color: #7a7a7a;
}
span.txt_ex {
	font-weight: bold;
	color: #f8525d;
}

span.ex, span.go, span.so, span.ba {
		line-height: 50px;
	}
	span.ex {
		font-size: 3.5rem;
	}
	span.go {
		font-size: 2.5rem;
	}
	span.so {
		font-size: 2.2rem;
	}span.ba {
		font-size: 3rem;
	}
	.rankTable table tr th {
		font-size: 1rem;
	}
}

@media (min-width: 620px){
	.rankTable {
        border: 10px solid #cbe8ae;
        border-top: 10px solid #cbe8ae;
		border-width: 10px;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 20px 0;
		background: #ffffff;
	}
	.rankTable table {
		width: 100%;
	}
	.rankTable table tr.sp_th {
		height: 28px;
	}
	.rankTable table tr.sp_th th {
		left: 0;
		right: 0;
		margin: auto;
		width: calc(100% - 20px);
		text-align: center;
		padding-top: 5px;
	}
	.scrollok {
		display: block;
		text-align: center;
		color: #0b4685;
		right: 0;
		left: 0;
		background: #edf5fa;
		width: 100%;
		margin: auto;
	}
	span.ex, span.go, span.so, span.ba {
		line-height: 50px;
	}
	span.ex {
		font-size: 3.5rem;
	}
	span.go {
		font-size: 2.5rem;
	}
	span.so {
		font-size: 2.2rem;
	}span.ba {
		font-size: 3rem;
	}
	.rankTable table tr th {
		font-size: 1rem;
	}
}
/*ランキング表*/
.kaso .kaso_pro_tbl th,
.kaso .kaso_pro_tbl td{
	border: 1px solid #cccccc;
	font-size: 1rem;
}
.kaso_pro_tbl table {
	width: 100%;
	margin: 5% auto;
}

@media (max-width: 380px){
.rankTable table tr.sp_th th {
  width: calc(100% - 12.9%);
}
}

@media (max-width: 330px){
.rankTable table tr.sp_th th {
  width: calc(100% - 14.9%);
}
}

.index_search {
    width: 100%;
    table-layout: fixed;
}

.index_search tr th{
width: 40%;
}
.index_search table td {
    border-right: none;
}

@media (max-width: 620px){
    .index_search {
        background: #fff;
        margin: 0 auto;
    }
    .search_box {
        padding: 5% 0 5%;
    }
    .index_search th {
        border-collapse: collapse;
        border: none;
        color: #464646;
        background-color: #e9e9e9;
        font-weight: bold;
        vertical-align: middle;
        padding: 5px;
        line-height: 1.4;
        margin: auto;
        text-align: center;
    }
    .index_search td {
        border-collapse: collapse;
        border: none;
        vertical-align: middle;
        padding: 5px;
        width: 100%;
        text-align: center;
    }
    .btn-more {
        background-color: #fafbb2;
        color: #787878;
        margin-left: 50px;
        margin-right: 50px;
        padding: 20px;
        font-size: 1.2em;
        margin-bottom: 20px;
        text-align: center;
        border: 1px solid #fafbb2;
        cursor: pointer;
    }
    .btn-more::before {
        content: "＋";
    }
    .btn-more.close::before {
        content: "―";
    }
    .dropdown {
        background-color: #ffffff;
    }
    .dropdown ul {
        margin-left: 2em;
    }
    .dropdown ul li {
        list-style-type: disc;
    }
    .spbr label {
        border: none;
    }

    .item-price table {
        border: #cccccc 1px solid;
        table-layout: fixed;
        width: 100%;
    }

    .item-price table th {
        background: #fffae5;
    }

    .item-price table td {
        background: #ffffff;
    }

    .point_txt_w_l {
        width: 275px;
    }

    .point_txt_w_r {
        width: 450px;
        font-size: 16px;
        line-height: 1.5em;
    }

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

    /*form*/
    .searchform {
        display: inline-block;
        text-align: left;
    }
    .searchtable {
        border-collapse: collapse;
        font-size: 15px;
        line-height: 25px;
        border: none !important;
    }
    
    .searchtable, tr, td, th {
        border: 1px solid #cfcfcf;
        padding: 5px 10px 5px 10px;
    }
    .searchbox {
        font-size: 15px;
        padding: 5px;
        border: 1px solid #DDD;
        border-radius: 5px;
        width: 80%;
    }
    form input {
        vertical-align: middle;
    }

    .thisinfotable td, th {
        font-size: 12px;
        line-height: 20px;
    }
    .thisinfotable td, th {
        font-size: 15px;
        line-height: 20px;
    }
    .searchtable .searchtabletitle {
        background-color: #f6f6f6;
        min-width: 120px;
    }
    
    .searchtable .searchcenter {
        text-align: center;
    }
    .objecttable tr, td {
        border: none;
    }

    .searchordercontainer dd{
        display: inline-block;
        margin-left: 20px;
        margin-top:0px;
        line-height: 20px;
    }
    .searchordercontainer a{
        text-decoration: none;
    }
    
    .objecttable tr, td{
        border:none;
    }
    .objectimg p{
        text-align: center;
    }
    .objectmaintext {
        font-size:20px;
        font-weight: bold;
    }
    .thisinfotable {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
    }
    .thisinfotable td,th {
        font-size: 13px;
        line-height: 20px;
    }
}

@media (min-width: 620px){
  .research_inner {
    padding: 10px;
  }
  .research_inner h4 {
    font-size: 16px;
  }

.index_search {
  border-collapse: collapse;
  width: 100%;
  background: #fff;
}

.index_search th {
  border-collapse: collapse;
  border: #cccccc 1px solid;
  background-color: #f6f6f6;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-size: 80%;
  padding: 10px;
  line-height: 1.4;
}

.index_search td {
  border-collapse: collapse;
  border: #cccccc 1px solid;
  text-align: left;
  vertical-align: middle;
  font-size: 80%;
}

.formBtn{
	display: none;
}
}
.marker_start {
    background-position: 0% bottom;
}
.marker_line {
    background: -webkit-linear-gradient(left, #fdff3b 50%, transparent 50%) 100% 0% / 200% 70% no-repeat;
    background: linear-gradient(to right, #fdff3b 50%, transparent 50%) 100% 0% / 200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out;
	    margin-bottom: 35px;
}
.cta_btn {
	text-align: center;
	    margin-bottom: 35px;
}
.animate {
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animate69, .a-btnsub69, .a-option69 {
    animation-duration: 1.4s!important;
    -webkit-animation-duration: 1.4s;
    -ms-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s!important;
}
.animate69 {
    -webkit-animation-name: animate69;
    -moz-animation-name: animate69;
    -o-animation-name: animate69;
    animation-name: animate69;
}
@keyframes animate69 {
0% {
    transform: skewX(9deg);
}
10% {
    transform: skewX(-8deg);
}
20% {
    transform: skewX(7deg);
}
30% {
    transform: skewX(-6deg);
}
40% {
    transform: skewX(5deg);
}
50% {
    transform: skewX(-4deg);
}
60% {
    transform: skewX(3deg);
}
70% {
    transform: skewX(-2deg);
}
80% {
    transform: skewX(1deg);
}
90% {
    transform: skewX(0deg);
}
100% {
    transform: skewX(0deg);
}
}
.textlink{
	text-align: right;
	font-weight: bold;
	display: block;
	margin-bottom: 50px;
}
mb0 {
	margin-bottom: 0!important;
}
.cta {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.cta img {
	width: 100%;
}
.cta p {
	margin-bottom: 0;
	font-weight: bold;
}
figure.imgframe {
    border: 3px solid #b3b3b3;
    padding: 5px;
    text-align: left;
    background: #f1f1f1;
}
figure.imgframe2 {
    border: 10px solid #daf9ff;
    padding: 10px;
}
footer {
	margin: 0;
    background: #ff7d4b;
	color: #fff;
	text-align: center;
	padding: 30px;
	font-size: 13px;
}
footer a:visited,
footer a:link {
	color: #fff;
	display: block;
}
.double-flash {
	animation: double-flash_5476 3s ease infinite;
	transform-origin: 50% 50%;
}
@keyframes double-flash_5476 {
	0% { opacity:1 }
	16.66667% { opacity:0 }
	33.33333% { opacity:1 }
	50% { opacity:0 }
	66.66667% { opacity:1 }
	100% { opacity:1 }
}
.caution_txt{
    text-align:right;
    font-size:0.7em;
}
@media screen and (min-width: 640px) {
.pc_no {
    display:none;
}
}
/*PC、SPの非表示設定*/
    .pc_none { display:inline!important; }
    .sp_none { display:none!important; }
@media screen and (max-width: 768px) {
    /*タブレット、スマホの場合*/
    .pc_none { display:none!important; }
    .sp_none { display:inline!important; }
    #wrapper{
        width: 100%;
    }
    h1 img.pics {
        width: 100%;
        height: auto;
    }
    
}
.sp_ce{
    text-align: center;
}

.searchordercontainer {
    margin-bottom: 5%;
}


h2 .pics{
    margin-bottom: 0px;
}
.try{
    border: 5px solid #fdd228;
}
.try h3{
    margin: 0;
    padding: 0;
}
.try .content{
    padding: 3%;
}
.try .cta{
    margin-bottom: 20px;
}
.try img.pics {
    width: 100%;
    height: auto;
}

table.point{
    width: 60%;
    margin: 0 auto;
    border: 1px solid #999;
}
table.point td{
    font-size: 0.9rem;
    text-align: center;
    border: 1px solid #999;
    vertical-align: middle;
    padding: 5px;
}
table.point td:nth-child(1){
    background: #f5f5f5;
}
@media screen and (max-width: 768px) {
    /*タブレット、スマホの場合*/
    table.point{
        width: 85%;
        margin: 0 auto;
        border: 1px solid #999;
    }
}
h3.mt5{
        margin: 40px 5px 20px;
}

.star5_rating {
    position: relative;
    font-size: 1.2em;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #ffda0d /* グレーカラー 自由に設定化 */ /*font-size: 30px; フォントサイズ 自由に設定化 */;
}
.star5_rating:before {
    content: '☆☆☆☆☆';
}
.star5_rating[data-rate="4-5"]:after {
    width: 90%;
}
.star5_rating:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffda0d /* イエローカラー 自由に設定化 */;
}
.star5_rating:after {
    content: '★★★★★';
}
.star5_rating[data-rate="5"]:after{ width: 92%; } 
.star5_rating[data-rate="4-9"]:after{     width: 95%; }
.star5_rating[data-rate="4-4"]:after{     width: 90%; }
.star5_rating[data-rate="4"]:after{     width: 88%; } 
.star5_rating[data-rate="3-5"]:after{ width: 73%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2-5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1-5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0-5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */


/* モーダルウィンドウ */
.madal_container {
	background: rgba(0, 0, 0, .7);
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10000;
}

.madal_contents {
    width: 29%;
    height: auto;
    position: absolute;
    top: 44%;
    left: 50%;
	  -ms-transform: translate(-50%, -50%);
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
}

.madal_contents span {
	  cursor: pointer;
	  position: absolute;
	  top: -38px;
	  right: -33px;
	  color: #fff;
	  font-size: 2em;
	  z-index: 11111;
	  font-weight: bold;
}

.active {
	  display: block !important;
	  animation-name: fadeIn;
	  animation-duration: .2s;
	  animation-fill-mode: both;
}

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

.madal_contents {
	  width: 70%;
	  height: auto;
	  position: absolute;
	  top: 35%;
	  left: 0;
	  right: 0;
	  margin: auto;
	  transform: inherit;
}

.madal_contents span {
	  cursor: pointer;
	  position: absolute;
	  top: -26px;
	  right: -23px;
	  color: #fff;
	  font-size: 1.5em;
	  Z-INDEX: 11111;
	  font-weight: bold;
}

}
.rela{
    position: relative;
}
.timer{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 3%;
    right: 3%;
    color: #fff;
    font-size: 2vw;
}
.timer p{
    font-size: 1vw;
    padding: 7% 0 0;
}
.madal_contents img{
    width: 100%;   
}

/*比較表横バージョン*/
/*----------表----------*/
.comparison-table table tbody{
    border: none !important;
}
.comparison-table a{
    text-decoration: none;
}
/*赤枠*/
.comparison-table tr:nth-child(n+2) td:first-of-type{
    border-right: 3px solid #ec2019 !important;
    border-left: 3px solid #ec2019 !important;
}
.comparison-table tr:last-of-type td:nth-of-type(1){
    border-bottom: 3px solid #ec2019 !important;
}
td.tex-mimi a {
    color: white;
    font-size: 0.8em;
    padding: 5% 15%;
    box-shadow: 0 4px 0 #399889;
}
td.tex-mimi a.co_o {
    box-shadow: 0 4px 0 #d44e00;
}
.comparison-table a:hover {
    text-decoration: underline;
}

.comparison-table a.btn{
    text-decoration: none;
    color: #fff;
    padding: 5% 10%;
    box-shadow: 0 4px 0 #399889;
    display: block;
    margin: 0;
}
.comparison-table a.btn:hover {
    text-decoration: none;
}

.comparison-table{
    width: 100%;
    padding: 1%;
	font-size: 14px;
}

.comparison-table td,.comparison-table th{
    vertical-align: text-top;
    line-height: 1.3;
}


.bg_re{
    background: #ec2019;
}
.bg_or{
    background: #ff5639;
}
.bg_or2{
    background: #ff8d4b;
}

/*ピンク*/
.comparison-table th{
    text-align: center;
    background-color: #777777;
    color: #fff;
    font-weight: bold;
    padding: 1.5%;
    border-bottom: 1px solid #fff;
	vertical-align: middle;
}
.comparison-table table{
    width: 100%;
    table-layout: fixed;
    /*border: 5px solid #ffe97d;*/
    margin: 0;
}
/*----------▲▲表の色▲▲----------*/

.comparison-table th:last-child{
    border-bottom: none;
}

.comparison-table tr:first-child th{
    background: transparent !important;
}
.comparison-table td{
    text-align: center;
    border-right: 2px dotted #eee;
	padding: 3% 2%;
}
.comparison-table td a:first-child {
    color: #fff !important;
}
.comparison-table tr:first-child td{
    border-right: 2px solid #fff;
    border-radius: 10px 10px 0 0;
    position: relative;
}

.recommend::before {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    content: "";
    display: inline-block;
    width: 90%;
    margin: auto;
    height: 50px;
    background-image: url(../img/recommend.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.comparison-table td.tex-mi{
    font-size: 14px;
}
.comparison-table td:last-child{
    border-right: none;
}

span.st{
    color: #ccbb23;
}

.comparison-table td span.tex-mac{
        background-color: #fff5ab;
}

/*◎〇▲×*/
.berry{
        font-weight: bold;
        color: #ff3a3a;
	font-size: 3em;
}

.comparison-table td.good::before{
        content: "〇";
        color: #69b9e7;
        font-size: 250%;
        font-weight: bold;
}

.comparison-table td.usually::before{
        content: "△";
        font-weight: bold;
        color: #e0ae24;
        font-size: 260%;
}

.comparison-table td.not::before{
        content: "×";
        font-weight: bold;
        color: #a7a7a7;
    font-size: 330%;
}

/*表　SP*/
@media (max-width: 767px) { 
    .comparison-table table{
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .comparison-table td{
        white-space: normal;
        min-height: 125px;
        width: calc(94%/4);
        font-size: 12px;
    }
    .comparison-table td{
        padding: 9% 2% 4%;
    }
    .recommend::before{
        top: -5px;
        width: 95%;
    }
    .comparison-table td.tex-mi{
            min-height: 55px;
    }

    .comparison-table td.tex-mimi{
        min-height: 170px;
        padding: 1% 0;
        vertical-align: bottom;
    }

    .comparison-table th{
        padding: 1%;
        position: sticky;
        left: 0;
        z-index: 5;
        width: calc(94%/4);
    }
        
    .nakami2 {
        position: initial !important;
    }
}
.btn_hyou {
   background: linear-gradient(to right, #96dab0, #42aba2);
    text-align: center;
    padding: 1% 0;
    border-radius: 10px;
    box-shadow: 0 10px 0 #399889;
    margin: 10px 0px 60px;
	color: white;
	font-weight: bold;
}
.btn_hyou.co_o {
   background: linear-gradient(to right, #e77638, #ff6a00);
    box-shadow: 0 10px 0 #987a39;
}
table.item_info{
    width: 100%;
    margin: 2% 0;
    border: 2px solid #7fcddb;
}
table.item_info th {
    padding: 2%;
    font-size: 1em;
    border-right: 2px dotted #cdd4d0;
    background: #dffafb;
	text-align: center;
    width: calc(100% / 4);
    vertical-align: middle;
}
table.item_info td{
	border-right: 2px dotted #cdd4d0;
    padding: 2%;
    font-size: 1em;
    width: calc(100% / 4);
    text-align: center;
    vertical-align: middle;
}
.comparison-table tr {
    border: 1px solid #cfcfcf;
}
@media (max-width: 640px){
	.bg_y{
        background: #fff9d8;
    }
	
    table.item_info td{
        line-height: 1.2;
        font-size: .9em;
    }
        table.item_info th{
        font-size: .95em;
        padding: 0.3em;
	}
	td.tex-mimi a {
        color: white;
        font-size: 0.7em;
        padding: 6% 10%;
        box-shadow: 0 6px 0 #399889;
        vertical-align: bottom;
    }
}
p.n_btn {
    background: linear-gradient(to bottom, #d9ef66, #65b13e);
    padding: 2% 0;
    border-radius: 5px;
    box-shadow: 3px 3px 0px 0px #5c9736;
    text-align: center;
    line-height: 1.2;
    width: 98%;
    font-weight: bold;
    margin: 5% auto 10% auto;
    font-size: 1.1em;
	text-decoration: none!important;
}

p.n_btn a {
    text-decoration: none!important;
}
@media screen and (min-width:640px) {
	a.btn-c-15{
		font-size: 2em!important;
	}
	.comparison-table tr:last-child td {
        padding-bottom: 35%;
    }
}
a.btn-c-15 {
	text-decoration: none;
    font-size: 1.5em!important;
    padding: 3%;
    width: 100%;
    margin: 1% 0 8% 0;
    color: #ffffff;
    border: 1px solid #db6349;
    border-radius: 1rem;
    background: linear-gradient( 0deg ,#d5690c 50%,#ffe047 100%);
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 60%), 0 5px 10px rgb(0 0 0 / 10%);
    font-weight: 700;
    line-height: 1.3;
    position: relative;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    transition: all .3s;
    text-align: center;
    vertical-align: middle;
    letter-spacing: .1em;
}
.fa-position-right {
    position: absolute;
    top: calc(50% - 0.5em);
    right: 1rem;
}
a.btn-c-15 i {
    color: #fff;
}
.fa-arrow-circle-right:before {
    content: "\f0a9";
}
.fa, .far, .fas {
	font-weight: 900;
    font-family: "Font Awesome 5 Free";
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.bg_y{
	background: #fff9d8;
}
/* 光 */
.shine{
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.shine img {
    max-width: 47vw;
}

.shine::before{
    content: '';
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shine 3s ease-in-out infinite;
    position: absolute;
    top: -180px;
    left: 0;
    opacity: 0;
    transform: rotate(45deg);
}

/* 光の動き */
@keyframes shine{
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.btn_s {
    display: block;
    margin: auto;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    width: 55%;
}
.btn_s p {
    background-color: #adadad;
    text-align: center;
    color: #fff;
    padding: 2px;
    font-size: 0.8em;
}
.balloon2-left {
  position: relative;
    display: inline-block;
    margin: 1.5em 0 1.5em 15px;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    font-size: 16px;
    background: #c0ccef;
    border-radius: 10px;
    box-sizing: border-box;
}

.balloon2-left:before {
content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #c0ccef;
    z-index: 2;
}

.balloon2-left:after {
  content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    z-index: 1;
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}

.slider{
		text-align: center;
		width: 100%;
		margin: auto;
	}
.slider a{
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.slider img {
    width: 100%;
}
.anime_img {
    display: flex;
}
.anime_img p img {
	width: 100%;
}
.fv img {
    width: 50%;
}
.fv {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
}
video {
    width: 100%;
	margin-bottom: 20px;
}
.box02 {
    background: #ffffc6;
    padding: 2%;
    border: dashed 3px #ff95b5;
    margin-bottom: 20px;
    font-weight: bold;
}
.box02 p {
    margin: 0;
}
.box03 {
    background: #ffe1e8;
    padding: 2%;
    margin-bottom: 20px;
    border-radius: 10px;
    font-weight: bold;
    border: dotted 2px #e1bbbb;
}
.box03 p {
    margin: 0;
}

/*details:not(:last-child) {*/
/*  margin-bottom: 15px;*/
/*	border: 2px solid #fb4b4b;*/
/*}*/

/**
 * list-style: none; ←デフォルト三角削除（Chrome非対応）
 * cursor: pointer; ←カーソルをポインターに
**/
/*details summary {*/
/*  list-style: none;*/
/*    cursor: pointer;*/
/*    padding: 15px;*/
/*    background: #fb4b4b;*/
/*    color: #ffffff;*/
/*    font-weight: bold;*/
/*    font-size: 1.1em;*/
/*}*/
/**
 * Chrome用のデフォルト三角削除
**/
/*details summary::-webkit-details-marker {*/
/*  display: none;*/
/*}*/
/**
 * Font Awesomeのプラスアイコン使用
**/
/*details summary::before {*/
/*  content: '+';*/
/*  margin-right: 20px;*/
/*}*/
/**
 * アコーディオンがオープン時はマイナスアイコンに変更
**/
/*details[open] summary::before {*/
/*  content: '－';*/
/*}*/
/*details img{*/
/*	margin-bottom: 0!important;*/
/*}*/
/*details p {*/
/*  margin: 0;*/
/*  padding: 0 10px 10px 10px;*/
/*}*/
.design01 {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
	margin: 2% 0 8% 0;
	background: #fff;
}
.design01 th {
padding: 10px;
background: #51c7ff;
border-bottom: solid 1px #fff;
border-top: solid 1px #51c7ff;
border-right: solid 1px #51c7ff;
border-left: solid 1px #51c7ff;
color: white;
text-align: center;
font-weight: bold;
vertical-align: middle;
width: 20%;
}
.design01 th.las {
border-bottom: solid 1px #51c7ff;
}
.design01 td {
 padding: 5px;
    text-align: center;
    border: solid 1px #51c7ff;
    vertical-align: middle;
	font-weight: bold;
	width: calc(100% / 3);
}
table.design01 th:last-child {
    border-right: 2px solid #51c7ff;
}

.btn-c {
      font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    user-select: none;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
}

a.btn-a span {
  color: #fff100;
}

a.btn-a small {
  font-weight: bold;
}

a.btn-a i {
  margin-right: 1rem;
}
a.btn-c span {
  color: #fff100;
}

a.btn-c small {
  font-weight: bold;
}

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


h4 {
  position: relative;
      display: inline-block;
    height: 64px;
    margin: 0 0 15px 30px;
    padding: 1rem 2rem;
    color: #fff;
    font-weight: bold;
    background: #ff7d4b;
    font-size: 1.1em;
}

h4:before {
  position: absolute;
  top: 0;
  left: -30px;
  content: '';
  border-width: 32px 30px 32px 0;
  border-style: solid;
  border-color: transparent #ff7d4b transparent transparent;
}

h4:after {
  position: absolute;
  top: calc(50% - 7px);
  left: -10px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #fff;
}
.btn--orange,
a.btn--orange {
  font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
	font-size: 1.8em;
    width: 100%;
    padding: 4% 3% 9% 3%;
    color: #fff;
    border-radius: 100vh;
    background: linear-gradient(to right, #bbff7d, #26ad46);
    box-shadow: 0 10px 0 #338d46;
}


a.btn--radius {
   border-radius: 100vh;
}

table.mini{
　　　　border-spacing: 0;
　　　　border-collapse:collapse;
　　　　width: 100%;
}
table.mini th,table.mini td{
　　　　border: 1px solid #ccc;
　　　　padding: 0.5em;
}
table.mini th{
　　　　background: #3cb371;
　　　　color: #fff;
}
td.ver_m{
	vertical-align: middle;
}
h5 {
    padding: 2px 12px;
    border-left: 5px solid #fb4b4b;
    font-weight: bold;
    font-size: 1.3em;
    margin: 2% 0;
}
ol.sample1,
ol.sample1 ol{
  counter-reset: list;
  list-style: none;
  padding: 0;
  width:100%;
  font: 14px/1.6 'arial narrow', sans-serif;
}
ol.sample1 ol{
  margin: 0 0 0 5%;
  width:95%;
}
 
.sample1 a{
  position: relative;
  display: block;
  text-decoration: none;
  padding: 3px 3px 3px 8px;
  margin: 8px 0 8px 30px;
  background: #f1f8ff;
  color: #333;
  font-weight: bold;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; 
}
 
.sample1 a:hover{
  background: #ffd9d3;
}   
 
.sample1 a:before{
  content: counter(list);
  counter-increment: list;
  position: absolute;   
  left: -35px;
  top: 50%;
  height: 28px;
  width: 28px;
  margin-top: -1em;
  background: #5c9ee7;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
 
.sample1 a:after{   
  content: '';
  position: absolute;
  left: -28px;
  top: 50%;
  margin-top: -6px;
  border: 6px solid transparent;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;             
}
 
.sample1 a:hover:after{
  left: -6px;
  border-left-color: #5c9ee7;               
}
/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 2%;
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    background: #019ac6;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
table.mini th {
    background: #f35454;
    color: white;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
	border: 1px solid white;
}
table.mini td {
    border: 2px solid #f35454;
    vertical-align: middle;
    text-align: center;
    padding: 0 2%;
	width: calc(100% / 3);
}
th.col-4{
	border-right: 2px solid #f35454;
}
.font2{
	font-size: 2.5em;
}
td.down {
    position: relative;
}
.nakami {
    position: absolute;
    bottom: 5px;
    left: 5px;
}
.nakami2 {
    position: absolute;
    bottom: 5px;
	margin-bottom: 15px;
}
table.mini tr th:last-child {
    border-right: 2px solid #f35454;
}

.comparison-table img{
	width: 75%;
}

/* キャンペーン */

.campaign {
    font-weight: bold;
    margin: 13% auto 0;
}

.campaign.first {
    font-weight: bold;
    margin: 10% auto 0;
}

.campaign p{
    line-height: 1.5;
    text-align: center;
    font-size: 22px;
	margin-bottom: 10px;
}

.campaign_text{
    font-size: 17px !important;
    font-weight: normal;
    text-align: left !important;
    margin: 20px 0 !important;
}

.itiran {
	text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin: 5% auto 0;
    line-height: 1.5;
}

.itiran p{
	margin-bottom: 10px !important;
}

a.btn-c {
  font-size: 1.8em;
    width: 100%;
    padding: 3% 3% 13% 3%;
    color: #fff;
    border-radius: 100vh;
    background: linear-gradient(to right, #1ed700, #006117);
    box-shadow: 0 10px 0 #338d46;
	position: relative;
    top: 0;
}

a.btn-c:hover {
	box-shadow: none;
	top: 10px;
}

.btn-txt{
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    font-size: 24px;
    margin-top: -30px;
}

a.btn-d {
  font-size: 1.8em;
    width: 100%;
	padding: 2% 3% 16% 3% !important;
    color: #fff;
    border-radius: 100vh;
    background: linear-gradient(to right, #1ed700, #006117);
    box-shadow: 0 10px 0 #005815;
	line-height: 1.2;
}

a.btn-a {
	margin-bottom: 6%;
    padding: 2% 0% 3% 0%;
	font-size: 1.8em;
    width: 100%;
	color: #fff;
    border-radius: 100vh;
    background: linear-gradient(to right, #bbff7d, #26ad46);
    box-shadow: 0 10px 0 #338d46;
	font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    user-select: none;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
	position: relative;
    top: 0;
	line-height: 1.3;
}

a.btn-a:hover {
	top: 10px;
	box-shadow: none;
}

.yubi {
    color: #fff !important;
    font-size: 44px;
    vertical-align: -7%;
}

.t_media {
	text-align: center;
    font-size: 18px;
    margin: 0% auto 8%;
    line-height: 1.5;
}

@media screen and (max-width: 580px) {
	a.btn-d {
		padding: 3% 3% 30% 3% !important;
        line-height: 1.2;
	}
	
}

@media screen and (max-width: 768px) {
	.campaign p {
		font-size: 18px;
	}
	.t_media {
    font-size: 16px;
}
	
	.nakami_mb img{
		padding: 14px 0 16px !important;
	}
}

.yahoo {
    background: #fff;
}
.y_ttl {
    color: #e70008;
    font-size: 20px;
    margin-bottom: 0;
}

@media only screen and (max-width:839px){
		a.btn-y{
		font-size: 1.4em!important;
		padding: 1% 0 5% 0!important;
		margin: 0 auto 43px!important;
		line-height: 1.2 !important;
	}
}

.y_b {
    padding: 0 4%;
}
a.btn-y {
	margin-bottom: 6%;
    padding: 2% 0% 3% 0%;
	font-size: 1.8em;
    width: 100%;
	color: #fff;
    border-radius: 100vh;
    background: linear-gradient(to right, #ff3138, #c20007);
    box-shadow: 0 10px 0 #980005;
	font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    user-select: none;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
	position: relative;
    top: 0;
	line-height: 1.3;
}

a.btn-y:hover {
	top: 10px;
	box-shadow: none;
}
a.btn-y span {
  color: #fff100;
}

a.btn-y small {
  font-weight: bold;
}

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

/*ポイント*/
.point-box{
    padding: 5% 4% 2%;
    border: 3px solid #ff7d4b;
    position: relative;
    margin: 4% 0;
    background-color: #fff;
}
.point-box2{
    padding: 1%;
    line-height: 2;
    font-weight: bold;
}
.point-box h6{
    position: absolute;
    top: -9%;
    background-color: #ff7d4b;
    padding: 1% 3%;
    color: #fff;
    font-weight: bold;
}
.point-box p{
    padding: 0;
    margin: 0;
}
@media only screen and (max-width:839px){
.point-box{
    padding: 7% 4% 4%;
}

}

.uv01 {
    margin-top: 30px;
}

.uv01 img {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1%;
}


@media only screen and (min-width:839px){
    .slick-slide {
		transform: scale(0.95);
    	margin-left: -11px;
	}
    .slideruv{
        height: 450px;
    }

}
@media only screen and (max-width:839px){
    .slick-slide img{
        width: 100%;
    }
}

/* ヘッダー */
header{
    width:700px;
    height: auto;
    margin: 0 auto;
}
header img{
    width:100%;
}
.fv_txt {
    width: 100%;
}
@media screen and (max-width:699px){
.fv_txt span{
    font-size: 15px;
}    
}
.fv_txt p {
width: 100%;
text-align: center;
}

.pc_only{
    display:block;
}

.sp_only{
    display:none;
}

@media only screen and (max-width:839px){
    header{
        width:100%;
    }
    header img{
        width:100%;
    }
    .pc_only{
        display:none;
    }
    
    .sp_only{
        display:block;
    }
}

/* スライダー */

.slider_outer2 {
    width: 700px;
    height: auto;
    margin: 0 auto;
    padding: 4vh 0;
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .slider_outer2 .slider1_2 {
    width: 80%;
    height: auto;
          margin: 0 auto;
          padding: 0;
  }
  .slider_outer2 .slick-track {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .slider_outer2 .slide-item img {
    width: 100%;
    height: 100%;
  }
  .slider_outer2 .thumb1_2 {
    width: 20%;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1%;
  }
  .slider_outer2 .thumbnail-item {
    margin-top: 10px;
    box-sizing: border-box;
    position: relative;
    list-style: none;
  }
  .slider_outer2 .thumbnail-item:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: .5s opacity linear;
  }
  .slider_outer2 .thumbnail-item.thumbnail-current:after {
    opacity: 0;
  }
  .slider_outer2 .thumbnail-item img {
    width: 97%;
    margin: 0 auto;
  }
  @media only screen and (max-width:839px){
    .slider_outer2 .slider1_2{
        width: 95%;
    }
    .slider_outer2{
        width: 100%;
    }
    .slider_outer2 .slide-item img {
        width:100%;
        height: 100%;
    }
    .slider_outer2{
        flex-direction: column-reverse;
    } 
    .slider_outer2 .thumb1_2 {
        flex-wrap: nowrap;
        width: 76%;
    }
  }
  
  .fv_txt {
    width: 700px;
    margin: 5px auto ;
  }
   .fv_txt p {
       width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
   }

/* アコーディオン */
.show_more span {
  	color: #fff;
	background-color: #ff7d4b;
	padding: 1% 3%;
	border-radius: 20px;
}

.show_more {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 15px;
  padding-top: 60px;
  text-align: center;
  line-height: 15px;
  /*background: linear-gradient(180deg,rgb(255, 255, 255, 0) 0%,#2ba6e2 70%);*/
  cursor: pointer;
  transition: bottom 0.2s;
}
.frame {
    padding: 0 0 15px;
    margin-top: 20px;
    position: relative;
}

.acc_wrapper {
  margin: 20px auto 60px;
}

.acc_content_wrapper {
  position: relative;
  margin-bottom: 30px;
}

.acc_content {
  height: 44vh;
  overflow: hidden;
  padding: 0 0 55px;
}

/*スリック矢印*/
.uv01 .slick-prev:before {
	background: url(../img/prev.png) no-repeat center!important;
    background-size: contain!important;
    width: 90% !important;
    height: 90% !important;
}

.uv01 .slick-next:before {
	background: url(../img/next.png) no-repeat center!important;
    background-size: contain!important;
    width: 100% !important;
    height: 100% !important;
}
.slick-arrow::before {
    content: ""!important;
    width: 90%!important;
    height: 90%!important;
    position: absolute;
    top: 0;
    left: 0;
}
.slick-arrow {
    z-index: 2!important;
    width: 55px!important;
    height: 55px!important;
}
.uv01 .slick-prev{
	left: 6%;
}
.uv01 .slick-next{
	right: 7%;
}
.slick-prev:before, .slick-next:before{
	font-size: 60px !important;
	opacity: 1 !important;
}
.slick-prev, .slick-next {
	top: 54% !important;
}
@media screen and (max-width:740px){
    .fv_txt {
        width: inherit; 
    }
	.slick-prev:before, .slick-next:before {
		font-size: 26px !important;
	}
	.uv01 .slick-next {
		right: 0%;
		z-index: 2;
	}
	.uv01 .slick-prev {
		left: 0%;
		z-index: 2;
	}
	.slick-arrow {
		width: 20px!important;
		height: 20px!important;
	}
}

.pr_wrapper{
    width:100%;
    margin:0 auto;
}
/* MV修正 */

.top {
    position: relative;
}

.top img{
    width: 100%;
}

.mv_slider {
    width: 100%;
    position: absolute;
    left: 0!important;
    right: 0!important;
    bottom: 0;
    margin: 0 auto;
	bottom: 20px !important;
	padding: 0 20px;
    box-sizing: border-box;
}
.mv_slider img{
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
}
.top .slick-slide{
    transform: scale(0.98); 
    margin-left: inherit;
}

.accordion-006 {
    margin-bottom: 7px;
    background-color: #fff;
    border-radius: 5px;
}

.accordion-006 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0.5em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
}

.accordion-006 summary::-webkit-details-marker {
    display: none;
}

.accordion-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #c2c2c2;
    border-right: 3px solid #c2c2c2;
    content: '';
    transition: transform .3s;
}

.accordion-006[open] summary::after {
    transform: rotate(225deg);
}

.accordion-006 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 0.5em 1.5em 0.5em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}

.accordion-006[open] p {
    transform: none;
    opacity: 1;
}

@media (max-width: 767px) {
    .accordion-006 summary {
        padding: 0.5em 1em;
    }
    .accordion-006 p {
        padding: 0.5em 1.0em 0.5em 1.0em;
    }
}

/*CTA*/
.btn_read{
    text-align: center;
    font-weight: bold;
    font-size:20px;
    margin-bottom: 0;
}

 .btn-area {
  margin: 1.5em 0 1em;
  justify-content: center;
  display: flex;
  text-align: center;
}

 .cta {
  width: auto;
  transition: all 0.3s ease;
  cursor: pointer;
  box-sizing: border-box;
  animation: bound2Btn 2s ease infinite;
  height: 100%;
  position: relative;
  overflow: hidden;
}

 a.cta:hover {
  opacity: 0.7;
}

 a.cta img {
  vertical-align: middle;
}

.hikari_mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url('../img/btn.png'); mask-image: url('../img/btn.png');
  -webkit-mask-size: 100% auto; mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: left top; mask-position: left top;
}

.hikari {
  position: absolute;
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-brite 3s ease-in-out infinite;
}


@keyframes bound2Btn {
  0% {
    transform: translateY(0);
  }

  15% {
    transform: translateY(-30px);
  }

  30% {
    transform: translateY(0);
  }

  45% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes shiny-brite {
  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;
  }
}

/*シュミレーター*/
.game_contents{
    padding: 1% 3%;
    background-color: #d3d3d3;
    }
    /*アコーディオン*/
    /*ベース*/
    .content2 {		/*本文*/
    margin-bottom:10px;
    }
    .col-auto.my-1{
    text-align: center;
    margin: 1%;
    font-size: 20px;
    font-weight: bold;
    }
    .col-auto.my-1 .form-control{
    padding: 1% 3%;
    font-size: 20px;
    margin: 2% 2% 3%;
    }
    .col-auto.my-1 p{
        margin: 10px 0 5px;
    }
    .col-auto.my-5 p{
    text-align: center;
    margin: 2%;
    font-size: 20px;
    font-weight: bold;
    }
    .my-5 img{
        width: 100%;
    }
    select.form-control {
    width: 80%;
    height: auto;
    padding-left: 0;
    border-radius: 0;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px 0px #afafaf;
    color: #000;
    background: #fff;
    }
        
    @media (max-width: 767px) {
    .achievement-box2 {
    display: block;
    }
    .achievement-box{
    margin: 1%;
    }
    .achievement-pc {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
    }
    .achievement-t{
    width: 70%;
    }
    .achievement-img {
    width: 25%;
    margin-right: 2%;
    }
    .achievement-tit {
    font-size: 15px;
    }
    .achievement-rank {
    font-size: 15px;
    }
    .achievement-price {
    font-size: 0.9em;
    }
    .col-auto.my-1 {
    font-size: 20px;
    line-height: 1.5;
    }
    .col-auto.my-5 div#Box0 , .col-auto.my-5 div#Box1 , .col-auto.my-5 div#Box2 , .col-auto.my-5 div#Box3 , .col-auto.my-5 div#Box4 , .col-auto.my-5 div#Box5 , .col-auto.my-5 div#Box6 , .col-auto.my-5 div#Box7 , .col-auto.my-5 div#Box8 {
    width: 100%;
    overflow: scroll;
    }
    .col-auto.my-5 div#Box5 .tabl , .col-auto.my-5 div#Box6 .tabl , .col-auto.my-5 div#Box7 .tabl , .col-auto.my-5 div#Box8 .tabl {
    width: 600px;
    }
    
    .col-auto.my-5 p{
    font-size: 18px;
    }
    }