@charset "utf-8";

/*
Theme Name: mywill
Author: Jun Oka
Description: MyWill専用テーマ
Version: 1.0
*/


/*TOP*/
.background {background-image: url("./images/general_top.jpg");
  height: 100vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
.top_menu {
	display: flex;
	justify-content:center;
	padding:  0px;  
	width:100%;
	/*margin-top:1em;*/

}
.top_menu_item{
	width:30%;
	padding: 20px 30px;
	margin:  20px 20px;              /* 外側の余白 */
	background-color:#EAEAEA;
	border-radius: 10px;

}
.top_menu_item_r{
	text-align:center;
}
.login_image{
	text-align:center;
	object-fit:contain;
	width:80%;
}
.top_button{
	margin-top:3em;
	margin-bottom:2em;
}
.top_button a {
	height:2em;
    background: #A2D7D4;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 20px auto;
    max-width: 280px;
    padding: 10px 25px;
    color: #525252;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration:none;
}
.top_button a:hover {
    background: #525252;
    color: #FFF;
}
.top_button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #525252;
    border-right: 3px solid #525252;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.top_button a:hover:after {
    border-color: #FFF;
}
.foget_pass{
text-align:right;

}
.p_indent{
    padding-left: 1em;
    text-indent: -1em;
}


@media screen and (max-width:768px) {
.login_image{
	text-align:center;
	object-fit:contain;
	width:95%;
}

.top_menu {
	flex-direction:column-reverse;
	padding:  0px;  
}
.top_menu_item{
	width:80%;
	padding: 2em 15px;
	margin:  15px auto;              /* 外側の余白 */
}
.top_button a {
    margin: 20px auto;
    max-width: 250px;
    padding: 10px 25px;
    color: #525252;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration:none;
}
}
@media screen and (max-width:480px) {

.login_image{
	text-align:center;
	object-fit:contain;
	width:95%;
}

.top_menu {
	flex-direction:column-reverse;
	padding:  0px;  
}
.top_menu_item{
	width:80%;
	padding: 2em 15px;
	margin:  15px auto;              /* 外側の余白 */
}
.top_button a {
    margin: 20px auto;
    max-width: 250px;
    padding: 10px 25px;
    color: #525252;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-decoration:none;
}

}
/*news TOPの新着情報*/


.news_top{
margin:0 auto;
width:65%;
/*background-color:#EAEAEA;	*/
padding: 20px 30px;
border-radius:15px;
}
.news_top .recent-posts{
padding-left:1em;
padding-right:1em;	
}
.news_top .recent-posts_contens{
margin-bottom:3px;
}
ul{
  padding-left:0;
}

li{
  list-style:none;
}
ul.recent-posts {
	margin: .1rem 0;
	padding: 0;
	display: block;
}

ul li.recent-posts {
	font-weight: normal;
	margin: 0;
	padding: 0;
	
}
.news_top li{
	border-bottom: 1px solid #CCC;
}
ul li.recent-posts {
	float: left;
	clear: both;
	width: 8.2em;
	
}
ul li.recent-posts {
	overflow: hidden;
}
.recent-posts_date{
	margin-bottom:5px;
}
.recent-posts_contens{
	margin-top:5px;	
}

/*li span.recent-posts-new {
	padding: 0 2px;
	margin-right: 5px;
	vertical-align: middle;
	font-size: .6rem;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	background-color: #f02020;
}*/
li span.recent-posts-new {
    background-color: #E3D092;
    border-radius: 8px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 1px 4px;
    text-decoration: none;
    font-size: 60% !important;
}

li a{
text-decoration:none;	
}
.sp_br {
  display: none; 
}

.t_scroll .recent-posts li{
padding:1px;
border-bottom:solid 1px #cfcfcf;
margin-bottom:3px
margin-top:3px;	
}

.t_scroll .recent-posts  p{
padding:2px;	
}

.t_scroll .recent-posts .news_headline_data{
font-size:80%;
}
@media screen and (max-width:480px) {
	.top_menu{
		margin-top:3em;
	}
	.news_top{
	width:auto;

	}

	.sp_br {
    display: block; //768px未満で改行タグを有効に。
	}
	li span.recent-posts-new {
		margin-left:0em;
	}
}

/*MyWillお知らせシングルページ*/
.news_headline_title_area_top{
text-align:left;
border-bottom: dashed 1.5px #B3B3B3;/*点線*/
}
.news_headline_title_top{
padding:1em 0 0 0 ;
font-size:1.3em;
}
.news_headline_title_area{
text-align:right;

}
.news_headline_title{
padding:0.5em;
border: dashed 1.5px #B3B3B3;/*点線*/
  border-radius: 10px;
}


.news_button {
  position: relative;
  color: #fff;
  border:none;
  background: #507B8E;
  padding: 8px 20px;
  margin: 75px 0;
  border-radius: 10px;
}



.mywill_news_contents{
margin:2em auto;
width:50%;	
}
.news_headline_data{
	font-size:80%;
}
.news_headline{
border-bottom:solid 1px #cfcfcf;
margin-bottom:1em;
}
.news_title{
margin-bottom:5px;	
}
.news_button_section{
width:100px;
margin-left:auto;
margin-right:auto;	
text-align:center;
}
@media screen and (max-width:1024px) {

.mywill_news_contents{
margin:1.5em auto;
width:90%;	
}	
.mywill_news_contents .article-main{
word-wrap:break-word;
}
}
@media screen and (max-width:768px) {

.mywill_news_contents{
margin:1.5em auto;
width:90%;	
}	
.mywill_news_contents .article-main{
word-wrap:break-word;
}
}
@media screen and (max-width:480px) {

.mywill_news_contents{
margin:1.5em auto;
width:90%;	
}	
.mywill_news_contents .article-main{
word-wrap:break-word;
}
}