@charset "utf-8";

/**********************
2016/09/03　レイアウト
***********************/
/*2016/09/03　右ナビのコンテナ*/
#right_container{float:right;width:200px;margin-bottom:40px;}
@media(max-width: 768px){
#right_container{display:none;}
}

/*2016/09/02　ニュースリリースのメインコンテナ*/
#cont:after{content:"";display:block;clear:both;}
#main_container{float:left;width:730px;}

@media(max-width: 768px){
#main_container{float:none;width:100%;}
}

/*2016/09/03　会社概要ナビのコンテナ*/
.nav_container{margin-bottom:20px;}

/*16/9/2 ニュースリリース一覧のコンテナ*/
.news_container{margin-bottom:30px;font-size:12px;color:#333;line-height:1.4;letter-spacing:1px;}

/*16/9/2 IRグリッドデザインのコンテナ*/
.glid_container{margin-bottom:20px;font-size:12px;line-height:1.2;letter-spacing:1px;}

/*16/9/7 ニュースリリース記事のコンテナ*/
.article_container{margin-bottom:30px;font-size:12px;line-height:1.4;}


/**********************
2016/09/03　ベースとプロジェクト（時間のある時に分離）
***********************/

/*2016/09/03　見出し*/
.heading{font-weight:normal;line-height:1.4;}
.heading--top{font-size:10px;color:#666;margin-bottom:20px;}
.heading--large{margin-bottom:12px;padding-bottom:5px;border-bottom:2px solid #AACAC2;font-size:1.5em;font-family:YuGothic,游ゴシック,YuGothic,メイリオ,sans-serif;}
.heading--sub{margin-left:10px;font-size:0.6em;font-family:inherit;}
.heading--fy{font-family: YuGothic,游ゴシック,メイリオ,sans-serif;margin-bottom: 5px;font-size: 14px;}

/*2016/09/03　トップ画*/
.image{}
.image--top{margin-bottom:3px;}


/*2016/09/03　会社概要ナビ*/
/*
.nav_cont{width:100%;margin-bottom10px;font-size:12px;}
.nav_cont--main{line-height:2.0;}
.nav_cont--main:after{content:"";display:block;clear:both;}
.nav_cont--main > li{float:left;width:19.1%;margin-left:1.1%;font-size:1.2em;text-align:center;list-style:none;}
.nav_cont--main > li:first-child{margin-left:0;}
.nav_cont--main > li.is-select{padding:5px 0 3px;border-bottom:2px solid #C7013A;color:#C7013A;font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;}
.nav_cont--main > li > a{display:block;padding:5px 0 3px;border-bottom:2px solid #fff;color:#191919;font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;}
.nav_cont--main > li > a:hover{border-bottom:2px solid #dd6688;text-decoration:none;}
.nav_cont--main .nav_cont__many_letter{width:19.2%;}
.theme-gaiyo .nav_cont--main > li{font-size:1.0em;}

@media(max-width:768px){
.nav_cont--main > li{font-size:1.0em;}
}
*/

/*2016/10/13　会社概要ナビ*/
.nav_cont{width:100%;margin-bottom10px;font-size:12px;}
.nav_cont--main{margin-bottom:12px;}
.nav_cont--main:after{content:"";display:block;clear:both;}
.nav_cont--main > li{box-sizing:content-box;float:left;width:24.1%;height:27.6px;margin-left:1.1%;font-size:1.2em;text-align:center;line-height:27.6px;list-style:none;}
.nav_cont--main > li:first-child{margin-left:0;}
.nav_cont--main > li.is-select{/*padding-bottom:4px;*/border-bottom:2px solid #C7013A;color:#C7013A;font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;}
.nav_cont--main > li > a{box-sizing:content-box;display:block;height:27.6px;padding-bottom:4px;border-bottom:2px solid #fff;color:#191919;font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;}
.nav_cont--main > li > a:hover{border-bottom:2px solid #dd6688;text-decoration:none;}
.nav_cont--main .nav_cont__many_letter{line-height:1.3;}

@media(max-width:768px){
.nav_cont{font-size:11px;}
.res_ls0{letter-spacing:0 !important;}
.res_lsn1{letter-spacing:-1px !important;}
.res_lsn2{letter-spacing:-2px !important;}
.res_lsn3{letter-spacing:-3px !important;}
.res_lsn4{letter-spacing:-4px !important;}
}



/*2016/09/03　会社概要・IRの左ナビ*/
.nav_cont--sub_gaiyo{border:1px solid #CCC;font-size:12px;line-height:1.0;}
.nav_cont--sub_gaiyo > li{list-style:none;border-top:1px solid #fff;font-size:1.3em;font-weight:bold;font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;}
.nav_cont--sub_gaiyo > li:first-child{border-top:none;}
.nav_cont--sub_gaiyo > li.is-select{padding:15px 10px;border-top:1px solid #CCC; background-color:#FFF;color:#FF290B;}
.nav_cont--sub_gaiyo > li > a{display:block;padding:15px 10px;background-color:#FF290B;font-size:inherit;color:#fff;font-family:inherit;}
.nav_cont--sub_gaiyo > li > a:hover{background-color:#FF9693;text-decoration:none;}

.nav_cont--sub_ir{border-top:1px solid #CCC;font-size:12px;}
.nav_cont--sub_ir > li{list-style:none;border-top:1px dashed #CCC;color:#191919;font-size:1.2em;font-weight:normal;font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;}
.nav_cont--sub_ir > li:first-child{border-top:none;}
.nav_cont--sub_ir > li.is-select{padding:7px 10px;background-color:#FFF;color:#FF290B;font-weight:bold;}
.nav_cont--sub_ir > li > a{display:block;padding:7px 10px;font-size:inherit;color:inherit;font-family:inherit;}
.nav_cont--sub_ir > li > a:hover{background-color:#FFEAEA;text-decoration:none;}
.nav_cont--sub_ir > li.nav_cont__many_letter{letter-spacing:-1px;}
.nav_cont--sub_ir > li > a.nav_cont__many_letter{letter-spacing:-1px;}

.nav_cont--sub_news{padding:5px 10px 12px;background-color:#FFF;font-size:12px;}
.nav_cont--sub_news > li{list-style:none;margin-top:12px;color:#191919;font-size:1.0em;font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;}
.nav_cont--sub_news > li:first-child{margin-top:0;}
.nav_cont--sub_news > li.is-select{border-left:5px solid #FF290B;padding-left:5px;}
.nav_cont--sub_news > li > a{display:block;border-left:5px solid #FFF;padding-left:5px;color:inherit;font-size:inherit;font-family:inherit;}
.nav_cont--sub_news > li > a:hover{border-left:5px solid #FF290B;text-decoration:none;}

/*.nav_cont--sub_gaiyo > li > .nav_cont--sub_ir{border-top:none;}*/


/*16/9/2 ニュースリリース一覧*/
.news_cont{display:table;width:100%;border-bottom:1px dotted #AACAC2;}
.news_cont dt,.news_cont dd{display:table-cell;padding:3px 0;vertical-align:top;}
.news_cont dt{width:65px;}
.news_cont__date{margin-bottom:0px;}
.news_cont__title{}
.news_cont__cat_tag{display:block;margin-top:4px;}
.news_cont__cat_tag:first-child{margin-top:0;}


/*16/9/7 ニュースリリース記事*/
.date--article{margin-bottom:20px;text-align:right;font-size:1.0em;}

.wrap_up--article{margin-bottom:20px;padding:20px 40px;background-color:#C9DED9;font-size:1.0em;}

.article_cont{margin-bottom:40px;font-size:1.0em;}
.article_cont > p{margin-bottom:20px;font-size:inherit;}
.article_cont > ul,.article_cont > ol{margin-bottom:20px;}
.article_cont li{font-size:inherit;list-style:none;}

.contact--article{text-align:center;}


/*16/9/2 IRグリッドデザイン*/

.l-glid{list-style:none;}
.l-glid:after{content:"";display:block;clear:both;}

.l-glid__list{float:left;margin:5px;border:solid 1px #AACAC2;}
.l-glid__list:hover{background-color:#AACAC2;}
/*ie9以降は以下*/
.l-glid__list:nth-child(odd){border:solid 1px #8EBCDB;}
.l-glid__list:nth-child(odd):hover{background-color:#8EBCDB;}

.l-glid__list > a{display:block;width:170.5px;height:90px;padding:10px;color:#333;}
.l-glid__list > a:hover{text-decoration:none;}

.l-glid__title{display:block;height:34px;margin-bottom:10px;font-size:1.2em;font-family:YuGothic,游ゴシック,YuGothic,メイリオ,sans-serif;}
.l-glid__en_title{display:block;font-size:1.0em;font-family:YuGothic,游ゴシック,YuGothic,メイリオ,sans-serif;}

.l-glid__title--many_letter{letter-spacing:0px;}


/*16/9/2 TOPへ戻る*/
[id="page-top"]{position: fixed;bottom: 20px;right: 20px;font-size:1.2em;z-index:999;}
[id="page-top"] a{display: block;background:rgba(248,135,149,0.8);text-decoration: none;color: #fff;width: 100px;padding: 10px 0;text-align: center;border-radius: 5px;}
[id="page-top"] a:before{content:"";display:block;margin:0 auto 5px;width:10px;height:10px;border:3px solid transparent;border-top:3px solid #fff;border-left:3px solid #fff;transform: rotate(45deg);}


/**********************
2016/09/09　コスメティック
***********************/
.bt0{border-top:none !important;}
.ha{height:auto !important;}



/******************
▼既存のCSS
******************/
/******************

EVENTS

******************/
.event_container{}

.event_container table{width:100%;table-layout:fixed;margin-bottom:40px;}

.event_container .month_table{text-align:center;border-collapse:collapse;border:1px solid #3E6258;font-size:12px;}
.event_container .month_table th{width:238px;background-color:#3E6258;color:#fff;font-size:12px;font-weight:normal;padding:5px;vertical-align:middle;border-bottom:1px solid #fff;}
.event_container .month_table th.last{border-bottom:none;}
.event_container .month_table td{padding:5px;border-width:0 0 1px;border-style:solid;border-color:#3E6258;text-align:left;}
.event_container .month_table td.label_month{border-right:none;width:85px;text-align:center;}

.event_container dl{font-size:12px;}
.event_container dl dt{float:left;padding:5px;}
.event_container dl dd{padding:5px 5px 5px 220px;line-height:1.3;border-bottom:1px dotted #ccc;}

.event_container .schedule_table{border:2px solid #333;font-size:12px;}
.event_container .schedule_table th{width:30%;background-color:#ddd;border-right:2px solid #333;border-bottom:2px solid #333;padding:5px;}
.event_container .schedule_table td{padding:5px;border-bottom:2px solid #333;}

@media(max-width:768px){
.event_container .month_table th{width:25%;}
}

/******************

ROAD TO INSOURCE

******************/
.road_container{}
.road_container p{font-size:12px;line-height:1.3;margin-bottom:20px;}
.road_container .road_textBox{width:250px;border:1px solid #C23535;padding:10px;}

@media(max-width:768px){
.road_container .road_textBox{width:100%;}
}

/******************

FAQ

******************/
.faq_container{}
.faq_container .contentsBox{margin-bottom:40px;}
.faq_container .wrap{margin-bottom:10px;}
.faq_container .wrap:nth-child(odd){margin-bottom:20px;}

.faq_container p{font-size:12px;}
.faq_container .q_tag{color:#3E6258;font-weight:bold;width:35px;float:left;}
.faq_container .q_text{color:#3E6258;font-weight:bold;padding-left:40px;}


.faq_container .a_tag{width:35px;float:left;line-height:1.5;}
.faq_container .a_text{padding-left:40px;line-height:1.5;}

.faq_container .link{margin-top:5px;}
.faq_container .link a{text-decoration:underline;}
/*.faq_container .link::before{content:"\f0da";font-family:"FontAwesome";color:#3E6258;font-size:14px;margin-right:5px;}*/


/******************

株主・投資家の皆様へ

******************/
.si_container{}
.si_container .contentsBox{margin-bottom:30px;}
.si_container .contentsBox p{font-size:12px;line-height:1.5;margin-bottom:30px;}

.si_container .link::before{content:"\f0da";font-family:"FontAwesome";color:#C23535;font-size:14px;margin-right:5px;}


/******************

株式情報

******************/
.stock_container{}
.stock_container .contentsBox{margin-bottom:30px;}

.stock_container p{font-size:12px;}
.stock_container .stock_detail{width:100%;font-size:12px;border-collapse:separate;border-spacing:0 10px;}
.stock_container .stock_detail th{border-right:1px solid #ccc;padding:3px;width:35%;}
.stock_container .stock_detail td{padding:3px 3px 3px 30px;}

.stock_container .stock_holder{width:100%;font-size:12px;border-collapse:collpase;table-layout:fixed;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;margin-bottom:10px;}
.stock_container .stock_holder th{text-align:center;border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;padding:5px;vertical-align:middle;background-color:#eee;}
.stock_container .stock_holder td{border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;padding:5px;}

@media(max-width:768px){
.stock_container{line-height:1.5;}
}


/******************

汎用ページ

******************/
.ir_general_container{}

.ir_general_container p{font-size:12px;margin-bottom:20px;line-height:1.5;}
.ir_general_container ul{font-size:12px;}
.ir_general_container ul li{margin-bottom:10px;list-style:none;}

@media(max-width:768px){
.ir_general_container p{line-height:1.5;}
}


/******************

16/9/8 500幅対応

******************/

.nav_cont--main > li{font-size:1.0em;}

.event_container .month_table th{width:150px;}
.event_container dl dd{padding-left:175px;}


#main_container{float:right;width:500px;}
#main_and_left_container{float:left;width:730px;}
#main_and_left_container:after{content:"";display:block;clear:both;}


.l-glid__list > a{width:154.5px;}

@media(max-width: 768px){
#main_container{float:none;width:100%;}
#right_container{display:none;}
#main_and_left_container{float:none;width:100%;}
}

/* ▼ 左ナビ*/
#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#3E6258;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#A4C6BD;}
#cont #c3_ll dl.cc11-2    {border-color:#3E6258;}
#cont #c3_ll dl.cc11 dt b img,
#cont #c3_ll dl.cc11-2 dt b img{background:#3E6258;}


/******************

16/10/27　ナビレスポンシブ対応

******************/
/**/
.nav_cont--main > li{position:relative;box-sizing:content-box;float:left;width:24.1%;height:32px;margin-left:1.1%;font-size:1em;text-align:center;line-height:32px;list-style:none;border-bottom:2px solid #fff;color:#191919;font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;}
.nav_cont--main > li:first-child{margin-left:0;}
.nav_cont--main > li.is-select{/*padding-bottom:4px;*/border-bottom:2px solid #C7013A;color:#C7013A;}
.nav_cont--main > li > a{box-sizing:content-box;text-decoration:none;display:block;height:27.6px;padding-bottom:4px;color:#191919;}
.nav_cont--main > li:hover{border-bottom:2px solid #dd6688;text-decoration:none;}
.nav_cont--main .nav_cont__many_letter{line-height:16px;}
.gaiyo_nav_accordion{cursor:pointer;font-family:inherit;}
.gaiyo_nav_accordion_item{z-index:9999;width:100%;list-style:none;line-height:1em;text-align:left;display:none;padding:0px;border-top:2px solid #dd6688;position:absolute;background-color:#fff;}
.gaiyo_nav_accordion_item li{border-style:none solid solid solid;border-width:1px;border-color:#ccc;padding:7px;}
.gaiyo_nav_accordion_item a{text-decoration: none;color: #191919;font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;letter-spacing:-1px;}
.gaiyo_nav_accordion_item a:hover{text-decoration:underline;color:#005580;}



@media screen and (max-width:768px){
/*#cont{width:100%;}*/
.res_ls0{letter-spacing:0;}
.res_lsn1{letter-spacing:-1px;}
.res_lsn2{letter-spacing:-2px;}
.res_lsn4{letter-spacing:-4px;}
.gaiyo_nav_accordion_item li{padding:4px;letter-spacing:-3px;}
}





