@charset "utf-8";
/* CSS Document */

html.body {
	padding: 0px;
	margin: 0px;
	}
	
p {
	line-height:150%; 
	}

.container{
	width: 100%;
	margin:0 auto;
	}

.logo_box{
	background-color: #E0E0E0;
	padding:0.5em;
	overflow: hidden;
	max-height:60px;
	margin-bottom:10px;
	}
	
.logo{
	float:left;
	width:120px;
	margin-right:10px;
	}
	
.logo_text{
	padding-top:10px;
	padding-bottom:20px;
	font-weight:bold;
	line-height:1.3em;
	height:0;
	}
	
.view_box{
	width: 100%;
	float:left;
	margin-bottom:10px;
	}
	
.view_back{
	clear:both;
	float:right;
	background-color:#333;
	text-align:center;
	}

.whitemoji{
	color:#FFF;
	margin:0 auto;
	font-size:small;
	padding-bottom:2px;
	}

.viewtext{
	position: relative;
	padding:10px;
	}
	
.viewimage{
	width:343px;
    max-width: 100%;
	margin:1em 1em 0 1em;
    height: auto;
	}

.botan{
	clear:both;
	background:#E0E0E0;
	padding: 0.5em;
	}
	
.iphone_icon{
	color:#000;
	background-color:#FFF;
	border:#F00 solid 3px;
	border-radius: 8px;
	box-shadow: 2px 2px 3px #666;
	text-align:center;
	text-decoration: none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5em;
	padding-top:10px;
	padding-bottom:10px;
	width:95%;
	}
	
.android_icon{
	color:#000;
	clear:both;
	background-color:#FFF;
	border:#690 solid 3px;
	border-radius: 8px;
	box-shadow: 2px 2px 3px #666;
	text-align:center;
	text-decoration: none;
	padding-top:10px;
	padding-bottom:10px;
	margin:0 auto;
	width:95%;
	}
	
.botan_text{
	font-size:large;
	font-weight:bold;
	vertical-align:middle;
	}
	
.icon{
	width:48px;
	vertical-align:middle;
	}
	
.under{
	width:95%;
	margin: 2% auto;
	padding-bottom:20px;
	}

.under_text{
	font-size:small;
	padding: 0.3em 0.3em 0.3em 0.3em;
	}
	
.view_help{
	background-color:#E0E0E0;
	border:#666 solid 3px;
	border-radius: 8px;
	box-shadow: 2px 2px 3px #999;
	font-size:small;
	margin:0 auto;
	padding:0.5em;
	text-align:center;
	width:60%;
	color:#000;
	}

.hatena{
	width:	202px;
	}







/*　////////　ここから追加　////////　*/	
	
	
	
	
.viewer_image_area{
	background-color:#403f41;
	text-align: center;
	float: right;
	margin:0 10px 10px 5px;
	padding:8px;
}

.viewer_image_area p{
	color:#FFF;
	font-weight:bold;
	font-size:small;
	padding-bottom:5px;
}



/* ▼表示領域が500px以上の場合 */
@media screen and (min-width: 450px) {
   img.viewer_s_s { display: none;}  /* sを非表示 */
   img.viewer_s_m  { display: block;
                   margin-left:auto;
				   margin-right:auto;
				   } /* mを表示 */
}
/* ▼表示領域が499px未満の場合 */
@media screen and (max-width: 449px) {
   img.viewer_s_s { display: block; 
                  margin-left:auto;
				  margin-right:auto;} /* s を表示 */
   img.viewer_s_m  { display: none; }  /* m を非表示 */
}




/* ▼表示領域が600px以上の場合 */
@media screen and (min-width: 650px) {
   img.viewer_s { display: none;}  /* sを非表示 */
   img.viewer_m  { display: block;
                   margin-left:auto;
				   margin-right:auto;
				   } /* mを表示 */
}
/* ▼表示領域が599px未満の場合 */
@media screen and (max-width: 649px) {
   img.viewer_s { display: block; 
                  margin-left:auto;
				  margin-right:auto;} /* s を表示 */
   img.viewer_m  { display: none; }  /* m を非表示 */
}



/*　////////　拡大　////////　*/	


#bp-lightbox-panel1 {
	width:100%;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
display: none;
z-index: 500000;
text-align:center;
top:2%;
}


#bp-lightbox-panel2 {
	width:100%;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
display: none;
z-index: 500000;
text-align:center;
top:2%;
}



/* Lightbox動作時の背景色 */
#bp-blackwindow{
display:none;
background:#000000;
opacity:0.7;
filter:alpha(opacity=70);
position:fixed;
top:0px;
left:0px;
min-width:100%;
min-height:100%;
z-index:100000;
}


#bp-close-panel1, #bp-close-panel2{
overflos:hidden;
cursor: pointer;
text-align:center;
}


.viewer_close {
	margin-top:10px;}

.viewer_botan_d {
   display: block;
   width: 150px;
   padding: 0.2em 0px;
   margin-left:auto;
   margin-right:auto;
   border:#666 3px solid;
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   background-color:#CCC;
   margin-top:10px;
}


.viewer_text {
	padding:8px 8px;
	}