@charset "UTF-8";

body	{margin: 0;
	font-family: 'Source Sans Pro', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

span.sample100 {font-weight: 100; }
span.sample200 {font-weight: 200; }
span.sample300 {font-weight: 300; }
span.sample400 {font-weight: 400; }
span.sample500 {font-weight: 500; }
span.sample600 {font-weight: 600; }
span.sample700 {font-weight: 700; }
span.sample800 {font-weight: 800; }
span.sample900 {font-weight: 900; }


/* サイト名 */
.site	{background-color: #000066;
	padding: 10px;
	text-align: center}

.site a	{color: #ffffff;
	font-size: 20px;
	font-family: 'Paytone One', sans-serif;
	text-decoration: none}


/* ナビゲーションメニュー */
.menu	{padding: 10px 0;
	background-color: #FFFFDD}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	margin-bottom: 15px;
	padding: 15px;
	background-color: #770000;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #BB0000}


/* 記事 */
.kiji	{padding: 30px}

.kiji img	{max-width: 100%;
	height: auto}

.kiji h1	{margin-top: 0;
	margin-bottom: 20px;
	font-size: 32px}

.kiji h1 span	{display: block;
	margin-bottom: 20px;
	color: #930000;
	font-size: 20px;
	font-weight: bold}

.kiji h2 {
	font-weight: bold;
	font-size: 110%;
	color: #030133;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #030133;
	border-left-color: #030133;
	margin-top: 20px;
	margin-bottom: 20px;
}
.kiji h3 {
	font-weight: normal;
	font-size: 90%;
	color: #666699;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666699;
	border-left-color: #666699;
	margin-bottom: 20px;
}


.kiji p	{margin-top: 0;
	margin-bottom: 20px;
	line-height: 2;
	text-align: justify}

.kijiinfo	{margin-bottom: 20px;
	color: #666666}


.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;

}
 
.list1 li{
	position:relative;
	padding-left:20px;
}
 
.list1 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #aaa;
}


/* 関連記事メニュー */
.kanren	{padding: 30px 20px;
	background-color: #FFFFDD}

.kanren ul	{margin: 0;
	padding: 0;
	list-style: none}

.kanren li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.kanren li a:hover	{background-color: #eeeeee}

.kanren img	{max-width: 100%;
	height: auto}

/* コピーライト */
.copyright	{background-color: #000066;
	padding: 10px;
	text-align: center}

.copyright p	{margin: 0;
	color: #ffffff;
	font-size: 14px}


/* グリッド */
body	{display: grid;
	grid-template-areas:
		"head head head"
		"side1 main side2"
		"foot foot foot";
	grid-template-columns: 2fr 6fr 250px}


.site	{grid-area: head}
.menu	{grid-area: side1}
.kiji	{grid-area: main}
.kanren	{grid-area: side2}
.copyright	{grid-area: foot}

/* ボタン */
.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 20px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}

.btn-square-pop:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.btn-square-pop:hover	{background-color: #BB0000}

/* ########### 600～999px ########### */
@media (min-width: 600px) and (max-width: 999px) {

/* グリッド */
body	{grid-template-areas:
		"head head"
		"side1 main"
		"side2 side2"
		"foot foot";
	grid-template-columns: 1fr 3fr}

}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* グリッド */
body	{grid-template-areas:
		"head"
		"main"
		"side1"
		"side2"
		"foot";
	grid-template-columns: 1fr}

/* 記事 */
.kiji	{padding: 40px 20px}