body{ color:#660000;font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";}

div{-webkit-box-sizing: border-box;
	box-sizing: border-box;}

img{ border:none;}

.btn a:hover img{
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	opacity: .7;
}

.r-corner{border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}


/* new clearfix */  
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  
.jquery-corner > div{border-color:#B0F5FF !important;}



#page{ 
	margin:15px auto 0;
	padding:0;
	width:1120px;
	text-align:center;
	}
#content {
	margin:25px 0 0;
	padding: 0;
	float: left;
	width: 900px;
	z-index:2;
}
.frame{ clear:both;width:900px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
border: 6px solid #ffcc00;
background-color:#FFFFcc;
padding:67px 20px 10px;
}
.fheader{ background: url(img/f_header_bg.png) repeat-x top center scroll #FFFFcc;  padding-top:5px;}
.fheader h1{ padding:0; margin:-50px 0 0 !important; text-align:center; color:#FFFFFF;font-size: 2.2em;}

/*.s_img img{ width:100%; height:auto;}*/

.girl{position: relative; margin-bottom:20px; background: #e3ebf0 url("img/girl_bg.png"); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
font-family: fot-tsukuardgothic-std, sans-serif;
font-style: normal;color: #222;
border-radius:0 0 20px 20px}
.odd, .even{height:360px;border-radius:0 0 20px 20px}
.ruby{position: absolute; top:100px; font-size:1.2rem;	text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; }
.ruby span{padding-left:1em; font-size:0.75em;vertical-align:text-top; }
.girl .profile{
position: absolute;
font-weight: 400;
font-size:1.1rem;
text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
text-align:left;
top:150px;
width:55%;
}
.girl .profile li{ line-height: 1; padding-bottom:0.5em}
.girl .profile li span::after {
  font-family: "Font Awesome 5 Free";
  content: '\f0da';
  font-weight: 900;
padding-left:0.2em;
	vertical-align: middle;
}


.girl .profile li span{
padding-right:0.2em;
font-size: 0.8em;
}
.girl .profile li em{
font-size:0.8em;
font-style: normal;
}
.girl .name img{width:100%;height: auto;}
.girl .name {position: absolute;  width: 50%;}
.girl .grade{
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align: top;
  width: 80px;
  height: 80px;
  color:#fff;
  font-size: 2rem;
	font-weight:700;
  line-height: 1;
}
.girl .odd .ruby{left:42%;}
.girl .odd .name{left:40%;}
.girl .odd .profile{left:42%;}
.girl .odd .grade{right:1%; top:5%;}

.girl .even .ruby{left:12%;}
.girl .even .name{left:11%;}
.girl .even .profile{left:12%;}
.girl .even .grade{left:1%; top:5%;}

 .girl .profile li.manga br,.girl .profile li.oshi br {display:none;}


.girl #merii{background:url("img/merii_ph.png") no-repeat ;border-top:solid 10px #0bf7c9; background-position:0 0;}
.girl #merii .profile li span:after{color:#0bf7c9;}
.girl #merii .grade{background-color:#0bf7c9;}
.girl #mika{background:url("img/mika_ph.png") no-repeat ;border-top:solid 10px #00ccff; background-position:110% 0;}
.girl #mika .profile li span:after{color:#00ccff;}
.girl #mika .grade{background-color:#00ccff;}
.girl #satsuki{background:url("img/satsuki_ph.png") no-repeat ;border-top:solid 10px #ff7b91; background-position:0 0;}
.girl #satsuki .profile li span:after{color:#ff7b91;}
.girl #satsuki .grade{background-color:#ff7b91;right:11%;}
.girl #bambi{background:url("img/bambi_ph.png") no-repeat ;border-top:solid 10px #c58fff; background-position:110% 0;}
.girl #bambi .profile li span:after{color:#c58fff;}
.girl #bambi .grade{background-color:#c58fff;}
.girl #lea{background:url("img/lea_ph.png") no-repeat  ;border-top:solid 10px #ff7f00; background-position:0 0;}
.girl #lea .profile li span:after{color:#ff7f00;}
.girl #lea .grade{background-color:#ff7f00;right:11%;}
.girl #mia{background:url("img/mia_ph.png") no-repeat ;border-top:solid 10px #ff66cc; background-position:110% 0;}
.girl #mia .profile li span:after{color:#ff66cc;}
.girl #mia .grade{background-color:#ff66cc;}

#vrgb{width:848px;height:690px;
margin-bottom: 10px;
background: url("img/yuwaluka.png") no-repeat center 70px,#e3ebf0 url("img/girl_bg.png");
background-size:70% auto,auto;
border-radius:0 0 20px 20px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
position: relative; 
font-family: fot-tsukuardgothic-std, sans-serif;
font-style: normal;color: #222;
border-top:solid 10px #f4519b;	
}


#vrgb .catch{width:50%;transform: rotate(-4deg); margin: 0 auto;}

#vrgb #yuwa, #vrgb #luka, #vrgb #u-san{position:absolute;}
#vrgb #yuwa{top:80px; left:2%; width:25%}
#vrgb #luka{top:80px; right:2%; width:25%}
#vrgb #u-san{top:360px; right:2%; width:23%}
#vrgb #u-san .ph img,#vrgb .catch img, #vrgb .name img {width:100%; height: auto;}
#vrgb #u-san .ph {width:90%; margin: 0 auto}

#vrgb .name {
width:60%;
margin: 0 auto 5px;
}


#vrgb .txt{font-size:1.2rem;font-weight: 600; margin-bottom:10px; line-height: 1.2; }

#vrgb .profile{
font-weight: 400;
font-size:1rem;
text-shadow: 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
}

#vrgb #yuwa .profile,#vrgb #u-san .profile{text-align:left;}
#vrgb #luka .profile{text-align:right;}


#vrgb .profile li{ line-height: 1; padding-bottom:0.5em}
#vrgb .profile li span::after {
  font-family: "Font Awesome 5 Free";
  content: '\f0da';
  font-weight: 900;
padding-left:0.2em;
vertical-align: middle;
}

#vrgb .profile li span{
padding-right:0.2em;
font-size: 0.8em;
}

#vrgb #yuwa .profile li span:after{color:#e83f78;}
#vrgb #luka .profile li span:after{color:#5783e7;}
#vrgb #u-san .profile li span:after{color:#ff5858;}

#vrgb .illust{position: absolute; left:2%; bottom: 2%; font-size:0.9rem;}

.copy{ 
	margin:0;
	width:900px;
	font-size:90%;
	line-height:14px;
	text-align:center;}
.copy p{ padding-bottom:15px;}



.smp_item {
	display: none;
}

.nobr br{ display:none;}


/* スマホ */

.SMP body{padding-top:60px}

.SMP .nobr br{ display:inline;}

.SMP p.smp_item {
	display: block;
}
.SMP img.smp_item {
	display: inline-block;
}
.SMP img.smp_item+img {
	display: none;
}

.SMP .pc_item{ display:none;}

.SMP .frame {
	padding-left: 2%;
	padding-right: 2%;
}

.SMP .fheader{ background-image: none; }
.SMP .fheader h1{border-radius: 5px 5px 0 0; background-color: transparent; }
.SMP .fheader h1 img, .SMP #vrgb #yuwa .ph img, .SMP #vrgb #luka .ph img{width:100%; height: auto;}

.SMP .grade{
  width: 50px;
  height: 50px;
  font-size: 1.3rem;
}
.SMP #satsuki, .SMP #lea,.SMP #mia, .SMP #merii, .SMP #mika{height:270px; border-radius:0 0 15px 15px}
.SMP #bambi{height:290px; border-radius:0 0 15px 15px}
.SMP .ruby{top:55px; font-size:1.1rem;}
.SMP .girl{background-size:80%;}
.SMP .girl .ruby span{vertical-align: middle;}
.SMP .girl .name {width: 70%;}
.SMP .girl .profile{top:90px;font-size:0.9rem;}

.SMP .girl .profile li.manga span::after,.SMP .girl .profile li.oshi span::after {
  content: '\f0d7';
}
.SMP .girl .profile li.manga br,.SMP .girl .profile li.oshi br {display:block;
}

.SMP .girl #lea,.SMP .girl #merii,.SMP .girl #satsuki{ background-position:0 120%; background-size:60%}
.SMP .girl .odd .ruby{left:5%;}
.SMP .girl .odd .name{left:5%;}
.SMP .girl .odd .profile{left:43%;}
.SMP .girl #merii.odd .profile{left:46%;}
.SMP .girl .odd .grade{right:6%; top:5%; }
.SMP .girl #satsuki .grade,.SMP .girl #lea .grade{right:22%;}
.SMP .girl #mia,.SMP .girl #mika,.SMP .girl #bambi{ background-position:110% 100%; background-size:60%}
.SMP .girl .even .ruby{left:20%;}
.SMP .girl .even .name{left:20%;}
.SMP .girl .even .profile{left:5%;}
.SMP .girl .even .grade{left:2%; top:5%;}



.SMP #vrgb{width:100%;height: auto; margin-bottom:0 !important; background-image:none,url("img/girl_bg.png"); background-size: 80%; border-radius:0 0 15px 15px}
.SMP #vrgb .catch{width:90%;}

.SMP #vrgb #yuwa, .SMP #vrgb #luka, .SMP #vrgb #u-san{position:static;}
.SMP #vrgb #yuwa, .SMP #vrgb #luka,.SMP #vrgb #u-san {width:100%;margin: 0 auto 20px;}
.SMP #vrgb #u-san .ph {width:80%;}

.SMP #vrgb #yuwa .ph, .SMP #vrgb #luka .ph{width:60%; margin: 0 auto 10px;}

.SMP #vrgb .name {width:30%;}
.SMP #vrgb #u-san .name {width:50%;}
.SMP #vrgb .txt{font-size:1rem; }

.SMP #vrgb .profile{font-size:0.9rem;width:80%; margin:0 auto;}
.SMP #vrgb .profile br, .SMP #vrgb .txt br{display: none;}

.SMP #vrgb #luka .profile{text-align:left;}
.SMP #vrgb #u-san .profile{width:80%; margin:0 auto; padding-bottom:10px;}
.SMP #vrgb .illust{position: static; padding-bottom:5px;}