@charset "utf-8";

/*PC・タブレット・スマホ(全端末)共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.pt0{
	padding-top: 0 !important;
}
/*contents */
.contents {
margin-top: 110px !important;
}
/*右側コンテンツ*/
.cont-right {
margin-top: 27px;
}
/*パンくずリスト*/
.pankuzu{
	color: #303030;
	padding-bottom: 0.1em;
}
.pankuzu a{
	color: #008B8B;
	text-decoration: underline;
}
/*タイトル文字*/
h3.back_pickup_titile {font-size:20px; font-weight:600; color:#008B8B; margin:0 0 2%;}
h4.back_pickup_titile {font-size:18px; color:#303030; border-bottom:1px solid #303030; border-left:6px solid #008B8B;padding-left:6px;}
h5.back_chapter {font-size:18px; color:#303030;font-weight:600; }
h6.back_chapter {font-size:16px; color:#303030;margin:1% 0 0;}
h7.back_chapter {font-size:14px; color:#303030;}

/*サブタイトル*/
b {
	font-size: 16px;
}

/*外側のブロック*/
.back_inner {
	background: #FFF;
	width: 100%;
	padding: 10%;
	position: relative;
}
/*バックナンバータグ*/
h2.back_tag {
	position: absolute;
	top: 0;
	left: 0;
  /*width: 600px;*/
	width: 384px;
	height: 40.04px;
	background-color: rgba(75,176,182,0.3);
	border-bottom: 4px solid #008B8B;
	line-height: 44px;
	text-align: center;
	color: rgb(0,139,139);
	font-size: 16px;
	font-weight: 600;
	margin-top: 1%;
}
h2.back_tag:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-right: 30px solid transparent;
  border-top: 44.04px solid rgba(75,176,182,0.3);
}

/*本文*/
.back_text {
	margin: 5% 3% 13%;	
}
.back_text p {
	padding: 3% 0 3%;
	font-size: 16px;
	color: #303030;
	word-break: break-word;
}
.back_text .padding-bottom-3 {
	padding: 0 0 3% 0;
}
.back_img {
	width: 61%;
	margin: 0 auto 6.5%;
    text-align: center !important;
}
.back_img_table {
	width: 61%;
	margin: 0 auto 6.5%;
    text-align: center !important;
}
p.img_name {
	font-size: 0.8em;
	text-align: center;
	padding-bottom: 7%;
}
p.img_name_table {
	font-size: 0.76em;
	text-align: center;
	padding-top: 7%;
}
 .mov {
	width: 100%;
	margin: 4% auto;
}
.mov iframe {
	display: block;
  width: auto;
  height: auto;
	margin: 0 auto !important;
}
p.mov_name {
	font-size: 0.9em;
	text-align: center;
	padding-bottom: 3%;
  
}
.mov_link {
    margin: 4% auto !important;
    width: 600px;
    height: auto;
}

/*--タイトル--*/

.column_top {
	width: 89%;
	margin: 3% auto 10%;
	background-color: #F8F5F5;
	padding: 7%;
}
.column_top_comment {
	width: 89%;
	margin: 3% auto;
	background-color: #F8F5F5;
	padding: 7%;
}
.column_top_left {
	float: left;
	width: 28%;
	margin-right: 5%;
}
.column_top_left img {
	width: 100%;
	height: auto;
}

.column_top_vol {
	font-size: 16px;
	height: 24px;
	margin-bottom: 8px;
}
.column_top_title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.column_top_en_title {
	border-bottom: 1px solid #303030;
	font-size: 14px;
}
.column_top_name {
	font-size: 14px;
	line-height: 1.4;
	width: 100%;
	margin-top:3%;
}
.column_top_en_name {
	font-size: 14px;
	line-height: 1.4;
	width: 100%;
}
.column_top_corpo {
	font-size: 14px;
	line-height: 1.4;
	width: 100%;
	margin-top:3%;
}
.column_top_en_corpo {
	font-size: 14px;
	line-height: 1.4;
	width: 100%;
}



/*---------------------------------------------------ポップアップ*/
.popbtn{
	width: 99%;
	height: auto;
	text-align: center;
	margin:2% auto;
	font-size: 16px;
	cursor: pointer;
	clear: both;}
.popbtn:hover{
		opacity: 0.7;
	}

.poparea{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-color:rgba(0,0,0,0.6);
	position: fixed;
	z-index: 15;
	top: 0;
	display: none;
	transition: 0.3s;
}
.popbox{
	width: 700px;
	height: 490px;
	background-color: #fff;
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.8);
	box-sizing: border-box;
	padding: 16px;
	position: fixed;
	z-index: 16;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin: auto;
	border-radius: 5px;

}
.popbtn p {
	text-decoration: underline;
	color: #C48649;;
	padding:0;
}
.close {
	width: 40px;
	height: 40px;
	float: right;
	text-align: center;
	font-size: 36px;
	line-height: 24px;
	font-weight: bold;
	cursor: pointer;
}
.close:hover{opacity: 0.6;}

.pc-img,.sp-img {
	clear: both;
	margin: 0 auto;
}
.pc-img{display: block;}
.sp-img{display: none;}

/*
{
clear: both;
margin-top: 10px;
margin-bottom: 20px;
}
*/




/*　PC狭め〜iPad Pro設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 75em){
/*contents */
.contents {
margin-top: 90px !important;
}
 

}




/*スマホ設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 769px) {
.contents {
	margin-top: 70px !important;
}
.pankuzu {
	font-size: 12px;
}
/*タイトル文字*/
h3.back_pickup_titile {font-size:18px; margin:0; padding-bottom:6%;line-height: 34px;}
h4.back_pickup_titile {font-size:18px; padding-bottom:2%;font-weight: bold;}
h5.back_chapter {font-size:16px; color:#303030; margin: 10% 0 7%;}
h6.back_chapter {font-size:16px; color:#303030;margin:1% 0 8%;}
h7.back_chapter {font-size:14px; color:#303030;}
	
/*バックナンバータグ*/
h2.back_tag{
  /*width:86%;*/
	width:60%;
	font-size: 13px;
}
	

/*外側のブロック*/
.back_inner {
	width: 89%;
	padding: 10% 5% 20%;
	line-height: 1.4;
}
.back_text {
    margin:0;
}
.back_text p {
	line-height: 26px;
	font-size: 14px;
	margin-top:0;
	padding-top: 0;
}
.back_img, .back_img_table {
	width:82%;
	margin: 8% auto 14%;
    text-align: center !important;
}
p.img_name_table {
	font-size: 0.76em;
	text-align: center;
	padding-top: 14%;
}
	.mov iframe{
		width: 100%;
    margin: 10% auto 2%;
	}
    .mov_link {
        width: 100%;
        height: auto;
        margin: 10% auto 2%;
    }
	article{
		margin-bottom:13%;
	}
	

	
	
	.cont-right{
		display: none;
	}

	
	
/*--タイトル--*/
	
.column_top {
	width: 80%;
	margin: 0 auto 14%;
	background-color: #F8F5F5;
	padding: 10%;
}
.column_top_comment {
	width: 80%;
	margin: 0 auto 4%;
	background-color: #F8F5F5;
	padding: 10%;
}
.column_top_left {
    width: 60%;
    margin:auto;
	float:none;
}
.column_top_vol {
	font-size: 16px;
}
.column_top_title {
	font-size: 18px;
	letter-spacing: 0.05em;
}
.column_top_name {
	float: none;
	font-size: 14px;
	line-height: 1.2;
	width: 100%;
	margin-top:6%;
}
.column_top_corpo {
	float: none;
	font-size: 14px;
	line-height: 1.2;
	width: 100%;
	margin-top: 6%;
}
.column_top_en_title{
	margin-top: 3%;
	padding-bottom: 3%;
	letter-spacing: 0.12em;
}
}

@media screen and (max-width: 480px) {
	h2.back_tag {
		/*width: 93%;*/
		width: 83%;
		font-size: 13px;
	}
	
	.back_inner {
		width: 89%;
		padding: 15% 5% 20%;
		line-height: 1.4;
	}
}

.engine_tablebox {
	border: solid 1px #303030;
	box-sizing: border-box;
	border-collapse: collapse;
	margin: 0 auto 50px;
}
.engine_tablebox tr {
	border: solid 1px #303030;
	box-sizing: border-box;
	border-collapse: collapse;
}
.engine_tablebox tr td {
	border: solid 1px #303030;
	box-sizing: border-box;
	border-collapse: collapse;
	padding: 15px;
}
.flexbox-mov {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 1000px) {
	.flexbox-mov {
		justify-content: center;
		flex-direction: column;
	}
}


/*--参考文献のインデント調整--*/

.ref_ind{
	text-indent: -1.5em;
    padding-left: 1.5em;
		word-break: break-word;
}

/*--参考文献のスクロール位置調整--*/
#ref{
	padding-top: 80px;
	margin-top: -80px;
}