@charset "Shift-JIS";

html,
body
{
	font-family: sans-serif;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	/* FOR_TOG TOG詳細説明画面作成時にはコメントアウトを外す */
	/*
		font-family: "FOT-ロダンハッピー Pro";
		font-weight: bold;
	*/
	font-size : 12px;

	color : #000000;
	background-color : #97c7c7;
	background-color : #0d2a31;
	background-color : #84bbc5;
	/* FOR_TOG TOG詳細説明画面作成時にはコメントアウトを外す */
	/*
		color : #36290c;
	*/
	/*
	background-color : #718941;
	background-image : url( '/grp/cmn/cmn-dotgreen4.png' );
	*/
	/*
	background-color : #5d5a26;
	background-image : url( '/grp/cmn/background-2023fall.png' );
	background-image : url( '/grp/cmn/background-2023fall-2.png' );
	background-repeat : repeat-all;
	background-position : 0px 20px;
	background-position : 0px 0px;
	*/
	/*
	background-image : url( '/grp/cmn/background-2023xmas-top.png' ), url( '/grp/cmn/background-2023xmas-bottom.png' );
	background-position : 0px 40px, 0px bottom;
	background-repeat : repeat-x, repeat-x;
	*/

	height: 100%;
	margin: 0;
	padding: 0;
}

img
{
	border: none;
	image-rendering: -webkit-optimize-contrast;
}

/* 背景色見本 */
.background-color-sample
{
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #E07692;	/* ピンク */
	background-color: #BF4C4C;	/* 赤 */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
}

body.cHeader
{
	font-size : 12px;
	background-color : #9CBA5A;
	background-image : url( grp/head/head-back.gif );
}

.background-xmas
{
	background-color : #718941;
	background-image : url( '/grp/cmn/background-201312-2.gif' );
	background-repeat : repeat-all;
	background-position : 0px 20px;
}

.background-newyear
{
	background-color : #c3a000;
	background-image : url( '/grp/cmn/back-newyear.gif' );
	background-repeat : repeat-x;
	background-position : 60px 320px;
}



/**************************************************************************************************/
/* ■sc_font フォント */
/**************************************************************************************************/

@font-face
{
	font-family:	"yuseimagic-sub";	
	src:			url( 'https://pokedebi.net/grp/font/yuseimagic-regular-subset.woff2' ) format( 'woff2' ),
					url( 'https://pokedebi.net/grp/font/yuseimagic-regular-subset.woff' ) format( 'woff' );
	diaplay:		swap;
}
@font-face
{
	font-family:	"kuronane-sub";	
	src:			url( 'https://pokedebi.net/grp/font/fot-kurokane-subset.woff2' ) format( 'woff2' ),
					url( 'https://pokedebi.net/grp/font/fot-kurokane-subset.woff' ) format( 'woff' );
	diaplay:		swap;
}
@font-face
{
	font-family:	"kosugimaru-sub";	
	src:			url( 'https://pokedebi.net/grp/font/kosugimaru-regular-subset.woff2' ) format( 'woff2' ),
					url( 'https://pokedebi.net/grp/font/kosugimaru-regular-subset.woff' ) format( 'woff' );
	diaplay:		swap;
}
@font-face
{
	font-family:	"baloo2-sub";	
	src:			url( 'https://pokedebi.net/grp/font/baloo2-variable-subset.woff2' ) format( 'woff2' ),
					url( 'https://pokedebi.net/grp/font/baloo2-variable-subset.woff' ) format( 'woff' );
	diaplay:		swap;
}
@font-face
{
	font-family:	"titlefont";	
	src:			url( 'https://pokedebi.net/grp/font/yuseimagic-regular-subset.woff2' ) format( 'woff2' ),
					url( 'https://pokedebi.net/grp/font/yuseimagic-regular-subset.woff' ) format( 'woff' );
	diaplay:		swap;
}
@font-face
{
	font-family:	"buttonfont";	
	src:			url( 'https://pokedebi.net/grp/font/yuseimagic-regular-subset.woff2' ) format( 'woff2' ),
					url( 'https://pokedebi.net/grp/font/yuseimagic-regular-subset.woff' ) format( 'woff' );
	diaplay:		swap;
}

.t9
{
	font-size:9px;
	line-height:12px;
}
.t10
{
	font-size:10px;
	line-height:13px;
}
.t12
{
	font-size:12px;
	line-height:16px;
}
.t18
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:18px;
	line-height:26px;
}
font.times-strong
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 3.0rem;
	color: #BF4C4C;	/* 赤 */
}
font.letter-strong
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 2.6rem;
}
b.cBMark
{
	color : #006000;
}

b.cBTitle
{
	color : #a08000;
}

b.cBCaution	{
	color : #a00000;
}

a.cAUpd:link
{
	text-decoration : none;
	color : #D9F99C;
	font-weight: normal;
}

a.cAUpd:visited	{
	text-decoration:none;
	color:#D9F99C;
	font-weight: normal;
}

a.cAUpd:active
{
	text-decoration:none;
	color:#ffe020;
	font-weight: normal;
}

a.cAUpd:hover
{
	text-decoration:none;
	color:#ffe020;
	font-weight: normal;
}

a.nolinkdeco:link,
a.nolinkdeco:visited,
a.nolinkdeco:active
a.nolinkdeco:hover
{
	text-decoration : none;
	font-weight: normal;
}


	
/**************************************************************************************************/
/* ■sc_base ページ基礎部分 */
/**************************************************************************************************/

/* 全体コンテナ */
.basecontainer
{
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

/* 上部基礎 */
.basetop-hinamatsuri,
.basetop
{
	background-color: #604732;	/* 茶色 */
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #BF4C4C;	/* 赤 */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
	background-color: #E397A4;	/* ピンク */
	/* 20231031 */
	background-color: #6da3ad;	/* 水色 */
	/* 20231114 */
	background-color: #84bbc5;	/* 水色 */
	height: 70px;
	margin: 0;
	padding: 0;
}
.basetop-hinamatsuri
{
	background-color: #efa0b9;
}


/* 本体基礎 */
.basebody-202408,
.basebody-202407,
.basebody-202406,
.basebody-202405,
.basebody-202404,
.basebody-202403,
.basebody-202402,
.basebody-newyear,
.basebody-yearendclimax,
.basebody-yearend,
.basebody-xmasclimax,
.basebody-xmas,
.basebody
{
	margin: 0;
	padding: 0 0 100px 0;
}
.basebody-xmas
{
	background-color : #354457;
	background-image : url( '/grp/cmn/background-2023xmas-top.png' ), url( '/grp/cmn/background-2023xmas-bottom.png' );
	background-position : left -30px, left -80px bottom 100px;
	background-size : auto auto, 2400px auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-xmasclimax
{
	background-color : #354457;
	background-image : url( '/grp/cmn/background-2023xmas-top.png' ), url( '/grp/cmn/background-2023xmas-bottom.png' ), url( '/grp/cmn/background-2023xmas-pattern.png' );
	background-position : left -30px, left -80px bottom 100px, left 0px top 0px;
	background-size : auto auto,  2400px auto, auto auto;
	background-repeat : repeat-x, repeat-x, repeat;
}
.basebody-yearend
{
	background-color : #005d69;
	background-color : #074952;
	background-image : url( '/grp/cmn/background-2023end-top.png' ), url( '/grp/cmn/background-2023end-bottom.png' );
	background-position : left -30px, left -80px bottom 100px;
	background-size : auto auto, 2400px auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-yearendclimax
{
	background-color : #005d69;
	background-color : #074952;
	background-image : url( '/grp/cmn/background-2023end-top.png' ), url( '/grp/cmn/background-2023end-bottom.png' ), url( '/grp/cmn/background-2023end-pattern.png' );
	background-position : left -30px, left -80px bottom 100px, left 0px top 0px;
	background-size : auto auto,  2400px auto, auto auto;
	background-repeat : repeat-x, repeat-x, repeat;
}
.basebody-newyear
{
	background-color : #5ea8a8;
	background-image : url( '/grp/back/background-2024newyear-top.png' ), url( '/grp/back/background-2024newyear-sideleft.png' ), url( '/grp/back/background-2024newyear-sideright.png' ), url( '/grp/back/background-2024newyear-bottom.png' );
	background-position : left 0px top 0px, left -40px bottom 90px, right -40px bottom 90px, left 0px bottom 100px;
	background-size : auto auto, auto auto, auto auto, auto auto;
	background-repeat : repeat-x, no-repeat, no-repeat, repeat-x;
}
.basebody-202402
{
	background-color : #97c7c7;
	background-image : url( '/grp/back/background-202402-top.png' ), url( '/grp/back/background-202402-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202403
{
	background-color : #80dad7;
	background-image : url( '/grp/back/background-202403-top.png' ), url( '/grp/back/background-202403-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202404
{
	background-color : #b5e5fc;
	background-image : url( '/grp/back/background-202404-top.png' ), url( '/grp/back/background-202404-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202405
{
	background-color : #88d7fc;
	background-image : url( '/grp/back/background-202405-top.png' ), url( '/grp/back/background-202405-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202406
{
	background-color : #0d2a31;
	background-image : url( '/grp/back/background-202406-top.png' ), url( '/grp/back/background-202406-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202407
{
	background-color : #84ab84;
	background-image : url( '/grp/back/background-202407-top.png' ), url( '/grp/back/background-202407-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202408
{
	background-color : #84bbc5;
	background-image : url( '/grp/back/background-202408-top.png' ), url( '/grp/back/background-202408-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202409
{
	margin: 0;
	padding: 0 0 100px 0;
	background-color : #cca1c2;
	background-image : url( '/grp/back/background-202409-top.png' ), url( '/grp/back/background-202409-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202410
{
	margin: 0;
	padding: 0 0 100px 0;
	background-color : #638d94;
	background-image : url( '/grp/back/background-202410-top.png' ), url( '/grp/back/background-202410-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202411
{
	margin: 0;
	padding: 0 0 100px 0;
	background-color : #84bbc5;
	background-image : url( '/grp/back/background-202411-top.png' ), url( '/grp/back/background-202411-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 100px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}
.basebody-202412
{
	margin: 0;
	padding: 0 0 100px 0;
	background-color : #264349;
	background-image : url( '/grp/back/background-202412-top.png' ), url( '/grp/back/background-202412-bottom.png' );
	background-position : left 0px top 0px, left 0px bottom 65px;
	background-size : auto auto, auto auto;
	background-repeat : repeat-x, repeat-x;
}

/* 月ごとのテーマカラーを変えたら反映させる */
.momotype-undergame-space
{
	width: 100%;
	height: 36px;
	background-color : #264349;
}


/* 底部基礎 */
.basebottom
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 110px;
	background: url( '/grp/cmn/frame-x-new.png' );
}

/* 全体ボックス */
.basebox1300,
.basebox960,
.basebox900,
.basebox800,
.basebox640,
.basebox610,
.basebox2000,
.baseboxauto,
.basebox
{ 
	width: 720px;
	width: 728px;
	/*margin: 10px auto 16px auto;*/
	margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
	background-color: #fff2d4;
	/* 20231118 */
	background-color: #f8efe1;
	border-color: #40521F;
	border-style: solid;
	border-width: 4px;
	border-width: 0px;
	/* 実験 */
	position: relative;
}
.basebox960
{
	width: 960px;
	padding: 0 0 0 0;
}
.basebox900
{
	width: 900px;
}
.basebox800
{
	width: 800px;
}
.basebox640
{
	width: 640px;
}
.basebox610
{
	width: 610px;
}
.basebox1300
{
	width: 1300px;
}
.basebox2000
{
	width: 2000px;
}
.baseboxauto
{
	width: auto;
}

/* 汎用フレーム */
.commonframe640,
.commonframe
{
	margin: 20px 20px 20px 20px;
	font-size: 14px;
	line-height: 20px;
}

img.page-title-image
{
	width: 100%;
	height: auto;
}

.ad_200x200
{
	width: 200px;
	height: 200px;
	margin: 10px 0 10px 0;
}



/**************************************************************************************************/
/* ■sc_common 汎用 */
/**************************************************************************************************/

/* 終了後にfloatがリセットされる汎用スタイル */
.afterreset
{
}
.afterreset:after
{
	content: "";
	display: block;
	clear: both;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.floatnone
{
	float: none;
}

.nobr
{
	display: inline-block;
	_display: inline;
}

/* aタグ文字列にデコレーションをつけない */
.plain-a a
{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

/* 汎用左寄せ */
.commonleft
{
	text-align: left;
}

/* 汎用センタリング */
.commoncenter
{
	text-align: center;
}

/* 汎用右寄せ */
.commonright
{
	text-align: right;
}

/* 文字列折り返し */
.wordwrap
{
	overflow-wrap: break-word;
	word-break: break-all;
}

/* 実験 */
.bottomchara
{
	position: absolute;
	bottom: 100px;
	left: -50px;
}

.visible
{
	visibility: visible;
}

.invisible
{
	visibility: hidden;
}

.commonbox600,
.commonbox540,
.commonbox-font16px,
.commonbox
{
	margin: 0 auto 0 auto;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
}
.commonbox540
{
	width: 500px;
	padding: 20px;
}
.commonbox600
{
	width: 600px;
	padding: 20px;
}
.commonbox-font16px
{
	font-size: 16px;
	line-height: 22px;
}

.commonsquare
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	border-radius: 10px;
	width: auto;
	font-size: 14px;
	line-height: 20px;
	background-color: #4C6D9C;	/* 青 */
	color: #ffffff;
}

.commonsubtitle-left,
.commonsubtitle
{
	margin: 0 auto 0 auto;
	border-radius: 20px;
	padding: 0 10px 0 10px;
	background-color: #604732;	/* 茶色 */
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 14px;
	line-height: 14px;
	padding: 4px 10px 6px 10px;
}
.commonsubtitle-left
{
	margin: 0 0 0 0;
}

div.basic
{
	padding-left: 20px;
	padding-right: 20px;
	line-height: 14px;
}

div.basic-middle
{
	padding-left: 40px;
	padding-right: 40px;
}

.window-head-green,
.window-head-pink,
.window-head-blue
{
	width: 100%;
	height: 90px;
	margin: 0 0 20px 0;
	padding: 12px 0 0 0;
	background: url( '/grp/cmn/window-head-blue.png' );
	text-align: center;
}
.window-head-green
{
	background: url( '/grp/cmn/window-head-green.png' );
}
.window-head-pink
{
	background: url( '/grp/cmn/window-head-pink.png' );
}


.window-head-title
{
	border-radius: 20px;
	padding: 0 10px 0 10px;
	background-color: #604732;	/* 茶色 */
	color: #ffffff;
	font-weight: bold;
	font-size: 28px;
	width: 70%;
	height: 40px;
	margin: 0 auto 0 auto;
	line-height: 40px;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 28px;
	line-height: 36px;
}

.common-pagetitle
{
	border: none;
	background-color: #788033;	/* 黄緑 */
	/*background: url( /grp/cmn/background-201606.gif );*/
	width: 100%;
	color: #ffffff;
	text-align: center;
	padding: 6px 0 12px 0;
	padding: 8px 0 8px 0;
	margin-bottom: 6px;
	font-size: 1.5em;
	font-weight: bold;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 1.9em;
}

div.title
{
	border: none;
	background-color: #708942;
	background: url( /grp/cmn/background-201606.gif );
	width: 100%;
	color: #ffffff;
	text-align: center;
	padding: 6px 0 12px 0;
	/*
	padding-top: 4px;
	padding-bottom: 4px;
	*/
	margin-bottom: 6px;
	font-size: 1.5em;
	font-weight: bold;
}

div.subtitle {
	border: none;					/* 枠線の装飾 */
	background-color: #708942;		/* 背景色 */
	width: 100%;
	color: #ffffff;
	text-align: center;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 12px;
}


.subtitle-box
{
	width: 70%;
	margin: 6px auto 2px auto;
	border-radius: 30px;
	background-color: #0080c0;
	background: url( /grp/cmn/background-201606.gif );
	text-align: center;
	color: #ffffff;

	font-family: "titlefont";
	font-weight: normal;
	/*
	font-size: 17px;
	line-height: 21px;
	*/
}

div.subtitle-box-toppage
{
}



/**************************************************************************************************/
/* ■sc_header ページヘッダ部分 */
/**************************************************************************************************/

.header-top
{
	/*width: 930px;*/
	width: 980px;
	width: 1010px;
	height: 50px;
	margin: 0 auto 0 auto;
	text-align: center;
	
}
.header-top:after
{
	content: "";
	display: block;
	clear: both;
}

.header-top-logo
{
	float: left;
	width: 130px;
	width: 160px;
	height: 50px;
	text-align: left;
	vertical-align: bottom;
}

.header-top-image
{
	float: left;
	width: 260px;
	text-align: left;
}

.header-top-present
{
	position: absolute;
	top: 5px;
	left: 205px;
}

.header-top-present-new
{
	position: absolute;
	top: 0px;
	left: 200px;
}

.header-top-menubtn
{
	float: left;
	/*
	width: 36px;
	height: 36px;
	*/
	width: 60px;
	padding-top: 2px;
	padding-left: 10px;
	text-align: center;
	background-color: none;
}

.header-top-loginspace
{
	float: left;
	width: 460px;
	text-align: right;
}

.header-top-guestuserinfo,
.header-top-userinfo
{
	float: left;
	width: 460px;
	width: 530px;
	height: 46px;
	border-radius: 6px;
	/* 20231031
	background-color: #C14362;
	*/
	background-color: #775533;
	color: #ffffff;
	text-align: left;
	margin-top: 2px;
	padding: 6px 0 0 10px;
	font-size: 14px;
	line-height: 18px;
}

.header-top-userinfo-avatar
{
	float: left;
	width: 44px;
	text-align: left;
}

.header-top-userinfo-left
{
	float: left;
	width: 270px;
	text-align: left;
}

.header-top-userinfo-name
{
	float: left;
	width: 155px;
	text-align: left;
}

.header-top-userinfo-debby
{
	float: left;
	width: 110px;
	text-align: left;
}

.header-top-userinfo-material
{
	float: left;
	width: 50px;
	text-align: center;
}

.header-top-userinfo-login,
.header-top-userinfo-logout
{
	float: left;
	width: 78px;
	text-align: right;
}

/* ユーザー名 */
/*
a.userinfo
{
	font-family: "titlefont";
	font-weight: normal;
	font-size: 14px;
}
*/
a.userinfo:link,
a.userinfo:visited,
a.userinfo:active
{
	text-decoration : none;
	color : #ffffff;
	font-weight: normal;
}
a.userinfo:hover
{
	text-decoration: underline;
	color : #781E34;
	/* 20231031 */
	color : #e397a4;
}

/* 獣民情報 ログアウト*/
a.userreg,
a.userlogout
{
	font-family: "titlefont";
	font-weight: normal;
}
a.userreg:link,
a.userreg:active,
a.userreg:visited
{
	text-decoration:none;
	color : #e397a4;
	/* 20231031 */
	color : #98c5cd;
}
a.userlogout:link,
a.userlogout:active,
a.userlogout:visited
{
	text-decoration:none;
	color : #e397a4;
	/* 20231031 */
	color : #98c5cd;
}

a.userreg:hover,
a.userlogout:hover
{
	text-decoration: underline;
	color : #781E34;
	/* 20231031 */
	color : #e397a4;
}

.userreg-login-button
{
	border: 0px;
	width: 200px;
	height: 50px;
	background: url( '/grp/cmn/userreg-login-button.png' ) left top no-repeat;
	background-size: 100% 100%;
}

.header-top-anime
{
	width: 728px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
}

.header-menu
{
	height: 20px;
	background-color: #4E3216;
	text-align: center;
}

.header-menu-frame
{
	width: 1008px;	/* 84 * 12 */
}

.header-menu-button
{
	border: none;
	/*margin: 0 6px 0 6px;*/
	margin: 0 2px 0 2px;
}
.header-menu-button:hover
{
	background: url( '/grp/cmn/header-menu-hilight.png' );
}


.sp-menubtn
{
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
}

.sp-menubtn-image
{
	width: 160px;
	width: 180px;
	width: 120px;
}

a.sp-mypagebutton
{
	margin: 8px 4px;
	padding: 4px 6px;
	font-size: 10px;
	line-height: 14px;
}



/**************************************************************************************************/
/* ■sc_footer ページフッタ部分 */
/**************************************************************************************************/

.footer-top
{
	width: 840px;
	height: 40px;
	padding: 0;
	margin: 20px auto 0 auto;
}
.footer-top:after
{
	content: "";
	display: block;
	clear: both;
}

.footer-left
{
	float: left;
	width: 520px;
	width: 320px;
}

.footer-right
{
	float: left;
	height: 32px;
	border-radius: 20px;
	padding: 0 14px 0 14px;
	background-color: #C9A97B;
}
.footer-right:after
{
	content: "";
	display: block;
	clear: both;
}

.footer-right-text
{
	float: left;
	margin-right: 10px;
	font-size: 12px;
	font-size: 14px;
	line-height: 32px;
}

.footer-right-button
{
	float: left;
}

.footer-minibutton
{
	width: 120px;
	margin: 0 6px 0 0;
}

.footer-bottom
{
	width: 840px;
	height: 32px;
	padding: 10px 0 0 0;
	padding: 0;
	margin: 0 auto 0 auto;

	display: table;
}

.footer-bottom-text
{
	display: table-cell;
	height: 100%;
	margin-top: 12px;
	margin: 0;
	color: #8F7249;
	vertical-align: bottom;
}
.footer-bottom-text a
{
	font-weight: normal;
	text-decoration: none;
	color: #78482A;
}
.footer-bottom-text a:hover
{
	text-decoration: underline;
	color: #ffffff;
}

.footer-bottom-logo
{
	float: left;
	width: 200px;
	text-align: center;
}

.debug-cookiebox
{
	width: 95%;
	margin: 20px 0 20px 0;
	padding: 2.5%;
	background-color: #c0c0c0;
	word-wrap: break-word;
}

.navigationbar
{
	width: 100%;
	height: 32px;
	height: 50px;
	height: auto;
	margin: 0 0 5px 0;
	margin: 0;
	background-color: #7A5F48;

	font-family: "titlefont";
	font-weight: normal;

	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #ffffff;
}
.navigationbar a
{
	text-decoration: none;
	font-weight: bold;

	font-family: "titlefont";
	font-weight: normal;

	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #ffffff;
}
.navigationbar a:hover
{
	text-decoration: none;
	font-weight: bold;

	font-family: "titlefont";
	font-weight: normal;

	color: #604732;	/* 茶色 */
	border-radius: 2px;
	background-color: #fff2d4;
	/* 20231118 */
	background-color: #f8efe1;
}

.navigationbar-inside
{
	width: 95%;
	padding: 5px 2.5% 5px 2.5%;
	padding: 10px 2.5% 5px 2.5%;
	padding: 10px 2.5% 10px 2.5%;
}


/**************************************************************************************************/
/* ■sc_hover ロールオーバー汎用スタイル */
/**************************************************************************************************/

.hover-trans90
{
	border: none;
}
.hover-trans90:hover
{
	filter: alpha( opacity=90 );
	opacity: 0.9;
}

.hover-trans80 > img
{
	border: none;
}
.hover-trans80:hover
{
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

.hover-trans70
{
	border: none;
}
.hover-trans70:hover
{
	filter: alpha( opacity=70 );
	opacity: 0.7;
}

.hover-appear30
{
	filter: alpha( opacity=0 );
	opacity: 0.0;
}
.hover-appear30:hover
{
	filter: alpha( opacity=30 );
	opacity: 0.3;
}

.hover-bright90
{
}
.hover-bright90:hover
{
	filter: brightness( 0.9 );
	-webkit-filter: brightness( 0.9 );
	-moz-filter: brightness( 0.9 );
	-o-filter: brightness( 0.9 );
	-ms-filter: brightness( 0.9 );
}

.hover-bright105
{
}
.hover-bright105:hover
{
	filter: brightness( 1.05 );
	-webkit-filter: brightness( 1.05 );
	-moz-filter: brightness( 1.05 );
	-o-filter: brightness( 1.05 );
	-ms-filter: brightness( 1.05 );
}

.hover-bright110
{
}
.hover-bright110:hover
{
	filter: brightness( 1.1 );
	-webkit-filter: brightness( 1.1 );
	-moz-filter: brightness( 1.1 );
	-o-filter: brightness( 1.1 );
	-ms-filter: brightness( 1.1 );
}

.hover-bright120
{
}
.hover-bright120:hover
{
	filter: brightness( 1.2 );
	-webkit-filter: brightness( 1.2 );
	-moz-filter: brightness( 1.2 );
	-o-filter: brightness( 1.2 );
	-ms-filter: brightness( 1.2 );
}

.hover-bright130:hover
{
	filter: brightness( 1.2 );
	-webkit-filter: brightness( 1.2 );
	-moz-filter: brightness( 1.2 );
	-o-filter: brightness( 1.2 );
	-ms-filter: brightness( 1.2 );
}

.hover-white:hover
{
	background-color: #ffffff;
	color: #000000;
}

.hover-pink:hover
{
	background-color: #DB8CAA;
	/*color: #3F212D;*/
}

.hover-blue:hover
{
	background-color: #699AE0;
}

img.rollover:hover {
	filter: alpha( opacity=70 );
	opacity: 0.7;
}



/**************************************************************************************************/
/* ■sc_button */
/**************************************************************************************************/

/* 汎用aリンクボタン */
/*a.abutton-common-green,*/
.sbutton-common,
a.abutton-common
{
	display: inline-block;
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	/* 20220803 */
	white-space: normal;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	font-family: inherit;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	padding: .5em 1em;
	color: #fff2ef;
	border: none;
	background-color: #54A0C5;
	text-decoration: none;
	border-radius: 6px;
	margin: 4px;

	font-family: "buttonfont";
	font-weight: normal;
	font-size: 18px;

	/*
	-webkit-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
	-moz-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
	-o-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
	-ms-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
	filter: drop-shadow( 1px 1px 1px rgba(0,0,0,0.3) );
	*/
	-webkit-filter: drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
	-moz-filter: drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
	-o-filter: drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
	-ms-filter: drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
	filter: drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
}
.sbutton-common:hover,
a.abutton-common-green:hover,
a.abutton-common:hover
{
	filter: brightness( 1.2 ) drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
	-webkit-filter: brightness( 1.2 ) drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
	-moz-filter: brightness( 1.2 ) drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
	-o-filter: brightness( 1.2 ) drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
	-ms-filter: brightness( 1.2 ) drop-shadow( 3px 3px 0px rgba(0,0,0,0.3) );
}

.sbutton-textleft,
a.abutton-textleft
{
	text-align: left;
}

.sbutton-green,
a.abutton-green
{
	background-color: #597D41;	/* 緑 */
}
.sbutton-blue,
a.abutton-blue
{
	background-color: #4C6D9C;	/* 青 */
}
.sbutton-skyblue,
a.abutton-skyblue
{
	background-color: #3A84A9;	/* 水色 */
}
.sbutton-purple,
a.abutton-purple
{
	background-color: #645B8C;	/* 紫 */
}
.sbutton-orange,
a.abutton-orange
{
	#background-color: #BF5F19;	/* オレンジ */
	background-color: #F8A234;	/* オレンジ */
}
.sbutton-yellow,
a.abutton-yellow
{
	background-color: #F0BB2C;	/* 黄色 */
}
.sbutton-pink,
a.abutton-pink
{
	background-color: #B86595;	/* ピンク */
}
.sbutton-red,
a.abutton-red
{
	background-color: #BF4C4C;	/* 赤 */
	/* 20231118 */
	background-color: #be5645;	/* 赤 */
}
.sbutton-lightgreen,
a.abutton-lightgreen
{
	background-color: #788033;	/* 黄緑 */
}
.sbutton-darkgreen,
a.abutton-darkgreen
{
	background-color: #4a6637;	/* 濃緑 */
}
.sbutton-brown,
a.abutton-brown
{
	background-color: #604732;	/* 茶色 */
}
.sbutton-gray,
a.abutton-gray
{
	background-color: #909090;	/* 灰色 */
}
.sbutton-nearblack,
a.abutton-nearblack
{
	background-color: #303030;	/* ほぼ黒 */
}


.abutton-disabled,
.abutton-disabled:hover,
.abutton-disabled:focus,
.abutton-disabled:active
{
	border: 0;
	background-image: none;
	filter: alpha(opacity=40);
	-khtml-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
	cursor: not-allowed;
	box-shadow: none
}
.abutton-hidden
{
	display: none
}
.abutton-primary,
.abutton-selected,
a.abutton-primary,
a.abutton-selected
{
	background-color: #0078e7;
	color: #fff;
}



/* aリンクボタン色別 */
a.abutton-return,
a.abutton-green
{
	background-color: #597D41;
}

/* aリンクボタン用途別 */
a.abutton-return
{
	font-size: 20px;
}

a.pure-button-top,
a.pure-button-blue {
	border-radius: 10px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	text-decoration:none;
}


a.pure-button-blue {
	background: rgb( 66, 184, 221 );
}


a.pure-button-top {
	background: rgb( 66, 184, 221 );
}


a.btn1 {
	width: 100px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #ffffff;
	text-decoration: none;
	border-radius: 10px; 
	border: none;
	font-weight: bold;
	background: #3687B0;
}



/**************************************************************************************************/
/* ■sc_purebutton */
/**************************************************************************************************/

.pure-button
{
	display: inline-block;
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.pure-button::-moz-focus-inner
{
	padding: 0;
	border: 0
}
.pure-button
{
	font-family: inherit;
	font-size: 100%;
	padding: .5em 1em;
	color: #444;
	color: rgba(0,0,0,.8);
	border: 1px solid #999;
	border: 0 rgba(0,0,0,0);
	background-color: #E6E6E6;
	text-decoration: none;
	border-radius: 12px
}
.pure-button-hover,
.pure-button:hover,
.pure-button:focus
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	background-image: -moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));
	background-image: -o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
}
.pure-button:focus
{
	outline: 0
}
.pure-button-active,
.pure-button: active
{
	box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;
	border-color: #000\9
}
.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active
{
	border: 0;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=40);
	-khtml-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
	cursor: not-allowed;
	box-shadow: none
}
.pure-button-hidden
{
	display: none
}
.pure-button::-moz-focus-inner
{
	padding: 0;
	border: 0
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected
{
	background-color: #0078e7;
	color: #fff;
}



/**************************************************************************************************/
/* ■sc_pagenation ページネーション用 */
/**************************************************************************************************/

/* ページ表示ボックス */
.disp-page-box
{
	width: 100px;
	margin: 6px auto 6px auto;
	padding: 2px 0;
	border-radius: 30px;
	background-color: #0080c0;
	background-color: #604732;	/* 茶色 */
	text-align: center;
	line-height: 1;
	color: #ffffff;

	font-family: "titlefont";
	font-size: 12px;
	line-height: 14px;
}

/* 前のページ次のページフレーム */
.page-backnext
{
	padding: 0;
}
.page-backnext:after
{
	content: "";
	display: block;
	clear: both;
}

/* 次のページ */
.page-backnext-back
{
	float: left;
	width: 50%;
	text-align: left;
	margin: 0;
	padding: 0 0 0 5%;
}

/* 前のページ */
.page-backnext-next
{
	float: none;
	width: auto;
	text-align: right;
	margin: 0 0 0 50%;
	padding: 0 5% 0 0;
}

/* ページネーションフレーム */
.pagenation
{
	width: 580px;	/* (50 + (4 x 2)) x 10 */
	margin: 0 auto 20px auto;
	display: flex;
	flex-wrap: wrap;
	/*
	justify-content: center;
	*/
}

a.abutton-page {
	padding: 0.5em 0em;
	width: 50px;
}

a.pure-button-page {
	border-radius: 6px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	background: rgb( 66, 184, 221 );
	padding: 6px 10px;
	margin: 4px 4px 0 0;
}



/**************************************************************************************************/
/* ■sc_toppage トップページ用 */
/**************************************************************************************************/

.topbody
{
	background: url( /grp/cmn/frame-y.png ) repeat-y 0 100%;
	/* NEWAVATAR */
	background: url( /grp/cmn/frame-y-210.png ) repeat-y 0 100%;
	/* 20231118 */
	background: url( /grp/cmn/frame-y-210-new.png ) repeat-y 0 100%;
}

.topbody:after
{
	content: "";
	display: block;
	clear: both;
}

.topbody-left
{
	float: left;
	width: 220px;
/* NEWAVATAR */
width: 210px;
	margin: 0px;
}

.topbody-space
{
	float: left;
	width: 20px;
/* NEWAVATAR */
width: 10px;
	margin: 0px;
}

.topbody-avatar
{
	float: left;
	width: 220px;
/* NEWAVATAR */
width: 280px;
	margin: 0px;
}

.topbody-right
{
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}

.topleft-timesanime
{
	margin: 10px 10px 10px 0;
	text-align: center;
}

.topleft-avatar
{
	margin: 10px 0px 10px 0px;
	text-align: center;
}

.topleft-avatar-image
{
	position: relative;
	width: 280px;		/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
	padding-top: 460px;	/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
	overflow: hidden;	/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
	margin: 0 auto;
	border-radius: 5px;
}
.topleft-avatar img
{
	/* 画像を上下左右に中央配置する（絶対指定） */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* 画像の最大サイズは枠の1.5倍まで */
	max-width: 150%;
	max-height: 150%;
}

div.topleft-menubutton
{
	margin: 0 10px 6px 0;
	text-align: center;
}

img.topleft-menubutton {
	width: 180px;
	height: 48px;
	border: none;
}
img.topleft-menubutton:hover {
	width: 185px;
}

div.topleft-minibutton {
	margin: 6px 10px 6px 0;
	text-align: center;
}

img.topleft-minibutton {
	width: 150px;
	height: 36px;
	border: none;
}
img.topleft-minibutton:hover {
	width: 154px;
}

.topright-mainframe {
	margin: auto auto 8px auto;
}

.topright-mainframe:after {
	content: "";
	display: block;
	clear: both;
}

.topright-mainframe-left {
	float: left;
	width: 230px;
	margin: 0 0 0 10px;
}

.topright-mainframe-right {
	float: left;
	width: auto;
	margin: 0 10px 0 10px;
}


.topright-frame {
	margin: 10px 0 10px 15px;
}
.topright-frame:after {
	content: "";
	display: block;
	clear: both;
}

.topright-minibox {
	float: left;
	border-radius: 15px;
	width: 210px;
	height: 90px;
	margin: 0px 10px 0px 0px;
	color: #000000;
	font-weight: normal;
	background-color: #E397A4;
	/* 20231031 */
	background-color: #86b2ba;
	/* 20231118 */
	background-color: #8eb6bd;
}

.topright-minibox-content {
}

.topright-minibox-title {
	width: 100%;
	height: 1.6rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin: 10px 0 0 0;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 15px;
	margin: 8px 0 2px 0;
}

.topright-minibox-content:after {
	content: "";
	display: block;
	clear: both;
}

.topright-minibox-left {
	float: left;
	width: 58px;
	margin: 0 0 0 8px;
}

.topright-minibox-image {
	border: none;
	border-radius: 5px;
}

.topright-minibox-right {
	float: left;
	line-height: 16px;
	width: 135px;
}

div.top-bottom {
}

div.top-bottom:after {
	content: "";
	display: block;
	clear: both;
}

div.top-bottom-left {
	float: left;
	width: 400px;
}

div.top-bottom-right {
	float: none;
	width: auto;
	margin: 0 0 0 400px;
}



/**************************************************************************************************/
/* ■sc_newyearcard */
/**************************************************************************************************/

.newyearcard-frame
{
	margin: 0 0 0 20;
}
.newyearcard-frame a
{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.newyearcard-box-white,
.newyearcard-box-red
{
	float: left;
	border-radius: 10px;
	width: 220px;
	height: 220px;
	margin: 0 10px 10px 0;
	text-align: center;
	background-color: #DE8B8B;
}
.newyearcard-box-white
{
	background-color: #ffffff;
}

.newyearcard-illust
{
	width: 180px;
	height: 180px;
	margin: 6px 0 6px 0;
}



/**************************************************************************************************/
/* ■sc_userillust ユーザー投稿イラスト用 */
/**************************************************************************************************/

.userillust-frame
{
	margin: 0 0 0 20;
	margin: 0 0 0 0;
}
.userillust-frame a
{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.userillust-box
{
	float: left;
	border-radius: 10px;
	width: 220px;
	background-color: #E5D7B7;
	margin: 0 10px 10px 0;
}

.userillust-illust
{
	width: auto;
	margin: 6px 0 6px 0;
	line-height: 0;
	text-align: center;
}

img.userillust-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}

img.pedia-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}



/**************************************************************************************************/
/* ■sc_pedia ぽけペディア用 */
/**************************************************************************************************/

/* 種類ボタン */
a.abutton-pedia-kind
{
	padding: 10px 14px;
	margin: 4px 4px 12px 0px;
	font-size: 22px;
	background-color: #788033;	/* 黄緑 */
	color: white;
}

.pedialist-frame
{
	margin: 0 0 0 20;
}
.pedialist-frame a
{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.pedialist-box
{
	float: left;
	border-radius: 10px;
	width: 220px;
	background-color: #E5D7B7;
	margin: 0 10px 10px 0;
}

.pedialist-illust
{
	width: auto;
	margin: 6px 0 6px 0;
	line-height: 0;
	text-align: center;
}

img.pedialist-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}

img.pedia-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}

.pedialist-title
{
	width: 220px;
	height: 24px;
	background-color: #788033;	/* 黄緑 */
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 17px;
	line-height: 20px;
}

.pedialist-body
{
	width: auto;
	padding: 6px 15px 5px 15px;
	line-height: 16px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pediaheadline
{
	border-radius: 10px;
	width: 200px;
	background-color: #E5D7B7;
	margin: 0 auto 8px auto;
}

.pediaheadline-illust
{
	float: left;
	width: 70px;
	padding: 5px 0 5px 10px;
	line-height: 0;
}

.pediaheadline-body
{
	float: none;
	width: auto;
	padding: 6px 10px 5px 10px;
	line-height: 16px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* タイトル */
.pediaheadline-title
{
	margin: 0 0 6px 0;
	font-weight: bold;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 14px;
	/*
	font-size: 17px;
	line-height: 21px;
	*/
}

.pediaheadline-date
{
	margin: 6px 0 0 0;
	text-align: right;
	color: #7B612C;
	text-size: 9px;
}

.pediachara
{
	width: 200px;
	margin: 0 auto 0 auto;
	/*
	border-radius: 10px;
	background-color: #E5D7B7;
	*/
}

.pediachara-illust
{
	width: auto;
	padding: 5px 0 5px 0;
	text-align: center;
}

.pediachara-body
{
	width: auto;
	margin-top: 4px;
	font-size: 16px;
	text-align: center;
}

.pedia-headline-subtitle
{
	width: 200px;
	height: 24px;
	margin: 10px auto 6px auto;
	padding: 0;
	border-radius: 30px;
	background-color: #604732;	/* 茶色 */
	/* 20231118 */
	background-color: #705c49;	/* 茶色 */
	text-align: center;

	font-size: 14px;
	line-height: 24px;
	font-family: "titlefont";
	font-size: 16px;
	line-height: 22px;
	color: #ffffff;
}

.pedia-link-image
{
	max-width: 100%;
}


/**************************************************************************************************/
/* ■sc_times タイムズ用 */
/**************************************************************************************************/

/* リスト表示用ボックス */
.timeslist-large,
.timeslist
{
	border-radius: 10px;
	width: 640px;
	background-color: #E5D7B7;
	margin: 0 auto 10px auto;
}
.timeslist-large
{
	margin: 20px auto 15px auto;
}

/* リスト表示用ボックス イラスト部分 */
.timeslist-illust-large,
.timeslist-illust
{
	float: left;
	/*width: 80px;*/
	width: 160px;
	padding: 5px 0 5px 10px;
	line-height: 0;
}
.timeslist-illust-large
{
	width: 180px;
	/*padding: 10px 0 10px 40px;*/
	padding: 10px 0 10px 10px;
}

/* リスト表示用ボックス テキスト部分 */
.timeslist-body-large,
.timeslist-body
{
	float: none;
	width: auto;
	background: url( /sp/img/prop/list_mark1.png ) no-repeat 100% 50%;
	/*margin: 0 0 0 100px;*/
	margin: 0 0 0 160px;
	padding: 10px 30px 5px 0;
	font-size: 14px;
	line-height: 18px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.timeslist-body-large
{
	/*
	margin: 0 0 0 240px;
	padding: 60px 30px 5px 0;
	*/
	margin: 0 0 0 230px;
	padding: 30px 30px 5px 0;
	font-size: 16px;
	line-height: 24px;
}

/* ヘッドライン表示用ボックス */
.timesheadline,
.timesheadline-pc
{
	border-radius: 10px;
	width: 640px;
	background-color: #E5D7B7;
	margin: 0 auto 8px auto;
}
.timesheadline
{
	width: 300px;
}
.timesheadline-pc
{
	width: 240px;
/* NEWAVATAR */
width: 230px;
	margin: 36px 0 0 0px;
}

/* ヘッドライン表示用ボックス イラスト部分 */
.timesheadline-illust
{
	width: auto;
	text-align: center;
}

/* ヘッドライン表示用ボックス テキスト部分 */
.timesheadline-body
{
	width: auto;
	padding: 10px 10px 6px 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 記事タイトル */
.timesheadline-title,
.timeslist-title
{
	width: 320px;
	height: 24px;
	border-radius: 10px;
	background-color: #645B8C;
	/* 20231118 */
	background-color: #70698e;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;

	font-family: "titlefont";
	font-size: 17px;
	font-weight: normal;
	line-height: 22px;
}
.timesheadline-title
{
	width: 210px;
	padding: 0;
	margin: 0;

	font-size: 16px;
	line-height: 22px;
}

/* ヘッドライン サブタイトル */
.times-headline-subtitle
{
	width: 70%;
	height: 20px;
	margin: 10px auto 2px auto;
	padding-top: 6px;
	border-radius: 30px;
	background-color: #0080c0;
	background: url( /grp/cmn/background-201606.gif );
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}

.timesheadline-date
{
	margin: 4px 0 0 0;
	text-align: right;
	color: #7B612C;
	text-size: 9px;
}

/* ヘッドライン ボタン */
.times-headline-button
{
	float: left;
	width: 240px;
/* NEWAVATAR */
width: 230px;
	margin: 8px auto 6px auto;
	text-align: center;
}

img.timeslist-illust-image-social,
img.timeslist-illust-image
{
	border-radius: 5px;
}
img.times-image
{
	border-radius: 5px;
}

div.timesheadline strong,
div.timesheadline-pc strong,
div.timeslist strong
{
	font-size: 16px;
	color: #0080c0;
}

div.timesheadline a,
div.timesheadline-pc a,
div.timeslist-large a,
div.timeslist a
{
	display: block;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-shadow: none;
	text-decoration: none;
}

a.times-title
{
	font-size:		20px;
}



/**************************************************************************************************/
/* ■sc_anime アニメ用 */
/**************************************************************************************************/

/* フレーム */
.anime-frame {
	margin: 0 20px 10px 20px;
}
.anime-frame a {
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}

/* ボックス */
.anime-largebox,
.anime-box
{
	width: 640px;
	height: 110px;
	margin: 10px 20px 20px 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
}
.anime-largebox {
	height: 220px;
	margin: 20px 20px 30px 20px;
}

/* ボックス内左 */
.anime-largebox-left,
.anime-box-left
{
	width: 160px;
	height: 110px;
	padding: 0 0 0 40px;
	display: table-cell;
	vertical-align: middle;
}
.anime-largebox-left
{
	width: 320px;
	height: 220px;
}

/* ボックス内右 */
.anime-largebox-right,  
.anime-box-right
{
	display: table-cell;
	width: 450px;
	padding: 6px 10px 0 10px;
	font-size: 14px;
	line-height: 18px;
	position: relative;
}
.anime-largebox-right
{
	width: 320px;
	vertical-align: middle;
}

/* 再生時間 */
.anime-largebox-time,
.anime-box-time
{
	text-align: right;
	font-size: 12px;
	line-height: 14px;
	color: #3A84A9;
	position: absolute;
	top: 20px;
	right: 20px;
}
.anime-largebox-time
{
	top: 190px;
}

/* タイトル名 */
.anime-box-title {
	width: 240px;
	height: 22px;
	margin: 0 auto 10px 0;
	padding: 0 0 0 20px;
	border-radius: 30px;
	background-color: #604732;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	color: #ffffff;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	width: 280px;
}


/**************************************************************************************************/
/* ■sc_ehon 絵本用 */
/**************************************************************************************************/

.ehon-frame
{
	margin: 0 20px 0 20px;
}
.ehon-frame a
{
	text-decoration: none;
}

.ehon-box
{
	float: left;
	width: 320px;
	height: 240px;
	margin: 10px 10px 0px 10px;
	border-radius: 10px;
	background-color: #E5D7B7;
	color: #000000;
}

.ehon-box-left
{
	width: 320px;
	height: 140px;
	padding: 0 0 0 10px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.ehon-box-right
{
	width: 280px;
	margin: 0 20px 10px 20px;
	font-size: 14px;
	line-height: 20px;
}

.ehon-box-title
{
	height: 24px;
	margin: 0 auto 4px auto;
	border-radius: 30px;
	/*background-color: #604732;*/
	background-color: #BF4C4C;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FCF0E5;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 17px;
	line-height: 21px;
}


.ehonpage-detailbox
{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 6px 5% 6px 5%;
	background-color: #E5D7B7;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
}




/**************************************************************************************************/
/* ■sc_favchara 推しキャラ用 */
/**************************************************************************************************/

.favchara-box-selected,
.favchara-box
{
	float: left;
	width: 120px;
	width: 21%;
	height: 120px;
	height: auto;
	margin: 10px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 12px;
}

.favchara-box-selected:hover,
.favchara-box:hover
{
	background-color: #b4a277;
	color: #3F212D;
}



.favchara-box-selected
{
	background-color: #DB8CAA;
	color: #ffffff;
}



.favchara-box-image
{
	margin: 0px 0px 10px 0px;
}



/**************************************************************************************************/
/* ■sc_userreg 獣民登録ページ用 */
/**************************************************************************************************/

.userreg-subtitle-color
{
	background-color: #b03f86;
}

.userreg-boxtitle-color
{
	background-color: #bf5d9a;
}

.userreg-box-color
{
	background-color: #F9B6C1;
}

.userreg-mailbox-color
{
	background-color: #972c6f;
}

.userreg-reginfo-title
{
	width: 200px;
	margin: 0 auto 0 auto;
	padding: 8px 10px 8px 10px;
	border-radius: 20px;
	background-color: #604732;	/* 茶色 */
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;

	font-family: "titlefont";
	font-weight: normal;
	/*
	font-size: 20px;
	line-height: 22px;
	*/
}

.userreg-attribute-title
{
	width: 120px;
	border-radius: 15px;
	margin: 10px 0 6px 0;
	padding: 4px 10px 4px 10px;
	background-color: #E07692;	/* ピンク */
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;

	font-family: "titlefont";
	font-weight: normal;
	line-height: 21px;
	padding: 1px 10px 2px 10px;
}


div.userreg-merit-illust
{
	margin: 0 0 0 40px;
	padding: 0;
}


a.userreg-rule:link
{
	text-decoration : none;
	color : #597D41;
	color : #f0b0e0;
	font-weight: normal;
}

a.userreg-rule:visited	{
	text-decoration:none;
	color : #597D41;
	color : #ffff00;
}

a.userreg-rule:active
{
	text-decoration:none;
	color : #ffffff;
}

a.userreg-rule:hover
{
	text-decoration: underline;
	color : #ffffa0;
}


/**************************************************************************************************/
/* ■sc_debby デビーページ用 */
/**************************************************************************************************/

.debby-infobox
{
	width: 100%;
	background-color: #E5D7B7;
	color: #000000;
	padding: 10px 3% 10px 3%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.debby-balance-box
{ 
	width: 70%;
	height: 40px;
	margin: 0 auto 0px auto;
	/*padding: 8px 0 4px 0;*/
	border-radius: 30px;
	background-color: #604732;	/* 茶色 */
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
}


.debbylist-frame
{
	margin: 0 0 0 20;
}
.debbylist-frame a
{
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.debbylist-box-floatnone,
.debbylist-box
{
	float: left;
	border-radius: 10px;
	width: 210px;
	background-color: #E5D7B7;
	margin: 0 10px 10px 0;
	text-align: center;
}

.debbylist-box-floatnone
{
	float: none;
}

.debbylist-image
{
	width: 180px;
}

.debbylist-illust
{
	width: auto;
	margin: 6px 0 6px 0;
	line-height: 0;
	text-align: center;
	/* 子要素を重ねるための宣言 */
	position: relative;
}

img.debbylist-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}

img.debby-illust-image
{
	border-radius: 10px;
	background-color: #788033;	/* 黄緑 */
}

/* 人気！マーカー用 */
.debbylist-popular
{
	/* 重ねて表示する */
	position: absolute;
	/*
	bottom: 4px;
	right: 4px;
	right: -10px;
	*/
	left: -14px;
	top: -24px;
}

.debbylist-title
{
	width: 210px;
	height: 24px;
	background-color: #000000;
	filter: alpha( opacity=70 );
	opacity: 0.5;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}

.debbylist-body
{
	width: auto;
	padding: 6px 15px 5px 15px;
	line-height: 16px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.debby-servicelogo-frame
{
	display: table;
/*	width: 100%;*/
	width: 600px;
	margin: 0 auto 0 auto;
	text-align: center;
}

.debby-servicelogo
{
	display: table-cell;
	width: 200px;
	height: 60px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}

a.abutton-debbylist
{
	background-color: #F0BB2C;	/* 黄色 */
	width: 80%;
	width: 200px;
	/*height: 45px;*/
	color: #2E2306;
	font-size: 16px;
	font-weight: bold;

	padding-left: 0px;
	padding-right: 0px;

	font-family: inherit;
}

.sbutton-debbybuy
{
	background-color: #F0BB2C;	/* 黄色 */
	color: #2E2306;
	font-size: 20px;
	line-height: 28px;
}

.debbyhow-box
{ 
	width: 95%;
	margin: 0 auto 10px auto;
	padding: 15px 0 10px 0;
	border-radius: 10px;
	background-color: #E5D7B7;
}

.debbyhow-box-str
{
	margin: 10px 20px 10px 20px;
	padding: 10px 0 10px 0;
	font-size: 16px;
	line-height: 22px;
}

.debbyhow-subtitle-step1,
.debbyhow-subtitle-step2
{
	border-radius: 30px;
	background-color: #3A84A9;	/* 水色 */
	width: 320px;
	height: 50px;
	margin: 20px auto 0 auto;
}
.debbyhow-subtitle-step2
{
	background-color: #3A84A9;	/* 水色 */
}

.debbyhow-subtitle-service
{
	border-radius: 20px;
	background-color: #4C6D9C;	/* 青 */
	width: 320px;
	height: 30px;
	margin: 20px auto 0 auto;
	padding: 6px 0 2px 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
}

.debbyhow-flambert-box
{
	width: 80px;
	height: 80px;
	border-radius: 15px;
	background-color: #e397a4;
	margin: 0px 0 0px 0;
	line-height: 0;
	text-align: center;
	/* 内部の画像をクリップするための宣言 */
	position: relative;
}


img.debbyhow-flambert-image
{
	position: absolute;
	top: 20px;
	left: 5px;
	width: 70px;
	height: auto;
	clip: rect( 0px, 70px, 60px, 0px );
}

.small-flambert-box
{
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background-color: #e397a4;
	margin: 0px 0 0px 0;
	line-height: 0;
	text-align: center;
	/* 内部の画像をクリップするための宣言 */
	position: relative;
}


img.small-flambert-image
{
	position: absolute;
	top: 10px;
	left: 3px;
	width: 35px;
	height: auto;
	clip: rect( 0px, 35px, 30px, 0px );
}


#AmazonPayButton
{
	width: 200px; 
	height: 45px;
}

#AmazonPayButtonCV2
{
	width: 300px; 
	height: 70px;
}

#walletWidgetDiv
{
	width: 400px; 
	height: 228px;
	background-color: #FFFFFF;
	text-align: center;
	color: #a0a0a0;
}

.amazon-order-box
{
	width: 360px; 
	height: 100px;
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	background-color: #E5D7B7;
	border-radius: 10px;
	text-align: left;
	color: #000000;
	font-size: 18px;
	line-height: 24px;
}

.amazon-logout-button
{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding: .5em 1em;

	font-weight: normal;
}



/**************************************************************************************************/
/* ■sc_support サポートページ用 */
/**************************************************************************************************/

.support-box
{ 
	width: 640px;
	margin: 0 auto 0px auto;
	border-radius: 10px;
	background-color: #E5D7B7;
}

.support-box-str
{
	margin: 10px 20px 10px 20px;
	font-size: 14px;
	font-size: 16px;
	line-height: 18px;
	line-height: 24px;
}

.support-subtitle-mail,
.support-subtitle-faq
{
	border-radius: 30px;
	background-color: #69508C;
	width: 320px;
	height: 50px;
	margin: 20px auto 0 auto;
}
.support-subtitle-mail
{
	background-color: #8E73B3;
}



/**************************************************************************************************/
/* ■sc_faq 知恵袋ページ用 */
/**************************************************************************************************/

.faq-list-question
{
	margin: 1rem 1rem 1rem 1rem;
	font-size: 14px;
	line-height: 18px;
}


.faq-list-question a
{
	font-family: inherit;
	font-weight: normal;

	font-size: 1.1em;
	line-height: 1.2em;
	text-decoration: none;
}

.faq-list-question a:hover
{
	text-decoration: underline;
	text-decoration: none;
}



/**************************************************************************************************/
/* ■sc_mobile スマホ・ケータイページ用 */
/**************************************************************************************************/

/* 種類用ボックス */
.mobile-kindbox
{
	width: 640px;
	height: 240px;
	margin: 0 auto 0px auto;
	border-radius: 20px;
	background-color: #E5D7B7;
}

/* 種類用ボックス 左部分 */
.mobile-kindbox-left
{
	float: left;
	width: 250px;
}

/* 種類用ボックス 右部分 */
.mobile-kindbox-right
{
	float: left;
	width: 390px;
	height: 240px;
}

/* 種類用ボックス サブタイトル */
.mobile-kindbox-subtitle
{
	border-radius: 30px;
	background-color: #597D41;
	background-color: #BF5F19;
	width: 320px;
	height: 50px;
	margin: 10px auto 0 auto;
	text-align: center;
}

/* 種類用ボックス 文章部分 */
.mobile-kindbox-str
{
	float: left;
	width: 230px;
	margin: 16px 10px 0 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

/* 種類用ボックス QRコード部分 */
.mobile-kindbox-qrcode
{
	float: left;
	width: 120px;
	margin: 40px 0 0 0;
}

/* アプリボックス用フレーム */
.mobile-appframe
{
	margin: 0 auto 0 40px;
}

/* アプリ用ボックス */
.mobile-appbox-180,
.mobile-appbox
{
	float: left;
	width: 200px;
	height: 180px;
	margin: 10px 20px 0px 0px;
	border-radius: 10px;
	background-color: #E5D7B7;
	text-align: center;
}
.mobile-appbox-180
{
	float: none;
	width: 180px;
	margin: 10px auto 0px auto;
}

/* アプリ用ボックス イラスト部分 */
.mobile-appbox-illust
{
	height: 120px;
}

/* アプリ用ボックス タイトル部分 */
.mobile-appbox-title
{
	height: 18px;
	margin: 0 auto 4px auto;
	padding: 4px 0 0 0;
	border-radius: 30px;
	background-color: #604732;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}



/**************************************************************************************************/
/* ■sc_illust イラスト用 */
/**************************************************************************************************/

/* 種類ボックス */
.illust-kindbox-cursor,
.illust-kindbox-wallpaper
{
	border-radius: 30px;
	background-color: #A67444;
	width: 320px;
	height: 50px;
	margin: 30px auto 0 auto;
	text-align: center;
}
.illust-kindbox-cursor
{
	background-color: #915A3E;
}

/* かべがみボックス用フレーム */
.wallpaper-frame
{
	margin: 0 20px 0 20px;
}

/* かべがみ用ボックス */
.wallpaper-box
{
	float: left;
	width: 206px;
	height: 160px;
	margin: 10px 10px 0px 10px;
	border-radius: 10px;
	background-color: #E5D7B7;
	text-align: center;
}

/* かべがみ用ボックス イラスト部分 */
.wallpaper-box-illust
{
	/* 垂直センタリングのためにテーブルセルにする */
	display: table-cell;
	vertical-align: middle;
	width: 206px;
	height: 160px;
}

img.wallpaper-box-image
{
	border-radius: 5px;
}

/* イラストボックス用フレーム */
.illust-frame
{
	margin: 0 20px 0 20px;
}
.illust-frame a
{
	text-decoration: none;
}

/* イラスト用ボックス */
.illust-box
{
	width: 660px;
	height: 135px;
	margin: 10px auto 0px auto;
	border-radius: 10px;
	background-color: #E5D7B7;
}

/* イラスト用ボックス 左部分 */
.illust-box-left
{
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	height: 135px;
	padding: 0 0 0 30px;
}

/* イラスト用ボックス 右部分 */
.illust-box-right
{
	display: table-cell;
	width: 450px;
	padding: 6px 10px 0 0;
	font-size: 14px;
	line-height: 18px;
}

/* イラスト用ボックス タイトル */
.illust-box-title
{
	width: 240px;
	height: 22px;
	margin: 0 auto 4px 0;
	padding: 6px 0 0 20px;
	border-radius: 30px;
	background-color: #604732;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	padding: 0 0 0 20px;
}

/* 壁紙サイズ選択用ボタン */
a.illust-wallpaper-sizebutton
{
	width: 500px;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	background-color: #4C6D9C;	/* 青 */

	width: 600px;
}

.illust-wallpaper-sizedetail
{
	font-size: 12px;
	line-height: 16px;
	height: 24px;

	font-size: 14px;
	line-height: 18px;
	height: 28px;
}


/* LINE絵文字用ボックス用フレーム */
.lineemoji-frame
{
	width: 80%;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 30px;
	border-radius: 15px;
	background-color: #ffffff;
}

/* LINE絵文字用ボックス */
.lineemoji-box
{
	float: left;
	width: 80px;
	height: 80px;
	margin: 10px 10px 0px 10px;
	text-align: center;
}

/* LINE絵文字用イメージ */
.lineemoji-image
{
	width: 60px;
	height: 60px;
}


/**************************************************************************************************/
/* ■sc_game ゲームページ用 */
/**************************************************************************************************/

.gamepage-body
{
	background: url( /grp/cmn/frame-y.png ) repeat-y 0 100%;
	/* 20231118 */
	background: url( /grp/cmn/frame-y-new.png ) repeat-y 0 100%;
	min-height: 80%;
}
.gamepage-body:after
{
	content: "";
	display: block;
	clear: both;
}



.gamepage-recommend-subtitle {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.gamepage-recommendbox {
	float: left;
	width: 122px;
	margin: 0px 0px 0px 12px;
	width: 96px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-weight: normal;
	text-align: right;
	padding: 0 0 0 12;
}

.gamepage-recommendbox-content {
	/*margin: 10px;*/
}

.gamepage-recommendbox-content:after {
	content: "";
	display: block;
	clear: both;
}

.gamepage-recommendbox-thumbnail {
	width: 100%;
	height: 80px;
	margin-bottom: 6px;
	text-align: center;
}

.gamepage-recommendbox-image {
	border: none;
	border-radius: 5px;
	width: auto;
	height: 80px;
}

.gamepage-recommendbox-title {
	width: 100%;
	height: 2.2rem;
	font-size: 1.0rem;
	line-height: 1.2rem;
	font-weight: normal;
	color: #000000;
	text-align: center;
}



.gamapage-recommend-subtitle {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.gamapage-recommendbox {
	float: left;
	width: 122px;
	margin: 0px 0px 0px 12px;
	color: #000000;
	font-weight: normal;
}

.gamapage-recommendbox-content {
	/*margin: 10px;*/
}

.gamapage-recommendbox-content:after {
	content: "";
	display: block;
	clear: both;
}

.gamapage-recommendbox-thumbnail {
	width: 100%;
	height: 50px;
	margin-bottom: 6px;
	text-align: center;
}

.gamapage-recommendbox-title {
	width: 100%;
	height: 2.2rem;
	font-size: 1.0rem;
	line-height: 1.2rem;
	font-weight: normal;
	color: #000000;
	text-align: center;
}



.gamapage-recommendbox-image {
	border: none;
	border-radius: 5px;
	width: auto;
	height: 50px;
}

.gamepage-momotype-underbox
{
}
.gamepage-momotype-underbox:after
{
	content: "";
	display: block;
	clear: both;
}
.gamepage-momotype-underbox-left
{
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.gamepage-momotype-underbox-center
{
	float: left;
	/*width: 520px;*/
	width: 320px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.gamepage-momotype-underbox-right
{
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


.gamepage-left
{
	float: left;
	width: 230px;
	/*width: 320px;*/
	margin: 0px;
	padding: 0 20px 0 10px;
	text-align: center;
}

.gamepage-right
{
	float: left;
	width: 570px;
	margin: 0;
	padding: 0;
}

.gameindexpage-right
{
	float: left;
	width: 730px;
	margin: 0;
	padding: 0;
}

.gamepage-left-subtitle
{
	width: 80%;
	margin-top: 10px;
	background-color: #4C6D9C;	/* 青 */
	
	width: 90%;
}

.gamepage-left-minibox {
	border-radius: 10px;
	width: 200px;
	margin: 7px auto 0 auto;
	font-weight: normal;
	color: #000000;
	background-color: #FBE8CB;
}

.gamepage-left-minibox-title {
	width: 100%;

	color: #604732;	/* 茶色 */
	text-align: center;
	font-family: "titlefont";
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}

.gamepage-left-minibox-content {
	margin: 0 5px 0 5px;
	height: 70px;
	
	display: table;
}

.gamepage-left-minibox-left {
	display: table-cell;

	width: 60px;
	width: 33%;
	vertical-align: middle;
}

.gamepage-left-minibox-image {
	border: none;
	border-radius: 5px;
}

.gamepage-left-minibox-right {
	display: table-cell;
	vertical-align: middle;

	width: 120px;
	width: 67%;
	line-height: 16px;
	text-align: left;
}

.gamepage-left-kind
{
	float: left;
	width: 80px;
	height: 80px;
	margin: 10px 10px 0 0;
}

img.gamepage-left-kind-image
{
	width: 80px;
	height: 80px;
}

.gamepage-detailbox
{
	width: 100%;
	background-color: #E5D7B7;
	color: #000000;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	font-size: 14px;
	line-height: 16px;
	line-height: 20px;
}

/* ゲーム種類用フレーム */
.game-kind-frame
{
	margin: 10px 0 0 25px;
}

/* ゲーム種類 */
.game-kind
{
	float: left;
	width: 160px;
	height: 160px;
	margin: 10px 10px 0 0;
}

/* ゲームボックス用フレーム */
.game-frame
{
	margin: 10px 20px 0 20px;
}
.game-frame a
{
	text-decoration: none;
}

/* ゲーム用ボックス */
.game-box
{
	float: left;
	width: 320px;
	height: 240px;
	height: 260px;
	margin: 10px 10px 0px 10px;
	border-radius: 10px;
	background-color: #E5D7B7;
}

/* ゲーム用ボックス 上部分 */
.game-box-up
{
	display: table-cell;
	vertical-align: middle;
	width: 320px;
	height: 140px;
	padding: 0 0 0 10px;
	text-align: center;
	/* 子要素を重ねるための宣言 */
	position: relative;
}

/* ランキングマーカー用 */
.game-box-ranking
{
	/* 重ねて表示する */
	position: absolute;
	bottom: 4px;
	right: 20px;
}

/* 人気！マーカー用 */
.game-box-popular
{
	/* 重ねて表示する */
	position: absolute;
	bottom: 4px;
	left: 20px;
}

/* ゲーム用ボックス 下部分 */
.game-box-downkids,
.game-box-down
{
	width: 280px;
	margin: 0 20px 10px 20px;
	font-size: 14px;
	line-height: 20px;
}
.game-box-downkids
{
	font-size: 20px;
	line-height: 28px;
}

/* ゲーム用ボックス タイトル */
.game-box-title
{
	height: 24px;
	margin: 0 auto 4px auto;
	border-radius: 30px;
	background-color: #604732;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #FCF0E5;
	
	font-family: "titlefont";
	font-weight: normal;
	font-size: 17px;
	line-height: 21px;
}

.game-html5box
{
	width: 420px;
	width: 80%;
	margin: 0px auto 0px auto;
	padding: 4px 16px 10px 16px;
	border-radius: 10px;
	background-color: #c4dada;
	text-align: left;
	color: #000000;
}

.game-html5box-title
{
	width: 40%;
	margin: 4px auto 8px auto;
	padding: 2px 10px 2px 10px;
	border-radius: 15px;
	background-color: #69959c;
	text-align: center;
	color: #ffffff;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
}

.game-flashbox
{
	width: 420px;
	margin: 0px auto 0px auto;
	padding: 4px 16px 10px 16px;
	border-radius: 10px;
	background-color: #c4cda3;
	text-align: left;
	color: #000000;
}


.game-flashbox-title
{
	width: 40%;
	margin: 4px auto 8px auto;
	padding: 2px 10px 2px 10px;
	border-radius: 15px;
	background-color: #8e9c5c;
	text-align: center;
	color: #ffffff;
}



/**************************************************************************************************/
/* ■sc_onecoco おねだりココアページ用 */
/**************************************************************************************************/

.onecoco-howbox
{
	width: 560px;
	margin: 10px auto 0 auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
}

.onecoco-formbox
{
	width: 560px;
	margin: 10px auto 0 auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #CEE1E8;
	font-size: 14px;
	line-height: 20px;
}

a.onecoco-menubutton
{
	width: 160px;
	background-color: #B86595;	/* ピンク */
}


/**************************************************************************************************/
/* ■sc_momotype 桃太郎たいぴんぐページ用 */
/**************************************************************************************************/

.lp-frame,
.momotype-frame
{
	margin: 20px 40px 20px 40px;
	font-size: 16px;
	line-height: 28px;

	/* FOR_TOG TOG詳細説明画面作成時にはコメントアウトする */
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	/* FOR_TOG TOG詳細説明画面作成時にはコメントアウトを外す */
	/* for SP */
	/*
		font-size:24px;
		line-height:30px;
	*/
	/* for PC */
	/*
		font-size:16px;
		line-height:24px;
	*/
}

.lp-frame
{
	margin-left: 20px;
	margin-right: 20px;
}

font.momotype-title
{
	/* FOR_TOG TOG詳細説明画面作成時にはコメントアウトする */
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	/* FOR_TOG TOG詳細説明画面作成時にはコメントアウトを外す */
	/* for SP */
	/*
		font-size: 3.0rem;
		line-height: 4.0rem;
	*/
	/* for PC */
	/*
		font-size: 2.0rem;
		line-height: 3.0rem;
	*/
	font-weight: bold;
	color: #BF4C4C;	/* 赤 */
}

img.momotype-image
{
	border-radius: 10px;
	width: 400px;
	margin: 10px 0 10px 0;
}

img.momotype-image-l
{
	border-radius: 10px;
	width: 540px;
	margin: 10px 0 10px 0;
}

.momotype-why-title
{
	width: 90%;
	width: 100%;
	margin: 0 0 8px 0;
	padding: 10px 5% 10px 5%;
	border-radius: 15px;
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #E07692;	/* ピンク */
	background-color: #BF4C4C;	/* 赤 */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
	text-align: left;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
}

.momotype-reason
{
	width: 80%;
	margin: 0 auto 8px 0;
	padding: 10px 0 8px 20px;
	border-radius: 30px;
	background-color: #3A84A9;	/* 水色 */
	text-align: left;

  	font-size: 18px;
	line-height: 18px;
	/* FOR_TOG TOG詳細説明画面作成時にはコメントアウトを外す */
	/* for SP */
	/*
		font-size: 24px;
		line-height: 24px;
	*/
	font-weight: bold;
	color: #ffffff;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 20px;
	line-height: 16px;
	padding: 10px 0 12px 20px;
}

.momotype-storybox
{
	width: 560px;
	margin: 0 auto 10px auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
	/* 20200623 */
	font-size: 15px;
	line-height: 24px;
	/* FOR_TOG TOG詳細説明画面作成時にはコメントアウトを外す */
	/* for SP */
	/*
		font-size: 18px;
		line-height: 24px;
	*/
}



/**************************************************************************************************/
/* ■sc_release プレスリリースページ用 */
/**************************************************************************************************/

.release-frame
{
	margin: 10px 40px 20px 40px;
	font-size: 16px;
	line-height: 24px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	/*
	font-size:16px;
	line-height:24px;
	*/
}

font.release-title
{
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 3.0rem;
	color: #BF4C4C;	/* 赤 */
}

img.release-image-sizefree
{
	border-radius: 5px;
	margin: 10px 0 10px 0;
}

img.release-image
{
	border-radius: 5px;
	width: 400px;
	margin: 10px 0 10px 0;
}

img.release-image-l
{
	border-radius: 5px;
	width: 540px;
	margin: 10px 0 10px 0;
}

.release-title
{
	width: 100%;
	margin: 12px 0 12px 0;
	padding: 10px 5% 10px 5%;
	border-radius: 10px;
	background-color: #604732;	/* 茶色 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #E07692;	/* ピンク */
	background-color: #BF4C4C;	/* 赤 */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
	background-color: #BF5F19;	/* オレンジ */

	text-align: center;
	/*
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	*/
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	color: #ffffff;
}

.release-title-catch
{
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 8px 0;
}


.release-subtitle
{
	width: 60%;
	/*height: 18px;*/
	margin: 0 auto 8px 0;
	padding: 10px 0 8px 20px;
	border-radius: 30px;
	background-color: #3A84A9;	/* 水色 */
	text-align: left;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
}

.release-textbox
{
	width: 100%;
	margin: 0 auto 10px 0;
	padding: 20px;
	border-radius: 10px;
	background-color: #f4e6c7;
}

.release-infobox
{
	width: 90%;
	margin: 0 auto 10px 0;
	padding: 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
}

.release-companybox
{
	width: 560px;
	margin: 0 auto 10px auto;
	padding: 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
}



/**************************************************************************************************/
/* ■sc_letter 伝言板用 */
/**************************************************************************************************/

/* 伝言板ヘッドライン */
.letterheadline
{
	border-radius: 10px;
	width: 460px;
/* NEWAVATAR */
width: 440px;
	margin: 0 auto 0 auto;
	background-color: #E5D7B7;
}
.letterheadline:after
{
	content: "";
	display: block;
	clear: both;
}

/* 伝言板ヘッドライン */
.letterheadline-left
{
	float: left;
	width: 200px;
	margin: 10px auto auto auto;
	text-align: center;
}

/* 伝言板ヘッドライン */
.letterheadline-right
{
	float: left;
	width: 230px;
	padding: 10px 10px 10px 10px;
/* NEWAVATAR */
width: 230px;
padding: 10px 0px 10px 0px;
	line-height: 16px;
	/* 一行に収まらない文章を省略して末尾に…を付ける */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 伝言板 親メッセージ */
.letter-parent-box-twitter,
.letter-parent-box-chara,
.letter-parent-box
{
	/*width: 560px;*/
	width: 80%;
	margin: 10px auto 0 10px;
	padding: 20px 20px 10px 20px;
	border-radius: 10px;
	background-color: #95BDC4;
	color: #000000;
	font-size: 16px;
	line-height: 20px;
}

.letter-parent-box-chara
{
	background-color: #96aa6f;
}

.letter-parent-box-twitter
{
	background-color: #ddceb5;
	border: solid 5px #bbaa8e;
}

.letter-parent-avatar
{
	float: left;
	width: 60px;
}

.letter-parent-comment
{
	float: left;
	width: 85%;
	padding-left: 20px;
}

.present-avatar
{
	float: left;
	width: 40px;
}

.present-avatar-comment
{
	float: left;
	width: 85%;
	padding-left: 20px;
}

a.present-avatar-name
{
	font-size: 1em;
	font-weight: normal;
}

/* 伝言板 子メッセージ */
.letter-child-box
{
	/*width: 520px;*/
	width: 80%;
	margin: 10px 10px 0 auto;
	padding: 10px 20px 10px 20px;
	border-radius: 10px;
	background-color: #AFD3D6;
	color: #000000;
	font-size: 14px;
	line-height: 20px;
}

/* 伝言板 子メッセージ左側 */
.letter-parent-left,
.letter-child-left
{
	float: left;
	width: 24%;
	text-align: center;
}
.letter-parent-left a,
.letter-child-left a
{
	font-weight: normal;
	text-decoration: none;
}

/* 伝言板 子メッセージ右側 */
.letter-parent-right,
.letter-child-right
{
	float: left;
	width: 76%;
}

/* 伝言板 キャラ画像部分 */
.letter-chara-illust
{
	width: 100px;
	height: 80px;
	border-radius: 10px;
	background-color: #8ACECE;
	background-image: url( '/grp/cmn/cmn-diamondblue.png' );
	text-align: center;
}

/* 伝言板 キャラ画像部分 */
.letter-chara-illust-image
{
	width: 100%;
	height: auto;
}
.letter-chara-illust-hams-image
{
	width: 34%;
	height: auto;
}

/* 伝言板 キャラ名前 */
.letter-chara-name
{
	width: 100px;
	margin: 4px 0 0 0;
	border-radius: 10px;
	background-color: #604732;	/* 茶色 */
	color: #fff2d4;
	font-size: 11px;
	text-align: center;

	font-family: "titlefont";
	font-weight: normal;
	line-height: 15px;
	/*
	font-size: 17px;
	*/
}

/* 伝言板 キャラコメント */
.letter-chara-comment
{
	margin: 20px 0 0 0;
	font-size: 16px;
	line-height: 24px;
}

/* 伝言板 ナレーション */
.letter-narration
{
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}


div.BackNumber	{
	padding-left:	20px;
	text-align:		left;
	line-height:	16px;
}

div.Intro	{
	color: 		#854000;
	padding-left:	12px;
	padding-right:	14px;
	padding-bottom: 8px;
	line-height:	16px;
}

div.Message	{
	font-size:		18px;
	color: 		#693609;
	/*
	width:			90%;
	padding-left:	8px;
	padding-right:	8px;
	padding-top:	8px;
	padding-bottom:	8px;
	*/
	margin:		40px 8px 0 8px;
	line-height:	24px;
}

div.LetterNarration	{
	font-size:		18px;
	font-weight:	bold;
	color: 		#5F148A;
}

div.Penname	{
	color: 		#fff2d4;
	padding-right:	20px;
	padding-top:	14px;
}

div.Window	{
	background-image:	url( '/grp/park/letter/lt-cmt-window.gif' );
	width:			100px;
	height:			80px;
	vertical-align: bottom;
}

div.Comment	{
	font-size:		18px;
	color: 		#693609;
	padding-left:	12px;
	line-height:	24px;
}

div.CharaName {
	font-size:		10px;
	color: 		#FFFFFF;
	text-align:		center;
}

div.Text	{
	padding-left:	8px;
	padding-right:	8px;
	line-height:	16px;
}

div.Input	{
	padding-left:	16px;
	padding-right:	20px;
	line-height:	14px;
}

font.Mark {
	color:		#ff7b00;
	font-size:	11px;
}

font.Penname {
	color:		#0080c0;
}

font.Date {
	color:		#000000;
}

.nicelistframe
{
	width: 560px;	/* (70 + (5 x 2)) x 7 */
	margin: 20px auto 20px auto;
	display: flex;
	flex-wrap: wrap;
	/*
	justify-content: center;
	*/
}

.nicelist-rect {
	margin: 0 5px 5px 5px;
	padding: 0;
	width: 70px;
	height: 86px;
}




/**************************************************************************************************/
/* ■sc_puzzle パズルページ用 */
/**************************************************************************************************/

/* 説明用ボックス */
.puzzle-information-box
{
	width: 560px;
	height: 60px;
	height: 100px;
	margin: 10px auto 0 auto;
	padding: 10px 20px;
	border-radius: 10px;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
}

/* フッター用 */
.puzzle-footer
{
	width: 100%;
	height: 64px;
	height: 82px;
height: auto;
	padding: 6px 0 8px 0;
	background-color: #E5D7B7;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

/* ゲームボックス用フレーム */
.puzzle-frame
{
	margin: 0 0 0 20px;
}
.puzzle-frame a
{
	text-decoration: none;
}

/* ゲーム用ボックス */
.puzzle-box
{
	float: left;
	width: 128px;
	height: 130px;
	margin: 10px 10px 0px 0px;
	border-radius: 10px;
	background-color: #E5D7B7;
}

/* ゲーム用ボックス 上部分 */
.puzzle-box-up
{
	display: table-cell;
	vertical-align: middle;
	width: 128px;
	height: 100px;
	text-align: center;
	/* 子要素を重ねるための宣言 */
	position: relative;
}

/* ランキングマーカー用 */
.puzzle-box-ranking
{
	/* 重ねて表示する */
	position: absolute;
	/*
	bottom: 4px;
	right: 20px;
	*/
	top: -8px;
	left: 44px;
}

.puzzle-thumbnail-image
{
	border-radius: 5px;
}

/* ゲーム用ボックス 下部分 */
.puzzle-box-down
{
	margin: 0 10px 10px 10px;
	font-size: 14px;
	line-height: 20px;
}

/* ゲーム用ボックス タイトル */
.puzzle-box-title-jigsaw,
.puzzle-box-title-pochi,
.puzzle-box-title-oekaki,
.puzzle-box-title
{
	height: 24px;
	line-height: 24px;
	margin: 0 auto 0px auto;
	border-radius: 30px;
	background-color: #604732;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FCF0E5;
}
.puzzle-box-title-jigsaw
{
	background-color: #4C6D9C;
}
.puzzle-box-title-pochi
{
	background-color: #645B8C;
}
.puzzle-box-title-oekaki
{
	background-color: #597D41;
}


/**************************************************************************************************/
/* ■sc_tarot タロット占いページ用 */
/**************************************************************************************************/

.tarot-infobox
{
	width: 100%;
	background-color: #E5D7B7;
	color: #000000;
	padding: 10px 3% 10px 3%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.tarot-cautionbox
{
	width: 100%;
	background-color: #E5D7B7;
	padding: 10px 3% 10px 3%;
	font-size: 12px;
	line-height: 16px;
}

.tarot-card-full,
.tarot-card-small,
.tarot-card-thumb,
.tarot-card-design,
.tarot-card-frame
{
	border-radius: 5%;
}

.tarot-card-full
{
	width: 480px;
	width: 380px;
	height: auto;
}

.tarot-card-small
{
	width: 120px;
	height: auto;
}

.tarot-card-design
{
	width: 120px;
	height: auto;
}

.tarot-card-thumb
{
	width: 80px;
	height: auto;
}

/* 今日のタロット占い用ボックス */
.tarot-top-daily-box
{
	width: 90%;
	margin: 10px auto 0 auto;
	padding: 10px 0 10px 0;
	border-radius: 20px;
	background-color: #5E4771;
	background: #775A8F url( '/grp/tarot/tarot-topbox-daily.png' ) top center no-repeat;
	background-size: 100% 100%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.tarot-top-subtitle-daily
{
	width: 344px;
	height: 52px;
}

.tarot-top-button-daily
{
	width: 310px;
	height: 88px;
	margin: 20px auto 20px auto;
}

.tarot-top-button-daily-detail
{
	width: 170px;
	height: 50px;
}

.tarot-top-daily-result
{
	width: 100%;
	margin: 15px auto 15px auto;
	/*
	font-size: 60px;
	line-height: 60px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	*/
}

.tarot-top-daily-result-image
{
	width: 400px;
}

.tarot-top-frame
{
	width: 640px;
	margin: 0 auto 0 auto;
	/*background-color: #332143;*/
}

/* トップページ図鑑用ボックス */
.tarot-top-collection-box-again,
.tarot-top-collection-box
{
	float: left;
	width: 300px;
	height: 245px;
	margin: 20px 10px 0 10px;
	padding: 15px 0 10px 0;
	border-radius: 20px;
	background-color: #A185B8;
	background: #A185B8 url( '/grp/tarot/tarot-topbox-collection.png' ) top center no-repeat;
	background-size: 100% 100%;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
.tarot-top-collection-box-again
{
	height: 290px;
}

.tarot-top-subtitle-collection
{
	width: 256px;
	height: 40px;
}

.tarot-top-button-collection
{
	width: 240px;
	height: 70px;
}

.tarot-top-button-collection-again
{
	width: 200px;
	height: auto;
}

.tarot-top-collection-count
{
	width: 100%;
	padding: 15px 0 10px 0;
	font-size: 40px;
	line-height: 40px;
	color: #332143;
	text-align: center;
	font-weight: bold;
}

.tarot-top-collection-percent-again,
.tarot-top-collection-percent
{
	width: 100%;
	padding: 0px 0 10px 0;
	font-size: 40px;
	line-height: 40px;
	color: #daad4d;
	text-align: center;
	font-weight: bold;
}
.tarot-top-collection-percent-again
{
	padding: 0px 0 60px 0;
}

.tarot-top-news-box-cocoa,
.tarot-top-news-box
{
	width: 600px;
	margin: 10px auto 10px auto;
	padding: 10px 40px 10px 40px;
	border-radius: 10px;
	background-color: #5E4771;
	background-position: 30px bottom;
	background-repeat: no-repeat;
	background-size: 60px;
}
.tarot-top-news-box-cocoa
{
	background-image: url( '/grp/tarot/tarot-news-character.png' );
}

.tarot-top-news-box-avatar
{
	float: left;
	margin: 0;
	width: 15%;
}

.tarot-top-news-box-detail
{
	/*margin: 0 0 0 70px;*/
	float: left;
	margin: 0;
	width: 85%;
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
}

.tarot-top-news-box-detail a
{
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

.tarot-daily-frame
{
	margin: 0 auto 0 auto;
	padding: 20px 0px 40px 0px;
	border-radius: 10px;
	background-color: #5E4771;
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.tarot-button-daily-confirm
{
	width: 240px;
	height: 70px;
}

.tarot-button-collection
{
	width: 240px;
	height: 70px;
}

.tarot-yours-frame
{
	height: 700px;
	margin: 0 auto 0 auto;
	padding: 30px 0px 30px 0px;
	border-radius: 10px;
	background-color: #CBB4DD;
	background: #CBB4DD url( '/grp/tarot/tarot-yoursbox-first.png' ) top center no-repeat;
	background-size: 100% 100%;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.tarot-yours-frame-explain
{
	width: 80%;
	margin: 40px auto 20px auto;
	color: #ffffff;
}

.tarot-yours-frame-subtitle
{
	margin: 0 auto 14px auto;
	text-align: center;
}

.tarot-yoursbox-card
{
	margin: 0 auto 0 auto;
	padding: 20px 0px 40px 0px;
	border-radius: 10px;
	background: #775A8F url( '/grp/tarot/tarot-yoursbox-card.png' ) top center no-repeat;
	background-size: 100% 100%;
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.tarot-yoursbox-confirm
{
	min-height: 260px;
	margin: 0 auto 0 auto;
	padding: 20px 0px 40px 0px;
	border-radius: 20px;
	background-color: #5E4771;
	background: #775A8F url( '/grp/tarot/tarot-yoursbox-confirm.png' ) top center no-repeat;
	background-size: 100% 100%;
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.tarot-yours-card-frame
{
	width: 540px;
	margin: 0 auto 0 auto;
}

.tarot-yours-card-box
{
	float: left;
	width: 160px;
	margin: 0 10px 0 10px;
	text-align: center;
}

.tarot-button-yours-next
{
	border: 0px;
	width: 240px;
	height: 70px;
	background: url( '/grp/tarot/tarot-button-yours-next.png' ) left top no-repeat;
	background-size: 100% 100%;
}

.tarot-button-yours-card
{
	border: 0px;
	width: 160px;
	height: 206px;
	background: url( '/grp/tarot/tarot-button-yours-card.png' ) left top no-repeat;
	background-size: 100% 100%;
}

.tarot-button-yours-confirm
{
	border: 0px;
	width: 240px;
	height: 70px;
	background: url( '/grp/tarot/tarot-button-daily-confirm.png' ) left top no-repeat;
	background-size: 100% 100%;
}

.tarot-cardname
{
	width: 90%;
	margin: 10px auto 10px auto;
	padding: 6px;
	border-radius: 30px;
	background-color: #5E4771;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	line-height: 24px;

	/* 子要素を重ねるための宣言 */
	position: relative;
}

.tarot-cardname-new
{
	/* 重ねて表示する */
	position: absolute;
	top: -10px;
	left: -20px;
}

.tarot-carddesign
{
	width: 200px;
	margin: 4px auto 20px auto;
	/*
	padding: 6px;
	border-radius: 30px;
	background-color: #332143;
	*/
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	line-height: 14px;

	/* 子要素を重ねるための宣言 */
	position: relative;
}

.tarot-carddesign-new
{
	/* 重ねて表示する */
	position: absolute;
	top: -10px;
	top: -5px;
	left: -20px;
}

/* 説明用ボックス */
.tarot-information-box,
.tarot-information-box2
{
	width: 600px;
	height: 196px;
	margin: 10px auto 0 auto;
	padding: 10px 50px 10px 50px;
	border-radius: 17px;
	background-color: #A185B8;
	background: #A185B8 url( '/grp/tarot/tarot-detailbox-large.png' ) center top no-repeat;
	color: #ffffff;
	font-size: 16px;
	line-height: 22px;
}
.tarot-information-box2
{
	height: 110px;
	font-size: 24px;
	line-height: 28px;
	background: #A185B8 url( '/grp/tarot/tarot-detailbox-small.png' ) center top no-repeat;
	background-size: 100% 100%;
}

/* 説明用ボックス用タイトル */
.tarot-information-title
{
	margin: 0 auto 20px auto;
	text-align: center;
}

.tarot-power
{
	margin: 0 0 14px 0;
	text-align: center;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #FFD976;
}

.tarot-minus
{
	margin: 0px 0 14px 0;
	text-align: center;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #99D2EA;
}

.tarot-collection-frame
{
	margin: 0 auto 0 auto;
	padding: 10px 0px 80px 14px;
	border-radius: 10px;
	background: #5E4771 url( '/grp/tarot/tarot-collectionbox-bottom.png' ) center bottom no-repeat;
	background-size: 100% auto;
}

.tarot-collection-blank,
.tarot-collection-box
{
	float: left;
	width: 100px;
	height: 154px;
	margin: 10px 5px 0px 5px;
	padding: 10px 0px 0px 0px;
	border-radius: 10px;
	background-color: #CBB4DD;	/* 紫 */
	text-align: center;
}
.tarot-collection-blank
{
	opacity: 0;
}

.tarot-detail-spec-box
{
	width: 600px;
	margin: 10px auto 10px auto;
	padding: 10px 40px 10px 40px;
	border-radius: 10px;
	background-color: #5E4771;
	color: #ffffff;
	*text-align: center;
	font-size: 16px;
	line-height: 20px;
}

.tarot-detail-spec-spec
{
	float: left;
	width: 260px;
	height: 30px;
	text-align: left;
	color: #ffffff;
	font-size: 24px;
	line-height: 24px;
}

.tarot-detail-spec-detail
{
	width: 100%;
	margin: 10px 0 10px auto;
	line-height: 28px;
}

.tarot-detail-color-frame
{
	width: 600px;
	margin: 0px auto 0px auto;
	*text-align: left;
}

.tarot-detail-color-box
{
	float: left;
	width: 140px;
	height: 184px;
	height: 196px;
	margin: 10px 5px 0px 5px;
	padding: 10px 0px 0px 0px;
	border-radius: 10px;
	background-color: #E5D7B7;
	text-align: center;
}



/**************************************************************************************************/
/* ■sc_ranking ランキングページ用 */
/**************************************************************************************************/

.rankdataname-frame,
.rankdata-frame
{
	margin: 0 auto 4px auto;
	border-collapse: separate;	/* セルの間隔を空ける */
	border-spacing: 4px 0;		/* 左右 上下で記述 */
	/* 20220309 */
	line-height: 16px;
}
.rankdataname-frame
{
	color: #ffffff;
}

.rankdata-blank-add,
.rankdata-blank-esper,
.rankdata-blank
{
	/*width: 72px;*/
	width: 100px;
	display: table-cell;
}
.rankdata-blank-esper
{
	width: 60px;
}
.rankdata-blank-add
{
	width: 10px;
}

.rankdata-avatar
{
	width: 40px;
	height: 40px;
	margin: 0;
	display: table-cell;
}
a.rankdata-avatar-name
{
	font-weight: normal;
	/*
	color:#6F4D9E;
	color: #286EA4;
	*/
}
img.rankdata-avatar-image
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.rankdata-momo-team,
.rankdata-momo-level,
.rankdata-count,
.rankdata-cloth,
.rankdata-add,
.rankdata-date,
.rankdata-score,
.rankdata-score-kotonoha,
.rankdata-name,
.rankdata-name-avatar,
.rankdata-name-kotonoha,
.rankdata-name-avatar-kotonoha,
.rankdata-ranktop3,
.rankdata-ranktop10,
.rankdata-rank
{
	width: 80px;
	height: 24px;
	padding: 0 10px 0 0;
	border-radius: 4px;
	background-color: #E5D7B7;
	display: table-cell;
	vertical-align: middle;
	color: #fff2d4;
	text-align: right;
}
.rankdata-ranktop3
{
	height: 40px;
	/* 20220714 */
	height: 60px;
	background-color: #645B8C;	/* 紫 */
}
.rankdata-ranktop10
{
	height: 40px;
	/* 20220714 */
	height: 50px;
	background-color: #BF4C4C;	/* 赤 */
}
.rankdata-name
{
	width: 210px;
	color: #000000;
}
.rankdata-name-kotonoha
{
	width: 310px;
	width: 230px;
	width: 260px;
	color: #000000;
}
.rankdata-name-avatar-kotonoha,
.rankdata-name-avatar
{
	width: 210px;
	height: 40px;
	color: #000000;
	vertical-align: middle;
	position: relative;
}
.rankdata-name-avatar-kotonoha
{
	width: 310px;
	width: 230px;
	width: 260px;
}
.rankdata-score
{
	width: 90px;
	padding: 0 10px 0 0;
	text-align: right;
	color: #000000;
}
.rankdata-score-kotonoha
{
	width: 150px;
	width: 120px;
	padding: 0 10px 0 0;
	text-align: right;
	color: #000000;
}
.rankdata-date
{
	width: 80px;
	padding: 0 0 0 0px;
	text-align: center;
	color: #000000;
}
.rankdata-add
{
	width: 140px;
	padding: 0;
	text-align: center;
	color: #000000;
}
.rankdata-count
{
	width: 80px;
	padding: 0;
	text-align: center;
	color: #000000;
}
.rankdata-cloth
{
	width: 60px;
	padding: 0;
	background-color: #BF4C4C;	/* 赤 */
	text-align: center;
	color: #000000;
}
.rankdata-momo-level
{
	width: 60px;
	padding: 0;
	text-align: center;
	color: #000000;
}
.rankdata-momo-team
{
	width: 120px;
	padding: 0;
	text-align: center;
	color: #000000;
}


.rankcountry-frame
{
	margin: 0 auto 4px auto;
	border-collapse: separate;	/* セルの間隔を空ける */
	border-spacing: 4px 0;		/* 左右 上下で記述 */
}

.rankcountry-score,
.rankcountry-name,
.rankcountry-cloth
{
	width: 40px;
	height: 24px;
	border-radius: 4px;
	background-color: #E5D7B7;
	background-color: #BF4C4C;	/* 赤 */
	display: table-cell;
	vertical-align: middle;
	color: #fff2d4;
	text-align: center;
}
.rankcountry-name
{
	width: 160px;
	padding: 0 0 0 10px;
	color: #ffffff;
	text-align: left;
}
.rankcountry-score
{
	width: 440px;
	padding: 0 0 0 10px;
	color: #ffffff;
	text-align: left;
}



/**************************************************************************************************/
/* ■sc_school 学校教材ページ用 */
/**************************************************************************************************/

.studentlist-subtitle,
.studentlist-frame
{
	margin: 0 auto 4px auto;
	border-collapse: separate;	/* セルの間隔を空ける */
	border-spacing: 4px 0;		/* 左右 上下で記述 */
	color: #000000;
}
.studentlist-subtitle
{
	color: #ffffff;
}

.studentlist-blank
{
	width: 72px;
	display: table-cell;
}

.studentlist-count,
.studentlist-cloth,
.studentlist-add,
.studentlist-gid,
.studentlist-password,
.studentlist-change,
.studentlist-debby,
.studentlist-date,
.studentlist-score,
.studentlist-name,
.studentlist-name-avatar,
.studentlist-ranktop3,
.studentlist-ranktop10,
.studentlist-rank
{
	width: 120px;
	height: 24px;
	/*margin: 10px 10px 0px 0px;*/
	padding: 0 10px 0 0;
	border-radius: 4px;
	background-color: #E5D7B7;
	color: #000000;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.studentlist-name
{
	width: 130px;
}

.studentlist-password
{
	width: 130px;
}

.studentlist-debby
{
	width: 70px;
}

.studentlist-change
{
	width: 90px;
}



/**************************************************************************************************/
/* ■sc_admin 管理ページ用 */
/**************************************************************************************************/

.adminlog-frame
{
	margin: 0 auto 4px auto;
	border-collapse: separate;	/* セルの間隔を空ける */
	border-spacing: 4px 0;		/* 左右 上下で記述 */
}

.adminlog-70,
.adminlog-200,
.adminlog-300,
.adminlog-40
{
	width: 40px;
	height: 20px;
	margin: 0;
	padding: 0;
	border-radius: 4px;
	background-color: #E5D7B7;
	display: table-cell;
	vertical-align: middle;
	color: #000000;
	text-align: center;
}
.adminlog-70
{
	width: 70px;
}
.adminlog-200
{
	width: 200px;
	text-align: left;
}
.adminlog-300
{
	width: 300px;
	text-align: left;
}

a.adminlog-simplelink
{
	color: #000000;
	font-weight: normal;
}


/**************************************************************************************************/
/* ■sc_table */
/**************************************************************************************************/

table.cTMain760	{
	background-color : #FFF2D4;
	width : 760;
	line-height: 16px;
}

table.cTMain620	{
	background-color : #FFF2D4;
	width : 620;
	line-height: 16px;
}

table.cTMain	{
	background-color : #FFF3D6;
	width : 630;
}

table.cTSub	{
	background-color : #FFF3D6;
	width : 500;
}

table.cTTNew {
	background-color : #FFE3A5;
	width : 560;
}

table.cTBox {
	background-color : #FFE3A5;
	width : 560;
}

table.cTLetter {
	background-color : #739629;
	width : 500;
}

table.cTLetterIn {
	width : 460;
	color : #ffffff;
}


table.cTMsgBox {
	width : 540;
}


td			{
	font-size : 12px;
}

td.cTDLetter {
	background-color : #C5D4A7;
}

td.cTDMainBorder {
	background-color : #D4B561;
}


/**************************************************************************************************/
/* ■sc_social ソーシャル系 */
/**************************************************************************************************/

div.social-share-title
{
	width: 100%;
	background-color: #0080c0;
	background-color: #4C6D9C;	/* 青 */
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #B86595;	/* ピンク */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #BF4C4C;	/* 赤 */
	margin: 6px auto;
	padding: 12px auto;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
	text-align: center;
	color: #ffffff;
}


div.social-share-box
{
	border-radius: 10px;
	width: 280px;
	background-color: #E5D7B7;
	margin: 6px auto;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	color: #ffffff;
}


/* 20220422 socialの名前がカスペルスキーに除外されてしまうので変更 */
div.friend-share-title
{
	width: 100%;
	background-color: #0080c0;
	background-color: #4C6D9C;	/* 青 */
	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #3A84A9;	/* 水色 */
	background-color: #645B8C;	/* 紫 */
	background-color: #B86595;	/* ピンク */
	background-color: #788033;	/* 黄緑 */
	background-color: #604732;	/* 茶色 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #BF4C4C;	/* 赤 */
	margin: 6px auto;
	padding: 12px auto;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
	text-align: center;
	color: #ffffff;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 14px;
	font-size: 16px;
/*	line-height: 20px;*/
}


/* 20220422 socialの名前がカスペルスキーに除外されてしまうので変更 */
div.friend-share-box
{
	border-radius: 10px;
	width: 280px;
	background-color: #E5D7B7;
	background-color: #e3c3c3;
	margin: 6px auto;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	color: #ffffff;
}


div.letter-please-box
{
	border-radius: 10px;
	width: 280px;
	background-color: #E5D7B7;
	margin: 6px auto;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	font-size: 14px;
	color: #000000;
}


div.happy-birthday
{
	z-index: 10001;
	z-index: 101;
	/*
	background-image : url( '/grp/cmn/happy-birthday.png' );
	background-image : url( '/grp/cmn/happy-birthday-test.png' );
	background-repeat : no-repeat;
	background-position : bottom;
	*/
	position: fixed;
	top: 0;
	left: 0;
	width: 720px;
	height: 640px;
	width: 100%;
	height: 740px;
	margin: 0 auto 0 auto;
	margin: 0;
	font-size: 48px;
	font-size: 54px;
	line-height: 64px;
	line-height: 70px;
	font-weight: bold;
	color: #ffffff;
}


div.happy-birthday-message
{
	position: absolute;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}


.happy-birthday-undermarker
{
	text-shadow: #000000 2px 0 4px;
}


img.happy-birthday-image
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	max-width: 800px;
	left: 50%;
	transform: translateX(-50%);
}


img.happy-birthday-left-image
{
	position: absolute;
	bottom: -180px;
	width: 360px;
	left: 0px;
}


img.happy-birthday-right-image
{
	position: absolute;
	bottom: -180px;
	width: 360px;
	right: 0px;
}


.fullscreen-back
{
	z-index: 10000;
	z-index: 100;
	opacity: 1.0;
	background-color: #E397A4;
	width: 100%;
	height: 99999;
	position: fixed;
	top: 0;
	left: 0;
}


img.fullscreen-btn-close
{
	z-index: 10010;
	z-index: 110;
/*	position: fixed;*/
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	width: 100%;
	height: 100%;
}


div.fullscreen-btn-close
{
	z-index: 10010;
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	font-size: 2rem;
	font-weight: bold;
}



/**************************************************************************************************/
/* ■sc_avatar アバター */
/**************************************************************************************************/

.avatar-portrait
{
	z-index: 101;
	position: fixed;
	top: 0;
	left: 0;
	width: 280px;
	height: 460px;
	margin: 0 auto 0 auto;
	font-size: 48px;
}

.avatar-pccontest-portrait
{
	z-index: 101;
	position: fixed;
	top: 0;
	left: 0;
	width: 420px;
	height: 690px;
	margin: 0 auto 0 auto;
	font-size: 48px;
}

.avatar-item-thumbnail
{
	z-index: 101;
	position: fixed;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	margin: 0 auto 0 auto;
	font-size: 48px;
}

.avatar-portrait-name
{
	z-index: 102;
	position: fixed;
	width: 220px;
	/*width: 180px;*/

	border-radius: 15px;
	/*margin-top: 10px;*/
	padding: 5px 7px 5px 7px;
	background-color: #604732;	/* 茶色 */

	background-color: #597D41;	/* 緑 */
	background-color: #4C6D9C;	/* 青 */
	background-color: #645B8C;	/* 紫 */
	background-color: #BF5F19;	/* オレンジ */
	background-color: #E07692;	/* ピンク */
	background-color: #BF4C4C;	/* 赤 */
	background-color: #788033;	/* 黄緑 */
	background-color: #3A84A9;	/* 水色 */


	color: #ffffff;
	font-size: 16px;
	line-height: 16px;
	text-align: center;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 16px;
	line-height: 15px;
}

.avatar-portrait-skill
{
	color: #fff2d4;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
}

.avatar-portrait-btn-close
{
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	font-size: 1rem;
	font-weight: bold;
}

/* 人気！マーカー用 */
.avatar-gamelist-popular
{
	/* 重ねて表示する */
	position: absolute;
	top: -20px;
	right: -10px;
}



/**************************************************************************************************/
/* ■sc_mypage */
/**************************************************************************************************/

.mypage-frame
{
}

.mypage-left
{
	float: left;
	width: 280px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.mypage-right
{
	float: left;
	width: 270px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.mypage-right-box
{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font-size: 1.1em;
	line-height: 1.4em;

	border-radius: 10px;
	background-color: #E5D7B7;
}

.mypage-subtitle
{
	margin: 0 auto 8px auto;
	border-radius: 16px;
	padding: 4px 10px 4px 10px;
	background-color: #b56b79;
	color: #ffffff;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	width: 70%;

	font-family: "titlefont";
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	padding: 2px 10px 4px 10px;
}

.mypage-coordnote-container
{
	float: left;
	width: 33%;
	text-align: center;
}

.mypage-favchara-frame
{
	width: 95%;
	margin: 10px 0 14px 5%;
}

.mypage-favchara-left
{
	float: left;
	width: 35%;
	text-align: left;
}

.mypage-favchara-right
{
	float: left;
	width: 65%;
	text-align: left;
}

.mypage-apptitle-frame
{
	margin-bottom: 10px;
}

.mypage-apptitle-left
{
	float: left;
	width: 20%;
	text-align: center;
}

.mypage-apptitle-right
{
	float: left;
	width: 80%;
	padding-top: 0px;
}

.mypage-item-title
{
	float: left;
	width: 55%;
	padding: 0px 0px 0px 5%;
	text-align: left;
	background: linear-gradient( transparent 70%, #c5b796 0% );
}

.mypage-item-value
{
	float: left;
	width: 45%;
	padding: 0px 0px 0px 5%;
	text-align: left;
}

.favchara-rank-frame
{
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0;
}

.favchara-rank-rank
{
	float: left;
	width: 5%;
}

.favchara-rank-illust
{
	float: left;
	width: 8%;
}

.favchara-rank-name
{
	float: left;
	width: 25%;
}

.favchara-rank-graph
{
	float: left;
	width: 62%;
	padding-top: 10px;
}

.favuser-list-box
{
	float: left;
	margin: 10px;
	text-align: center;
}

img.favuser-list-image
{
}

.favuser-list-name
{
	margin: 4px auto 8px auto;
	border-radius: 16px;
	/*padding: 4px 10px 4px 10px;*/
	background-color: #b56b79;
	color: #ffffff;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	width: 100%;
}

.favuser-list-smallbox
{
	float: left;
	width: 16%;
	margin: 0 0 2% 0.6%;
}

img.favuser-list-smallimage
{
	width: 38px;
	height: 38px;
}

a.abutton-userpresent-disable,
a.abutton-userpresent-material
{
	background-color: #D1D3A0;	/* 薄緑 */
	width: 80%;
	width: 200px;
	color: #2E2306;
	font-size: 16px;
	font-weight: bold;

	padding-left: 0px;
	padding-right: 0px;
}

a.abutton-userpresent-disable
{
	background-color: #a0a0a0;
}


/**************************************************************************************************/
/* ■sc_background */
/**************************************************************************************************/

.background-none
{
	background: none;
}
.background-color-none
{
	background-color: none;
}
.background-color-white,
a.background-color-white
{
	background-color: #ffffff;
}
.background-color-black,
a.background-color-black
{
	background-color: #000000;
}
.background-color-palebrown,
a.background-color-palebrown
{
	background-color: #E5D7B7;
}
.background-color-chicbrown,
a.background-color-chicbrown
{
	background-color: #b4a277;
}
.background-color-green,
a.background-color-green
{
	background-color: #597D41;	/* 緑 */
}
.background-color-blue,
a.background-color-blue
{
	background-color: #4C6D9C;	/* 青 */
}
.background-color-skyblue,
a.background-color-skyblue
{
	background-color: #3A84A9;	/* 水色 */
}
.background-color-purple,
a.background-color-purple
{
	background-color: #645B8C;	/* 紫 */
}
.background-color-palepurple,
a.background-color-palepurple
{
	background-color: #c7bed3;	/* 薄紫 */
}
.background-color-orange,
a.background-color-orange
{
	background-color: #BF5F19;	/* オレンジ */
}
.background-color-pink,
a.background-color-pink
{
	background-color: #E07692;	/* ピンク */
}
.background-color-palepink,
a.background-color-palepink
{
	background-color: #e0a7b2	/* 薄ピンク */
}
.background-color-red,
a.background-color-red
{
	background-color: #BF4C4C;	/* 赤 */
}
.background-color-lightgreen,
a.background-color-lightgreen
{
	background-color: #788033;	/* 黄緑 */
}
.background-color-palegreen,
a.background-color-palegreen
{
	background-color: #D1D3A0;	/* 薄緑 */
}
.background-color-brown,
a.background-color-brown
{
	background-color: #604732;	/* 茶色 */
}
.background-color-silver,
a.background-color-silver
{
	background-color: #B3B3B3;
}
.background-color-gold,
a.background-color-gold
{
	background-color: #BFB279;
}



/**************************************************************************************************/
/* ■sc_color */
/**************************************************************************************************/

.color-none
{
	color: none;
}
.color-white
{
	color: #ffffff;
}
.color-black
{
	color: #000000;
}
.color-palebrown
{
	color: #E5D7B7;
}
.color-chicbrown
{
	color: #b4a277;
}
.color-green
{
	color: #597D41;	/* 緑 */
}
.color-blue
{
	color: #4C6D9C;	/* 青 */
}
.color-skyblue
{
	color: #3A84A9;	/* 水色 */
}
.color-purple
{
	color: #645B8C;	/* 紫 */
}
.color-orange
{
	color: #BF5F19;	/* オレンジ */
}
.color-pink
{
	color: #E07692;	/* ピンク */
}
.color-palepink
{
	color: #e0a7b2	/* 薄ピンク */
}
.color-red
{
	color: #BF4C4C;	/* 赤 */
}
.color-lightgreen
{
	color: #788033;	/* 黄緑 */
}
.color-palegreen
{
	color: #D1D3A0;	/* 薄緑 */
}
.color-brown
{
	color: #604732;	/* 茶色 */
}
.color-silver
{
	color: #B3B3B3;
}
.color-gold
{
	color: #BFB279;
}



/**************************************************************************************************/
/* ■sc_width */
/**************************************************************************************************/

.width680
{
	width: 680px;
}
.width640
{
	width: 640px;
}
.width600
{
	width: 600px;
}
.width540
{
	width: 540px;
}
.width500
{
	width: 500px;
}
.width400
{
	width: 400px;
}
.width300
{
	width: 300px;
}
.width200
{
	width: 200px;
}
.width170
{
	width: 170px;
}
.width160
{
	width: 160px;
}
.width150
{
	width: 150px;
}
.width100
{
	width: 100px;
}
.width50
{
	width: 50px;
}
.width40
{
	width: 40px;
}
.width30
{
	width: 30px;
}
.width20
{
	width: 10px;
}
.width10
{
	width: 10px;
}
.width5
{
	width: 5px;
}

.width5per
{
	width: 5%;
}
.width10per
{
	width: 10%;
}
.width15per
{
	width: 15%;
}
.width20per
{
	width: 20%;
}
.width30per
{
	width: 30%;
}
.width33per
{
	width: 33%;
}
.width40per
{
	width: 40%;
}
.width50per
{
	width: 50%;
}
.width60per
{
	width: 60%;
}
.width70per
{
	width: 70%;
}
.width80per
{
	width: 80%;
}
.width85per
{
	width: 85%;
}
.width90per
{
	width: 90%;
}
.width95per
{
	width: 95%;
}
.width100per
{
	width: 100%;
}
.widthauto
{
	width: auto;
}


/**************************************************************************************************/
/* ■sc_height */
/**************************************************************************************************/

.height100
{
	height: 100px;
}
.height150
{
	height: 150px;
}
.height200
{
	height: 200px;
}
.height10
{
	height: 10px;
}
.height-auto
{
	height: auto;
}
.height100per
{
	height: 100%;
}



/**************************************************************************************************/
/* ■sc_radius */
/**************************************************************************************************/

.borderradius1
{
	border-radius: 1px;
}
.borderradius2
{
	border-radius: 2px;
}
.borderradius5
{
	border-radius: 5px;
}
.borderradius10
{
	border-radius: 10px;
}
.borderradius15
{
	border-radius: 15px;
}
.borderradius20
{
	border-radius: 20px;
}


/**************************************************************************************************/
/* ■sc_alpha */
/**************************************************************************************************/

.alpha90
{
	filter: alpha( opacity=90 );
	opacity: 0.9;
}
.alpha80
{
	filter: alpha( opacity=80 );
	opacity: 0.8;
}
.alpha70
{
	filter: alpha( opacity=70 );
	opacity: 0.7;
}
.alpha60
{
	filter: alpha( opacity=60 );
	opacity: 0.6;
}
.alpha50
{
	filter: alpha( opacity=50 );
	opacity: 0.5;
}
.alpha40
{
	filter: alpha( opacity=40 );
	opacity: 0.4;
}
.alpha30
{
	filter: alpha( opacity=30 );
	opacity: 0.3;
}
.alpha20
{
	filter: alpha( opacity=20 );
	opacity: 0.2;
}
.alpha10
{
	filter: alpha( opacity=10 );
	opacity: 0.1;
}


/**************************************************************************************************/
/* ■sc_padding */
/**************************************************************************************************/

.padding20
{
	padding: 20px;
}

a.padding10,
.padding10
{
	padding: 10px;
}

a.padding5,
.padding5
{
	padding: 5px;
}

a.padding0,
.padding0
{
	padding: 0;
}

a.padding-topbottom0,
.padding-topbottom0
{
	padding-top: 0;
	padding-bottom: 0;
}

a.padding-side0,
.padding-side0
{
	padding-left: 0;
	padding-right: 0;
}

a.padding-side10,
.padding-side10
{
	padding-left: 10px;
	padding-right: 10px;
}

a.padding-left10,
.padding-left10
{
	padding-left: 10px;
}

a.padding-left20,
.padding-left20
{
	padding-left: 20px;
}

a.padding-left30,
.padding-left30
{
	padding-left: 30px;
}

a.padding-left40,
.padding-left40
{
	padding-left: 40px;
}

a.padding-left50,
.padding-left50
{
	padding-left: 50px;
}

a.padding-right10,
.padding-right10
{
	padding-left: 10px;
}

a.padding-right20,
.padding-right20
{
	padding-left: 20px;
}

.bottom-space20
{
	padding-bottom: 20px;
}


/**************************************************************************************************/
/* ■sc_margin */
/**************************************************************************************************/

.margin0
{
	margin: 0;
}
.margin1
{
	margin: 1px;
}
.margin2
{
	margin: 2px;
}
.margin5
{
	margin: 5px;
}
.margin10
{
	margin: 10px;
}
.margin-top0
{
	margin-top: 0px;
}
.margin-top5
{
	margin-top: 5px;
}
.margin-top10
{
	margin-top: 10px;
}
.margin-top20
{
	margin-top: 20px;
}

.margin-bottom10
{
	margin-bottom: 10px;
}

.margin-center
{
	margin-left: auto;
	margin-right: auto;
}

.margin-rightside
{
	margin-left: auto;
	margin-right: 0px;
}



/**************************************************************************************************/
/* ■sc_font */
/**************************************************************************************************/

.color-black
{
	color: #000000;
}
.color-white
{
	color: #ffffff;
}
.color-blue
{
	color: #4C6D9C;	/* 青 */
}
.color-red
{
	color: #BF4C4C;	/* 赤 */
}

.font-bold
{
	font-weight: bold;
}

a.font-title,
.font-title
{
	font-family: "titlefont";
	font-weight: normal;
}

a.font-8px,
.font-8px
{
	font-size: 8px;
}

a.font-9px,
.font-9px
{
	font-size: 9px;
}

a.font-10px,
.font-10px
{
	font-size: 10px;
}

a.font-11px,
.font-11px
{
	font-size: 11px;
}

a.font-12px,
.font-12px
{
	font-size: 12px;
}

a.font-13px,
.font-13px
{
	font-size: 13px;
}

a.font-14px,
.font-14px
{
	font-size: 14px;
}

a.font-16px,
.font-16px
{
	font-size: 16px;
}

a.font-18px,
.font-18px
{
	font-size: 18px;
}

a.font-20px,
.font-20px
{
	font-size: 20px;
}

a.font-22px,
.font-22px
{
	font-size: 22px;
}

a.font-24px,
.font-24px
{
	font-size: 24px;
}

a.font-36px,
.font-36px
{
	font-size: 36px;
}


/**************************************************************************************************/
/* ■sc_lineheight */
/**************************************************************************************************/

a.lineheight-10px,
.lineheight-10px
{
	line-height: 10px;
}

a.lineheight-12px,
.lineheight-12px
{
	line-height: 12px;
}

a.lineheight-14px,
.lineheight-14px
{
	line-height: 14px;
}

a.lineheight-16px,
.lineheight-16px
{
	line-height: 16px;
}

a.lineheight-18px,
.lineheight-18px
{
	line-height: 18px;
}

a.lineheight-24px,
.lineheight-24px
{
	line-height: 24px;
}

a.lineheight-28px,
.lineheight-28px
{
	line-height: 28px;
}

a.lineheight-32px,
.lineheight-32px
{
	line-height: 32px;
}



/**************************************************************************************************/
/* ■sc_table テーブル系 高さが隣の一番長いセルと共通になるので便利 */
/**************************************************************************************************/

/* テーブルセル */
.table
{
	display: table;
	width: 100%;
}


/* テーブルセル */
.tablecell
{
	display: table-cell;
}


.flex-center
{
	display:flex;
	justify-content: center;
}



/**************************************************************************************************/
/* ■sc_position 位置系 */
/**************************************************************************************************/

/* 上下位置の天井 */
.verticalalign-top
{
	vertical-align:	top;
}

/* 上下位置の真ん中 */
.verticalalign-middle
{
	vertical-align:	middle;
}

/* 上下位置の底 */
.verticalalign-bottom
{
	vertical-align:	bottom;
}

/* 親要素に重ねるための宣言 */
.position-absolute
{
	position: absolute;
}

/* 子要素を重ねるための宣言 */
.position-relative
{
	position: relative;
}

/* 位置固定 */
.position-fixed
{
	position: fixed;
}



/**************************************************************************************************/
/* ■sc_marker マーカー系 */
/**************************************************************************************************/

.undermarker-yellow,
.undermarker
{
	background: linear-gradient( transparent 60%, #fedb1c 60% );
}

.undermarker-yellow-full,
.undermarker-full
{
	background: linear-gradient( transparent 10%, #fedb1c 0% );
}


.undermarker-orange
{
	background: linear-gradient( transparent 60%, #ffb644 60% );
}

.undermarker-pink
{
	background: linear-gradient( transparent 70%, #ffb0bb 70% );
}

.undermarker-pink-full
{
	background: linear-gradient( transparent 10%, #ffb0bb 0% );
}

.undermarker-sky
{
	background: linear-gradient( transparent 60%, #b9d9f2 60% );
}

.undermarker-green
{
	background: linear-gradient( transparent 60%, #b4e997 60% );
}

.undermarker-purple
{
	background: linear-gradient( transparent 60%, #eabef5 60% );
}



/**************************************************************************************************/
/* ■sc_parts パーツ系 */
/**************************************************************************************************/

/* 影 */
.dropshadow1px-hover-bright105,
.dropshadow1px-hover-bright110,
.dropshadow1px
{
    -webkit-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) );
    -moz-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) );
    -o-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) );
    -ms-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) );
    filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) );
}

.dropshadow1px-hover-bright110:hover
{
	filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.1 );
	-webkit-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.1 );
	-moz-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.1 );
	-o-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.1 );
	-ms-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.1 );
}

.dropshadow1px-hover-bright105:hover
{
	filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.05 );
	-webkit-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.05 );
	-moz-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.05 );
	-o-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.05 );
	-ms-filter: drop-shadow( 1px 1px 1px rgba(0,0,0,1.0) ) brightness( 1.05 );
}

.dropshadow2px
{
    -webkit-filter: drop-shadow( 2px 2px 2px rgba(0,0,0,1.0) );
    -moz-filter: drop-shadow( 2px 2px 2px rgba(0,0,0,1.0) );
    -o-filter: drop-shadow( 2px 2px 2px rgba(0,0,0,1.0) );
    -ms-filter: drop-shadow( 2px 2px 2px rgba(0,0,0,1.0) );
    filter: drop-shadow( 2px 2px 2px rgba(0,0,0,1.0) );
}

/* 実験 */
.momo-guid,
.momo-password
{
	position: relative;
	bottom: 340px;
	left: 460px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	width: 160px;
	border: 0;
	padding: 8px;
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #000000;
	margin: 0 0 0px;
}

.momo-password
{
	bottom: 320px;
}

.momo-input
{
	width: 100%;
	background-color: #604732;	/* 茶色 */
}

.momo-input2
{
	margin-top: 10px;
	width: 100%;
	background-color: #788033;	/* 黄緑 */
}


#wrap
{
	width: 100%;
	height: 100%;
}


#MainCanvas
{
	diplay: block;
}


.blinking {
	-webkit-animation:blink 0.9s infinite alternate;
	-moz-animation:blink 0.9s infinite alternate;
	animation:blink 0.9s infinite alternate;
	animation-iteration-count: 10;
}
@-webkit-keyframes blink {
	0% {opacity:0;}
	49% {opacity:0;}
	51% {opacity:1;}
	100% {opacity:1;}
}
@-moz-keyframes blink {
	0% {opacity:0;}
	49% {opacity:0;}
	51% {opacity:1;}
	100% {opacity:1;}
}
@keyframes blink {
	0% {opacity:0;}
	49% {opacity:0;}
	51% {opacity:1;}
	100% {opacity:1;}
}