@charset "UTF-8";

hr.line{ border-top:solid 1px #ccc; padding:10px 0; margin-bottom:10px;}



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



}

@media screen and (min-width: 1000px) {



	/* flexbox
	----------------------------------------------- */

	div.flexbox-container {
		display:-webkit-box;
		display:-moz-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		/*display:-webkit-flex;*/
		display:-moz-flex;
		display:flex;
		box-sizing:border-box;
		width:100%;

		border-bottom:dotted 0px #ccc; margin-bottom:40px;
	}


	div.flexbox-item {

	}
	div.flexbox-main {

		-webkit-box-flex:1;
		-moz-box-flex:1;
		-webkit-flex-grow:1;
		-moz-flex-grow:1;
		flex-grow:1;
		margin-right:40px;

	}

	body#news div.flexbox-container,
	body#urgent div.flexbox-container{ display: block}
	
	body#news div.flexbox-main,
	body#urgent div.flexbox-main {
	width: 100%;
		margin-right:0px;

	}


	body#oc div.flexbox-container,
	body.fullContainer div.flexbox-container{ display: block}

	body#oc div.flexbox-main,
	body.fullContainer div.flexbox-main {
	width: 100%;
		margin-right:0px;

	}
	body#oc div.flexbox-sub,
	body.fullContainer div.flexbox-sub{ display: none;}


	body#study.index div.flexbox-main {

		margin-right:0px;

	}


	.flexbox-main nav{ display:none;}
	body#news .flexbox-main nav{ display:block;}



	div.flexbox-sub {width:200px;	}

	body#study.page-id-12 div.flexbox-sub{ display: none;}

	div.flexbox-sub nav{ position:relative !important;}



}


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

	html ,
	body{font-size:16px;line-height:1.6; }

#globalWrap{ border-top:0;}

	.onlyPC{ display:none;}
	.onlySP{ display:block;}


	html.touchDevice,
	.touchDevice body{ font-size:23px;line-height:1.6; }

	/*.touchDevice body{ font-size:28px;line-height:1.6; }*/

	p{ font-size:16px;line-height:1.6; }
	.touchDevice p{ font-size:23px;line-height:1.6; }


.grid.col_sp_1{grid-template-columns: 1fr !important;}

	#container > header.global {  width:100%;height:100px; position:fixed; top:0; left:0; z-index:200;border-bottom:solid 1px #d9d9d9; background-color:#fff;
	box-shadow:none;

}
		header.global > .globalInner{border-bottom:0; height:auto;}

		header.global h1{ top:25px; left:15px; width:50vw; height:auto; background-size:contain; display: block !important;}
		header.global h1 a{padding-top:45px !important;}

		header.global .siteMenu{ display:none;}

		header.global .userArea{ display:none;}

		header.global .spMenuBtn{display:block;}
		#container > .globalMenu{ display:none;}




#topLogoTypo{ display: none;}
		#headerFix.open{ display:block;}


		#headerFix{ display:none; position:absolute; top:80px; left:0; width:100%; height:auto; padding-bottom:200px; background-color:#fff; z-index:10000;
		box-shadow:0;
		-moz-box-shadow:0;
		-webkit-box-shadow:0;

		-moz-transition: -moz-all 500ms cubic-bezier(.50,.0,.50,1);
			-webkit-transition: -webkit-all 500ms cubic-bezier(.50,.0,.50,1);
			-o-transition: -o-all 500ms cubic-bezier(.50,.0,.50,1);
			-ms-transition: -ms-all 500ms cubic-bezier(.50,.0,.50,1);
			transition: all 500ms cubic-bezier(.50,.0,.50,1);

			}

		#headerFix.view{ top:80px;}

		#headerFix header{ display:none;}

		#headerFix header h1{ }

		#headerFix .globalMenu{ display:block; position:relative; top:40px; right:auto; width:90%; height:auto;  margin:0 auto; z-index:50;font-weight:400;}


		#headerFix .globalMenu ul.menu:before, .globalMenu ul.menu:after{
		content: "";
		display: table;
		}
		#headerFix .globalMenu ul.menuu:after{
		clear: both;
		}


		#headerFix .globalMenu ul.menu > li{ width:100%; height:auto; margin-bottom:20px; float:none; box-sizing:border-box;  position: relative;}

		#headerFix .globalMenu ul.menu > li > a{ display:block; height:inherit;box-sizing:border-box; padding-top:0; margin-bottom: 0.5em; text-align:center; position:relative; text-decoration:none; color:#000; }



		#headerFix .globalMenu ul.menu > li > a:after{
				content:"";
				display:none;

		}


		#headerFix .globalMenu ul.menu li a span{ display:block; height:25px; width:100%; position:relative; top:0px;box-sizing:border-box;border:0;}


		#headerFix .globalMenu ul.menu > li .subMenu{ display:block; height:auto; overflow:visible;


			box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
			}


		#headerFix .globalMenu ul.menu > li:nth-of-type(6) .subMenu{ position:relative; right:auto;}

		#headerFix .globalMenu ul.menu li ul.sub{ background-color:transparent;  box-sizing:content-box; display:block; width:100%; min-width:inherit; padding:0;
		overflow:hidden;

		}
		#headerFix .globalMenu ul.menu li ul.sub li{ width:48%; float:left; margin:1%;}
	#headerFix .globalMenu ul.menu li ul.sub li.full{ width:100%;}

	#headerFix .globalMenu ul.menu li ul.sub li a{ color:#fff; display:block; padding:20px 10px;white-space: nowrap; background-color:#009843; font-size:1.1rem; letter-spacing:-0.05em;}

	#headerFix .globalMenu ul.menu li ul.sub li.blackBtn a{background-color:#000;}
		#headerFix .globalMenu ul.menu li ul.sub li a:hover{ background-color:#009843;}

		#headerFix .globalMenu ul.menu li ul.sub li.line{ margin-bottom:1%; border-bottom:0;}

		#headerFix .globalMenu ul.menu > li.study{ margin-bottom:60px;}
	#headerFix .globalMenu ul.menu > li.study .subMenu ul.sub{background-color: transparent;}
		#headerFix .globalMenu ul.menu > li.study ul.sub li{ width:100%; margin-bottom:0; float:none;}

		#headerFix .globalMenu ul.menu > li.study ul.sub li.fy,
		#headerFix .globalMenu ul.menu > li.study ul.sub li.design,
		#headerFix .globalMenu ul.menu > li.study ul.sub li.character,
		#headerFix .globalMenu ul.menu > li.study ul.sub li.art,
		#headerFix .globalMenu ul.menu > li.study ul.sub li.as,
		#headerFix .globalMenu ul.menu > li.study ul.sub li.gaku{}

	#headerFix .globalMenu ul.menu > li.study ul.sub li.fy,
	#headerFix .globalMenu ul.menu > li.study ul.sub li.as,
	#headerFix .globalMenu ul.menu > li.study ul.sub li.gaku{ margin-bottom:20px;}

	#headerFix .globalMenu ul.menu > li.study ul.sub li .nolink{ opacity: 1; font-size: 0.8em;}
		#headerFix .globalMenu ul.menu > li.study ul.sub li ul.sub_course{ margin-bottom:20px; padding:0;}
		#headerFix .globalMenu ul.menu > li.study ul.sub li ul.sub_course li{ margin-left:0; margin-right:0; margin-bottom:5px;}

	#headerFix .globalMenu ul.menu > li.study ul.sub li a{ padding:10px;}

	#headerFix .globalMenu ul.menu > li.study .subMenu ul.sub a{padding:15px 10px !important;}

		#headerFix .globalMenu ul.menu > li.study ul.sub li .nolink{background-color: transparent; color:#000; padding:0; margin-bottom:0px;}


	#headerFix .globalMenu ul.menu > li.other ul.sub{ display: block !important;}
	#headerFix .globalMenu ul.menu > li.other ul.sub li{ width:100%;}

				#headerFix .globalMenu ul.menu > li.career .sub{display:block;}
		#headerFix .globalMenu ul.menu > li.career ul.sub li{ width:100%;}


	footer section.information ul.menu{ margin:0 auto 20px auto;}
	footer section.information ul.menu > li{ width:50%; padding:0 2px; margin-bottom:5px; float:left;box-sizing:border-box;  position: relative;}


	footer section.sitemap ul.menu > li{ width:50% !important; padding:0 5px;  float:left;box-sizing:border-box;  position: relative;}
	footer section.sitemap ul.menu li.other,
	footer section.sitemap ul.menu li.career{ margin-top: 40px !important; }






footer section.information .tel{ }
footer section.information .tel .number{padding-left:0px;font-size:4rem; height:auto; text-align:center; display:block;line-height:1; width:100%;}
footer section.information .tel .text{  width:100%; display:block;font-size:1.0rem;  line-height:1.4; padding-top:8px;text-align:center;}






	.globalInner{ max-width:none; width:96%;}

	#base{ padding-top:120px; max-width:none;}

	main{ position:relative; }



section#mainVisualSlide{ overflow: none;width: 100vw; transform: translate(-5vw,0)}

section#mainVisualSlide .image{width: 100vw; transform: translate(0vw,0)}


	.flexbox-main nav{ display:block;}


	.flexbox-main nav .relatedMenu{ display:none;}


	.flexbox-sub nav{ display:block;}
	.flexbox-sub nav .relatedMenu{ display:block;}






	/* section
	----------------------------------------------- */
	section{ padding:0 0; box-sizing:border-box;}


	section.nav{padding-right:0;}
	#globalWrap nav{ width:100%; position:relative; top:0px; right:0; z-index:10; display:none;}

		#globalWrap nav #contentsMenu { overflow:hidden;}
		#globalWrap nav #contentsMenu li{ width:49%; margin-right:1%; float:left;}

		#globalWrap nav:first-child h3,
		#globalWrap nav:first-child #relatedMenu{ display:none;}

	/* top
	----------------------------------------------- */

	section#info{}
	section#info dl.list dd .date{ display:none;}
	section#info dl.list dd{ padding-left:0;}
	section#info article:nth-of-type(1){
		width:100%; height:auto; float:none; margin-bottom:15px;
	}


section#info article:nth-of-type(1) dl{ margin-bottom:3px;}
section#info article:nth-of-type(1) dd{

	padding:1px 2px 1px 2px;
	 margin-bottom:3px;
}


	section#info article:nth-of-type(2){ display:block; width: 100%; padding-top:25% !important; height: 0;  }
	section#info article:nth-of-type(2) a{padding-top:25% !important;}

	/* news
	----------------------------------------------- */

	section#news{}
	body#news.single h3.pageyTitle br{ }


body#news.single h3.pageyTitle,
body#urgent.single h3.pageyTitle{font-size: 1.7rem;}


#globalWrap h2.contentsTitle{	font-size: 2.2rem;}

	section#news article:nth-of-type(1){
		width:100%; height:auto; float:none; margin-bottom:60px;
	}

	section#news article:nth-of-type(2){
		width:100%; height:auto; float:none;
	}


	section#postDetail article .entry-photo ul{  grid-gap: 10px; grid-template-columns: 1fr; }
section#postDetail article .entry-photo.column_2 ul{ }



	section#postDetail article .entry-photo ul li img{ width:100% ; height:auto;}


	/* reason
	----------------------------------------------- */

	section#reason{}

	section#reason  h2{ }

	section#reason article{}

	section#reason article:nth-of-type(1){

	}

	section#reason article:nth-of-type(2){

	}

	section#reason article:nth-of-type(3){
		margin-right:0%;
	}

	section#reason article h3{ }
	section#reason article .image{}
	section#reason article p{}
	section#reason article br{ display:none;}



	/* specs
	----------------------------------------------- */

	section#specs{ }



	/* oc
	----------------------------------------------- */
	#oc section.contents ul.calender li{ width:100%; height:auto; margin:0 0 20px 0;}

	#oc section.contents ul.calender{ overflow:hidden;}
	#oc section.contents ul.calender li{ float:none; text-align:left;}

	#oc section.contents ul.calender li .youbi{ display:inline-block;padding-left:0px; font-size:2.0rem; width:40px;}
	#oc section.contents ul.calender li .youbi.sat{}
	#oc section.contents ul.calender li .youbi.sun{ }
	#oc section.contents ul.calender li .day{  font-size:1.8rem;display:inline-block; width:130px; white-space:nowrap;}
	#oc section.contents ul.calender li .day .year{}
	#oc section.contents ul.calender li .day em{ font-size:1.8rem; }

	#oc section.contents ul.calender li .event{ padding-left:20px;display:inline-block;}
		#oc section.contents ul.calender li.taiken .event{ }
		#oc section.contents ul.calender li.setsumei .event{ }

	#oc section.contents ul.calender li .action{ position:absolute; top:0; bottom:auto; left:auto; right:0; width:180px; display:inline-block; text-align:center; }
	#oc section.contents ul.calender li .action a{ line-height:2.0rem;height:inherit;border:0 !important; background-color:#5a5a5a; color:#fff !important;}





	/* guide
	----------------------------------------------- */
	#guide table.senkou td{ padding:60px 20px 10px 20px}
	#guide table.senkou td:before{ white-space:nowrap;}
	#guide table.senkou tr:before{ height:2.0rem;}
	#guide table.senkou h4{ color:#c00;}

	#guide table.syougakukin td{ padding:60px 20px 10px 20px}
	#guide table.syougakukin td:before{ white-space:nowrap;}
	#guide table.syougakukin tr:before{ height:2.0rem;}
	#guide table.syougakukin h4{ color:#c00;}


	#guide table.column2 th{ font-size:0.8rem;}
	#guide table.gakuhi th{ font-size:0.8rem;}


	body.course .content-area article#job ul.list li{ width:48% !important;font-size:0.9rem;}

	body.course .content-area article#curriculum ul.list{}
	body.course .content-area article#curriculum ul.list li{ width:48% !important;font-size:0.9rem;}

	body.course.ld .content-area article#curriculum ul.list li{ width:100% !important;}



	body#graduates main #topicsEntry article.topics {
		width: 50% !important;
		height: auto;
	}

	body#graduates main #topicsEntry article.topics header {

		height: 100px !important;
	}

	body#graduates main #topicsEntry article.topics header:before {

    height: 120px;
	}

	div#sslSecom {
    margin: auto;
		width: 100%;}
	div#sslSecom .inner{  width: 100%;}




	section#info dl.list dd,
	section#news dl.list dd{ font-size: 1.1em !important; line-height: 1.6; padding-top: 0 !important;}

	section#info dl.list dd .date,
	section#news dl.list dd .date{ display: none;}

	section#info dl.list dd a,
	section#news dl.list dd a{ text-decoration:none !important;}

	section#info dl.list dd{padding-left:1em;}
	section#info dl.list dd:before {
		content: ' ';
		height: 0;
		position: absolute;
		width: 0;
		border: 10px solid transparent;
		border-left-color: #a4d6c3;
		left: 0.2em;
		top: 0.35em;
	}



	body#staff #entryList.flexBox.column2 .flexItem{ width: 100% !important; margin: 0 0 20px !important; padding-left: 140px;}
	
	body#staff main #entryList article .mainImage{ width: 100px; height: 100px;}
	body#staff main #entryList article h4{ margin-bottom: 0.5em !important;font-size: 1.6rem;}
	body#staff main #entryList article ul.tag{ margin-bottom: 0.5em !important;}
	body#staff main #entryList article ul.tag li{ font-size: 1.2rem; line-height: 1.2 !important;}
	body#staff main #entryList article .entryBody{ font-size: 1.3rem;}
	body#staff main #entryList article .entryBody p{ font-size: 1em;}
	
	
	
	
	body#oc .content-area article#pickup .floatWrap{

		grid-template-columns: 1fr;
		grid-gap:20px;
		
	}
	
	

}

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

	section#attentionArea{ margin: 2em 0 1em 0;}

section#attentionArea .innerWrap{ }
section#attentionArea a{ text-decoration: none;}



	/* news
	----------------------------------------------- */
	section#news { margin-bottom:0px;}
	section#news dl.list.thumb{ width:100%; height:auto !important; min-height:80px !important; margin:0 0 20px 0 !important;}
	section#news dl.list.thumb dt{ width:100px; height:65px;}

	/* reason
	----------------------------------------------- */

	section#reason{}

	section#reason  h2{ }

	section#reason article{ width:100%; margin:0 0 20px 0; height:auto;}

	section#reason article:nth-of-type(1){

	}

	section#reason article:nth-of-type(2){

	}

	section#reason article:nth-of-type(3){
		margin-right:0%;
	}

	section#reason article h3{ }
	section#reason article .image{ padding-top:25%;}
	section#reason article p{}
	section#reason article br{ display:none;}



	/* study
	----------------------------------------------- */
	#study section.contents ul.course li{ width:100% !important; height:auto; margin:0 0 20px 0 !important;}
	#study section.contents ul.course li a{ padding:30px 30px 30px 30px}
	#study section.contents ul.course p:after{
		display:inline-block;
		padding:20px 30px;
		text-align:center;
	}

	#study .content-area ul li.grid{    grid-template-columns: 1fr;}

	#study section.contents ul.course li.full{ margin-top: 60px !important;}

	body.course #globalWrap h2.contentsTitle{}

	body.course .content-area article#in.flexWrap{

		display:block;
		box-sizing:border-box;

		width:100%;
		margin-bottom:40px;
	}
	body.course .content-area article#in h3{
		width: auto;
		white-space:nowrap;
		margin-bottom:20px;
		padding:10px;
		text-align:center !important;
		display:block;

	}

	body.course .content-area article#in h3:after{
		content:'';
		display:none;

	}

	body.course .content-area article#in .read{

		 -webkit-box-flex:1;
		-moz-box-flex:1;
		-webkit-flex-grow:1;
		-moz-flex-grow:1;
		flex-grow:1;

	}

	body.course .content-area article#pickup dl{ height:auto; width:100% !important;}
	body.course .content-area article#pickup dl dt:after{ height:3.0rem;}


	body.course .content-area article#teacher .teacherWrap{ overflow:hidden; position:relative; }
	body.course .content-area article#teacher .teacherWrap .profile{ margin-bottom:40px;}
	body.course .content-area article#teacher .teacherWrap .profile table{ }
	body.course .content-area article#teacher .teacherWrap .profile table tr{ }
	body.course .content-area article#teacher .teacherWrap .profile table tr td{ display:block; vertical-align:middle; text-align:center;}

	body.course .content-area article#teacher .teacherWrap .profile table tr td:nth-of-type(1){ width:auto;}
	body.course .content-area article#teacher .teacherWrap .profile table tr td:nth-of-type(2){ width:auto;}
	body.course .content-area article#teacher .teacherWrap .profile table tr td:nth-of-type(3){ width:auto; padding:20px 0 0 0;}

	body.course .content-area article#teacher .teacherWrap .profile table tr td p{ margin-bottom:0;}

	body.course .content-area article#teacher .teacherWrap .profile h5{}
	body.course .content-area article#teacher .teacherWrap .profile .photo{ width:50%; padding-top:50%; margin:auto;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	background-color:#ccc;
	}


	/* works
	----------------------------------------------- */

	#works main #entryList article h5{ font-size:0.85rem !important; line-height:1.5; letter-spacing:0;}



	#works .flexBox.column3 .flexBox.column3{}
	#works .flexBox.column3 .flexItem {
		width: calc(98% / 2) !important;
		margin:0 2% 20px 0 !important;
	}
	#works .flexBox.column3 .flexItem:nth-of-type(3n){ margin-right:2% !important;}
	#works .flexBox.column3 .flexItem:nth-of-type(2n){ margin-right:0 !important;}

	#works .flexBox.column3 .flexItem:nth-of-type(3){ display:none;}


body.course .content-area article#studyWorks .flexBox.column3{}
body.course .content-area article#studyWorks .flexItem {
		width: calc(98% / 2) !important;
		margin:0 2% 20px 0 !important;
	}
body.course .content-area article#studyWorks .flexBox.column3 .flexItem:nth-of-type(3n){ margin-right:2% !important;}
body.course .content-area article#studyWorks .flexBox.column3 .flexItem:nth-of-type(2n){ margin-right:0 !important;}

body.course .content-area article#studyWorks .flexBox.column3 .flexItem:nth-of-type(3){ display:none;}




	/* news
	----------------------------------------------- */

	#news main #entryList article h5{ }



	#news .flexBox.column3 .flexBox.column3{}
	#news .flexBox.column3 .flexItem {
		width: calc(98% / 2) !important;
		margin:0 2% 20px 0 !important;
	}
	#news .flexBox.column3 .flexItem:nth-of-type(3n){ margin-right:2% !important;}
	#news .flexBox.column3 .flexItem:nth-of-type(2n){ margin-right:0 !important;}





	ul.formStyle1{ background-color:#fff; padding:10px 10px;border:solid 1px #ccc; margin:0px;}
	ul.formStyle1 li{ margin:0 0 2px 0px;  padding:10px 5px 10px 5px;border-bottom:dotted 1px #ccc;}

	ul.formStyle1 li{
		height:inherit;
		display:block;
		overflow:hidden;
	}



	ul.formStyle1 li.last{ border:0;}

	ul.formStyle1 dt{ border-left:solid 5px #666;text-align:left;padding:0px 10px 0px 10px; margin-bottom:0px; background:none; font-size:1em; font-weight:bold;float:none; width:auto; clear:both;}

	ul.formStyle1 dt span{ color:#f30;}

	ul.formStyle1 dd{ margin:0 0 0 0; float:none; width:auto; padding-top:15px; }

	ul.formStyle1 dd input[type="text"],
	ul.formStyle1 dd textarea{ margin:3px 0 10px 0; padding:2px; font-size:1.2em; padding:20px 10px; width:65%;}

	ul.formStyle1 dd select{ margin:3px 0 10px 0; padding:2px; font-size:100%; padding:10px 10px;-webkit-appearance:none;}





	ul.formStyle1 dd input[type="text"],
	ul.formStyle1 dd textarea{ background-color:#f6f6f6;}


	ul.formStyle1 dd input[type="radio"]{transform:scale(2,2); position:relative; top:-5px; margin-right:15px !important; margin-left: 15px;}

	ul.formStyle1 dd.question label{ display:block; padding:10px 10px; margin-bottom:10px; font-size:1.5em; line-height:1;}

	span.hosoku{ display: block; color:#666; font-size:1.2em;}

	div.submitBtn{ padding:60px 0 20px 0;text-align:center;}

	div.submitBtn button{background-color:#666; color:#fff;  display:inline-block; padding:10px 20px; margin:auto 20px; cursor:pointer;}


	div.back.button{background-color:#eee; color:#000;  display:inline-block; padding:10px 20px; margin:auto 20px; cursor:pointer;}


	/* oc
	----------------------------------------------- */
	body#oc .content-area article#pickup dl.harf{ width:100%; margin:0 0 40px 0;}
	body#oc .content-area article#pickup dl dt:after{ height:3.5rem;}

	body#oc .content-area article#pickup dl dd.schedule ul li,
	body#oc .content-area article#pickup dl dd.schedule ul li span{width:120px; height:120px;}


	body.categoryTop.study.course #globalWrap h2.contentsTitle span.title{ font-size:1.8rem;padding-left: 3.5rem;}
	body.categoryTop.study.course #globalWrap h2.contentsTitle span.title:before{width: 2rem; padding:0 8px;}




	section#tokucho ul.bannerWrap li{ width: 100%;}




section#news h2{ margin-bottom: 2vw !important;}
	section#news .flexWrap dl.list{ width: 100% !important; margin: 0 0 3vw 0 !important; display: flex;}
	section#news .flexWrap dl.list dt{width:30vw; height:auto; aspect-ratio: 16 / 9; margin:0 2vw 0 0;}
	section#news .flexWrap dl.list dt a{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
	section#news .flexWrap dl.list dd{ flex: 1; margin-bottom: 0; display: flex; align-items: center;}
	section#news .flexWrap dl.list a{ text-decoration: none;}
	
	
	
	
	
	.bgLink.col_2{
	  display: flex;
	  flex-wrap: wrap;
	  padding-top: 2rem !important;
	}
	
	.bgLink.col_2 a{
	  margin: 0 0 2rem !important;
	  width: 100%;
	  padding: 0.5em;
	}
	
	
	

}


@media (max-width: 767px) {
   /* (E)スマートフォン以下専用スタイル */
      ：　：　：
}
@media (min-width: 768px) and (max-width: 959px) {
   /* (F)タブレット専用スタイル */
      ：　：　：
}
@media (min-width: 960px) and (max-width: 1280px) {
   /* (G)狭いPC専用(＆横置きタブレット)スタイル */
      ：　：　：
}
@media (min-width: 1281px) {
   /* (H)広いPC以上専用スタイル */
      ：　：　：
}









@media (max-width: 959px) {
   /* (E)スマートフォン以下専用スタイル */





}

@media (min-width: 960px) and (max-width: 1280px) {
   /* (G)狭いPC専用(＆横置きタブレット)スタイル */
      ：　：　：
}
@media (min-width: 1281px) {
   /* (H)広いPC以上専用スタイル */
      ：　：　：
}