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

/*-------------------------------------------------
	++  MY PAGE TOP
-------------------------------------------------*/

.secBlock .secHeader {
	background-color:#333;
	color: #FFF;
	font-weight:normal;
	padding:10px 20px;
}
.secBlock .secHeader a:link,
.secBlock .secHeader a:visited {color:#FFF}
.secBlock .secHeader span {font-size:1rem;}

.primecourseList .nowwinTable{
    width: 80%;
}
/* 新着お知らせ */
.messageList {
	padding-top:5px;
}
.messageList .inner{
	padding:20px; 
}
.messageList ul li {
	border-bottom:1px solid #d0d0d0;
	position:relative;
	background:url(/images/icon/mail.png) left 10px center no-repeat;
}
.messageList ul li.read {
	background:#E5E5E5 url(/images/icon/mail_gray.png) left 10px center no-repeat;
}
.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:10px;
	top:50%;
	margin-top:-6px;
}
.messageList ul li a {
	display:block;
	padding:10px 20px 10px 45px;
}
.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);}

.messageList ul li.none {
text-align: center;
padding: 10px;
background: unset;
}

.messageList ul li .fromIcon {
	display:inline-block;
	width: 250px;
	padding-left: 30px;
}


/* 新サービス */
.serviceList {
	padding-top:5px;
}
.serviceList ul li {
	background:#fafaf5;
	padding:20px;
}
.serviceList ul li .text {
	margin-bottom:10px;
}
.serviceList ul li .img {
	text-align: center;
}

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

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

/* 会員登録状況 */
.statusList {
	padding-top:5px;
}
.statusList ul li {
	background:#fafaf5;
	padding:20px;
}
.statusList ul li .text {
	margin-bottom:10px;
}
.statusList ul li .img {
	text-align: center;
}
/* お気に入り */
.myfavList {
	padding-top:5px;
}
.myfavList ul li {
	background:#fafaf5;
	padding:20px;
}
.myfavList ul li .text {
	margin-bottom:10px;
}
/* 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
-------------------------------------------------*/

#minfo a:link,
#minfo a:visited
{
	border:0;
	background-color:#999;
	color:#FFF;
	padding: 0.5em 1em;
	border-radius:0;
	cursor: pointer;
	height:auto;
	text-decoration: none;
	}

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


/* プロフィール項目 */
.pfList {
	padding:20px;
}
.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:10px 0 10px 0;
}
.pfList dl dt {
	float:left;
	width:30%;
	font-weight: bold;
}
.pfList dl dd {
	float:left;
	width:65%;
}
.pfList dl dd.icon {
	float:left;
	width:5%;
	text-align: center;
}


.daysinarow {
	margin:0 auto;
	text-align: center;
	display:inline-block;
	border-radius:30px;
	border:1px solid #eb6363;
}
.daysinarow .wrap {
	border:5px solid #FFF;
	background-color:#eb6363;
	color:#FFF;
	border-radius:30px;
	padding:10px 50px;
}
.daysinarow .wrap .title {
	border-right:3px solid #FFF;
	padding-right:15px;
	margin-right:15px;
}
.daysinarow .wrap .date {
	font-size:20px;
}

/* 最新コラム */
#myColumnList .myColumnList.colmunContent > ul > li {
	width:100%;
	background-position:right 10px center; 
}
#myColumnList .myColumnList.colmunContent ul li .colmnDetail {
	padding-left:0;
}
#myColumnList .myColumnList.colmunContent ul li .colmnDetail .title {
	font-weight:bold;
}
#myColumnList .myColumnList.colmunContent ul li .colmnDetail .iconList {
	float:left;
	margin-left:10px;
}



/* 公開非公開設定アイコン */
.icon.edit {
	position:relative;
}
.icon.edit .bubble {
	display:none;
	background:rgba(0,0,0,0.6);
	width:200px;
	border-radius:5px;
	color:#FFF;
	padding:10px;
	position:absolute;
	left:-200px;
	top:-5px;
}
.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;
	width: 100%;
}

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


/* 友達を探す */

.friendSearch {

}
.friendSearch h4 {
	margin:0 auto;
	text-align: center;
	font-size:18px;
}
.friendSearch dl {
	margin-bottom:30px;
}
.friendSearch dl dt {
	margin-bottom:10px;
}
.friendSearch .close {
	background-color:#DCDCDC;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align: center;
	padding:10px;
}


.friendList li {
	background:#fafaf5;
	padding:20px;
	margin-bottom:10px;
}

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

/*-------------------------------------------------
	++  MESSAGE VIEW (message_view.html)
-------------------------------------------------*/
.messageTree {
	padding-top:10px;
}
.messageBox {
	padding-top:10px;
	max-height:700px;
	overflow-y: auto;
}
.link a.bt_delete {
background: #999999;
    color: #FFF;
    width: 4em;
    min-width: 3em;
    padding: 5px 15px;
    margin: 0;
}
.link a.delete {
background: #999999;
    color: #FFF;

    margin: 0;
}

.link a.back {
background: #FFFFFF;
box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.3);
}
.write_field{
	margin:20px;
}
/*グループ追加*/
.messageTree .messageGroup {
	width:100%;
	background-color:#FFF;
	border:1px solid #d0d0d0;
	padding:15px 10px 10px 10px;
	min-height:60px;
	position: relative;
}

.messageTree .messageGroup ul li {
	background:url(/images/icon/friend.png) left center no-repeat;
	padding-left:30px;
	float:left;
	margin-right:15px;
	font-size:14px;
	min-height:22px;
	padding-top:3px;
}
.messageTree .messageGroup .link {
	position:absolute;
	top:5px;
	right:5px;
	margin-top:0;
}

/* メッセージツリー */
.messageTree .messageItem {
	margin-bottom:20px;
}
.messageTree .messageItem .userIcon {
	float:left;
	width:10%;
	padding-right:2%;
}
.messageTree .messageItem .messageDetail {
	float:left;
	width:90%;
}
.messageTree .messageItem h4 {
	font-weight: normal;
    font-size: 14px;
    position: relative;
    display: block;
    height: 2em;
}
.messageTree .messageItem .messageText {
	background:#fafaf5;
	padding:20px;
}
.messageTree .messageItem .messageText .readmore a {
	color:#0071bc;
	text-decoration:underline;
}

/* MYメッセージ */
.messageTree .messageItem.myMessageItem .messageText {
	background-color:#ffffdc;
	margin-bottom:20px;
}
.messageTree .messageItem.myMessageItem .myMessageEdit {
	background:#fafaf5;
	padding:20px;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader {
	position:relative;
	min-height:70px;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader ul li {
	float:left;
	margin-right:10px;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader label.uploadPhoto {
	display:block;
	border:0;
	background:transparent url(/images/icon/photo.png) left center no-repeat;
	background-size:52px;
	padding: 15px 0 0 60px;
	min-height:52px;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader .selectStamp a {
	display:inline-block;
	background:transparent url(/images/icon/stamp.png) left center no-repeat;
	background-size:52px;
	padding: 15px 0 0 60px;
	min-height:52px;
}
.messageTree .messageItem.myMessageItem .myMessageEdit .editHeader .link {
	position:absolute;
	top:0;
	right:0;
	margin-top:0;
}

span.fromIcon img {
    width: 25px;
    height: auto;
    margin-right: 5px;
}
.btn_message{/* width:40%; */}
ul.btn_from li {
    display: inline-block;
    padding-right: 20px;
    margin: 10px 0;
    
}

#block_comp p,
#remove_comp p{
	color:red;
}

.btn_reject div {
    /* line-height: 2em; */
}

/*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;
}

#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: 45%;
    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;
}

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


#sendList li {
    background: #fafaf5;
    padding: 10px;
    margin-bottom: 10px;
    clear: both;
}

#sendList .userIcon {
	width:80px;
	float:left;
}
#sendList .userIcon .userBadge {
	text-align: center;
	margin:5px auto;
}
#sendList .colmnDetail {
	position: relative;
	padding:0 135px 0 90px;
	height:100px;
}
#sendList .colmnDetail h3 {
	display:inline-block;
	margin-right:20px;
}
#sendList .colmnDetail dl {
	margin-bottom:10px;
}
#sendList .colmnDetail dl dt {
	background:#333;
	color:#FFF;
	border-radius:5px;
	display:inline-block;
	width:20%;
	padding:2px 5px;
	text-align: center;
}
#sendList .colmnDetail dl dd {
	display:inline-block;
	width:78%;
	padding-left:10px;
}
#sendList .colmnDetail .selectBtn {
	position:absolute;
	right:0;
}
#select_from.selectTab {
	border-bottom:1px solid #ffcd44;
	
	
}
#select_from.selectTab li {
	display:inline-block;
	background:#FFF;
	border-top:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	margin:0 5px;
}
#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:5px 10px;
	font-size:14px;
}
.messageGroup .message_title_input{
	width: 91%;
    display: inline-block;
    text-align: right;}
.messageGroup .lb_title{
   font-weight: bold;
   font-size: 108%;
}
.messageGroup .link {
min-width: unset;
}

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

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;
}

.messageList ul li.group .fromIcon {background: url(/images/icon/friend.png) left 0px center no-repeat;}

.myMessageEdit .editHeader ul li #stamp_msg{
	display: inline-block;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 1em;
}

.myMessageEdit .editHeader ul li .selectStamp
{
display: inline-block;
}

.myMessageItem .message_picture {
    width: 32%;
    display: inline-block;
    margin: 4px 20px;
}

#messageList .groupName .button{
    border: 1px solid #ffcd44;
    border-radius: 20px;
    padding: 3px 15px;
    background: #ffcd44;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 1px 2px 3px 0 rgba(0,0,0,0.2);
}
h3 .group .exit,h3 .group .exited{
width: 10%;
display: block;
text-align: right;
position: absolute;
right: 0px;
top: 1px;
}

h3 .group .delete{
width: 10%;
display: block;
text-align: right;
position: absolute;
right: 10px;
top: 5px;
}

h3 .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;
}

h3 .group .delete button,
h3 .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;
}

/*-------------------------------------------------
	++  oshimen
-------------------------------------------------*/
.oshimenList {
	background-color: #fafaf5;
	padding:20px;}

.bg_Yellow {
    background-color: #ffffda;
    padding: 20px;
    line-height: 1.5em;
    margin: 15px 0px;
    font-weight: bold;}
.BlueBox {
	border: 1px #1496be solid;
	background-color: #e6f6ff;
    padding: 10px 20px;}
.BlueBox ul li {
	border-bottom:1px solid #1496be;
	padding: 10px 0;}
.PinkBox {
	border: 1px #EB6363 solid;
	background-color: #FFEEEE;
    padding: 10px 20px;}
.PinkBox ul li {
	border-bottom:1px solid #EB6363;
	padding: 10px 0;}
.BlueBox ul li:last-child,
.PinkBox ul li:last-child {
	border-bottom: none;}
.BlueBox ul li span.name {
	color: #1496be;
	width: 8em;
	display: inline-block;}
.PinkBox ul li span.name {
	color: #EB6363;
	width: 8em;
	display: inline-block;}
.BlueBox ul li span.place,
.PinkBox ul li span.place {
	width: 10em;
	display: inline-block;}

.YellowBox {
	width: 560px;
	text-align: center;
	border: 2px #ffcd44 solid;
	background-color: #FFFFDA;
    padding: 30px;
	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:25%;
	color: #1496be;
	font-weight: normal;}
.oshiPinkTbl tr th {
	background:#FFEEEE;
	width:25%;
	color: #EB6363;
	font-weight: normal;}

.oshiBlueTtl {
	color: #1496be;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0.2em;}
.oshiPinkTtl {
	color: #EB6363;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0.2em;}
.WhiteBoxBlue,
.WhiteBoxPink {
	border: 1px #d0d0d0 solid;
	background-color: #FFFFFF;
    padding: 10px 20px;}
.WhiteBoxBlue ul li,
.WhiteBoxPink ul li {
	border-bottom:1px solid #d0d0d0;
	padding: 10px 0;}
.WhiteBoxBlue ul li:last-child,
.WhiteBoxPink ul li:last-child {
	/* border-bottom: none; */
	}
.WhiteBoxBlue ul li span.name {
	color: #1496be;
	width: 7em;
	display: inline-block;
	}
.WhiteBoxPink ul li span.name {
	color: #EB6363;
	width: 8em;
	display: inline-block;}
.WhiteBoxBlue ul li span.place,
.WhiteBoxPink ul li span.place {
	width: 10em;
	display: inline-block;
	}

.w440 {
	width: 440px;}

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




.TodayBox {
	width: 700px;
	text-align: center;
	margin: 0 auto;
	padding: 0 20px;
	border-radius: 10px;}
.TodayTtl {
    padding-top: 20px;}
.TodayDay {
	font-size:140%;
	font-weight: bold;
	line-height: 2.5em;}
.TodaysubTtl {
	width: 100%;
	margin: 0 auto;
	background-color: #e25371;
	border-radius: 25px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 150%;
	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;
	color:#FFF;
	display:inline-block;
	line-height:1;
	padding:15px 30px 12px 30px;
	border-radius:25px;
	margin: 0 10px 10px;
	box-shadow:3px 3px 5px 0px rgba(0,0,0,0.3);
	min-width:250px;
	white-space: nowrap;}

/* Omikuji */
.startGame {
	width:500px;
	margin:0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;}
#innerGame  {
    margin: 10px auto;
    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 .4s 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: 20px; */
    /* left: 20px; */
    cursor: pointer;}
.startOmikuji.gameOn.cyukichi .gameshare,
.startOmikuji.gameOn.ssr .gameshare {
	display:block;}
/*.startOmikuji .gameshare a.twittershare {
    border-radius: 5px;
    margin:0px;
	font-size: 14px;
    display: inline-block;
    padding: 10px 10px 10px 30px;
    line-height: 1;
    box-shadow: none;
    color: #FFF;
    background: #51ABF1 url(/images/sns/twitter.png) left 10px center no-repeat;
    background-size:15px auto;}*/
.startOmikuji .gameshare a.twittershare {
	border-radius: 5px;
	margin:5px 0 0;
	font-size: 14px;
	display: inline-block;
	padding: 10px 10px 10px 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:15px auto;}
	
.ticketBox ul {
	width:94%;
	margin:3% auto;
	padding-bottom: 3%;}
.ticketBox ul li {
	width:100%;
	margin:0 auto 10px auto;
	position: relative;}
.ticketBox ul li h2 {
	background-color:#f7ce5f;
	color:#1b1b1b;
	font-weight:bold;
	font-size:18px;
	line-height:1.5em;
	padding:5px 50px 5px 20px;
	margin-bottom:5px;
	text-align: left;word-break: break-all;}
.ticketBox ul li h2 em {
	font-size:15px;
	color:#ff0000;}
.ticketBox ul li h2 span {
	font-size:15px;
	font-weight:bold;
	text-align: right;
	float: right;}
.ticketBox ul li .detail {
	padding:5px 10px;
	background-color: #FFFFFF;}
.ticketBox ul li dl {
	width: 100%;
	margin:0;
	float: left;
	display:flex; 
	flex-wrap: wrap;
	align-items: center;}
.ticketBox ul li dt {
	width: 68%;
	line-height: 1.4em;
	float:left;
	margin: 0;
	text-align: left;}
.ticketBox ul li dd {
	margin: 0 2%;
	display:inline-block;
	color: #FFFFFF;
	text-align: center;
	width: 15%;}
.ticketBox ul li dd img {
  	max-width: 100%;
  	height: auto;
	padding: 0;
	margin: 0;}
.ticketBox ul li dd.UseBtn {
	margin: 0px;
	width: 13%;}
.ticketBox ul li dd.UseBtn a {
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    border-radius: 25px;
	font-size: 15px;
    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;
    color: #FFFFFF;}

@media(max-width:768px) {
.ticketBox ul li dl {
	align-items: stretch;}
.ticketBox ul li dt {
	font-size: 14px;
	width: 68%;}
.ticketBox ul li dd {
	margin: 0 1%;
	width: 17%;}
.ticketBox ul li dd img {
	vertical-align: top;}
.ticketBox ul li dd.UseBtn a {
    padding: 8px 0;
	font-size: 13px;
    vertical-align: top;}
}