/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/
body {
}

h3 {
	margin-bottom: 30px;
	padding-bottom: 15px;
}
.tagst {display:none;}
a:hover {opacity: 0.7}

div.out {
	width: 100%;
	background-color: #eee;
	padding: 10px 0;
	margin-bottom: 30px;
	overflow: hidden;
}
div.in {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
div.in ul li {
}
div.in ul li ul li {
	font-size: 0.9em;
}

div.inin {
	width: 98%;
	margin: 0 auto;
	overflow: hidden;
}
div.inin ul li {
}
div.inin ul li ul li {
	font-size: 0.9em;
}

.lbox {
	padding: 10px!important;
}

.top {
	margin-bottom: 150px!important;
}

.left{float: left; width:47%;}
.right{float: right; width:47%;}

a.btn {
	background-color: #ccc;
	padding: 5px;
	border-radius: 5px;
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	width: 100%;
	margin:0 auto;
	color: #000;
}

div.in h1,
div.in h2,
div.in h3,
div.in h4{
	margin: 0!important;
	padding: 0!important;
	font-size: 15px!important;
	font-weight: normal!important;
	line-height: 2!important;
}

div.inin h1,
div.inin h2,
div.inin h3,
div.inin h4{
	margin: 0!important;
	padding: 0!important;
	font-size: 15px!important;
	font-weight: normal!important;
	line-height: 2!important;
}
span {
	font-size: 0.8em;
	font-weight: normal;
}
.pc_none {
	display: none;
}
table.no_border {
	border: none!important;
}
table.no_border td {
	border: none!important;
	padding: 0;
}
.grayback {
	position: relative;
	inset-inline: 50%;
	width: 100vw;
	margin-inline: -50vw;
	background-color:#eeeeee;
}

.grayback section {
	width:1060px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

div#mybox ul li {
	background-color: aqua;
	border-radius: 0 20px 0 0;
	padding:20px;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	.sp_none {
		display: none;
	}
	.pc_none {
		display: block;
	}
	div.in {
		width: 95%;
		margin: 0 auto;
	}
	div.inin {
		width: 95%;
		margin: 0 auto;
	}
	.grayback {
		width:100%;
	}
	.lbox {
		padding: 10px!important;
	}
	.grayback section {
		width:100%;
}

	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
	.left{float: none; width:100%; margin-bottom: 30px;}
	.right{float: none; width:100%;}
	
	/*-- ここまで --*/
}