@charset "UTF-8";
/* CSS Document */
/*****************************
　Default
******************************/
* {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:not(input, textarea){
	-webkit-user-select: none;
}

body {
/* 	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; */
    line-height: 1.3em;
    font-weight: normal;
	background: #8F1D22;
	-webkit-text-size-adjust: 100%;
	margin: 0 auto;
	width: 100%;
}

p {
	font-size: 0.65em;
	font-weight: bold;
}

a {
    color: #F99F1D;
    outline: none;
    text-decoration: none;
	border-style:none;
	outline:none;
}

    a:hover {
        color: #F99F1D;
		 text-decoration: underline;
		border-style:none;
		outline:none;
    }
	
	a:visited {
		color: #F99F1D;
		border-style:none;
		outline:none;
		}

a.linkColorblack {
    color: #000;
    outline: none;
    text-decoration: underline;
	border-style:none;
	outline:none;	
}

    a.linkColorblack:hover {
        color: #000;
		 text-decoration: underline;
    }
	
	a.linkColorblack:visited {
		color: #000;
		text-decoration: underline;
		}

/*****************************
　Common
******************************/	
#container {
	width: 100%;
	overflow: visible;
	text-align: center;
/* 	display: none; */
	position: relative;
}

.mainBox {
	border: 2px #000 solid;
	
	background: #B7D100;
	padding: 10px;
	margin: 0 auto; 
	max-width: 640px;
	
	overflow: hidden;
}

.mainBox2 {
	border: 2px #000 solid;
	
	background: #B7D100;
	padding: 10px;
	margin: 0 auto; 
	max-width: 640px;
	
	overflow: hidden;
}

	.boder {
		clear: both;
		max-width: 640px;
	    background: #8F1D22;
	    overflow: hidden;
	    padding: 0 10px;
	}
	
.warning {
	color: red;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.floatclear {
	clear: both;
}

.clearfix {
  height: 1px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.center {
	margin: 0 auto;
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.link {
	cursor: pointer;
}

.clear {
	clear: both;
}

.headerDummy {
	max-width: 640px;
	position: relative;
}

		.menuBtnDummy {
			width: 40px;
			margin: 0 15px 0 10px;
		}

	.headerDummy img.mainLogoDummy {
		max-width: 430px;
		margin: 15px 20px;
	}

.topLogo {
	position: absolute;
	text-align: left;
}

	.topLogo img.mainLogo {
		max-width: 430px;
		margin: 15px 20px;
	}

.widebtn img {
	max-width: 100%;
	cursor: pointer;
}

img.widebtn {
	width: 100%;
	cursor: pointer;
}

.widelowerBtn img {
	max-width: 100%;
	cursor: pointer;
	position: relative;
	z-index: 10px;
}

#socialBtn {
	text-align: center;
	margin: 20px auto 0 auto;
	width: 260px;
}

	.fb-like {
		float: left !important;
		height: 22px;
		width: 72px;
		overflow: hidden;
	}
	
	.fb-like span {
		margin-top: 2px;
		width: 97px;
	}
	
	.fbButton {
		height: 22px;
		overflow: hidden;
	}
	
	._51m- {
		display: none !important;
	}
	
	.pluginCountButton {
		display: none !important;
	}
	
	.pluginCountButtonNub {
		display: none !important;
	}
	
	#twitter-widget-0 {
		margin-left: 10px;
		margin-top: 2px;
		float: left;
	}
	
	.lineButton a img {
		margin-top: 2px;
		height: 21px !important;
	}

#copyright {
	text-align: center;
	color: #F99F1D;
}
	
	#copyright p {
		font-size: 0.5em;
		margin: 10px 0;
	}

.gototopBtn {
	border-top: 1px solid #fff;
	margin-top: 10px;
	margin-bottom: -10px;
}

	.gototopBtn img{
		max-width: 100%;
		margin-bottom: -4px;
	}

.logoutBtn {
	border-top: 1px solid #fff;
	margin-top: 10px;
	margin-bottom: -10px;
}

	.logoutBtn img{
		max-width: 100%;
		margin-bottom: -4px;
	}

#pageLink {
	text-align: center;
	color: #F99F1D;
}

	#pageLink p {
		font-size: 0.5em;
		margin: 10px 0;
	}
	
	.crImg {
		padding-left: 5px;
		padding-right: 7px;
	}
	
	
.likeandfollowBox {
	position: relative;	
}

.followBoxpadding {
	position: relative;
	max-width: 95%;
	margin: 0 auto;
}

		.likeandfollow {
			position: absolute;
			bottom: 12%;
			left: 12%;
		}
		
		.likeandfollow2 {
			position: absolute;
			bottom: 3%;
			left: 12%;
		}

			.likeandfollow p {
				float: left;
			}
			
			.likeandfollow2 p {
				float: left;
			}

			.likeandfollowBtn {
				max-width: 100%;
			}
			
			.likeandfollowfbButton {
			}
			
			.twitter-follow-button {
				margin-top: 0;
				margin-left: 10px
			}


/* Menu Botton */
.menuhelpButton {
	text-align: right;
}

.menuhelpButton div {
	float: right;
}
	#menuBtn {
		max-width: 50%;
		margin: 0 0 0 10px;
	}
	
	#helpBtn {
		width: 40px;
		position: absolute;
		bottom : -5px;
		left: 0;
	}
/*
	#menuBtn {
		text-align: right;
		margin: 0 15px 3px 0;
		cursor: pointer;
	}
	
		#menuBtn img {
			max-width: 50px;
		}
*/

/* Top & Beer */	
.contentsBox {
	position: relative;
}

	.shakaHelpImg {
		clear: both;
		position: absolute;
		margin: 95px 0 0 30px;
		z-index: 20;
	}

/* btnMenu */
.btnMenu {
	position: relative;
	max-width: 640px;
	height: auto;
}

/* footer */
.footer {
	border-top: 1px solid #fff;
	margin-top: 10px;
}


/*****************************
　index.html
******************************/

#indexBox {
	margin-top: 10px;
}

	#indexBox div.mainBox {
		background: #B7D100 url(../images/001_mainbg.png) no-repeat ;
		background-size: contain;
	}
	
	.mainBeergirl {
		max-width: 45%;
		float: right;
		margin-top: 50px;
	}
	
	#indexBox div.mainBox2 {
		background: #B7D100 url(../images/011_mainbg.png) no-repeat ;
		background-size: contain;
	}
	
	.mainBeergirl2 {
		max-width: 45%;
		float: right;
		margin-top: 68px;
		margin-bottom: 10px;
	}

	.indexLogo img.mainLogo {
		max-width: 90%;
		margin-top: 10px;
	}
	
	.mainText {
		max-width: 100%;
	}
	
	.snsSharebtn {
		margin: 10px 0;
	}
	
		.snsSharebtn img {
			padding: 3px 0;
		}
	
	.fbortwnotesText {
		max-width: 90%;
		margin: -5px auto 15px auto; 
	}
				
	#sharecampaignBox {
		position: relative;
		display: none;
	}
	
	.sharecampaigndummy {
		margin-top: 55px;
		padding-bottom: 15px;
	}
		
	.sharecampaignBtn {
		position: absolute;
		max-width: 50%;
		left: 25%;
		bottom: 21%;
		z-index: 10;
	}
	
/*****************************
　top.html
******************************/	
.passget {
	margin-top: 10px;
}

	.passget div.mainBoxs {
		background: #B7D100 url(../images/001_mainbg.png) no-repeat ;
		background-size: contain;
	}

/* 初めての入場パス */
#firstPassget {
	display: none;
}

	#firstPassget div.passGet p img {
		max-width: 90%;
		margin: 10px 0 10px 0;
	}

/* 2回目以降の入場パス */
#secondPassget {
	display: none;
}

	#secondPassget div.passGet img {
		max-width: 90%;
		margin-top: 10px;
		margin: 30px 0 150px 0;
	}

/* 年齢確認 */
#ageLimit {
	display: none;
}

	.howoldText {
		max-width: 80%;
		padding: 30px 0px 20px 0px;
	}

	.ladyBtn {
		margin-bottom: 30px;
		text-align: center;
		width: 100%;
	}
	
		.ladybtnUnder {	
			display: inline-block;
			max-width: 40%;
		}
	
			.ladybtnUnder img {
				max-width: 100%;
			}
			
		.ladybtnOver {
			display: inline-block;
			max-width: 40%;
		}	
	
			.ladybtnOver img {
				max-width: 100%;
			}

/* ビールを手に入れた！ */
#gettheBeer {
	display: none;
}

/* サイダーを手に入れた！ */
#gettheCider {
	display: none;
}

	.drinkGet {
		max-width: 80%;
		margin: 50px 0;
	}

/* メインページ */
#mainPage {
	/* display: none; */
}

#header {
	max-width: 640px;
	position: relative;
}

.marquee {
	background: #000;
	height: 28px;
	margin: -10px;
	padding-top: 4px;
	
	color: #F99F1D;
	font-size: 0.8em;
}

.topMaintext {
	margin-top: 20px;
	max-width: 100%;
}

div.totalPanel {
	max-width: 640px;
	text-align: center;
	margin-bottom: 3px;
}

	div.totalPanel img {
		display: inline-block;
		text-align: center;
		margin: 0 -2px;
	}

/* #contentsBox relative*/

	.stadiumBg1 {
		max-width: 110%;
		margin: -20px -13px -13px -13px;
	}
	
	.stadiumBg2 {
		max-width: 110%;
		margin: 30px -13px -13px -13px;
	}


	.minishareBtn {
		position: relative;
		z-index: 10;
		text-align: left;
		max-width: 640px;
		padding-left: 10px;
		margin-top: 15px;
	}
	
		.minishareBtn img {
			max-width: 100%;
		}
	
		.minifbshareBtn{
			float: left;
			margin-right: 10px;
		}

#shakadetailBtn {
	position: relative;
}
	
	.nowrank {
		position: absolute;
		max-width: 50%;
		bottom: 80%;
		left: 44%;
		z-index: 30;
	}
	
	.nextrankBtn {
		background: url(../images/002_btn_nextrankbg.png) no-repeat #000;
		background-size: contain;
		background-position: right top;
		height: auto;
		max-width: 100%;
		text-align: left;
		padding: 9px 0 0 10px;
		margin-top: 10px;
	}
	
		img.nextrankText1 {
			float: left;
			margin-right: 3px;
		}
		
		.totalnextImg img {
			margin-right: -7px;
		}
	
	.announcementdateBtn {
		background-size: contain;
		background-position: right top;
		max-height: auto;
		max-width: 100%;
		text-align: left;
		margin-top: 10px;
	}

.supportBalloonBox {
	max-width: 640px;
}
	
	.supportBalloonBox img {
		max-width: 100%;
	}

	.supportBalloon1 {
		position: absolute;
		left: 0;
		bottom: 45%;
		z-index: 20;
	}
	
	.supportBalloon2 {
		position: absolute;
		right: 0;
		bottom: 30%;
		z-index: 20;
	}
	
	.supportBalloon3 {
		position: absolute;
		left: 0;
		bottom: 5%;
		z-index: 20;
	}
	
.airshipAnime {
	max-width: 640px;
}

	.airshipAnime img {
		max-width: 100%;
		margin-top: 60px;
	}
	
	#airshiprightImg {
		position: absolute;
		left: -256px;
		max-width: 20%;
	}

.helicopterAnime1 {
	max-width: 640px;
}

	.helicopterAnime img {
		max-width: 100%;
	}
	
	#helicopterAnimeImg1 {
		position: absolute;
		left: -20%;
		top: 42%;
		max-width: 13%;
	}

.helicopterAnime2 {
	max-width: 640px;
}

	.helicopterAnime2 img {
		max-width: 100%;
	}
	
	#helicopterAnimeImg2 {
		position: absolute;
		right: -20%;
		top: 63%;
		max-width: 13%;
	}
	
.pagecentarBtn {
	position: relative;
	max-width: 640px;
}

	.rakutensaleBtn {
		position: relative;
		z-index: 10;
		margin-top: 20%;
		left: 0;
		max-width: 97%;
	}

	#socialbeerfightBtn {
		position: absolute;
		z-index: 20;
		left: 5px;
		max-width: 97%;
		margin: 0 auto;
	}
	
	.rakutensaleImg {
		position: absolute;
		z-index: 30;
		right: 5%;
		top: 35%;
		max-width: 25%;
	}
	
.hanabiAnime1 {
	position: absolute;
	z-index: 10;
	left: -3%;
	top: 38%;
}

	.hanabiAnime1 img {
		max-width: 70%;
	}

.hanabiAnime2 {
	position: absolute;
	z-index: 10;
	right: 5%;
	top: 38%;
}

	.hanabiAnime2 img {
		max-width: 70%;
	}
	
/* メニュー */
#menuBox {
	max-width: 680px;
	position: relative;
	display: none;
}

.menu {
	position: absolute;
	background: #000;
	width: 100%;
	height: auto;
	z-index: 1000;
	top: 0;
}

	#menucloseBtn {
		text-align: right;
		margin: 0 15px 10px 0;
		cursor: pointer;
		float: right;
	}
	
		#menucloseBtn img {
			max-width: 40px;
		}
	
	ul.menu6Btn {
		max-width: 100%;
		max-height: 100%;
	}
	
		ul.menu6Btn li img {
			width: 100%;
			margin-top: -7px;
			max-width: 100%;
			max-height: 100%;
		}


.rakutenLink {
	background: #fff;
	margin-top: -7px;
	padding: 0 15px;
}

	.rakutenLink img {
		margin: 20px 0;
		max-width: 70%;
	}

	.rakutenLink p {
		padding: 10px 0;
	}
	
/* シャカとランクについて */

#aboutSyakaRankPage {
	border: 2px #000 solid;
	background-color: #B6D000;
	padding: 10px;
	margin: 0 auto;
	max-width: 640px;
	text-align: left;
	
	display: none;
}

	.aboutshakarankText {
		margin: 10px 0;
		font-size: 1.2em;
	}
	
	.rankmemoryBox {
		position: relative;
		padding: 15px;
		background: url(../images/002_img_rankmemoryA.png) no-repeat;
		background-position: 0 0;
		background-size: contain;
		max-width: 585px;
		height: 234px;
	}

	.rankmemoryText {
		float: left;
		margin-right: 5px;
	}
	
	.aboutnextrankNumber {
		
	}

		ul.aboutnextrankNumberul {
			z-index: 10;
		}
		
			ul.aboutnextrankNumberul li {
				float: left;
				margin-right: -3px;
			}
		
			ul.aboutnextrankNumberul li img {
				width: 22px;
			}
	
	p.beerShakaanime {
		position: absolute;
		margin-left: 70px;
		margin-top: 60px;
	}
	
	p.beerShakaanime img {
		max-width: 30px;
	}
	
	.nowshakaBtn {
		max-width: 80%;
		margin-bottom: 20px;
	}

/*****************************
　beer.html
******************************/	
#mainPanel {
	position: relative;
	width: 100%;
	height: 380px;
}

#log{
	position: absolute;
	top: 200px;
	left: 0;
	z-index: 100000;
	color: white;
}

#beer {
	position: absolute;
	z-index: 150;
	width: 100px;
}

#explainPanel {
	border: 2px #000 solid;
	background-color: white;
	padding: 10px;
	margin: 0 auto; 
	max-width: 640px;
}

#mainSyakaBtn {
	margin-top: 10px;
}

.bottomBox {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 100;
}

.nowrankmini {
	position: absolute;
	max-width: 30%;
	bottom: 80%;
	left: 44%;
	z-index: 20;
}

/* シャカシャカ - 操作方法 */
#explainPanel {
	display: none;
}

.explainText {
	margin-top: 40px;
}

.explainImg {
	margin-top: 20px;
	max-width: 50%;
}

#enPanelNextBtn {
	margin-top: 30px;
}

/* シャカシャカ - 誰かが助けに */
#helpBox {
	width: 280px;
	height: 280px;
	background: url(../images/003_img_helpyesno.png) no-repeat;
	background-size: contain;
	z-index: 200;
	position: absolute;
	top: 15%;
	left: 0;
}

	#helpBox img {
		margin-top: 170px;
	}

.beerImg {
	max-width: 65%;
}

.totalShaka {
	text-align: center;
}
	
.totalShakaImg img {
	margin: 10px 0 5px -4px;
}
	
.myShakaImg img {
	margin: 10px 0 5px -4px;
}

.beerLimitBox {
	position: absolute;
	text-align: center;
	width: 110px;
	height: 100px;
	bottom: 100px;
	z-index: 500;
	background: url(../images/003_img_hukidashi.png) no-repeat;
	background-position: 0 0;
	background-size: contain;
}

.beerLimitBoxLeft {
	left: 50px;
}

.beerLimitBoxRight {
	right: 50px;
}

.beerLimitNumBox{
    top: 30%;
    width: 100px;
    margin: 30px auto;
}

.beerLimitImg {
	text-align: center;
	max-width: 10px;
	margin-right: -5px;
}

.shakareOpen {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: contain;
	z-index: 200;
	top: 50px;
	left: 0px;
}

/* 選手入場 */
#entrancePanel {
	position: relative;
	bottom: -17px;
	height: 380px;
	display: none;
}

#playerentranceBox {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 30px;
	left: 0px;
}
.playerentranceImg {
	margin-top: 20px;
	max-width: 70%;
}

/* 選手カード画面 */

#cardPanel {
	position: relative;
	bottom: -17px;
	height: 380px;
	display: none;
}

#playerPicBox {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 30px;
	left: 0px;
}

#playerentryTextBox {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 140px;
	left: 0px;
}

#beerstillImgBox {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 15px;
	left: 0px;
}

.nextBtnBox {
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 10px;
	left: 0px;
}

.playerPic img {
	position: relative;
	padding: 10px auto;
	z-index: 150;
	max-width: 50%;
}

.playerentryText img {
	position: relative;
	padding: 10px auto;
	z-index: 160;
	max-width: 80%;
}

.beerstillImg img {
	position: relative;
	padding: 10px auto;
	z-index: 5;
	max-width: 27%;
}

.plaayerentryText {
	position: relative;
	max-width: 65%;
	z-index: 10;
}

.nextBtn img {
	position: relative;
	z-index: 100;
	max-height: 90%;
}
	
	#cardPanelNextBtn {
		max-width: 100%;
	}

.brassbandImg {
	position: absolute;
	z-index: 100;
	bottom: 0px;
	left: 0px;
}

.commentBox {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: contain;
	z-index: 200;
	margin-top: 80px;
}

/* 選手カードしゃか結果画面 */
#cardSyakaGetPanel {
	position: relative;
	text-align: center;
	display: none;
}

div.getshakaBox img.playerPic {
	max-width: 50%;
	text-align: center;
	z-index: 200;
	margin-top: -60px;
}

div.getshakaBox img.getshakaText {
	/*
position: absolute;
	top: 10%;
	left: 40%;
*/
	max-width: 80%;
	z-index: 150;
}

.getshakashareBtn {
	clear: both;
	margin-top: 20px;
	max-height: 250px;
}

/*****************************
　about.html
******************************/	
#about {
	max-width: 640px;
	text-align: left;
}

#about div p {
	font-size: 0.8em;
}

#about div {
	text-align: left;
}

.aboutStudium {
	margin-top: 10px; 
}

.aboutText {
	margin-bottom: 20px;
}

.rankmemoryBox {
	margin-bottom: 0px;
}

.bold {
	font-weight: bold;
}

.liststyleDisc {
	padding-left: 1em;
}

.liststyleDisc li {
	list-style: disc;
	font-size: 0.8em;
	font-weight: bold;
}

/*****************************
　policy.html
******************************/	
#policy {
	max-width: 640px;
	text-align: left;
}

#policy div p {
	font-size: 0.8em;
}

#policy div {
	text-align: left;
}

/*****************************
　summary.html
******************************/	
#summary {
	max-width: 640px;
	text-align: left;
}

#summary div p {
	font-size: 0.8em;
}

#summary div {
	text-align: left;
}

/*****************************
　message.html
******************************/	
.messBrassBand {
	margin-top: 10px;
	margin-bottom: -50px;
}

/*****************************
　congraturations.html
******************************/	
#congPanel {
	position: relative;
	width: 100%;
	height: 438px;
	overflow: visible;
}

.layer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.slayer {
	position: relative;
	margin: 0px auto;
	width: 100%;
	height: 100%;
	text-align: center;
}

img.conDrinkImg {
	position: absolute;
	left: 115px;
	bottom: 50px;
	max-width: 90px;
	z-index: 10;
}

img.bottleCover {
	position: absolute;
	right: 30px;
	bottom: 30px;
	max-width: 30px;
	z-index: 10;
}

.balloonBox {
	max-width: 640px;
}

	.balloonBox img {
		width: 130px;
	}

	.balloon1 {
		position: absolute;
		left: 0;
		bottom: 60%;
		z-index: 20;
	}
	
	.balloon2 {
		position: absolute;
		right: 0;
		bottom: 60%;
		z-index: 20;
	}
	
	.balloon3 {
		position: absolute;
		left: 0;
		bottom: 30%;
		z-index: 20;
	}
	
	.balloon4 {
		position: absolute;
		right: 0;
		bottom: 30%;
		z-index: 20;
	}

.openBox {
	position: absolute;
	width: 100%;
	height: 100%;
/*
	background: url(../images/005_text_beerfight.png) no-repeat;
	background-size: contain;
*/
	z-index: 200;
	top: 0;
}
	
		.openBox img {
			margin-top: 95px;
		}

.couponBox {
	position: absolute;
	width: 80%;
	left: 10%;
	background-size: contain;
	z-index: 200;
}

#couponForm {
	display: none;
}

.shakarecordBtn {
	margin-top: 10px;
	background: #000;
}

#submitPage {
	text-align: left;
	display: none;
}

#submitPage p {
	font-size: 0.75em;
}

.okBtn {
	margin-top: 20px;
}

.submitText ul {
	margin-bottom: 20px;
}

.submitText ul li {
	font-weight: bold;
	color: red;
}

.hubuki {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
	width: 100%;
}

.hubuki img {
	max-width: 100%;
	width: 100%;
}

.hubukiD {
	position: absolute;
	top:0;
	left: 0;
	z-index: 9;
	display: none;
}

.hubukiD img {
	max-width: 100%;
}

.ball {
	position: absolute;
	top:0;
	left: 0;
	z-index: 1000;
	display: none;
}

.ball img {
	max-width: 100%;
}

	
.defaultComment {
	clear: both;
	text-align: left;
	margin: 0 auto;
	max-width: 640px;
	padding: 10px 20px 10px 20px;
}

.beerfight {
	display: none;
	position: absolute;
	top: 20%;
	left: 5%;
	max-width: 90%;
	z-index: 1000;
}

#couponLayer {
	/* display: none; */
}

	.allcommentBox {
		position: absolute;
		z-index: 100;
		
		width: 92%;
		
		margin: 140px auto 0 auto;
		border: #000 solid 2px;
		background: #fff;
		padding: 40px 10px 10px 10px;
		
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
		.commentboxLeft {
			width: 100px;
		    float: left;
		}
		
		.commentboxright {
			float: right;
			width: 57%;
		}
	
			.textBoxfb {
				
			}
			
			span.fbColor {
				color: #3B5699;
			}
			
			.textBoxfb p {
				text-align: left;
			}	
		
			.textBoxtw {
				display: none;
				margin: 0 23px 5px -10px;
			}
			
			.textBoxtw p {
				text-align: left;
				margin-left: 10px;
			}
			
			.commentboxright div {
			}
	
		.textAreafb {
			height: 50px !important;
			width: 95%;
			color: #333;
			font-size: 0.8em;
			padding: 5px;
			display: inline;
			border: #000 solid 2px;
			
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
	
		.textAreatw {
			height: 50px !important;
			width: 100%;
			color: #333;
			font-size: 0.8em;
			padding: 5px;
			margin-left: 10px;
			display: inline;
			border: #000 solid 2px;
			
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
		}
		
	.defaultComment {
		clear: both;
		text-align: left;
		margin: 0 auto;
		max-width: 640px;
		padding: 10px 20px 10px 20px;
	}
	
	.shareCheck {
		clear: both;
		margin-top: 10px;
	}
	
	.coopongetBtn {
		margin-top: 13px;
		margin-bottom: 10px;
		max-width: 60%;
	}

/*****************************
　message
******************************/	
.fbshareBox {
	background: #fff;
	margin: 10px -10px;
}

.shareIcon {
	text-align: left;
	clear: both;
}

	.shareIcon img {
		width: 40px;
	}

	.twIcon {
		margin: 10px 0 -15px 0;
	}
	
	.fwicon {
		margin-bottom: -5px;
	}

#twSection {
	margin: 0 -10px;
	padding-top: -20px;
}

/*****************************
　sale
******************************/

.salelinkButtonBox {
	text-align: center;
	margin: 0 auto;
	max-width: 640px;
}

.salelinkButton1 {
	max-width: 100%;
	position: relative;
	margin-bottom: 10px;
}

.salelinkButton2 {
	max-width: 100%;
	position: relative;
	margin-bottom: 10px;
}
	
	.saledetail {
		position: absolute;
		z-index: 20;
		max-width: 50%;
		bottom: 5%;
		left: 25%;
	}

.salelinkButton2 {
	max-width: 100%;
	background: url(../images/008_btn_victorysale2.png) no-repeat;
	background-size: contain;
}

	.salelinkButton2 img {
		margin-top: 30px;
		width: 50%;
	}

.saleDescription {
	text-align: left;
}
	
/*****************************
　busy
******************************/	
.busyBox {
	height: 500px;
}

.busyBox img {
	max-width: 80%;
	margin-top: 250px;
}


@media screen and (max-width:640px){
img{
	max-width: 100%;
}

/*****************************
　Common
******************************/	
	.topLogo {
		position: absolute;
		text-align: left;
	}

	.topLogo img.mainLogo {
		max-width: 220px;
		margin-left: 15px;
	}
	
	.headerDummy {
		max-width: 640px;
		position: relative;
	}
	
		.menuBtnDummy {
			width: 40px;
			margin: 0 15px 0 10px;
		}

	.headerDummy img.mainLogoDummy {
		max-width: 220px;
		margin-left: 15px;
	}

	.menuhelpButton div {
		float: right;
	}
		#menuBtn {
			width: 40px;
			margin: 0 15px 0 10px;
		}
		
		#helpBtn {
			width: 80px;
			position: absolute;
			bottom : -5px;
			left: 0;
		}
	
/*****************************
　top.html
******************************/	
	#container{
		width:100%;
	}

	div.totalPanel {
		max-width: 640px;
		margin: 0 auto;
	}
		
		.totalnextImg {
/* 			margin-left: -2px; */
		}
	
		img.nextrankText1 {
			float: left;
			margin-right: 3px;
		}
		
		.totalnextImg img {
			margin-right: -7px;
		}
	
		.nextrankBtn img {
			height: 16px;
		}
		
#shakadetailBtn {
	position: relative;
}

	.nowrank {
		position: absolute;
		max-width: 40%;
		bottom: 78%;
		left: 55%;
		z-index: 20;
	}
	
	.shakashareBtn div.shakaHelpImg {
		clear: both;
		position: absolute;
		margin:58px 0 0 0;
		z-index: 10;
		width: 80px;
	}
	
	.shakaHelpImg {
		clear: both;
		position: absolute;
		margin: 48px 0 0 0;
		z-index: 10;
		width: 80px;
	}
	
	/* btnMenu */
	.btnMenu {
		position: relative;
		height: auto;
		margin-bottom: -5px;
	}

/* シャカとランクについて */
	.rankmemoryBox {
		padding: 6px;
		background: url(../images/002_img_rankmemoryA.png) no-repeat;
		background-position: 0 0;
		background-size: contain;
		height: 110px;
	}
	
		.rankmemoryText {
			width: 127px;
		}
		
		.rankmemoryAText {
			width: 173px;
			margin-bottom: 3px;
		}

		ul.aboutnextrankNumberul {
			z-index: 10;
		}
		
			ul.aboutnextrankNumberul li {
				float: left;
				margin-right: -1px;
			}
		
			ul.aboutnextrankNumberul li img {
				width: 10px;
				vertical-align: top;
			}
	
	p.beerShakaanime {
		position: absolute;
		margin-left: 30px;
		margin-top: 20px;
	}
		
		p.beerShakaanime img {
			max-width: 15px;
		}

/* shareBtn */
	.minishareBtn {
		z-index: 10;
		text-align: left;
		padding-left: 10px;
		margin-top: 15px
	}
	
		.minishareBtn img {
			max-width: 47%;
		}
		
.supportBalloonBox {
	max-width: 640px;
}
	
	.supportBalloonBox img {
		width: 100px;
	}

	.supportBalloon1 {
		position: absolute;
		left: 0;
		bottom: 40%;
		z-index: 
	}
	
	.supportBalloon2 {
		position: absolute;
		right: 0;
		bottom: 30%;
	}
	
	.supportBalloon3 {
		position: absolute;
		left: 0;
		bottom: 5%;
	}

/*****************************
　beer.html
******************************/
	#helpBox {
		width: 280px;
		height: 280px;
		background: url(../images/003_img_helpyesno.png) no-repeat;
		background-size: contain;
		z-index: 200;
		position: absolute;
		top: 15%;
		left: 0;
	}
	
		#helpBox img {
			margin-top: 120px;
			height: 24px;
		}

div.totalPanel img {
	max-width: 28px;
	margin: 0 -1px;
}
		
.totalShaka {
	text-align: center;
}
	
.totalShakaImg img {
	width: 29.8px;
	margin: 10px 0 0 -3px;
}
	
.myShakaImg img {
	width: 29.8px;
	margin: 10px 0 0 -3px;
}

.totalTextimg {
	height: 13px;
	margin-bottom: 5px;
}

.myshakaTextimg {
	height: 26px;
	margin-bottom: 5px;
}

.nowrankmini {
	position: absolute;
	max-width: 30%;
	bottom: 80%;
	left: 65%;
	z-index: 20;
}
		
/*****************************
　about.html
******************************/		
	.h3Img {
		height: 23.5px;
	}
	
/*

	.brassbandImg img.playerPic {
		max-width: 50%;
		text-align: center;
		position: relative;
		margin-bottom: -80px;
		padding-bottom: -10px;
		z-index: 0;
	}
*/
	
/*
	#cardPanelNextBtn {
		position: relative;
		max-width: 100%;
		bottom: -130px;
		z-index: 100;
	}
*/
}