@charset "utf-8";
/* basic */
html {
width: 100%; 
margin:0; 
padding:0; 
}
body {
/*border:1px solid pink;*/
border:1px solid #9F863F;
font-family: sans-serif;
line-height: 180%; 
margin:0 auto;
}
img, h1, h2, h3, p, ol, ul, td, dd {
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}
/*section {
overflow:hidden;
}*/
a {
color:#09c; 
text-decoration: none; 
}
a:hover {
text-decoration: underline; 
}
header a {
color:#fff;
}
h3 a {
color:#09c;
}
hr {
border-top:1px solid #777; margin: 40px;
}
/* parts */
header {
/*background-color:pink;*/
background-color:#4DA6FF;
/*background-color:#F5624D;*/ /*c*/
/*border-radius: 0 0 7px 7px;*/
color:#fff;
margin:0 auto;
padding:10px 10px;
}
#page {
margin:0 10px 0 10px; 
padding:0 15px 0 15px;
}
#main,main {
padding:0 15px 50px 15px;
}
#search {
float:right;
margin:5px 5px 5px 10px;
}
.topagetop {
background-color:#4DA6FF;
/*background-color:#F5624D;*/ /*c*/
border-radius: 97px 97px 0 0;
border-top: 3px solid #2b6494;
clear:both;
margin:30px auto;
padding:7px 0;
text-align:center;
width: 130px;
}
.copyright {
border-top: 1px solid #cdcdcd;
font-size:small;
padding:15px 10px 0 10px;
text-align: left;
}
footer {
background-color:#F5F5F5;
background: linear-gradient(180deg, rgb(245,245,245), rgb(241,241,241));
border-top-left-radius: 30% 10px;
border-top-right-radius: 30% 10px;
clear:both;
color:#555;
margin:20px 0 0 0;
padding:20px 15px;
text-align: right;
}
/* classes */
.clear {
clear:both;
}
.clearnone {
clear:none;
}
.cl3 {
clear:both; border-bottom:1px solid #cdcdcd;
}
.caption {
text-align: center;
}
.sale {
clear:both;
color:#FF5112;
font-weight:bold;
text-align:center;
	
background-image: linear-gradient(
		70deg,
		#FF5112 45%, /* font color */
		#FFF 50%,
		#FF5112 55% /* font color */
	);
	background-size: 500% 100%;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	animation: shine 3s infinite;
}
@keyframes shine {
	0% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.salebox {
background-image: linear-gradient(
		70deg,
		#333 45%, /* font color */
		#FFD14C 50%,
		#333 55% /* font color */
	);
	background-size: 500% 100%;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	animation: shine 3s infinite;
	overflow: hidden;
}
@keyframes shine {
	0% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.caption img {
max-width:500px;
}
.photo3 {
font-weight:bold;
margin:0 3px;
width:30%;
}
.kokoku, .photo {
clear:both;
margin:25px auto;
text-align: center; }
.leaderboard {
min-height: 140px;
width: 728px;
}
.package {
/*width:500px;*/
width:100%;
max-width:550px;
height:100%;
}
.package_s {
width:147px;
}
#page .ad {
text-align:left;
}
.adicon {
background-color:pink;
color:#fff;
float:right;
font-size:15px;
font-weight:bold;
margin: 0 0 7px 10px;
padding:3px 10px;
}
.adright {
float:right;
margin:15px 0 10px 5px;
padding:0;
overflow: hidden;
}
.video, .types {
float:left;
margin:10px 30px 10px 0;
overflow: hidden;
padding:15px 0;
width:30%;
}
.video a, .types a  {
color: #222;
font-size:15px;
}
.video h3 a, .types h3 a  {
color:#09c;
}
.videosm {
float:left;
margin:15px 50px 10px 0;
overflow: hidden;
padding:15px 0;
width:20%;
}
.video3, .videosm3, .types3 {
margin:10px 0 10px 0;
}
.video img, .videosm img, .types img {
width:100%;
border-radius: 7px;
}
.fanzasample img {
margin:3px 15px 5px 0;
}
/* heading */
h1 {
border-bottom:5px solid #2b6494;
/*border-bottom:5px solid #34A65F;*/ /*c*/
line-height: 180%; 
margin:0;
padding:25px 15px 15px 15px;
}
h2 {
border-bottom:2px solid #333;
/*border-bottom:2px solid #34A65F;*/ /*c*/
clear:both;
margin:20px 0 15px 0;
overflow: hidden;
padding:15px;
}
h3 {
border-left:10px solid #FF5192;
/*border-left:10px solid #9F863F;*/ /*c*/
border-radius: 5px;
margin:25px 0 20px 0;
padding:3px 15px;
}
.video3 h2, .video h3, .types h3, .video3 h3, .videosm h3, .videosm3 h3, .types3 h3 {
margin:0 0 20px 0;
}
.reccomend h3 {
margin-left:20px;
}
h4 {
margin:25px 0 2px 0;
overflow:hidden;
padding:3px 10px 0 10px;
/*text-decoration:underline;*/
}
/* paragraph */
p {
font-size:15px;
line-height:200%;
}
.onepoint p,.reccomend p {
padding-left:20px;
padding-right:20px;
}
.inja {
border-radius: 5px;
overflow:hidden;
padding:5px 7px;
text-align:right;
}
.highlight {
/*color:#FF5192;*/
color:#333;
background: url("https://www.gravurefit.info/images/border_pink.jpg") repeat-x;
font-weight:bold;
}
.highlight2 {
text-decoration-line: underline;
text-decoration-color: pink;
text-decoration-thickness: 2px;
}
.salenow {
background-color:#FF5112; border:none; border-radius: 6px; color:#fff; font-size: 12px; padding:2px 7px;
}
.salenow2 {
background-color:#777; border:none; border-radius: 6px; color:#fff; font-size: 12px; padding:2px 7px;
}
.salenow3{
background-color:red; border:none; border-radius: 6px; color:#fff; font-size: 12px; padding:2px 7px;
}
.salenow4 {
background-color:pink; border-bottom:5px solid #FF3399; border-radius: 6px; color:#fff; font-weight:bold;font-size: x-large; padding:3px 25px;
}
.iconvr{
background-color:#39f; border:none; border-radius: 6px; color:#fff; font-size: 12px; padding:2px 7px;
}
.hit {
background-color:#FF99CC; border:none; border-radius: 6px; color:#fff; font-size: 12px; padding:2px 7px;
}
.maintheme,#page mark {
background-color:inherit;
color:#F69;
font-weight:bold; }
.description {
/*clear:both;*/
font-size:14px;
}
.onepoint, .reccomend {
border-radius: 5px;
border: 2px solid #FF8888;
margin: 20px 0 10px 0;
overflow:hidden;
/*padding:0 20px;*/
}
.reccomend {
background-color:#fff5ee;
border: 2px solid #ffc0cb;
clear:both;
}
.reccomend img {
float:right;
height:auto;
width:250px;
margin: 20px 20px 10px 10px;
padding: 0;
}
.osusumelist {
border: 2px solid #ffc0cb;
clear:both;
padding: 0 15px;
}
.onvr {
background-color:#555;border-radius:3px;color:#FFF;font-size:small;padding:2px 7px;margin: 0 0 0 15px;
}
.step {
background-color:pink;
color:#333;
font-size:15px;
font-weight:bold;
padding: 7px 20px;
text-align:center;
}
.caption, .goods, .summary, .video, .scene, .package {
-ms-user-select: none; /* IE 10+ */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none; }
.scene {
line-height: 50%;
position: relative; }
.scene .tag {
background-color: rgba(0,200,255,0.6); 
color:#fff;
font-size:15px;
font-weight:bold;
margin-bottom:6px;
padding:3px 10px;
position: absolute; 
bottom:0; 
right:0;
}
.service {
font-weight: bold; }
.afflink {
/*background-color:#FF5192;*/
background-color:#4DA6FF;
/*background-color:#0F8A5F; /*c*/
border-radius: 5px;
border-color:pink;
clear:both;
color:#fff;
overflow:hidden;
padding:7px 5px;
text-align:center;
margin:25px auto 15px auto;
width: 60%;
}
.afflink a { color:#fff; display:block; }
#sitetitle {
font-family: 'Arial';
font-size:2.5em;
font-weight:bold;
text-align:center;
}
.afflink:hover {
background-color:#2b6494;
/*background-color:#71BF76;*/ /*c*/
}
.fanzalink, .fanzalink:hover { background-color:#FF4D4D; border-left:5px solid #333; }
.fanzalink a:hover { background-color:#FF2D2D; }
.mgslink, .mgslink:hover { background-color:#444; border-left:5px solid red; }
.mgslink a:hover  { background-color:#666; }
.xcitylink, .xcitylink:hover { background-color:#C00310; height:30px; }
.xcitylink a:hover { background-color:#EB2D3C; }
.dugalink, .dugalink:hover { background-color:red; height:30px; border-left:5px solid #333; }
.dugalink a:hover { background-color:#FF2D2D; }
td .afflink, td .fanzalink, td .mgslink, td .xcitylink, td .dugalink { border:none; border-radius: 6px; color:#fff; font-size: 13px; margin-right:10px; padding:3px 7px; }
.vrlink { background-color: #4DA6FF; color:#4DA6FF; }
.affleft {
clear:both;width:45%;float:left;margin-left:10px;
}
.affright {
clear:none;width:45%;float:right;margin-right:10px;
}
.relatedpage {
text-align:right;
}
.movie_name {
font-weight:bold;
}
.dvd, .bd, .download {
color:#fff;
background-color:pink;
line-height: 100%;
margin:5px 10px 0 0;
padding:3px 10px;
}
.bd {
background-color:#0095D5;
}
.download {
background-color:orange;
}
.dvd a, .bd a, .download a, .topagetop a {
color:#fff;
}
.topagetop a {
display:block;
}
/* tables */
table {
padding:0; 
text-align: center; 
border:1px solid #fff; 
border-collapse: collapse; 
font-size:16px;
margin:15px 0 10px 0;
overflow:hidden;
width:100%;
}
th {
border:1px solid #cdcdcd; 
background-color:#F2F2F2;
text-align:left;
padding:7px 10px;
}
td {
border:1px solid #cdcdcd; 
padding:7px 10px;
text-align:left;
}
.chuo td, .chuo {
text-align:center;
}
tr.point td {
background-color:beige;
}
tr.point2 td {
background-color:antiquewhite;
}
.tl {
padding-left: 15px;
padding-right: 15px;
text-align: left; 
}
.near {
color:red;
}
/* lists */
ul, ol {
margin:0 0 25px 0;
overflow:hidden;
padding:0;
}
.feature,.feature1,.feature2,.feature3,.feature50 {
margin:5px 0;
overflow:hidden;
padding:0 0 7px 0;
-ms-user-select: none; /* IE 10+ */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.feature_top,.pages {
color:#222;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
ul li, ol li {
border-bottom:1px solid #666;
font-size:15px;
list-style:none;
margin:0;
padding:7px 10px;
}
.feature li,.feature1 li,.feature2 li,.feature3 li,.feature50 li {
background-color:#f8f8f8;
/*border-bottom:1px solid #999;*/
border-bottom:none;
border-radius: 3px;
float:left;
margin:5px 15px 5px 0;
overflow:hidden;
padding:5px 15px;
}
.feature_top li {
-webkit-flex-grow: 1;
flex-grow: 1;
width: 20%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pages li {
-webkit-flex-grow: 1;
flex-grow: 1;
width: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.feature li,.feature1 li,.feature2 li,.feature3 li,.feature50 li {
-ms-user-select:auto;
-moz-user-select:auto;
-khtml-user-select:auto;
-webkit-user-select:auto;
user-select:auto;
}
.feature li a,.feature50 li a {
display:block;
}
.feature li:hover {
background-color:#fff;
}
footer li {
border-right:1px solid #fff;
border-bottom:none;	
font-size:14px;
display:inline;
line-height:100%;
margin:0;
padding:0 10px;
}
.plays li {
font-size:14px;
padding:3px 10px;
}
footer li:last-child {
border-right:none; }
footer li a {
color:#555; }
footer .feature li, footer .feature50 li {
background:none;
border:none;
}
header ol {
font-size:13px;
margin:0;
padding:2px 10px;
}
header ol li {
border:none;
font-size:13px;
display:inline; }
/* definition */
dl {
overflow:hidden; }
dt {
font-weight:bold;
}
dd {
margin:0;
padding:5px 0;
}
.dtyoko {
float:left;
font-size:20px;
margin:0 15px 0 0;
padding:5px;
}
.popular {
background-color:beige;
}

/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 12px;
   border-right: 1px solid #fff;
}

/*左側メニューを緑色に*/
#sp-fixed-menu li:first-child{
   background: #0DA0FF;
}

/*左側メニューをオレンジ色に*/
#sp-fixed-menu li:last-child{
   background: #FF4D4D;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:5px 10px;
}

/*グラフ*/
.ttl1,.ttl2{
  color: #333 !important;
}

.fare-calendar .fare-rates {
  position: relative;
  background: #fff;
}

.fare-calendar .fare-rates .fare-monthcontainer {
  color: #092a5e ;
  /*display:table-cell;*/
}

.fare-calendar .fare-rates .fare-monthcontainer .fare-month {
  margin: 0 4px;
  /*vertical-align: bottom;*/
  display: inline-block;
  width: 88px;
  text-align: center;
}

.fare-calendar .fare-rates .fare-monthcontainer .fare-month a
, .fare-calendar .fare-rates .fare-monthcontainer .fare-month span {
  display: block;
}

.fare-calendar .fare-rates .fare-monthcontainer .fare-month span:first-of-type {
  margin-bottom: 7px;
}

.fare-calendar .fare-rates .fare-monthcontainer .fare-month span:last-of-type {
  margin: 10px 0 7px;
}

.fare-calendar .fare-rates .fare-monthcontainer .fare-month button.btn2 {
  width: 60px;
  padding-left: 0;
  padding-right: 0;
}

.fare-calendar .fare-rates .fare-monthcontainer .fare-month span.fare-price {
  min-height: 20px;
  background-color: pink ;
  transform-origin: 100% 100%;
  -webkit-animation: priceAnimation 0.5s 1 ease-in-out;
  -moz-animation: priceAnimation 0.5s 1 ease-in-out;
  -o-animation: priceAnimation 0.5s 1 ease-in-out;
  border-radius: 3px;
  /*                        -webkit-transition: all 0.5s 1 ease-in-out;
  -moz-transition: all 0.5s 1 ease-in-out;
  -o-transition: all 0.5s 1 ease-in-out; */
}

.fare-calendar .fare-rates .fare-monthcontainer .fare-month span.fare-price.cheapest {
  background-color:pink;
}

.fare-calendar .fare-rates .fare-monthcontainer .fare-month span.fare-price:hover {
  background-color:pink;
  cursor: pointer;
}

.fare-calendar .fare-rates .fare-monthcontainer .fare-month span.fare-price.cheapest:hover {
  background-color:pink;
  cursor: pointer;
}


@-webkit-keyframes priceAnimation {
  from {-webkit-transform: scaleY(0.1);}
  to {-webkit-transform: scaleY(1.0);}
}

@-moz-keyframes priceAnimation {
  from {-moz-transform:scaleY(0.1);}
  to {-moz-transform:scaleY(1.0);}
}

@-o-keyframes priceAnimation {
  from {-o-transform:scaleY(0.1);}
  to {-o-transform:scaleY(1.0);}
}