/*****************************************************-
CSS Document : おすすめ手書きアプリ専用
- ****************************************************/

.f02k_app_menu ul{ overflow:hidden; margin:0; padding:0;}
.f02k_app_menu ul li{ list-style:none; float:left; width:30%; margin-left:1.6%; margin-right:1.6%; margin-bottom:1.5em;}
.f02k_app_menu ul li a{ display:block; text-decoration:none;}
.f02k_app_menu ul li a dl{ width:100%;}
.f02k_app_menu ul li a dl dt{ width:20%; float:left;}
.f02k_app_menu ul li a dl dt img{ width:100%; height:auto;}
.f02k_app_menu ul li a dl dd{ margin-left:22%;}
.f02k_app_menu ul li a dl dd span{ color:#fff; display:block; width:4.5em; text-align:center; font-size:0.7em; padding:2px;}
.f02k_app_menu ul li.puzzle span{ background:#e73440;}
.f02k_app_menu ul li.art span{ background:#105d9c; width:8.5em;}
.f02k_app_menu ul li.game span{ background:#267a08;}
.f02k_app_menu ul li.other span{ background:#c07000;}

@media screen and (max-width: 750px) {
.f02k_app_menu ul li a dl dt{ width:35%;}
.f02k_app_menu ul li a dl dd{ margin-left:37%;}
}
@media screen and (max-width: 450px) {
.f02k_app_menu ul li{ width:48%; margin-left:1%; margin-right:1%;}

}

.f02k_app .cts-inr ul{ margin-left:5px;}

.f02k_app .screenshot_block{ margin:2em 0;}

.f02k_app .googlePlay { text-align: center; font-size:120%; margin-top:5em;}
.f02k_app .googlePlay a { display: inline-block; width: 500px; line-height: 1; padding-top: 15px; padding-bottom: 18px; font-size:153.846%; background:#d22626; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none;}
.f02k_app .googlePlay a:hover { filter: 0.8 !important; -moz-opacity: 0.8 !important; opacity: 0.8 !important;}

.viewport{ display:none;}


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

.f02k_app_menu{}

.f02k_app .screenshot_block{ display:none;}

.f02k_app .googlePlay { margin-top:30px; padding-left:12px; padding-right:12px;}
.f02k_app .googlePlay a { display: block; width:auto; line-height: 1.8; padding-top: 10px; padding-bottom: 10px; background:#d22626; font-size:1.4rem; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none;}

.f02k_app .viewport { display:block; width: 100%; overflow: hidden; margin: 2em auto 0; -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */}

#snoopyOTD.f02k_app .flipsnap,
#snoopyNuriepuzzle.f02k_app .flipsnap,
#chalkdashd.f02k_app .flipsnap,
#nuriepuzzle.f02k_app .flipsnap,
#medibang_android_paint.f02k_app .flipsnap { width: 800px; /* 200px(item width) * 4(item count) */}
#medibang_android_colors.f02k_app .flipsnap{ width: 600px; /* 200px(item width) * 3(item count) */}
#chalkdashd.f02k_app .flipsnap { width: 1200px; /* 220px(item width) * 4(item count) */}

.f02k_app .flipsnap:after { content: ''; display: block; clear: both; height: 0;}

.f02k_app .item { float: left; width: 200px;}
.f02k_app .item img{ width:200px; height:auto;}
.f02k_app .width_display .item { float: left; width: 300px;}
.f02k_app .width_display .item img{ width:300px; height:auto;}

}