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

/*---------------------------------------------------------------------*/
/*---import---*/

@import url("../set.css");

/*---body-------------------------------------------------------------*/

html{font-size: 100%;}

body {
	width:100%;
	max-width:640px;
	color:#424251;
	font-size: 0.9rem;
	word-break: break-all !important;
	margin:auto;
	/*overflow:hidden;*/
	line-height:1.4rem;
}

h1{
	margin:0px;
	padding:0px;
}

/* ヘッダー　ここから*/
#logo{
	width:100%;
	max-width:640px;
	max-height:105px;
	display:inline-block;
	margin:auto;
	padding:0px;
	vertical-align:top;
	text-align:center;
	overflow:hidden;
	background: url(../img/sabrinalogo.png) no-repeat ;background-size: cover;
}

#logo img{
	width:100%;
	max-width:640px;
	max-height:105px;
}

#header{
	
}

#header #menu_icon{
	position: fixed;
	width:80px;
	height: 80px;
	z-index: 1000;
	overflow:hidden;
}

#header #menu_icon img{
	margin:5px;
	max-width:50px;
	max-height:50px;
	z-index: 1100;
}

/* ヘッダー ここまで*/

/*---contents_container-------------------------------------------------------------*/
div#body_container{
	width:100%;
	margin:auto;
	overflow:hidden;
}

div#contents_container{
	width:100%;
}

p.update{
	padding:10px 10px;
	border:#999999 solid;
	border-width:0 1px;
	text-align:center;
	background:#CCC;
	font-weight:bold;
	margin:0px;
}


footer{
	clear:both;
	width:100%;
	height:130px;
	padding:0px;
	margin:19px 0px 0px 0px;
}



#footer_menu{
	width:100%;
	white-space: nowrap;
	display: block;
	position: fixed;
	bottom:0px;
	z-index: 1000;
}

#footer_menu ul{
	width:100%;
	display:block;
	position: absolute;
	bottom: 0;
	margin:0px;
	padding:0px;
}

#footer_menu li{
	width:20%;
	margin:0px;
	padding:0px;
	display:inline-block;
	
}

#footer_menu li div{
	font-size:0.7rem;
}

#footer_menu li img{
	width:100%;
	margin:auto;
}

#copyright{
	width:100%;
	text-align:center;
	margin:auto;
	padding:10px 0px;
	width:100%;
}

.rank{
	width:100%;
	max-width:100%;
}

/*----------------------------------------------------------------*/
a.contents_bnr{
	display:block;
	margin:0 auto;
	margin-bottom:5px;
}

.bt1{
	width:90px;
	text-align:center;
	display:block;
	padding:5px 0;
	margin:0 auto;
	margin-top:10px;
}

/*---form_box-------------------------------------------------------------*/

div#form_box{
	background-repeat:repeat;
	padding:10px 25px;
}

div#form_box p{
	margin:0px;
	padding:0px;
}

div#form_box p.check_item{
	width:48%;
	margin:8px 0;
	display:inline-block;
	padding:0px;
}

div#form_box p.title{
	width:100%;
	margin:8px 0;
	display:inline-block;
	padding:0px;
	border-bottom:#CCCCCC 1px solid;
}

div#form_box p span{
	width:80px;
	font-size:0.8rem;
	display:inline-block;
}

div#form_box p label{
	padding-right:5px;
}

div#form_box p label span{
	padding-left:5px;
}

div#form_box{
}

/*---model_box-------------------------------------------------------------*/

div.model_box hr, div.event_box hr{
	margin:0px;
	padding:0px;
}

div.model_box > div{
	width:100%;
	border-bottom:1px dashed #CCCCCC;
	padding:5px;
}

div.event_box > div{
	width:100%;
	margin:auto;
	border-bottom:1px dashed #CCCCCC;
	padding:5px;
}

div.model_box > div a{
	display:block;
	padding:1px;
}


div.event_box > div a{
	position: relative;
	display: block;
	padding: 10px 25px 10px 10px;
}


div.event_box > div a::after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 3px solid #888;
	border-right: 3px solid #888;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}


div.mb_left{
	width:45%;
	display:inline-block;
	margin:0px;
	padding:0px;
	text-align:center;
}

div.mb_left img{
	max-width:90%;
	margin:10px auto;
}

div.mb_right{
	width:52%;
	display:inline-block;
	margin:10px 0px;
	padding:0px 0px 0px 7px;
	vertical-align:top;
	overflow:hidden;
}

div.mb_right img{
	max-width:100%;
}

div.mb_right h2{
	font-size: 1.2rem;
	margin:0px;
	padding:0px;
}

div.mb_right p{
	margin:0px;
	padding:0px;
	text-align:right;
}

div.mb_right h2 span{
	font-size:1.1rem;
	font-weight:normal;
	display:block;
	margin-top:3px;
}

div.mb_right h3{
	font-size:0.8rem;
	margin:0px;
	padding:0px;
}

div.mb_right h3 span{
	display:block;
	margin-top:3px;
}


div.mb_center{
	display:inline-block;
	width:95%; 
	margin:auto;
	vertical-align:top;
	overflow:hidden;
}

div.mb_center h2{
	font-size: 1.2rem;
	margin:0px;
	padding:0px;
}

div.mb_center p{
	margin:0px;
	padding:0px;
	text-align:right;
}

div.mb_center h2 span{
	font-size:1.1rem;
	font-weight:normal;
	display:block;
	margin-top:3px;
}

div.mb_center h3{
	font-size:0.8rem;
	margin:0px;
	padding:0px;
}

div.mb_center h3 span{
	display:block;
	margin-top:3px;
}

/*---sec_column------------------------------------------------------------*/

div.sec_column{
	width:100%;
	float:left;
	background-repeat:no-repeat;
	margin:0px auto;
	padding:0px;
}

div.sec_column .one{
	width:100%;
	float:left;
	margin:0px 0px;
	padding:0px;
	text-align:center;
}

div.sec_column .two{
	width:50%;
	float:left;
	margin:0px 0px;
	padding:0px;
	text-align:center;
}

div.sec_column .three{
	width:33.3%;
	float:left;
	margin:5px 0px;
	padding:0px;
	text-align:center;
}


div.sec_column .four{
	width:25%;
	float:left;
	margin:5px 0px;
	padding:0px;
	text-align:center;
}



div.sec_column img{
	margin:auto;
	max-width:100%;
}

#sidr li{
	font-size:20px;
	padding:5px;
	color:#FFF !important;
}

#sidr a{
	display:block;
	color:#FFF !important;
	text-decoration:none;
}


.tag_space{
	width:100%;
	padding:10px 0px;
}

.tag_space li{
	width:50%;
	float:left;
	margin:0px;
	padding:0px;
}

.tag_space li span{
	width:90%;
	display:inline-block;
	line-height:20px;
	padding:0px 2px;
	overflow:hidden;
	margin:5px auto;
}

a.more_bt{
	margin:40px auto;
	padding:5px;
	float:left;
}

.slide{
	float:left;
	width:100%;
	margin:10px auto;
}

.next_page{
	padding:5px 10px; 
	text-align:right; 
	text-decoration:none;
}

.panel-body img{
	max-width:90%;
	margin:auto;
}

.panel-body p{
	margin:10px auto;
}

.rankimg_tag {
	height:15px;
}
.rankimg_tag img{
	max-width:100%;
}

#sidr{
	width:200px;
}

#sidr ul{
	border:none;
}

#sidr li{
	border:none;
	border-bottom:1px solid #666;
	font-size:18px;
	padding:10px 2px;
	margin:0;
}