@charset "utf-8";
/*
Theme Name: Taikai 123
Theme URI: https://www.dik.co.jp/
Version: 1
Author: DIK
*/

/* ------------------------------------------------------- */
/* Layout ------------------------------------------------ */
/* ------------------------------------------------------- */

* {
	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-size: 1.6rem;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	line-height: 1.7;
}

/* ------------------------------------------------------- */
/* layout ------------------------------------------------ */
/* ------------------------------------------------------- */

/* base サイトレイアウトの基本設定 ----------------------- */

#top {
	width: 100%;
}
#container {
	max-width: 1115px;
	min-width: 1000px;
	margin: 0 auto 25px;
	padding: 0;
	clear: both;
}
#main {
    width: calc(100% - 280px);
    float: right;
}
#side {
	width: 260px;
	float: left;
}

.front #container {
    max-width: 1335px;
    display: flex;
}
.front #main {
    width: calc(100% - 280px - 200px);
    float: none;
    order: 2;
}
#sideFront {
    width: 200px;
    margin-left: 20px;
    order: 3;
}
#sideBanner {
    width: 200px;
    margin: 0 auto;
}
.front #side {
    margin-right: 20px;
    float: none;
    order: 1;
}

#footer {
	width: 100%;
	min-width: 1000px;
	background: #ddd;
	color:#333;
}
@media only screen and (max-width:768px) {
    #container {
        min-width: 100px;
        width: 100%;
        padding: 0 20px;
    }
	.front #container {
		padding: 15px 20px 0 20px;
	}
    #main {
        width: 100%;
        margin: 0 0 15px 0;
        float: none;
    }
    #side {
        width: 100%;
        float: none;
    }
    
    .front #container {
        min-width: 100px;
        width: 100%;
        padding: 0 20px;
        display: block;
    }
    .front #main {
        width: 100%;
        margin: 0 0 15px 0;
    }
    #sideFront {
        width: 100%;
        margin-left: 0;
    }
    #sideBanner {
        width: 100%;
    }
    #sideFront li,
    #sideBanner li {
        width: calc((100% - 10px) / 2);
	    float: left;
    }
    #sideFront li:nth-child(2n),
    #sideBanner li:nth-child(2n) {
        margin-left: 10px;
    }
    .front #side {
        width: 100%;
        margin: 0 0 15px 0;
        order: 1;
    }
    
    #footer {
        min-width: 100px;
        width: 100%;
    }
}

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

#header {
	height: 80px;
	width: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	background:rgba(255,255,255,0.95);
	box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.3);
	position:fixed;

}
.headerInner {
	max-width: 1120px;
	min-width: 1060px;
	margin: 0 auto;
}
.headerTitle {
	float:left;
}
.headerInfo1 {
}
.logo {
	margin: 15px 0;
}
.logo a {
	display: block;
	width: 385px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.logo a.logoJP { background: url(images/base/logoJP.webp) no-repeat; background-size:100%; }
.logo a.logoEN { background: url(images/base/logoEN.webp) no-repeat; background-size:100%; }

.headerInfo1 ul, .headerInfo1 div {
	display: inline-block;
}
.headerInfo1 li {
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 1.4rem;
}
@media only screen and (max-width:768px) {
    #header {
        height: 60px;
        width: 100%;
        z-index: 1;
    }
    .headerInner {
        width: 100%;
        min-width: 100px;
        margin: 0;
    }
    .headerInfo1 ul {
        display: none;
    }
    .logo{
        width: 240px;
        height: auto;
        margin: 10px auto 10px 10px;
    }
    .logo a {
        width: 308px;
        height: 40px;
        background-size: 100%;
    }
}

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

#footer .footerInner {
    max-width: 1120px;
    padding: 30px 0;
    margin: 0 auto;
    font-size: 1.4rem;
}
#footer .footerInner a{
	float: right;
	text-decoration: none;
	color: #666;
}
#footer .footerInner a:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0da";
	margin-right: 5px;
}
#footer .footerInner a:hover{color:#999;}

#copyright {
	border-top: 1px solid #ccc;
	padding: 5px 0;
}
.copyrightInner {
	max-width: 1120px;
	min-width: 1000px;
	margin: 0 auto;
	text-align: center;
	color: #999;
	font-size: 1.2rem;
}
.footerInner ul li {
    margin-left: 10px;
    float: right;
}
@media only screen and (max-width:768px) {
    #footer .footerInner {
        /*border-top: 1px solid #ccc;*/
        width: 100%;
        padding: 20px;
        font-size: 1.4rem;
        text-align: center;
    }
	.footerMenu {
		display: inline-block;
	}
    #footer .footerInner a {
        margin-bottom: 5px;
    }
    #copyright {
        padding: 3px 0;
    }
    .copyrightInner {
        width: 100%;
        min-width: 100px;
        text-align: center;
        font-size: 1.1rem;
    }
    .footerInner ul li:last-child {
		margin-left: 0;
    }
}

/* ------------------------------------------------------- */
/* side -------------------------------------------------- */
/* ------------------------------------------------------- */

#side {}

.sideBanner a {
	display: block;
}
.sideBanner a[target="_blank"]:after {
	display: none;
}
.sideBanner img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}
.sideBanner p {
	margin-bottom: 10px;
}
@media only screen and (max-width:768px) {
}

/* Widget */
.widget ul li {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 5px;
	padding: 0 10px 0px 10px;
	font-size: 1.4rem;
}
.widget ul li a {
	display: block;
}
.tagcloud a {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 5px;
	padding: 0 10px 0px 10px;
	font-size: 1.4rem !important;
	display: block;
}
.archive_month select {
	width: 96%;
	margin: 0 2%;
}

/* ------------------------------------------------------- */
/* プリント用 -------------------------------------------- */
/* ------------------------------------------------------- */

@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;
    }
}