@charset "utf-8";

/* ========================================
* File Name: style.css
* Created Date: 2015.04.01
* Update: 2021.12.22
* Author: Janime
======================================== */

/* ========================================
	gHeader
======================================== */

#gHeader {
	width:100%;
	height: 480px;
	background: url("../images/main_bg.png") center top no-repeat;
}

#gHeader .top-chara {
	position: absolute;
	top: 185px;
	right: 0;
	z-index: 9999;
}

#gHeader .top-40th {
	position: absolute;
	top: 100px;
	left: 0;
	width:150px;
	z-index: 9999;
}

#gHeader .top-40th img {width:100%; height:auto;}

#gHeader .slide-bg li:nth-child(1) {
	position: absolute;
	top: 100px;
	left: 184px;
	font-size: 0;
	line-height: 0;
}
#gHeader .slide-bg li:nth-child(2) {
	position: absolute;
	top: 111px;
	left: 184px;
}
#gHeader .slide-bg li:nth-child(3) {
	position: absolute;
	top: 375px;
	left: 184px;
}
#gHeader .slide-bg li:nth-child(4) {
	position: absolute;
	top: 111px;
	left: 695px;
}
#gHeader .slide-bg img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#main-contents .page-wrap .page-inner {
	padding: 0 25px;
}


/* ========================================
	news
======================================== */
#news {
	margin-bottom: 26px;
}
#news .title {
	overflow: hidden;
	margin-bottom: 20px;
}
#news .title h2 {
	float: left;
}
#news .title span {
	float: right;
	display: block;
	margin-top: 5px;
}
#news .entry-list li {
	border-bottom: 1px dashed #bc9f8a;
	margin-bottom: 12px;
	padding-bottom: 12px;
}
#news .entry-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#news .entry-list a {
	color: #542200;
}
#news .entry-list a:link,
#news .entry-list a:visited {
	text-decoration: none;
}
#news .entry-list a:hover,
#news .entry-list a:active {
	text-decoration: underline;
}

#news .entry-list dl {
	overflow: hidden;
	font-size: 14px;
	color: #542200;
}

#news .entry-list dl dt,
#news .entry-list dl dd {
	float: left;
}
/* PC */
@media screen and (min-width:641px) {
#news .entry-list dl dt {
	width: 100px;
}
}
#news .entry-list dl dt:last-child {
	width: 110px;
}
#news .entry-list dl dd {
	width: 610px;
}

/* ========================================
	topics
======================================== */
#topics h2 {
	margin-bottom: 20px;
}
#topics a {
	color: #FF9000;
}
#topics ul {
	overflow: hidden;
}
#topics ul li {
	float: left;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 30px;
}
#topics ul li:nth-child(3n) {
	margin-right: 0;
}
#topics ul li span {
	display: block;
	font-size: 14px;
}

/* pc */
@media screen and (min-width:641px) {

#topics ul li {
	width: 260px;
}

/* サムネを正方形に変更 2025/07 */
#topics ul li img{
	width: 260px;
	height:260px;
	overflow:hidden;
	object-fit: contain;
	background-color:#fffbf5;
}

#topics .bnr-list li:nth-child(7) {
	margin-bottom: 0;
}
}

/* ========================================
	unit
======================================== */
.unit {
	overflow: hidden;
	width: 884px;
	margin: 60px auto 40px;
}
.unit .footbnr {
	float: left;
	width: 460px;
}
.unit .footbnr ul {
	overflow: hidden;
}
.unit .footbnr ul li {
	float: left;
	margin: 0 10px 14px 0;
}
.unit .footbnr ul li:nth-child(2n) {
	margin-right: 0;
}

.unit .twitter {
	float: right;
	width: 420px;
}


@media screen and (max-width:640px) {
.unit .twitter img {width:100%; height:auto;}
}

.unit a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}



/* ▼以下スマホ用設定 -------------------- */

@media screen and (max-width:640px) {

/* ========================================
	gHeader
======================================== */


#gHeader {
	width:100%;
	height: 280px;
	background: none;
}

#gHeader .inner  {
	width:100%;
	height: 280px;
	background-image:url(/common/images/sp_header_bg.png);
	background-size: auto 25px;
	background-repeat:repeat-x;
	background-position:left bottom;
}

#gHeader .top-chara {
	position: absolute;
	top: 210px;
	right: 10;
	z-index: 9999;

}

#gHeader .top-chara img {
	width: 80px;
	height: auto;
}


#gHeader .top-40th {
	position:absolute; 
	top:5px;
	left:200px;
	width:45px;
	height:auto;
}

#gHeader .slide-bg {
	display: none;
}

#gHeader .bx-wrapper {
	position: absolute;
	width: 320px;
	height: auto;
	top: 55px;
	left: 50%;
	margin-left: -160px;
}

#gHeader .bx-wrapper .bx-pager,
#gHeader .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -20px;
}


#gHeader .bx-wrapper .bx-pager.bx-default-pager a {
	background: #CEB9A9;
	width: 8px;
	height: 8px;
}

#gHeader .bx-wrapper .bx-pager.bx-default-pager a:hover,
#gHeader .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #F8B327;
}



#main-contents .page-wrap .page-inner {
	padding: 10px;
}

/* ========================================
	news
======================================== */
#news .title span {
	display: none;
}
#news .entry-list dl dt {
	margin-bottom: 5px;
}
#news .entry-list dl dt {
	display: inline;
	margin-right: 5px;
}
#news .entry-list dl dd {
	clear: left;
	float: none;
	width: auto;
}

/* ========================================
	topics
======================================== */
#topics h2 {
	margin-bottom: 15px;
}
#topics ul {
	overflow: hidden;
	text-align: center;
}
#topics ul li {
	float: none;
	margin-right: 0;
	margin-bottom: 18px;
}
#topics ul li img {
	width: 100%;
}
#topics a:link,
#topics a:visited {
	text-decoration: none;
}
#topics a:hover,
#topics a:active {
	text-decoration: underline;
}

/* ========================================
	unit
======================================== */

.unit {
	width: auto;
	margin: 35px 10px 0;
}
.unit .footbnr {
	float: none;
	width: auto;
}
.unit .footbnr ul li {
	width: 48%;
}

.unit .footbnr ul li img {
	max-width: 100%;
}

.unit .footbnr ul li:nth-child(odd){
	clear: left;
}

.unit .twitter {
	float: none;
	width: auto;
}

}