@charset "utf-8";
/*
Theme Name: ayaweek2023
Theme URI: https://www.dik.co.jp/
Version: 2.0.1
Author: DIK
*/

#humberger {
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 2s;
    -vendor-animation-iteration-count: infinite;
}
* { box-sizing: border-box; }
html { font-size: 62.5%; /* 15px x 0.625 = 10px(=1rem) */ }
body {
	background: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
	font-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	line-height: 1.7;
}

/* ------------------------------------------------------- */
/* layout ------------------------------------------------ */
/* ------------------------------------------------------- */

/* base サイトレイアウトの基本設定 ----------------------- */
#top {
	width: 100%;
}
#container{
    max-width:100%;
    min-width:100px;
    width: 100%;
    margin: 0 auto;
}
#main {
    width:100%;
}
#footer {
	width: 100%;
	min-width: 1000px;
}
@media only screen and (max-width:999px) {
    #container {
        min-width: 100px;
        width: 100%;
        padding: 0 15px 0 15px;
    }
    #main {
        width: 100%;
        float: none;
        margin: 0 0 15px 0;
    }
    #footer {
        min-width: 100px;
        width: 100%;
    }
}

/* ------------------------------------------------------- */
/* header ------------------------------------------------ */
/* ------------------------------------------------------- */

#header {
    max-width:1366px;
    min-width: 1000px;
	/*height: 130px;*/
	/*position: fixed;*/
	z-index: 10;
	background: #fff;
	top: 0;
	left: 0;
    margin-bottom:3px;
    margin: 0 auto;
}
.headerInner {
	max-width: 100%;
	min-width: 100px;
	margin: 0 auto;
}
#top {
    /*display: flex;
    align-items: center;
    justify-content:space-between;*/
}
.headerTitle {
	display: flex;
	align-items: center;
	padding: 15px 0;
}
.headerTitleTeaserflex{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.headerTitleTeaserflex > h1{
    width:340px;
}

.headerTitleTeaserflex > div{
    width:calc(100% - 340px - 50px);
    display:flex;
    justify-content: flex-end;
}
.headerTitleTeaserflex > div.nonePc{
      display:none;
  }
.headerTitleTeaserflex > div > div{
    width:calc((100% - 6px) / 4);
    border-radius: 5px;
    overflow: hidden;
}
.headerTitleTeaserflex > div > div.nolink{
    color:#000;
    padding:10px 0px;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:rgba(242,242,242,1.0);
    font-weight: bold;
    line-height:1.5;
    text-align: center;
}
.headerTitleTeaserflex > div > div a{
    text-decoration:none;
    color:#000;
    padding:10px 0px;
    width:100%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:rgba(242,242,242,1.0);
    font-weight: bold;
    line-height:1.5;
    text-align: center;
}
.headerTitleTeaserflex > div > div a:hover{
    background-color:rgba(242,242,242,0.7);
}
@media only screen and (max-width:999px) {
    #header {
        width:100%;
        min-width:100px;
    }
    .headerTitleTeaser img{
        width:100%
    }
    .headerTitleTeaserflex{
        flex-direction: column;
        align-items: center;
        margin:0 0px 0px;
    }
    .headerTitleTeaserflex > h1{
        width:calc(100% - 60px);
        margin-right:0px;
        margin:0 30px;
    }
    .headerTitleTeaserflex > div{
        width:100%;
        flex-direction: column;
        justify-content: flex-start;
    }
    .headerTitleTeaserflex > div.noneSp{
        display:none;
    }
    .headerTitleTeaserflex > div.nonePc{
        display:flex;
    }
    .headerTitleTeaserflex > div > div{
        width:100%;
        margin-bottom:1px;
    }
}
.logoTxt {
	font-size: 1.3rem;
	padding-left: 20px;
}
.logo {
	width: 235px;
	height: 50px;
}
.logo a {
	display: block;
    width: 100%;
    height: 100%;
	background: url(../images/base/logo.png) no-repeat;
    background-size: 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.headerMenu li {
    display: inline-block;
    margin-left: 15px;
}
.headerMenu li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    margin-right: 5px;
}
@media only screen and (max-width:999px) {
	#header {
		/*height: 80px;
		border-bottom: 2px solid #1a6212;*/
	}
	.headerInner {
		width: 100%;
		min-width: 100px;
		padding: 10px;
	}
    #top {display: block;}
	.headerTitle {
		flex-wrap: wrap;
		padding: 0;
	}
	.logoTxt {
		width: 100%;
		font-size: 1.2rem;
		padding-left: 0;
        order: 1;
	}
	.logo {
		width: 180px;
		height: 38px;
		margin-bottom: 5px;
        order: 2;
	}
	.logo a {
		background: url(../images/base/logo.png) no-repeat;
		background-size: 100%;
	}
    .headerMenu {display: none;}
}

/* ------------------------------------------------------- */
/* footer ------------------------------------------------ */
/* ------------------------------------------------------- */
#footer {
	border-top: 2px solid #eee;
}
.footerInner {
    max-width:1366px;
    min-width: 1000px;
    margin: 0 auto;
	padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 .footer{
    margin: 20px auto;
}
.footerInner > div:nth-child(1){
    display:flex;
    justify-content: flex-start;
    align-items: center;
}
.teaser .footerInner > div:nth-child(2){
    display:flex;
    justify-content: flex-end;
    align-items: center;
}
/*.teaser .footerInner > div:nth-child(1) > div:nth-child(1),*/
.footerInner > div:nth-child(2) > div:nth-child(1){
    margin-right:20px;
}
/*.teaser .footerInner > div:nth-child(1) > div:nth-child(1)::before,*/
.footerInner > div:nth-child(2) > div:nth-child(1)::before{
    content:"\f101";
    font-family:"Font Awesome 5 Free";
    font-weight:800;
    display:inline-block;
    margin-right:15px;
}
.footerInner > div:nth-child(2) img{
    width:300px;
    margin:0 auto;
}
.footerInner > div:nth-child(2) > div:nth-child(1) a{
    text-decoration: none;
    color:#333;
}
.snsLink > ul{
	display: flex;
	justify-content:flex-start;
	margin-bottom: 0px;
    margin-left: 25px;
}
.snsLink > ul li{
	margin-left: 25px;
}
.snsLink > ul li:first-child{
	margin-left: 0;
}
.snsLink > ul li img{
	width: 40px;
	height: 40px;
    display:block;
}
#copyright {
    text-align: center;
    font-size: 1.3rem;
    padding: 5px;
}
@media only screen and (max-width:999px) {
    .footer{
        margin: 40px auto 0;
    }
    .footerInner {
        width: 100%;
        min-width: 100px;
        margin: 0 auto;
        padding: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .footerInner > div:nth-child(1){
        flex-direction: column;
       justify-content: center;
        align-items: center;
    }
    .snsLink > ul{
        margin-left: 0px;
        margin-bottom:40px;
    }
    .footerInner > div:nth-child(2) {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footerInner > div:nth-child(2) > div:nth-child(1){
        margin-right:0px;
    }
    .footerInner > div:nth-child(2) > div:nth-child(1)::before{
        content:"\f103";
        font-family:"Font Awesome 5 Free";
        font-weight:800;
        display:inline-block;
        margin-right:15px;
    }
    .footerInner > div:nth-child(2) img{
        width:100%;
        margin:0 auto;
        padding: 0 15px;
    }
    .footerInner > div:nth-child(2) > div:nth-child(1) a{
        font-size:1.6rem;
    }
}
/* ------------------------------------------------------- */
/* プリント用 -------------------------------------------- */
/* ------------------------------------------------------- */

@media print {	
    #humberger, #pageTop, #pageTop div, #movePageTop, #pageTop p {
        display: none!important;
    }
    #container {
        padding: 0!important;
    }
    #header {
        position: static!important;
    }
    .topContents {
        min-width: 1000px!important;
        width: 100%!important;
        margin: 0!important;
        padding: 0!important;
        overflow: hidden!important;
    }
}

/* ------------------------------------------------------- */
/* dark mode --------------------------------------------- */
/* ------------------------------------------------------- */

/*@media (prefers-color-scheme: dark) {
	html { filter: invert(1) hue-rotate(180deg); }
	html img { filter: invert(1) hue-rotate(180deg); }
}*/