#container,
header,
footer,
.top .top_foot{ min-width:100%;}
/*-----------------------------------------
header
-----------------------------------------*/
header{ text-align:center; position:inherit;}
header .siteid{ height:42px; padding-left:0;}
header .siteid p{ width:80%;}
header .siteid img{ width:130px; height:auto;}
header .info{ position: relative; top:-5px; left:auto; font-weight:normal; font-size:10px;}
header .info2{ position: relative; top:-5px; left:auto; font-weight:normal; font-size:9px;}
header .info3{ display:block;font-weight:normal; font-size:12px;margin-bottom:5px;}
header .button-toggle{ position:absolute; top:15px; left:15px;font-size:8px; border-bottom:4px double #000; border-top:2px solid #000; height:2px; line-height:35px; width:16px; text-indent:-5px; font-weight:bold; cursor:pointer; display:block;}
header .headmenu{ position: inherit; top:auto; right:auto; border-top: 1px solid #eee; overflow:hidden; border-bottom:2px solid #5197c9;}
header .headmenu li{ display:inline-block; margin-left:5px; font-size:12px; padding: 5px 0;margin-bottom:1px;}
header .headmenu li.cart{ width:25%;border-right: 1px solid #eee;}
header .headmenu li.cart span{ display:inline-block;}
header .headmenu li.fav{ width:30%;border-right: 1px solid #eee;}
header .headmenu li.signup{ width:39%}
header .headmenu li.login{position:initial; top:1px; right:3px; font-size:9px;width:30%;}
header .headmenu li.lang{ display:none;}

/* display:inline-block; display:inline; */
header .headmenu li.login a{  padding: 6px 5px 4px 5px; text-decoration:none;  display: inline-block;}  
header .headmenu li.login span{ color:#999;}
header .headmenu li.login span a{  padding:0; background:none; border:0; color:#1e71e2; text-decoration:underline; font-weight:bold; margin-right:10px;}


header .headmenu li a{ padding:5px;}
header .headbar{ height:auto; clear:both; padding:0; display:none;}
header .headbar .search{ padding:10px;}
header .headbar .search .main{ width:140px;;  border:1px solid #3a7fb0; border-right:0; border-radius:4px; height:21px; padding:3px 10px; border-radius:4px 0 0 4px; font-size:16px;}
header .headbar .search  .minus{ width:50px;  border:1px solid #3a7fb0; border-right:0;  height:21px; padding:3px 10px; border-radius:0px 0 0 0px; font-size:13px;padding-left:18px;}
header .headbar .search button{ width:20%; height:29px; position:relative; border-radius:0 4px 4px 0; vertical-align:middle; margin:0; padding-top:2px;}

header .headbar .navi{ position: relative; top:auto; right:auto; overflow:hidden;border-top: 1px solid #6fb4e5;}
header .headbar .navi li { border-bottom: 1px solid #6fb4e5;border-left:0; width:50%;}
header .headbar .navi li a{ border-bottom:0;border-right:1px solid #6fb4e5;width:auto; padding:0; text-align:center; display:block}

/*-----------------------------------------
top page
-----------------------------------------*/
.top .main_image form{ text-align:center; width:300px; position:absolute; top:50px; left:50%; margin-left:-150px;}
.top .main_image form input[type="text"]{ width:200px;  border:1px solid #999; border-right:0; border-radius:4px; height:41px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:12px; background:rgba(255,255,255,.85);}
.top .main_image form button{width:50px; height:49px; border-radius:0 4px 4px 0; font-size:18px;vertical-align:middle;}
.top .main_image .banner{ overflow:hidden; width:100%; height:150px; display:block;}
@media screen and (min-width:376px) and (max-width:1000px){
.top .main_image .banner li.main_image1{ position:relative; width:100%; height:150px; background:url(img/sp_index_main.jpg); background-size:cover;background-position: center top; margin-bottom:30px;}
.top .main_image .banner li.main_image2{ position:relative; width:100%; height:150px; background:url(img/sp_index_main2.jpg); background-size:cover;background-position: center top; margin-bottom:30px;}
.top .main_image .banner li.main_image3{ position:relative; width:100%; height:150px; background:url(img/sp_index_main3.jpg); background-size:cover;background-position: center top; margin-bottom:30px;}
.top .main_image .banner li.main_image4{ position:relative; width:100%; height:150px; background:url(img/sp_index_main4.jpg); background-size:cover;background-position: center top; margin-bottom:30px;}
}
@media screen and (max-width:375px){
.top .main_image .banner li.main_image1{ position:relative; width:100%; height:150px; background:url(img/sp375_index_main_201601.jpg); background-size:cover;background-position: center top; margin-bottom:30px;}
.top .main_image .banner li.main_image2{ position:relative; width:100%; height:150px; background:url(img/sp375_index_main2.jpg); background-size:cover;background-position: center top; margin-bottom:30px;}
.top .main_image .banner li.main_image3{ position:relative; width:100%; height:150px; background:url(img/sp375_index_main3.jpg); background-size:cover;background-position: center top; margin-bottom:30px;}
.top .main_image .banner li.main_image4{ position:relative; width:100%; height:150px; background:url(img/sp375_index_main4.jpg); background-size:cover;background-position: center top; margin-bottom:30px;}
}




.top .main_text{ font-size:16px; padding: 10px; text-align:left;}

.top .point p{ padding:10px; text-align:left;}
.top h3 a{ font-size:16px;margin:5px;}

.top .top_pickup li,
.top .point ul li,
.top .free .free_list li{ display:inline-block; margin: 0 10px 10px; width:auto; max-width:120px; font-size:12px;}
.top .top_pickup li img,
.top .point ul li img,
.top .free .free_list li img{  height: 140px;}
.top .sell .blue_btn{ width:80%;font-size:16px; color:#fff;}
.top .sell h3{margin-bottom:1px;font-size:18px;padding:5px;text-shadow: 2px 2px 2px #fff; }
.top .news,
.top .words{ display:block; width:auto; padding: 10px;}
.top .rireki { display:inline-block;width:300px;}
.top .top_foot .links{ background:#e8e6df; padding:0; text-align:center; overflow:hidden; text-align:left; font-size:12px;}
.top .top_foot .links li{ display:block; border-top: 1px solid #d4d2ca;}
.top .top_foot .links li a{ display:block; padding: 7px 0;}
.top .top_foot .links li a:before{ content:"> ";}

.top .news { display:inline-block; width:95%; text-align:left; vertical-align: top; margin-bottom:10px;}
.top .news dl dd{ width:95%; display:inline-block;vertical-align:top; margin-bottom:15px;}

.top .top_subete { display:inline-block;border: 1px solid #dfdccf;  background: #eee; padding: 5px 20px; border-radius: 4px;text-decoration: none;width:300px;margin-bottom:25px;cursor:pointer;}

@media screen and (min-width: 0px) {
div#content {
	width: 90%;
}
.ticker {
	width: 70%;
}
}
@media screen and (min-width:480px){
div#content {
	width: 450px;
}
.ticker {
	width: 350px;
}
}
@media screen and (min-width:780px){
div#content {
	width: 750px;
}
.ticker {
	width: 600px;
}
}
@media screen and (min-width:1020px){
div#content {
	width: 1000px;
}
}
div#content {
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 40px;
}
body {
	background: #E6F1F6;
}
p {
	margin: 10px 0 20px;
}
h1 {
	font-size: 1.2em;
}
header .info4 { display: inline-block; font-size: 14px; font-weight: normal;		position:initial;		margin-top:3px; vertical-align: top; margin-top: 10px;}

header .siteid .headerdesc {
    display: none;
}
header a img {
    width:120px;
}

.ticker {
	padding: 30px;
	margin-bottom: 100px;
	border: 5px solid #4183C4;
	font-size: 16px;
}

/*-----------------------------------------
detail page
-----------------------------------------*/
.detail{ width:auto; padding:10px;}
.detail section {height:initial;}
.detail section ul{display:none;}
.detail section ul{position: relative;left: 0; top: 0px; margin: 0;}
.detail h2 {clear:both;position: relative;left: 0; top: 0px; margin: 0;}
.detail .exp {font-size:14px;position: relative;left: 0; top: 0px; margin: 0;}
.detail .image_view{ float:left; width:100%; text-align:center; font-size:13px; clear:both; margin-bottom:20px;}
.detail .image_view .image{ padding:10px; background:#f9f9f9; margin-bottom:15px; text-align:center;}
.detail .image_view img{ width:100%; height:100%;}
.detail .image_view span{ padding:0 15px;}
.detail .image_view .actions{ padding: 15px 0;}
.detail .image_view .actions li{ padding: 5px 5px; display:block;}
.detail .image_view .actions li i{ color:#222; margin-right:5px; font-size:20px;}
.detail .image_data{ float:right; width:100%; position:relative; top:-1px; margin-bottom:30px;}
.detail .image_data .tab li{ display:inline-block; border:1px solid #ccc; border-bottom:0; border-radius: 4px 4px 0 0; width:140px; margin-right:5px; text-align:center; font-size:13px; height:30px; background:#fff; position:relative; top:1px; line-height:30px; cursor:pointer;}
.detail .image_data .tab li:hover{ text-decoration:underline;}
.detail .image_data .tab li.crnt{ cursor: default; border-bottom:1px solid #fff;}
.detail .image_data .tab li.crnt:hover{ text-decoration:none;}
.detail .image_data table{border-top:1px solid #ccc; width:100%;}
.detail .image_data table td{ border-bottom:1px solid #ccc; padding: 8px 0; vertical-align:middle;}
.detail .image_data table td.size span{ background:#ddd; border:1px solid #ccc; padding:1px; width:8px; height:20px; line-height:20px; font-size:12px; display:inline-block; text-align:center;}
.detail .image_data table td.w-h{ text-align:right; width:60px;}
.detail .image_data table td.volume{display:none}
.detail .image_data table td.price{ font-size:13px; text-align:right; width:65px;}
.detail .image_data table td.btn { text-align:right; width:205px;font-size:12px;}
.detail .image_data table td.btn green_btn{font-size:12px; padding:7px 5px;}
.detail .image_data table td.btn button i{margin-right:0px;}

/*-----------------------------------------
page
-----------------------------------------*/
.page{ width:100%; overflow:hidden; padding-top:20px; margin-bottom:0px;}
.page .embedtext{border:1px solid #bbb; margin: 3px; padding:6px;font-size:16px;width:95%;height:100px;}


/*-----------------------------------------
footer
-----------------------------------------*/
footer ul{ overflow:hidden;text-align:left; padding-top:0px; margin: 0 auto; border-top:1px solid #666; display:inline; clear:both;}
footer ul+ul{ padding:0;}
footer li{ display:inline-block; width:95%; margin:0; text-align:center; padding:0; float:left;}
footer li a:link,footer li a:visited{ color:#999; padding: 7px 0; text-decoration:none; font-size:14px; display:block; width:100%; border-bottom:1px solid #666; border-right:1px solid #666;}
footer li a:hover{ text-decoration:underline;}
footer .footerlogo{ clear:both; padding-top:20px;}
footer .social{ width:auto;left:auto; top:auto; height:auto; margin-bottom:20px; text-align:center; margin:0; margin-bottom:10px;}
footer .paytype{ width:auto; text-align:center; position:relative; right:auto; top:auto; height:auto; margin:0; margin-bottom:10px;}


/*-----------------------------------------
OZ ADD*****
-----------------------------------------*/
.page .help_navi .help_list_right{clear:both;float:left;width:100%;}
.page .help_navi .help_list {clear:both;float:left;width:100%;}
.page .help_navi_bottom .help_list_right{clear:both;float:left;width:100%;}
.page .help_navi_bottom .help_list {clear:both;float:left;width:100%;}


/*-----------------------------------------
free page *****ikd ADD*****
-----------------------------------------*/
.top .free_image{ position:relative; width:100%; height:150px; background:url(https://www.photolibrary.jp/img/free_index_main_202101_sp.jpg); background-size:cover;background-position: center; margin-bottom:30px;}
.top .free_image form{ text-align:center; width:300px; position:absolute; top:50px; left:50%; margin-left:-150px;}
.top .free_image form input[type="text"]{ width:200px;  border:1px solid #999; border-right:0; border-radius:4px; height:41px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:12px; background:rgba(255,255,255,.85);}
.top .free_image form button{width:50px; height:49px; border-radius:0 4px 4px 0; font-size:18px;vertical-align:middle;}

/*-----------------------------------------
special page *****ikd ADD*****
-----------------------------------------*/
.region{ display:block; width:auto; padding: 10px;}

.top .sp_sakura_image{ position:relative; width:100%; height:150px; background:url(campaign/images/2015sakura-tokusyu-b.jpg); background-size:cover;background-position: right; margin-bottom:30px;}
.top .sp_sakura_image form{ text-align:center; width:300px; position:absolute; top:50px; left:50%; margin-left:-150px;}
.top .sp_sakura_image form input[type="text"]{ width:200px;  border:1px solid #999; border-right:0; border-radius:4px; height:41px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:12px; background:rgba(255,255,255,.85);}
.top .sp_sakura_image form button{width:50px; height:49px; border-radius:0 4px 4px 0; font-size:18px;vertical-align:middle;}

.top .sp_rentalposi_image{ position:relative; width:100%; height:150px; background:url(img/2015rentalposi-a.jpg); background-size:cover;background-position: left; margin-bottom:30px;}
.top .sp_rentalposi_image form{ text-align:center; width:300px; position:absolute; top:50px; left:50%; margin-left:-150px;}
.top .sp_rentalposi_image form input[type="text"]{ width:200px;  border:1px solid #999; border-right:0; border-radius:4px; height:41px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:12px; background:rgba(255,255,255,.85);}
.top .sp_rentalposi_image form button{width:50px; height:49px; border-radius:0 4px 4px 0; font-size:18px;vertical-align:middle;}

.top .sp_heritage_image{ position:relative; width:100%; height:150px; background:url(images/2015sekaiisan-tokusyu-b.jpg); background-size:cover;background-position: left; margin-bottom:30px;}
.top .sp_heritage_image form{ text-align:center; width:300px; position:absolute; top:50px; left:50%; margin-left:-150px;}
.top .sp_heritage_image form input[type="text"]{ width:200px;  border:1px solid #999; border-right:0; border-radius:4px; height:41px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:12px; background:rgba(255,255,255,.85);}
.top .sp_heritage_image form button{width:50px; height:49px; border-radius:0 4px 4px 0; font-size:18px;vertical-align:middle;}

.top .sp_nenga_image{ position:relative; width:100%; height:150px; background:url(images/2015nengajou-tokusyu-b.jpg); background-size:cover; background-position: left; margin-bottom:30px;}
.top .sp_nenga_image form{ text-align:center; width:300px; position:absolute; top:50px; left:50%; margin-left:-150px;}
.top .sp_nenga_image form input[type="text"]{ width:200px;  border:1px solid #999; border-right:0; border-radius:4px; height:41px; padding:3px 15px; border-radius:4px 0 0 4px; font-size:12px; background:rgba(255,255,255,.85);}
.top .sp_nenga_image form button{width:50px; height:49px; border-radius:0 4px 4px 0; font-size:18px;vertical-align:middle;}


/*-----------------------------------------
matome page maedaAdd
-----------------------------------------*/
.matome,
.matome .matome_pickup,
.matome .matome_head,
.matome .matome_list,
.matome .matome_body,
.matome .matome_side{width:100%;}

.matome .matome_pickup{ margin-bottom:0; padding:10px 0;}
.matome .matome_pickup ul{ overflow:hidden; padding: 20px;}
.matome .matome_pickup ul li{ width:auto; margin-right:0; float:none; margin-bottom:20px;}
.matome .matome_pickup ul li .imgarea{ height:213px; overflow:hidden; margin-bottom:10px; background:#f5f5f5; text-align:center;}

.matome .matome_head{ overflow:hidden; border-bottom:1px solid #eee;border-top:1px solid #eee; padding: 10px 0; margin-bottom:0;}
.matome .matome_head span.imgarea{ float:none; margin-right:0; display:block; text-align:center; margin-bottom:10px;}
.matome .matome_head span img{ max-width:100%;}
.matome .matome_head .head_block{ margin-left:0; padding: 10px 20px; }
.matome .matome_head .head_block h1{ font-size:26px;}


.matome .matome_list,
.matome .matome_body{ float: left; padding-right:20px; border-right:1px solid #eee; margin-right:20px; font-size:14px;}

.matome .matome_list ul li{padding:15px 20px; margin-bottom:0;}
.matome .matome_list ul li .imgarea { text-align:center; float:left; margin-right:10px; width:120px; background:#f5f5f5;}
.matome .matome_list ul li .imgarea img{ max-width:120px; max-height:140px;}
.matome .matome_list ul li .textblock{ margin-left:130px;}
.matome .matome_list ul li .textblock h2 a{ font-size:20px; font-weight: normal; text-decoration:none;}
.matome .matome_list ul li .textblock h2 a:hover{ text-decoration:underline;}
.matome .matome_list ul li .textblock p{ color:#666; font-size:12px;}

.matome .matome_body .matome_body_inner{ padding:20px;}
.matome .matome_body img { max-width:100%;}

.matome .matome_side{ float:right;}
.matome .matome_side .block{ margin-bottom:30px; border-bottom:1px solid #eee; padding:20px; }
.matome .matome_side .user{ overflow:hidden;}
.matome .matome_side .user img{ float:left; max-width:48px; margin-right:10px;}
.matome .matome_side .user .name{ margin-bottom:0px;}
.matome .matome_side .user .info{ font-size:11px; color:#999;  height: 30px;  overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;}

.matome .matome_side h3{ font-size:16px; font-weight:normal; margin-bottom:10px; color:#999;}
.matome .matome_side ul li{ overflow:hidden; margin-bottom:15px;}
.matome .matome_side ul li img{ max-width:80px; float: left; margin-right:5px;}
.matome .matome_side ul li a{ text-decoration:none;}
.matome .matome_side ul li a:hover p{ text-decoration:underline;}
.matome .matome_side ul li a p{ margin-bottom:2px;}
.matome .matome_side ul li a span{ display:block; color:#999; text-decoration:none; font-size:10px;}
.matome .matome_side .ranking {counter-reset: my-badass-counter; }
.matome .matome_side .ranking li{position:relative;  z-index:100;}
.matome .matome_side .ranking li:before {position: absolute; content: counter(my-badass-counter); counter-increment: my-badass-counter;display:block;width:12px;height:12px; text-align:center; line-height:12px; background:#fff; font-size:10px; color:#999;}
.matome .matome_side .tags{ overflow:hidden;}
.matome .matome_side .tags li{ display: inline-block; float:left; margin: 0 10px 10px 0;}
.matome .matome_side .tags a{ border:1px solid #dfdccf; background:#fff; padding:5px 20px; display:inline-block; border-radius:4px; text-decoration:none;}
.matome .matome_side .tags a:hover{ background:#f5f5f5; color:#666;}
.matome .matome_side .tags a.sp{ border:0; padding: 6px 10px; background:#5197c9; color:#fff; }
.matome .matome_side .tags a.sp:hover{ background-color:#7bb0d5;}


/*-----------------------------------------
detail footer page tag ozakiAdd 
-----------------------------------------*/

.detail_prepaid{ text-align:center;  background:#5399cb;margin-top:10px; padding:10px;  border-radius: 3px;width:90%;float:left;}

.detailtag{ margin: 0 auto;   padding-top:20px; margin-bottom:10px; text-align:left;}
.detailtag a{ color:#444;}

.detailtag .detailtag_side{ float:right; }
/*.detailtag .detailtag_side .block{ margin-bottom:20px; border-bottom:1px solid #eee; }*/

.detailtag .detailtag_side .tags{ overflow:hidden;width:300px;}
.detailtag .detailtag_side .tags li{ display: inline-block; float:left; margin: 0 10px 10px 0;}
.detailtag .detailtag_side .tags a{ border:1px solid #dfdccf; background:#fff; padding:5px 20px; display:inline-block; border-radius:4px; text-decoration:none;}
.detailtag .detailtag_side .tags a:hover{ background:#f5f5f5; color:#666;}
.detailtag .detailtag_side .tags a.sp{ border:0; padding: 6px 10px; background:#5197c9; color:#fff; }
.detailtag .detailtag_side .tags a.sp:hover{ background-color:#7bb0d5;}
/*-----------------------------------------*/

.login_half {width:93%;}
.login_half_right { width:93%;float:left;}
.login_nomember{width:100%;float:left;}




.detail{ margin: 0 auto;  overflow:hidden; padding-top:20px; margin-bottom:10px; text-align:left;}
.detail .topic_path{width:99%; float:left; font-size:14px; padding-top:5px; margin-bottom:5px;}
.detail .topic_path li{  margin-right:3px;margin-bottom:3px;float:left;}
.detail .topic_path li:after{ content:">"; padding-left:10px;}
.detail .topic_path li:last-child{ }
.detail .topic_path li:last-child:after{ content:none;}
.detail .socials{ width:20%; float:right; margin-bottom:10px; text-align:right;}
.detail .socials li{ display:inline-block; font-size:20px;}
.detail .socials .fa-twitter{ color:#55acee;}
.detail .socials .fa-facebook-square{ color:#3b5998;}


.fluid{ margin: 0 auto; width:98%; overflow:hidden; padding-top:25px; margin-bottom:0px; text-align:left;margin-left:10px;}
.fluid .topic_path{width:95%; float:left; font-size:14px; padding-top:5px; margin-bottom:20px;}
.fluid .topic_path li{ display:inline-block; margin-right:3px;}
.fluid .topic_path li:after{ content:">"; padding-left:10px;}
.fluid .topic_path li:last-child{ }
.fluid .topic_path li:last-child:after{ content:none;}
.fluid .socials{ width:20%; float:right; margin-bottom:20px; text-align:right;margin-right:10px;}
.fluid .socials li{ display:inline-block; font-size:20px;}
.fluid .socials .fa-twitter{ color:#55acee;}
.fluid .socials .fa-facebook-square{ color:#3b5998;}


.main1{
border: 1px solid #ddd;
padding: 20px 10px; 
	}

/*------------- search -------------------*/

#body ul.pList li{
	width: 125px;
	float: left;
	vertical-align: middle;
	}
#body ul.pListLarge li{
	width: 170px;
	height: 260px;
	}


.paging ul.pageNav02 {
	margin: 0 0 10px;
	padding: 7px 6px 3px;
	background: #fff;
	border: 1px solid #eee;
	text-align: center;
	height: 52px;
}

.paging ul.pageNav02 li  .pagingbtm{padding:11px 20px;font-size:14px;width:120px;}



/*-------------search ----------------------------*/
#body #side{
	float: left;
	display: inline;
	width: 95%;
	}
#body #side h1{

	width :97%;
}
#body #side h2{

	width :97%;
}
#body #side h3{

	width :97%;
}
body#search #body #main,
body#search #body #detail{
	width: auto;
	float:left;
	margin-left: 0px;
	}
#body #side #search_detail .recent_images li{
	width:48%; 
	border-bottom:1px solid #eee;
	border-right: 1px solid #eee;
	overflow:hidden;
	padding:5;
	display: inline-block;
	zoom:1;
	vertical-align:middle;
	text-align: center;
	}
#body #side #search_detail .recent_images img{
	width:90%; height:90%;

	}

/*-------------lightbox----------------------------*/

.lightbox {width:90%;margin:auto;padding:1px;font-size:16px;text-align:left;}
#lightbox_list {
width:90%;text-align:left;}

#tablenobphotov {
display:none;}


.lightbox_footer {width:90%;margin:auto;padding:1px;font-size:16px;margin-top:30px;}


.modalBody{position: fixed; z-index:1000; background: #555; width:370px; left:50%; top:40%; height: 480px;
  padding: 0px;
  border-radius: 4px;
  background-color: #fff;
  color: #555;
  text-align: left;
  font-size: 16px;
	border-style: solid;
	border-width: 1px;
	border-color: 555;
}

.modalBody a img {max-width:350px;}
.modalBody .modalsp .leftimg{float:left;width:165px;}
.modalBody .modalsp .righttxt{float:right;width:180px;}
.modalBody .proftxt {    overflow: auto;    height: 240px;    text-align: left;    clear: both;    margin-top: 10px;}