@charset "utf-8";

/* =====================================================================
  MyPage Base
====================================================================== */

/* Headline */
div#contents div.mail h4,
div#contents div#myalbum_list h4,
div#contents div#myshop_list h4,
div#contents div#meaasge_headline h4,
div#contents div#mailbin h4 {
  padding: 5px 10px;
  background: #F5E9DD;
  font-weight: bold;
  margin-bottom: 10px;
}

/* More Link */
div#contents div.favorite_more {
  margin: 5px 0;
  text-align: right;
}
div#contents a.red_arrow_link{
  padding-left: 14px;
  background: url('/img/arrow/mark2.gif') no-repeat left center;
}

/* Submit */
div#contents div.submit_beige_wrapper {
  text-align: center;
}
div#contents div.submit_beige {
  width: 400px;
  background-color: #F5E9DD;
  margin: 10px auto; padding: 5px 0;
  text-align: center;
}

/* OverRide global.css */
div#contents .note {
  background: #ECD2B9;
}
div#contents div.detail p.note {
   background:none repeat scroll 0 0 #FFFFFF;
}
div#contents dl dt {
  background: url("/img/icon/contents/headline/orange_back.gif") no-repeat;
}
div#contents ul.footer,
div#contents p#page_top.footer {
  border-top:1px solid #BB9966;
}

/* icon-info */
#contents table.icon-information {
    width: auto;
}

div#contents div.icon-info-mypage {
    margin-top: 10px;
}

div#contents div.icon-info-mypage div.icon-left {
    line-height: 22px;
}
div#contents div.icon-info-mypage div.icon-right {
    line-height: 22px;
	text-align:right;
	text-decoration:underline;
}

/* mypage_caption */
div#contents .mypage_caption {
    margin-top: 5px;
}


/* =====================================================================
  MyPage HeaderBanner
====================================================================== */

#shell #mypage_h_banner {
  margin: 0 15px 15px;
  text-align: left;
}
#shell #mypage_h_banner li {
  display: inline;
  padding: 0 40px 0 10px;
  background: url(/img/arrow/orange2.gif) no-repeat left center;
}

/* =====================================================================
  MyPage MyAlbum
====================================================================== */

#contents #myalbum_list {
  margin-bottom: 20px;
}

#contents #myalbum_list div.section {
  margin: 5px 0;
}

#contents #myalbum_list .mygirl-edit {
  width : 100px;
  text-align: right;
}

/* =====================================================================
  MyPage MyShop
====================================================================== */

#contents #myshop_list {
  margin-bottom: 20px;
}
#contents #myshop_list div.section {
  margin: 5px 0;
}
#contents #myshop_list p{
	text-align:right;
	text-decoration:underline;
}
#contents #myshop_list div.myshop_info {
  float: left;
}
#contents #myshop_list a.myshop_del_bt {
  float: right;
  vertical-align: middle;
}
#contents #myshop_list a.myshop_del_bt {
  float: right;
  margin: 10px 3px 0 0;
}
div#contents #myshop_list li div.myshop_info_detail {
  float: left;
  width: 158px;
}
div#contents #myshop_list li div.reg_platinum_mail {
 /* height: 74px;*/
}
div#contents #myshop_list li div.myshop_info_photo {
  float: right;
  width: 80px;
  height: 90px;
}
div#contents img.myheaven_rev {
  margin-bottom: 3px;
}

div#contents span#total_number {
  font-weight: bold;
}

/* =====================================================================
  MyPage Sortable Contents
====================================================================== */

/* Sort Base */
#contents #sortable {
  list-style-type: none;
  margin: 0; padding: 0;
}
#contents #sortable li {
  float: left;
  margin: 0 -1px -1px 0; padding: 0;
  background: #ffffff; border: 1px solid #BB9966;
  overflow: hidden;
}
*html #contents #sortable li {
  position: relative;
}
#contents .sort_edit #sortable li {
  cursor:move;
}
#contents #sortable .upper_part {
  border-bottom: 1px solid #BB9966;
}
#contents #sortable .lower_part {
}
#contents #sortable li.orange {
  background: #FF9933;
}
#contents #sortable li.beige {
  background: #FFCC99;
}

/* Sort Girl */
#contents form.sort_girl #sortable li {
  width: 122px;
  height: 300px;
  text-align: center;
}
#contents form.sort_girl #sortable .upper_part {
  height: 150px;
}
#contents form.sort_girl img.gr_photo {
  width: 80px; height: 90px;
}
#contents form.sort_girl span.check {
  color: #ff00ff; font-weight: bold;
}
#contents form.sort_girl .so_section {
  padding: 7px;
}

/* Sort Shop */
#contents form.sort_shop #sortable li {
	/* ↓ TOUCH 2013-08 ↓ */
	width: 246px;
	height: 185px;
	/* ↑ TOUCH 2013-08 ↑ */
  text-align: left;
  background: #FFFAE9;
}
#contents form.sort_shop #sortable .upper_part {
	/* ↓ TOUCH 2013-08 ↓ */
	height: 67px;
	/* ↑ TOUCH 2013-08 ↑ */
}
#contents form.sort_shop .so_section {
  padding: 5px 3px;
}

/* =====================================================================
  MyPage GirlMeaasge & MemberMeaasge
====================================================================== */

#contents #girlmeaasge .fanmessage_nickname {
  background: #F5ECFF;
  margin-top: 4px;
}
#contents #girlmeaasge .fanmessage_body {
  overflow: hidden;
  display: block;
  width: 400px; height: 52px;
}
#contents #girlmeaasge .fanmessage_more {
  text-align: right;
  margin: 3px 0 3px;
}
div#contents #girlmeaasge div.section {
  border-top:1px solid #FF99FF;
}

#contents #membermessage .fanmessage_headline {
  padding: 1px;
  background: #F5ECFF;
}
#contents #membermessage .fanmessage_headline a {
  display: block;
  float: left;
  padding-left: 2px;
}
#contents #membermessage .fanmessage_date {
  display: block;
  float: right;
  padding-right: 5px;
}
#contents #membermessage .fanmessage_body {
  border-top: 1px dotted #FF99FF;
  margin: 3px 0 0; padding: 5px 3px 0;
}
#contents #membermessage div.section {
  border-top: 1px solid #FF99FF;
  margin-bottom: 20px; padding-top: 3px;
}

/* =====================================================================
  MyPage PlatinumMailBin & MeruMaga
====================================================================== */

#contents #mailbin table {
  width: 100%;
}
#contents #mailbin table th,
#contents #mailbin table td {
  text-align: left;
  padding: 3px;
}
#contents #mailbin table th {
  font-weight: bold;
  background: #cccccc; border-right: 1px solid #9b9b9b;
}
#contents #mailbin table td {
  font-weight: normal;
  border-bottom: 1px solid #cfcfcf;
}
#contents #mailbin td.no_opened * {
  font-weight: bold;
}
#contents #mailbin div.mail_switch  {
  float: left;
}
#contents #mailbin div.mail_pager_right {
  float: right;
}
#contents #mailbin div.mail_pager_left {
  float: left;
}
#contents #mailbin div.switch_top {
  margin: 20px 0 5px;

}
#contents #mailbin div.switch_bottom {
  margin-top: 5px;
}
#contents #mailbin .mailbin_contents {
  width: 100%;
  background: #F5ECFF; border:1px solid #FF99FF;
}
#contents #mailbin .mailbin_dtl_caption {
  padding: 10px;
  border-bottom:1px solid #FF99FF;
}
#contents #mailbin .mailbin_dtl_caption .mailbin_shop_name {
  float: left;
}
#contents #mailbin .mailbin_dtl_caption .mailbin_send_date {
  float: right;
}
#contents #mailbin .mailbin_dtl_body {
  padding: 10px;
}
#contents #mailbin .mailbin_dtl_body .mailbin_title {
  font-weight: bold;
  font-size: 14px;
}


/* =====================================================================
  MyPage OsusumeInfo
====================================================================== */

#utilities div#osusume_news_sub {
    padding: 3px; margin-bottom: 10px;
    background: url('/img/headline/chuumokubar.gif') no-repeat; border: 1px solid #FFDB54;
}
#utilities div#osusume_news_sub div.osusume_headline {
    padding: 2px;
}
#utilities div#osusume_news_sub div.osusume_contents {
}
#utilities div#osusume_news_sub td {
  padding-top:5px;
}
#utilities div#osusume_news_sub td.osusume_title {
    margin-left: 3px;
}
/* ↓ TOUCH 2013-08 ↓ */
table.sugunavi {
	border: 1px solid #F39;
	margin: 3px 0;
	background: #FFF;
}
table.sugunavi td.title{
	background: #F39;
	color: #FFF;
	font-weight: bold;
	text-indent: 6px;
	width: 60px;
}
table.sugunavi td.navi{
	text-indent: 6px;
	width: 150px;
}
table.sugunavi td.navi span{
	color: #F00;
}
/* ↑ TOUCH 2013-08 ↑ */

/* ↓seo対応（メニュー表示変更） 2016/08/30*/
div#global, div#shell {
    width: 1105px !important;
    padding-top: 110px !important;
}

ul#pulldown-mypage {
    clear: none !important;
    margin-left: 120px !important;
}

@-moz-keyframes svgAnimeA {
    0% {
        fill: #333;
        stroke: #333;
        stroke-dashoffset: 3000;
    }
    100% {
        fill: white;
        stroke: white;
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes svgAnimeA {
    0% {
        fill: #333;
        stroke: #333;
        stroke-dashoffset: 3000;
    }
    100% {
        fill: white;
        stroke: white;
        stroke-dashoffset: 0;
    }
}
@keyframes svgAnimeA {
    0% {
        fill: #333;
        stroke: #333;
        stroke-dashoffset: 3000;
    }
    100% {
        fill: white;
        stroke: white;
        stroke-dashoffset: 0;
    }
}

.navWide {
    position: relative;
}

.navWide ul {
    width: 120px;
    padding: 5px 0;
}

.navWide .fixed {
    position: fixed;
    top: 80px;
}

.navWide li {
    font-weight: bold;
}

.navWide li svg {
    height: 18px;
    width: 90px;
}

.navWide li.active {
    background-color: #50bad0;
}
.navWide li.active svg {
    fill: white;
    stroke: white;
}

.navWide li.active a {
    color: #fff;
}

.navWide li:hover svg {
    -moz-animation: svgAnimeA 1s ease 0s both;
    -webkit-animation: svgAnimeA 1s ease 0s both;
    animation: svgAnimeA 1s ease 0s both;
}

.navWide li a {
    display: block;
}

.navWide li img {
    width: 100%;
}

.navWide li.red {
    border-color: #f65d4d;
}

.navWide li.red a {
    color: white;
}

#navWide1 a {
    height: 27px;
    padding: 5px 5px 0;
}

.hvr-sweep-to-right {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #50bad0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

@media screen and (max-width: 1190px){
    .container{
        width: 1105px !important;
    }
}

@media screen and (max-width: 1190px){
    .footer {
        width: 1105px !important;
    }
}
header {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
}

#navGlobalInner > .btnMenu{
    display:none;
}
/* ↑seo対応（メニュー表示変更） 2016/08/30*/
/*解除ボタン下線*/
.reg_mail a {
	text-decoration:underline;
}

dl dd p.toroku a {
    text-decoration: underline;
}