/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20161115
*/
@import url('../stinger8/style.css');

body{
	background-color:#f7f7f7;
	color:#535b66;
}

.tleft
{
	text-align: left;
}
.tright
{
	text-align: right;
}
.center
{
	text-align: center;
}

#contentInner{
	background:#ffffff;
	padding:0 2.5%;
}


#content{
	margin:0 auto;
	max-width:100%;
}


.pr{
	color:#bcbcbc;
	font-size:12px;
	text-align:right;
}

#relation_wrap
{
	padding: 0 2.5%;
}

ul.relation
{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}

ul.relation li
{
	list-style: none;
	width: 48%;
	margin-bottom: 15px;
}

ul.relation li img
{
	margin-bottom: 15px;
}

#links
{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}

#links p
{
	margin: 0 10px;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {



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

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


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

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	#content{
	margin:0 auto;
	max-width:520px;
}

	#contentInner{
	background:#fff;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0 auto;
	max-width:900px;
	padding:0 30px;
}

#relation_wrap
{
	padding: 0;
}

ul.relation
{
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

ul.relation li
{
	width: 290px;
	margin-right: 15px;
}

ul.relation li:nth-child(3n)
{
	margin-right: 0;
}


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


.junpbtn{
	text-align: center;
}

.junpbtn a{
	display: inline-block;
	background: #337ed6;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
}







/*AddQuicktag用-----------------------------------------------------------------------*/
  .kuchikomi {
    border: 1px solid #666;
    padding: 10px;
    box-sizing: border-box;
    background-color: #f3f3f3
  }
  
  .kuchikomi img {
    max-width: 100%
  }
  
  .under_marker {
    background: linear-gradient(transparent 60%, #ff6 60%)
  }
  
  .under_marker_pink {
    background: linear-gradient(transparent 60%, #F4B3C2 60%)
  }
  
  .under_marker_yellow {
    background: linear-gradient(transparent 60%, #FEF263 60%)
  }
  
  .under_marker_gray {
    background: linear-gradient(transparent 60%, #CED1D3 60%)
  }
  
  .marker {
    background: linear-gradient(transparent 0%, #ff6 0%)
  }
  
  .marker_pink {
    background: linear-gradient(transparent 0%, #F4B3C2 0%)
  }
  
  .marker_yellow {
    background: linear-gradient(transparent 0%, #FEF263 0%)
  }
  
  .marker_gray {
    background: linear-gradient(transparent 0%, #CED1D3 0%)
  }
  
  .red_bold {
    font-weight: bold;
    color: #db0000
  }
  
  .pink_bold {
    font-weight: bold;
    color: #ff388e
  }
  
  .blue_bold {
    font-weight: bold;
    color: #0068B7
  }

/*記事調整 20220516-----------------------------------------------------------------------*/

.titlebox h1.entry-title {
    padding-bottom: 0.5em;
	line-height: 1.4;
    border-bottom: solid 1px #a20b00;
	color: #535b66;
}

p,
.yellowbox,
.graybox,
.redbox,
.post ul li,
.post ol li {
    font-size: 18px;
    line-height: 1.8em;
}

#contentInner h2 {
	border-top: solid 0px #a20b00;
    border-left: 14px solid #b91f12;
    border-bottom: 2px dotted #b91f12;
    color: #535b66;
    font-size: 16pt;
    padding: 5px 15px;
    margin-bottom: 30px;
    line-height: 1.5;
}

.footer-box {
	box-sizing: border-box;
	padding: 20px;
	background: #a20b00;
}

.footer-box .link{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.footer-box .link li{
	padding: 0 10px;
	list-style-type:none;
}

.footer-box .link a{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
.footer-box .link a:hover {
	opacity: 0.5;
}
.footer-box .copy{
	margin-bottom: 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

@media only screen and (max-width: 959px) {
	.footer-box .link {
		display: block;
		text-align: center;
	}
}

/*運営者情報 20220517-----------------------------------------------------------------------*/

@media print, screen and (min-width: 960px){
	.st-main {
		margin-right: auto;
	}
}