/** 背景変更 **/
body.bkgroung{
height:auto;
position:relative;
background: #fee300; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fee300, #f8f3c6, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fee300, #f8f3c6, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fee300, #f8f3c6, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fee300, #f8f3c6, #ffffff); /* Standard syntax (must be last) */
background-attachment: fixed;
margin:0px;
//padding:8px;
}
/** /背景変更 **/
/** ボタン追加 **/
.buttonBl{ padding:10px 0 20px 0; font-size:0; line-height:0;}
#main .buttonBl img{ margin: 0 5px;}
/** /ボタン追加 **/
/** 書籍紹介 **/
.bookBox{
 border-radius:5px;
margin-top:10px;
margin-bottom:10px;
	width:auto;
	border:1px solid #cccccc;
	background:#ffffff;
}
.bookBox .inner{
	padding:13px;
}

.bookBox .inner .book{
	display:table-cell;
	width:94px;
	vertical-align:top;
	text-align:left;
}
.bookBox .inner .book_txt{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.bookBox .inner .book_txt p.book{
font-size:12px;
	line-height:22px;
}
.bookBox .inner .book_txt p{
display:table-cell;
font-size:12px;
	vertical-align:middle;
}
.bookBox .btn_area{
display:block;
	margin:10px 10px 0 0;
white-space:nowrap;
}
.bookBox .btn_area_keitai{ display:none;}
.bookBox .btn_area a{
background:#a60a0a;
border-radius:5px;
display:block;
padding:5px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

/* スマホ対応 */
@media (max-width: 550px) {

body.bkgroung{//background:url(../images/mb_bg.jpg) repeat-x left top !important;
} 


#wrapper{ width:100%; height: 100%; }
#header img{ max-width:300px; margin:0 0 0 10px;}
#main img{ max-width:300px; margin:0 0 0 0px;}
#main .buttonBl{ padding: 10px 0 15px 0; }
#main .buttonBl img{ margin: 0 0 5px 0; }

.bookBox .btn_area{
display: inline-block;
	margin-bottom:10px;
}

.bookBox .btn_area{ display:none;}
.bookBox .btn_area_keitai{ display:inline-block;}


#main table{ width:auto !important; margin: 0 auto !important;}
#main table tr{ display: block!important; width: 100%; }
#main table td{ padding:10px !important;}
#main table td img{ width:100px;}
#main table td center img{ width:100%;}
#main a{ font-size: 13px; }

.bookBox .inner .book_txt p{
display:block;
width:auto;
margin: 0 0 0 10px;
	vertical-align:middle;
font-size:13px;
	line-height:22px;
}
/*
  #sample {
    position: relative;
    width: 300px;
    margin: 0px auto !important;
    float:none !important;
  }
*/
}

/* /スマホ対応 */
/** /書籍紹介 **/

/* 2025.03 TOP改修対応追記部分 (sp first)
-----------------------------------------------*/
.front_links_wrap,
.front_links_wrap * {
	box-sizing: border-box;
}
.front_links_wrap {
	padding: 16px 16px 30px;
	position: relative;
	overflow: hidden;
}
.front_links_wrap img {
	width: 100%;
	height: auto;
}
.front_links_wrap a.bnr {
	line-height: 0;
	transition: .25s;
}
.front_links_wrap a.bnr:hover {
	opacity: .8;
}
.front_links_wrap>div,
.front_links_wrap>section {
	width: 100%;
	max-width: 960px;
	margin: auto;
}
.front_links_wrap .links_karadauranai {
	display: flex;
	flex-flow: row wrap;
	gap: 16px;
	margin-bottom: 30px;
}
.front_links_wrap .links_karadauranai article {
	width: calc((100% - 16px) / 2);
	border-bottom: 4px solid #00B1A0;
	padding-bottom: 8px;
}
.front_links_wrap .links_karadauranai article a {
	display: flex;
	flex-direction: column;
}
.front_links_wrap .links_karadauranai article p img {
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
}
.front_links_wrap .links_karadauranai article h2 {
	color: #000;
}
.front_links_wrap .links_karadauranai article h2 span {
	display: inline-block;
}
.front_links_wrap .links_bnr-rectangle {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 16px;
	margin-bottom: 30px;
}
.front_links_wrap .links_bnr-rectangle a {
	max-width: 465px;
}
.front_links_wrap .links_bnr-square {
	background: #FEFFE2;
	padding: 24px 16px 20px;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	max-width: 960px;
}
.front_links_wrap .links_bnr-square .speech {
	font-size: 18px;
	font-weight: bold;
	margin: 0 auto 20px;
}
.front_links_wrap .links_bnr-square .speech span {
	display: inline-block;
	position: relative;
	padding: 0 28px;
	text-align: left;
}
.front_links_wrap .links_bnr-square .speech span::after,
.front_links_wrap .links_bnr-square .speech span::before {
	content: "";
	width: 3px;
	height: 100%;
	background: #EB6A53;
	position: absolute;
	bottom: 0;
}
.front_links_wrap .links_bnr-square .speech span::before {
	left: 10px;
	transform: rotate(-15deg);
}
.front_links_wrap .links_bnr-square .speech span::after {
	right: 10px;
	transform: rotate(15deg);
}
.front_links_wrap .links_bnr-square .bnr_wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 16px;
}
.front_links_wrap .links_bnr-square .bnr_wrap a {
	width: calc((100% - 16px) / 2);
	max-width: 218px;
}
/* PC対応 */
@media screen and (min-width: 768px) {
	.front_links_wrap .links_karadauranai {
		gap: 30px;
	}
	.front_links_wrap .links_karadauranai article {
		width: calc((100% - 90px) / 4);
	}
	.front_links_wrap .links_bnr-rectangle {
		gap: 30px;
	}
	.front_links_wrap .links_bnr-square {
		margin: 0;
		width: 100%;
		border-radius: 16px;
	}
	.front_links_wrap .links_bnr-square .speech {
		font-size: 20px;
	}
}

/* meerkat記述 index.htmlより移設
-----------------------------------------------*/
#meerkat-wrap{
	position: relative;
}
.close-meerkat {
	position: absolute;
	display: block;
	height: 18px;
	width: 18px;
	background: url(../top_images/close-x.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9000px;
	z-index: 10;
}
.dont-show {
	position: absolute;
	display: block;
	height: 18px;
	width: 160px;
	cursor: pointer;
	z-index: 10;
	color: #EC7700;
	margin: 0 auto;
}
a.dont-show:hover {
	color: #FFF;
}
.adsense {
	z-index: 5;
}
.meerkat {
	color: #FFF;
	display: none;
}
.pos-bot .dont-show {
	right: -10px;
	top: 100px;
}
.pos-bot .dont-show {
	top: 100px;
}
.meerkat .adsense{
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
	width: calc(100% - 18px);
	padding: 10px;
}
.meerkat .adsense a{
	max-width: 338px;
	font-size: 0;
}
.meerkat .adsense a img{
	width: 100%;
	max-width: 338px;
	height: auto;
}
.pos-bot .close-meerkat {
	right: 0;
    top: 0;
}