@charset "utf-8";
/*
Theme Name: 111Music
Theme URI: null
Description: Description
Author: Shunc - SCK
Version: 1.0
*/
@media screen and (max-width: 767px) {
	body,
	#header .hInner,
	#main.mainIndex	{
		width: 100%;
		min-width: 390px;
	}
	#main.mainIndex	{
		margin-bottom: 0;
	}
	#header {
		padding: 12px 0 0;
	}
	#gNavi {
		width: 1000px;
	}
	#header .hInner h1 {
		padding-left: 0.5em;
	}
	#header .hInner h1 img {
		width: 52%;
		height: auto;
		position: relative;
		top: -16px;
	}
	#header .hInner ul {
		width: 660px;
	}
	#header .hInner li:first-of-type {
	float: right;
    position: relative;
    top: -70px;
    right: 0.5em;
	}
	#header .hInner .floatR {
		float: none !important;
    	display: block;
	}
	#header .hInner .floatR img {
		position: relative;
		top: 20px;
		left: 47%;
	}
	/* mainVisual */
	.mainVisual {
		width: 100%;
		height: auto;
	}
	.mainVisual .foo,
	.mainVisual .foo ul,
	.mainVisual .foo li	{
		width: 100%;
		height: auto;
	}
	.mainVisual .foo li img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.mainVisual .arrow {
		width: 100%;
	}
	.mainVisual .prev {
		left: 3px;
		top: 12em;
	}
	.mainVisual .next {
		right: -24px;
		top: 12em;
	}
	.mainVisual .prev > img,
	.mainVisual .next > img {
		width: 56%;
		height: auto;
	}
	/* topLinkUl */
	#main .topLinkUl {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin: 1em 0;
	}
	#main .topLinkUl .linkLi01,
	#main .topLinkUl .linkLi02,
	#main .topLinkUl .linkLi03,
	#main .topLinkUl .linkLi04,
	#main .topLinkUl .linkLi05,
	#main .topLinkUl .linkLi06 {
		padding: 0;
	}
	#main .topLinkUl .linkLi03 .subUl {
		display: none !important;
	}
	#main .topLinkUl .linkLi05 {
		margin-top: 40px;
	}
	#main .topLinkUl .linkLi06 {
		margin-top: 20px;
	}
	#main .topLinkUl li {
		float: initial;
		margin: 0 auto;
	}
	#main .topLinkUl li img {
		width: 99%;
	    height: auto;
		margin: 0 auto;
	}
	/* threeBox */
	#main .midBox {
		display: grid;
		padding: 0 1em;
	}
	#main .midBox .lBox,
	#main .midBox .rBox
	{
		float: initial;
		padding-right: 0;
		margin: 1rem auto;
	}
	#main .midBox .lBox {
		background: #3092AF;
		border-radius: 10px;
		width: 93%;
		max-width: 479px;
		padding: 22px 11px 22px 20px;
	}
/* 	#main .midBox .lBox .title > img {
		width: 500px;
		height: auto;
	} */
	#main .midBox .lBox .imgLinkUl {
		display: flex;
		width: 100%;
	}
	#main .midBox .lBox .imgLinkUl li {
		padding-right: 0;
		float: initial;
    	width: 100%;
	}
	#main .midBox .lBox .imgLinkUl li img {
		width: 89%;
		height: auto;
	}
	#main .midBox .rBox .linkImg {
		text-align: center;
	}
	#main .midBox .rBox .linkImg a {
		background-size: 100%;
/* 		background-position-x: 50%; */
	}
	#main .midBox .rBox .linkImg img {
		width: 100%;
		max-width: 479px;
		height: auto;
	}
	#main .midBox .rBox .linkImg .time {
		left: 15%;
		bottom: 9%;
	}
/* 	#main .midBox .rBox .linkImg .time span {
		font-size: 40px;
	} */
	/* threeBox */
	#main .threeBox {
		display: grid;
		padding: 0 1em;
	}
	#main .threeBox .newsBox,
	#main .threeBox .facebookBox {
		width: 100%;
		margin: 0 auto;
	}
	#main .threeBox .facebookBox {
		display: none;
	}
	#main .threeBox .newsBox .newsBg,
	#main .threeBox .newsBox,
	#main .threeBox .facebookBox .facebookBg,
	#main .threeBox .facebookBox {
		padding: 0;
		background: none;
		border-radius: 10px;
		margin-bottom: 3em;
	}
	#main .threeBox .newsBox .newsBg {
		border: 9px solid #D0C265;
	}
	#main .threeBox .facebookBox .facebookBg {
		border: 9px solid #6B8DBB;
	}
	#main .threeBox .newsBox .title > img,
	#main .threeBox .facebookBox .title > img {
		width: 110px;
		height: auto;
	}
	#main .threeBox .newsBox .bgBox{
		padding: 26px 20px 35px;
	}
	#main .threeBox .newsBox .newsDl {
		font-size: 19px;
	}
	#main .detailLink a {
		margin-top: 1rem;
		font-size: 18px;
	}
	#main .threeBox .newsBox .newsDl dd {
		background-repeat: repeat-x;
	}
	/* lastBox */
	#main .lastBox {
		padding: 0 1em;
	}
	#main .lastBox .lastBg,
	#main .lastBox {
		background: none;
		border-radius: 10px;
	}
	#main .lastBox .lastBg {
		padding: 0;
		border: 9px solid #7DAF83;
	}
	#main .lastBox .lastBg .bgBox {
		display: grid;
		padding: 46px 20px 10px;
	}
	#main .lastBox .lastBg .lBox,
	#main .lastBox .lastBg .rBox {
		width: 100%;
		float: initial;
		margin: 3em auto;
	}
	#main .lastBox .lastBg h2 img {
		width: 230px;
		height: auto;
	}
	#main .lastBox .lBox .title > img,
	#main .lastBox .rBox .title > img {
		width: 110px;
		height: auto;
	}
	#main .lastBox .lastBg p {
		font-size: 19px;
	}
	#main .lastBox .lastBg .map iframe {
		width: 100%;
	}
	#main .lastBox .lastBg .heightLine-2 {
	}
	#main .lastBox .lastBg .rBox .heightLine-2 {
		height: auto !important;
	}
	/* footer */
	.pageTop,
	#footer {
		width: 1000px;
	}
	#pageIndex .pageTop,
	#pageIndex #footer {
		width: 100%;
	}
	#pageIndex .pageTop {
		padding: 138px 0 0;
		background-size: 100%;
		position: relative;
		bottom: -3em;
	}
	#pageIndex .pageTop p {
		width: 100%;
		position: relative;
		top: -3em;
	}
	#pageIndex #footer {
		padding: 0;
	}
	#pageIndex #footer .fBox {
		width: 100%;
		min-width: 390px;
		padding: 38px 0 33px 1em;
	}
	#pageIndex #footer .fNaviBox ul {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: auto;
		float: initial;
	}
	#pageIndex #footer .fNaviBox li,
	#pageIndex #footer .fNaviBox .subNavi,
	#pageIndex #footer .fNaviBox .subNavi01 {
		width: 100%;
	}
	#pageIndex #footer a,
	#pageIndex #footer .copyright {
		font-size: 16px;
	}
}