*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*:focus{
    outline: 0;
}

a {
	text-decoration: none !important;
}

.link {
  text-decoration: none　!important;
}
.link:hover {
  text-decoration: underline;
}

.logo_login{
    width: 75%;margin: 0 auto 65px;
}

.font_normal{
	font-weight:100 !important;
}

@font-face {
    font-family: ok;
    src: url(../fonts/yugothib.ttf);
    /* src: url(../fonts/yugothib.ttf); */
}
body{
    _background-color: #f7f6ec;
	    background-color: #fff;
    color: #3C3C3C;
    margin: 15px 25px auto;
    font-family: ok;
}
.section_top_page{
     border: 3px solid #3C3C3C;
    height: calc(103vh - 100px);
    margin-bottom: 20px;
    border-style: solid;
    overflow-y: hidden;
    clear: both;
}
.section_top_page1{
     border: 0px solid #3C3C3C;
    height: calc(97vh - 97px);
    border-style: solid;
    overflow-y: hidden;
    clear: both;
}

.w_100{
	width:100%;
}


.img_center{
     display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.button_3rd_row button{
    border-radius: 0;
    width: 100%;
    /* height: 55px; */
    color: #343a40;
    border-color: #343a40;
}

.button_3rd_row button:hover{
    background-color: transparent;
    color: #343a40;
}

.section_login_page {
    border: 3px solid #3C3C3C;
    height: calc(100vh - 100px);
    border-style: solid;
    clear: both;
}

hr{
    border-top: 1px solid #3c3c3c8f;
}

.shadow222 {
    box-shadow: 0 0.1rem .1rem rgba(0, 0, 0, 0.2) !important;
}

.check_question {
    position: absolute;
    top: 46%;
    width: 27%;
    left: 40%;
    transform: translate(-50%, -50%);
}

.like_detail_blog{
    border: 1px solid #3C3C3C;
    border-radius: 16px;
    height: 32px;
    font-size: 14px;
}
.scroll_style_detail{
    height: 63vh;
    overflow-y: auto;
}
.card{
    border-radius: 0;
    border-color: #3c3c3c;
	_height:100px;
	height:100%;
}

@media all and (max-width: 480px) {
.card{
	height:100px;
	background:#f7f7f7 !important;
}
	
.card-body {

}
	
	

}

.card-header:first-child {
    border-radius: 0 !important;
	 height:auto;
}
.card-header {
    padding: 0.75rem 1rem;
    margin-bottom: 0;
    border-bottom: 0;
     border-radius: 0;
    background: #E6E8CB;
		height:auto;
}



@media all and (max-width: 480px) {
.card-header {
height:100px;

}
	
}


.login_input_center{
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.detail_top_button_two{
    border: 1px solid #3c3c3c;
    padding: 2px 7px;
    background-color: transparent;
    font-size: 10px;
}
.login_input::placeholder{
    font-size: 15px;
}
.color_heart{
    color: #D96464;
}
.login_input{
    height: 45px;
    margin-bottom: 20px;
    border: 1px solid #cecece;
    padding: 10px;
    font-size: 15px;
}
.login_input::placeholder{
    font-size: 14px;
    color: #CECECE;
}
.login_button{
        border: 2px solid #3C3C3C;
    border-radius: 0;
    background: #E6E8CB;
    padding: 12px 55px;
}
.carousel-indicators li{
    height: 10px; width: 10px;
    border-radius: 50%;
    background-color: #968d8d;
}
.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
label{
    color: #3C3C3C;
}
.custon_hr{
    border-bottom: 2px solid #3C3C3C;
    margin-bottom: 0;

}
.hash_tag1{
    border: 1px solid #707070;
    min-width: 75px;
    border-radius: 20px;
        height: 30px;
}
.user_name{
    color: #3C3C3C;
    font-weight:700;
    font-size: 1rem;
}
.user_Img{
    border-radius: 50%;
}

.border_right_3{
    border: 2px solid #3d3d3d;
    margin: 4px;
}
.border_right_3_QA{
    border-right: 2px solid #3d3d3d;
}

.border_bottom_2{
    border-bottom: 2px solid #3d3d3d;
}

.font_40{
   font-size: 40px;
}
.font_28{
   font-size: 28px
}


.h-100{
    height:98% !important;
}
.width_100{
    width: 100%;
}

.border_1_blog_listing{
    border: 1px solid #3d3d3d;
}
.img_blog_listing{
    width: 100%;
    height: auto;
	max-height:300px;
}

.img_blog_listing img{
    width: 100%;
height: 100%;
	height:280px;
		max-height:300px;
	object-fit: cover;
}

.border_bottom_3{
    border-bottom: 3px solid #3d3d3d;
}
.height_26{
    height: 26%;
}
.bg_color_download{
    background-color: #E6E8CB; 
}

.height_260{
	height:260px;
}

.height_210{
	height:210px;
}


label{
    display: block;
    font-weight: bold;
}

.setting_model_input::placeholder{
    font-size: 15px;
}
.setting_model_input{
    border-radius: 0;
    height: 45px;
    color: #CECECE;
    width: 100%;
    font-size: 15px;
    border: 1px solid #CECECE;
}
a{
        color: #3C3C3C;
}
.modal-open .modal {
    overflow: hidden;
}
.login_button_top {
    border: 2px solid #3C3C3C !important;
    border-radius: 0;
    background: #fff;
	background: #dedede;
    padding: 2px 15px; background: transparent;
}
a:hover{
        color: #3C3C3C;
        text-decoration: none;
}
.modal_content_waening {
    border: 5px solid #BFCC7D;
    border-radius: 0;
}
.border_top_3{
    border-top: 2px solid #3d3d3d;
}
.shadow_hover:hover{
    box-shadow: 3px 3px 0px #000;
    transition: .4s ease-in-out;
}
.height_50{
    height: 50%;
}
.view_more{
    font-size: 12px;
    font-weight: bold;
    color: #3c3c3c;
    letter-spacing: 0;
}
.text1 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.text2 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}
.text3 {
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1.6em;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}
.text4 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}
.text5 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
}
.side_tab{
    overflow-y: auto;
    height: calc(100vh - 31vh);
}
.side_tab .nav-tabs{
    border: none;
}
.side_tab .nav-tabs .nav-link{
    border-radius: 0 !important;
}
.side_tab .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: transparent;
}
.side_tab .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #E6E8CB;
    border-color: transparent;
}
.color_a_tag{
    color: #3c3c3c;
}
.width_80{
    width: 80%;
}
.nav-tabs .nav-item {
    margin-bottom: -2px;
}
.tab-content1{
    border-top: 0px !important;
    border: 2px solid #3c3c3c;
}
.nav-tabs222 {
    border-bottom: 2px solid #000;
}
.nav-link1 {
    display: block;
    padding: 0.3rem 1.5rem;
}
.tab-pane1{
    background: #e6e8cb;
}
.button_upload_img{
   font-weight: bold;
    font-size: 14px;
    border: 1px solid #3c3c3c;
    background: #fff;
    padding: 3px;
}
.nav-tabs .nav-link1 {
    border: 2px solid #000;
    margin-left: 3px;
    border-radius: 0px;
    color: #fff;
    background: #BFCC7D;
}

.nav-tabs .nav-link1.active, .nav-tabs .nav-item.show .nav-link1 {
    color: #495057;
    background-color: #e6e8cb;
    border-color: #3c3c3c #3c3c3c transparent;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #3c3c3c #3c3c3c transparent;
}
.img_round_Profile{
    background-color: #BFCC7D; border-radius: 50%; height: 160px;
                   width: 160px;
}
    .hide {
  display: none;
}
#imagePreview {
}
.img_preview_wrap{
    background-color: #BFCC7D;
    border-radius: 50%;
    height: 160px;
    width: 160px;
    margin: 0 auto;
    clip-path: circle()
}
#imagePreview:before{
    content: '';
}
.bg_img_top_page{
     /* background-image: url('../img/oo.png'); */
     background-repeat: no-repeat;
     background-size: cover;
}
.font_34{
    font-size: 34px;
}
.two_img_top{
        display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}
.setting_bg_color{
    background-color: #F7F6EC;
}
    .login_button_modal_setting {
    border: 1px solid #3C3C3C;
    border-radius: 0;
    background: #fff;
    padding: 0;
    font-size: 14px;
    height: 40px;
}
.screen-reader-text{
    display:none;
  }


/* 2021.8.11 から　追加・修正*/



.iisia_logo{
	width:112px;
	height:41px;
	margin:36px 0 -20px 0;
}

.iisia_logo img{
	width:100%;
	height:100%;
}

.post_sentense{
	font-size:1rem !important;
	font-weight:normal !important;
}


.headline_news{
	margin:30px 0 0 0:
		width:100%;
	height:40px;
	background:#008C4F !important;
	color:#c3cc3b;
font-size:1rem;
	padding:0 0 0 10px;
	line-height:2.5rem;
}

.headline_news a{
	
}

.headline_news_sentense{
	font-weight:normal !important;
	padding:0 10px;
}

.section_top_page{
     border: none;
    height: calc(103vh - 100px);
    margin-bottom: 20px;
    _border-style: solid;
    overflow-y: hidden;
    clear: both;
}

.top_bg{
	background:#F7F3E6;
}

.top_main_wrapper{
	width:100%;
	height:auto;
}

.grid{
	overflow:hidden;
}

.grid .top_main_parts{
	float:left;
	width:25%;
	width:calc(100%/4);
	height:auto;
	word-wrap : break-word;
}


.grid .top_main_parts_410{
	float:left;
	width:25%;
	width:calc(100%/4);
	height:auto;
	word-wrap : break-word;
}


.grid .top_main_parts3{
	float:left;
	width:25%;
	width:calc(100%/4);
	height:auto;
	word-wrap : break-word;
}


.grid .top_main_parts_main{
	float:left;
	width:50%;
	width:calc(100%-((100%/4)*2));
	height:auto;
	word-wrap : break-word;
}


.top_main_parts_inner{
	_padding:0 1px 0 0;
		width:100%;
		height:300px;
}

.top_main_parts_inner_last{
	_padding:0 0 0 1px;
			width:100%;
		height:300px;
}

.ceo_message_ttl{
	width:40%;
}

.prg_column_ttl{
	width:40%;
}

.relay_blog_ttl{
	width:25%;
}


.hrg_column_ttl{
	width:40%;
}


.past_articles_list_ttl{
	width:40%;
}

.iisia_brand_book_ttl{
	width:80%;
	margin:0 0 40px 0;
}


.iisia_brand_book_ill{
	width:80%;
}

.top_post_thumbnail{
	display:inline-block;
	 margin:0 auto;
	text-align:center;
	padding:0;
	width:100%;
}

.top_post_thumbnail img{
	  _margin:0px auto;
	padding:0;
	text-align:center;
	width:90%;
	height:150px;
	object-fit: cover;
}

.test{
	background:red;
}

.top_main_parts_main_contents{
	padding:0 10px;
	height:400px;
}

.top_main_parts_main_contents_410{
	padding:0 10px;
	height:410px;
}


.top_main_parts_main_contents2{
	padding:0 10px;
	height:330px;
}


.top_main_parts_main_contents3{
	padding:0 10px;
	height:305px;
}



.ceo_mess_ttl, .prg_mess_ttl, .hrg_mess_ttl, .relay_mess_ttl{
	color:#000;
	margin:10px 0px;
}

.ceo_mess_ttl a, .prg_mess_ttl a, .relay_blog_ttl a{
	color:#000;
}



.ceo_copy, .prg_copy,.relay_blog_copy{
	font-size:0.9rem !important;
	color:#2B2B2B;
	width:100%;
	margin:20px 10px;
}

.area_spot{
display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	padding:5px 0;
}



.area_ttl{
	font-size:0.9rem;
	font-weight:900;
}

.spot_ttl{
	font-size:0.8rem;
}

.weather_wrapper{
	height:460px;
	padding:10px;
}

.weather_time_wrapper{
	height:auto;
	display:flex;
}

.weather_date{
	padding:10px 0;
	_margin:0 10px ;
	_width:100px;
	font-weight:900;
	width:220px;
   font-family:sans-serif;
	font-size:1rem;
}

.weather_ill{
	width:100px;
	padding:10px 10px 0 0;
	_width:40%;
	
}

.weather_ill img{
	width:100%;
   height:auto;
}

.weather_live{
	height:300px;
}

.weather_main{
	
}

.weather_temp_num{
	_width:200px;
	font-weight:900;
	font-size:1.2rem;
	text-align:center;
	color:#fff;
	padding:5px 0;
}

.temp_c{
	font-size:0.9rem;
}

.weather_area{
	
}

.area_live{
	
}

.weather_type{
background:#008C4F;
}

.weather_type_icon{
	text-align:center;
	padding:0;
}

.weather_type_icon img{
	width:100px;
	height:60px;
	object-fit: cover;
}


.weather_type_name{
	text-align:center;
	color:#fff;
	padding:2px 0 8px 0;
	font-size:0.9rem;
	font-weight:700;
}

.live_triming{
	width:100%;
	height:348px;
	object-fit: cover;
}

.headline_news a{
	color:#fff;
	font-size:0.9rem;
	text-decoration:none;
}

.relay_ill{
	padding-top:50px;

}


.relay_ill　img{
	_width:100%;
}

a:hover{
	color:orange !important;
}

.sp_display_none{
    display: none;
}

.manage_ceo_messe_ttl{
	padding:5px;
	width:9rem;
	color:#fff;
	_display:inline-block;
	background:#3e8d67;
	text-align:center;
}

.deco_no{
	text-decoration: none !important;
	color:#000;
}

.deco_no a{
	color:#000;
	text-decoration: none !important;
}

.w100{
	width:250px;
}

.bg_green{
	background:#E6E8CB;
}







/*
追加　修正
*/



.card{
    border-radius: 0 !important;
    border-color: #3c3c3c;
	 display:block;
}

@media all and (max-width: 480px) {
.kidoku_member{
   background:#000;
}	
}



.card-header:first-child {
    border-radius: 0 !important;
}

.card-header {
    padding: 0.75rem 1rem;
    margin-bottom: 0;
    border-bottom: 0;
     border-radius: 0 !important;
    background: #E6E8CB;
}




.card-header {
  padding: 1rem ;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  _border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  height:50px !important;
}

.card-header:first-child {
  border-radius: 0;
}


.card-footer {
 padding: 2rem ;
  background-color: rgba(0, 0, 0, 0);
  _border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0;
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
visibility:hidden;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.article_submit_btn{
	 display       : inline-block;
  border-radius : 0%;          /* 角丸       */
  font-size     : 1rem;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px ;   /* 余白       */
  _background    : #ffffff;     /* 背景色     */
  color         : #000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  _box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : none;    /* 枠の指定 */
}


.height_199{
		height:199px;
}



.height_230{
	
			height:230px;
}

.height_240{
		height:240px;
}

.height_250{
		height:250px;
}


.height_270{
		height:270px;
}

.height_473{
	height:473px;
}

.wpulike{
	_display:none !important;
}

.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #00b359;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #00b359;    /* 枠の指定 */
}
.button:hover {
  color         : #00b359;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

p{
	font-weight:normal;
}


@media (max-width: 768px) {
.pc_display_none{
    display: none;
}
	
.sp_display_none{
    display: block;
}
	
}