/***ウェブフォント****************************************START***/
@font-face {
	font-family: "HuiFont29";
	src: url("/assets/fonts/HuiFont29.woff2") format("woff2"),
		url("/assets/fonts/HuiFont29.woff") format("woff"),
		url("/assets/fonts/HuiFont29.ttf") format("truetype");
	font-style: normal;
}
@font-face {
    font-family: "rounded-x-mplus-1c-heavy";
    src: url("/assets/fonts/rounded-x-mplus-1c-heavy.woff2") format("woff2"),
         url("/assets/fonts/rounded-x-mplus-1c-heavy.woff") format("woff");
         url("/assets/fonts/rounded-x-mplus-1c-heavy.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "rounded-x-mplus-1c-bold";
    src: url("/assets/fonts/rounded-x-mplus-1c-bold.woff2") format("woff2"),
         url("/assets/fonts/rounded-x-mplus-1c-bold.woff") format("woff");
         url("/assets/fonts/rounded-x-mplus-1c-bold.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "rounded-x-mplus-1c-regular";
    src: url("/assets/fonts/rounded-x-mplus-1c-regular.woff2") format("woff2"),
         url("/assets/fonts/rounded-x-mplus-1c-regular.woff") format("woff");
         url("/assets/fonts/rounded-x-mplus-1c-regular.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "rounded-x-mplus-1c-light";
    src: url("/assets/fonts/rounded-x-mplus-1c-light.woff2") format("woff2"),
         url("/assets/fonts/rounded-x-mplus-1c-light.woff") format("woff");
         url("/assets/fonts/rounded-x-mplus-1c-light.ttf") format("truetype");
    font-style: normal;
}
/*太字*/
.heavy {
	font-family: "rounded-x-mplus-1c-heavy";
	font-size: 1.5rem;
}
/*ちょっと太字*/
.bold {
	font-family: "rounded-x-mplus-1c-bold";
	font-size: 1.5rem;
}
/*標準*/
span.regular {
	font-family: "rounded-x-mplus-1c-regular";
	font-size: 1.5rem;
}
div.regular {
	font-family: "rounded-x-mplus-1c-regular";
	font-size: 1.5rem;
}
/*細字*/
.light {
	font-family: "rounded-x-mplus-1c-light";
	font-size: 1.5rem;
}
/***ウェブフォント******************************************END***/


/***jquerymobileが強制的に与えている設定を解除*************START***/
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper .ui-content{
	background-color: #333333;
	background-size:12%;
	text-shadow: none;
	padding: 0;
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{
	color:#ffffff;
}
.ui-btn {
	font-size:1.2rem;
}
/***jquerymobileが強制的に与えている設定を解除***************END***/


/***基本設定******************************************START***/
html{
	max-width:6000px;
	width:100%;
	box-sizing: border-box;
	font-size: calc(62.5% + 0.5vw);
	margin:0px;
	padding:0px;
	text-align:center;
}
body{
	max-width:800px;
	width:100%;
	box-sizing: border-box;
	/*font-family: "rounded-x-mplus-1c-regular" !important;*/
	font-size: 1.2rem;
	line-height:1.2em;
	word-break: break-all;
	box-sizing: border-box;
	background-color:#ffffff;
	background-size:32px 32px;
	/*background-image:url('/assets/img/site/sp/480/all/top/bg_common.png');*/
	text-align:center;
	margin:0px auto;
}
div#main{
	max-width:800px;
	width:100%;
	box-sizing: border-box;
	padding: 0;
}
div#header{
	max-width:800px;
	width:100%;
	box-sizing: border-box;
	padding: 0;
}
div#contents {
	max-width:800px;
	width:100%;
	padding: 0;
}
div#footer{
	max-width:800px;
	width:100%;
	box-sizing: border-box;
	padding: 0;
}
img{
	max-width:800px;
	width:100%;
	box-sizing: border-box;
	height:auto;
}
input::placeholder{color: #cccccc;}
a {
	color: inherit;
	text-decoration:none;
}
#inherit{
	color: inherit;
}
.ui-field-contain{
	border-bottom-style:none;
}
.ui-field-contain, .ui-mobile fieldset.ui-field-contain{
	padding: 0px 0px;
}
.radius_all{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	font-weight:bold;
}
.line_dushed{
	max-width:800px;
	width:100%;
	border-top:1px dashed #999999;
	/*
	height:1px;
	background:repeating-linear-gradient(90deg, #999999 36px, rgba(0,0,0,0) 46px);
	*/
}
/***基本設定********************************************END***/


/***TOPページ設定*************************************START***/
.topbg{
	max-width:800px;
	width:100%;
	color:#ffffff;
}
/***TOPページ設定***************************************END***/


/***マーキー設定**************************************START***/
.marquee_box {
	/*display:inline-block;*/
	max-width:800px;
	width:100%;
	vertical-align:middle;
	line-height:1.8rem;
}
.marquee_body{
	position:absolute;
	overflow:hidden;
	z-index: 1;
	max-width:800px;
	width:100%;
	max-height:30px;
	background-color:rgba(0,0,0,0.7);
	color:#ffffff;
	height:auto;
}
/*マーキーアニメーション処理*/
.marquee {
	max-width: 800px;
	width:100%;
	box-sizing:border-box;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	text-align: left;
	color:#ffffff;
	font-size: 1.1rem;
}
.marquee p:after {
	max-width: 800px;
	width:100%;
	box-sizing:border-box;
	content: "";
	white-space: nowrap;
}
.marquee_default {
	max-width: 800px;
	width:100%;
	box-sizing:border-box;
	margin: 0;
	padding-left: 100%;
	display: inline-block;
	white-space: nowrap;
	-webkit-animation-name:marqueekeyframes;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	animation-name:marqueekeyframes;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
.marquee_views {
	margin: 0;
	padding-left: 100%;
	display: inline-block;
	white-space: nowrap;
	
	-webkit-animation-name:marqueekeyframes;
	-webkit-animation-timing-function:linear;
	/*スムーズなスクロールをさせるためには呼び出し元でdurationを動的に与えること*/
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	
	animation-name:marqueekeyframes;
	animation-timing-function:linear;
	/*スムーズなスクロールをさせるためには呼び出し元でdurationを動的に与えること*/
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marqueekeyframes {
	from {-webkit-transform:translate(0%);}
	99%,to {-webkit-transform:translate(-100%);}
}
@keyframes marqueekeyframes {
	from {transform:translate(0%);}
	99%,to {transform:translate(-100%);}
}
/***マーキー設定****************************************END***/


/***フリッカー設定（共通）********************************START***/
.flickity-page-dots {bottom: -14px;}
.flickity-page-dots .dot {
	height: 10px;
	width: 10px;
	margin: 0 8px;
	border-radius: 50%;
}
.flickity-prev-next-button {
	top: 76%;
	width: 36px;
	height: 36px;
	opacity: 0.3;
}
.flickity-prev-next-button:active {
	opacity: 1;
}
.flickity-prev-next-button.previous { left: 0px; }
.flickity-prev-next-button.next { right: 0px; }
/***フリッカー設定（共通）*********************************END***/


/***テーブル処理設定（共通）****************************START***/
/* table_itemのwidthは要素側のstyleで設定してください                         */
/* 未指定時はデフォルトの50%となります。                                           */
/************************************************************/
.table_box{
	display:table;
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	vertical-align:middle;
}
.table_item{
	display:table-cell;
	max-width:800px;
	width:50%;
	box-sizing:border-box;
	vertical-align:middle;
}
.table_boxshadow{
	box-shadow: 0 0 3px gray;
	display:table;
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	vertical-align:middle;
}
/***テーブル処理設定（共通）******************************END***/


/***ポイント表示設定（共通）*****************************START***/
.point_bg{
	position:relative;
	max-width:800px;
	width:100%;
	box-sizing:border-box;
}
.point_view{
	position:absolute;
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	top:0%;
	left:0%;
	padding:2%;
	vertical-align:middle;
	text-align:left;
	color:#99ff99;
}
/***ポイント表示設定（共通）*******************************END***/


/***表示効果（共通）***********************************START***/
.stripe_green{
	max-width:800px;
	width:100%;
	background-color:#20af20;
}
.stripe_white{
	max-width:800px;
	width:100%;
	border: 0px solid #eeeeee;
	background-color:#ffffff;     /*ストライプ機能が使えない機種用*/
	background-image: linear-gradient(
		-135deg,
		#ffffff 25%,
		#ecffe8 25%, #ecffe8 50%,
		#ffffff 50%, #ffffff 75%,
		#ecffe8 75%, #ecffe8
	);
	background-size: 16px 16px;
}
/***表示効果（共通）*************************************END***/


/***紹介バナー***************************************START***/
.introduction_bg{
	position:relative;
	max-width:800px;
	width:100%;
	background-color:#ffffff;
}
.introduction_items{
	max-width:800px;
	width:100%;
}
/***紹介バナー*****************************************END***/


/***新着スタンプ**************************************START***/
.top_stamp_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
}
/***新着スタンプ****************************************END***/


/***オススメスタンプ***********************************START***/
.top_recommend_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	background-color:#80d119;
}
.top_recommend_items{
	max-width:800px;
	width:28%;
	box-sizing:border-box;
	padding:2%;
}
/***オススメスタンプ*************************************END***/


/***ピックアップ***************************************START***/
.top_pickup_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
}
.top_pickup_items{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
/***ピックアップ*****************************************END***/


/***ランキング***************************************START***/
.top_ranking_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
}
/***ランキング*****************************************END***/


/***検索*******************************************START***/
.top_search_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
}
.top_popular{
	max-width:800px;
	width:94%;
	box-sizing:border-box;
	text-align:left;
}
.top_popular_item{
	display:inline-block;
	padding:3%;
	color:#ff4682;
	font-weight:bold;
}
/***検索*********************************************END***/


/***イチオシキャラクター******************************START***/
.top_pushchara_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	/*background-image:url('/assets/img/site/sp/480/all/top/pushchara_bg.png');*/
	text-align:left;
}
.top_pushchara_palet{
	position:relative;
	max-width:800px;
	width:100%;
	box-sizing:border-box;
}
.top_pushchara_layer{
	position:absolute;
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	top:0%;
}
/***イチオシキャラクター********************************END***/


/***キャラクター*************************************START***/
.character_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}
.character_info{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	background-color:#ffffff;
}
.character_name{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:3% 2%;
	text-align:center;
	font-size:1.4rem;
	color:#000000;
}
.character_image{
	max-width:800px;
	width:80%;
	box-sizing:border-box;
	padding:0%;
}
.character_author{
	max-width:800px;
	width:80%;
	box-sizing:border-box;
	padding:0%;
	text-align:left;
	color:#999999;
}
.character_description{
	max-width:800px;
	width:90%;
	box-sizing:border-box;
	padding:0%;
	text-align:left;
	font-size:1.1rem;
	color:#666666;
}
.character_pageview{
	max-width:800px;
	width:80%;
	box-sizing:border-box;
	background-color:#fbb03b;
	color:#ffffff;
	font-size:1.2rem;
	vertical-align:middle;
}
.character_pageview_icon{
	color:#ffffff;
	font-size:1.3rem;
	vertical-align:middle;
}
.character_favorite{
	max-width:800px;
	width:80%;
	box-sizing:border-box;
	background-color:#f94b75;
	color:#ffffff;
	font-size:1.2rem;
	vertical-align:middle;
}
.character_favorite_icon{
	color:#ffffff;
	font-size:1.3rem;
	vertical-align:middle;
}
.character_favorite_btn{
	max-width:800px;
	width:75%;
	box-sizing:border-box;
	padding:5%;
	vertical-align:middle;
}
.character_stamp_title{
	max-width:800px;
	width:94%;
	box-sizing:border-box;
	padding:2%;
	text-align:left;
	color:#333333;
}
.character_stamp_item{
	max-width:800px;
	width:30%;
	box-sizing:border-box;
	padding:2%;
}
.character_comic_title{
	max-width:800px;
	width:94%;
	box-sizing:border-box;
	padding:2%;
	text-align:left;
	color:#333333;
}
.character_comic_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
.character_comic_item_palet{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
.character_comic_more{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:2%;
	text-align:right;
	color:#ff4682;
	font-weight:bold;
}
.character_request_bg{
	max-width:800px;
	width:100%;
	background-color:#fff4c5;
	vertical-align:middle;
}
.character_other_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding-bottom:2%;
}
/***キャラクター***************************************END***/


/***スタンプ****************************************START***/
.stamp_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}
.stamp_info{
	max-width:800px;
	width:80%;
	box-sizing:border-box;
}
.stamp_name{
	max-width:800px;
	width:80%;
	box-sizing:border-box;
	padding:2% 1%;
	text-align:center;
	color:#000000;
}
.stamp_image{
	max-width:800px;
	width:80%;
	box-sizing:border-box;
	padding:0%;
}
.stamp_author{
	max-width:800px;
	width:80%;
	box-sizing:border-box;
	padding:0%;
	text-align:left;
	color:#999999;
}
/***スタンプ******************************************END***/


/***コミック****************************************START***/
.comic_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}
/***コミック******************************************END***/

/***新着情報**************************************START***/
.newarrivals_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}
.newarrivals_palet{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
.newarrivals_item{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
/***新着情報****************************************END***/


/***うごくスタンプ***********************************START***/
.movestamp_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}
.movestamp_palet{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
.movestamp_item{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
/***うごくスタンプ*************************************END***/



/***規約ページ等***********************************START***/
.help_bg{
	/*font-family:HuiFont29;*/
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}
.help_info{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:0%;
	text-align:left;
}
.help_title{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding-left:2%;
	text-align:left;
	font-size:1.2rem;
	color:#bbbbbb;
}
.help_text{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:2%;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	font-size:1.0rem;
}
.help_howto{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:2%;
	border:solid 1px #cccccc;
	font-size:1.0rem;
	background-color: #ECECEC;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent));
	-webkit-background-size: 10px;
}
/***規約ページ等*************************************END***/


/***ランキング*************************************START***/
.ranking_bg{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}
.ranking_palet{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
	padding:1%;
}
.ranking_menu{
	max-width:800px;
	width:100%;
	box-sizing:border-box;
}
/***ランキング***************************************END***/


/***リボン装飾*************************************START***/
.ribbon1 {
    display:inline-block;
    position:relative;
    height:22px;/*高さ*/
    line-height:22px;/*高さ*/
    vertical-align:middle;
    text-align:center;
    padding:0 12px 0 4px;/*文字の左右の余白*/
    font-weight:400;/*文字サイズ*/
    background:#20af20;/*背景色(緑)*/
    color:#FFF;/*文字色*/
    box-sizing:border-box;
}
.ribbon1:after {
    position:absolute;
    content: '';
    width:0px;
    height:0px;
    z-index:1;
}
.ribbon1:after {
    top:0;
    right:0;
    border-width:11px 6px 11px 0px;
    border-color:transparent #e6e6e6 transparent transparent;
    border-style:solid;
}

.ribbon2 {
    display:inline-block;
    position:relative;
    height:22px;/*高さ*/
    line-height:22px;/*高さ*/
    vertical-align:middle;
    text-align:center;
    padding:0 12px 0 4px;/*文字の左右の余白*/
    font-weight:400;/*文字サイズ*/
    background:#fbb03b;/*背景色(黄)*/
    color:#FFF;/*文字色*/
    box-sizing:border-box;
}
.ribbon2:after {
    position:absolute;
    content: '';
    width:0px;
    height:0px;
    z-index:1;
}
.ribbon2:after {
    top:0;
    right:0;
    border-width:11px 6px 11px 0px;
    border-color:transparent #fff transparent transparent;
    border-style:solid;
}
/***リボン装飾****************************************END***/




/***規約ページ等***********************************START***/
.helps_bg{
    /*font-family:HuiFont29;*/
    max-width:800px;
    width:100%;
    box-sizing:border-box;
    padding:2% 2%;
    text-align:left;
    margin:0 auto;
}
.helps_title{
    max-width:800px;
    width:100%;
    box-sizing:border-box;
    padding:5% 2%;
    text-align:center;
    font-size:1.5rem;
    font-weight:900;
    color:#000000;
}
.helps_sentence{
    max-width:800px;
    width:100%;
    box-sizing:border-box;
    padding:2% 2%;
    text-align:left;
    font-size:1.2rem;
    line-height:1.4em;
    font-weight:400;
    color:#000000;
}
.helps_paragraph{
    max-width:800px;
    width:100%;
    box-sizing:border-box;
    padding:2% 2% 0% 2%;
    text-align:left;
    font-size:1.2rem;
    font-weight:700;
    color:#000000;
}
.helps_text{
    max-width:800px;
    width:100%;
    box-sizing:border-box;
    padding:2% 2% 4% 2%;
    font-size:1.0rem;
    line-height:1.4em;
}
.helps_box{
    max-width:800px;
    width:100%;
    box-sizing:border-box;
    padding:2%;
    background-color:#ffffff;
    border:solid 1px #cccccc;
    font-size:1.0rem;
}
.helps_link{
    color:#0099ff;
}
.helps_caution{
    color:#ff3333;
    font-weight:700;
    line-height:1.5em;
}
.helps_underline{
    text-decoration:underline;
}
/***規約ページ等*************************************END***/