/*┌──────────────────────────────────────
/*│  スタイルシート v1.0.0 (2025/10/28)
/*└─────────────────────────────────────*/

/*============================================================================*/
/*                              [ 基本設定関係 ]                              */
/*============================================================================*/

/*-- [ 文字コード ] ----------------------------------------------------------*/
@charset 'UTF-8';
/* div.Wrapper.No1 {
	background: linear-gradient(#d60000 2px, #fff 2px 100%);
} */

div.Wrapper.No2 {
	position: relative;/* リキッドレイアウト親 */
	/* width: 1080px; */
	min-width: 1080px;
	background-color : #FFF;

	/* フッター最下部用 */
	height: auto !important;
	height: 100%;
	min-height: 868px;
	margin:0 auto;
}

@media screen and (max-width: 812px){
	body {min-width: auto;}
	/* div.Wrapper.No1 {
		background: linear-gradient(#d60000 .53vw, #fff .53vw 100%);
	} */
	div.Wrapper.No2 {
		width: auto;
		min-width: auto;
	}
}

/*-- [ ヘッダー ] ------------------------------------------------------------*/

/* header {
	width: 100%;
	min-width: 1080px;
	padding: 0 10px;
	margin:0 auto;
	height: 70px;
	background: linear-gradient(#d60000 2px, #fff 2px 100%);
} */
@media screen and (max-width: 767px){
	/* header {
		height: 15.96vw;
		width: 100%;
		min-width: 100%;
		background: linear-gradient(#d60000 .53vw, #fff .53vw 100%);
	} */
}
/* ロゴ */
header>a:nth-of-type(1) {
	display: inline-block;
	width: auto;
	float : left; 
	line-height: 62px;
	font-size: 14px; font-size: 1.4rem;
}
header>a:nth-of-type(1)>img {
	margin:13px 10px 4px 0;
	vertical-align: -15px;
	width: 261px;
	height: 36px;
}
@media screen and (max-width: 767px){
	header>a:nth-of-type(1) {
		line-height: 13.30vw;
		font-size: 3.72vw;
	}
	header>a:nth-of-type(1)>img {
		margin:3.46vw 2.66vw .8vw 1.33vw;
		vertical-align: -3.99vw;
		width: 69.6vw;
		height: 10.66vw;
	}
}

/* ビジター */
header>nav#Visiter {
	width: -webkit-calc(100% - 300px);
	width:         calc(100% - 300px);
	float : right;
}
header>nav#Visiter>ul {
	margin: 0 0 37px 0;
	float : right; 
}
header>nav#Visiter>ul::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
header>nav#Visiter>ul>li {
	float : left; 
	margin-left:4px;
	letter-spacing: 0.1em;
	font-size: 12px; font-size: 1.2rem;
	font-weight: 400;
}
header>nav#Visiter>ul>li>a {

	padding: 0.3em 2em;
	display: block;
	        border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	   -moz-border-radius: 0 0 5px 5px;
	background: linear-gradient(#d60000 2px, #eee 2px 100%);
}
header>nav#Visiter>ul>li:nth-of-type(2)>a {
	background: linear-gradient(#d60000 0 100%);
	color: #fff;
}
@media screen and (max-width: 767px){

	header>nav#Visiter {display:none;}
	header>nav#Visiter>ul>li {display:none;}

}

/*------------------------------------*/
#Contents {
	margin     : 0 auto;
	width      : 100%;
	text-align : center;
	background : url( '../images/cnn_top_bg.gif' ) top left repeat-x;
}

header {font-size: 16px; font-size: 1.6rem;}

main {
	display: block;/* IEにmainタグがないので指定 */
	margin     : 0 auto;
	min-height : 780px;           /* min-height */
	height     : auto !important; /* IE6  */
	height     : 780px;           /* hack */
	/*width      : 1080px;*/
	text-align: left;
	background : url( '../images/cnn_bg.gif' ) top left repeat-y;
	padding-bottom:30px;
	padding-top: 20px;
	font-size: 16px; font-size: 1.6rem;
}

article {
	padding: 0 20px 0 20px;
	position: relative;
	overflow: auto;
}

article>h1 {
	width: auto;
	border: 2px solid #000;
	line-height: 45px;
	text-align: center;
	padding: 0;
	margin:30px 80px 30px 80px;
}

article>p {
	margin: 0 auto;
	width:90%;
	line-height : 150%;
	text-align: left;
}

article>div>img {
	vertical-align:middle;
	margin-right:3px;
}


@media screen and (max-width: 812px){
	article {padding: 0 0 0 0;}
	article>h1 {
		margin:5px 5px 10px 5px;
	}
	main {
		width: 100%;
		font-size: 4.25vw;
	}
}

/*-- [ フッター ] ------------------------------------------------------------*/
footer {
	/*position: fixed;*/
	position: absolute;
	bottom: 0;
	margin     : 0 auto;
	height     : 34px;
	line-height: 34px;
	width      : 100%;
	min-width  : 1080px;
	text-align : center; /* IE 中央揃え */
	background : url( 'images/bg_footer.png' ) bottom left repeat-x;
}

footer>p {
	margin     : 0 auto; /* FX 中央揃え */
	width      : 1080px;
	text-align : center;
	font-size: 10px; font-size: 1.0rem;
}

footer>p::before {
        content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="10px"><path fill="%23D60000" d="M305 151.1L320 171.8L335 151.1C360 116.5 400.2 96 442.9 96C516.4 96 576 155.6 576 229.1L576 231.7C576 343.9 436.1 474.2 363.1 529.9C350.7 539.3 335.5 544 320 544C304.5 544 289.2 539.4 276.9 529.9C203.9 474.2 64 343.9 64 231.7L64 229.1C64 155.6 123.6 96 197.1 96C239.8 96 280 116.5 305 151.1z"/></svg>');
        margin-right: 0.5rem;
}

@media screen and (max-width: 812px){
	footer {
		min-width  : auto;
	}
	footer>p {
		width:100%;
		font-size: 6px; font-size: 0.6rem;
	}
}

/*-- [ 色 ] ------------------------------------------------------------------*/

/* 文字色 */
.Oudoiro {color:#cfb872;}
.Pink    {color:#df64a5;}
.Red     {color:#d54044;}
.Blue    {color:#2b8fc6;}
.Orange  {color:#f1950a;}
.Green   {color:#2daab5;}

/* 背景色 */
.BgOudoiro {background-color:#cfb872;}
.BgPink    {background-color:#df64a5;}
.BgRed     {background-color:#d54044;}
.BgBlue    {background-color:#2b8fc6;}
.BgOrange  {background-color:#f1950a;}
.BgGreen   {background-color:#4bae7f;}
.BgBGreen  {background-color:#2daab5;}
.BgBGrey   {background-color:#708F8F;}

/*----------------------------------------------------------------------------*/
article>table {
	border-collapse : collapse;
	border : solid 1px;
	margin-bottom : 40px;
	width: 100%;
}
article>table th, article>table td {
	font-weight: normal;
	border  : 1px solid #333333;
	padding : 5px;
}

article>table>thead th {
	background-color : #FFFFA4;
}
article>table>tbody th {
	background-color : #D8FFB0;
	width: 400px;
}

@media screen and (max-width: 812px){
	article>table{border : none;}
	article>table>thead {
		display: none;
	}
	article>table>tbody th, 
	article>table>tbody td {
		display: block;
		width: 100%;
		border-top : none;

	}
	article>table>tbody>tr:nth-of-type(1)>th {
		border-top : 1px solid #333333;
	}
}

/* ---------------------------------- */
/* ビジター */
header>nav#Visiter {
	width: -webkit-calc(100% - 300px);
	width:         calc(100% - 300px);
	float : right;
}
header>nav#Visiter>ul {
	margin: 0 0 37px 0;
	float : right; 
}
header>nav#Visiter>ul::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
header>nav#Visiter>ul>li {
	float : left; 
	margin-left:4px;
	letter-spacing: 0.1em;
	font-size: 12px; font-size: 1.2rem;
	font-weight: 400;
}
header>nav#Visiter>ul>li>a {

	padding: 0.3em 2em;
	display: block;
	        border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	   -moz-border-radius: 0 0 5px 5px;
	background: linear-gradient(#d60000 2px, #eee 2px 100%);
}
header>nav#Visiter>ul>li:nth-of-type(2)>a {
	background: linear-gradient(#d60000 0 100%);
	color: #fff;
}
@media screen and (max-width: 767px){

	header>nav#Visiter {display:none;}
	header>nav#Visiter>ul>li {display:none;}

}

/*============================================================================*/
/*                             [ ページ内容関係 ]                             */
/*============================================================================*/
* {
    padding: 0;
    margin: 0;
    word-break: break-all;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
main>article {
    /* font-family: "Noto Sans JP"; */
    /* line-height: 200%; */
    font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    line-height: normal;
    /* width: 1140px; */
    margin: 0 auto;
}

article, section, aside {
    padding: 10px;
}

header {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: background-color .5s, -moz-box-shadow .5s, -webkit-box-shadow .5s, box-shadow .5s;
}
header.is-transparent {
    -moz-box-shadow: 0 0 10px 0 #666;
    -webkit-box-shadow: 0 0 10px 0 #666;
    box-shadow: 0 0 10px 0 #666;
    background-color: #FFF;
}

header>div#DrawrBtn {
    opacity: 0;
    transition: opacity 0.5s ease;
}
header.is-transparent>div#DrawrBtn {
    opacity: 1;
}

#Kengaku {margin-top: 77px;}

#Kengaku h1 {
	font-size: 36px; font-size: 3.6rem;
	text-align: center;
	margin: 20px 0;
}

#Kengaku>p {
	width: 100%;
	margin:0 auto;
}
#Kengaku table {
	border-top : 2px solid #f08e59;
	border-bottom : 2px solid #f08e59;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 auto 30px;
}

#Kengaku th, 
#Kengaku td {

	color:#000;
	padding: 20px;
	background : #FFF url( '../../assets/images/dot_table.gif' ) top left repeat-x;
	line-height:125%;
	font-size: 20px; font-size: 2.0rem;
}
#Kengaku th {
	background-color: #fff6c4;

	line-height:125%;
	vertical-align:top;
	text-align: center;
}
#Kengaku tr>th:nth-of-type(1) {
	width: 200px;
}
#Kengaku tr>td:nth-of-type(2) {
	width: 150px;
}
#Kengaku tr:nth-of-type(1)>th, 
#Kengaku tr:nth-of-type(1)>td {

	background-image:none;
}

#Kengaku h3 {
	font-size: 16px; font-size: 1.6rem;
}

#Kengaku p {
	margin-bottom:20px;
	line-height: 1.6;
}

#Kengaku img {max-width: 100%;}

#Kengaku button:before {
	font-family: FontAwesome; /* アイコンフォント */
	content: "\f01c"; /* 箱マーク */
	margin-right:30px;
	font-weight: normal;
}
#Kengaku button {
	width: 706px;
	height: 142px;
	display: block;
	border-radius: 10px;
	background-color: #E7350D;
	color:#FFF;
	font-size: 56px; font-size: 5.6rem;
	font-weight: bold;
	margin:0 auto;
}



.Chapter > h2::before {
    vertical-align: -3px;
    content: "";
    background: url(/assets/images/ico_handle32x32.svg) center center no-repeat;
    background-size: cover;
    display: inline-block;
    height: 32px;
    width: 32px;
    margin-right: 0;
}


@media screen and (max-width: 812px) {
    main>article {
        width: auto;
    }
    main>article>div {
        width: 100%;
        margin: 0 auto;
    }
    article {
        padding: 0;
    }

	#Kengaku table {
		width: 100%;
	}

	#Kengaku th, 
	#Kengaku td {
		padding: 5px;
		font-size: 12px; font-size: 1.2rem;
	}
	#Kengaku th {
		width: 120px;
	}
	#Kengaku tr>td:nth-of-type(1) {
		width: auto;
	}
	#Kengaku tr>td:nth-of-type(2) {
		width: auto;
	}
	#Kengaku button:before {
		margin-right:30px;
		font-weight: normal;
	}

	#Kengaku button {
		font-size: 28px; font-size: 2.8rem;
		width: 400px;
		height: 70px;
	}
}