/*
 Theme Name:   ki:ki Official Home Page
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/


/* 全体設定 */
body{}
.area-title h2.font-acc{
	position: relative;
	display: inline-block;
}
.area-title h2.font-acc:before{
	content: "";
    display: inline-block;
    width: 60px;
    height: 25px;
	position: absolute;
	top: 50%;
    left: -70px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-image: url(https://ki-ki-official.com/wp-content/uploads/2025/11/ttl_left.png);
    background-position: center;
    background-size: contain;
	background-repeat: no-repeat;
}
.area-title h2.font-acc:after{
	content: "";
    display: inline-block;
    width: 60px;
    height: 25px;
	position: absolute;
	top: 50%;
    right: -70px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-image: url(https://ki-ki-official.com/wp-content/uploads/2025/11/ttl_right.png);
    background-position: center;
    background-size: contain;
	background-repeat: no-repeat;
}
.more-btn a{
	position: relative;
}
.more-btn a:before{
	content: "";
    display: inline-block;
    width: 60px;
    height: 25px;
	position: absolute;
	top: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-image: url(https://ki-ki-official.com/wp-content/uploads/2025/11/btn-top.png);
    background-position: center;
    background-size: contain;
	background-repeat: no-repeat;
}
.more-btn a:after{
	content: "";
    display: inline-block;
    width: 60px;
    height: 25px;
	position: absolute;
	bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-image: url(https://ki-ki-official.com/wp-content/uploads/2025/11/btn-bottom.png);
    background-position: center;
    background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (max-width:992px) {}
@media screen and (max-width:768px) {}


/* ヘッダー */
.navbar{
	padding-top: 0!important;
	padding-bottom: 0!important;
	background-image: linear-gradient(0deg, transparent, #1b1b1b);
}
.navbar .navbar-brand img{
	max-width: 100px;
}
.navbar-toggler{
	color: #fafafa;
	border: none!important;
	font-size: 2rem;
}
.offcanvas{
	max-width: 70%!important;
	background-color: #1b1b1b!important;
}
.offcanvas-body ul li a{
	color: #fafafa;
	font-family: "MFW-LatinMOPro-Bold"!important;
	font-size: 1.2rem!important;
	padding: 1rem 0 !important;
}
.offcanvas-body ul li a:hover,
.offcanvas-body ul li a:focus,
.offcanvas-body ul li a:active{
	color: #e988bf!important;
}
@media screen and (max-width:768px) {
	.navbar .navbar-brand img{
		max-width: 60px;
	}
	.offcanvas-body ul li a{
		font-size: 1rem!important;
	}
}


/* メインビジュアル */
#main-vsl img{
	width: 100%;
	max-width: 100%;
}


/* INFORMATION */
#index-wrapper article,
.information-item ul li{
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #707070;
}
#index-wrapper article:last-child,
.information-item ul li:last-child{
	margin-bottom: 0rem;
	border-bottom: none;
}
span.new-mark{
	color: #e988bf!important;
}
.single-entry-content,.single-entry-header,.profile-sns{
	border-bottom: 1px solid #e988bf;
}