/*
Theme Name:研修動画サイト house of rose
Theme URI:
Author:
Author URI:
Version: 1.0
License: GNU General Public License
*/
a{
   word-break: break-all;
}
.h_box{
max-width: 1000px;
    /* text-align: center; */
    margin: 0 auto;
}
.menu {
  text-align: center;
}

.vp-controls-wrapper{display:none;}
#logo img{
    background-size: 100%;
    width: 400px;
    float: left;
}
#header #login_state{
	float: left;
	margin-top: 30px;
    margin-left: 15px;
}
div#wpmem_login{
	max-width:400px;
	margin:0 auto;
}

.new-login{
	color:#2b2b2b;
	font-family: Arial,sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}
form#wpmem_register_form table tr{
	height:51px;
}
div.button_div input[type="submit"]{
	border: 1px solid #FF3B3E;
	min-width: 100%;
	height: 50px;
	text-align: center;
	font-weight: bold;
    font-size: 140%;
	background-color:#FF3B3E;
	padding: 0px 5%;
	color:#fff;
	font-weight: bold;
	border-radius: 5px;
	cursor:pointer;
	z-index:99;
}
div.button_div input[type="submit"]:hover{
filter: alpha(opacity=50);
-ms-filter: alpha(opacity=50);
opacity: 0.5;
}
.entry input#last_name,.entry input#first_name{
	width:45%;
}
.entry input[type="text"],
.entry input[type="password"],
.entry input[type="email"],
.entry select,
.entry textarea{
    padding: 10px;
    border: 1px solid #eee;
    font-size: 100%;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
form#wpmem_register_form div.button_div{
	margin-top:25px;
	text-align:center;
}
#wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url {
    width: 100%!important;}
/****************************************
          contents
*****************************************/

#subpage h1{
	margin:10px 0;
}
/* NEWS */
#news { padding: 0 35px 80px;}
#news .news { margin: auto; max-width:765px;}
#news .news h2 {
  margin:30px auto!important;
  width:149px;
  height:71px;
  text-indent:-9999px;
	background:url(./common/image/mid_news.png) no-repeat center;
}
#news .news .state{margin: 0 2% 10px;}
#news .news .txt { padding:20px; height:280px; border-radius:15px; background:#f5f2e8; overflow: auto;}
#news .news .txt .come { padding:15px;background: #fff;}
#news .news .txt .come+.come {border-top:1px solid #ddd;}
#news .news .txt .come:nth-child(even) { background: #f9f9f9;}
#news .news .txt .come a { color: #000;}
#subpage .read{margin: 0 20px;}
.button_div{margin:25px 15px;}
a#resume {
    border: 1px solid #FF3B3E;
    width: 100%;
    min-height: 1em;
    text-align: center;
    font-weight: bold;
    font-size: 130%;
    background-color: #FF3B3E;
    padding: 7px 5%;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 99;
}
.entry .back {
    width: 300px;
    margin: 30px auto 0;
    text-align: center;
}
.entry .back a {
    display: inline-block;
    padding: 10px 50px;
    color: #fff;
    text-decoration: none;
    background-color: #00A08B;
    border-radius: 5px;
}
/****************************************
          LOGIN
*****************************************/
#login{
    margin: 0 auto;
    max-width: 500px;
}
.swpm-login-widget-logged{margin:10px 5%;font-size:120%;line-height:2em;}
.swpm-logged-label{
	float:left;
}
.swpm-logged-value{
	float:clear;
}
#wpmem_reg legend {display:none;}
/****************************************
          SIDEBAR
*****************************************/
	#side_cont .side_list { padding: 0 5%;}
	#side_cont .side_list ul { background: #fff;}
	#side_cont .side_list ul li { padding: 0;}
	#side_cont .side_list ul li+li {border-top:5px solid #ddd;}
	#side_cont .side_list ul li p { border-left:3px solid #F44C59;display: block; padding: 10px; color: #222; text-decoration: none;}
	#side_cont .side_list ul li a {display: block; padding: 10px; color: #222; text-decoration: none; }
	#side_cont .side_list ul li ul { border-top: 1px solid #ddd; display: none;}
	#side_cont .side_list ul li ul li { padding:0 5%; border-top:0;}
	#side_cont .side_list ul li ul li p { border-left: none;display: block; padding: 10px; color: #222;}
	#side_cont .side_list ul li ul li+li { margin-top:0; border-top: 1px solid #ddd;}
	#side_cont .side_list ul li ul li ul { padding-bottom: 5%; }
	#side_cont .side_list ul li ul li ul li { padding: 0; background: none; border: none;}
	#side_cont .side_list ul li ul li ul li a { padding:5px 10px; background: #f6f6f6;}
	#side_cont .side_list p { background: url("./image/pull_open.png") no-repeat 95% center;}
	#side_cont .side_list p.close { background: url("./image/pull_close.png") no-repeat 95% center;}
	#side_cont .side_list .selected {}
/****************************************
          PAGENAVI
*****************************************/
.navi {
    background-color: #fff;
}

.wp-pagenavi {
    padding: 50px 20px 20px 20px;
    text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
    color: #999;
    background-color: #FFF;
    border: solid 1px #999;
    padding: 8px 15px;
    margin: 0 2px;
    white-space: nowrap;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.wp-pagenavi a:hover {
    color: #999;
    background-color: #F6E6D7;
    border-color: #999;
}

.wp-pagenavi span.current {
    color: #FFF;
    background-color: #777;
    border-color: #777;
    font-weight: bold;
}

/* 画像の回り込み */
.aligncenter {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin: 0 auto;
}

.alignright {
    float: right;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.alignleft {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.customize-support .Nav ul li div {
    top: 119px;

}
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
/****************************************
          PAGENAVI
*****************************************/
/*Pagenation*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
.malinky-load-more{
	clear: both;
	margin: 0 auto;
    text-align: center;
    margin-top: 70px;
    width: 80%;
    border: none;
    box-shadow: 0 0 6px -4px #000;
    background: #FFF;
    border-radius: 15px;
    padding: 25px 0;
    color: #b8312f;
    font-size: 125%;
    font-weight: bold;
    cursor: pointer;
}
.malinky-load-more a,
.malinky-load-more a:visited,
.malinky-load-more a:link{
	 color: #b8312f;
	text-decoration:none;
}