@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, div, p, table, form, img, hr, ul, ol, li, dl, dt, dd {margin: 0; padding: 0;}
body {font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック'; background:#FFFFFF; color:#333333; margin:0; text-align:center;}

.opacity:hover {
    filter:alpha(opacity=70); /*IE*/
    -moz-opacity:0.7; /*Firefox*/
    opacity:0.7; /*Opera・Safari*/
    background: #fff;
}

/* ポイントエントランス関連 */
div#pointEntrance {
    width:100%;
    text-align:center;
}

div#pointEntrancePointDetail {
    margin:0 auto;
    width:960px;
    text-align:left;
}


div#pointEntranceTitle {
    margin:20px auto;
    padding-bottom:10px;
    width:960px;
    background:url(/images/contents/point/entrance/bg_h1BorderBottom.gif) left bottom no-repeat;
    text-align:left;
}

div#pointEntranceTitle h1 {
    float:left;
    width:131px;
    height:37px;
}

div#pointEntranceTitle h1 a {
    display:block;
    width:131px;
    height:37px;
    background:url(/img_header/img_warauLogo.gif) no-repeat;
}

div#pointEntranceTitle h1 a span {
    display:none;
}

div#pointEntranceTitle p {
    float:right;
    margin:0;
    padding:17px 0 0 0;
}

h2#pointEntrancePointName {
    margin:20px 0 15px 0;
    width:698px;
}

div#pointEntrancePointDetail p {
    width:698px;
}

h2#pointEntrancePointLinkBanner {
    float:right;
    padding-top:123px;
    width:240px;
    background:url(/images/contents/point/entrance/20140702/bg_pointLinkBanner.png?20171130) left top no-repeat #FFFEF0;
    border:1px #0099FF solid;
    text-align:center;
    font-size:100%;
}

h2#shopEntrancePointLinkBanner {
    float:right;
    margin:20px 0 10px 0;
    padding-top:100px;
    width:240px;
    background:url(/images/contents/point/entrance/20140702/bg_pointLinkBanner.png?20171130) left top no-repeat #FFFEF0;
    border:1px #B22222 solid;
    text-align:center;
    font-size:100%;
}

h2#pointEntrancePointLinkBanner span {
    display:block;
    padding:30px;
    font-weight:lighter;
}

h2#shopEntrancePointLinkBanner span {
    display:block;
    padding:10px 0 20px 0;
    font-weight:lighter;
}

.btnFavBox { height: 24px; margin-bottom: 20px; text-align: center; }
.btnFavBox img { display: none; cursor: pointer; }

.ptEntranceDetailTable { width: 560px; margin: 10px 0 20px 0; }



div#pointEntranceCaution p {
    clear:right;
    padding:10px 25px;
}

div#pointEntranceCaution p span {
    display:block;
    margin-bottom:10px;
}

div#pointEntranceInfo {
    margin:20px auto;
    padding:10px;
    width:780px;
    _width:800px;
    text-align:left;
    border:1px solid #CCCCCC;
    background-color:#F9F9F9;
}

div#pointEntranceInfo strong img {
    margin-right:10px;
}

div#pointEntranceOverture {
    margin:10px auto 0 auto;
    width:770px;t
    ext-align:left;
}

div#pointEntranceOverture span.sponsorSite {
    display:block;
    width:100%;
    text-align:right;
    font-size:80%;
    color:#888;
}

div#pointEntranceCategorySearch {
    padding:15px 0;
    margin:15px auto;
    border-top:1px dashed #CCCCCC;
    border-bottom:1px dashed #CCCCCC;
}

div#pointEntranceNews {
    margin-top:10px;
    text-align: right;
}

div#pointEntranceYshopping {
    margin:0 auto;
    width:960px;
    text-align:left;
}

h2#pointEntranceYshoppingTitle a {
    display:block;
    margin:0 auto;
    width:960px;
    height:170px;
    background:url(/images/contents/point/entrance/yShopping/20141106/h1_title.png);
}

h2#pointEntranceYshoppingTitle span {
    display:none;
}

div#yShoppingSearchForm {
    margin:20px auto;
    width:960px;
}

div#yShoppingSearchForm h2 {
    width:960px;
    height:45px;
    background:url(/images/contents/point/entrance/yShopping/20141106/ob_searchFormTop.png);
}

div#yShoppingSearchForm h2 span {
    display:none;
}

div#yShoppingSearchForm form {
    margin:0;
    padding:10px 0;
    background:url(/images/contents/point/entrance/yShopping/20141106/ob_searchFormBottom.png) no-repeat bottom;
}

div#yShoppingSearchForm form img {
    margin:0 10px 8px 20px;
    vertical-align:middle;
}

div#yShoppingSearchForm form select {
    width:230px;
}

div#yShoppingPointDetail {
    margin:0 auto 20px auto;
    padding:10px 0;
    width:960px;
    background:#FFD900;
}

div#yShoppingPointDetail table {
    border-collapse: collapse;
    margin:0 auto;
    width:940px;
}

div#yShoppingPointDetail table th {
    padding:10px;
    width:120px;
    color:#990000;
    border:1px solid #FF9900;
    background-color:#FFFFCC;
    text-align:left;
}

div#yShoppingPointDetail table td {
    padding:10px;
    color:#444444;
    border:1px solid #FF9900;
    background-color:#FFF;
}

div#yShoppingPointDetail table td.acquirement p.left {
    float:left;
    margin:0;
    padding:0;
    width:180px;
}

div#yShoppingPointDetail table td.acquirement p.right {
    display:block;
    float:right;
    margin:0;
    padding:0;
    width:180px;
    text-align:right;
}

div#yShoppingPointDetail table td.acquirement p.right img {
    margin-right:5px;
    vertical-align:middle;
}

div#yShoppingCategory {
    margin:0 auto 10px auto;
}

div#yShoppingHot h2,
div#yShoppingCategory h2 {
    margin-bottom:7px;
}

div#yShoppingCategory .yShoppingCategoryItem {
    margin:0 auto;
    width: 940px;
}

.yShoppingCategoryItem ul {
    list-style-type:none;
    width: 950px;
    margin: 0 -10px 0 0;
    overflow: hidden;
    _zoom: 1;
}

.yShoppingCategoryItem li{
    width: 305px;
    margin:0 10px 30px 0;
    float: left;
}

.yShoppingCategoryItem li img {
    float:left;
    margin-right:5px;
    border:1px;
}


/* ログアウト時のユーザー登録案内 */
.registGuideBox {
    padding:15px;
    margin:10px 0 0 0;
    background:#FFFCDD;
    border:1px solid #FFD000;
    color:#333333;
}

.registProcessBox {
    margin:30px 0 0 0;
    padding: 20px 0;
    background: #FFFCDD;
    border: 1px #FFD000 solid;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

h2.registGuideTitle {
    padding:20px 0 10px 0;
    margin:0;
}

.registGuideContents {
    padding:0 15px;
    margin:0;
    text-align:center;
}

h2#registGuideTitleService span,
h2#registGuideTitleShopping span {
    display:none;
}





/* モバイルエントランス */
h2#MobileEntrancePointLinkBanner {
    float:right;
    padding:123px 0px 30px 0px;
    margin-bottom:20px;
    width:218px;
    background:url(/contents/point/img_entrance/bg_pointLinkBanneMobile.gif) left top no-repeat #FFFEF0;
    border:1px #B22222 solid;
    text-align:center;
    font-size:100%;
}

div#transmitBtnBox {
    width:220px;
    text-align:left;
    padding:0px 0px 20px 0px;
}

.h1border {
    height:5px;
    clear:both;
    margin:5px 0px 20px 0px;
}

.clearboth {
    margin:0px;
    padding:0px;
    line-height:0px;
    font-size:0px;
    clear:both;
}

#complete {
    font-size:120%; 
    font-weight:bold;
    text-decoration:none;
    color:#ff1493;
    text-align:center;
}

#hatenaBox {
    margin: 10px auto;
    width:550px;
}

p#titleRightNavi {
    float:right;
    margin:0;
    padding:12px 0 0;
    text-align:right;
}

div#pointEntrancePointDetail h1 {float:left; width:140px; height:44px;}
div#pointEntrancePointDetail h1 a {display:block; width:140px; height:44px; background:url(http://cdn.warau.jp/www.warau.jp/images/headerMenu/20140702/logo_warau.png) no-repeat;}
div#pointEntrancePointDetail h1 a span {display:none;}
div#pointEntrancePointDetail p#topRightNavi {float:right; margin:0; padding:12px 0 0 0; text-align:right;}

.reviewItemHeader {width:800px; height:20px; margin:0px auto 5px auto; padding:10px 0px 8px 0px; background-color:#FFF7E6; text-align:left;}
.reviewItemBody {width:800px; margin:auto; padding:0px; text-align:left; word-break:break-all;}
.reviewitemFooter {width:800px; margin:10px auto 20px auto; padding:5px 0px; text-align:right;}
.reviewitemFooter img {border:0;}

div.pager {margin:auto; padding:7px 0 5px 0; font-size: 90%; text-align:center;}
div.pager a, div.pager span {margin-right: 5px; padding: 1px 5px; color: #006699;}
div.pager a, div.pager a:visited {background-color: #F9F9F9; border: 1px solid #CCC; text-decoration: none;}
div.pager a:hover {background-color: #F9F9F9; border: 1px solid #006699;}
div.pager span.current {color: #fff; background-color: #006699; border: 1px solid #006699; font-weight: bold;}
div.pager span.nextprev {color: #666; background-color: #fff;}
div.pager a.nextprev, div.pager a.nextprev:visited {background-color: #fff; border:0; text-decoration:underline;}
div.pager a:hover.nextprev {background-color: #fff; border:0; text-decoration:underline;}
span.yesorno a, div.yesorno span {background-color:#F9F9F9; border:1px solid #CCCCCC; padding:1px 4px; color: #006699;}
span.yesorno a:hover {background-color:#F9F9F9; border: 1px solid #006699; text-decoration:none; padding:1px 4px;}

#kuchikomiAvatar { border: 1px solid #D6D7B9; display: block; height: 80px; overflow: hidden; position: relative; width: 70px;}
#kuchikomiAvatar img { border: none; left: -50px; position: relative; top: -20px;}


#noLoginNavi { display:none; position:absolute; background:#FFFCDD; border:1px solid #FFC700; color:#555; padding:10px; width:300px; }
#noLoginNavi p { margin: 0 0 5px 0; padding: 0; width: 280px; }
#noLoginNavi ul { margin:0; padding:0; list-style-type:none; }

h3.ptEntranceReviewTitle { margin: 0 auto; height: 75px; background: url(/images/contents/point/entrance/20140702/h2_buzzTitle.png) no-repeat left bottom;  text-align: left; vertical-align: middle; }
h3.ptEntranceReviewTitle div.title { padding: 20px 0 0 0; color: #953F00; }

.reviewItemBox { padding:6px 0 20px 0; border-bottom: 1px dashed #aaaaaa; }
.reviewItemBox .reviewItemDetail { width:800px; }


/* ---------------------------------------------------------- NEW 201410 */
div#pointEntrancePointDetail h1 {float:left; width:140px; height:44px;}
div#pointEntrancePointDetail h1 a {display:block; width:140px; height:44px; background:url(http://cdn.warau.jp/www.warau.jp/images/headerMenu/20140702/logo_warau.png) no-repeat;}
div#pointEntrancePointDetail h1 a span {display:none;}
div#pointEntrancePointDetail p#topRightNavi {float:right; margin:0; padding:12px 0 0 0; text-align:right;}
#reviewSorter {margin:10px auto; padding:5px 10px;}
#reviewSorter a {background:#F9F9F9; border:1px solid #CCCCCC; color:#006699; margin:0 2px; padding:2px 5px; text-decoration:none;}
#reviewSorter span.current {background:#006699; border:1px solid #006699; color:#FFFFFF; margin:0 2px; padding:2px 5px; text-decoration:none; font-weight:bold;}
#reviewSorter img {vertical-align:middle;}
.reviewItemHeader {width:800px; height:20px; margin:0px auto 5px auto; padding:10px 0px 8px 0px; background-color:#FFF7E6; text-align:left;}
.reviewItemBody {width:800px; margin:auto; padding:0px; text-align:left; word-break:break-all;}
.reviewitemFooter {width:800px; margin:10px auto 20px auto; padding:5px 0px; text-align:right;}
.reviewitemFooter img {border:0;}
div.pager {margin:auto; padding:7px 0 5px 0; font-size: 90%; text-align:center;}
div.pager a, div.pager span {margin-right: 5px; padding: 1px 5px; color: #006699;}
div.pager a, div.pager a:visited {background-color: #F9F9F9; border: 1px solid #CCC; text-decoration: none;}
div.pager a:hover {background-color: #F9F9F9; border: 1px solid #006699;}
div.pager span.current {color: #fff; background-color: #006699; border: 1px solid #006699; font-weight: bold;}
div.pager span.nextprev {color: #666; background-color: #fff;}
div.pager a.nextprev, div.pager a.nextprev:visited {background-color: #fff; border:0; text-decoration:underline;}
div.pager a:hover.nextprev {background-color: #fff; border:0; text-decoration:underline;}
span.yesorno a, div.yesorno span {background-color:#F9F9F9; border:1px solid #CCCCCC; padding:1px 4px; color: #006699;}
span.yesorno a:hover {background-color:#F9F9F9; border: 1px solid #006699; text-decoration:none; padding:1px 4px;}
#kuchikomiAvatar { border: 1px solid #D6D7B9; display: block; height: 80px; overflow: hidden; position: relative; width: 70px;}
#kuchikomiAvatar img { border: none; left: -50px; position: relative; top: -20px;}


/* ---------------------------------------------------------- NEW 201410 */
.entranceBuzzInfo { width: 500px; }

a.btnEntRegist201410 { display: block; width: 612px; height: 77px; background: url(/images/contents/point/entrance/btn_actionRegist.png) no-repeat right top; }
a.btnEntRegist201410:hover { background-position: right bottom; }
a.btnEntRegist201410 span { display: none; }

#reviewSorter .aboutBuzzPt { background: #FFF; border:0; text-decoration: underline; }
#reviewSorter a.aboutBuzzPt:hover { color:#FF0084; text-decoration:underline; }

.noLoginBox { display:none; position:absolute; z-index: 100; background:#FFFFA1; border:1px solid #FFD000; color:#555; padding:10px; width:300px; }
.noLoginBox p { margin:0 0 5px 0; padding:0; width:280px; _width:260px; float:left; }
.noLoginBox ul { margin:0; padding:0; list-style-type:none; float:left; }


.btnEntrance201410 { position: relative; margin: 15px auto -5px auto; width: 612px; height: 80px; }
.btnEntrance201410 a { display: block; width: 612px; height: 77px; }
.btnEntrance201410 a div.btn { position: absolute; left: 0; bottom: 10px; display: block; width: 612px; height: 77px; background: url(/images/contents/point/entrance/btn_actionRegist.png) no-repeat 0 0; }
.btnEntrance201410 a div.btn:hover { background-position: 0 bottom; }
.btnEntrance201410 a div.btn span { display: none; }
.btnEntrance201410 .chanUp { position: absolute; bottom: 20px; right: 20px; }


/* ---------------------------------------------------------- NEW 201412 */
#entranceBuzzContainer {border: 1px solid #FFDD65; width:960px; margin:auto; margin-top: 10px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#entranceBuzzContainer h3 {background-color: #FFF5C6; margin-bottom: 7px;height: 40px;border: 1px solid #fff; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px;border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px;border-top-right-radius:5px;}
#entranceBuzzContainer h3 div {padding:3px 10px 10px 10px;}
#entranceBuzzContainer #entranceBuzzInnner {padding:10px 30px;}

#pointEntranceCaution {border: 1px solid #CCCCCC; width:960px; margin:auto; margin-top: 20px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#pointEntranceCaution h2 {background-color: #EEEEEE; height: 40px;border: 1px solid #fff;margin-bottom: 7px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px;border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px;border-top-right-radius:5px;}
#pointEntranceCaution h2 div {padding:3px 10px 10px 10px;}

.waraucardBnrContainer {display: block;border: 1px solid #BBE9EB; background-color: #F6FEFF;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;-moz-box-shadow: 2px 2px 0 #E0E0D8;-webkit-box-shadow: 2px 2px 0 #E0E0D8;box-shadow: 2px 2px 0 #E0E0D8;margin-top: 40px;text-align: center;}
.waraucardBnrContainer img {margin:15px auto 8px auto;}





/* rolling animation */
.btnEntrance201410 .anmUp {
    /* IE */
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: center bottom;
    animation-name: chanOut;
    /* webkit */
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: center bottom;
    -webkit-animation-name: chanOut;
    }
/* IE */
@keyframes chanOut {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(4deg); }
    50%  { transform: rotate(0deg); }
    75%  { transform: rotate(-4deg); }
    100% { transform: rotate(0deg); }
}
/* webkit */
@-webkit-keyframes chanOut {
    0%   { -webkit-transform: rotate(0deg); }
    25%  { -webkit-transform: rotate(4deg); }
    50%  { -webkit-transform: rotate(0deg); }
    75%  { -webkit-transform: rotate(-4deg); }
    100% { -webkit-transform: rotate(0deg); }
}

/* jump animation */
.btnEntrance201410:hover .anmUp { 
    margin-top: -10px;
    /* IE */
    animation-duration: 3s; 
    animation-timing-function: ease-in; 
    animation-iteration-count: infinite; 
    transform-origin: bottom center; 
    animation-name: outer05;
    animation-delay: -1.5s;
    /* webkit */
    -webkit-animation-duration: 3s; 
    -webkit-animation-timing-function: ease-in; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-transform-origin: bottom center; 
    -webkit-animation-name: outer05; 
    -webkit-animation-delay: -1.5s;
}
/* IE */
@keyframes outer05 { 
    0%    { transform: scale(1, 1); }
    48%   { transform: scale(1, 1); }
    50%   { transform: scale(1.1, 0.9); }
    53%   { transform: scale(0.9, 1.1) translate(0, -5px); }
    57.5% { transform: scale(1, 1) translate(0, -3px); }
    59%   { transform: scale(1, 1) translate(0, 0px); }
    100%  { transform: scale(1, 1); }
}
/* webkit */
@-webkit-keyframes outer05 { 
    0%    { -webkit-transform: scale(1, 1); }
    48%   { -webkit-transform: scale(1, 1); }
    50%   { -webkit-transform: scale(1.1, 0.9); }
    53%   { -webkit-transform: scale(0.9, 1.1) translate(0, -5px); }
    57.5% { -webkit-transform: scale(1, 1) translate(0, -3px); }
    59%   { -webkit-transform: scale(1, 1) translate(0, 0px); }
    100%  { -webkit-transform: scale(1, 1); }
}


/* ---------------------------------------------------------- NEW 201411 */
h2.entranceBnrBox201411 {
    padding: 22px 0;
    width: 190px;
    background: #FFFEF0;
    border: 1px #B22222 solid;
    font-size: 100%;
    font-weight: lighter;
    text-decoration: none;
}

h2.entranceBnrBox201411 .hoshi { font-size: 170%; font-family: "Arial"; }

.entranceDetailBox201411 { width: 740px; }
.entranceDetailBox201411 h2 { line-height: 100%; }

.entranceDetailBox201411 .spec {  }
.entranceDetailBox201411 .spec .title { margin-bottom: 5px; padding-top: 5px;  width: 110px; height: 30px; background: #888888; color: #FFF; letter-spacing: 1px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.entranceDetailBox201411 .spec .data { padding-top: 5px; }

.entranceDetailBox201411 table.spec td {
}



/* ---------------------------------------------------------- NEW 201607 */

.btnLine { margin-bottom: 5px; }
.pointBtnAnim {
    display:block; margin: auto; width: 590px; height: 65px; border: none; border-radius: 8px; -webkit-border-radius: 8px;
    background: #F3271A; color: #fff; font-size: 180%; font-weight: bold; letter-spacing: 0.1em;
    box-shadow: 0 6px 0 #8E0000, 0px 12px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 6px 0 #8E0000, 0px 12px 0px rgba(0,0,0,0.2);
    text-align:center; line-height: 5rem; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s;
  }
.pointBtnAnim:hover { border: none; background: #F3271A; box-shadow:0 3px 0 #8E0000, 0px 6px 0px rgba(0,0,0,0.2); -webkit-transform: translateY(3px); transform: translateY(3px); }

.sponsorBtnAnim {
    display:block; margin: auto; margin-bottom: 35px; width: 590px; height: 65px; border: #D6D6D6 1px solid; border-radius: 8px; -webkit-border-radius: 8px;
    background: #FFF; color: #fff; font-size: 180%; font-weight: bold; letter-spacing: 0.1em;
    box-shadow: 0 6px 0 #D6D6D6, 0px 0px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 6px 0 #D6D6D6, 0px 0px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0 6px 0 #D6D6D6, 0px 0px 0px rgba(0,0,0,0.2);
    text-align:center; line-height: 5rem; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s;
  }
.sponsorBtnAnim:hover { border: #D6D6D6 1px solid; background: #FFF; box-shadow:0 3px 0 #D6D6D6, 0px 0px 0px rgba(0,0,0,0.2); -webkit-transform: translateY(3px); transform: translateY(3px); }
.RegistrationBtn { margin: auto; margin-top: 20px; margin-bottom: 30px;}


/* ---------------------------------------------------------- 201706 ichioshiTitle */
.ichioshiChan , .ichioshiMomo , .ichioshiMido { margin-bottom: 20px; width: 100%; height: 60px; box-shadow: 0 2px 1px rgba(0,0,0,0.1); }
.ichioshiChan { background-color: #FFF5D4; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #FFEFBF), to(#FFEFBF)), -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #FFEFBF), to(#FFEFBF)); -webkit-background-size: 5px 5px;}
.ichioshiMomo { background-color: #FFECE6; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #FFCCCC), to(#FFCCCC)), -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #FFCCCC), to(#FFCCCC)); -webkit-background-size: 5px 5px;}
.ichioshiMido { background-color: #E9FFD5; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #DFF5B4), to(#DFF5B4)), -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #DFF5B4), to(#DFF5B4)); -webkit-background-size: 5px 5px;}
.ichioshiEntBox { width: 960px; margin: 0 auto; }
.ichioshiEntText { width: 350px; margin-top: 1%; padding: 10px 20px; background: #FFFFFF; border-radius: 5px; text-align: center; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.whiteTriangle { width: 0; height: 0; margin-top: 2.5%; border-style: solid; border-width: 6px 0 6px 12px; border-color: transparent transparent transparent #FFFFFF; }
.ichioshiChan .ichioshiEntText { color:#ee8d00; }
.ichioshiMomo .ichioshiEntText { color:#ec639b; }
.ichioshiMido .ichioshiEntText { color:#86a600; }


/* ---------------------------------------------------------- NEW 201707 */
#innerEntranceBox {margin-top: 25px;}
#innerEntranceBox h2 {font-size: 130%;width:655px;float: left;}
#innerEntranceBox h2 a {text-decoration: none;}
#innerEntranceBox h2 a:hover {text-decoration: underline;}
#innerEntranceBox #bnBox {width: 160px;height: 160px;background-color:#F9F9F9;border: 1px solid #E6E6E6;float: left;}
#innerEntranceBox #bnBox:hover{opacity: 0.7;}
#innerEntranceBox #bnBox a {
width: 160px;
height: 160px;
display: table-cell;
text-align: center;
vertical-align: middle;
layout-grid-line: 140px;
overflow: hidden;
}
#innerEntranceBox #bnBox img {margin: auto;}
#innerEntranceBox #detailBox {width: 775px;float: right;}
#innerEntranceBox #detailBox #innnerBox {clear:both; padding-bottom:20px;}
#innerEntranceBox #detailBox #innnerBox h2 {width:655px;}
#innerEntranceBox #detailBox #innnerBox .fbtn {width:118px; height: 26px; border: 1px solid #E6E6E6;border-radius:6px;font-size: 84%;text-align: center;line-height: 26px;float:right;}
#innerEntranceBox #detailBox #innnerBox .fbtn:hover {opacity: 0.7;cursor: pointer;}
#innerEntranceBox #detailBox p.detailText {margin-top: 10px;width: 100%;}
#innerEntranceBox #detailBox dl#detailPointContainer {clear: left;margin-top: 15px;}
#innerEntranceBox #detailBox dl#detailDateContainer {clear: left;margin-top: 5px;}
#innerEntranceBox #detailBox dl#detailPointContainer dt,
#innerEntranceBox #detailBox dl#detailDateContainer dt {float:left;}
#innerEntranceBox #detailBox dl#detailPointContainer dd,
#innerEntranceBox #detailBox dl#detailDateContainer dd {line-height:150%;}
#innerEntranceBox #detailBox dl#detailPointContainer .iconPoint,
#innerEntranceBox #detailBox dl#detailDateContainer .iconDate {height: 20px;line-height: 20px; width: 100px; margin-right: 10px; background-color: #B3B3B3;font-size: 70%;color: #fff; text-align: center; padding-left: 5px;}
#innerEntranceBox #detailBox dl#detailPointContainer .iconPoint {margin-top: 5px;}
#innerEntranceBox #detailBox dl#detailDateContainer .iconDate {letter-spacing: 0.2em;margin-top: 2px;}

#modalOverlayBtn {height:100px; width:100%; position:fixed; bottom:0px; background-color:rgba(255,255,255,0.7);padding-top:8px;border-top:1px #D3D3D3 solid;z-index:9;}

.textSponsorBox {margin-top: 15px;text-align: right;}
#notesContainer {margin-top: 20px;padding: 1.6em;background-color:#F9F9F9;}
#notesContainer ul { margin-left: 2.3%; width: 97.5%; }
#notesContainer ul.sponsorNg { margin-left: 2.3%; width: 97.5%; background: url(/images/contents/point/entrance/obj_ngContact.svg) no-repeat right bottom;background-size: 8% auto;}
#notesContainer ul li {width: 90%;}
.ozTabs {list-style: none;  padding: 0;  font-weight: bold; font-size: 84%;} /* タブのコンテナ */
.ozTab {float: left;  border-width: 1px;  border-style: solid;  border-color: #CCC #CCC #FFF #CCC;  border-radius: 4px 4px 0 0;  width:49.5%;  box-sizing: border-box; line-height: 150%;  padding: 0.8em;  text-align: center;  }/* タブの基本設定 */
.passive:hover {text-decoration: underline; cursor: pointer;}
.ozTabs li:nth-child(2) {margin-left:1%;}
.ozTab + .ozTab { margin-left: 10px;}
.tabBody {clear: both;margin: 0; padding: 1.6em;position: relative;top: -1px;z-index: 0;list-style: none;border: 1px solid #CCC;}/* コンテンツのコンテナ */
.tabContent {display: none; }
.active {display: block;position: relative;z-index: 1;}/* カレント判定 */
.passive {background-color: #F9F9F9;}


/* ---------------------------------------------------------- 201710 entranceCampaign */
.campaignLimitedTime {margin:auto; width:960px;position: relative;}
.campaignLimitedTime h2{margin-top: 13px; padding: 10px 0; font-size: 130%; font-weight: normal; text-align: center; letter-spacing: 0.1em; color:#ffffff;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    background-color: #99c442;
    background-image: -webkit-linear-gradient(-45deg, #9fc74c 25%, #99c442 25%, #99c442 50%, #9fc74c 50%, #9fc74c 75%, #99c442 75%, #99c442 );
    background-image: -moz-linear-gradient(-45deg, #9fc74c 25%, #99c442 25%, #99c442 50%, #9fc74c 50%, #9fc74c 75%, #99c442 75%, #99c442 );
    background-image: -ms-linear-gradient(-45deg, #9fc74c 25%, #99c442 25%, #99c442 50%, #9fc74c 50%, #9fc74c 75%, #99c442 75%, #99c442 );
    background-image: -o-linear-gradient(-45deg, #9fc74c 25%, #99c442 25%, #99c442 50%, #9fc74c 50%, #9fc74c 75%, #99c442 75%, #99c442 );
    background-image: linear-gradient(-45deg, #9fc74c 25%, #99c442 25%, #99c442 50%, #9fc74c 50%, #9fc74c 75%, #99c442 75%, #99c442 );
    border-top-left-radius: 4px; border-top-right-radius: 4px;
}
.campaignLimitedTime img{ position: absolute; top:-4px; right:-2px; }
.campaignLimitedTime .innerCampaignBox { padding: 5px 20px 20px; background: #F7FFDB; border: solid 1px #eaffa4; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: left;}
.campaignLimitedTime .innerCampaignBox p{margin: 10px 0;}
.campaignLimitedTime .innerCampaignBox .campaignLimit { font-weight: bold; background: linear-gradient(transparent 75%, #bce525 60%); letter-spacing: 0.1em;}

.campaignPointUp {margin:auto; width:960px;position: relative;}
.campaignPointUp h2{margin-top: 13px; padding: 12px 0 8px; height: 30px; font-size: 130%; font-weight: normal; text-align: center; letter-spacing: 0.1em; color:#ffffff; background: #71BFB0; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative;}
.campaignPointUp h2 img { position: absolute; bottom:-4px; right:8px; }
.campaignPointUp img{ position: absolute; bottom:0; right:18px; }
.campaignPointUp .innerCampaignBox { padding: 5px 20px 20px; background: #FFF0B3 url("/images/contents/point/entrance/campaign/bg_dot.png"); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; text-align: left;}
.campaignPointUp .innerCampaignBox p { width:800px; margin: 10px 0;}
.campaignPointUp .innerCampaignBox .campaignLimit { font-weight: bold; background: linear-gradient(transparent 75%, #FFD629 60%); letter-spacing: 0.1em;}