/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.2
 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: holger1411/understrap-child
*/



@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');


/*▼▼▼▼▼▼▼▼▼           -- サイト共通CSS --           ▼▼▼▼▼▼▼▼▼*/	

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html,body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px !important;
	font-weight:300;
}

body {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:hover {
    transition: all .2s ease-out;
}
.site {
	overflow: hidden;
	}


/*▼▼▼▼▼▼▼▼▼           -- 　カルーセルスライダー関係　 --           ▼▼▼▼▼▼▼▼▼*/	



/* col-lg- 1200px以上はそのまま */

.main-visual {
	height: 100vh;
	background-image:url(images/home/main-img.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	position: relative;
	}
.main-visual .main-catch {
	text-align: center;
	color: #FFF;
	}
.main-visual .main-catch img {
	width: 300px;
	display: block;
	margin-right: auto;
	margin-left: auto;	
	}
	
	
	

	
.main-visual .head-line-wrap {
	position: absolute;
	width: 100%;
	bottom: 0px;
	background-color: rgba(255,255,255,0.3);
	}
.main-visual .head-line-wrap .news-item {
	display: flex;
	}
.main-visual .head-line-wrap .news-date {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 30px;
	}
.main-visual .head-line-wrap .news-content {
	padding-top: 15px;
	padding-bottom: 15px;
	}
.main-visual .head-line-wrap .news-btn {
	margin-left: auto;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #000;
	padding-right: 30px;
	padding-left: 30px;
	}
.main-visual .head-line-wrap .news-btn a {
	color: #FFF;	
	}
 
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
.main-visual {
	height: 400px;
	background-image:url(images/home/main-img.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	position: relative;
	}
.main-visual .main-ex {
	position: absolute;
	right: 15px;
	bottom: 15px;
	max-width: 50%;
	}
}





















/*▼▼▼▼▼▼▼▼▼           -- ナビ固定余白エリア --           ▼▼▼▼▼▼▼▼▼*/	

/* col-lg- 1200px以上はそのまま */
.home-contents {
	padding-top: 0px;	
	 }
.page-contents-wrap {
	padding-top: 45px;
	}
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
.home-contents {
	padding-top: 20px;	
	 }
.page-contents-wrap {
	padding-top: 60px;
	}
}











/*▼▼▼▼▼▼▼▼▼           -- ボタン関係 --           ▼▼▼▼▼▼▼▼▼*/	




.more-read-btn {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 70px;
	text-align: center;
	}
.more-read-white a {
	color: #FFF;
	}
.more-read-white a:hover {
	color: #000;
	text-decoration: none;
	}
.more-read-white {
	border: 1px solid #FFF;
    background-color: rgba(255,255,255,0.1);
	}

.more-read-blue a {
	color: #FFF;
	}
.more-read-blue a:hover {
	text-decoration: none;
	font-weight: bold;
	}
.more-read-blue {
	background-color: #52AFD8;
	}
















/* col-lg- 1200px以上はそのまま */
 
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
}






/*▼▼▼▼▼▼▼▼▼           -- header --           ▼▼▼▼▼▼▼▼▼*/	


/* col-lg- 1200px以上はそのまま */


.header {
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0;
	background-color: rgba(255,255,255,0.4);
	z-index: 250;
	}




.header-tops {
	display: flex;
	}
.header-tops .logo-wrap {
	display: flex;
	align-items: center;
	margin-right: auto;
	padding-left: 30px;
	}	
.header-tops .logo-wrap img {
	width: 170px;
	}
.header-tops .gnav-wrap {
	height: 100%;
	}



.gnav-wrap ul {
	list-style: none;
	-webkit-padding-start: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	}
.gnav-wrap ul li {
	width: 100%;
	text-align: center;
	line-height: 1.4;
	white-space: nowrap;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	}
.gnav-wrap ul li span {
	display: block;
	font-size: 8px;
	margin-top: 2px;
	color: #999;
	}
.gnav-wrap ul li a {
	color: #000;
	}
.gnav-wrap ul li a:hover {
	text-decoration: none;	
	}

.header-tops .nav-wrap {
	display: flex;
	}
.header-tops .nav-wrap .gnav-contact-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #000;
	text-align: center;
	padding-right: 30px;
	padding-left: 30px;
	height: 60px;
	}
.header-tops .nav-wrap .gnav-contact-wrap a {
	color: #FFF;
	}
.header-tops .nav-wrap .gnav-contact-wrap a:hover {
	text-decoration: underline;
	}








 
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
.header {
	width: 100%;
	position: fixed;
	background-color: rgba(255,255,255,1.0);
	z-index: 3;
	height: 60px;
	}
.header .logo-wrap {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.header .logo-wrap .sp-logo-wrap {
	width: 50px;
	}



.drawer_nav_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	}




.header-tops .gnav-wrap {
	height: 100%;
	}

.sp-gnav-wrap {
	}
.sp-gnav-wrap ul {
	}
.sp-gnav-wrap ul li {
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.4;
	white-space: nowrap;
	font-weight: bold;
	}
.sp-gnav-wrap ul li span {
	width: 100%;
	text-align: center;
	display: block;
	font-size: 8px;
	margin-top: 2px;
	color: #999;
	}
.sp-gnav-wrap ul li a {
	color: #FFF;
	}
.sp-gnav-wrap ul li a:hover {
	color: #FFF;
	text-decoration: none;
	}




}


.sp-foot-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	z-index: 200;
	}
.sp-foot-menu ul {
	width: 100%;
	background: #000;
	display: flex;
	list-style: none;
	-webkit-padding-start: 0px;
	height: 100%;
	}
.sp-foot-menu ul li {
	width: 33%;
	color: #FFF;
	font-size: 9px;
	display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
	text-align: center;
	}
.sp-foot-menu ul li a {
	color: #FFF;
	}
.sp-foot-menu ul li a:hover {
	color: #FFF;
	text-decoration: none;
	}
.sp-foot-menu ul li i {
	display: block;
	}












/*▼▼▼▼▼▼▼▼▼           -- home --           ▼▼▼▼▼▼▼▼▼*/	



/* col-lg- 1200px以上はそのまま */

.main-image {
	height: 100vh;
	position: relative;
}
.main-image .main-img {
  width: 100%;
  height: 100vh;
}
.main-image .main-catch {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	color: #FFF;
}
.main-image .main-catch h2 {
	text-align: center;
	font-size: 76px;
	margin-bottom: 20px;
	font-weight: bold;
	white-space: nowrap;
}
.main-image .main-catch span {
	text-align: center;
	display: block;
	font-size: 26px;
	font-weight: bold;
	white-space: nowrap;
}
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {

.main-image {
	height: 700px;
}
.main-image .main-img {
  height: 700px;
}
}

/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
.main-image {
	height: 500px;
}
.main-image .main-img {
  height: 500px;
}
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
.main-image {
	height: 400px;
}
.main-image .main-img {
  height: 400px;
}		
.main-image .main-catch h2 {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
.main-image .main-catch span {
	text-align: center;
	display: block;
	font-size: 12px;
	font-weight: bold;

}
.main-image .main-catch span {
	text-align: center;
	display: block;
}
}




/* col-lg- 1200px以上はそのまま */

.welcome-inner {
	padding-bottom: 120px;
	padding-top: 120px;
	text-align: center;
	background-image: url(images/home/about.JPG);
	background-size: cover;
	background-repeat: no-repeat;
	}
.welcome-main {
	display: block;
	font-size: 24px;
	margin-bottom: 40px;
	color: #FFF;
	}
.welcome-message {
	line-height: 2.2;
	color: #FFF;
	}
 
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
.welcome-inner {
	padding-bottom: 80px;
	padding-top: 80px;
	}
.welcome-main {
	display: block;
	font-size: 22px;
	margin-bottom: 40px;
	color: #FFF;
	}
.welcome-message {
	line-height: 2.2;
	color: #FFF;
	font-size: 14px;
	}
}







.home-topics-section {
	padding-top: 70px;
	padding-bottom: 70px;
	}
.topics-seg a {
	color: #000;
	}
.topics-seg a:hover {
	color: #000;
	text-decoration: none;
	}
	
.topics-item {
	margin-bottom: 10px;
	}
.topics-inner {
	}
.topics-inner .topics-date {
	font-size: 16px;
	margin-bottom: 10px;
	font-family: 'Roboto Condensed', sans-serif !important;
	}
.topics-inner h3 {
	font-size: 16px;
	}









.map-section {
	padding-top: 70px;
	padding-bottom: 70px;
	}

.information-table {
	width: 100%;
	border: 1px solid #CCC;
	font-size: 14px;
	margin-bottom: 40px;
}

.information-table th , .information-table td {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border: 1px solid #CCC;
}


.information-table th {
	width: 20%;
	background-color: #F7F8F5;
}

.information-table td {
	width: 80%;
}

.info-table-tel a {
	color: #000;	
	}
	
.map-wrap {
	position: relative;
	padding-bottom: 65%;
	height: 0;
	overflow: hidden;
	margin-bottom: 70px;
	}
.map-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}












/*▼▼▼▼▼▼▼▼▼ お問い合わせフォーム　 ▼▼▼▼▼▼▼▼▼*/	



/* col-lg- 1200px以上はそのまま */

.contact-back-wrap {
	padding-top: 70px;
	padding-bottom: 70px;
	}


.wpcf7 {
    max-width: 1000px!important;
    margin: 0 auto!important;
}

.contact-inner {
	padding-top: 15px;
	padding-bottom: 15px;
	}


.cf-left2 .self-subject {
	background-color: #D12E42;
	color: #FFF;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 30px;
	}
.cf-left2 .self-subject2 {
	background-color: #CCC;
	color: #FFF;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 30px;
	}




.cf-left, .cf-right {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
	}
	
	
	
	
	
.spam-check {
	margin-bottom: 40px;
	text-align: center;
	}
	
.submit-box {
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	width: 400px;
	margin-bottom: 80px;
	}
	


.sent .contact-wrap {
	display: none;
	}
.complete-display {
	display: none;
	text-align: center;
}
.complete-display h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 50px;
}
.sent .complete-display {
	display: block;
	margin-top: 70px;
}
.tel-box {
	padding-top: 30px;
	padding-bottom: 30px;	
	}
.tel-box span {
	display: block;
	}
.tel-number {
	font-size: 24px;
	}


div.wpcf7-response-output {
    display: none;
}



.btn-outline-primary, .wpcf7 input[type=submit] {
    color: #000 !important;
    background-color: transparent;
    background-image: none;
    border-color: #000 !important;
}
.wpcf7 input[type=submit]:hover {
    color: #666 !important;
    background-color: #FFF !important;
}


 
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {

.contact-wrap {
	padding-right: 15px;
	padding-left: 15px;
		}
.submit-box {
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	width: 100%;
	margin-bottom: 80px;
	}
.complete-display {
	text-align: left;
}
.complete-display h3 {
	font-size: 18px;
	font-weight: bold;
}
.tel-box {
	text-align: center;
	}

}


/*▼▼▼▼▼▼▼▼▼ page.php　 ▼▼▼▼▼▼▼▼▼*/	


.page-header {
	height: 400px;
	background-color: #CCC;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.page-header .page-title-wrap {
	text-align: center;
	}
.page-header .page-title-wrap h2 {
	font-size: 28px;
	font-weight: bold;
	}
.page-header .page-title-wrap span {
	font-size: 16px;
	display: block;
	}







/*▼▼▼▼▼▼▼▼▼ パンくずリスト　 ▼▼▼▼▼▼▼▼▼*/	

.pankuzu {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F5F2EF;
	}
#breadcrumbs {
	padding-right: 30px;
	padding-left: 30px;
	}
#breadcrumbs ul {
	display: flex;
	list-style: none;
	-webkit-padding-start: 0px;
	margin-bottom: 0;
	}
#breadcrumbs ul li {
	font-size: 12px;
	}
#breadcrumbs ul li a {
	color: #000;
	}










/*▼▼▼▼▼▼▼▼▼ single.php　 ▼▼▼▼▼▼▼▼▼*/	





/* col-lg- 1200px以上はそのまま */


.single-header {
	height: 400px;
	background-color: #CCC;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
	}
.single-header .single-title-wrap {
	text-align: center;
	}
.single-header .single-title-wrap h2 {
	font-size: 28px;
	font-weight: bold;
	}
.single-header .single-title-wrap span {
	font-size: 16px;
	display: block;
	}










.single-topics-head {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 20px;
	}
.single-topics-head h1 {
	font-size: 18px;	
	}
.single-topics-head .single-topics-date {
	font-size: 14px;	
	}



.single-topics-content {
	font-size: 16px;
	line-height: 2.0;
	margin-bottom: 70px;
	}



.more-topics {
	margin-bottom: 40px;
	}

.more-topics-h2 {
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-size: 22px;
	font-weight: bold;
	}







.more-topics-item a {
	display: block;
	}
.more-topics-item a:hover {
	text-decoration: none;
	}
.more-topics-inner {
	padding-bottom: 10px;
	}
.more-topics-inner-left {
	padding-top: 0px;
	padding-bottom: 0px;	
	}
.more-topics-inner-right {
	padding-top: 10px;
	padding-bottom: 10px;	
	}

.more-topics-title {
	margin-bottom: 5px;
	}
a .more-topics-date {
	color: #666;
	font-family: 'Roboto Condensed', sans-serif !important;
	margin-bottom: 7px;
	}
a .more-topics-title {
	color: #333;
	}





.arcive-contents-wrap {
	margin-bottom: 40px;
	}




/* 前後の記事ナビ */ 


.post-navigation {
	
	}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	
}
.nav-links {
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	font-size: 12px;
	background-color: #F8F8F8;
	padding-right: 20px;
	padding-left: 20px;
	}
.nav-links a {
	color: #000;
	}
.nav-links a:hover {
	text-decoration: none;
	}
.nav-links .nav-previous {
	text-align: left;
	width: 50%;
	}
.nav-links .nav-next {
	text-align: right;
	width: 50%;
	}

/* リンクが長い場合に重ならないように */
.nav-previous, .nav-next {
	max-width: 45%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}



 
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
.single-header {
	height: 250px;
	background-color: #CCC;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
	}
.single-header .single-title-wrap {
	text-align: center;
	}
.single-header .single-title-wrap h2 {
	font-size: 24px;
	font-weight: bold;
	}
.single-header .single-title-wrap span {
	font-size: 16px;
	display: block;
	}
}














/*▼▼▼▼▼▼▼▼▼           -- sidebar --           ▼▼▼▼▼▼▼▼▼*/	



#search-2 {
	margin-bottom: 30px;
	}
.btn-primary {
    color: #fff;
    background-color: #000 !important;
    border-color: #000 !important;
}

.input-group .input-group-append .btn-primary:hover {
	color: #fff;
	background-color: #999 !important;
	border-color: #999 !important;
}

.assistive-text {
	width: 100%;/*文字周りの余白*/
	color: #010101;/*文字色*/
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.widget .widget-title {
	color: #010101;/*下線*/
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.widget ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
	margin-bottom:30px;	
}

.widget ul li a {
	color: #000;
}
.widget ul li a:hover {
	color: #000;
}





.sidebar-section {
	margin-bottom: 20px;	
	}

.sidebar-section h2 {
	margin-bottom: 10px;
	background-color: #000;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}









		
.sidebar-info {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	}
.sidebar-info .sidebar-tel {
	line-height: 0.8;
	margin-bottom: 10px;
	text-align: center;
	}
.sidebar-info .sidebar-tel span {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	}
.sidebar-info .sidebar-time {
	text-align: center;
	font-size: 10px;
	margin-bottom: 15px;
	}
.sidebar-info .sidebar-time span {
	display: block;
	}


.side-contact-btn {
	width: 100%;
	}
.side-contact-btn a {
	width: 100%;
	display: block;
	text-align: center;
	background-color: #F00;
	border-radius: 7px;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.side-contact-btn a:hover {
	text-decoration: none;
	background-color: #C33;
	}






.side-more-title {
	margin-bottom: 10px;
	background-color: #600;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-radius: 5px;
	}







.side-navi {
	list-style: none;
	-webkit-padding-start: 0px;
}
.side-navi li {
    border-bottom: 1px solid #e8e8e9;
	font-size: 14px;
}
.side-navi a {
	display: block;
	position: relative;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 35px;
	color: #333;	
}
.side-navi a::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	height: 5px;
	width: 5px;
	transform: rotate(45deg);
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #900;
	border-right-color: #900;
}












.sidebar-baner .baner-item {
	margin-bottom: 10px;	
	}








.side-topics-item a {
	display: block;
	}
.side-topics-item a:hover {
	text-decoration: none;
	}
.side-topics-inner {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	padding-top: 10px;
	}
.side-topics-title {
	margin-bottom: 5px;
	}
a .side-topics-date {
	color: #666;
	font-family: 'Roboto Condensed', sans-serif !important;
	}
a .side-topics-title {
	color: #333;
	}












/*▼▼▼▼▼▼▼▼▼ category.php   archive.phpのサマリー　共通CSS ▼▼▼▼▼▼▼▼▼*/	





/* col-lg- 1200px以上はそのまま */

.category-summary-item {
	margin-bottom: 20px;
	}

.category-summary-innner-right {
	padding-top: 0px;
	padding-bottom: 0px;
	}
.category-summary-innner-right span {
	display: block;
	color: #666;
    font-family: 'Roboto Condensed', sans-serif !important;
    margin-bottom: 7px;
	}
.category-summary-innner-right h2 {
    color: #333;
	font-size: 14px;	
	}


 
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
.category-summary-item {
	margin-bottom: 0px;
	}

.category-summary-innner {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}

}








	


/*▼▼▼▼▼▼▼▼▼ 404.php ▼▼▼▼▼▼▼▼▼*/	



.wp404-wrapper {
	height: 100vh;
	text-align: center;
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	}
.wp404-contents .wp404-title {
	font-size: 100px;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: bold;
	}
.wp404-contents .wp404-en {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 24px;
	font-weight: bold;
	}
.wp404-contents .wp404-ja01 {
	}
.wp404-contents .wp404-ja02 {
	}




/*▼▼▼▼▼▼▼▼▼           -- footer --           ▼▼▼▼▼▼▼▼▼*/	


/* col-lg- 1200px以上はそのまま */

#wrapper-footer {
	background-color: #000;
}

.footer-info-innner-left span {
	display: block;
	font-size: 12px;
	margin-left: 10px;
	}
.footer-info-innner-left img {
	width: 80%;
	margin-bottom: 30px;	
	}
.site-info {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #FFF;
	}
.site-copy {
	font-size: 11px;
	}
	
	

.footer-list-inner ul {
	list-style-type: none;	
	}
.footer-list-inner ul li {
	margin-bottom: 7px;		
	}
.footer-list-inner ul li a {
	color: #FFF;	
	}
.footer-nav-hline {
	font-size: 14px;
	font-weight: bold;
	}

 
/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
.footer-info-innner-left {
	margin-bottom: 40px;	
	}
.footer-info-innner-left span {
	display: block;
	font-size: 12px;
	}
.footer-info-innner-left {
	text-align: center;	
	}
.footer-info-innner-left img {
	width: 50%;
	margin-bottom: 15px;	
	}
.footer-list-inner ul {
	-webkit-padding-start: 0px;
	list-style-type: none;
	text-align: center;	
	}
.footer-list-inner ul li {
	margin-bottom: 7px;		
	}
}











.header {
    width: 100%;
    height: 180px;
    position: static;
    top: 0;
    background-color:#FFF;
    z-index: 250;
}


.logo-wrap {
	height: 180px;
}

.sp-logo-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}
 







.shop-name {
	margin-bottom: 50px;
    background-color: #697d8d !important;
	height: 210px;
	}
.shop-name-title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	}
.shop-name-title h1 {
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
	}
.shop-name-title span {
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
	}

.topics-seg {
	margin-bottom: 50px;
	}
.topics-item {
	background-color: #efefef;
	}
.topics-left {

}
	
.topics-right {
	background-color: #efefef;
	padding: 15px;
	}

.topics-cat {
	margin-bottom: 5px;
	font-size: 12px;
}
.topics-date {
	margin-bottom: 10px;
	font-size: 10px;
}
.topics-right h3 {
	font-size: 14px;
	}

.site-footer {
	background-color: #000;
	padding-top: 70px;
	padding-bottom: 70px;
}
.footer-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
.footer-logo img {
	width: 130px;
}
.site-copy {
	text-align: center;
	color: #FFF;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}



.left-col {
	margin-bottom: 50px;
}
.left-col .single-titlebox {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: solid #000 1px;

}
.left-col .single-titlebox h1 {
	font-size: 22px;
	margin-bottom: 10px;
}
.left-col .single-titlebox span {
	display: block;
	font-size: 12px;
}


.widget {
	margin-bottom: 35px;
}
.mpp-item {
	margin-bottom: 15px;
}







/* col-md- 1199px以下 */
@media screen
    and (max-width: 1199px) {
}
 
/* col-sm- 991px 以下 */
@media screen
    and (max-width: 991px) {
}
 
/* col-xs- 767px 以下 */
@media screen
    and (max-width: 767px) {
		.header {
			width: 100%;
			height: auto;
			padding-top: 25px;
			position: static;
			top: 0;
			background-color:#FFF;
			z-index: 250;
		}
		.topics-seg {
			margin-bottom: 30px;
			}
}