@charset "UTF-8";
/*===========================
          Layout
===========================*/


body,html{margin:0;padding:0;color:#fff;font-family: "Rounded Mplus 1c";}

#header{background:#2c4353;box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.3);}
#header img{width:30%;display:block;padding:10px;margin:0 auto;}

#wrapper{
	width:100%;
	margin:0;
	background:url(../img/snows_bk.png);
	text-align:center;
}
.inner{
	display:inline-block;
	width:100%;
	max-width:480px;
	margin:0 auto;
	padding:0;

	line-height:1.6;
}

p{line-height:1.5;margin:10px 20px 20px;font-size:14px;text-align:left;}
.small{display:block;line-height:1.4;font-size:12px;text-align:left;}
small{font-size: small;}
strong{font-weight:bold;}
a{color:#e83818;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a img:hover {opacity:0.7;}
img{border:0;margin:0;padding:0;display: block;width:100%;-webkit-pointer-events:none;}

header h1{font-size:12px;padding:4px 0;letter-spacing: 2px;background:#2c4353;line-height:1.1;}
header h1 span{font-size:10px;letter-spacing: 3px;}
h2{padding:20px 0;text-align:center;}
h2 img{width:80%;display:block;margin:0px auto;}
h3{text-align:center;font-size:18px;font-weight:bold;padding-top: 20px;padding-bottom:10px;}

li{ list-style:none;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}




/*旧css対応*/
h4{text-align:center;font-size:18px;font-weight:bold;padding-top: 20px;padding-bottom:10px;}
h5{text-align:center;font-size:14px;font-weight:bold;}

hr{border:0; margin:0;padding:0;border-bottom: 1px solid #778c9a;}
hr.line{border:0;height: 14px;background-image: url(/img/line.png);background-repeat: no-repeat;width:100%;background-size:contain;margin:30px 20px 20px;}


.contents{padding:0px 20px 30px;}

/*===========================
      Object-Component
===========================*/
#header{background:#2c4353;}
.top_img{margin:15px 10px 0;text-align:center;}
.top_img img{width:70%; display:block;margin:10px auto;}
.logo_img{margin:0 10px 20px;text-align:center;}
.logo_img img{width:60%; display:block;margin:10px auto;}
.top_btn_box{width:100%;}
.top_btn_inner{width:auto;margin:10px auto;text-align:center}
.btn_w{height:24px;line-height:24px;border-radius:12px;display:inline-block;width:30%;border:1px solid #778c9a;text-align:center;font-size:12px;color:#fff;text-decoration:none;}
.header_img{width:35%;display:block;margin:0 auto;padding:10px 0;}

/*スライドメニュー*/
.bx-wrapper{-moz-box-shadow: none!important;margin-bottom: 30px!important;-webkit-box-shadow: none!important;box-shadow: none;border:none!important;}
.bx-wrapper .bx-pager { padding-top: 10px!important;bottom: -20px!important}

.drawer-hamburger{position:absolute!important;top:-5px}
.drawer-menu{background:#272C30;color:#fff;font-weight:bold;position: relative;font-size:13px;}
.drawer-brand,.drawer-menu-item{color:#fff;!important;}
.drawer-menu-item{border-bottom:1px solid #40464D;padding-left:20px;text-align:left;}
.drawer-menu{border-top:1px solid #40464D;}
.drawer-menu li{position: relative;}
//.drawer-menu li a{padding-left:20px;font-size:13px;text-align:left;}
.drawer-menu li a:hover{background:#e83818;color:#fff;text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.drawer-menu li a.drawer-menu-item:after {display: block;position: absolute;top: 50%;right: 20px;width: 7px;height: 7px;margin-top: -4px;border-top: solid 1px #ddd;border-right: solid 1px #ddd;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";}

.drawer_inr{background:#272C30;padding:10px;}
.drawer_top_tbl{display:table;width:100%;}
.drawer_top_btn1{display:table-cell;width:50%;padding:5px;}
.drawer_top_btn1 a{background:#fff;display:block;padding:10px;color:#000;text-decoration:none;text-align:center;}
.drawer_top_btn2{display:block;padding:5px;margin}
.drawer_top_btn2 a{background:#fff;display:block;padding:10px;color:#000;text-decoration:none;text-align:center;}
.drawer-menu-links{margin:20px 0;}
.drawer-menu-links a{display:block;height:30px;border-radius:15px;line-height:30px;background:#464C53;margin:10px 15px;padding-left:20px;color:#fff;text-decoration:none;}

.drawer-nav{background-color:#000!important;overflow:auto}

.drawer-menu{
 min-height:100%;
 overflow: auto!important;
 -webkit-overflow-scrolling: touch;
}
.drawer_inr{
	border-bottom:1px solid #40464D;
}

.bx-viewport{background:url(/img/top/top_bnr_bk.png);background-size:cover}
.bxslider a img{opacity:1;}

.tent_area{position:relative;margin-top:-85%;margin-bottom:100%;}
.open_tent{position:absolute;width:100%;top:0;left:0;pointer-events: none;}
.close_tent{display:block;position:absolute;width:100%;top:0;left:0;overflow: hidden;pointer-events: none;}
.close_tent img{width:100%;}

/*ニュースエリア*/
.news_area{color:#fff;margin-bottom:20px;}
.news_area ul{border-top:1px solid #778c9a;}
.news_area ul li{text-align:center;position:relative;text-align:left;line-height:1.4;border-bottom:1px solid #778c9a;}
.news_area ul li a{min-height:20px;padding:10px 20px 10px 20px;background:url(/img/arrow.png) no-repeat 98%;background-size: 10px;color:#fff;text-decoration:none;}
.news_area ul li:hover{background:rgba(44,67,83,0.7);}
.news_area ul li a{display:block;}
.news_area ul li p{font-size:15px;margin:0px;}
.news_tag{height:16px;line-height:16px;font-size:11px;padding:0 6px;color:#fff;display:inline-block;margin-bottom:3px;border-radius:3px;}

.subc10{background:#c0542d;}/*NEWS*/
.subc11{background:#004679;}/*LIVE*/
.subc12{background:#d6d680;}/*MEDIA*/
.subc13{background:#499475;}/*RELEASE*/
.subc14{background:#9599b2;}/*GOODS*/
.subc15{background:#8eb4d9;}/*PRESENT*/
.subc16{background:#8b342a;}/*WALLPAPER */
.subc17{background:#58656e;}/*SUPPORT*/
.subc18{background:#c50030;}/*SPECIAL*/
.subc19{background:#d16b16;}/*INVITATION*/
.subc20{background:#6c7822;}/*MEMBER*/
.subc21{background:#33476a;}/*STAFF*/
.subc22{background:#c8d627;}/*MOVIE*/
.subc23{background:#c2007b;}/*COVER */
.subc24{background:#5e2a58;}/*PHOTO*/
.subc25{background:##84762f;}/*RADIO*/
.subc26{background:#244765;}/*PLAY ROOM*/
.subc27{background:#814523;}/*BBS*/
.subc28{background:#bf7220;}/*AVATAR*/
.subc29{background:#872226;}/*VIPROOM*/
.subc30{background:#5f556e;}/*SHOP*/
.subc31{background:#33476a;}/*APP*/

.news_date{font-size:12px;display:inline-block;margin-bottom:3px;}
.more_btn{display:block;margin:15px auto 40px;padding:8px;width:100px;background:rgba(44,67,83,0.7);text-align:center;font-size:13px;font-weight:bold;border:1px solid #778c9a;color:#fff;text-decoration:none;}

/*リストエリア１*/
//.list_area a,.list_area2 a,.list_area3 a,.list_area4 a{display:table;width:100%;}
//.list_area ul li,.list_area2 ul li,.list_area3 ul li,.list_area4 ul li,.list_area5 ul li{text-align:center;text-align:left;line-height:1.4;border-bottom:1px solid #ccc;}
//.list_area ul li:first-child,.list_area2 ul li:first-child,.list_area3 ul li:first-child,.list_area4 ul li:first-child,.list_area5 ul li:first-child{border-top:1px solid #ccc;}
//.list_area ul li:hover,.list_area2 ul li:hover,.list_area3 li:hover,.list_area4 ul li:hover{background:rgba(44,67,83,0.7);}

//.list_area ul li a{min-height:20px}
//.list_img_box{height:60px;width:60px;position:absolute;top:10px;left:10px;display:table-cell;}
//.list_img_box .trim_box{overflow: hidden; height:60px;width:60px;position: relative;}
//.list_img_box .trim_box img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);
//  -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%; height: auto;}
//.list_txt_box{display:table-cell;height:100%;vertical-align: middle;padding:20px 20px 20px 90px}

//.list_area2 .list_img_box{height:300px;width:190px;}
//.list_area2 .trim_box{height:300px;width:190px;}
//.list_area2 .list_txt_box{padding:20px 46px 20px 120px}
//.list_area2 .list_txt_box p{min-height:40px;}
//.list_area2 img{height:60px;}

//.list_area2 ul li a{min-height:20px;background:url(../img/arrow_w.png) no-repeat 98%;background-size: 10px;}
//.list_area3 ul li a{min-height:20px;}
//.list_area4 ul li a{min-height:20px;background:url(../img/arrow_w.png) no-repeat 98%;background-size: 10px;}
//.list_area5 ul li{padding:20px;border-bottom:1px solid #ccc;}
//.list_area5 img{width:100%}

//.list_area3 .list_txt_box{padding:20px;}
//.list_area4 .list_txt_box{padding:20px 46px 20px 20px;}

//.list5_titl{display:block;text-align:center;font-size:24px;margin-bottom:10px;}
//.list5_txt{text-align:left;line-height:1.4;}
//.list_area2,.list_area3,.list_area4{margin-bottom:30px;}

.list_area{margin:20px 0;}
.list_area ul{border-buttom:1px solid #778c9a;}
.list_area li:first-child{border-top:1px solid #778c9a;}

.list_area li a {
   width: 100%;
   color:#fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  border-bottom:1px solid #778c9a;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
  padding: 10px;
}

.list_area li{min-height:20px;background:url(/img/arrow.png) no-repeat 98%;background-size: 10px;}

.list_area li a:hover {background:rgba(44,67,83,0.7);}
.list_area li div {width: 140px;position: relative;}
.list_area li div.vote {width: 80px;position: relative;}
.list_area li div img{width:100%;}

.list_area li p {
  -webkit-box-flex: 1.0;
  -moz-box-flex: 1.0;
  -o-box-flex: 1.0;
  -ms-box-flex: 1.0;
  line-height: 1.5;
  font-size:15px;
  margin:0;
  padding:0 20px 0 10px;
}

.list_btn{text-align:center;display:block;line-height:30px;border-radius:15px;background:#ccc;color:#fff;}
.button{text-align:center;line-height:30px;border-radius:15px;background:#ddca7d;color:#fff;margin:20px;padding:3px 5px;}
.button a{color:#fff;display:block;text-decoration:none;font-weight:bold;}
.button a:hover{color:#fff;text-decoration:none;font-weight:bold;}

.list_date{font-size:12px;display:inline-block;margin-bottom:3px;}


.list_area li .play {
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #fff;
  border-right: 0px solid transparent;
  margin:4px 3px 0 0;
  float:left;
}

.list_area li .time{
    padding:2px 5px;
    text-shadow: none;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    background-color: rgba(0,0,0,0.7);
    position:absolute;
    left:0px;
    bottom:0px;
    overflow:hidden;
}

.list_tag{color:#fff;font-size:10px;padding:0 10px;margin-top:5px;display:inline-block;}
.ytag{background:#d9db23;}
.rtag{background:#cc4041;}
.gtag{background:#68b697;}



iframe{display:block;margin:20px auto;}

.pager{margin:10px auto 30px;text-align:center;}
.pager li{display:inline-block;margin:10px;width:130px;font-size:14px;}
.pager_prev{background:#8eb2cc;padding:8px 50px;text-decoration:none;color:#fff;}
.pager_next{background:#7db4dd;padding:8px 50px;text-decoration:none;color:#fff;}


/*旧css対応*/
.page{margin:10px auto 30px;text-align:center;}
.page div{display:inline-block;margin:10px;font-size:14px;}
.page .left{background:#8eb2cc;padding:8px 50px;}
.page .right{background:#7db4dd;padding:8px 50px;}
.page .left a,.page .right a{text-decoration:none;color:#fff;display:block;}

/*記事詳細*/
.article_area{text-align:left;margin-bottom:20px;}
.article_title{padding:20px;border-bottom:1px solid #778c9a;}
.article_desc{padding:30px 20px 20px;text-align:left;line-height:1.5;font-size:14px;}
.article_desc img{width:100%;display:block;margin:0 auto;}
.article_desc p{line-height:1.5;margin:20px　0;font-size:14px;text-align:left;}
.article_title{text-align:left;}
.article_date{font-size:11px;display:block;margin-bottom:3px;}

/*ニュース詳細*/
.news_desc{padding:30px 0px;text-align:left;line-height:1.5;font-size:14px;}
.news_desc img{display:block;margin:0 auto;}
.news_desc p{line-height:1.5;margin:0px 20px;font-size:14px;text-align:left;}
.news_desc .button{text-align:center;border-radius:15px;background:#ddca7d;color:#fff;margin:0px 20px;padding:3px 5px;font-size:15px;}
.news_desc .button a{color:#fff;display:block;text-decoration:none;font-weight:bold;}
.news_desc .button a:hover{color:#fff;text-decoration:none;font-weight:bold;}

.detail_news_area{text-align:left;line-height: 1.4;border-bottom:1px solid #778c9a;}
.detail_news_area a{display:block;}
.detail_news_area .news_date{display:block;}
.orange_link{color:#e83818;text-decoration:underline;}
.orange_title{color:#e83818;display:block;margin:10px 0;text-align:center;font-weight:bold;}
//.item_img{width:60%;margin:0 20%}


.gray_box_head{height:30px;line-height:30px;background:#333;color:#fff;font-weight:bold;text-align:center;margin:20px 20px -25px 20px;}
.gray_box{background:#f4f4f4;padding:20px 0 15px;margin:25px 20px;color:#000000;}
.gray_box img{display:block;margin:10px auto;}
.gray_box img.w100{width:100%;}
.gray_box img.w50{width:50%;}
.gray_box .button{text-align:center;line-height:30px;border-radius:15px;background:#ddca7d;color:#fff;margin:10px 20px;padding:3px 5px;}
.gray_box .button a{color:#fff;display:block;text-decoration:none;font-weight:bold;}
.gray_box .button a:hover{color:#fff;text-decoration:none;font-weight:bold;}
.gray_box h3,.wh_box h3{text-align:center;font-weight:bold;font-size:20px; margin:15px 0;}
.gray_box h4{font-weight:bold;padding:0;margin:0 10px 10px;font-size:16px;}

.frame_box{background:#f4f4f4;margin:30px 20px;color:#000000;background-image: url(/img/waku02.png);background-size: contain;background-repeat:repeat-y;}
//.frame_box:before{content: '';display:block;width: 100%;height: 30px;background-image: url(/img/waku01.png);background-size: contain;background-repeat:no-repeat;}
//.frame_box:after{content: '';display: block;width: 100%;height: 30px;background-image: url(/img/waku03.png);background-size: contain;background-repeat:no-repeat;}
.frame_box p{line-height:1.5;margin:10px 40px;font-size:14px;text-align:left;}
.frame_box img{display:block;margin:10px auto;}
.frame_box img.w100{width:100%;}
.frame_box img.w50{width:50%;}
.frame_box .button{text-align:center;line-height:30px;border-radius:15px;background:#ddca7d;color:#fff;margin:10px 40px 20px;padding:3px 5px;}
.frame_box .button a{color:#fff;display:block;text-decoration:none;font-weight:bold;}
.frame_box .button a:hover{color:#fff;text-decoration:none;font-weight:bold;}
.frame_box h3{text-align:center;font-weight:bold;font-size:20px; margin:15px 0;}
.frame_box h4{font-weight:bold;padding:0;margin:10px 10px 10px;font-size:16px;}


.wh_box{background:#ffffff;padding:20px 10px;margin:20px;color:#000000;}
.wh_box img{width:100%;}

.wh{background:#ffffff; color:#000000;padding-bottom:20px;}
.wh hr{border:0; margin:0;padding:0;border-bottom: 1px dashed #666;}
.bk{background:#000000; color:#ffffff;padding-bottom:20px;}
.bk hr{border:0; margin:0;padding:0;border-bottom: 1px solid #fff;}

.name_bar{border-bottom:1px dotted #000;padding:0 0 10px;}
.photo_s{padding-right:10px;float:left;}
//.gray_box_title{display:block;text-align:center;padding:10px;font-weight:bold;font-size:20px;}

//.btn_box{text-align:center;display:table;width:100%;}
//.btn_box a{background:#000;color:#fff;display:block;padding:5px 0;margin:0 2.5px;}


.item_list {width: 100%;color:#2c4353;margin-top:-30px;}
.item_list a{color:#e83818;}
.item_list td{padding:5px 5px;text-align:center;width:80px;}
.item_list img{width:80px;}
.item_name {text-align:center;padding:10px 0 0;font-size:13px;}
.id_chiket {text-align: center;font-size:12px;color:#008800;}
.item_update{font-size:12px;padding:5px 0;text-align:center;color:#f80000;font-weight:bold;}
.item_box_act{text-align:center;font-size:12px;padding:2px 0;margin-bottom:10px;}
.avatar_btn{text-align:center;display:block;line-height:30px;border-radius:15px;background:#ddca7d;margin:20px 20px 0;color:#fff;text-decoration:none;;}
.avatar_btn a{color:#fff;text-decoration:none;}


.btn_box{margin:20px auto;text-align:center;}
.btn_box li{list-style-type:none;background:#ddca7d;display:inline-block;margin:0 5px;padding:8px;width:36%;font-size:14px;border-radius:15px;text-align:center;font-weight:bold;}
.btn_box li a{color:#fff;text-decoration:none;display:block;}

.career{text-align:center;display:table;width:90%;margin:0 auto;}
.career a{color:#fff;display:block;padding:5px 0;margin:0 5px;color:#fff;text-decoration:none;font-size:13px;font-weight:bold;}
.docomo,.au,.softbank{display:table-cell;width:30%;}
.docomo a{background:#CA0A37;}
.au a{background:#E9551F;}
.softbank a{background:#666666;}

.gray_box_btn{display:table-cell;width:100%;}
.gray_box_btn2{display:table-cell;width:50%;}
.gray_box_btn3{display:table-cell;width:33%;}

.nav_btn_box{margin-top:10px;text-align:center;display:table;width:100%;}
.nav_btn_box a{display:block;margin:0 2.5px;}
.nav_btn_box a img{width:100%;}

.two_rows{overflow:hidden;margin:20px 0;text-align:center;padding-bottom:20px;}
.two_rows p{margin:10px;}
.two_rows ul{overflow:hidden;}
.two_rows li{list-style-type:none;float:left;width:40%;padding:3%;margin:10px 0 8px 9px;color:#000;font-size:12px;line-height:1.3;text-align:center;}
.two_rows li span{font-weight:bold;font-size:15px;}
.two_rows li img{width:100%;}


/* BBS */
.bbs{display: table; width: 95%; overflow:hidden;text-align:left;margin:0px 0 10px;padding-bottom:5px;}
.bbs_nickname{ display: table-cell; text-align: left;padding-left:10px;overflow:hidden;}
.bbs_time{display: table-cell; text-align: right;  font-size: 12px;padding-right:10px;}
.bbs_nickname .new{width:35px;float:right;margin:3px 0 0;padding:0;}

/*メニューエリア*/
.menu_area {margin:10px 0;}
.menu_area li{width:49%;box-sizing:border-box;padding:10px 5px;display:inline-block;vertical-align:top;font-size:12px;line-height:1.5;text-align:center;}
.menu_area li img{display:block;width:100%; margin:0 auto 10px;}
.menu_area li img.nametag{display:block;width:55%;margin-top:5px;opacity:.7;}
.menu_area li a{color:#fff;text-decoration:none;}
.menu_btn_w{display:block}
.menu_btn_w img{width:100%;}


.menu_area2{text-align:center;font-size:14px;font-weight:bold;margin:10px 20px 20px;}
.menu_area2 li{margin:5px 3px;padding:8px 9px;width:40%;display: inline-block;border:1px solid #ffffff;text-align:center;}
.menu_area2 li a{color:#fff;display:block;text-decoration:none;}




/*STATUS*/
.list_box dl{display:block;border-bottom:solid #778c9a 1px;margin:20px;}
.list_box dt{width:40%;float:left;clear:both;text-align:left;font-size:12px;}
.list_box dd{width:60%;margin-left:40%;text-align:left;}
.list_box dt div,.list_box dd div{padding:10px;border-top:solid #778c9a 1px;}
.list_box dl dt:nth-child(4n-3),.list_box dl dd:nth-child(4n-2){}


.list_box2 {margin:20px;text-align:left;font-size:17px;}	
.list_box2 ul{border-top:solid 1px #778c9a;}
.list_box2 li{border-bottom:solid 1px #778c9a;border-collapse: collapse;padding:1% 0 2%;line-height:1.7;}
.list_box2 li span{font-size:12px;}


/*BBS注意事項*/ 
.log_box{margin:20px;border: solid 1px #808080;width:90%;height: 120px;padding:5px 0;overflow: auto;}
.log_box p{font-size:11px;line-height:1.4;text-align:left;}

/*FAQ*/ 
.accordion{margin:10px 0 20px;}
.accordion h5{text-align:center;font-size:18px;font-weight:bold;margin:10px auto;}
.accordion li { border-top:1px solid #778c9a;text-align:left;font-size:14px;}
.accordion li a{text-align:center;display:block;margin:0 auto;}
.accordion li span{padding:10px 15px;}
.accordion li .center{text-align:center}
.accordion li img{display:block;margin:10px auto;width:80%;}
.accordion li .none-submenu {display:block;position: relative;}
.accordion li .none-submenu:after {display: block;position: absolute;top: 50%;right: 10px;width: 7px;height: 7px;margin-top: -4px;border-top: solid 1px #ddd;border-right: solid 1px #ddd;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: "";}
.accordion li .submenu li{padding:10px 0 20px;}
.accordion li .submenu p{padding:0 10px;}
.accordion li .submenu a{display:inline;}
.accordion li .active-submenu {display:block;padding-bottom:10px;}
.accordion li p{margin:10px;line-height:1.5em;}




#back{background:url(/img/back.png);background-repeat:no-repeat;background-size:60px 20px;height:20px;margin:20px 20px 10px;}
#back a{display:block;}

/*footer*/
.footer_inr{padding:0 20px 10px;background:#2c4353;}
.footer_inr img.home{width:15%;display:block;margin:-10px auto;}
.footer_list_tbl{display:table;width:100%}
.footer_list_tbl dl{display:table-cell;width:50%;text-align:left;padding:10px;}
.footer_list_tbl dt{margin-bottom:10px;background:#000;color:#fff;font-size:14px;font-weight:bold;height:30px;line-height:30px;border-radius:15px;text-align:center;}
.footer_list_tbl dt a{color:#fff;text-decoration:none;}
.footer_list_tbl li{padding:8px 0;font-size: 12px;}
.footer_list_tbl li a{color:#fff;text-decoration:none;}
.footer_list_tbl li a:hover{color:#e83818;}
.footer_list_tbl li img{width:100%;}
.footer_btn{display:block;width:100%;text-align:center;}
.footer_titl{padding:20px 0 10px;margin:30px 0 10px;border-bottom:1px dotted #ccc;display:block;text-align:left;width:100%;}
.footer_site_titl{display:block;margin:10 0;}
.footer_site_titl img{width:100%;}
.footer_bottom{background:#000;padding:20px;color:#fff;}
.copy_right{margin-bottom:10px;font-size:14px;}
.footer_message{font-size:10px;line-height:1.4;}

/*===========================
      Object-Utility
===========================*/
.btn_2line{display:table;width:90%;margin:0 auto;}
.btn_2line div{display:table-cell;width:50%;}
.btn_2line a{border:1px solid #2c4353;box-sizing: border-box;margin:5px;display:block;padding:10px;text-align: center;height: 100%;color:#2c4353;text-decoration:none;}
.btn_1line a{border:1px solid #2c4353;box-sizing: border-box;margin:5px;display:block;padding:10px;text-align: center;color:#2c4353;text-decoration:none;width:88%;margin:6px auto;display:block;}
.btn_1line a:hover{background:rgba(44,67,83,0.3);}

.box_1line{border:1px solid #2c4353;box-sizing: border-box;margin:5px;display:block;padding:10px;text-align: center;color:#2c4353;text-decoration:none;width:88%;margin:20px auto;display:block;}

.inlinelink { text-decoration: underline; }

.gp:before, .gp:after { content: ""; display: table; }
.gp:after { clear: both; }

.clearfix:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
.clear { clear: both; }
.ir { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.disp { text-indent: -9999px; font-size: 0; line-height: 0; }
.elps { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.break-word { word-wrap: break-word; }
.fL { float: left; }
.fR { float: right; }
.fN { float: none !important; }
.imgfL { float: left; margin-right: 5px; }
.imgfR { float: right; margin-left: 5px; }
.full { width: 100% !important; }
.ninety { width: 90% !important; }
.eighty{ width: 80% !important; }
.half { width: 50% !important; }
.third { width: 33.3% !important; }
.quater { width: 25% !important; }
.fifth { width: 20% !important; }
.ref { position: relative; }
.abs { position: absolute; }
.bs { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.invisible { visibility: hidden; }
.ovH { overflow: hidden; }
.nodisp, .dn { display: none; }
.dispbl, .db { display: block; }
.dispin, .di { display: inline; }
.ds { display: inline-block; }
.dt { display: table; }
.dc { display: table-cell; }


.mT4 { margin-top: 4px; }
.mR4 { margin-right: 4px; }
.mB4 { margin-bottom: 4px; }
.mL4 { margin-left: 4px; }
.m8 { margin: 8px; }
.mT8 { margin-top: 8px; }
.mR8 { margin-right: 8px; }
.mB8 { margin-bottom: 8px; }
.mL8 { margin-left: 8px; }
.p0 { padding: 0; }
.pB10 { padding-bottom: 5px; }
.p4 { padding: 4px; }
.p8 { padding: 8px; }
.p8 { padding: 8px; }
.p8b0 { padding: 8px 8px 0 8px; }
.br0 { border: 0; }
.border-a { border: 2px solid #ccc; }
.border-b2 { border-bottom: 2px solid #778c9a; }
.border-b1 { border-bottom: 1px solid #778c9a; }

.brn { border-radius: 0; }
.brs { border-radius: 5px; }
.brm { border-radius: 10px; }
.brl { border-radius: 20px; }
.ca { color: #f29b8a; }
.subtextc { color: #8c8282; }
.red{ color: #ff0000; }
.orange{color:#e83818;}
.tx-g { color: #a6a6a6; }
.tx-cap { color: gray; }
.bg-g { background: #f7f7f7; }
.bg-w { background: #fff; }
.n { font-weight: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.tAC,.center { text-align: center; }
.tAL { text-align: left; }
.tAR { text-align: right; }
.f10 { font-size: 1rem; }
.f11 { font-size: 1.1rem; }
.f-xxs { font-size: 1.2rem; }
.f-xs { font-size: 1.3rem; }
.f-s { font-size: 1.4rem; }
.f-m { font-size: 1.5rem; }
.f-base { font-size: 1.6rem; }
.f-l { font-size: 1.8rem; }
.f-xl { font-size: 2rem; }
.small, .smaller { font-size: 12px; }
.smallest { font-size: 10px; }
.lh-h { line-height: 1.8; font-size:12px;}
.lh-l { line-height: 1.4; font-size:12px;}
.vt, .vrttp { vertical-align: top; }
.vm, .vrtmd { vertical-align: middle; }
.vb { vertical-align: bottom; }
.hList { overflow: hidden; }
.att { line-height: 1.5; color: #cc0000; }
.alert { border-radius: 50%; background-color: #bd0505; width: 15px; height: 15px; color: #ffffff; font-weight: bold; vertical-align: top; text-align: center; }
.dotline { border-top: 1px dotted #aca192; }

.clear{ clear: both;}
.disp{display:inline-block; overflow:hidden; height:0;}
.disNon{display: none;}
.ovH{ overflow: hidden;}
.fL{ float: left;}
.fR{ float: right;}
.taC{text-align:center;} .taL{text-align:left;} .taR{text-align:right;}
.bold{ font-weight: bold;}

.pLeft{ left: 0;}
.pRight{ right: 0;}
.pTop{ top: 0;}
.pBottom{ bottom: 0;}
.abslrightbottom{ right: 10px; bottom: 10px;}

.nowrap{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.m0A{margin:0 auto;}
.m0{ margin:0;}     .mT0{margin-top:0;}     .mB0{margin-bottom:0;}     .mR0{margin-right:0;}     .mL0{margin-left:0;}
.m5{ margin:5px;}   .mT5{margin-top:5px;}   .mB5{margin-bottom:5px;}   .mR5{margin-right:5px;}   .mL5{margin-left:5px;}
.m10{margin:10px;} .mT10{margin-top:10px;} .mB10{margin-bottom:10px;} .mR10{margin-right:10px;} .mL10{margin-left:10px;}
.m15{margin:15px;} .mT15{margin-top:15px;} .mB15{margin-bottom:15px;} .mR15{margin-right:15px;} .mL15{margin-left:15px;}
.m20{margin:20px;} .mT20{margin-top:20px;} .mT25{margin-top:25px;}    .mB20{margin-bottom:20px;} .mR20{margin-right:20px;} .mL20{margin-left:20px;}
.m30{margin:30px;} .mT30{margin-top:30px;} .mB30{margin-bottom:30px;} .mR30{margin-right:30px;} .mL30{margin-left:30px;}
.m40{margin:40px;} .mT40{margin-top:40px;} .mB40{margin-bottom:40px;} .mR40{margin-right:40px;} .mL40{margin-left:40px;}
.m50{margin:50px;} .mT50{margin-top:50px;} .mB50{margin-bottom:50px;} .mR50{margin-right:50px;} .mL50{margin-left:50px;}

.p0{ padding:0;}     .pT0{padding-top:0;}     .pB0{padding-bottom:0;}     .pR0{padding-right:0;}     .pL0{padding-left:0;}
.p5{ padding:5px;}   .pT5{padding-top:5px;}   .pB5{padding-bottom:5px;}   .pR5{padding-right:5px;}   .pL5{padding-left:5px;}
.p10{padding:10px;} .pT10{padding-top:10px;} .pB10{padding-bottom:10px;} .pR10{padding-right:10px;} .pL10{padding-left:10px;}
.p15{padding:15px;} .pT15{padding-top:15px;} .pB15{padding-bottom:15px;} .pR15{padding-right:15px;} .pL15{padding-left:15px;}
.p20{padding:20px;} .pT20{padding-top:20px;} .pB20{padding-bottom:20px;} .pR20{padding-right:20px;} .pL20{padding-left:20px;}
.p30{padding:30px;} .pT30{padding-top:30px;} .pB30{padding-bottom:30px;} .pR30{padding-right:30px;} .pL30{padding-left:30px;}
.p40{padding:40px;} .pT40{padding-top:40px;} .pB40{padding-bottom:40px;} .pR40{padding-right:40px;} .pL40{padding-left:40px;}
.p50{padding:50px;} .pT50{padding-top:50px;} .pB50{padding-bottom:50px;} .pR50{padding-right:50px;} .pL50{padding-left:50px;}

.w50{ width:50px;}   .h50{height:50px;}
.w100{width:100px;} .h100{height:100px;}
.w150{width:150px;} .h150{height:150px;}
.w200{width:200px;} .h200{height:200px;}
.w250{width:250px;} .h250{height:250px;}
.w300{width:300px;} .h300{height:300px;}

.fwB {font-weight:bold;}
.fs7  {font-size:7px;}  .fs8{font-size:8px;}   .fs9{font-size:9px;}
.fs10 {font-size:10px;} .fs16{font-size:16px;} .fs22{font-size:22px;}
.fs11 {font-size:11px;} .fs17{font-size:17px;} .fs23{font-size:23px;}
.fs12 {font-size:12px;} .fs18{font-size:18px;} .fs24{font-size:24px;}
.fs13 {font-size:13px;} .fs19{font-size:19px;} .fs25{font-size:25px;}
.fs14 {font-size:14px;} .fs20{font-size:20px;} .fs26{font-size:26px;}
.fs15 {font-size:15px;} .fs21{font-size:21px;} .fs27{font-size:27px;}

.w10{width:10%;margin:0px auto;padding:10px 0;}
.w20{width:20%;margin:0px auto;padding:10px 0;}
.w25{width:25%;margin:0px auto;padding:10px 0;}
.w30{width:30%;margin:0px auto;padding:10px 0;}
.w40{width:40%;margin:0px auto;padding:10px 0;}
.w48{width:48%;margin:0px auto;padding:10px 0;}
.w50{width:50%;margin:0px auto;padding:10px 0;}
.w60{width:60%;margin:0px auto;padding:10px 0;}
.w70{width:70%;margin:0px auto;padding:10px 0;}
.w80{width:80%;margin:0px auto;padding:10px 0;}
.w90{width:90%;margin:0px auto;padding:10px 0;}
.w95{width:95%;margin:0px auto;padding:10px 0;}
.w98{width:98%;margin:0px auto;padding:10px 0;}
.w100{width:100%;margin:0px auto;padding:10px 0;}

.wmax{ width: 100%;}
.posrltv { position: relative;}
.posabsl { position: absolute;}
.alphablack { background: #000; filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; color: #fff;}
.alpha_bg{background-color:rgba(0,0,0,0.65);color:#fff;}
.title{ font-size:1.5rem;line-height: 1.3; font-weight:bold;}
.dispbl{ display: block;}
.dispin{ display: inline;}
.dispinbl{ display: inline-block;}
.disptbl{ display: table;}
.disptbc{ display: table-cell;width:100%;}
.disptbc50{ display: table-cell;width:50%;}


.inline-2, .inline-3{width:100%;text-align:center;}
.inline-2 li {width:40%;display: inline-block;/display: inline;/zoom: 1;margin:5px;vertical-align: top;text-align:left;font-size:11px;line-height:1.5;}
.inline-2 li img{margin-bottom:3px;}
.inline-3 li {width:27%;display: inline-block;/display: inline;/zoom: 1;margin:5px;text-align:center;font-size:11px;}
.inline-3 li img{width:100%;}

/****************************
フォーム関連
****************************/

input[type="submit"],
button[type="submit"] {
  background-color: transparent;
  padding: 0.7em 1.25em;
  border: 1px solid #505050;
  border-radius: 3px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
 margin-bottom:10px;
}
input[type="submit"]:hover,
button[type="submit"]:hover {
  border-color: #5f98e1;
  color: #5f98e1;
}

#form{
 margin:10px;
}

#form p{
 margin:0 10px;
}

#form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}


#form .custom {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  border-radius: 0.2em;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 0 #AAA;
  background-color: white;
  margin:10px;
}

#form .custom > select {
  width: 130%;
  padding: 0.6em 2.4em 0.6em 0.6em;
  font-size: 1rem;
  color:#000;
}

#form .custom:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1.8em;
  display: block;
  content: "";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") center no-repeat;
  pointer-events: none;
}

#form .default .custom > select {
  width: auto;
}

#form .overflow .custom {
  overflow: visible;
}

#avatar overflow .custom select {
  outline: 2px dotted rgba(255, 255, 0, 0.5);
}

#form .radio input{
	display: none;
}

#form .radio label{
	display: block;
	cursor: pointer;
	width: 90%;
	margin: 5px auto 0;
	padding: 12px 5px;
	background: #f4f8fc;
	color: #555e64;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-radius:0.5em;
}

#form .radio input[type="radio"]:checked + label {
	background-color: #396b9e;
	color: #fff;
}



#form .radio_two_rows label{
	display: block;
	cursor: pointer;
	width: 100%;
	margin: 5px auto 0;
	padding: 12px 5px;
	background: #f4f8fc;
	color: #555e64;
	font-size: 16px;
	font-weight:bold;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-radius:0.5em;
}

#form .radio_two_rows input[type="radio"]:checked + label {
	background-color: #396b9e;
	color: #fff;
}

#form .radio_two_rows img{display:block;width:60%;margin:3px auto;}


#form textarea {
  width: 100%;
  height: 108px;
  background: #eee;
  border: 1px solid #bebebe;
  font-size: 1em;
  border-radius:10px;
  margin:10px auto 0;
  display:block;
}
#form textarea:focus {
  background: #edf4ff;
  border: 1px solid #4881d9;
}



/*旧css対応*/
#newsWrap{}
.faq{margin-bottom:30px;}
.faq li{text-align:center;position:relative;text-align:left;line-height:1.4;border-bottom:1px solid #778c9a;}
.faq li img{width:60%;display:block;margin:10px auto 20px;}
.faq a{display:block;color:#fff;text-decoration:none;}
.faq li a{min-height:20px;padding:20px 46px 20px 20px;background:url(/img/arrow.png) no-repeat 98%;background-size: 10px;}
.faq li a:hover{background:rgba(44,67,83,0.7);}


.question{background:#f4f4f4;padding:20px 10px 0;margin:20px 20px 0;color:#000000;border-bottom:1px dotted #000;}
.answer{background:#f4f4f4;padding:10px 10px;margin:0 20px 50px;color:#000000;overflow:hidden;}
.answer img{margin:10px 15px;float:left; width:100px;}
.question h3{text-align:center;font-weight:bold;font-size:20px; margin:15px 0;}
.question h4{font-weight:bold;padding:0;margin:0 10px 10px;font-size:16px;}

.answer_love{background:#f4f4f4;padding:0px 10px;margin:20px 20px 30px;color:#000000;}
.answer_love h3{text-align:left;line-height:1.4;margin:10px 10px -10px;font-size:15px;text-align:left;font-weight:bold;}
.answer_love .name{border-bottom:1px dotted #000; margin:10px; padding-bottom:10px;}
.youtube{padding:0 0 10px;}
.youtube h4{text-align:center;font-weight:bold;font-size:18px; margin:-10px auto;}

.title{ width:95%;margin:10px auto 20px;}
.book{background:#f4f4f4;padding:20px 10px;margin:20px 20px 30px;color:#000000;}
.book img{display:block;margin:5px auto;width:70%;}





/*Tweeted Memories*/

.tweeted_memories{padding:20px 0;margin:10px 20px;}
.more{
 background:#ddca7d;
 color:#fff;
 border-radius:15px;
 font-weight:bold;
 text-align:center;
 width:40%;
 margin:20px auto 0;
 text-shadow:none;
 padding:5px 10px;
}
p.center{
text-align:center;
}


/*history*/
.history{}


.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #667f90;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 0em;
    margin-bottom: 0em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
//.cd-timeline-img.cd-picture {background: #75ce66;}
//.cd-timeline-img.cd-movie {background: #c03b44;}

.cd-timeline-img.cd-location {
  background: #ddca7d;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.cd-timeline-img.cd-location h3{
  color:#fff;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  margin-top:-10px;
}


.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #4B6575;
  color:#000000;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
 text-align:left;
 margin:0;
 padding:0;
 font-weight:bold;
 line-height:1.4;
}
.cd-timeline-content img {
  width:100%;
  margin-top:10px;
}

.cd-timeline-content img.member{
 width:60%;
 display:block;
 margin:0 auto;
}


.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 10px 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: 3px 8px;
  background: #ffa500;
  color: white;
  border-radius: 0.25em;
  margin-top:20px;
}

.cd-timeline-content .cd-read-more a{text-decoration: none;}


//.no-touch .cd-timeline-content .cd-read-more:hover {background-color: #bac4cb;}

.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
//    font-size: 20px;
//    font-size: 1.25rem;
  }
  .cd-timeline-content p {
//   font-size: 16px;
//    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/*今日の占い*/

.uranai_bk{
 background-image:url(http://image.excite.co.jp/jp/sekaowa/feature/fortune_back.png);
background-size:contain;
background-repeat: repeat-y;
padding:10px;
 text-shadow: none;

}

.uranai_bk p{
 margin:10px;
}

.uranai_bk h1 img{
 width:70%;
 margin:20px 0;
 text-align:center;
 margin-left:auto;
 margin-right:auto;

}

img.uranai_lead{
 margin:20px 10px;
 width:90%;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}

.uranai{
margin:20px 0;
color:#6d4d00;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.uranai h2{
 text-align:center;
 font-size:16px;
 line-height:1.6em;
}


.uranai ul{
display:table;
table-layout: fixed;
width:100%;
}
.uranai li{
display:table-cell;
padding:10px 0;
text-align: center; 
font-size:13px;
}

.uranai li img{
 width:80px;
 display:block;
}