@charset "UTF-8";
@import url(mypage_side_sp.css);



/*-------------------------------------------------
	++  MY PAGE
-------------------------------------------------*/
.secBlock {
	padding:0;
}
.secBlock .secHeader {
	background-color:#333;
	color:#FFF;
	font-weight:normal;
	padding:2vw 3vw;
	text-align: center;
}
.secBlock .secHeader a:link,
.secBlock .secHeader a:visited {color:#FFF}
.secBlock .secHeader span {font-size:0.5rem;}

#spTab ul li {
	width:31.3%;
	display:inline-block;
	border-radius:1vw;
	margin:1%;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.1);
}
#spTab ul li a {
	display:block;
	padding:2.5vw;
	font-size:3vw;
}
#spTab ul li.line2 a {
	padding:1.25vw;
	line-height:120%;
}
#spTab ul li:nth-of-type(1) {
	width:98%;
}
.primecourseList .link a {
	width:100%;
}

/* 新着お知らせ */
.messageList {

}
/* 新着お知らせ */
.messageList ul li {
	border-bottom:1px solid #d0d0d0;
	background:url(/images/icon/mail.png) 2vw 3vw no-repeat / 7vw auto;
	position:relative;
}
.messageList ul li.read {
	background:#E5E5E5 url(/images/icon/mail_gray.png) 2vw 3vw no-repeat / 7vw auto;
}
.messageList ul li:after {
	display: inline-block;
	content:"";
	background:url(/images/arrow/arrow_gray.png) right center no-repeat;
	width:8px;
	height:13px;
	position:absolute;
	right:5px;
	top:50%;
	margin-top:-6px;
}
.messageList ul li a {
	display:block;
	padding:3vw 5vw 3vw 12vw;
}
.messageList ul li .date {
	display:block;
}
.messageList .link a {
	width:100%;
}

.messageList ul li.goodjob {background-image:url(/images/icon/goodjob.png);}
.messageList ul li.read.goodjob {background-image:url(/images/icon/goodjob_gray.png);}
.messageList ul li.cmfollow {background-image:url(/images/icon/column_follow.png);}
.messageList ul li.read.cmfollow {background-image:url(/images/icon/column_follow_gray.png);}
.messageList ul li.tbfollow {background-image:url(/images/icon/tubutter_follow.png);}
.messageList ul li.read.tbfollow {background-image:url(/images/icon/tubutter_follow_gray.png);}
.messageList ul li.cmcomment {background-image:url(/images/icon/column_comment.png);}
.messageList ul li.read.cmcomment {background-image:url(/images/icon/column_comment_gray.png);}
.messageList ul li.tbcomment {background-image:url(/images/icon/tubutter_comment.png);}
.messageList ul li.read.tbcomment {background-image:url(/images/icon/tubutter_comment_gray.png);}

/* 新サービス */
.serviceList {
}
.serviceList ul li {
	background:#fafaf5;
	padding:3vw;
	margin-bottom:3vw;
}
.serviceList ul li .text {
	margin-bottom:3vw;
}
.serviceList ul li .img {
	text-align: center;
}
.serviceList ul li .link a {
	width:100%;
}

/* 推しメン */
.recomenList {
}
.recomenList ul li {
	background:#fafaf5;
	padding:3vw;
	margin-bottom:3vw;
}
.recomenList h4 {
	text-align: center;
	font-size:123%;
	margin-bottom:3vw;
}
.recomenList .text {
	margin-bottom:3vw;
}
.recomenList .recomenBadge {
	border:2px solid #999;
	text-align: center;
	margin-bottom:3vw;
	border-radius:1.5vw;
	box-shadow:2px 2px 4px 0 rgba(0,0,0,0.2);
}
.recomenList .recomenBadge a {
	display:block;
	width:100%;
	height:100%;
	padding: 2vw 2vw 2vw 4vw;
	font-size: 110%;
}
.recomenList .recomenBadge strong {
	/* font-size:123%; */
}
.recomenList .recomenBadge.keirin {
	border-color:#1496be;
	background:#FFF url(/images/mypage/oshimen_keirin.png) left 2vw center no-repeat;
	background-size: 10vw;
	height: 12vw;
}
.recomenList .recomenBadge.autorace {
	border-color:#eb6363;
	background:#FFF url(/images/mypage/oshimen_auto.png) left 2vw center no-repeat;
	background-size: 10vw;
	height: 12vw;
}
.recomenList .recomenBadge.keirin.geki {
	border-color:#1496be;
	background:#FFF url(/images/mypage/geki_oshimen_keirin.png) left 2vw center no-repeat;
	background-size: 10vw;
	height: 12vw;
}
.recomenList .recomenBadge.autorace.geki {
	border-color:#eb6363;
	background:#FFF url(/images/mypage/geki_oshimen_auto.png) left 2vw center no-repeat;
	background-size: 10vw;
	height: 12vw;
}
.recomenList .link a {
	width:100%;
}

/* 受付中のキャンペーン */
.campaignList {
	padding:3vw;
}
.campaignList ul li {
	border-bottom:1px solid #d0d0d0;
	background:url(/images/arrow/arrow_gray.png) right 1vw center no-repeat;
	background-size:2vw;
}
.campaignList ul li a {
	display:block;
	padding:3vw 5vw 3vw 3vw;
}
.campaignList ul li img {
	display:block;
}
.campaignList .link a {
	width:100%;
}

/* 会員登録状況 */
.statusList ul li {
	background:#fafaf5;
	padding:3vw;
	margin-bottom:3vw;
}
.statusList ul li .text {
	margin-bottom:3vw;
}
.statusList ul li .img {
	text-align: center;
}
.statusList ul li .link a {
	width:100%;
}

/* お気に入り */

.myfavList ul li {
	background:#fafaf5;
	padding:3vw;
	margin-bottom:3vw;
}
.myfavList ul li .text {
	margin-bottom:3vw;
}
.myfavList ul li .link a {
	width:100%;
}
/* SNS */
h4.line ,
h4.twitter ,
h4.facebook {
    line-height: 50px;
    width: 200px;
    margin: 10px auto;
    border-radius: 9px;
    color: #fff;
}
/*h4.twitter {
    background: #50ABF1 url(/images/sns/twitter.png) left 15px center no-repeat;
    background-size: auto 24px,auto;
}*/
h4.twitter {
    background: #000 url(/images/sns/x-logo-white.png) left 15px center no-repeat;
    background-size: auto 24px,auto;
}

h4.facebook {
    background: #3b5998  url(/images/sns/facebook.png) left 15px center no-repeat;
    background-size: auto 24px,auto;
}
h4.line {
    background: #00C300   url(/images/sns/LINE_logo.png) left 15px center no-repeat;
    background-size: auto 24px,auto;
}


/*-------------------------------------------------
	++  MESSAGE
-------------------------------------------------*/




.pfList a{color:#FCB801;text-decoration:underline;}


/* プロフィール項目 */
.pfList {
	padding: 1vw;
}
.pfList dl:before,
.pfList dl:after {content: " ";display: table;}
.pfList dl:after {clear: both;}
.pfList dl {*zoom: 1;}
.pfList dl {
	border-bottom:1px solid #d0d0d0;
	padding:3vw 0 1vw 0;
}
.pfList dl dt {
	float:left;
	width:35%;
	font-weight:bold;
}
.pfList dl dd {
	float:left;
	width: 63%;
	/* padding-right:2vw; */
}
.pfList dl dd.icon img {
	width:auto;
	height:6vw;
}
.pfList.compeList dl dt {
	width:100%;
	float:none;
}
.pfList.compeList dl dd {
	width:93%;
}
.pfList dl dd.icon {
	float:left;
	width:7%;
	text-align: center;
	padding-right: 0;
}
.pfList dl.daysinarowbox dt {
	width:0;
}
.pfList dl.daysinarowbox dd {
	width:95%;
}
.pfList dl.daysinarowbox dd.icon {
	width:5%;
	padding-right:0;
}
.daysinarow {
	width:100%;
	margin:0 auto;
	text-align: center;
	display:inline-block;
	border-radius:8vw;
	border:1px solid #eb6363;
}
.daysinarow .wrap {
	border:1vw solid #FFF;
	background-color:#eb6363;
	color:#FFF;
	border-radius:8vw;
	padding:3vw 5vw;
	font-size:4vw;
}
.daysinarow .wrap .title {
	border-right:0.5vw solid #FFF;
	padding-right:2vw;
	margin-right:2vw;
}


/* 最新コラム */
#myColumnList .myColumnList.colmunContent > ul > li:before,
#myColumnList .myColumnList.colmunContent > ul > li:after {content: " ";display: table;}
#myColumnList .myColumnList.colmunContent > ul > li:after {clear: both;}
#myColumnList .myColumnList.colmunContent > ul > li {*zoom: 1;}
#myColumnList .myColumnList.colmunContent > ul > li {
	width:100%;
}
#myColumnList .myColumnList.colmunContent ul li .colmnDetail {
	padding-left:0;
}


/* 公開非公開設定アイコン */
.icon.edit {
	position:relative;
}
.icon.edit .bubble {
	display: none;
    background: rgba(0,0,0,0.6);
    width: 100px;
    border-radius: 5px;
    color: #FFF;
    padding: 10px;
    position: absolute;
    right: 8vw;
    top: -5px;
    z-index: 1;
}
.icon.edit:hover .bubble {
	display:block;
}
.icon.edit .bubble::after{
  content: '';
  position: absolute;
  right: -5px;
  top: 10px;
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 5px solid rgba(0,0,0,0.6);
  border-bottom: 5px solid transparent;
}
.icon.edit .bubble li {
	text-align: left;
	border-bottom:1px solid #999;
	line-height: 1;
}
.icon.edit label.radio{
	background-image:none;
	height: auto;
	line-height:normal;
	display: inline-block;
	padding: 0 0 0 20px;
	cursor: pointer;
	overflow: hidden;
	margin-right:0;
}

.icon.edit label.radio.radio_on{
	background:url(/images/arrow/check_w.png) left center no-repeat;
}


/*-------------------------------------------------
	++  MESSAGE VIEW (message_view.html)
-------------------------------------------------*/
/* 友達を探す */

.friendSearch {
	padding:3vw 3vw 7vw 3vw;
}
.friendSearch h4 {
	margin:0 auto;
	text-align: center;
	font-size:123%;
}
.friendSearch dl {
	margin-bottom:5vw;
}
.friendSearch dl dt {
	margin-bottom:3vw;
}
.friendSearch .link a {
	width:100%;
}
.friendSearch .close {
	background-color:#DCDCDC;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align: center;
	padding:3vw;
}
.friendList li {
	background:#fafaf5;
	padding:3vw;
	margin-bottom:3vw;
}

.friendList .userIcon {
	width:23%;
	float:left;
}
.friendList .userIcon .userBadge {
	text-align: center;
	margin:5px auto;
}
.friendList .colmnDetail {
	position: relative;
	padding:0 0 0 25%;
}
.friendList .colmnDetail h3 {
	display:inline-block;
	margin-right:3vw;
}
.friendList .colmnDetail dl {
	margin-bottom:3vw;
}
.friendList .colmnDetail dl dt {
	background:#333;
	color:#FFF;
	border-radius:5px;
	display:inline-block;
	padding:2px 5px;
	text-align: center;
}
.friendList .colmnDetail dl dd {
	display:block;
}
.friendList .colmnDetail .folowBtn {
}
.friendList .colmnDetail .folowBtn a {
	float: right;
	display:block;
	background:#FFF url(/images/icon/friend.png) 3vw center no-repeat;
	padding: 3vw 7vw 3vw 14vw;
	border:1px solid rgba(0,0,0,0.2);
	border-radius:10vw;
	box-shadow:2px 2px 4px 0 rgba(0,0,0,0.2);
	font-size:93%;
}

/*-------------------------------------------------
	++  MESSAGE VIEW (message_view.html)
-------------------------------------------------*/
.messageTree {
	padding-top:3vw;
	position: relative;
}
.messageBox {
	padding-top:10px;
	min-height:60vw;
	max-height:180vw;	
	overflow-y: scroll;
}
/*グループ追加*/
.messageTree .messageGroup {
	width:100%;
	background-color:#FFF;
	border:1px solid #d0d0d0;
	padding:3vw;
}
.messageTree .messageGroup ul li {
	background:url(/images/icon/friend.png) left center no-repeat;
	background-size:auto 4vw;
	padding-left:30px;
	float:left;
	margin-right:15px;
	font-size:14px;
	min-height:22px;
	padding-top:3px;
}
.messageTree .messageGroup .link {
	margin-top:3vw;
}
.messageTree .messageGroup .link a {
	width:100%!important;
}

/* メッセージツリー */
.messageTree .messageItem {
	margin-bottom:3vw;
}
.messageTree .messageItem .userIcon {
	float:left;
	width:10%;
	padding-right:2%;
}
.messageTree .messageItem .userIcon img {
	width:100%;
	height:auto;
}
.messageTree .messageItem .messageDetail {
	float:left;
	width:90%;
}
.messageTree .messageItem h4 {
	font-weight:normal;
	font-size:93%;
}
.messageTree .messageItem .messageText {
	background:#fafaf5;
	padding:3vw;
}
.messageTree .messageItem .messageText .readmore {
	display:block;
	text-align: right;
}
.messageTree .messageItem .messageText .readmore a {
	display:inline-block;
	padding:2vw 5vw;
	background-color:#FFF;
	border:1px solid rgba(0,0,0,0.2);
	border-radius:5vw;
	box-shadow:2px 2px 4px 0 rgba(0,0,0,0.2);
}

/* MYメッセージ */
.messageTree .messageItem.myMessageItem .messageText {
	background-color:#ffffdc;
	margin-bottom:3vw;
}
.messageTree .messageItem.myMessageItem .myMessageEdit {
	background:#fafaf5;
	padding:3vw;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader {
	position:relative;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader ul li {
	float:left;
	margin-right:3vw;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader label.uploadPhoto {
	display:block;
	border:0;
	background:transparent url(/images/icon/photo.png) left center no-repeat;
	background-size:10vw;
	padding: 3vw 0 0 12vw;
	min-height:12vw;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader .selectStamp a {
	display:block;
	background:transparent url(/images/icon/stamp.png) left center no-repeat;
	background-size:10vw;
	padding: 3vw 0 0 12vw;
	min-height:12vw;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader .link {
	position:absolute;
	top:0;
	right:0;
	margin-top:0;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader .link a {
	padding-right:7vw;
}
div.more_view{
    clear: both;
    display: block;
    width: 90%;
    background-color: #fcb800;
    border-radius: 5px;
    color: #FFFFFF;
    line-height: 2.8em;
    margin: 5% auto;
    padding: 5px 0px;
    text-align: center;
    font-weight: bold;
    border: none;
    font-size: 108%;
 
}
div.more_view a{
	display:block;
}
.messageList ul li.none {
text-align: center;
padding: 10px;
background: unset;
}

.link a.bt_delete {
	background: #999999;
	color:#FFF;
	min-width: 30vw;
    padding: 2vw 4vw;
}
.link a.back {
background: #FFFFFF;
box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
}
.write_field{
	margin:20px;
}

span.fromIcon img {
    width: 25px;
    height: auto;
    margin-right: 5px;
}
.terms{
display:block;
}
.follow_user .user_info {
    display: inline-block;
    width: 50%;
}
ul.btn_from li {
    display: inline-block;
    padding-right: 20px;
    margin: 10px 0;
}
#block_comp p,
#remove_comp p{
	color:red;
}

/*oshimen*/

#pop_oshimen {
    position: relative;
      width: 100%;
    padding-bottom: 20px;
    margin: 10px auto;
}

.pop_lrbox .inner {
    padding: 5px 10px;
    margin: 0px;
}

#pop_oshimen h1 {
    line-height: 32px;
    margin-bottom: 8px;
    padding: 0px;
    overflow:hidden;
    
}

#pop_oshimen h1 img {
    display: inline-block;
    width: 100%;
    max-height: 100%;
    vertical-align: bottom;
}

.bg_Orange {
       background-color: #FFF8E0;
    padding: 0px 10px;
    line-height: 2em;
    margin: 5px 0px;
    font-weight: bold;
}

.pop_oshimen_red {
    color: #FF0000;
    font-size: 108%;
}

#pop_oshimen .inner .BlueArea {
    background-color: #97E4FF;
    margin-right: 5px;
}

#pop_oshimen .inner .BlueArea, #pop_oshimen .inner .PinkArea {
    width: 100%;
    padding: 10px 8px;
    margin-bottom: 5px;
    display: inline-block;
}
.BlueArea li, .PinkArea li {
    display: inline-block;
    position: relative;
    width: 98%;
    padding: 5px 0px;
}

.BlueArea li em, .PinkArea li em {
    display: inline-block;
    width: 30%;
    font-weight: bold;
    font-size: 100%;
}

.BlueArea li em {
	color:#0880BD;
}
.PinkArea li em {
	color:#FF0000;
}

.ifram_search {
    width: 100%;
    border: 0px;
    height: 266px;
}

.oshimenblue_waku {
    width: 100%;
    /* float: left; */
    /* padding: 5px; */
    border: 1px #0880BD solid;
}

.oshimenSearch_ttl {
    font-weight: bold;
    color: #FF0000;
    font-size: 108%;
    padding-top: 30px;
}
.ifram_waku {
    width: 99%;
    /* float: left; */
    padding-left: 3px;
}
.ifram_waku li {
    display: inline-block;
    width: 95%;
    padding: 3px 11px;
}

#pop_oshimen .inner .BlueArea, #pop_oshimen .inner .PinkArea {
    /* float: left; */
    width: 100%;
    padding: 10px 8px;
    margin-bottom: 5px;
    display: inline-block;
}

#pop_oshimen .inner .BlueArea {
	background-color:#97E4FF;
	margin-right: 5px;
	}
#pop_oshimen .inner .PinkArea {
	background-color:#FFECEC;
}

#pop_oshimen .leftArea {
    width: 100%;
    float: left;
    padding: 0px;
    margin-right: 11px;
}

.oshimenpink_waku {
    width: 100%;
    float: left;
    /* padding: 5px; */
    border: 1px #FF0000 solid;
}

#pop_oshimen {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    margin: 10px auto;
}
#minfo th {
    display: inline-block;
    min-width: 240px;
}
#minfo td {
    display: inline-block;
}

.friendList .colmnDetail .folowBtn a.isFriend{
background: unset;
padding: 5px 7px;
background: #fedefe;
border: 1px solid #ffcd44;
padding: 3vw 6vw;
background: #ffcd44;
}

#sendList li {
	background:#fafaf5;
	padding:3vw;
	margin-bottom:3vw;
}

#sendList .userIcon {
	width:23%;
	float:left;
}
#sendList .userIcon .userBadge {
	text-align: center;
	margin:5px auto;
}
#sendList .colmnDetail {
	position: relative;
	padding:0 0 0 25%;
}
#sendList .colmnDetail h3 {
	display:inline-block;
	margin-right:3vw;
}
#sendList .colmnDetail dl {
	margin-bottom:3vw;
}
#sendList .colmnDetail dl dt {
	background:#333;
	color:#FFF;
	border-radius:5px;
	display:inline-block;
	padding:2px 5px;
	text-align: center;
}
#sendList .colmnDetail dl dd {
	display:block;
}
#sendList .colmnDetail .folowBtn {
}
#select_from.selectTab {
	border-bottom:3px solid #ffcd44;
	
}
#select_from.selectTab li {
	float:left;
	background:#FFF;
	border-top:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	margin:0;
	line-height: 3em;
	width: 33%;
	text-align: center;
}
#select_from.selectTab li.current {
	border-top:1px solid #ffcd44;
	border-left:1px solid #ffcd44;
	border-right:1px solid #ffcd44;
	background:#ffcd44;
}

#select_from.selectTab li a {
	display:block;
	/* padding:2vw 2.5vw; */
	font-size:80%;
}

div#sendList .selectBtn button
{
    background-color: #ffcd44;
    color: #000000;
}

div#sendList .selectBtn button.disable
{
    background-color: #999;
    color: #FFFFFF;
}
div#sendList .selectBtn button.active
{
    background-color: #fafaf5;
    border:#1b1b1b 1px solid;
    color: #1b1b1b;
   
}

div#sendList .selectBtn button.active.selected
{
    background-color: #ffcd44;
    color: #1b1b1b;
    border:none;
}

div#sendList .selectBtn button.picked
{
    background-color: #040404;
    color: #FFFFFF;
   border:none;
}

.sp.group div{
	display:inline-block;
	width:40%;
	margin: 5px 10px;
}
.group .exit,h3 .group .exited{
display: block;
}

.group .delete{

}

.group button{background-color: #fbbc11;color: #FFF;padding: 5px 10px;cursor: pointer;font-size: 15px;line-height: 1em;border-radius: 0.5em;display: block;height: 3em;width: 100%;vertical-align: middle;}

.group .delete button,
.group .exited button{
background: #999999;
color: #FFFFFF;
}

.messageTree .messageGroup ul li span.batu{
	background: url(/images/2017/btn_search_clear.gif) left center no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-left: 7px;
	margin-right:15px;	
	width: 1.5em;
	height: 1.5em;
	
}
.messageTree .messageGroup ul li span {
    display: inline-block;
}

.messageTree .messageGroup ul li 
    {
        background: none;
        padding-left   : 5px;
        }
      .messageTree .messageGroup ul li span img{   
        width: 30px;
    height: auto;}
.messageTree .upload ul li {
	float:left;
	margin-right:10px;
}
.messageTree .messageItem h4 .dellink
{
position: absolute;
    right: 0;
    margin: 0;
    display: block;
    vertical-align: top;
    top: 0;
    margin:0;
}


.messageTree .messageGroup ul li span.batu2,
#stamp_msg .batu2 {
    background: url(/images/2017/btn_search_clear.gif) left center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-left: 7px;
    margin-right: 15px;
    width: 1.5em;
    height: 1.5em;
    position:absolute;
    }
    
.unread h4::before {
    content: "未読";
    /* position: absolute; */
    top: -2px;
    right: 0px;
    height: 8px;
    width: 74px;
    border-radius: 6px;
    background: #2de60b;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    font-size: 92%;
    padding: 0px 9px;
    margin-right: 10px;
}
/*-------------------------------------------------
	++  oshimen
-------------------------------------------------*/
.oshimenList {
	background-color: #fafaf5;
	padding:3vw;}

.bg_Yellow {
    background-color: #ffffda;
    padding: 3vw;
    line-height: 1.5em;
    margin: 5vw 0px;
    font-weight: bold;}

.BlueBox {
	border: 1px #1496be solid;
	background-color: #e6f6ff;
    padding: 2vw;}
.BlueBox ul li {
	border-bottom:1px solid #1496be;
	padding: 3vw 0;
	font-size: 2.8125vw;}
.PinkBox {
	border: 1px #EB6363 solid;
	background-color: #FFEEEE;
    padding: 2vw;}
.PinkBox ul li {
	border-bottom:1px solid #EB6363;
	padding: 3vw 0;
	font-size: 2.8125vw;}
.BlueBox ul li:last-child,
.PinkBox ul li:last-child {
	border-bottom: none;
	padding: 3vw 0 0 0;}
.BlueBox ul li span.name {
	color: #1496be;
	width: 6em;
	font-size: 3.75vw;
	display: inline-block;}
.PinkBox ul li span.name {
	color: #EB6363;
	width: 6em;
	font-size: 3.75vw;
	display: inline-block;}
.BlueBox ul li span.place,
.PinkBox ul li span.place {
	display: inline-block;}

.YellowBox {
	width: 100%;
	text-align: center;
	border: 2px #ffcd44 solid;
	background-color: #FFFFDA;
    padding: 3vw;
	border-radius: 10px;}

.oshiBlueTbl,
.oshiPinkTbl {
	padding:5px;
	width:100%;}
.oshiBlueTbl tr th,
.oshiBlueTbl tr td,
.oshiPinkTbl tr th,
.oshiPinkTbl tr td {
	border:1px solid #d0d0d0;
	text-align: left;
	padding:10px;
	background: #FFFFFF;}
.oshiBlueTbl tr th {
	background:#e6f6ff;
	width:35%;
	color: #1496be;
	font-weight: normal;}
.oshiPinkTbl tr th {
	background:#FFEEEE;
	width:35%;
	color: #EB6363;
	font-weight: normal;}

.oshiBlueTtl {
	color: #1496be;
	font-weight: bold;
	font-size: 5vw;
	padding-bottom: 0.2em;}
.oshiPinkTtl {
	color: #EB6363;
	font-weight: bold;
	font-size: 5vw;
	padding-bottom: 0.2em;}
.WhiteBoxBlue,
.WhiteBoxPink {
	border: 1px #d0d0d0 solid;
	background-color: #FFFFFF;
    padding: 2vw;}
.WhiteBoxBlue ul li,
.WhiteBoxPink ul li {
	border-bottom:1px solid #d0d0d0;
	padding: 3vw 0;
	font-size: 3vw;}
.WhiteBoxBlue ul li span.name {
	color: #1496be;
	width: 6.5em;
	font-size: 3.75vw;
	display: inline-block;
	}
.WhiteBoxPink ul li span.name {
	color: #EB6363;
	width: 6.5em;
	font-size: 3.75vw;
	display: inline-block;}
.WhiteBoxBlue ul li span.place,
.WhiteBoxPink ul li span.place {
	display: inline-block;}

.w440 {
	width: 100%;}

.BlueBox2 {
	width: 100%;
	text-align: center;
	border: 2px #1496be solid;
	background-color: #e6f6ff;
    padding: 3vw;
	border-radius: 10px;}
.PinkBox2 {
	width: 100%;
	text-align: center;
	border: 2px #EB6363 solid;
	background-color: #FFEEEE;
    padding: 30px;
	border-radius: 10px;}



.TodayBox {
	width: 100%;
	text-align: center;
	margin: 3 auto;
	padding: 0 2%;
	border-radius: 10px;}
.TodayTtl {
	width: 80%;
	margin: 0 auto;
	padding-top: 3%;}
.TodayDay {
	font-size:130%;
	font-weight: bold;
	line-height: 2.5em;}
.TodaysubTtl {
	width: 100%;
	margin: 0 auto;
	background-color: #e25371;
	border-radius: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 130%;
	line-height: 2em;
	text-align: center;
	margin-bottom: 0.5em;}

input[type=button].cancel3 {
	background:#999999 url(/images/arrow/arrow_white.png) right 12px center no-repeat;
	background-size:2.3vw auto;
	color:#FFF;
	display:inline-block;
	line-height:1;
	padding:4vw 5vw 4vw 5vw;
	border-radius:10vw;
	margin: 0 1vw 2vw;
	box-shadow:3px 3px 5px 0px rgba(0,0,0,0.3);
	min-width:60vw;
	white-space: nowrap;}

/* Omikuji */
.startGame {
	width:100%;
	height: auto;
	margin:0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;}
#innerGame  {
    margin: 10px auto;
    max-width: 500px;
    text-align: left;}
.startOmikuji .pose {
    opacity:0;
    position:absolute;
    top:0;
    left:0;}
.startOmikuji .arrow {
    opacity:0;
	position:absolute;
    top: 0;
    left: 0;}
.startOmikuji .startBtn {
	position:absolute;
    top: 0;
    left: 0;
    cursor: pointer;}

@keyframes fadeIn {
	0% {opacity: 0;} 
	100% {opacity:1;}
}
.startOmikuji.gameOn .pose.pose1 {animation: fadeIn .1s ease 1s 1 backwards;}
/*
.startOmikuji.gameOn .pose.pose1 {animation: fadeIn .1s ease 1s 1 linear infinite;} 
*/
.startOmikuji.gameOn .pose.pose2 {animation: fadeIn .5s step-start .2s 1 backwards;}
.startOmikuji.gameOn .pose.pose3 {animation: fadeIn .1s step-start .3s 1 forwards;}
.startOmikuji.gameOn .pose.pose4 {animation: fadeIn .1s step-start .6s 1 forwards;}
.startOmikuji.gameOn .pose.pose5 {animation: fadeIn .1s step-start .8s 1 forwards;}
.startOmikuji.gameOn .pose.pose6 {animation: fadeIn .1s step-start 1s 1 forwards;}
.startOmikuji.gameOn .arrow {animation: fadeIn 2s ease-out 1s 1 forwards;}
.startOmikuji.gameOn .startBtn {opacity:0;}

.startOmikuji .result {
    display:none;
    position:absolute;
    top:0;
    left:0;}
.startOmikuji.gameOn.cyukichi .result.cyukichi,
.startOmikuji.gameOn.ssr .result.ssr {
    display:block;}

.startOmikuji .gameshare {
    display:none;
    /* position: absolute; */
    /* top: 10px; */
    /* left: 10px; */
    cursor: pointer;}
.startOmikuji.gameOn.cyukichi .gameshare,
.startOmikuji.gameOn.ssr .gameshare {
	display:block;}
/*.startOmikuji .gameshare a.twittershare {
    border-radius: 5px;
    margin:0px;
	font-size: 12px;
    display: inline-block;
    padding: 8px 8px 8px 30px;
    line-height: 1;
    box-shadow: none;
    color: #FFF;
    background: #51ABF1 url(/images/sns/twitter.png) left 10px center no-repeat;
    background-size:13px auto;}*/
.startOmikuji .gameshare a.twittershare {
    border-radius: 5px;
    margin:0px;
	font-size: 12px;
    display: inline-block;
    padding: 8px 8px 8px 30px;
    line-height: 1;
    box-shadow: none;
    color: #FFF;
    background: #000 url(/images/sns/x-logo-white.png) left 10px center no-repeat;
    background-size:13px auto;}

.ticketBox ul {
	width:94%;
	margin:3% auto;
	padding-bottom: 3%;}
.ticketBox ul li {
	width:100%;
	margin:0 0 10px 0;
	float:left;
	position: relative;}
.ticketBox ul li h2 {
	background-color:#f7ce5f;
	color:#1b1b1b;
	font-weight:bold;
	width: 100%;
	font-size:100%;
	line-height:1.5em;
	padding:1% 2%;
	margin-bottom:5px;
	text-align: left;word-break: break-all;}
.ticketBox ul li h2 em {
	font-size:75%;
	color:#ff0000;}
.ticketBox ul li h2 span {
	font-size:95%;
	font-weight:bold;
	text-align: right;
	float: right;}
.ticketBox ul li .detail {
	padding:5px 3px;
	background-color: #FFFFFF;}
.ticketBox ul li dl {
	float: left;
	width: 100%;
	margin:0 auto;
	text-align: center;}
.ticketBox ul li dt {
	width: 61%;
	line-height: 1.5em;
	float:left;
	font-size: 85%;
	margin: 0;
	text-align: left;}
.ticketBox ul li dd {
	margin: 0 1%;
	display:inline-block;
	color: #FFFFFF;
	text-align: left;
	float:left;
	width: 22%;}
.ticketBox ul li dd img {
  	max-width: 100%;
  	height: auto;
	padding: 0;
	margin: 0;
	vertical-align: top;}
.ticketBox ul li dd.UseBtn {
	margin: 0px;
	width: 15%;}
.ticketBox ul li dd.UseBtn a {
    display: inline-block;
    line-height: 1;
    padding: 8px 0;
    border-radius: 25px;
	font-size: 80%;
    margin: 0;
    box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 30%);
    min-width:100%;
	background: #1d4cbe;
	background: -moz-linear-gradient( #5a83e9 0%, #1d4cbe 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#5a83e9), to(#1d4cbe));
	background: -webkit-linear-gradient( #5a83e9 0%, #1d4cbe 100%);
	background: -o-linear-gradient( #5a83e9 0%, #1d4cbe 100%);
	background: linear-gradient( #5a83e9 0%, #1d4cbe 100%);
    white-space: nowrap;
	text-align: center;
	vertical-align: top;
    color: #FFFFFF;}