@charset "UTF-8";

/*:::::ヘッダ:::::*/
.mycss #header #header-upper{
	display: table;
	align-items: center;     /*上下中央揃え*/
	width: 100%!important;
	margin: 0;
	padding: 0;
}
.mycss #header #header-upper #title{
	float: left;
	width: 50%;
	display: flex;
	align-items: center;     /*上下中央揃え*/
}
.mycss #header #header-upper #title>img{
	width: 10%;
	align-items: center;     /*上下中央揃え*/
}
.mycss #header #header-upper #title>p{
	margin-left: 15px;
	font-size: 1.2em;
	font-weight: bold;
}
.mycss #header #header-upper #address{
	float: right;
	margin: 0 0 10px 0;
	width: 50%;
}
.mycss #header #header-upper #address>p{
	float: right;
	width: auto;
	font-size: 0.875em;
	line-height: 1.2em;
	padding: 0.5em;
	border: 1px solid rgba(var(--color-gray),1.00);
}
/*:::::パンくずリスト:::::*/
.mycss #breadcrumb{
	width:100%;
	max-width:1180px;
	background-color:rgba(var(--color-main),0.20);
	margin:0 auto;
}
.mycss #breadcrumb nav{
	width:100%;
	padding:0.25rem 0.5rem;
	margin:0 auto;
}
.mycss #breadcrumb nav span{
	font-weight:bold;
	font-size:0.75rem;
}

/*:::::検索フォーム:::::*/
.mycss #header .search{
	display: table;
	width: 100%;
	margin: 0 0 0.5rem 0;
	padding: 0;
}
.mycss #header .search>form{
	width: 30%;
	display: block;
	float:right;
}
.mycss #header .search>form label{
	width: calc( 100% - 80px );
	display:block;
	float:left;
}
.mycss #header .search>form input[type="search"] {
    width: 100%;
    border: 1px solid rgba(var(--color-main),0.3);
    border-radius: 5px;
    box-sizing: border-box;
	padding:10px 0 10px 1rem;
}
.mycss #header .search>form input[type="submit"] {
    width: 70px;
    padding: 8px;
    border: 1px solid rgba(var(--color-main),0.3);
    border-radius: 5px;
    box-sizing: border-box;
	float:left;
	margin-left:10px;
}
/*ナビ*/
.mycss #header #header-upper #navi{
	width:100%;
	display:flex;
	justify-content:center;
	margin-top:10px!important;
}
.mycss #header #header-upper #navi>a{
	flex: 1;
	display: block;
	text-align: center;
	background-color: rgba(var(--color-main-c),1.00);
	padding:10px 0;
	color:white;
}
@media only screen and (max-width: 960px) {
	.mycss #header #header-upper #address{
	display:none;
}
}
@media only screen and (max-width: 640px) {
	.mycss #header #header-upper #title{
	width: 70%;
}
.mycss #header #header-upper #title>img{
	width: 15%;
}
.mycss #header #header-upper #title>p{
	font-size: 1em;
}
}

/*:::::FOOTER:::::*/
.mycss footer{
	background-color: rgba(var(--color-main-c),0.20);	
}
.mycss footer>h2{
	background-color: rgba(var(--color-main-c),1.00);
	text-align:center;
	color:rgba(var(--color-white),1.00);
	padding:1em 0;
}
.mycss footer>.copyright{
	background-color: rgba(var(--color-main-c),1.00);
	text-align: center;
	color: rgba(var(--color-white),1.00);
	padding: 0.5em 0;
	font-size: 0.875em;
	
}
.mycss #footer>img{
	border-radius: 10px;
	border: 1px solid rgba(var(--color-main-c),1.00);
}

/*:::::FOOTER内側:::::*/
/*▼▼▼コンテンツ▼▼▼*/
.mycss .footer-cont{
margin: 20px 0 0 0;
	width: 100%;
  display: flex;
  flex-wrap: wrap;
	 justify-content:space-between;
}
.mycss .footer-cont>dl{
	display: block;
	width: calc(100%/4 - 10px);
	margin-bottom:20px;
}
.mycss .footer-cont>dl>a{
	display:block;
}
.mycss .footer-cont .h5{
	background-color: rgba(var(--color-main-c),1.00);
	margin: 1em 0;
	padding:0.25em 0.5em;
	color:rgba(var(--color-white),1.00);
}
.mycss .footer-cont .h6{
	display: block;
	margin-left:0.5em;
	text-indent:-0.75em;
	line-height:1.1em;
	margin-bottom:0.5em;
	padding-bottom:0.25em;
}
.mycss .footer-cont .h6::before{
	font-family: 'FontAwesome';
	content: '\f138';
	color:rgba(var(--color-main-c),1.00);
}

.mycss .footer-cont dl>a{
	padding-left:0.5em;
}
.mycss .footer-cont dl>a::before{
	font-family: 'FontAwesome';
	content: '\f0da';
	color:rgba(var(--color-main-c),1.00);
}


@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 640px) {
	
/*:::::FOOTER:::::*/

.mycss footer>.copyright{
	font-size: 0.6em;
}
.mycss footer>h2{
		font-size:0.75em!important;
	}

/*:::::FOOTER内側:::::*/
/*▼▼▼コンテンツ▼▼▼*/
.mycss .footer-cont{
  display: table;
}
.mycss .footer-cont>dl{
	width: 100%;
}
}

/*:::::WIDGET:::::*/

/*WIDGET-ADDRESS*/
.mycss .widget-address{
	border: 1px solid rgba(var(--color-main-c),1.00);
}
.mycss .widget-address>dl{
	background-color: rgba(var(--color-main-c),1.00);
	padding:0.5em;
	line-height:1.2em;
	color:rgba(var(--color-white),1.00);
}
.mycss .widget-address>dd{
	padding:0.5em;
}

/*widget-single*/
.mycss .widget-single{
}
.mycss .widget-single .h4{
	margin-bottom: 0.5rem;
	color: rgba(var(--color-white),1.00);
	padding: 0.5rem 1rem;
	background-color: rgba(var(--color-main-c),1.00);
}
.mycss .widget-single .h6{
	border-bottom: 2px solid rgba(var(--color-main-c),1.00);
	margin: 1rem 0;
	font-weight: bold;
}
.mycss .widget-single .h6:nth-of-type(2){
	margin-top:1rem;
}
.mycss .widget-single>a{
	width: 100%;
	display: block;
	padding-left: 0.5rem;
	border-bottom: 1px dotted rgba(var(--color-main),1.00);
	margin-bottom:0.25rem;
}
.mycss .widget-single>a::before{
	font-family: 'FontAwesome';
	content: '\f0da';
	color:rgba(var(--color-red),1.00);
	margin-right:0.25em;
}

/*WIDGET-MAIN*/
.mycss .widget{
	margin: 0 0 20px 0;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	height: auto;
}
.mycss .widget .h4, .mycss .widget .h5{
	padding:0.5em;
	color:rgba(var(--color-white),1.00);
	display:block;
}
.mycss .widget a{
	display:block;
}
.mycss .widget .h4{
	display: table;
	background-color: rgba(var(--color-red),1.00);
	width: 100%;
	color: rgba(var(--color-white),1.00);
	padding: 0.5em;
}
.mycss .widget .h5{
	background-color: rgba(var(--color-main-c),1.00);
	margin: 1em 0;
}
.mycss .widget .h6{
	display: block;
	margin-left:1em;
	text-indent:-1em;
	border-bottom: 1px solid rgba(var(--color-gray),1.00);
	line-height:1.1em;
	margin-bottom:0.5em;
	padding-bottom:0.25em;
}
.mycss .widget .h6::before{
	font-family: 'FontAwesome';
	content: '\f138';
	color:rgba(var(--color-red),1.00);
}

.mycss .widget dl>a{
	padding-left:0.5em;
}
.mycss .widget dl>a::before{
	font-family: 'FontAwesome';
	content: '\f0da';
	color:rgba(var(--color-red),1.00);
}

/*:::::タブレット:::::*/
@media only screen and (max-width: 960px) {
}
/*:::::スマホ:::::*/
@media only screen and (max-width: 640px) {
}