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

#contents{
	padding:20px;
}

#list_box{
	padding: 12px 0 12px 8px;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.list{
	background-image: url(/img/gals_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 192px;
    height: 327px;
    margin: 0 6px 12px 0;
    float: left;
    position: relative;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.list:nth-child(5n){
	margin-right: 0; 
}

/* =======================================

	GALS

======================================= */
.thum{
float:left;
}

.thum img{
	width: 100%;
}
.detail {
    width: 192px;
    height: 68px;
    padding-left: 5px;
    position: absolute;
    bottom: -6px;
    line-height: 1.5;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.detail .name{
	display: block;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#fff;
}


#review_cont>li{
	display:block;
	padding:20px;
/*	background:#fff;*/
	border-radius:5px;
	margin-bottom:10px;
	border:1px solid #666666;
}
#review_cont>li>h3{
	text-align:left;
	font-weight:bold;
	font-size:18px;
}
#review_cont>li>h3 span{
	display:block;
	text-align:right;
	font-weight:normal;
	font-size:14px;
	border-top:1px solid #666666;
}
.thum{
	width:30%;
}

.thum img{
	width:100%;
}

.cont_body{
	width:66%;
	float:right;
}

/*
h3{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
	font-weight:bold;
	padding:10px;
	border:2px solid #ccc;
}
*/
.bottomBox h3 span a,
.bottomBox h3 a{
	color:#333333;
	font-size:14px;
	display:inline !important;
}


.inner{
	padding:0px;
}

.date{
	text-align:right;
	border-bottom:1px solid #333;
	margin-bottom:5px;
	padding-bottom:5px;
}

.comment{
	margin:10px 0;
	height:180px;
	overflow-y:auto;
}

.thanks{
	text-align:right;
}

#btn_page{
	text-align:center;
	padding-bottom:20px;
	color:#fff;
}

#btn_page a{
	color:#fff;
	text-decoration:underline;
}


.paging {
    text-align: center;
    padding: 10px 0px;
}
.paging span.page {
    border: 1px solid #cccccc;
    display: inline-block;
    border-radius: 4px;
	font-size:14px;
}

.paging span.page a {
    padding: 4px 5px;
    display: inline-block;
	font-weight:bold;
}
.paging span.page.noLink {
    border: none;
    padding: 4px 5px;
	opacity:.7;
}

@media screen and (max-width: 667px) {
.cont_body{
	width:calc(100% - 0px);
	padding:10px 0;
	margin:10px auto;
	float:none;
}

.cont_body img{
	max-width:100%;
	height:auto;
}

.cont_body h3{
/*
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
	font-weight:bold;
	padding:10px;
	margin:10px 0;
	border:2px solid #ccc;
	font-size:16px;
*/
}
.thum{
	width:100%;
float:none;
}

.gal_cont{
	font-size:14px;
	line-height:1.6;
}

.message{
	margin:10px 0;
}
#gals .listTypeJ ul li{
	vertical-align:bottom !important;
}
}