@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////

[wrap]
	[content]

/////////////////////////////////////////////////////////////////// */

a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
img{
max-width:100%;
}
body{
line-height:1.3;
font-size:12px;
max-width:740px;
margin:0 auto;
}
/* =========================================================
wrap
========================================================= */
#wrap {
}

#wrap #header {
}

#wrap #header h1 {
background:#333;
color:#fff;
font-size:12px;
text-align:center;
padding:5px;
margin:0;
}

#wrap #header h2 {
font-size:18px;
padding:5px;
margin:10px 0;
}

#wrap #header p {
text-align:right;
font-size:11px;
color:#999;
padding:5px;
margin:0;
}
#wrap #header p span{
display:block;
margin-bottom:3px;
}

#wrap #header p .writer {
}

#wrap #header p .update {
}

/* =========================================================
content
========================================================= */
#wrap #content {
}

#wrap #content .app_box {
}

#wrap #content .app_box .app_box_item {
}
#wrap #content .app_box .app_box_item .lead_info{
padding:20px 10px;
background:#fffded;
font-size:16px;
font-weight:bold;
text-align:center;
border-top:solid 2px #fff283;
}
#wrap #content .app_box .app_box_item .lead_info p{
margin:0;
/*animation:puyon 2.0s linear 0s infinite;*/
}
@keyframes puyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  25%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  30%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  35%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  40%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  50% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

#wrap #content .app_box .app_box_item .base_info {
padding:10px;
}

#wrap #content .app_box .app_box_item .base_info .left {
float:left;
width:80px;
margin-right:10px;
}

#wrap #content .app_box .app_box_item .base_info .left a {
display:block;
}

#wrap #content .app_box .app_box_item .base_info .left a img {
border-radius:18px;
border:solid 1px #f5f5f5;
}

#wrap #content .app_box .app_box_item .base_info .right {
overflow:hidden;
}

#wrap #content .app_box .app_box_item .base_info .right .app_title {
margin:0;
font-weight:bold;
font-size:18px;
margin-bottom:5px;
}

#wrap #content .app_box .app_box_item .base_info .right .app_catch {
margin:0;
font-size:14px;
font-weight: bold;
color: #333;
}

#wrap #content .app_box .app_box_item .base_info .right a {
}

#wrap #content .app_box .app_box_item .dl_btn {
padding:10px;
clear:both;
}

#wrap #content .app_box .app_box_item .dl_btn p {
margin:0;
}

#wrap #content .app_box .app_box_item .dl_btn p a {
display:block;
background:#ff6284;
padding:15px;
font-size:18px;
text-align:center;
font-weight:bold;
border-radius:100px;
border-bottom:solid 3px #d52e52;
color:#fff;
text-decoration:none;
}

#wrap #content .app_box .app_box_item .text_info {
padding:10px;
}
#wrap #content .app_box .app_box_item .text_info .text_info_video video{
width:100%;
max-width:100%;
height:auto;
}
#wrap #content .app_box .app_box_item .text_info p {
margin:0 0 10px 0;
font-size:14px;
line-height:1.5;
}

#wrap #content .app_box .app_box_item .text_info p img {
display:block;
margin:0 auto;
}

#wrap #content .app_box .app_box_item .text_info p .imp_txt {
color:red;
background:linear-gradient(transparent 60%, #ff6 60%);
font-weight:bold;
}

#wrap #content .app_box .app_box_item .review_info {
margin:10px;
border:solid 2px #fff283;
}

#wrap #content .app_box .app_box_item .review_info h3 {
background:#fff283;
color:#555;
font-size:16px;
font-weight:bold;
text-align:center;
padding:5px;
margin:0;
}
#wrap #content .app_box .app_box_item .review_info h3 span{
color:#ff6f00;
}

#wrap #content .app_box .app_box_item .review_info .review_item {
padding:10px;
background:#fffded;
border-bottom:solid 1px #fff283;
}

#wrap #content .app_box .app_box_item .review_info .review_item .review_item_ttl {
padding-left:25px;
margin:0 0 10px 0;
font-size:14px;
font-weight:bold;
color:#333;
background-image:url(../img/icon_review.png);
background-size:18px;
background-repeat:no-repeat;
background-position:left top;
}

#wrap #content .app_box .app_box_item .review_info .review_item .review_item_txt {
margin:0;
font-size:12px;
color:#555;
}
#wrap #content .app_box .app_box_item .review_info .review_item .review_item_txt .imp_review{
color:red;
font-weight:bold;
}
#wrap #footer {
background:#333;
height:80px;
}
#wrap #footer p{
line-height: 20px;
color: #fff;
text-align: center;
padding: 10px;
margin: 0;
}