@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@500;700&display=swap');

#gnav01 > p,
#spMenu,
#spBnrs,
#endBox,
.spdata{
	display:none;
}


.ytlogo{
	display:inline-block;
	overflow:hidden;
	padding-right:4.7em;
	background: url(../images/_sp/youtube.svg) no-repeat right 50%;
	background-size: auto 1em;
	line-height:125%;
}

.ytlogo > span{
	display:none;
}


#gnav01 .ytlogo{
	display:block;
	padding-right:0;
	padding-bottom:18px;
	background-position:50% bottom;
	background-size: auto 15px;
}


@media screen and ( max-width:750px) {

	html {
	    font-size: 62.5%;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    -webkit-text-size-adjust: 100%;
	    font-feature-settings: "palt";
	}

	body {
	    font-size: 1.4rem;
	    line-height: 125%;
		font-family: 'Noto Sans JP', sans-serif;
	    background-color:#ffffff;
	    letter-spacing:0.05em;
	    background-image:none;
	}

	#cardElm_sp h2,
	#cardElm_sp h3,
	#cardFrame h2,
	#titleBlock h3{
		font-family: 'M PLUS 1p', sans-serif;
		line-height:125%;
	}

	#container {
	    display: block;
	    width: 100%;
	    overflow: hidden;
	    background:none;
	    position:relative;
	}

	/*ヘッダ*/
	header {
	    display: block;
	    overflow: visible;
	    width: 100%;
	    height: auto;
	    height:70px;
	    background-image:none;
	    background-color:#fdd100;
	    position:fixed;
	    top:0;
	    left:0;
	    z-index:500;
	}

	header h1 {
	    display: inline-block;
	    width:calc(100vw - 60px);
	    max-width:220px;
	}

	header h1 > a{
		display:block;
		overflow:hidden;
		line-height:70px;
	    padding:9px 10px;
	}

	header h1 > a img{
		width:100%;
		height:auto;
	}


	#meinMenu {
	    display: block;
	    overflow: visible;
	    width: 100%;
	    height:auto;
	    margin: 0 auto;
	    position:absolute;
	    top:0;
	    left:0;
	}

	/*ハンバーガーメニューボタン*/
	#spMenu{
		display:inline-block;
		overflow:hidden;
		width:50px;
		height:50px;
		float:right;
		margin-top:10px;
		margin-right:10px;
	}

	#spMenu > a{
		display:block;
		overflow:hidden;
		width:50px;
		height:50px;
	}

	#spMenu > a > img:nth-child(2){
		display:none;
	}
	.opnav #spMenu > a > img:nth-child(1){
		display:none;
	}
	.opnav #spMenu > a > img:nth-child(2){
		display:block;
	}


	#subNavi{
		display:none;
	}

	/*グローバルメニュー*/
	#gnav01 {
	    display: block;
	    overflow-y:auto;
	    width: 100%;
	    height:calc(100vh - 70px);
	    margin: 0 auto 0;
	    padding-bottom:25px;
	    border-top: 2px solid #ffffff;
	    background-color: #fdd100;
	    position:absolute;
	    top:70px;
	    left:-100%;
	    -webkit-transition: all 0.3s ease-out;
	    transition: all 0.3s ease-out;
	}

	.opnav #gnav01 {
	    left:0;
	}

	#gnav01 > ul > li {
	    display:block;
	    float: none;
	    width: 100%!important;
	    height: auto;
	    border-bottom:1px solid #c3c3c3;
	}

	#gnav01 > ul > li > a {
	    display: block;
	    overflow: hidden;
	    width: 100%;
	    height:auto;
	    color: #000000;
	    font-size: 1.6rem;
	    font-weight: normal;
	    text-align: left;
	    text-decoration: none;
	    background-image:none;
	    padding:1em 1em;
	}

	#gnav01 > ul > li > a br{
		display:none;
	}


	#gnav01 > ul > li > a > span {
	    display: inline-block;
	    overflow: hidden;
	    width:auto;
	    line-height:125%!important;
	    height:auto;
	    padding-top: 0;
	    border-left:none;
	}


	#gnav01 > ul > li > a:after {
	    font-family: 'mln' !important;
	    content: "\ea1d";
	    color: #ffffff;
	    float: right;
	    font-size: inherit;
	    line-height: inherit;
	}

	#gnav01 > ul > li.current > a:after {
		content:"";
	}


	#gnav01 > p{
		display:block;
		overflow:hidden;
		padding:25px 15px 20px;
	}

	#gnav01 > p img{
		width:100%;
		height:auto;
	}


	#gnav01 .ytlogo{
		display:inline-block;
		padding-right:5.5em;
		padding-bottom:0;
		background-position:right 50%;
		background-size:auto 1.2em;
	}

	#spBnrs{
		display:block;
		overflow:hidden;
	}

	#spBnrs > ul > li{
		display:block;
		overflow:hidden;
		text-align:center;
		padding:5px;
	}

	#spBnrs > ul > li > a{
		display:inline-block;
		overflow:hidden;
	}

	#spBnrs > ul > li > a img{
		width:100%;
		height:auto;
		max-width: 310px;
	}


	/*本文エリア*/
	#contentBody {
	    display: block;
	    width: 100%;
	    margin: 0 auto;
	    overflow: hidden;
	    padding-top:70px;
	}

	#contentBody:after {
		display:none;
	}

	#cardFrame {
	    width: 100%;
	    border:none;
	    border-radius:0;
	    -webkit-border-radius:0;
	    -moz-border-radius:0;
	}

	#cardFrame h2{
		padding:15px;
		text-align:center;
		border-bottom: 5px dotted #ff9d05;
    	margin-bottom: 15px;
	}

	h2.yellowBase {
	    height: auto;
	    font-size: 2.4rem;
	    line-height: 155%;
	    padding-right: 0;
	    text-align: left;
	    background:none;
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd100', endColorstr='#fce11e',GradientType=0 );
	}

	#articleBox {
	    display: block;
	    overflow: hidden;
	    padding: 25px 15px;
	    background:none;
	}

	#news{
		display:none;
	}

	/*終了ブロック*/
	#endBox{
		display:block;
		overflow:hidden;
		margin-top:15px;
	}

	#endBox img{
		width:100%;
		height:auto;
	}

	#endBox > a:nth-child(1){
		display:block;
		overflow:hidden;
		width:90%;
		margin:0 auto 15px;
	}

	a#toTop{
		display:block;
		overflow:hidden;
		width:40px;
		height:40px;
		float:right;
		margin-right:10px;
	}

	/*フッタ*/
	footer {
	    display: block;
	    overflow: hidden;
	    width: 100%;
	    margin: 1em auto 0;
	    padding-top: 0;
	    border-top: 5px dotted #ff9d05;
	}

	footer > ul {
	    display: block;
	    overflow: hidden;
	    float: none;
	}

	footer > ul > li {
	    display:block;
	    border-right:none;
	    border-bottom:1px solid #cccccc;
	}
	footer > ul > li > a {
	    display: block;
	    overflow: hidden;
	    padding: 1em 1em;
	}


	#copyright {
	    display:block;
	    overflow: hidden;
	    float:none;
	    text-align:center;
	    font-size:1.2rem;
	    padding:15px 0;
	    background-color:#fdd100;
	}

	/*共通パーツ*/
	.pcdata{
		display:none;
	}

	.spdata{
		display:initial;
	}

	.blueFrame {
	    border:none!important;
	}

	#titleBlock {
	    display: block;
	    overflow: hidden;
	    height: auto;
	}

	#titleBlock > #leftBox {
	    display: block;
	    overflow: hidden;
	    width: 100%;
	    float: none;
	    height: auto;
	    background:none;
	}

	#titleBlock > #rightBox {
	    display: block;
	    overflow: hidden;
	    width: 100%;
	    float: none;
	    height: auto;
	    background:none;
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f1fa', endColorstr='#d3e6f6',GradientType=0 );
	    border-bottom:none;
	    -webkit-box-shadow:none;
	    -moz-box-shadow:none;
	    box-shadow:none;
	}

	#titleBlock > #rightBox > p {
	    display: block;
	    overflow: hidden;
	    padding: 0 15px;
	    font-size:1.4rem;
	    line-height:155%;
	}


	a.rnd {
		clear:both;
	    display:block;
	    min-width:auto;
	    padding: 0.5em 1em;
	    margin: 25px 0;
	    font-size:1.4rem;
	    line-height: 125%;
	    text-decoration: none;
	    color: #000000;
	    /* background: #FFD24D url(../images/arrow.png) no-repeat 10px 50%; */
	    background-color: #FFD24D;
	    border-radius: 25px;
	    -webkit-border-radius: 25px;
	    -moz-border-radius: 25px;
	    /* float: right; */
	}

	a.rnd > span{
		display:block;
		margin-left:1.5em;
	}



}