@charset "utf-8";
/* --------------------------------------------------------
	LAYOUT SETTING NOT CHANGE
-------------------------------------------------------- */
.mt00{margin-top:0px !important;}.mt05{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt45{margin-top:45px !important;}.mt50{margin-top:50px !important;}.mt55{margin-top:55px !important;}.mt60{margin-top:60px !important;}.mt65{margin-top:65px !important;}.mt70{margin-top:70px !important;}.mt75{margin-top:75px !important;}.mt80{margin-top:80px !important;}.mt85{margin-top:85px !important;}.mt90{margin-top:90px !important;}.mt95{margin-top:95px !important;}.mt100{margin-top:100px !important;}.mr05{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr25{margin-right:25px !important;}.mr30{margin-right:30px !important;}.mr35{margin-right:35px !important;}.mr40{margin-right:40px !important;}.mr45{margin-right:45px !important;}.mr50{margin-right:50px !important;}.mr55{margin-right:55px !important;}.mr60{margin-right:60px !important;}.mr65{margin-right:65px !important;}.mr70{margin-right:70px !important;}.mr75{margin-right:75px !important;}.mr80{margin-right:80px !important;}.mr85{margin-right:85px !important;}.mr90{margin-right:90px !important;}.mr95{margin-right:95px !important;}.mr100{margin-right:100px !important;}.ml05{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml25{margin-left:25px !important;}.ml30{margin-left:30px !important;}.ml35{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml45{margin-left:45px !important;}.ml50{margin-left:50px !important;}.ml55{margin-left:55px !important;}.ml60{margin-left:60px !important;}.ml65{margin-left:65px !important;}.ml70{margin-left:70px !important;}.ml75{margin-left:75px !important;}.ml80{margin-left:80px !important;}.ml85{margin-left:85px !important;}.ml90{margin-left:90px !important;}.ml95{margin-left: 95px !important;}.ml100{margin-left:100px !important;}.ml200{margin-left:200px !important;}.mb00{margin-bottom:0px !important;}.mb0{margin-bottom: 0px !important;}.mb05{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb75{margin-bottom:75px !important;}.mb80{margin-bottom:80px !important;}.mb85{margin-bottom:85px !important;}.mb90{margin-bottom:90px !important;}.mb95{margin-bottom:95px !important;}.mb100{margin-bottom:100px !important;}.ma00{margin:0  !important;}.ma05{margin:5px !important;}.ma10{margin:10px !important;}.ma15{margin:15px !important;}.ma20{margin:20px !important;}.ma30{margin:30px !important;}.ma40{margin:40px !important;}.mtm05{margin-top:-5px !important;}.mtm10{margin-top:-10px !important;}.mtm15{margin-top:-15px !important;}.mtm20{margin-top:-20px !important;}.mtm25{margin-top:-25px !important;}.mtm30{margin-top:-30px !important;}.mtm35{margin-top:-35px !important;}.mtm40{margin-top:-40px !important;}.mtm45{margin-top:-45px !important;}.mtm50{margin-top:-50px !important;}.mrm05{margin-right:-5px !important;}.mrm10{margin-right:-10px !important;}.mrm15{margin-right:-15px !important;}.mrm20{margin-right:-20px !important;}.mrm25{margin-right:-25px !important;}.mrm30{margin-right:-30px !important;}.mrm35{margin-right:-35px !important;}.mrm40{margin-right:-40px !important;}.mrm45{margin-right: -45px !important;}.mrm50{margin-right:-50px !important;}.mlm05{margin-left:-5px !important;}.mlm10{margin-left:-10px !important;}.mlm15{margin-left:-15px !important;}.mlm20{margin-left:-20px !important;}.mlm25{margin-left: -25px !important;}.mlm30{margin-left:-30px !important;}.mlm35{margin-left:-35px !important;}.mlm40{margin-left:-40px !important;}.mlm45 {margin-left:-45px !important;}.mlm50{margin-left:-50px !important;}.mbm05{margin-bottom:-5px !important;}.mbm10{margin-bottom:-10px !important;}.mbm15{margin-bottom:-15px !important;}.mbm20{margin-bottom:-20px !important;}.mbm25{margin-bottom:-25px !important;}.mbm30{margin-bottom:-30px !important;}.mbm35{margin-bottom:-35px !important;}.mbm40{margin-bottom:-40px !important;}.mbm45{margin-bottom:-45px !important;}.mbm50{margin-bottom:-50px !important;}.pt05{padding-top:5px !important;}.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important;}.pt40{padding-top:40px !important;}.pr05{padding-right:5px !important;}.pr10{padding-right:10px !important;}.pr15{padding-right:15px !important;}.pr20{padding-right:20px !important;}.pr30{padding-right:30px !important;}.pr40{padding-right:40px !important;}.pl05{padding-left:5px !important;}.pl10{padding-left:10px !important;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px !important;}.pl30{padding-left:30px !important;}.pl40{padding-left:40px !important;}.pb0{padding-bottom: 0px !important;}.pb05{padding-bottom:5px !important;}.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}.pb30{padding-bottom:30px !important;}.pb40{padding-bottom:40px !important;}.pa00{padding: 0 !important;}.pa05{padding:5px !important;}.pa10{padding:10px !important;}.pa15{padding:15px !important;}.pa20{padding:20px !important;}.pa30{padding:30px !important;}.pa40{padding:40px !important;}

html{ min-width: 320px; }
body{
	font-family:-apple-system,"Lucida Grande","Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック","メイリオ",meiryo,sans-serif;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
	padding: 0;
	margin: 0;
	line-height: 1.8;
	background-image: url("../img/bg.png");
	background-color: #666;
	color: #333;
	font-weight: 400;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: relative;
}

#content{ margin-top: 50px; }
.ad {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
    display: block;
}

.home{ background: rgba(0, 0, 0, 0) url("../img/icon-home.png") no-repeat scroll left center / 25px auto; padding-left: 35px; }
.next{ background: rgba(0, 0, 0, 0) url("../img/icon-arrow.png") no-repeat scroll left center / 16px auto; padding-left: 20px; }

.list-group-item{ color:#333; }
.list-group-item > a{ display:block; }

.w100{ width:100px; }
.w150{ width:150px; }
.w200{ width:200px; }
.w300{ width:300px; }

.fs18{ font-size:18px; }
.fs20{ font-size:20px; }
.fs30{ font-size:30px; }

.inline-block{ display:inline-block; }

.text-white{ color:#fff; }
.text-white a{ color:#fff !important; }
.text-red{ color: rgb(217, 0, 34) !important; }
.text-green{ color: rgb(0, 250, 154) !important; }
.text-orange{ color: rgb(240, 141, 0) !important; }

.panel-info > .panel-heading {
	color: #3b1e1e;
	background-color: rgb(141, 255, 228);
	font-weight:bold;
	border-color: transparent;
}

.panel-default > .panel-heading {
	background-color: rgb(141, 255, 228);
    border-color: #dddddd;
    color: #333;
    font-weight: bold;
    padding: 15px 20px;
}


.panel-info > .panel-body.white { color: #ffffff; background-color: rgb(82, 38, 132) !important; }
.panel-success > .panel-body.white { color: #ffffff; background-color: rgb(76, 175, 80) !important; }
.panel-warning > .panel-body.white { color: #ffffff; background-color: rgb(255, 152, 0) !important; }

.panel-warning > .panel-body.white .nav-tabs > li.active > a, .panel-warning > .panel-body.white .nav-tabs > li.active > a:focus,
.panel-success > .panel-body.white .nav-tabs > li.active > a, .panel-success > .panel-body.white .nav-tabs > li.active > a:focus {
	-webkit-box-shadow: inset 0 -2px 0 #fff;
	box-shadow: inset 0 -2px 0 #fff;
	color: rgba(255,255,255,1.0);
}

.panel-warning > .panel-body.white .nav-tabs > li > a, .panel-warning > .panel-body.white .nav-tabs > li > a:focus,
.panel-success > .panel-body.white .nav-tabs > li > a, .panel-success > .panel-body.white .nav-tabs > li > a:focus {
	color: rgba(255,255,255,0.5);
}

.nowrap{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 200px;
}

.btn-info { background-color: rgb(82, 38, 132); }
.btn-info:focus,
.btn-info.focus {
  background-color: rgb(65, 30, 105);
}
.btn-info:hover,
.btn-info:active:hover{
  background-color: rgb(65, 30, 105);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
	background-color: rgb(65, 30, 105);
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  background-color: rgb(65, 30, 105);
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: rgb(65, 30, 105);
}

.panel-danger > .panel-heading { color: #ffffff; background-color: rgb(217, 0, 34); border-color: #cba4dd; }
.btn-danger { background-color: rgb(217, 0, 34); }
.btn.btn-narrow { padding: 6px 10px; }


.top_image{
    margin-top: 25px;
    width: 150px;
}


.wp-text {
	border: 0;
	padding: 0;
	display: block;
	width: 100%;
	resize: none;
	outline:none;
	font-size: 14px;
}
.lv-small{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.dash-widget-header .main-item {
	padding: 15px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}
.dash-widget-header .main-item > h2 {
	font-weight: 400;
	font-size: 20px;
	margin: 5px 0 0 0;
	line-height: 100%;
	color: #fff;
}
.listview { position: relative; }
.listview:not(.lv-lg):not(.lv-message) .lv-item { padding: 10px 20px; }
.listview .lv-item {
    position: relative;
    display: block;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.rating-list .rl-star i.zmdi-star {
    font-size: 20px;
    color:#ccc;
}
.rating-list .rl-star i.zmdi-star.active {
    color: #ff9800 !important;
}


.mini-charts-item { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); position: relative; margin-bottom: 30px; }
.bgm-deeppurple { background-color: #673ab7 !important; }
.bgm-deepred { background-color: #f44336 !important; }
.bgm-deepcyan { background-color: #00bcd4 !important; }
.bgm-deepgreen { background-color: #4caf50 !important; }
.bgm-deeporange { background-color: #f44336 !important; }

.mini-charts-item > .clearfix{
	position: relative;
	z-index: 1;
}
.mini-charts-item .chart {
	padding: 18px;
	float: left;
}
.mini-charts-item .chart.stats-bar{
	background: rgba(0,0,0,0.2);
}

.mini-charts-item .chart i{
	font-size: 22px;
	color: #fff;
	line-height: 2em;
	padding: 0 10px;
}
.mini-charts-item .count {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.9);
    padding: 16px 12px;
}
.mini-charts-item .count > h2, .mini-charts-item .count > small {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mini-charts-item .count > small {
	margin-bottom: 2px;
	display: block;
}
.mini-charts-item .count > h2 {
	margin: 0;
	line-height: 100%;
	font-size: 22px;
	font-weight: 300;
	color: #fff;
}
#header {
    background: rgb(255,255,255);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    height: 65px;
    position: fixed;
    z-index: 1000;
    width: 100%;
    left: 0;
    padding-right: 10px;
    top: 0;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
}

.search-toggled #top-search-wrap {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
#top-search-wrap {
    position: absolute;
    top: -65px;
    left: 0;
    width: 100%;
    height: 65px;
    background: rgb(82, 38, 132);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1031;
}

#top-search-wrap input {
	border: 0;
	height: 40px;
	padding: 0 10px 0 10px;
	font-size: 13px;
	margin: 12px;
	border-radius: 2px;
	color: rgba(255, 255, 255, 0.65);
	background-color: rgba(255, 255, 255, 0.25);
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight: normal;
	-webkit-box-shadow: none;
	box-shadow: none;
}



#top-search-wrap #top-search-close {
    position: absolute;
    top: 12px;
    font-size: 22px;
    font-style: normal;
    color: rgba(255, 255, 255, 0.25);
    width: 35px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    right: 20px;
	z-index: 1033;
}

#top-search-wrap #top-search-wrap-container {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	z-index: 1032;
	display: none;
}

#top-search-wrap #top-search-wrap-container .panel {
	border: 0;
	height: 100%;
	min-height: 320px;
	padding: 0;
	font-size: 13px;
	margin: 12px auto;
	min-width: 500px;
	width: 500px;
	-webkit-box-shadow: none;
	text-align: left;
	box-shadow: none;
	overflow: scroll;
}


.img-responsive.about , .img-responsive.use {
	margin: 0 auto;
	padding: 25px 0 0;
	text-align: center;
	width: 40%;
}

.dataTable{ width:100%; margin:0 auto; }
.dataTable th{
	font-size:16px;
	background:#EEE;
	border-bottom:3px solid #333;
	padding:5px;
	width:30%;
}
.dataTable td{
	font-size:14px;
	border-bottom:3px solid #999;
	padding:5px;
	width:70%;
}


.ime_disable{ ime-mode: disabled; }
.hissu{ background:url("../img/bg_hissu.gif") no-repeat scroll right center; }
.ninni{ background:url("../img/bg_ninni.gif") no-repeat scroll right center; }

.form_box .dataTable{ width:100%; }
.form_box .dataTable th , #form_table td{ vertical-align: top; }
.form_box .dataTable tr { border-bottom: 1px dotted #ddd; }
.form_box .dataTable th { background: #eee none repeat scroll 0 0; padding: 25px; width: 200px; }
.form_box .dataTable td { padding: 25px; }
.form_box .dataTable .input370 { height: 30px; width: 370px; }
.form_box .dataTable .select370 { height: 30px; width: 370px; }
.form_box .dataTable .textarea370{ width: 370px; height:300px; resize: vertical; }
.form_box .dataTable .input270 { height: 30px; width: 270px; }
.form_box .dataTable .select270 { height: 30px; width: 270px; }
.form_box .dataTable .textarea270{ width: 270px; height:300px; resize: vertical; }
.form_box .dataTable .textarea370_100{ width: 370px; height:100px; resize: vertical; }
.form_box .dataTable .textarea270_100{ width: 270px; height:100px; resize: vertical; }
.form_box .dataTable .height30 { height: 30px; }
.form_box .dataTable .input75 { height: 30px; width: 75px; }
.form_box .dataTable .w120 { width: 120px; }

.form_box input { font-size:14px; }
.form_box select { font-size:14px; }
.form_box textarea { font-size:14px; }
.form_box .textarea370_250{ width: 370px; height:250px; resize: vertical; }


.form_box input[type="submit"] {
    background-color: #333;
    border-style: none;
    color: #fff;
    font-size: 1.2em;
    padding: 15px 40px;
}
.button:hover {
	top: -2px;
	box-shadow: 0 3px 0 #F9374A;
}
.button:active {
	top: 2px;
	box-shadow: none;
}


.ta_center { margin: 0 auto; text-align: center; }
.submit_box { margin: 20px 0; padding: 20px 0; }


.add_submit {
	background-color:#ed2d26;
	padding:5px 10px;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	background-image: linear-gradient(bottom, rgb(100,170,30) 0%, rgb(129,212,51) 100%);
	box-shadow: inset 0px 1px 0px #d02923, 0px 3px 0px #d02923;
	border-radius: 5px;
}

.add_submit:active {
	top:5px;
	background-image: linear-gradient(bottom, rgb(128,128,128) 100%, rgb(128,128,128) 0%);
	box-shadow: inset 0px 1px 0px #696969, inset 0px -1px 0px #696969;
	color: #333;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	background: rgb(128,128,128);
}


.entry_list{
	overflow: scroll;
	width: auto;
	height: 300px;
}

.entry_list .date {
    margin-left: 5px;
    margin-right: 15px;
}


@media (min-width: 768px){
	#top-search-wrap {
	    text-align: center;
	}
	#top-search-wrap input {
		margin: 12px auto;
	}
}


.btn-fb{
	background: #3b5998;
	color:#fff;
}
.btn-fb:hover,
.btn-fb:focus{
	background: #8b9dc3;
	color:#fff;
}

#search-div{
	background: #F9F9F9 none repeat scroll 0 0;
	position: relative;
}

#search-div-image-text{
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 46px;
	line-height: 40px;
	color: white;
	text-align: center;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.25);
	margin-top: -46px;
	position: absolute;
	width: 100%;
}

.div-image-text {
    text-align: center;
}

.div-image-text .label-text {
    background-color: rgb(34,150,34);
    display: inline-block;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
}

.p-image-text .label-text {
	border-bottom:1px solid #fff;
	background-color: rgb(250, 160, 0);
	display: inline-block;
	margin-right: 10px;
	padding: 5px;
	text-align: center;
}


.text-white.str-h3 {
    display: inline-block;
    vertical-align: middle;
}

.panel-body .str-h4{ border-bottom: 1px solid #ddd; font-size: 16px; }

.panel-body > img.ta_c {
    display: block;
    margin: 0 auto;
}


#search-div-panel .search-div-panel-header{
	position: absolute;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	color: white;
	text-align: center;
	top: 400px;
	text-shadow:0px 0px 10px rgba(0,0,0,1);
}
#search-div-panel .search-div-panel-header div.divider{
	width:200px;
	margin:auto;
	border:1px solid white;
	margin-top: 20px;
	margin-bottom: 20px;
}

#search-div-panel .search-div-panel-body{	
	width: 640px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 30px;
	margin-left: -320px;
	background-color: rgba(82, 82, 82, 0.6);
	padding: 20px 20px 28px 20px;
	z-index:89;
}

#search-div-panel .search-div-panel-body input[type="text"] {
	background: #fff;
	padding: 0 10px;
}

#search-div-panel .search-div-panel-body ul.list-inline {
	margin-bottom: 15px;
}
#search-div-panel .search-div-panel-body ul.list-inline>li{
	margin-right: 25px;
	position: relative;
}
#search-div-panel .search-div-panel-body ul.list-inline>li>a{
	outline: none;
	color: rgb(216, 216, 216);
	text-decoration: none;
	font-size: 18px;
}
#search-div-panel .search-div-panel-body ul.list-inline>li>a:hover {
	color:white;
}
#search-div-panel .search-div-panel-body ul.list-inline>li>a.active {
	color:white;
	font-weight: bold;
}
#search-div-panel .search-div-panel-body .search-content{
	display: none;
	margin-top: 15px;
	max-height: 230px;
	color:white;
	font-weight: bold;
	font-size: 15px;
}
#search-div-panel .search-div-panel-body .search-content div:first-child{
	padding-left:20px;
}
#search-div-panel .search-div-panel-body #search-result {
	padding: 0;
}
#search-div-panel .search-div-panel-body .search-content ul {
	padding: 0 0 0 20px;
}
#search-div-panel .search-div-panel-body .search-content ul li a {
	cursor: pointer;
	color:white;
	text-decoration: none;
	outline: 0;
}

#search-div-panel .search-div-panel-body .search-content ul li a:hover,
#search-div-panel .search-div-panel-body .search-content ul li a:focus
#search-div-panel .search-div-panel-body .search-content ul li a:visited {
	color:rgb(216, 216, 216);
	text-decoration: underline;
}

#search-div-image {
    background-color: #ddd;
    height: 405px;
    margin: auto;
    max-width: 1200px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

#search-div-image img{
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


#search-div-image img.imgSlide {
	width: 100%;
	max-height: 760px;
	max-width: 1024px;
	position: absolute;
	opacity: 0;
	top: 0%;
	left: 0%;
	z-index: 3;
}

.bg-1{border-bottom:1px solid rgb(250, 160, 0);}

.br-5{border-bottom:5px solid rgb(217, 0, 34);}
.bg-5{border-bottom:5px solid rgb(0, 173, 0);}
.bo-5{border-bottom:5px solid rgb(240, 141, 0);}

.str-h1{font-size: 44px;}
.str-h2{font-size: 30px;}
.str-h3{font-size: 24px;}
.str-h4{font-size: 18px;}

.block {
    display: block;
}

.bg{
	background:#ddd;
}

.w100{ width:100px;}

.btn_box {
	text-align: right;
}

.comment .btn_box {
    padding: 0 15px 15px;
}

.vs.j-title {
    display: block;
    font-size: 40px;
    text-align: center;
}

.centerImg{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.topImg{
	height:600px;
	overflow: hidden;
}


.error {
    border: 1px solid;
    color: #ff5050;
    font-size: 16px;
    margin: 10px 0;
    padding: 5px;
    text-align: center;
}


#rakuten_result {
    max-height: 300px;
    overflow-y: scroll;
    padding: 5px;
}

.ad_inner_item.fc {
    border-bottom: 1px solid #333;
    float: left;
    height: 285px;
    margin-bottom: 15px;
    padding: 0 25px;
    width: 173px;
}

.price {
    color: #ff0000;
    font-weight: bold;
}


@font-face {
  font-family: "LigatureSymbols";
  src: url("../font/LigatureSymbols-2.11.eot");
  src: url("../font/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
           url("../font/LigatureSymbols-2.11.woff") format("woff"),
           url("../font/LigatureSymbols-2.11.ttf") format("truetype"),
           url("../font/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon-font {
  font-family: "LigatureSymbols";
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga"1, "dlig"1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga"1, "dlig"1;
  -o-font-feature-settings: "liga"1, "dlig"1;
  font-feature-settings: "liga"1, "dlig"1;
}



.fl_l li {
	float: left;
	width: 138px;
}


.mouse-cursor{
	cursor: pointer;
	cursor: hand;
}

.mouse-cursor:hover{
	background-color:#666;
}


.article.pager { text-align:center; }
.article.pager > a {
	background: #bbb none repeat scroll 0 0;
	border: 1px solid #eee;
	color: #fff;
	display: inline-block;
	margin: 5px;
	padding: 5px;
	width: 50px;
	border-radius: 3px;
}

.article.pager a:hover { background: #333; color: #FFF; }
.article.pager > span {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #eee;
	display: inline-block;
	margin: 5px;
	padding: 5px;
	width: 50px;
	border-radius: 3px;
}


/*------------------------------------------
// User style start
// change
----------------------------------------- */



.flt_r{
	float:right;
}
.flt_l{
	float:left;
}


.ta_r{
	display:block;
	text-align:right;
}

.ta_l{
	display:block;
	text-align:left;
}

p.inline{
	display:inline;
}

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

.button-content  {
  border-radius: 0px 0px 5px 5px;
  padding: 8px 6px;
  box-shadow: 0px 0px 0px 0px rgba(146,80,0, 0);
  color: #fefefe;
}

.button-text  {
  padding: 0px 6px;
  line-height: 1.0em;
  font-size: 18px;
}

.icon-font  {
  padding: 0px 6px;
  font-size: 18px;
}



.button-content  {
  display: table;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}

.icon-font  {
  display: table-cell;
  vertical-align: middle;
}



/***** SNS *****/
#share { margin: 5px 0; }
.share-button.twitter { background-position: 50% -2px; }
.share-button.facebook { background-position: 50% -43px; }
.share-button.google-plus { background-position: 50% -83px; }
.share-button.hatebu { background-position: 50% -123px; }
.share-button.mixi { background-position: 50% -163px; }
.share-button { cursor: pointer; display: inline-block; height: 36px; width: 140px; }
.share-button{ background-image: url("../img/sns_sprite.png"); background-repeat: no-repeat; }
.share-button a { display: block; height: 100%; width: 100%; }
.share-button:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}



#result {
	padding: 15px;
}



.list-signin li, .box-contact .list-signin li {
    margin-bottom: 12px;
}

.list-signin li.facebook a, .box-contact .list-signin li.facebook a ,
.list-signin li.facebook span, .box-contact .list-signin li.facebook span {
    background-color: #4774ba;
    background-image: url("../img/icon/icon_sns-fb.png");
    background-position: 27px 50%;
}

.list-signin li.twitter a, .box-contact .list-signin li.twitter a ,
.list-signin li.twitter span, .box-contact .list-signin li.twitter span {
    background-color: #3facd5;
    background-image: url("../img/icon/icon_sns-tw.png");
    background-position: 22px 50%;
}

.list-signin li a, .box-contact .list-signin li a ,
.list-signin li span, .box-contact .list-signin li span {
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-size: 1.23077rem;
    line-height: 100%;
    padding: 14px 20px 14px 43px;
    text-align: center;
    transition: background-color 0.2s ease-in-out 0s;
}
ul.list-signin {
    margin: 0;
	padding:0;
}
ul.list-signin {
    list-style-type: none;
}

img.uicon  ,
.facebook img ,
.twitter img {
    height: 20px;
}



table.responsive { width: 100%; }
table.responsive th, table.detail td  { padding: 10px; border: 1px solid #ddd; }
table.responsive th  { background: #f4f4f4; }
table.responsive th  { text-align: left; }

table.men th { background:#f0ffff; }
table.women th { background:#fff0f5; }



@media only screen and (max-width:480px){
	table.responsive { margin: 0 0 23px 0; }
	table.responsive th,
	table.responsive td{
		width: 100%;
		display: block;
		border-top: none;
	}
	table.responsive tr:first-child th { border-top: 1px solid #ddd; }

.form_box .textarea370_250 {
    width: auto;
    height: 250px;
    resize: vertical;
}

}


/*------------------------------------------
// User style start
// end
----------------------------------------- */




@media (max-width: 640px) {
	.topImg{
		height:350px;
		overflow: hidden;
		width:100%;
	}
	.str-h4{font-size: 14px;}
	.fl_l li { float: none; width: auto; }
	#search-div-panel .search-div-panel-header {
		width: 100%;
		left: 50%;
		margin-left: -50%;
		color: white;
		text-align: center;
		top: 168px;
	}
	#search-div-image {
		position: relative;
		height: 265px;
		width: 100%;
		margin: auto;
		background-color: #EEE;
		overflow: hidden;
		z-index: 0;
	}
	#search-div-panel .search-div-panel-body {
		width: 100%;
		position: absolute;
		margin-top: 0px;
		margin-left: -50%;
	}
	#search-div-panel .search-div-panel-body ul.list-inline>li{
		margin-right: 10px;
		position: relative;
	}
	#search-div-panel .search-div-panel-body ul.list-inline li a {font-size: 13px;}
	#search-div-image-text{
		line-height: 1.8;
		text-align: left;
	}

	#search-div-text .label-text{
		margin-right: 10px;
		float:left;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		position: relative;
		min-height: 1px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.nav-tabs.nav-justified>li {
		float: left;
	}
	.nav-justified>li>a {
		margin-bottom: 0px;
	}
	.nav-tabs.nav-justified>li>a {
		border-radius: 0px;
		margin-bottom: 0px;
	}

#search-div-image-text {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
    font-weight: bold;
    height: 65px;
    margin-top: -65px;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    width: 100%;
}





}

.divider {
	width: 200px;
	margin: auto;
	border: 1px solid rgb(141, 255, 228);
	margin-top: 20px;
	margin-bottom: 20px;
}

.divider_min {
	width: 100px;
	margin: auto;
	border: 1px solid rgb(32, 150, 32);
	margin-top: 10px;
	margin-bottom: 10px;
}


.divider.white {
	width:200px;
	margin:auto;
	border:1px solid white;
	margin-top: 20px;
	margin-bottom: 20px;
}

hr.divider-text {
	border-top: 1px solid #eeeeee;
	text-align: center;
}
hr.divider-text:after {
	content: 'または';
	display: inline-block;
	position: relative;
	top: -12px;
	padding: 0 10px;
	background: #fff;
	color: #666;
	font-size: 13px;
}

.break{
    word-wrap: break-word;
    max-width: 515px;
}



@media (max-width: 640px) {	
	.fs10{
		font-size: 10px;
	}
}

.imgShow {
 opacity: 1;
 animation: iShow 5s;
 -o-animation: iShow 5s;
 -ms-animation: iShow 5s;
 -moz-animation: iShow 5s;
 -webkit-animation: iShow 5s;
}
@keyframes iShow {
 0% {opacity: 0;}
 20% {opacity: 1;}
 100% {opacity: 1;}
}
@-o-keyframes iShow {
 0% {opacity: 0;}
 20% {opacity: 1;}
 100% {opacity: 1;}
}
@-ms-keyframes iShow {
 0% {opacity: 0;}
 20% {opacity: 1;}
 100% {opacity: 1;}
}
@-moz-keyframes iShow {
 0% {opacity: 0;}
 20% {opacity: 1;}
 100% {opacity: 1;}
}
@-webkit-keyframes iShow {
 0% {opacity: 0;}
 20% {opacity: 1;}
 100% {opacity: 1;}
}
.imgHide {
 opacity: 0;
 animation: iHide 5s;
 -o-animation: iHide 5s;
 -ms-animation: iHide 5s;
 -moz-animation: iHide 5s;
 -webkit-animation: iHide 5s;
}
@keyframes iHide {
 0% {opacity: 1;}
 20% {opacity: 0; left: -400px;}
 100% {opacity: 0; left: -400px;}
}
@-o-keyframes iHide {
 0% {opacity: 1;}
 20% {opacity: 0; left: -400px;}
 100% {opacity: 0; left: -400px;}
}
@-ms-keyframes iHide {
 0% {opacity: 1;}
 20% {opacity: 0; left: -400px;}
 100% {opacity: 0; left: -400px;}
}
@-moz-keyframes iHide {
 0% {opacity: 1;}
 20% {opacity: 0; left: -400px;}
 100% {opacity: 0; left: -400px;}
}
@-webkit-keyframes iHide {
 0% {opacity: 1;}
 20% {opacity: 0; left: -400px;}
 100% {opacity: 0; left: -400px;}
}

#navi-ribbon{
	color: white;
	background-color: rgb(64, 62, 62);
	padding: 10px 0 10px 0;
}
#navi-ribbon a{
	color: #fff;
}



#footer-ribbon{
	color: #333;
	background-color: rgba(200, 200, 200 , 0.7);
	padding: 24px 0 24px 0;
}
#footer-ribbon a{
	color: #333;
}

#footer-content{
	color: #333;
	background-color: rgb(74, 74, 74);
	padding: 50px 0 50px 0;
}
#footer-content p{
	text-align: justify;
}

#footer-content div:first-child{
	margin-bottom: 15px;
}

#footer-content .content-panel{
	background-color: rgb(66, 66, 66);
	padding: 35px 25px 35px 25px;
}
#footer-content .content-panel p{
	font-size: 13px;
}

#footer-content .content-panel p a{
	color: #fff;
}

#footer {
	color: #333;
	background-color: rgba(200, 200, 200 , 0.7);
	padding: 24px 0 13px 0;
}
#footer h5{
	color: #fff;
	font-size: 13px;
}

#footer ul li a {
	color: #333;
	text-decoration: none;
	outline: none;
}

#footer ul li a:hover{
	color: gray;
	text-decoration: none;
}