/**********************************/
/* home */
/**********************************/


/*-------------------*/
/* home main */
/*-------------------*/

#home h2,
.Archive_index h2 {
	border-bottom: #999 solid 1px;
	border-left: #67cb33 solid 4px;
	padding: 8px 16px;
	font-size: 1.8rem;
	font-weight: 900;
	margin-bottom: 0.5em;
	margin-top: 2em;
}

#area_textnews { font-size: 1.3rem; margin-bottom: 30px; line-height:1.6; color: #999;}
#area_textnews li { position: relative; padding-left: 20px; line-height: 1.4;margin-bottom: 4px;}
#area_textnews li:before {
	content: "";
	position: absolute;
	top: 3px; left:0;
	float:left;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 8px solid #11981f;
}
#area-attention h2 { margin-top: 0;}

#area-contents ul {
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
}
#area-contents li {
	padding: 1em 0;
	margin: 0 10px;
}
#area-contents .blog-title { background-color :#d5eec9; padding: 0.2em 0.5em; font-weight: 700;box-sizing: border-box;}

#area-contents dd {
	display: -webkit-flex; /* Safari */
	display: flex;
	padding: 1em 0;
}
#area-contents li {
	width: calc(50% - 20px);
	border-bottom: #ccc solid 1px;
}

.more-button { margin-top: 20px;}
.more-button a {
	display:block;
	border: #ccc solid 1px;
	padding: 0.8em 1em;
	margin: auto;
	width: 280px;
	font-weight: 700;
	text-align:center;
	box-sizing: border-box;
}
.more-button a:hover { background-color: #67CB33; color:#fff; text-decoration:none;}

#area-contents .list-footer { text-align: right;}
#area-contents .entry-list li {display:block;}
#area-contents .list-image { float:left;}

#sp-tab { display:none;}

@media screen and (min-width:1001px) {
	#area-contents .blog-title { margin-bottom: 10px;}
	#area-contents .list-text { margin-left: 90px;}
}
@media screen and (max-width:1000px) {
	#area-contents ul,#area-contents dd { display: inline;}
	#area-contents li {
		width: 100%;
		box-sizing:border-box;
	}
	#area-contents .list-image { width: 80px;}	
	#area-contents li {overflow: hidden;} 	
	#area-contents li .blog-title {float:right; width: calc(100% - 110px); margin-bottom: 10px;}
	#area-contents li .list-image {  -webkit-order:1; order:1;}
	#area-contents li .blog-title {  -webkit-order:2; order:2;}
	#area-contents li .list-text {  -webkit-order:3; order:3; float:right; width: calc(100% - 120px);}
	#beta .more-button a { width: 100%;}
}
@media screen and (max-width:750px) {
	#home #content { margin-top: 60px;}
	#area_textnews { margin: 0 10px 30px; padding-top: 20px;}
	.list-text h3 {font-size: 1.6rem;}
	#area-contents li { width: auto;}
	.more-button a {padding: 1em;}
	#beta .more-button a { width: 280px;}
	#area-contents .list-image {
		width: 100px;
	}
}
@media screen and (max-width:400px) {
	.more.button a { width: 100%;}
}

/**********************************/
/*** sideBar Area (#beta) ***/
/**********************************/

#home-honshi dl { text-align: center;}
#home-honshi dt img { width: 56%; height:auto; margin: 0 auto 1em; border: #999 solid 1px;}
#home-honshi dd {font-weight: 700;}

#beta ol.image-list { display: -webkit-flex; display: flex;flex-wrap: wrap;}
#beta ol.image-list img { width: 60px; margin-left: 10px; margin-bottom: 10px; border:#999 solid 1px;}
#beta ol.image-list img:hover { opacity: 0.8;}

#home-bandai { margin-bottom: 35px;}
#home-bandai p.txt,
#home-bandai ul {margin:15px 10px;} 

#home-bandai ul { margin-top: 1em;} 
#home-bandai ul li { position: relative; padding-left: 20px; line-height: 1.4;margin-bottom: 4px;}
#home-bandai ul li:before {
	content: "";
	position: absolute;
	top: 5px; left:0;
	float:left;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 8px solid #666;
}
#home-bandai ul li:hover:before {	border-left: 8px solid #11981f;}
#home-bandai ol { margin-top: 1em;}
#beta .list-text h3 { font-size: 1.4rem;}


@media screen and (max-width:750px) {
	#home-zasshitwi-inner { padding: 0 20px;}
	#home-zasshitwi-inner iframe { margin: 0 auto; }
#beta ol.image-list img { width: calc((100vw - 70px)/2);}
}

/* webページ */

.page-archive #alpha h2 {
    margin: 1.5em 0 1em;
    padding: 4px 10px;
}
.page-archive #alpha dt {
    border-bottom: 2px solid #cccccc;
    border-left: 8px solid #cccccc;
    font-size: 1.8rem;
    margin: 1em;
    padding-left: 10px;
font-weight:900;
}
.page-archive #alpha dd {
    line-height: 1.6;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
}
.page-archive #alpha dd a { color: #11981f;}
.page-archive #alpha dd ul li {
    background: rgba(0, 0, 0, 0) url("/img/icon_square.gif") no-repeat scroll 0 50%;
    padding-left: 25px;
}
.page-archive #alpha dd ul.disc { padding-left: 2em;}
.page-archive #alpha dd ul.disc li { list-style-type: disc; padding-left: 0;background-image:none;}

.page-archive #alpha .aboutsite dt {
    margin-bottom: 1em;
}
.page-archive #alpha .aboutsite dd {
    margin-bottom: 3em;
}
.page-archive #alpha .aboutsite dd p {
    margin-bottom: 0.5em;
}
.page-archive #alpha dd ol {
    list-style-type: decimal;
    margin-left: 25px;
    margin-top: 1em;
}
.page-archive #alpha dd ol li {
    margin-bottom: 1.5em;
}
.page-archive #alpha dd ol ol {
    list-style-type: upper-alpha;
    margin-top: 0.5em;
}
.page-archive #alpha dd ol ol li {
    margin-bottom: 0;
}
.page-archive #alpha .page_button a {
    background-color: #cccc99;
    border: 1px solid #ccc;
    border-radius: 15px;
    color: #000;
    display: block;
    margin: 10px 0 0;
    padding: 3px 15px;
    text-align: center;
    text-decoration: none;
    width: 12em;
}
.page-archive #alpha .page_button a:hover {
    color: #fff;
}
#alpha #zasshi-info h2{
    border-bottom: 2px solid #cccccc;
    border-left: 8px solid #cccccc;
    font-size: 1.8rem;
    font-weight:900;
}

#zasshi-info h3 {font-size:1.8rem; margin-bottom: 1em;}
#zasshi-info .zasshi-info-body { padding: 1em;}
#zasshi-info .zasshi-info-body p { margin-bottom: 1.5em;line-height:1.8;}

#zasshi-info #map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#zasshi-info #map iframe,
#zasshi-info #map object,
#zasshi-info #map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-archive .side-txtlink { margin-top:0;}
.page-archive .side-txtlink ul {border-top: #ccc solid 1px;}
.page-archive .page-txtlink ul {border-bottom: #ccc solid 1px;}

.page-archive .mailmagazine {border-collapse: collapse; width: 100%; margin-bottom: 1.5em;}
.page-archive .mailmagazine th,
.page-archive .mailmagazine td{ border: 1px #666 solid; padding: 5px 10px;}
.page-archive .mailmagazine th { background-color: #ccc;}
.page-archive .mailmagazine input.txt { width: 70%; padding: 0.4em;}

@media screen and (max-width:750px) {
    .page-archive .page-txtlink { display:none;}
    .page-archive .side-txtlink ul {border-top: none;}
.page-archive #alpha dt { margin: 1em 0;}
.page-archive #alpha dd { margin-left: 1em; margin-right:1em;}
}

.Archive_index #area-attention .more-button { margin-bottom: 50px;}
.shinrensai{
color: #F00;
font-size:10px; 
border-color: #f00;
border-style: solid; 
border-width: 1px 0;
}
@media screen and (max-width:750px) {
.shinrensai{ display: inline-block;}
}

/* cookie*/
.page-archive #alpha h2 { padding-left: 1em;font-size: 1.6em; border-left: #11981f solid 10px; font-weight: 900;}
.page-archive #alpha h3 { font-size: 1.4em;font-weight: 900; margin-top: 2em;margin-bottom: 1.5em;border-bottom: solid 2px #11981f;padding-bottom: 0.2em;}

.arrow-up { width: 20px; height:auto;}
table.cookie {border-collapse: collapse;width: 100%; margin-bottom: 3em;}
table.cookie th { background-color: #f5f5f5;}
table.cookie th,table.cookie td { border: solid 1px #666; padding: 0.8em;}
table.cookie tr td:nth-child(n+3) { text-align: center; width: 3em;}
table.cookie td a svg { width: 20px; height:auto;}
table.cookie td a:hover svg {fill: #11981f;}
.asset-body a {color: #11981f;}