﻿

/*20211027追加*/

.at_comment							{ text-indent:-1em; padding:0 0 0 1em; margin:10px 0 0 0;}
.at_comment_s					{ text-indent:-1em; padding:0 0 0 1em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;}
.at_comment_s li				{ margin-top: 5px;}
.at_comment_s																			{ text-indent:-1em; padding:0 0 0 1em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;}
.at_comment_s li																		{ margin-top: 5px;}

.at_comment2						{ text-indent:-2em; padding:0 0 0 2em; margin:10px 0 0 0;}
.at_comment2_s					{ text-indent:-2em; padding:0 0 0 2em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;}
.at_comment2_s li			{ margin-top: 5px;}

.at_comment2_harf						{ text-indent:-2.5em; padding:0 0 0 2.5em; margin:10px 0 0 0;}
.at_comment2_harf_s					{ text-indent:-2.5em; padding:0 0 0 2.5em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;}
.at_comment2_harf_s li			{ margin-top: 5px;}

.at_comment3						{ text-indent:-3em; padding:0 0 0 3em; margin:10px 0 0 0;}
.at_comment3_s					{ text-indent:-3em; padding:0 0 0 3em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;}
.at_comment3_s li			{ margin-top: 5px;}

.at_comment4						{ text-indent:-4em; padding:0 0 0 4em; margin:10px 0 0 0;}
.at_comment4_s					{ text-indent:-4em; padding:0 0 0 4em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;}
.at_comment4_s li			{ margin-top: 5px;}	

.at_comment5						{ text-indent:-5em; padding:0 0 0 5em; margin:10px 0 0 0;}
.at_comment5_s					{ text-indent:-5em; padding:0 0 0 5em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;}
.at_comment5_s li			{ margin-top: 5px;}	

.at_comment6						{ text-indent:-6em; padding:0 0 0 6em; margin:10px 0 0 0;}
.at_comment6_s					{ text-indent:-6em; padding:0 0 0 6em; font-size:85%; line-height:1.3em; margin:10px 0 0 0;}
.at_comment6_s li			{ margin-top: 5px;}	

/* 標準 */
ul.m_plane_list												{ margin:10px 0 0; }
ul.m_plane_list li										{ background: url(../image/bg_li01.gif) left 0.55em no-repeat; padding:0 0 0 1em; margin-bottom:5px; }
dl.m_plane_list												{ margin:10px 0 0; }
dl.m_plane_list dt										{ font-weight:bold; }
dl.m_plane_list dd										{ background: url(../image/bg_li01.gif) left 0.55em no-repeat; padding:0 0 0 1em; margin-bottom:3px; }

ol.m_plane_list												{ margin-top: 10px; }
ol.m_plane_list li										{ list-style: decimal; margin: 2% 0 0 20px; }

/* margin */

.ml0								{ margin-left:0px !important; }
.ml5								{ 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:35px !important; }
.ml40								{ margin-left:40px !important; }
.ml45								{ margin-left:45px !important; }
.ml50								{ margin-left:50px !important; }

.mt0								{ margin-top:0px !important; }
.mt5								{ margin-top:5px !important; }
.mt8								{ margin-top:8px !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; }

.mb0								{ margin-bottom:0px !important; }
.mb5								{ 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; }



/*------------------------------
	text
-------------------------------*/
.txt_center						{ text-align:center !important; }
.txt_right						{ text-align:right !important; }
.txt_left							{ text-align:Left !important; }
.txt_top							{ vertical-align:top !important; }
.txt_middle						{ vertical-align:middle !important; }
.txt_text_bottom			{ vertical-align:text-bottom !important; }

.txt_bold							{ font-weight:bold; }
.txt_underLine				{ text-decoration:underline; }

.f8									{ font-size:59%; }
.f9									{ font-size:68%; }
.f10								{ font-size:77%; }
.f11								{ font-size:85%; }
.f12								{ font-size:93%; }

/*------------------------------
  table グレー
-------------------------------*/

table.m_table_l 																	{width:100%; margin-top:40px;}
table.m_table_l caption														{ border-bottom:none; font-weight:bold; }
table.m_table_l caption.m_table_caption_repletion	{ font-weight:normal; text-align:right;}
table.m_table_l th 	{ background:#acacac; color:#ffffff; box-sizing:border-box; padding:15px; text-align:center; border:1px solid #cccccc; }
table.m_table_l td 	{ background:#ffffff; box-sizing:border-box; padding:15px 20px; border:1px solid #cccccc;  vertical-align:top  }
table.m_table_l tr.table_header th 								{ background:none #9b9b9b; }
table.m_table_l tr.sub_header th 								{-webkit-appearance: none; background:none #c1c1c1; }



/*------------------------------
  その他 追加
-------------------------------*/
@media screen and (max-width:640px){

/* テーブルスクロール */

 .tableScroll { overflow-x: scroll; padding-bottom: 10px;  -webkit-overflow-scrolling: touch;}
 .tableScroll table { width: 600px; margin-top: 5px; }

.fixed01,
.fixed02{
  position: sticky;
  top: 0;
  left: 0;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ff0000;
  }
}
.fixed01{
  z-index: 2;
}
.fixed02{
  z-index: 1;
}

}
	



#detailPage #contentsWrap h5 { font-size:120%; margin-top: 50px; }
#detailPage #contentsWrap .readSection .contentsArea h5 + p { margin-top: 10px; }


@media screen and (max-width: 750px) {
 #detailPage #contentsWrap h5 { font-size:102%; margin-top: 25px; }
}


@media screen and (min-width: 680px){   
  .pc { display:inline; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:inline; }
}


@media print{
    .no_print{
        display: none;
    }
}

