@charset 'UTF-8';

/* common */
*
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
}

html
{
    -ms-touch-action: none;
    margin: 0 auto;
    position: relative;
}
body
{
    margin: 0; padding: 0;
    text-align: center;
    font-size: 1em;
    width: 100%;
    font: 14px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img
{
    vertical-align: middle;
}
a:hover,
area:hover
{
  opacity:0.6;
  filter:alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  background: none !important;
}

/* #wrapper */

#wrapper
{
    -webkit-touch-callout: none;
}

#main-container
{
  display: table;
  margin: 10px auto;
}

.ext_display_hidden
{
  display: none;
  margin: 0 auto;
}




/* container-rectangle */
#container-rectangle
{
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
#container-rectangle .rectangle
{
  display: table-cell;
  width: 50%;
}


/* container-adbanner */
#container-adbanner
{
    margin-top: 10px;
    margin-bottom: 20px;
}
#container-adbanner .text-link
{
  margin: 0 auto;
  padding: 20px;
}
#container-adbanner .text-link a:link,
#container-adbanner .text-link a:visited
{
  color: #d51422;
}

/* container-animation */
#container-animation
{
    border: 1px solid #eee;
}
#container-animation .banner
{
    text-align:center;
    margin-bottom:5px;
}
#container-animation .contents
{
    margin-bottom:5px;
}
#container-animation .ad-banner
{
    margin-bottom: 10px;
    position: relative;
}
#container-animation .ad-banner .background
{
    text-align: center;
}
#container-animation .ad-banner .background img
{
    width: 100%;
}
#container-animation .ad-banner .button
{
    position: absolute;
    right: 1.5%;
    top: 5%;
}
#container-animation .ad-banner .button a img
{
}

#container-animation .box
{
  display: table;
}
#container-animation .thumbnail
{
  display: table-cell;
  width: 50%;
}
#container-animation .thumbnail img
{
  width: 280px;
  padding: 10px;
}
#container-animation .text
{
  display: table-cell;
  width: 50%;
  text-align: left;
  padding: 10px;
  vertical-align: top;
}
#container-animation .text-red
{
  color:#d51422;
}
#container-animation .text-red a:link,
#container-animation .text-red a:visited
{
  color: #d51422;
}
.animation-border
{
  border-bottom: 1px solid #6592FF;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  padding-top: 15px;
}

/* container-campaign */
#container-campaign
{
    margin-bottom: 10px;
    border: 1px solid #eee;
}
#container-campaign > .banner
{
    text-align:center;
    width: 640px;
    -margin-top:10px;
    margin-bottom:5px;
}
#container-campaign > .box
{
    width: 640px;
    display:table;
    border-collapse: separate;
    border-spacing: 10px 0;
}
#container-campaign .contents
{
    margin-bottom: 10px;
}
#container-campaign .left
{
    display:table-cell;
    width: 300px;
    text-align: center;
    padding:0,10px;
    background-color: #e2faff;
}
#container-campaign .right
{
    display:table-cell;
    width: 300px;
    text-align: center;
    padding:0,10px;
    background-color: #e2faff;
}

#container-campaign .contents > p
{
    margin: 10px 0;
    color: #333;
}

#container-campaign .contents > .txt
{
    padding: 0 0 0 20px;
    text-align: left;
}


/* container-information */
#container-information
{
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding-bottom: 10px;
}
#container-information .banner
{
    text-align:center;
    width: 640px;
    margin-bottom:10px;
}
#container-information ul
{
    margin:0px 10px;
}
#container-information li
{
}
#container-information .tab
{
    overflow:hidden;
}
#container-information .tab li
{
    color:#FFFFFF;
    width:154px;
    background-color:#FF8833;
    padding:10px;
    float:left;
    margin-right:1px;
    font-weight:bold;
    
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}
#container-information .tab li.select
{
    color:#FF8833;
    background-color:#FFE1BB;
    font-weight:bold;
}
#container-information .content li
{
    background-color:#FFE1BB;
    padding: 20px 10px;
    margin-right:1px;
}
#container-information .content li a
{
  text-decoration: none;
}
#container-information .content li a div
{
    background-color: #ffffff;
}
#container-information .content .hide
{
    display:none;
}
#container-information .content .hide .button
{
    background-color:#FFE1BB;
    margin-top: 10px;
    padding-right: 10px;
    text-align: right;
    margin-bottom: -10px;
}
#container-information .content li .article
{
    padding: 10px;
    border-bottom: 2px solid #ffe1bb;
    margin-bottom: 2px;
    width: 100%;
    display: table;
    box-sizing: border-box;
}
#container-information .content li .article .thumbnail
{
    display: table-cell;
    vertical-align: middle;
    width: 130px;
    padding-left: 0.75em;
    text-align: left;
    padding-right: 0.2em;
    box-sizing: border-box;
}
#container-information .content li .article .thumbnail p img
{
    width: 120px;
    border: #fc6f1e solid 1px;
}
#container-information .content li .article .inner
{
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding-left: 1em;
    padding-right: 2em;
    position: relative;
}
#container-information .content li .article .inner .date
{
    color: #030303;
    font-size: 0.85em;
}
#container-information .content li .article .inner h3 {
    color: #d51422;
    font-weight: bold;
    margin: 0.5em 0;
}
#container-information .content li .article .inner .txt
{
    color: #333;
    font-size: 0.8em;
}
#container-information .content li .article .inner .iconBox
{
    position: absolute;
    right: 0;
    top: 38%;
}
#container-information .content li .article .inner .iconBox img
{
    width: 0.75em;
}
/*#container-information .content li .border
{
    width:80%;
    position: absolute;
    border-bottom: medium solid #FF8833;
    bottom: -0.6em;
}*/


/* container-introduction */
#container-introduction
{
    text-align: center;
    margin-bottom: 5px;
    border: 1px solid #eee;
}
#container-introduction > .banner
{
    margin-bottom:10px;
}
#container-introduction .link-movie
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 5px;
}
#container-introduction .link-game
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 5px;
}
#container-introduction .link-line
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 5px;
}
#container-introduction .link-app
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 5px;
}
#container-introduction .link-fts
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 10px;
}
#container-introduction .link-sndeco
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 10px;
}
#container-introduction .link-kisekae
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 10px;
}
#container-introduction .link-sncon
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 10px;
}
#container-introduction .link-mail
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 10px;
}
#container-introduction .link-style-iphone
{
    text-align: center;
    width: 280px;
    height: 140px;
    margin-bottom: 10px;
}

#container-introduction .link-movie:hover,
#container-introduction .link-game:hover,
#container-introduction .link-line:hover,
#container-introduction .link-app:hover,
#container-introduction .link-fts:hover,
#container-introduction .link-sndeco:hover,
#container-introduction .link-kisekae:hover,
#container-introduction .link-sncon:hover,
#container-introduction .link-mail:hover
#container-introduction .link-style-iphone:hover
{
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}


/* container-line */
#container-line
{
    margin-bottom: 10px;
}
#container-line > .banner
{
    text-align:center;
    margin-bottom:5px;
}
#container-line .line  {
	margin:0px 0px 10px 0px;
}
#container-line stump1:after  {
	clear: both;
}
#container-line .stump1  {
	display: inline-block;
	margin-left: 10px;
	width: 100%;
	box-sizing: border-box;
}
#container-line .nomrg-left  {
  margin-left: 0;
}
#container-line .stump  {
	float: left;
	width: 200px;
	margin: 10px 10px 5px 0;
	font-weight:bold;
	padding-bottom: 10px;
	height: 250px;
}
#container-line .stump1 .stump:first-child  {
  margin-left: 0;
}
#container-line .stump p {
	white-space: normal;
	word-wrap: break-word;

}
#container-line .stump img {
	width: 100%;
	margin-bottom:5px;
}

/*↓↓ add 20180628 ↓↓*/
#container-line emoji1:after  {
	clear: both;
}
#container-line .emoji1  {
	display: inline-block;
	margin-left: 10px;
	width: 100%;
	box-sizing: border-box;
}
#container-line .emoji  {
	float: left;
	width: 200px;
	margin: 10px 10px 5px 0;
	font-weight:bold;
	padding-bottom: 10px;
	height: 250px;
}
#container-line .emoji1 .emoji:first-child  {
  margin-left: 0;
}
#container-line .emoji p {
	white-space: normal;
	word-wrap: break-word;

}
#container-line .emoji img {
	width: 100%;
	margin-bottom:5px;
}
/* ↑↑ add 20180628 ↑↑ */

#container-line .kisekae  {
	float: left;
	width: 200px;
	margin: 10px 10px 5px 0;
}
#container-line .kisekae p {
    font-weight:bold;
	white-space: normal;
	word-wrap: break-word;
    height: 360px;
}
#container-line .kisekae .font_small{
    height: 2.2em;
}
#container-line .kisekae img {
	width: 100%;
	margin-bottom:5px;
}
#container-line .play:first-child {
	margin-right: 5px;
	margin-left: 10px;
}
#container-line .play  {
	float: left;
	width: 300px;
	margin: 10px 5px 5px 0px;
}
#container-line .play img {
	width: 100%;
}
#container-line .aillis {
	float: left;
	width: 200px;
	margin: 10px 10px 5px 0;
	/*color:#FFC0CB;*/
	font-weight:bold;
	padding-bottom: 10px;
	height: 250px;
}
#container-line .aillis p {
	white-space: normal;
	word-wrap: break-word;
}
#container-line .aillis img {
	width: 100%;
	margin-bottom:5px;
}




/* container-okaimono */
#container-okaimono
{
    margin-bottom:10px;
    border: 1px solid #eee;
}

#container-okaimono .turnBox-container
{
}

#container-okaimono .banner
{
    text-align:center;
    margin-bottom:5px;
}
#container-okaimono .ad-banner img
{
    width: 100%;
}
#container-okaimono .ad-banner img
{
  padding: 5px 10px;
}
#container-okaimono .content
{
    display: table;
    padding: 10px;
    width: 100%;
}
#container-okaimono .content .thumbnail
{
    -float: left;
    text-align:left;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
}
#container-okaimono .content .thumbnail img
{
    width: 120px;
    border: #fc6f1e solid 1px;
}
#container-okaimono .content .inner
{
    text-align: left;
    padding-left: 1em;
    vertical-align: middle;
}
#container-okaimono .content .inner .date
{
    color: #030303;
    font-size: 0.85em;
}
#container-okaimono .content .inner .iconBox
{
    margin-top: 0.5em;
}
#container-okaimono .content .inner .iconBox p
{
    float: right;
}
#container-okaimono .content .inner .iconBox p img
{
    width: 0.75em;
}
#container-okaimono .content .inner h3 {
    color: #d51422;
    font-weight: bold;
    margin: 0.5em 0;
}
#container-okaimono .content .inner .txt
{
    color: #333;
    font-size: 0.8em;
}
#container-okaimono .okaimono-txt
{
    box-sizing: border-box;
    color: #333;
    font-size: 0.8em;
    text-align: left;
}


/* container-others */
#container-others:after
{
  clear: both;
}
#container-others
{
    margin-bottom: 10px;
	display:table;
	-padding:0 0.5%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
	-max-width:960px;
	margin:0 auto;
	text-align: center;
}
#container-others .table
{
  display: table;
  margin: 0 auto;
}


/* container-pickup */
#container-pickup
{
    margin-bottom: 10px;
    border: 1px solid #eee;
}
#container-pickup > .banner
{
    text-align:center;
    margin-bottom:10px;
}
#container-pickup > .left img
{
    width:280px;
}
#container-pickup > .right img
{
    width:280px;
}


/* global-copyright */
#global-modes
{
  display: table;
  margin: 0 auto;
}
#global-modes .global-modes-cell
{
  display: table-cell;
}
#global-modes .rule-line
{
  padding: 0 1.3em;
}
#global-modes .modes-button
{
    border-radius: 10px;
    color: #fff;
    padding: 0 66px;
    border: 5px solid #ffb1ce;
    box-sizing: border-box;
}
#global-modes .modes-smp,
#global-modes .modes-pc
{
    background-color: #ffb1ce;
}
#global-modes .modes-smp:hover,
#global-modes .modes-pc:hover
{
    color: #ffffff;
    background: #ed6aa1;
    opacity:1.0;
    filter:alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}

#global-modes .modes-pc
{
  padding: 0 78px;
}

#global-modes-identification
{
  color: #d51422;
  font-size: 0.8em;
}


#global-footer
{
  margin: 10px auto;
}


/* global-footer */
#global-footer-container
{
    display: block;
    margin: 10px auto 0;
    width: 100%;
}
#global-footer-container #footer-img
{
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  position: relative;
}
#global-footer-container #footer-img .button
{
    position: absolute;
    bottom: 1em;
    right: 1em;
}
#global-footer-container #footer-img .button img
{
}

/* global-header */
#global-header-container-top,
#global-header-container
{
    display: block;
    margin: 0 auto;
    width: 100%;
}
#global-header-container-top #global-header,
#global-header-container #global-header
{
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  height: 250px;
  position: relative;
}


/* global-link */
.global-link-container
{
  width: 100%;
  background-color: #E7EFCA;
  -padding: 10px 0;
  margin-bottom: 10px;
}
.global-link-container .link-area li a:link,
.global-link-container .link-area li a:visited
.global-link-container .link-area li a:active
{
  color: #000;
  text-decoration: underline;
}
.global-link-container .link-area li a:hover
{
  color: #222;
  text-decoration: none;
}


/* global-login */
.global-login-container
{
  width: 100%;
}
.global-login-container .login-area
{
    display: table;
    margin: 10px auto;
    text-align: center;
}
.global-login-container .login-area .login-block
{
    display: table-cell;
    padding: 0 20px;
}


/* global-menu */
.global-menu-container
{
  width: 100%;
  background-color: #FFB1CE;
  border: solid 1px #FFB1CE;
}
.global-menu-container .global-menu
{
    background-color: #FFB1CE;
    /*margin-top:10px;*/
    margin: 0 auto;
    padding: 0;
    border-top: 2px solid #ffffff;
    list-style-type: none;
}
/*clearfix*/
.global-menu-container .global-menu:after
{
    content: "";
    clear: both;
    display: block;
}
.global-menu-container .gloval-menu div
{
    text-align: center;
    vertical-align: middle;
}
.global-menu-container .global-menu li
{
    float: left;
    width: 50%;
    text-align: center;
    border-bottom: 2px solid #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* for odd number */
.global-menu-container .global-menu li:nth-child(odd)
{
    border-right: 2px solid #ffffff;
}
/* for even number */
.global-menu-container .global-menu li:nth-child(even)
{
    border-right: 2px solid #ffffff;
}
.global-menu-container .global-menu a
{
    display: block;
    line-height: 44px;
    color: #ffffff;
    text-decoration: none;
    font-weight:bold;
}
.global-menu-container .global-menu li:hover,
.global-menu-container .global-menu a:hover
{
    color: #ffffff;
    background: #ed6aa1;
    opacity:1.0;
    filter:alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}

.global-menu-container .global-menu .smp
{
}



/* container-game */
#container-game
{
    margin-bottom: 10px;
}
#container-game .game  {
	margin:0px 0px 10px 0px;
}
#container-game area1:after  {
	clear: both;
}
#container-game .area1  {
	display: inline-block;
	margin-left: 10px;
	width: 100%;
	box-sizing: border-box;
}
#container-game .area  {
	float: left;
	width: 180px;
	margin: 10px 10px 5px 0;
	font-weight:bold;
/*	height: 235px;*/
	padding-bottom: 10px;
}
#container-game .area1 .area:first-child  {
  margin-left: 10px;
}
#container-game .area p {
	white-space: normal;
	word-wrap: break-word;

}
#container-game .area img {
	width: 100%;
	margin-bottom:5px;
}


/* container-gallery */
#container-gallery
{
    border: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#container-gallery .ad-gallery .ad-controls
{
  display:none;
}
#container-gallery .ad-gallery .ad-nav .ad-thumbs
{
  width: 500px;
}
#container-gallery .ad-gallery .ad-back
{
  left: 0px;
  width: 50px;
  background: url(../img/gallery/ad_scroll_back.png) 10px 10px no-repeat;
}

#container-gallery .ad-gallery .ad-forward
{
  right: 0px;
  width: 50px;
  background: url(../img/gallery/ad_scroll_forward.png) 13px 10px no-repeat;
}

.font_small
{
    font-size: 0.7em;
}


.swiper-parent {
    position: relative;
    margin: 30px 0;
}
.swiper-container {
    width: 480px;
    /* padding-bottom: 50px; */
    box-sizing: content-box;
}
.swiper-wrapper {
    width: 100%;
    height: auto;
}
.swiper-slide {
    color: #ffffff;
    width: 100%;
    height: auto;
    text-align: left;
    line-height: 24px;
}
.swiper-slide .imgbox {
    border: solid 1px #4e4e4e;
    margin-bottom: 10px;
}

.swiper-slide a {
    font-size: 16px;
    text-decoration: none;
    color: #4e4e4e;
}
.swiper-button-prev,.swiper-button-next {
    top: calc((100% - 50px) * 0.5);
    width: 23px;
    background-size: 17px 23px;
    margin-top: -60px;
}
.swiper-button-next {
    background-image: url("../img/gallery/ad_scroll_forward.png")!important;
    opacity: 0.6;
}
.swiper-button-prev {
    background-image: url("../img/gallery/ad_scroll_back.png")!important;
    opacity: 0.6;
}