/*!
* jQuery Mobile 1.4.0
* Git HEAD hash: f09aae0e035d6805e461a7be246d04a0dbc98f69 <> Date: Thu Dec 19 2013 17:34:22 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/


/* Globals */
/* For IE
-----------------------------------------------------------------------------------------------------------*/
header,footer,nav,section,article,figure,aside {
　display:block;
}

/* Reset
-----------------------------------------------------------------------------------------------------------*/
body { margin:0; padding: 0; }
p ,
hr {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
h1, h2 {
	margin: 0;
	padding: 0;
}
img a {
	border: 0;
}


/* Controler
-----------------------------------------------------------------------------------------------------------*/
.ma_t10 { margin-top: 10px; }
.ma_t20 { margin-top: 20px; }
.ma_t30 { margin-top: 30px; }
.ma_t40 { margin-top: 40px; }
.ma_t50 { margin-top: 50px; }

.ma_b10 { margin-bottom: 10px; }
.ma_b20 { margin-bottom: 20px; }
.ma_b30 { margin-bottom: 30px; }
.ma_b40 { margin-bottom: 40px; }
.ma_b50 { margin-bottom: 50px; }

.clear { clear: both; }

/* Font
-----------------------------------------------------------------------------------------------------------*/
html {
	font-size: 16px;
	line-height: 1;
	/*font-family: "メイリオ", sans-serif;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
html p {
	font-size: 90%;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	color: #333;
}



p.red ,
p .red  {
	color: #F00;
}
p.big ,
p .big {
	font-size: 130%;
}



/* Corner rounding
-----------------------------------------------------------------------------------------------------------*/
/* Class ui-btn-corner-all deprecated in 1.4 */
.ui-corner-all {
	-webkit-border-radius: 15px; /*{global-radii-blocks}*/;
	border-radius: 15px; /*{global-radii-blocks}*/;
}
/* Radius clip workaround for cleaning up corner trapping */
.ui-btn-corner-all,
.ui-corner-all {
	-webkit-background-clip: padding;
	background-clip: padding-box;
}

/* Shadow
-----------------------------------------------------------------------------------------------------------*/
.ui-shadow {
	-webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	-moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
	box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
}
.ui-shadow-inset {
	/*-webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*//* rgba(0,0,0,.2) /*{global-box-shadow-color}*//*;
	/*-moz-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*//* rgba(0,0,0,.2) /*{global-box-shadow-color}*//*;
	/*box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*//* rgba(0,0,0,.2) /*{global-box-shadow-color}*//*;*/
}
.ui-overlay-shadow {
	-webkit-box-shadow: 0 0 12px 		rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 12px 			rgba(0,0,0,.6);
	box-shadow: 0 0 12px 				rgba(0,0,0,.6);
}
/* Icons
-----------------------------------------------------------------------------------------------------------*/

/* Loader */
.ui-icon-loading {
	background: url(../images/ajax-loader.gif);
	background-size: 2.875em 2.875em;
}





/* 共通2
-----------------------------------------------------------------------------------------------------------*/
/**仮に見る用**/
.ui-page {
	background: #FFF;
}


.ui-dialog {
	background: #FFF;
}

.commonBg {
	background-image:url(../images/common/common_BackGround.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #f8fcff;
}
.dialogBg {
	background: #286d9b;
}

/** 詳細ボタン用(PC非表示) **/
p.windowPopupBtn {
	display: none;
}


/* ヘッダー
-----------------------------------------------------------------------------------------------------------*/
#header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}

#logoHeader {
	height: 25px;
	position: relative;
}
#logoHeaderBg {
	width: 100%;
	height: 25px;
	background-color: #FFF;
	opacity: 0.8;
	position: absolute;
}
#logoHeader .left {
	width: 150px;
	position: absolute;
	top: 0;
	left: 0;
}
#logoHeader .right {
	width: 120px;
	position: absolute;
	top: 0;
	right: 0;
}

/*** 各種共通部分 ***/


/* コンテンツ部
-----------------------------------------------------------------------------------------------------------*/
.ui-page #content {
	margin-top: 25px;
	margin-bottom: 200px;
}
.ui-dialog #content {
	margin-top: 60px;
	margin-bottom: 0px;
	border-radius: 15px;
	overflow: hidden;
	background: #d2d2d2;
}

#content h1 {
	height: 60px;
	line-height: 60px;
	font-weight: bold;
	font-size: 23px;
	text-align: center;
	color: #FFF;
	margin: 0px;
	padding: 0;
	text-align: center;
	position: relative;
}
#content h1 .logo {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -25px;
}
/*** ダイアログ ***/
#dialogHeader {
	height: 22px;
}



/* フッター
-----------------------------------------------------------------------------------------------------------*/
/** SNSボタン **/
#footerSnsBtn {
	background: #FFF;
	padding-top: 2px;
}
#footerSnsBtn .grid {
	width: 100%;
	height: 88px;
	margin: 0 auto;
}
#footerSnsBtn .grid .block {
	float: left;
	width: 24.375%;
	margin-left: 0.625%;
}
#footerSnsBtn .grid .block {
	width: 25%;
	margin-left: 0;
}
#footerSnsBtn .grid .block a {
	display: block;
	height: 88px;
	text-align: center;
	background-repeat: repeat-x;
	background-size: auto 100%;
}
#footerSnsBtn .grid .block a.timeline {
	background-image:url(../images/common/snsBtn_timelineBg.png);
}
#footerSnsBtn .grid .block a.photo {
	background-image:url(../images/common/snsBtn_photoBg.png);
	margin-left: 2px;
}
#footerSnsBtn .grid .block a.stamp {
	background-image:url(../images/common/snsBtn_stampBg.png);
	margin-left: 2px;
}
#footerSnsBtn .grid .block a.message {
	background-image:url(../images/common/snsBtn_messageBg.png);
	margin-left: 2px;
}

/** シェアボタン **/
#shareBtn {
	display: none;
	background-color: #000;
	padding: 10px 0;
	text-align: center;
}
#shareBtn .grid {
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
}
#shareBtn .block {
	float: left;
	width: 64px;
	text-align: left;
}
#shareBtn .block:nth-of-type(1),
#shareBtn .block:nth-of-type(2) {
	margin-right: 14px;
}
#shareBtn .block:nth-of-type(3) {
	margin-right: 15px;
}
#shareBtn .block a:active {
	opacity: 0.7;
}



/** フッターのボタン **/
#footer .footerBtnArea {
	display: none;
	background-color: #000;
	padding: 10px;
	padding-top: 0px;
}
#footer .footerBtnArea a {
	display: block;
	height: 35px;
	border: solid 1px #7b7b7b;
	background-color: #3b3b3b;
	line-height: 35px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	position: relative;
}
#footer .footerBtnArea a:active {
	opacity: 0.7;
}
#footer .footerBtnArea a .btnText {
	padding-left: 25px;
}
#footer .footerBtnArea a .homeBtnIcon {
	/*display: block;
	width: 23px;
	*/position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -40px;
}

#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}





/* タイムライン
-----------------------------------------------------------------------------------------------------------*/
#content h1.timeline {
	background: #25bac7;
}
#content h1.timeline span.postBtn {
	display: block;
	width: 70px;
	height: 46px;
	border: solid 2px #FFF;
	border-radius: 14px;
	background: #3ee1e8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3ee1e8), to(#0e96a9));
	background: -webkit-linear-gradient(#3ee1e8, #0e96a9);
	background: -moz-linear-gradient(#3ee1e8, #0e96a9);
	background: -ms-linear-gradient(#3ee1e8, #0e96a9);
	background: -o-linear-gradient(#3ee1e8, #0e96a9);
	background: linear-gradient(#3ee1e8, #0e96a9);
	
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	line-height: 46px;
	font-weight: bold;
	text-align: center;
	
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 10px;
	cursor: pointer;
}
.timelineFeedArea .feedBox {
	margin: 10px 10px 30px;
}
.timelineFeedArea .postBox {
	background: #FFF;
	border-radius: 13px;
	overflow: hidden;
	border: solid 1px #25b9c7;
}
.timelineFeedArea .postHead {
	position: relative;
	height: 75px;
}
.timelineFeedArea .postHead .image {
	position: absolute;
	top: 10px;
	left: 10px;
}
.timelineFeedArea .postHead .right {
	position: absolute;
	top: 22px;
	left: 78px;
}
.timelineFeedArea .postHead .author {
	font-size: 15px;
	font-weight: bold;
	color: #25bac7;
	margin-bottom: 5px;
}
.timelineFeedArea .postHead .postTime {
	font-size: 10px;
}
.timelineFeedArea .postBody {
	font-size: 15px;
	margin: 0 15px 5px;
}
.timelineFeedArea .postBody p {
	line-height: 1.5;
	padding-bottom: 10px;
}
.timelineFeedArea .postBody p.attention {
	font-size: 22px;
	font-weight: bold;
	line-height: 27px;
	color: #ea3f2e;
	text-align: center;
	margin: 0;
	padding: 0;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
}
.timelineFeedArea .postBody h3 {
	font-size: 16px;
	font-weight: bold;
	color: #ea3f2e;
	border-bottom: solid 1px #ea3f2e;
	padding-bottom: 5px;
	margin: 10px 0px;
	padding-top: 10px;
}
.timelineFeedArea .postBodyBtn a {
	display: block;
	width: 100px;
	height: 30px;
	border: solid 2px #25b9c7;
	border-radius: 14px;
	background: #3ee1e8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3ee1e8), to(#0e96a9));
	background: -webkit-linear-gradient(#3ee1e8, #0e96a9);
	background: -moz-linear-gradient(#3ee1e8, #0e96a9);
	background: -ms-linear-gradient(#3ee1e8, #0e96a9);
	background: -o-linear-gradient(#3ee1e8, #0e96a9);
	background: linear-gradient(#3ee1e8, #0e96a9);
	
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	
	margin: 10px auto;
}
/*シェア記事*/
.timelineFeedArea .shareBody {
	padding: 10px 20px;
	margin: 10px;
	background: #F3F3F3;
}


.timelineFeedArea .likeStatus {
	margin: 0px 15px 13px;
	font-size: 18px;
}
.timelineFeedArea .buttonGrid {
	border-top: solid 1px #dedede;
	background: #f0f1f3;
	overflow: hidden;
}
.timelineFeedArea .buttonGrid .block {
	float: left;
	width: 33.333%;
	height: 25px;
	font-size: 10px;
	line-height: 25px;
	text-align: center;
}
.timelineFeedArea .buttonGrid .block a {
	color: #000;
	text-decoration: none;
}
.timelineFeedArea .commentBox {
	position: relative;
	background: #FFF;
	border: solid 2px #25b9c7;
	border-radius: 13px;
	margin-top: 20px;
}
.timelineFeedArea .commentBox:after {
	content: '';
	position: absolute;
	border-bottom: 14px solid #FFF;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	top: -11px;
	left: 30px;
}

.timelineFeedArea .commentBox:before {
	content: '';
	position: absolute;
	border-bottom: 14px solid #25b9c7;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	top: -14px;
	left: 30px;
}
.timelineFeedArea .commentBox .image {
	float: left;
	width: 12.2%;
	margin-top: 8px;
	margin-left: 2.7%;
	margin-right: 1.35%;
	text-align:center;
}
.timelineFeedArea .commentBox .image img {
}
.timelineFeedArea .commentBox .right {
	float: left;
	width: 79.7%;
	margin-top: 12px;
	margin-right: 2.7%;
	margin-bottom: 8px;
	margin-left: 1.35%;
}
.timelineFeedArea .commentBox .title {
	margin-bottom: 10px;
}
.timelineFeedArea .commentBox .author {
	font-size: 14px;
	font-weight: bold;
	color: #25baca;
}
.timelineFeedArea .commentBox .postTime {
	font-size: 10px;
	margin-left: 10px;
}
.timelineFeedArea .commentBox p {
	font-size: 14px;
	line-height: 1.5;
}
.timelineFeedArea .commentBox p textarea {
	border: solid 1px #999;
	border-radius: 5px;
}

/*** フィードエリア下 ***/
#timeline #content .postBtn a {
	display: block;
	width: 150px;
	height: 46px;
	border: solid 2px #25b9c7;
	border-radius: 14px;
	background: #3ee1e8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3ee1e8), to(#0e96a9));
	background: -webkit-linear-gradient(#3ee1e8, #0e96a9);
	background: -moz-linear-gradient(#3ee1e8, #0e96a9);
	background: -ms-linear-gradient(#3ee1e8, #0e96a9);
	background: -o-linear-gradient(#3ee1e8, #0e96a9);
	background: linear-gradient(#3ee1e8, #0e96a9);
	
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	line-height: 46px;
	font-weight: bold;
	text-align: center;
	
	margin: 10px auto;
}


/*** ダイアログ ***/
#timeline .postSelectDialog {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#timeline .postSelectDialog .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #005288;
	opacity: 0.84;
}
#timeline .postSelectDialog .dialog {
	background: #FFF;
	border-radius: 13px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	left: 4.7%;
	width: 90.6%;
}
#timeline .postSelectDialog .dialog h2 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	background: #25bac7;
}
#timeline .postSelectDialog .dialog p {
	font-size: 15px;
	padding: 10px;
}
#timeline .postSelectDialog .body {
	margin-bottom: 10px;
}
#timeline .postSelectDialog .btn {
	display: block;
	height: 50px;
	border: solid 2px #5ecb11;
	border-radius: 14px;
	
	color: #FFF;
	text-decoration: none;
	line-height: 50px;
	font-weight: bold;
	text-align: left;
	
	position: relative;
	margin: 3px 10px;
	padding-left: 10px;
}
#timeline .postSelectDialog .btn:nth-of-type(1) {
	border-color: #4495cd;
	background: #74bde5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#74bde5), to(#0f67b1));
	background: -webkit-linear-gradient(#74bde5, #0f67b1);
	background: -moz-linear-gradient(#74bde5, #0f67b1);
	background: -ms-linear-gradient(#74bde5, #0f67b1);
	background: -o-linear-gradient(#74bde5, #0f67b1);
	background: linear-gradient(#74bde5, #0f67b1);
}
#timeline .postSelectDialog .btn:nth-of-type(2) {
	border-color: #f7a644;
	background: #fbc658;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbc658), to(#f2812c));
	background: -webkit-linear-gradient(#fbc658, #f2812c);
	background: -moz-linear-gradient(#fbc658, #f2812c);
	background: -ms-linear-gradient(#fbc658, #f2812c);
	background: -o-linear-gradient(#fbc658, #f2812c);
	background: linear-gradient(#fbc658, #f2812c);
}
#timeline .postSelectDialog .btn:nth-of-type(3) {
	border-color: #5ecb11;
	background: #85e006;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#85e006), to(#38b71b));
	background: -webkit-linear-gradient(#85e006, #38b71b);
	background: -moz-linear-gradient(#85e006, #38b71b);
	background: -ms-linear-gradient(#85e006, #38b71b);
	background: -o-linear-gradient(#85e006, #38b71b);
	background: linear-gradient(#85e006, #38b71b);
}
#timeline .postSelectDialog .btn:nth-of-type(4) {
	border-color: #865bb8;
	background: #9e74df;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9e74df), to(#6c3f8e));
	background: -webkit-linear-gradient(#9e74df, #6c3f8e);
	background: -moz-linear-gradient(#9e74df, #6c3f8e);
	background: -ms-linear-gradient(#9e74df, #6c3f8e);
	background: -o-linear-gradient(#9e74df, #6c3f8e);
	background: linear-gradient(#9e74df, #6c3f8e);
}
#timeline .postSelectDialog .btn:nth-of-type(5) {
	border-color: #25b9c7;
	background: #3ee1e7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3ee1e7), to(#0e96a9));
	background: -webkit-linear-gradient(#3ee1e7, #0e96a9);
	background: -moz-linear-gradient(#3ee1e7, #0e96a9);
	background: -ms-linear-gradient(#3ee1e7, #0e96a9);
	background: -o-linear-gradient(#3ee1e7, #0e96a9);
	background: linear-gradient(#3ee1e7, #0e96a9);
}
#timeline .postSelectDialog .btn .arrow {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -15px;
}




/* 写真
-----------------------------------------------------------------------------------------------------------*/
/*** 共通 ***/
#content h1.photo {
	background: #5ecb11;
}
#photo .btn ,
#photoAlert .btn ,
#photoQuestion .btn ,
#photoAnswer .btn {
	display: block;
	height: 50px;
	border: solid 2px #5ecb11;
	border-radius: 14px;
	background: #85e006;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#85e006), to(#38b71b));
	background: -webkit-linear-gradient(#85e006, #38b71b);
	background: -moz-linear-gradient(#85e006, #38b71b);
	background: -ms-linear-gradient(#85e006, #38b71b);
	background: -o-linear-gradient(#85e006, #38b71b);
	background: linear-gradient(#85e006, #38b71b);
	
	color: #FFF;
	text-decoration: none;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	
	margin: 20px 30px 20px;
}

/*** トップ ***/
#photo .selectPhoto p {
	font-size: 15px;
	padding: 10px 10px 0px;
}
#photo .selectPhoto .grid {
	overflow: hidden;
	padding-top: 10px;
}
#photo .selectPhoto .grid-inner {
	margin: 0 10px;
}
#photo .selectPhoto .block {
	/*width: 33.333%;*/
	width: 30.333%;
	padding: 0 1.5%;
	float: left;
	display:
}
#photo .selectPhoto .block .image {
	/*width: 94px;
	margin: 0 auto;*/
	position: relative;
	cursor: pointer;
}
#photo .selectPhoto .block .image img {
	width: 100%;
}
#photo .selectPhoto .block .checkIcon {
	position: absolute;
	top: 1px;
	left: 1px;
	display: none;
	width: 32px;
	height: 32px;
}
#photo .selectPhoto .block .checked {
	display: block;
}


/*** ダイアログ ***/
#photoAlert #dialogHeader {
	background: #5ecb11;
}
#photoAlert .balloon-wrapper {
	margin: 10px 10px 10px;
	position: relative;
}
#photoAlert .balloon {
	background: #FFF;
	border-radius: 13px;
	padding: 20px 20px 20px;
}
#photoAlert .balloon-wrapper:after {
	content: '';
	position: absolute;
	border-top: 14px solid #FFF;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	bottom: -14px;
	left: 50%;
	margin-left: -14px;
}
#photoAlert .balloon h1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 27px;
	color: #ea3f2e;
	text-align: left;
	margin: 0;
	padding: 0;
	height: auto;
	text-align: center;
}
#photoAlert .hamuhamu {
	margin: 10px 0;
	text-align: center;
}


/*** 質問＆こたえ ***/
#photoQuestion .bodyCopy p {
	font-size: 15px;
	padding: 10px 10px 0px;
}
#photoAnswer .bodyCopy p {
	font-size: 15px;
	text-align: center;
	padding: 10px 10px 0px;
}

#photoQuestion .questionPhoto ,
#photoAnswer .answerPhoto {
	width: 300px;
	height: 300px;
	margin: 10px auto 10px;
	position: relative;
}
#photoAnswer .answerPhoto {
	margin-bottom: 30px;
}
#photoQuestion .time ,
#photoAnswer .time {
	font-size: 12px;
	line-height: 30px;
	text-align: center;
}
#photoQuestion .comment ,
#photoAnswer .comment {
	font-size: 12px;
	line-height: 20px;
	border-bottom: solid 1px #999;
}
#photoQuestion .circle ,
#photoAnswer .circle {
	position: absolute;
	width: 68px;
	height: 68px;
	top:0;
	left:0;
	margin-left: -34px;
	margin-top: -34px;
}
#photoAnswer .circle .mark {
	position: absolute;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 36px;
	color: #ea3f2e;
	top: 14px;
	left: 14px;
}

#photoAnswer h2.answerTitle {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	height: 36px;
	border-radius: 18px;
	background: #ea3f2e;
	color: #FFF;
	margin: 10px;
	margin-bottom: 0px;
}
#photoAnswer h2.point {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	height: 26px;
	border-radius: 13px;
	background: #ea3f2e;
	color: #FFF;
	margin: 10px;
}
#photoAnswer h3 {
	font-size: 16px;
	font-weight: bold;
	color: #ea3f2e;
	border-bottom: solid 1px #ea3f2e;
	padding-bottom: 5px;
	margin: 10px 10px;
	padding-top: 10px;
}
#photoAnswer p {
	font-size: 15px;
	margin: 0 10px 10px;
}


/* スタンプ
-----------------------------------------------------------------------------------------------------------*/
#content h1.stamp {
	background: #f99c32;
	padding-left: 20px;
}

/*** トップページ ***/
#stamp .bodyCopy p {
	padding: 10px;
	font-size: 15px;
}
#stamp .dlStampBox {
	margin: 10px 10px;
}
#stamp .dlStampBox .grid {
	overflow: hidden;
	/* width: 300px; */
}
#stamp .dlStampBox .grid .block {
	float: left;
	width: 30.333%;
	text-align: center;
	/* background: #FFF; */
	/* border-radius: 5px; */
	margin: 0px 1.5%;
}
#stamp .dlStampBox .grid .block .image {
}
#stamp .dlStampBox .grid .block .title {
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    height: 30px;
}
#stamp .dlStampBox .grid .block .price {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
    height: 18px;
	color: #ea3f2e;
}
#stamp .dlStampBox .grid .block .btn {
	display: block;
	height: 30px;
	border: solid 2px #f7a644;
	border-radius: 5px;
	background: #fbc557;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbc557), to(#f2822d));
	background: -webkit-linear-gradient(#fbc557, #f2822d);
	background: -moz-linear-gradient(#fbc557, #f2822d);
	background: -ms-linear-gradient(#fbc557, #f2822d);
	background: -o-linear-gradient(#fbc557, #f2822d);
	background: linear-gradient(#fbc557, #f2822d);
	color: #FFF;
	text-decoration: none;
	line-height: 30px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	
	margin: 0px;
}
#stamp .godStampBox {
    background-color: #f99c32;
    padding: 10px;
    margin-top: 50px;
}
#stamp .godStampBox h2 {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}
#stamp .godStampBox .grid {
    margin-top: 10px;
    overflow: hidden;
}
#stamp .godStampBox .grid .block {
    width: 20%;
    text-align: center;
    float: left;
}

/*** スタンプのダウンロード ***/
#stampDownload {
}
#stampDownload #content {
	background: #FFF;
}
#stampDownload h1 {
    height: 40px;
	
    line-height: 40px;
    font-size: 18px;
    background: #f99c32;
}
#stampDownload p {
    padding: 10px;
    font-size: 15px;
}
#stampDownload .stampBox {
    text-align: center;
}
#stampDownload .stampBox .image {
    width: 135px;
    margin: 20px auto;
}
#stampDownload .stampBox .title {
    font-size: 15px;
    font-weight: bold;
    padding: 10px;
}
#stampDownload .stampBox .price {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
	color: #ea3f2e;
}
#stampDownload .btn {
	display: block;
	height: 50px;
	border: solid 2px #ea3f2e;
	border-radius: 13px;
	background: #fe6c4b;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fe6c4b), to(#d71413));
	background: -webkit-linear-gradient(#fe6c4b, #d71413);
	background: -moz-linear-gradient(#fe6c4b, #d71413);
	background: -ms-linear-gradient(#fe6c4b, #d71413);
	background: -o-linear-gradient(#fe6c4b, #d71413);
	background: linear-gradient(#fe6c4b, #d71413);
	color: #FFF;
	text-decoration: none;
	line-height: 50px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	
	margin: 10px;
}
#stampDownload #downloadName {
	border: solid 2px #acacac;
	line-height: 44px;
	height: 44px;
	font-size: 24px;
	margin: 20px 6.6% 60px;
	text-align: center;
	width: 86.8%;
}

/*** 注意 ***/
#stampAttention {
	background-image: none;
}
#stampAttention .attentionHamuhamu {
	position: relative;
	height: 300px;
}
#stampAttention .balloon-wrapper {
	position: absolute;
	width: 93.75%;
	left:3.125%;
	top: 10px;
}
#stampAttention .balloon {
	background: #FFF;
	border-radius: 13px;
	padding: 20px 20px 20px;
}
#stampAttention .balloon-wrapper:after {
	content: '';
	position: absolute;
	border-top: 14px solid #FFF;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	bottom: -14px;
	left: 50%;
	margin-left: -14px;
}
#stampAttention .balloon h1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 27px;
	color: #ea3f2e;
	text-align: center;
	margin: 0;
	padding: 0;
	height: auto;
}
#stampAttention .gray {
	background: #4f4f4f;
	height: 183px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#stampAttention .hamuhamu {
	width: 200px;
	margin-left: -100px;
	position: absolute;
	top: 110px;
	left: 50%;
}
#stampAttention h2.point {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	height: 26px;
	border-radius: 13px;
	background: #ea3f2e;
	color: #FFF;
	margin: 10px;
}
#stampAttention h3 {
	font-size: 15px;
	font-weight: bold;
	color: #ea3f2e;
	border-bottom: solid 1px #ea3f2e;
	padding-bottom: 5px;
	margin: 10px 10px;
	padding-top: 10px;
}
#stampAttention p {
	font-size: 15px;
	margin: 0 10px 10px;
}
#stampAttention .btn {
	display: block;
	height: 50px;
	border: solid 2px #ea3f2e;
	border-radius: 13px;
	background: #fe6c4b;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fe6c4b), to(#d71413));
	background: -webkit-linear-gradient(#fe6c4b, #d71413);
	background: -moz-linear-gradient(#fe6c4b, #d71413);
	background: -ms-linear-gradient(#fe6c4b, #d71413);
	background: -o-linear-gradient(#fe6c4b, #d71413);
	background: linear-gradient(#fe6c4b, #d71413);
	color: #FFF;
	text-decoration: none;
	line-height: 50px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	
	margin: 10px;
	margin-top:30px;

}


/* メッセージ
-----------------------------------------------------------------------------------------------------------*/
#content h1.message {
	background: #855ab6;
}

/*** グループ選択画面　***/
#message .bodyCopy {
	padding: 10px;
}
#message .messagelist {
	margin: 10px;	
}
#message .messagelist .listItem {
	overflow: hidden;
	height: 110px;
	position: relative;
	border-bottom: dashed 1px #4495cd;
}
#message .messagelist .listItem.first {
	border-top: dashed 1px #4495cd;
}
#message .messagelist .listItem .hamuhamu {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 5px;
}
#message .messagelist .listItem .textName {
	font-size: 18px;
	line-height: 24px;
	position: absolute;
	top: 50%;
	left: 120px;
	margin-top: -15px;
}
#message .messagelist .listItem .joinBtn {
	display: block;
	width: 50px;
	height: 36px;
	border: solid 2px #865bb8;
	border-radius: 5px;
	background: #9d74de;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d74de), to(#6d408f));
	background: -webkit-linear-gradient(#9d74de, #6d408f);
	background: -moz-linear-gradient(#9d74de, #6d408f);
	background: -ms-linear-gradient(#9d74de, #6d408f);
	background: -o-linear-gradient(#9d74de, #6d408f);
	background: linear-gradient(#9d74de, #6d408f);
	color: #FFF;
	text-decoration: none;
	line-height: 36px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -18px;

}


/*** メッセージライン ***/
#content h1.message .back {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 10px;
}

#messageLine {
}
#messageLine .messageArea {
	margin: 10px;
}
/*受信用*/
#messageLine .receiveBox {
	margin: 10px 0 30px;
	overflow: hidden;
	position: relative;
}
#messageLine .receiveBox .icon {
	text-align: right;
	position: absolute;
	width: 17%; /*50*/
	top: 0;
	left: 0;
}
#messageLine .receiveBox .body-wrapper {
	margin-left: 17%; /*50px*/
	width: 70%; /*210px*/
	margin-right: 13%; /*30px*/
	position: relative; 
}
#messageLine .receiveBox .body {
	border: solid 2px #855ab6;
	border-radius: 13px;
	background: #FFF;
	position: relative;
}
#messageLine .receiveBox .body:after {
	content: '';
	position: absolute;
	border-right: 11px solid #FFF;
	border-top: 0px solid transparent;
	border-bottom: 15px solid transparent;
	top: 12px;
	left: -7px;
}

#messageLine .receiveBox .body:before {
	content: '';
	position: absolute;
	border-right: 11px solid #855ab6;
	border-top: 0px solid transparent;
	border-bottom: 15px solid transparent;
	top: 10px;
	left: -11px;
}

#messageLine .receiveBox .autor {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
#messageLine .receiveBox .stamp {
	text-align: center;
}
#messageLine .receiveBox .comment {
	padding: 10px;
}
#messageLine .receiveBox .comment h2.answer {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	margin-right: 40px;
	height: 36px;
	color: #ea3f2e;
	position: relative;
}
#messageLine .receiveBox .comment h2.answer .ansIcon {
	width: 35px;
	height: 35px;
	background: #855ab6;
	border-radius: 4px;
	line-height: 35px;
	text-align: center;
	font-size: 24px;
	color: #FFF;
	position: absolute;
	margin-top: -17px;
	margin-left: 50px;
	top: 50%;
	left: 50%;
}
#messageLine .receiveBox .comment h3 {
	font-size: 16px;
	font-weight: bold;
	color: #ea3f2e;
	border-bottom: solid 1px #ea3f2e;
	padding-bottom: 5px;
	margin: 10px 0px;
	padding-top: 10px;
}
#messageLine .receiveBox .comment p {
	font-size: 14px;
	margin-bottom: 10px;
}
#messageLine .receiveBox .comment p .big {
	font-size: 18px;
	margin-bottom: 10px;
}
#messageLine .receiveBox .status {
	height: 10px;
	line-height: 10px;
	position: absolute;
	left: 88%;
	bottom: 5px;
	font-size: 10px;
}
#messageLine .kidokuSuru {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
#messageLine .kidokuSuru .second {
	font-size: 20px;
	font-weight: bold;
}
#messageLine .kidokuSuru .sectext {
	font-size: 14px;
}

/*送信用*/
#messageLine .sendBox {
	margin: 10px 0 30px;
	overflow: hidden;
	position: relative;
}
#messageLine .sendBox .icon {
	text-align: right;
	position: absolute;
	width: 12%;
	top: 0;
	left: 0;
}
#messageLine .sendBox .body-wrapper {
	margin-left: 16%; /*40px*/
	width: 80%; /*240px*/
	margin-right: 4%; /*12*/
	position: relative; 
}
#messageLine .sendBox .sendBtn {
	position: relative;
}
#messageLine .sendBox a.btn {
	display: block;
	width: 120px;
	height: 36px;
	border: solid 2px #865bb8;
	border-radius: 5px;
	background: #9d74de;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d74de), to(#6d408f));
	background: -webkit-linear-gradient(#9d74de, #6d408f);
	background: -moz-linear-gradient(#9d74de, #6d408f);
	background: -ms-linear-gradient(#9d74de, #6d408f);
	background: -o-linear-gradient(#9d74de, #6d408f);
	background: linear-gradient(#9d74de, #6d408f);
	color: #FFF;
	text-decoration: none;
	line-height: 36px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	position: relative;
	float: right;
	top: 0;
	right: 5px;
	/*margin-top: -18px;*/
}
#messageLine .sendBox .body {
	border: solid 2px #855ab6;
	border-radius: 13px;
	background: #FFF;
	position: relative;
	padding-bottom: 5px;
}
#messageLine .sendBox .body:after {
	content: '';
	position: absolute;
	border-left: 11px solid #FFF;
	border-top: 0px solid transparent;
	border-bottom: 15px solid transparent;
	top: 22px;
	right: -7px;
}

#messageLine .sendBox .body:before {
	content: '';
	position: absolute;
	border-left: 11px solid #855ab6;
	border-top: 0px solid transparent;
	border-bottom: 15px solid transparent;
	top: 20px;
	right: -11px;
}

#messageLine .sendBox .autor {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-right: 10px;
	text-align: right;
}
#messageLine .sendBox h3 {
	line-height: 22px;
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #855ab6;
	border-radius: 11px 11px 0px 0px;
	margin: 0px;
	padding: 0px;
}
#messageLine .sendBox .answer {
	overflow: hidden;
	margin: 5px 0px;
	padding: 5px 0px;
	cursor: pointer;
	position: relative;
}
#messageLine .sendBox .left {
	float: left;
	width:18%; /*45/240*/
}
#messageLine .sendBox .left .ansIcon {
	width: 35px;
	height: 35px;
	background: #855ab6;
	border-radius: 4px;
	margin: 10px auto;
	line-height: 35px;
	text-align: center;
	font-size: 24px;
	color: #FFF;
}
#messageLine .sendBox .right {
	float: right;
	width: 78%;
	margin-right: 4%;
	font-size: 14px;
	margin-top: 7px;
}
#messageLine .sendBox .circle {
	position: absolute;
	width: 40px;
	height: 40px;
	top:33px;
	left:9%;
	margin-left: -20px;
	margin-top: -20px;
	display: none;
}
#messageLine .sendBox .status {
	height: 24px;
	line-height: 12px;
	position: absolute;
	right: 85%;
	bottom: 5px;
	font-size: 10px;
}

/*終了ボタン*/
#messageLine .exitBtn {
	display: block;
	width: 240px;
	height: 50px;
	border: solid 2px #865bb8;
	border-radius: 13px;
	background: #9d74de;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d74de), to(#6d408f));
	background: -webkit-linear-gradient(#9d74de, #6d408f);
	background: -moz-linear-gradient(#9d74de, #6d408f);
	background: -ms-linear-gradient(#9d74de, #6d408f);
	background: -o-linear-gradient(#9d74de, #6d408f);
	background: linear-gradient(#9d74de, #6d408f);
	color: #FFF;
	text-decoration: none;
	line-height: 50px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	/* position: relative; */
	/* float: right; */
	/* top: 0; */
	/* right: 5px; */
	margin-top: -18px;
	margin-left: auto;
	margin-right: auto;
}