@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

.comment-form-email, .comment-form-url, .comment-notes {
  display: none;
}

/*サイドメニュー*/
.side_menu{
margin-bottom:0;
}
.side_menu ul{
margin-top: 0;
}
.side_menu li{
border-bottom: 1px dotted #ccc;
border-bottom: 1px dotted rgba(0,0,0,.2);
margin:0 !important;
padding:0;
}
.side_menu li a{
display:block;
padding: 0.5em 0.5em 0.5em 0.5em;
margin:0;
position:relative;
}
.side_menu li:last-child{
border-bottom:none;
}
.side_menu ul {
  list-style: none;
  padding-left: 0px;
}
.side_menu li {
  list-style:none;
  padding-left: 0px;
}
.side_menu li a{
  text-decoration: none;
}

.app_list{}
.app_list ul{}
.app_list li{ overflow:hidden; padding:10px 0; border-bottom:dotted 1px #666; display:table; width:100%; margin:0 !important;}
.app_list li a{ display:block;}
.app_list li .icon{ float:left; margin-right:10px;}
.app_list li .icon img{ width:50px; height:50px; border-radius:16px;}
.app_list li .apptitle{ height:50px; display:table-cell; vertical-align:middle; width:100%;}
.app_list li:first-child{ padding:0 0 2 0;}
.app_list li:last-child{ padding:2 0 0 0; border-bottom:none;}
.app_list li a{
  text-decoration: none;
}
.app_list ul {
  list-style: none;
  padding-left: 0px;
}
.app_list li {
  list-style:none;
  padding-left: 0px;
}

.gacha_name_detail{background: #FFF;
    padding: 5px;
    margin-bottom: 10px;
    border: solid 2px #ffa349;
    text-align: center;}
.gacha_go{ overflow:hidden; position:relative; margin-bottom: 20px;}
.gacha_go a{display: block;
    background: #ff4985;
    color: #FFF;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    border: solid 2px #FFF;
    font-weight: bold;}
.tweet_btn a{display: block;
    background: #52aaf2;
    color: #FFF;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    border: solid 2px #FFF;
    font-weight: bold;
	margin-bottom:10px;}
.reset_gacha_go a{display: block;
    background: #ffa349;
    color: #FFF;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    border: solid 2px #FFF;
    font-weight: bold;
	margin-bottom:10px;}
.kakutei{    background: #FFF;
    color: #ff4985;
    border: solid 2px #ff4985;
    border-radius: 50px;
    width: 150px;
    font-size: 12px;
    text-align: center;}

.gacha_event,.gacha_nomail,.gacha_etc,.gacha_result,.gacha_all_result{ overflow:hidden; position:relative;}	
.gacha_event li,.gacha_nomail li,.gacha_etc li,.gacha_result li,.gacha_all_result li{ list-style:none; float:left;}
.gacha_event li:before,.gacha_nomail li:before,.gacha_etc li:before,.gacha_result li:before,.gacha_all_result li:before,.gacha_all_result_data li:before,.comp_flag_set li:before{ display:none !important;}
.gacha_event .th img,.gacha_nomail .th img,.gacha_etc .th img,.gacha_result .th img,.gacha_all_result .th img{ margin-bottom:0;}
.gacha_event a,.gacha_nomail a,.gacha_etc a,.gacha_result a,.gacha_all_result a{ text-decoration:none; text-align:center;}
.gacha_event .charaname,.gacha_nomail .charaname,.gacha_etc .charaname,.gacha_result .charaname,.gacha_all_result .charaname{ font-size:12px; width:100px; height:35px;}
.gacha_event .rarity,.gacha_nomail .rarity,.gacha_etc .rarity,.gacha_result .rarity,.gacha_all_result .rarity{ font-size:12px;}


.gacha_all_result_data{}
.gacha_all_result_data ul{ border:solid 1px #000000; overflow:hidden; padding:0px; margin-bottom:0px;}
.gacha_all_result_data li{ float:left; list-style:none; padding:0 !important; margin:0 !important;}
.gacha_all_result_data li span{ display:block; border:solid 1px #000000; padding:10px 0; text-align:center; font-size:10px;}
.all_jem_title{ width:20%; background:#454545; color:#FFF; padding:0px !important;}
.all_rearity1_title{ width:13%; background:#454545; color:#FFF; padding:0px !important;}
.all_rearity2_title{ width:13%; background:#454545; color:#FFF; padding:0px !important;}
.all_rearity3_title{ width:13%; background:#454545; color:#FFF; padding:0px !important;}
.all_rearity4_title{ width:13%; background:#454545; color:#FFF; padding:0px !important;}
.all_rearity5_title{ width:13%; background:#454545; color:#FFF; padding:0px !important;}
.all_total_value_title{ width:15%; background:#454545; color:#FFF; padding:0px !important;}
.all_rearity_rate_title{ width:50%; background:#454545; color:#FFF; padding:0px !important;}
.all_rearity_rem_title{ width:50%; background:#454545; color:#FFF; padding:0px !important;}
.all_jem{ width:20%;}
.all_rearity1{ width:13%;}
.all_rearity2{ width:13%;}
.all_rearity3{ width:13%;}
.all_rearity4{ width:13%;}
.all_rearity5{ width:13%;}
.all_total_value{ width:15%;}
.all_rearity_rate{ width:50%;}
.all_rearity_rem{ width:50%;}
.all_jem span{ }
.all_rearity1 span,.all_rearity2 span,.all_rearity3 span,.all_rearity4 span,.all_rearity5 span,.all_total_value span{ }

.comp_flag_set ul{ overflow:hidden; padding:0; margin:0 !important;}
.comp_flag_set li{ float:left; position:relative; list-style:none; width:50px; height:50px; margin:0 6px 5px 0 !important; padding:0 !important;}
.comp_flag_set li img{ width:50px;}
.comp_flag_on{ width:50px; position:absolute; top:0; height:50px; z-index:1;}
.comp_flag_on img{ opacity:0.5;}
.comp_flag_on:before{ content:""; background:url(/img/get.png); background-size:50px 50px; position:absolute; top:0; height:50px; width:50px; z-index:5;}
.count_on{ position:absolute; z-index:10; background:#000; opacity:0.8; border-radius:50px; padding:2px 7px 1px 7px; font-size:10px; text-align:center; color:#FFF; top:37px; left:36px;}
.count_off{ display:none;}

.comp_flag_set{
	border-right: solid 2px #000;
	border-left: solid 2px #000;
	border-bottom: solid 2px #000;
    padding: 5px;
    margin: 0 0 20px 0;
}
.comp_flag_set ul{ margin-bottom:0px;}