@charset "EUC-JP";
/*------------------------------
基本
--------------------------------*/
html{
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: aliased;
	font-size: 62.5%;
}
body{
	font-family:"Mplus 1p", sans-serif;
	font-size: 1.4rem;
	color:#333333;
	margin:0px;
	padding:0px;
	overflow-x: hidden;
}
.ie8 html,body{
	line-height:150%;
}
img{
	border:none;
}
a{
	color:#0096d8;
	text-decoration:none;
}
a:hover{
	color:#cccccc;
	text-decoration:none;
}
strong{
	font-weight:bold;
}
.wf-mplus1p { font-family: "Mplus 1p"; }
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
/*------------------------------
フォーマット
--------------------------------*/
#container {
	width:1020px;
	margin:0px auto 0px auto;
	padding:0px 0px 15px 0px;
	position:relative;
	height:auto;
	min-height:2000px;
	overflow: hidden;
	background-color:#ffffff;
}
@media screen and (max-width: 1020px){
	#container {
		width:100%;
		margin:0px 0px 0px 0px;
	}
}
@media screen and (max-width:640px){
	#container {
		min-height: 100%;
		min-width: 100%;
		top: 0;
		bottom: 100%;
		left: 0;
		z-index: 1;
    }
	.nav-trigger + label, #container {
	    transition: left 0.2s;
	}
    .nav-trigger:checked ~ #container {
	    left:250px;
	    box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
    }
}

#contents{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}
#maincontents{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
#main{
	clear:both;
	margin:-10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
@media screen and (max-width: 320px){
	#contents{
		padding:10px 0px 0px 0px;
	}
}
.pan{
	position: relative;
	margin:10px 0px 10px 0px;
	padding-left:0px;
}
.pan a{
	box-sizing: border-box;
	margin:0px 0px 10px 10px;
	padding:5px 0px 5px 7px;
	float: left;
	text-decoration: none;
	color: #333333;
	background: #ddd;
	position: relative;
	z-index: 1;
	font-size:1.1rem;
}
.pan a.pan_nex{
	margin:0px 0px 10px 15px;
}
.pan a:hover{
	background: #ff8222;
	color:#ffffff;
}
.pan a::after,.pan.pan_nex a::after{
	content: "";
  	position: absolute;
 	 top: 50%;
 	 margin-top: -1.5em;
 	 border-top: 1.5em solid transparent;
 	 border-bottom: 1.5em solid transparent;
 	 border-left: 1em solid #ddd;
 	 right: -1em;
}
.pan a:hover::after,.pan a.pan_nex:hover::after{
	content: "";
  	position: absolute;
 	 top: 50%;
 	 margin-top: -1.5em;
 	 border-top: 1.5em solid transparent;
 	 border-bottom: 1.5em solid transparent;
 	 border-left: 1em solid #ff8222;
 	 right: -1em;
}
.pan span.pantex{
	display:block;
	font-weight: bold;
	background: none;
	margin:0px 0px 0px 0px;
	color:#FC7F2F;
}
.pan .pantex::before{
	content:"";
	width:20px;
	margin:0px 0px 0px 20px;
}
.pan span.pantex{
	display:block;
	font-weight: bold;
	background: none;
	padding:8px 0px 0px 0px;
	line-height:140%;
	font-size:1.4rem;
}
.pan li{
	display:inline;
}

@media screen and (max-width: 640px){
	.pan{
		position: relative;
		padding:10px 10px 10px 10px;
	}
	.pan a{
		box-sizing: border-box;
		margin:0px 0px 10px 0px;
		padding:5px 0px 5px 0px;
		display:inline;
		float: none;
		text-decoration: underline;
		color: #444;
		background:none;
		position: relative;
		z-index: 1;
		text-shadow:none;
		border-radius:none;
		font-size:1.1rem;
		color:#333333;
	}
	.pan a.pan_nex{
		margin:10px 0px 10px 10px;
	}
	.pan a:hover{
		background:none;
		color:#cccccc;
	}
	.pan a::after{
		display:none;
	}
	.pan a:hover::after{
		display:none;
	}
	.pan span.pantex{
		display:block;
		font-weight: bold;
		background: none;
		margin:0px 0px 0px 0px;
	}
	.pan .pantex::before{
		content:"";
		width:20px;
		margin:0px 0px 0px 0px;
	}
	.pan span.pantex{
		display:inline;
		font-weight: bold;
		background: none;
		padding:0px 0px 0px 10px;
		line-height:140%;
		font-size:1.2rem;
	}
	.pan li{
		display:inline;
	}
}

/*------------------------------
中ページ
--------------------------------*/
#main h3{
	font-size:2.8rem;
	color:#333333;
	width:280px;
	margin:20px auto 0px auto;
	padding:0px 0px 10px 0px;
	line-height:140%;
	text-align:center;
	font-weight:normal;
}
#main h3 hr{
	display:block;
	border-bottom:1px solid #333333;
	margin:5px 0px 0px 0px;
}
#main h3:after{
	display:block;
	content:"new arrival";
	background-image:url('../images/icon_soho.gif');
	background-repeat:no-repeat;
	background-position:center 0px;
	margin:15px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	font-size:1.6rem;
	z-index:1;
}
#main h3.mylist{
	width:320px;
}
#main h3.mylist:after{
	content:"mylist stock";
}
#main h3.newlist:after{
	content:"new arrival";
}
#main h3.uplist:after{
	content:"update arrival";
}
#main h3.area{
	width:370px;
}
#main h3.area:after{
	content:"area search";
}
#main h3.cat{
	width:400px;
}
#main h3.cat:after{
	content:"cat search";
}
#main h3.size{
	width:340px;
}
#main h3.size:after{
	content:"size search";
}
#main h3.contact,#main h3.shops{
	width:200px;
}
#main h3.contact:after{
	content:"contact";
}
#main h3.shops:after{
	content:"shops access";
}
#main h3.privacy{
	width:230px;
}
#main h3.privacy:after{
	content:"privacy policy";
}
#main h3.company{
	width:120px;
}
#main h3.company:after{
	content:"company outline";
	width:125px;
}
#main h3.contents{
	width:170px;
}
#main h3.contents:after{
	content:"usful contents";
}
#main h3.links{
	width:300px;
}
#main h3.links:after{
	content:"links";
}
#main h3.sitemap{
	width:170px;
}
#main h3.sitemap:after{
	content:"sitemap";
}
#main h3.dictionary{
	width:230px;
}
#main h3.dictionary:after{
	content:"dictionary";
}
#main h3.tc{
	width:340px;
}
#main h3.tc:after{
	content:"funds simuretion";
}
#main h3.loan{
	width:370px;
}
#main h3.loan:after{
	content:"loan simuretion";
}
#main h3.bcontact{
	width:260px;
}
#main h3.bcontact:after{
	content:"contact";
}
#main h3.mem:after{
	content:"members page";
}
@media screen and (max-width:380px){
	
	#main h3.area{
		width:320px;
	}
	#main h3.cat{
		width:320px;
	}
	#main h3.size{
		width:320px;
	}
	#main h3.tc{
		width:320px;
	}
	#main h3.loan{
		width:320px;
	}
}
#main h4{
	position: relative;
	color:#333333;
	font-size:2.4rem;
	font-weight:normal;
	margin:10px 0px 10px 0px;
	padding:2px 0px 0px 35px;
	line-height:150%;
}
#main h4:before {
	position: absolute;
	font-family: FontAwesome;
	content: "\f0a7";
	background: #ff801e;
	color: #ffffff;
	font-size:1.6rem;
	border-radius: 50%;
	left: 0;
	width:28px;
	height:28px;
	line-height:28px;
	text-align: center;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#main h4.contact:before {
	content: "\f003";
}
#main h4.list:before {
	content: "\f0f7";
}
#main h4.mylist:before {
	content: "\f01c";
}
#main h4.f_links:before {
	content: "\f08e";
}
#main h4.sitemap:before {
	content: "\f0e8";
}
#main h4.kanri:before {
	content: "\f044";
}
#main h4.privacy:before {
	content: "\f1ae";
}
#main h4.bk_h4:before {
	display:none;
}
#main h4.toggle_btn{
	cursor:pointer;
	background-color:#6dbcba;
	color:#ffffff;
	font-size:1.8rem;
	padding:12px 10px 12px 35px;
	margin:0px 0px 20px 0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#main h4.toggle_btn:before {
	font-family: FontAwesome;
	content: "\f00e";
	display: inline-block;
	position: absolute;
	padding:0em;
	left:12px;
	top:24px;
	line-height:none;
	background:none;
	font-weight: normal;
	width:auto;
	text-align:left;
	height:auto;
	line-height:none;
	border: none; 
	border-radius:none;
}
#main h4.toggle_btn:hover{
	opacity:0.7;
}
@media screen and (max-width:768px){
	#main h4{
		margin:10px 10px 10px 10px;
		line-height:140%;
	}
	#main h4.toggle_btn{
		margin:0px 10px 10px 10px;
	}
}
#main h5 {
	padding:3px 0px 7px 5px;
	border-bottom: 1px solid #808080;
	font-size:2.0rem;
	color:#808080;
	font-weight:normal;
}
#main h5:first-letter {
	font-size:2.6rem;
	color:#6dbcba;
	font-weight:bold;
}
#main h5.fo_h5{
	color:#4d4d4d ;
	font-size:1.8rem;
	margin:5px 0px 10px 0px;
	padding: 0px 0px 8px 0px;
	font-weight:normal;
	border:none;
	border-bottom:1px dotted #4d4d4d;
	border-radius:0px;
}
#main h5.entry_h5{
	font-size:2.0rem;
	color:#333333;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:140%;
	border:none;
	font-weight:normal;
	font-size:1.6rem;
}
#main h5.bk_h5::before,
#main h5.bk_h5::after,#main h5.fo_h5::before,
#main h5.fo_h5::after,#main h5.entry_h5::before,
#main h5.entry_h5::after {
	position:static;
	content: '';
	height:auto;
	z-index:none;
	width:auto;
	background:none;
	border-radius:none;
}
@media screen and (max-width:768px){
	#main h5{
		margin:10px 10px 10px 10px;
		line-height:140%;
	}
}
#main h6{
	position: relative;
	padding: 0 .4em .1em;
	font-size:1.8rem;
	margin:0px 0px 10px 0px;
	padding:15px 0px 0px 5px;
	color:#233a5b;
}
#main h6::after {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 10px;
	background-color: #ffcd00;
}
#main p{
	font-size:1.6rem;
	margin:0px 0px 0px 0px;
	padding:15px;
	text-align:left;
	line-height:150%;
}
#main p.bk_acc{
	font-size:1.3rem;
	color:#333333;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
#main p.bk_hyoji{
	width:300px;
	float:left;
	font-size:1.6rem;
	color:#333333;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	line-height:140%;
}
#main p.bk_p{
	font-size:1.4rem;
	color:#333333;
	margin:0px 0px 0px 0px;
	padding:10px 5px 10px 5px;
	line-height:140%;
}
#main p.chui{
	font-size:1.2rem;
	margin:0px 0px 0px 0px;
	padding:5px;
	line-height:130%;
}
#main p.artsub_box{
	font-size:1.4rem;
	color:#ffffff;
	margin:0px 0px 0px 0px;
	line-height:160%;
	padding:10px 5px 10px 5px;
}
#main p.artsub_box a{
	display:block;
	float:left;
	text-align:center;
	color:#ffffff;
	background-color:#333333;
	padding:5px 10px 5px 10px;
	margin:10px 0px 0px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#main p.artsub_box a:hover{
	background-color:#cccccc;
}
.toggle{
	margin:0px auto 30px auto;
	background-color:#efefef;
	width:500px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#main ul.ul_set{
	margin:0px 0px 0px 40px;
	padding:0px 0px 0px 0px;
	list-style: none;
	line-height:150%;
}
#main ul.ul_set li{
	position:relative;
	font-size:1.4rem;
	margin:0px 0px 5px 10px;
	padding:2px 0px 0px 0px;
}
#main ul.ul_set li.fleft{
	float:left;
	margin:0px 30px 5px 0px;
}
#main ul.ul_set li.sitemap3{
	position:relative;
	float:left;
	font-size:1.4rem;
	margin:0px 15px 5px 10px;
	padding:2px 0px 0px 0px;
}
#main ul.ul_set li:before {
	font-family: FontAwesome;
	content: "\f00c";
	display: inline-block;
	position: absolute;
	padding: 0em;
	left:-18px;
	top:0px;
}
#main ul.ul_set li.sitemap:before {
	content: "\f14c";
	top:2px;
}
#main ul.ul_set li.sitemap2:before {
	content: "\f003";
	top:2px;
}
#main ul.ul_set li.sitemap3:before {
	content: "\f02d";
	top:2px;
}
#main ul.ul_set li.sitemap a,#main ul.ul_set li.sitemap2 a,#main ul.ul_set li.sitemap3 a{
	color:#333333;
	text-decoration:underline;
}
#main ul.ul_set li.sitemap a:hover,#main ul.ul_set li.sitemap2 a:hover,#main ul.ul_set li.sitemap3 a:hover{
	color:#cccccc;
}
@media screen and (max-width:768px){
	
}
@media screen and (max-width:640px){
	.toggle{
		margin:0px auto 20px auto;
		background-color:#efefef;
		width:95%;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	#main p.bk_hyoji{
		float:none;
	}
	#main ul.ul_set{
		margin:0px 10px 0px 20px;
	}
	#main ul.ul_set li{
		position:relative;
		font-size:1.6rem;
		margin:0px 0px 10px 10px;
		padding:2px 0px 0px 0px;
	}
	#main ul.ul_set li.sitemap2{
		position:relative;
		float:left;
		font-size:1.6rem;
		margin:0px 15px 5px 10px;
		padding:2px 0px 0px 0px;
	}
	#main ul.ul_set li:before {
		font-family: FontAwesome;
		content: "\f00c";
		display: inline-block;
		position: absolute;
		padding: 0em;
		left:-18px;
		top:0px;
	}
}
@media screen and (max-width:420px){
	
}
/*------------------------------
マイリストページ
--------------------------------*/
.fv_btn a{
	margin:10px 1%;
	padding:1%;
	width:20%;
	border:solid 1px #7f7f7f;
	background-color:#7f7f7f;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
	font-size: 14px;
	float:left;
	color:#FFFFFF;
	cursor: pointer;
    display: block;
	position:relative;
}
.fv_btn a:before {
	font-family: FontAwesome;
	content: "\f0c9";
	display: inline-block;
	position: absolute;
	padding: 0em;
	left:12px;
	top:10px;
}
.fv_btn a.ck:before {
	content: "\f14a";
}
.fv_btn a.uck:before {
	content: "\f0c8";
}
.fv_btn a.ckc:before {
	content: "\f003";
}
.fv_btn a.ckd:before {
	content: "\f00d";
}
.fv_btn a:hover{
	border:solid 1px #4d4d4d;
	background-color:#4d4d4d;
}
.fv_btn {
	overflow:hidden;
}
@media screen and (max-width: 768px){
	.fv_btn a{
		margin:10px 1%;
		padding:2%;
		width:90%;
	}
}
/*------------------------------
コンテンツページ
--------------------------------*/
.sub_cat{
	overflow: hidden;
	text-align:center;
	margin:0px 0px 15px 0px;
	padding:15px;
}
.sub_cat span {
	position:relative;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:7px 20px 5px 20px;
	font-size:1.8rem;
	color: #d45d42;
	font-weight:normal;
	line-height:140%;
}
.sub_cat span::before,
.sub_cat span::after {
	position: absolute;
	top:50%;
	content: '';
	width:400%;
	height:1px;
	background-color: #d45d42;
}
.sub_cat span::before {
	right:100%;
}
.sub_cat span::after {
	left:100%;
}
/*------------------------------
トップページ
--------------------------------*/

@media screen and (max-width: 640px){
	
}
@media screen and (max-width: 420px){
	
}
/*------------------------------
メインメニュー
--------------------------------*/
.menu_box{
	background-image:url('../images/mark.png');
	background-repeat:no-repeat;
	background-position:center 0px;
	margin:10px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	min-height:50px;
}
ul#tabMenu{
 	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
#tabMenu li.mb_cat{
	width:430px;
	position:absolute;
	top:8px;
	left:0px;
}
#tabMenu li.mb_con{
	width:430px;
	position:absolute;
	top:8px;
	right:0px;
}
#tabMenu li span{
    display:block;
    width:430px;
    height:36px;
	box-sizing: border-box;
	padding:7px 0px 0px 0px;
    text-align:center;
    border:#ccc 1px solid;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:1.6rem;
	cursor:pointer;
}
#tabMenu li span:before {
	font-family: FontAwesome;
	content: "\f078";
	display: inline-block;
	margin:0px 5px 0px 0px;
}
#tabMenu li span:hover{
    display:block;
    width:430px;
    height:36px;
	box-sizing: border-box;
	padding:7px 0px 0px 0px;
    text-align:center;
    border:#ccc 1px solid;
	background-color:#ff801e;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:1.6rem;
	color:#ffffff;
	z-index:1;
}
#tabMenu li span.active{
    display:block;
    width:430px;
    height:36px;
	box-sizing: border-box;
	padding:7px 0px 0px 0px;
    text-align:center;
    border:#ccc 1px solid;
	background-color:#ff801e;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	font-size:1.6rem;
	color:#ffffff;
	z-index:1;
}
#tabMenu li span.active:before{
	content: "";
	position: absolute;
	bottom: -18px;
	left: 50%;
 	margin-left: -10px;
	border:7px solid transparent;
	border-top:15px solid #ff801e;
 	z-index: 0;
}
#tabBoxes{
	margin:0px 0px 0px 0px;
	padding:60px 0px 0px 0px;
}
#tabBox1,#tabBox2{
	display:block;
    width:100%;
    height:auto;
	box-sizing: border-box;
	padding:25px 15px 15px 15px;
    border:#ccc 1px solid;
	background-color:#ffffff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
#tabBoxes h3{
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}
#tabBoxes h3:before {
	font-family: FontAwesome;
	content: "\f01a";
	display: inline-block;
	margin:0px 5px 0px 0px;
}
#tabBox1,#tabBox2{
    display:none;
}
.active{
	 display:block;
}
#tabBoxes ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#tabBoxes ul.tab1cat{
	margin:0px auto 0px auto;
}
#tabBoxes ul.tab2con{
	margin:0px auto 0px auto;
	width:50%;
}
#tabBoxes li{
	display:inline-block;
	width:75;
	margin:0px 10px 20px 10px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#tabBoxes ul.tab1cat li{
	margin:0px 15px 20px 15px;
}
#tabBoxes ul.tab2con li{
	margin:0px 10px 20px 10px;
}
#tabBoxes li a{
	color:#333333;
}
#tabBoxes li.sel_over a,#tabBoxes li.sel_over a:hover{
	color:#ff801e;
	font-weight:bold;
}
#tabBoxes li span{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.2rem;
	line-height:120%;
}
nav.toggle{
	margin:40px 0px 0px 0px;
}
@media screen and (max-width: 768px){
	#tabMenu li.mb_cat{
		width:45%;
		position:absolute;
		top:8px;
		left:0px;
	}
	#tabMenu li.mb_con{
		width:45%;
		position:absolute;
		top:8px;
		right:0px;
	}
	#tabMenu li span{
		width:100%;
	}
	#tabMenu li span:hover{
		width:100%;
	}
	#tabMenu li span.active{
		width:100%;
	}
	#tabBoxes ul.tab1cat{
		margin:0px auto 0px auto;
		width:100%;
	}
	#tabBoxes ul.tab2con{
		margin:0px auto 0px auto;
		width:100%;
	}
}
@media screen and (max-width: 640px){
	#tabMenu li.mb_cat{
		width:40%;
		position:absolute;
		top:8px;
		left:0px;
	}
	#tabMenu li.mb_con{
		width:40%;
		position:absolute;
		top:8px;
		right:0px;
	}
	#tabBox1,#tabBox2{
		padding:10px 10px 0px 0px;
	}
	#tabBoxes li{
		margin:0px 5px 20px;
		padding:0px 0px 0px 0px;
		text-align:center;
	}
}
@media screen and (max-width: 420px){
	
}
/*------------------------------
ヘッダー
--------------------------------*/
#header{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	background-image:url('../images/main_img.jpg');
	background-repeat:no-repeat;
	background-position:0px top;
	background-size:contain;
	height:500px;
}
#header h1{
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 20px;
	font-size:1.4rem;
	color:#ffffff;
	font-weight:bold;
	text-shadow:2px 2px 2px rgba(0,0,0,0.4);
}
#header h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	position:absolute;
	top:28%;
	left:0px;
	text-align:center;
}
#header p.htex_p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height:0px;
}
#header p.mm_tex{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:3.3rem;
	font-family: "Sawarabi Gothic";
	color:#ffffff;
	text-shadow:3px 3px 3px rgba(0,0,0,0.4);
	width:100%;
	position:absolute;
	bottom:100px;
	left:0px;
	text-align:center;
}
#header ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#header li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#header li.hm_home{
	position:absolute;
	bottom:0px;
	left:15px;
}
#header li.hm_tmp{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#header li.hm_tmp ul{
	width:250px;
}
#header li.hm_tmp li{
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	font-size:1.2rem;
}
#header li.hm_tmp li span{
	display: inline-block;
	padding:0px 6px 0px 6px;
	margin:3px 0px 0px 0px;
	background:rgba(255,255,255,0.7);
}
#header li.hm_tmp li span.tnp_tel{
	padding:5px 6px 5px 6px;
	margin:3px 0px 0px 0px;
	background:rgba(255,255,255,0.7);
	font-size:2.7rem;
	font-weight:bold;
}
#header li.hm_sns{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:40px;
	right:80px;
}
#header li.hm_mylist{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:20px;
	right:20px;
	text-align:right;
}
#header li.hm_mylist span{
	display:block;
	margin:0px -5px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.0rem;
	color:#ffffff;
	font-weight:bold;
	transform: scale(0.8, 1);
}
#header li.hm_mylist a{
	display:block;
	background-image:url('../images/bg_mylist.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:0px 0px 0px 12px;
	padding:0px 0px 0px 0px;
	width:45px;
	height:45px;
	color:#333333;
}
#mynum{
	margin:0px auto 0px auto;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:11px;
	line-height:135%;
}
strong#mylist_count{
	font-family:Arial Black;
	font-size:2.0rem;
	margin:0px 0px 0px 0px;
}
#header li.hm_bruno{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	bottom:5px;
	right:15px;
}
@media screen and (max-width: 768px){
	#header{
		height:380px;
	}
	#header p.mm_tex{
		font-size:2.6rem;
		bottom:57px;
		left:0px;
	}
	#header li.hm_bruno{
		bottom:0px;
		right:15px;
	}
}
@media screen and (max-width: 640px){
	#header{
		height:314px;
	}
	#header h1{
		padding:8px 0px 0px 10px;
	}
	#header li.hm_tmp{
		display:none;
	}
	#header h2{
		position:absolute;
		top:40px;
		left:10px;
	}
	#header h2 img{
		width:150px;
		height:auto;
	}
	#header p.mm_tex{
		font-size:2.0rem;
		bottom:50px;
		left:0px;
	}
	#header li.hm_sns{
		display:none;
	}
	#header li.hm_mylist{
		top:15px;
		right:15px;
	}
	#header li.hm_home{
		bottom:-20px;
		left:15px;
	}
	#header li.hm_bruno{
		bottom:-20px;
		right:15px;
	}
}
@media screen and (max-width: 420px){
	#header{
		height:206px;
	}
	#header h1{
		padding:8px 0px 0px 10px;
	}
	#header li.hm_tmp{
		display:none;
	}
	#header h2{
		position:absolute;
		top:40px;
		left:10px;
	}
	#header h2 img{
		width:100px;
		height:auto;
	}
	#header p.mm_tex{
		font-size:2.0rem;
		bottom:20px;
		left:0px;
	}
	#header li.hm_sns{
		display:none;
	}
	#header li.hm_mylist{
		top:15px;
		right:15px;
	}
	#header li.hm_home{
		bottom:-20px;
		left:15px;
	}
	#header li.hm_bruno{
		bottom:-20px;
		right:15px;
	}
}
@media screen and (max-width: 380px){
	#header{
		height:186px;
	}
	#header h2{
		position:absolute;
		top:30px;
		left:10px;
	}
}
@media screen and (max-width: 320px){
	#header{
		height:160px;
	}
	#header h2{
		display:none;
	}
	#header p.mm_tex{
		font-size:1.8rem;
	}
}
/*------------------------------
コンテンツ詳細
--------------------------------*/
.sm_left{
	float:left;
	width:30%;
	margin:0px 0px 10px 20px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.sm_right{
	float:right;
	width:65%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
@media screen and (max-width: 640px){
	.sm_left{
		float:none;
		width:100%;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
	}
	.sm_right{
		float:none;
		width:100%;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
	}
	.sm_left img,.sm_right img{
		width:100%;
		height:auto;
	}
}
#articlepage_box{
	margin:0px 0px 0px 0px;
	padding:0px;
	position:relative;
}
.contents_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.contents_mimg_box{
	margin:0px 0px 0px 0px;
	padding:10px;
	text-align:center;
}
.cb_comment{
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 20px;
}
.cb_comment p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#main .cb_comment h4,#main .cb_comment h5,#main .cb_comment h6,#main .cb_comment p{
	margin:0px 0px 0px 0px;
}
.cb_comment ul{
	margin:0px 0px 0px 0px;
	padding:10px;
}
.cb_comment li{
	margin:0px 0px 5px 10px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	color:#000000;
}
.cb_comment table{
	width:100%;
}
@media screen and (max-width: 640px){
	.cb_comment{
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
	}
	.cb_comment table th{
		width:100%;
		display:block;
		margin:0px 0px 5px 0px;
    }
	.cb_comment table td{
		width:100%;
		display:block;
		margin:0px 0px 5px 0px;
    }
}
.QandA {
padding: 10px 10px 10px 20px;
margin: 25px 10px 10px;
background: #eee;
border-radius: 25px;
}
#main p.text_Q {
border-bottom: 3px double #b3b3b3;
margin: 5px 0 10px;
padding: 0 6px;
font-size: 14px;
}
#main p.text_A {
padding: 5px 10px;
color: #909090;
}
.other_box{
	margin:15px;
	padding:15px;
	background-color:#ffffff;
}
.ob_box{
	float:left;
	width:21%;
	background-color:#ffffff;
	margin:0px 0px 8px 8px;
	padding:8px;
	min-height:100px;
	height:100%;
	text-align:center;
}
.ob_box img{
	width:90%;
	height:auto;
}
img.article_img{
	width:100%;
}
@media screen and (max-width: 768px){
	.contents_mimg_box img{
		width:100%;
		height:auto;
	}
	.ob_box{
		float:left;
		width:23%;
		background-color:#ffffff;
		margin:0px 0px 8px 8px;
		padding:0px;
		height:auto;
		text-align:center;
	}
	.ob_box img{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width: 640px){
	.other_box{
		margin:15px 0px 15px 0px;
		padding:0px;
		background-color:#ffffff;
	}
	.ob_box{
		float:left;
		width:45%;
		min-height:180px;
		background-color:#ffffff;
		margin:0px 0px 8px 12px;
		padding:0px;
		height:auto;
		text-align:center;
	}
	.ob_box img{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width: 420px){
	.other_box{
		margin:0px 0px 0px 0px;
		padding:0px;
		background-color:#ffffff;
	}
	.ob_box{
		float:left;
		width:45%;
		min-height:230px;
		background-color:#ffffff;
		margin:0px 0px 8px 12px;
		padding:0px;
		height:auto;
		text-align:center;
	}
	.ob_box img{
		width:100%;
		height:auto;
	}
}
.cont_box img{
	width:700px;
}
@media screen and (max-width: 768px){
	.cont_box img{
		width:100%;
	}
}
#articlepage_box:after{
	display:block;
	content:"";
	clear:both;
}

/*------------------------------
共通
--------------------------------*/
.mcolor{
	color:#d45d42;
}
.red{
	color:#ba0000;
}
.blue{
	color:#130995;
}
.orange{
	color:#ff6600;
}
.gray{
	color:#999999;
}
.black{
	color:#000000;
}
.yellow{
	background-color:#fce166;
	color:#333333;
	padding:3px;
}
.page_c{
	clear:both;
	text-align:center;
}
.page_r{
	text-align:right;
}
.page_l{
	text-align:left;
}
.mini{
	font-size:11px;
}
.tb10{
	clear:both;
	margin:10px 0px 10px 0px;
}
.tb20{
	clear:both;
	margin:20px 0px 20px 0px;
}
.t20{
	clear:both;
	margin:20px 0px 10px 0px;
}
.tbig{
	font-size:120%;
}
.bbig{
	font-weight:bold;
	font-size:140%;
	line-height:150%;
}
.btex{
	font-weight:bold;
}
.mem_box{
	background-color:#efefef;
	padding:10px;
	margin:0px 0px 20px 0px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
a.act,a:hover.act{
	background: #ffcd00;
	text-decoration:none;
}
.contact_btn{
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
@media screen and (max-width:640px){
	.blank{
		display:none;
	}
	.contact_btn{
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;
	}
	.contact_btn br{
		display:none;
	}
	.page_r{
		text-align:center;
	}
	.page_l{
		text-align:left;
	}
}
/*------------------------------
用語集用ボタン
--------------------------------*/
a.dic_btn{
	display:block;
	border: none;
	background: #AAAAAA;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width:55px;
	float:left;
	box-sizing: border-box;
	padding:10px 10px 10px 10px;
	margin:10px 5px 10px 5px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size:1.6rem;
	text-decoration:none;
	text-align:center;
}
a:hover.dic_btn{
	background: #FC7F2F;
	text-decoration:none;
}
a.act,a:hover.act{
	background: #FC7F2F;
	text-decoration:none;
}
.btnbox_dic{
	width:800px;
	text-align:center;
	margin:0px auto 20px auto;
}
@media screen and (max-width: 768px){
	.btnbox_dic{
		width:400px;
		text-align:center;
		margin:0px auto 20px auto;
	}
}
@media screen and (max-width: 380px){
	.btnbox_dic{
		width:300px;
		text-align:center;
		margin:0px auto 20px auto;
	}
}
/*------------------------------
物件送り用ボタン
--------------------------------*/
.num_act{
	display:block;
	border: none;
	background: #ff8222;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width:30px;
	float:left;
	box-sizing: border-box;
	padding:7px;
	margin:3px 5px 0px 5px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size:1.4rem;
	text-decoration:none;
	text-align:center;
}
a.num_btn{
	display:block;
	border: none;
	background: #AAAAAA;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	width:30px;
	float:left;
	box-sizing: border-box;
	padding:7px;
	margin:3px 5px 0px 5px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size:1.4rem;
	text-decoration:none;
	text-align:center;
}
a:hover.num_btn{
	background: #ff8222;
	text-decoration:none;
}

a.articy_btn{
	display:block;
	border: none;
	background: #AAAAAA;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	width:175px;
	float:left;
	box-sizing: border-box;
	padding:10px 10px 10px 35px;
	margin:0px 5px 15px 5px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:15px 13px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size:1.6rem;
	text-decoration:none;
	text-align:left;
}
a:hover.articy_btn{
	background: #ff8222;
	background-repeat:no-repeat;
	background-position:15px 13px;
	text-decoration:none;
}
a.numy_btn{
	display:block;
	border: none;
	background: #AAAAAA;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	width:100px;
	float:left;
	box-sizing: border-box;
	padding:10px 25px 10px 40px;
	margin:0px 5px 0px 5px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position:15px 13px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size:1.6rem;
	text-decoration:none;
	text-align:left;
}
a:hover.numy_btn{
	background: #ff8222;
	background-repeat:no-repeat;
	background-position:15px 13px;
	text-decoration:none;
}
.list_num{
	margin:0px 0px 30px 0px;
	position:relative;
}
.btnbox_num{
	margin:0px 0px 0px 10px;
}
@media screen and (max-width:640px){
	.list_num{
		margin:0px 10px 10px 10px;
	}
}
.btnbox_num2{
	width:auto;
	min-width:100px;
	max-width:230px;
	text-align:center;
	margin:10px auto 10px auto;
}
/*------------------------------
通常ボタン
--------------------------------*/
a.base_btn{
	display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #6dbcba;/*ボタン色*/
    color: #FFF;
	font-size:1.8rem;
    border-bottom: solid 4px #5c9693;
    border-radius: 3px;
	cursor:pointer;
}
@media screen and (max-width:640px){
	a.base_btn{
		width:90%;
		margin:5px auto 5px auto;
	}
}
a.base_btn2{
	display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ff801e;/*ボタン色*/
    color: #FFF;
	font-size:1.8rem;
    border-bottom: solid 4px #d8691e;
    border-radius: 3px;
	cursor:pointer;
}
@media screen and (max-width:640px){
	a.base_btn2{
		width:90%;
		margin:5px auto 5px auto;
	}
}
a.base_btn3{
	display: inline-block;
    padding:5px 8px;
	margin:3px 5px 0px 5px;
    text-decoration: none;
    background: #aaaaaa;/*ボタン色*/
    color: #FFF;
	font-size:1.8rem;
    border-radius: 3px;
	cursor:pointer;
}
a:hover.base_btn3{
	display: inline-block;
    padding:5px 8px;
	margin:3px 5px 0px 5px;
    text-decoration: none;
    background: #ff801e;/*ボタン色*/
    color: #FFF;
	font-size:1.8rem;
    border-radius: 3px;
	cursor:pointer;
}
a.num_btn{
	display: inline-block;
    padding:5px 5px;
    text-decoration: none;
    background: #aaaaaa;/*ボタン色*/
    color: #FFF;
	font-size:1.8rem;
    border-radius: 3px;
	cursor:pointer;
	text-align:center;
}
a:hover.num_btn{
	display: inline-block;
    padding:5px 5px;
    text-decoration: none;
    background: #ff801e;/*ボタン色*/
    color: #FFF;
	font-size:1.8rem;
    border-radius: 3px;
	cursor:pointer;
	text-align:center;
}
.num_act{
	display: inline-block;
     padding:5px 5px;
    text-decoration: none;
    background: #ff801e;/*ボタン色*/
    color: #FFF;
	font-size:1.8rem;
    border-radius: 3px;
	cursor:pointer;
}
a.act2{
	display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ff801e;/*ボタン色*/
    color: #FFF;
	font-size:1.8rem;
    border-bottom: solid 4px #d8691e;
    border-radius: 3px;
	cursor:pointer;
}
a.act3{
	display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #ff801e;/*ボタン色*/
    color: #FFF;
	font-size:1.8rem;
    border-bottom: solid 4px #d8691e;
    border-radius: 3px;
	cursor:pointer;
}
a.base_btn:active,a.base_btn2:active {/*押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
a.base_btn:before,a.base_btn2:before{
	font-family: FontAwesome;
	content: "\f039";
	display: inline-block;
	margin:0px 10px 0px 0px;
}
a.base_btn3:before{
	font-family: FontAwesome;
	content: "\f039";
	display: inline-block;
	margin:0px 10px 0px 0px;
}
a.num:before{
	content: " ";
}
a.req:before{
	content: "\f044";
}
a.res:before{
	content: "\f073";
}
a.back:before{
	content: "\f122";
}
a.ly:before{
	content: "\f060";
}
a.ry:before{
	content: "\f061";
}
a.login:before{
	content: "\f13e";
}
a.logout:before{
	content: "\f023";
}
a.mem:before{
	content: "\f007";
}
a.about:before{
	content: "\f02d";
}
a.henshu:before{
	content: "\f0ad";
}
a.un:before{
	content: "\f070";
}
a.con:before{
	content: "\f003";
}
a.dic:before{
	content: "\f19d";
}
a.ck:before {
	content: "\f14a";
}
a.uck:before {
	content: "\f0c8";
}
a.ckc:before {
	content: "\f003";
}
a.ckd:before {
	content: "\f00d";
}
a.sim:before {
	content: "\f0f7";
}
.btnbox_pn{
	width:300px;
	text-align:center;
	margin:0px auto 0px auto;
}
.btnbox_mem{
	width:450px;
	text-align:center;
	margin:0px auto 0px auto;
}
.btnbox_mem2{
	width:670px;
	text-align:center;
	margin:0px auto 0px auto;
}
.btnbox_reqs{
	width:550px;
	text-align:center;
	margin:0px auto 0px auto;
}
.article_lbox{
	width:97%;
	text-align:center;
	margin:10px auto 0px auto;
}
/*------------------------------
テーブル01
--------------------------------*/
.table01{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	font-size:14px;
}
.table01 th{
	border:1px dotted #b1b1b1;
	background-color:#cccccc;
	margin:0px 0px 0px 0px;
	padding:5px;
	text-align:center;
	font-weight:normal;
	color:#333333;
	font-weight:bold;
	vertical-align:middle;
}
.table01 th.th_m{
	border:1px dotted #b1b1b1;
	background-color:#ffdf00;
	margin:0px 0px 0px 0px;
	padding:8px;
	text-align:center;
	font-weight:normal;
	font-size:14px;
	color:#333333;
}
.table01 td{
	border:1px dotted #b1b1b1;
	margin:0px 0px 0px 0px;
	padding:5px;
	color:#333333;
	vertical-align:top;
}
.taw100{
	width:100%;
	margin:0px auto 0px auto;
}
.taw_de{
	width:700px;
	margin:0px auto 0px auto;
}
.taw700{
	width:70%;
	margin:0px auto 0px auto;
}
.taw600{
	width:60%;
	margin:0px auto 0px auto;
}
.taw500{
	width:50%;
	margin:0px auto 0px auto;
}
.taw400{
	width:40p%;
	margin:0px auto 0px auto;
}
.table01 th.thw30,.table01 td.tdw30{
	width:33%;
}
.table01 td.td_n{
	text-align:center;
	border:none;
	background:none;
}
.table01 td.td_n2{
	text-align:center;
	border:none;
	background:none;
}
.table01 td.td_c{
	text-align:center;
}
.table01 td.td_v{
	vertical-align:middle;
}
.table01 td.td_bon{
	height:10px;
	border:none;
}
.table01 th.thw150,.table01 td.tdw150{
	width:150px;
}
.table01 td table{
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}
.table01 td table td{
	border:none;
	margin:0px 0px 0px 0px;
	padding:2px;
	font-size:12px;
}
.t_fixed{
	table-layout: fixed;
}
@media screen and (max-width: 640px){
	.taw100,.taw700,.taw600,.taw500,.taw400{
		width:95%;
		margin:0px auto 0px auto;
	}
	.table01 th{
		display:block;
		width:100%;
	}
	.table01 td{
		display:block;
		width:100%;
	}
	.table01 th.thw150,.table01 td.tdw150{
		width:100%;
	}
	.table01 th.thw30,.table01 td.tdw30{
		width:100%;
	}
}
/*------------------------------
トップコンテンツ等
--------------------------------*/
#foot_contents{
	margin:70px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:auto;
}
#foot_contents h3{
	padding:0px 0px 0px 0px;
	font-size:1.6rem;
	margin:0px 0px 20px 0px;
	letter-spacing:0.5px;
	font-weight:normal;
	text-align:center;
	position:relative;
}
#foot_contents h3:before {
	display:block;
	content:"";
	background-image:url('../images/tm_contents.png');
	background-repeat:no-repeat;
	background-position:center 0px;
	height:68px;
	margin:0px auto 10px auto;
}
#fc_box{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#fc_box2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#fc_box img,#fc_box2 img{
	margin:0px 15px 0px 0px;
}
#foot_links{
	margin:40px 15px 0px 5px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#foot_links h3{
	padding:0px 0px 0px 0px;
	font-size:1.6rem;
	margin:0px 0px 20px 0px;
	letter-spacing:0.5px;
	font-weight:normal;
	text-align:center;
	position:relative;
}
#foot_links h3:before {
	display:block;
	content:"";
	background-image:url('../images/tm_links.png');
	background-repeat:no-repeat;
	background-position:center 0px;
	height:68px;
	margin:0px auto 10px auto;
}
#fl_box{
	background-color:#efefef;
	padding:25px 20px 20px 20px;
}
#foot_links img{
	width:150px;
	height:auto;
	margin:0px 0px 0px 5px;
}



@media screen and (max-width: 768px){
	#foot_links{
		margin:40px 0px 0px 0px;
	}
}
@media screen and (max-width: 640px){
	#fc_box img,#fc_box2 img{
		margin:0px auto 0px auto;
	}
}
@media screen and (max-width: 380px){

}
/*------------------------------
フッター
--------------------------------*/
#footer{
	background-image:url('../images/foot_store.png');
	background-repeat:no-repeat;
	background-position:center bottom;
	margin:0px auto 0px auto;
	padding:30px 0px 0px 0px;
	width:1020px;
}
#foot_box{
	margin:40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#foot_box h3{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: "Sawarabi Gothic";
	font-size:2.0rem;
	color:#000000;
}
#foot_box p{
	margin:10px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:1.4rem;
	width:80%;
}
#foot_box p.foot_menu{
	font-size:1.3rem;
	margin:20px auto 0px auto;
}
#foot_box p a{
	color:#333333;
}
#foot_box p a:hover{
	color:#cccccc;
}
#foot_contact{
	margin:20px 0px 0px 0px;
	padding:15px;
	height:auto;
	background-color:#efefef;
}
#foot_contact ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#foot_contact li{
	display:inline-block;
	width:47%;
	color:#333333;
	font-size:1.2rem;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#foot_contact li span{
	display:block;
	font-size:2.8rem;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
address{
	font-size:8px;
	padding:10px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	color:#333333;
	font-weight:bold;
	font-style:normal;
	line-height:145%;
	text-align:center;
}
.ie6 address{
	font-size:9px;
}
.ie7 address{
	font-size:10px;
}
.fbig{
	font-size:16px;
	vertical-align:bottom;
}
.ie6 .fbig{
	font-size:12px;
}
.ie7 .fbig{
	font-size:10px;
}
#foot_top{
	position:fixed;
	bottom:135px;
	right:50%;
	margin-right:-490px;
	z-index:100;
}
@media screen and (max-width:1020px){
	#footer{
		width:100%;
	}
}
@media screen and (max-width: 768px){
	#foot_contact li{
		width:50%;
	}
	#foot_box p{
		padding:20px;
	}
	#foot_box p br{
		display:none;
	}
	#foot_top{
		position:fixed;
		bottom:190px;
		right:20px;
		margin-right:0px;
		z-index:100;
	}
}
@media screen and (max-width: 640px){
	
}
@media screen and (max-width: 640px){
	#foot_box h3{
		padding:0px 10px 0px 10px;
	}
	#foot_box p{
		margin:10px auto 0px auto;
		padding:0px 0px 0px 0px;
		font-size:1.4rem;
		width:95%;
	}
	#foot_contact li{
		width:100%;
		text-align:left;
	}
	#foot_top{
		position:fixed;
		bottom:48px;
		right:15px;
		margin-right:0px;
		z-index:100;
	}
}
@media screen and (max-width: 380px){
	#foot_links img{
		width:140px;
		height:auto;
		margin:0px 0px 0px 5px;
	}
}
@media screen and (max-width: 380px){
	#foot_links img{
		width:90%;
		height:auto;
		margin:0px 0px 0px 5px;
	}
	#foot_top{
		position:fixed;
		bottom:65px;
		right:15px;
		margin-right:0px;
		z-index:100;
	}
}
.all_clear{
	clear:both;
	height:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#newyear_banner{
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#newyear_banner img{
	width:100%;
}
.mylist_info{
	background-image:url('../images/mylist_info.gif');
	background-repeat:no-repeat;
	background-position:15px 15px;
	margin:15px;
	padding:15px 15px 15px 85px;
	border:3px solid #cb4e42;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size:14px;
	color:#cb4e42;
	line-height:140%;
	position:relative;
}
.mylist_info span.btn_modoki{
	background-color:#cb4e42;
	padding:3px 5px 3px 5px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	color:#ffffff;
	margin:0px 5px 0px 5px;
	font-size:12px;
}
@media screen and (max-width: 670px){
	.mylist_info{
		background-image:url('../images/mylist_info.gif');
		background-repeat:no-repeat;
		background-position:center 15px;
		margin:15px;
		padding:85px 15px 15px 15px;
		border:3px solid #cb4e42;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		font-size:14px;
		color:#cb4e42;
		line-height:140%;
		position:relative;
	}
}
.stock_info{
	background-image:url('../images/stock.gif');
	background-repeat:no-repeat;
	background-position:15px 15px;
	margin:15px;
	padding:15px 15px 15px 85px;
	border:3px solid #cb4e42;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size:14px;
	color:#cb4e42;
	line-height:140%;
	position:relative;
}
@media screen and (max-width: 670px){
	.stock_info{
		background-image:url('../images/stock.gif');
		background-repeat:no-repeat;
		background-position:center 15px;
		margin:15px;
		padding:85px 15px 15px 15px;
		border:3px solid #cb4e42;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		font-size:14px;
		color:#cb4e42;
		line-height:140%;
		position:relative;
	}
	.stock_img img{
		width:100%;
		height:auto;
	}
}
.tenpoList {
    display: -webkit-flex;
    display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    margin: auto;
    padding: 0;
}
.tenpoList li {
    width: 31%;
    text-align: center;
    padding: .5em;
}
.mtLink {
	display: block;
}
.mtPhoto {
	display: inline-block;
	width: 100%;
	height: 165px;
}
.mtTtl {
    display: inline-block;
    margin: 10px auto;
	font-size: 16px;
}
/*------------------------------
トップページyoutube
--------------------------------*/
#youtube_box{
	clear:both;
	margin:20px auto 30px auto;
	padding:0px 0px 0px 0px;
}
#youtube_box h3{
	padding:0px 0px 0px 0px;
	font-size:1.6rem;
	margin:0px 0px 20px 0px;
	letter-spacing:0.5px;
	font-weight:normal;
	text-align:center;
	position:relative;
}
#youtube_box h3:before {
	display:block;
	content:"";
	background-image:url('../images/tm_movies.png');
	background-repeat:no-repeat;
	background-position:center 0px;
	height:68px;
	margin:0px auto 10px auto;
}
#movies_box{
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
.mo_box{
	display:inline-block;
	width:24.5%;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	position:relative;
}
.mo_box figure{
	margin:5px 0px 0px 0px;
}
.mo_box figure img{
	display:block;
	width:95%;
	height:auto;
	margin:0px auto 0px auto;
}
.mo_box figure a:hover{
	opacity:0.8;
}
.mo_box figcaption{
	font-size:14px;
	margin:-10px 15px 0px 15px;
	line-height:130%;
}
.mo_box figcaption a{
	color:#333333;
	text-decoration:underline;
}
.mo_box time{
	font-size:12px;
	margin:0px 0px 10px 45px;
}
.mon_box{
	position:absolute;
	top:0px;
	left:0px;
}
.tb10{
	margin:10px 0px 0px 0px;
}
a.mo_btn{
	display: inline-block;
    padding:5px 8px 5px 8px;
    text-decoration: none;
    background: #333333;/*ボタン色*/
    color: #FFF;
	font-size:12px;
	cursor:pointer;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
}
a:hover.mo_btn{
    background: #7f7f7f;/*ボタン色*/
}
@media screen and (max-width:768px){
	#youtube_box{
		clear:both;
		width:100%;
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
	}
}
@media screen and (max-width:640px){
	.mo_box{
		display:inline-block;
		width:48.5%;
		margin:0px 0px 10px 0px;
		vertical-align:top;
	}
}
.kanri_bnr{
	margin:10px 0px 10px 0px;
	text-align:center;
}
.kanri_bnr2 a{
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-image: url('https://www.bruno.jp/the_rooms_osaka/images/the_rooms_osaka900.png');
    background-position: 97% center;
    background-repeat: no-repeat;
	width:900px;
	height:200px;
	margin:10px auto 10px auto;
}
@media screen and (max-width:800px){
	.kanri_bnr img{
		width:100%;
		height:auto;
	}
	.kanri_bnr2 a{
		background-image: url('https://www.bruno.jp/the_rooms_osaka/images/the_rooms_osaka300.gif');
		background-position: 97% center;
		background-repeat: no-repeat;
		width:300px;
		height:150px;
	}
}



span.cat_t{
	font-size:10px;
	padding:3px;
	display:inline-block;
	margin-right:3px;
	background-color:#6DBCBA;
	color:#fff;
}
p.bk_p span.cat_t,p.bk_p2 span.cat_t{
	line-height: 100%;
}
.TopTabs_smp{
	display:block;
}
@media screen and (max-width:428px){
	.TopTabs_smp{
		display:none;
	}
}