F@charset "UTF-8";


.site-content {
		float: left;
		width: 75.104166667%;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 21%;
		padding:2%;
		background:url(../img/bg-widgit.png);
                margin-top:50px;
	/*	position:fixed; */
		right:0;
		z-index:500;   
/*		min-width: 21.041666667%;*/
	}

@media only screen and ( max-width: 1012px ) {
.site-content {
		float: none;
		width: 100%;
	}
	.widget-area {
clear:both;		
float: none;
		width: 94%;
		margin:50px auto;
	}
}


body {
	margin:0;
	padding:0;
	color:#000;
	background:#FFF;
	position:relative;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:1.8em;
	-webkit-text-size-adjust: 100%;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
border: 0;
vertical-align: bottom;
}
table, td, th {
	border:none;
	padding:0;
	border-width:0;
}

a.logo-eco {
	display:block;
	margin-top:15px;
}


.tbl-job td, .tbl-job th {
	border:none;
	padding:4px;
	border:solid 1px #FFF;
}

.ami {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

.clear {
	clear:both;
}
.red {
	color:#c00;
}

.left {
	float: left;
}
.right {
	float:right;
}

.address {
	text-align:left;
	font-size:13px;
}
.address .left {
	float: none;
	font-weight:bold;
}
.right50, .left50, .left45, .left60 {
	display:block;
	margin:0 auto 20px;
}
.bottom70 {
	margin-bottom:70px;
}
.p3, .p4 {
	display:block;
	margin:0 auto 20px;
}
#header {
	width:100%;
}
#header h1 {
	width:100%;
	display:inline-block;
	clear:both;
	margin:0 auto;
	float:none;
	text-align:center;
	font-size:12px;
	line-height:18px;
}
#header h1 img {
	width:50%;
}
#header h1.sun {
	width:40%;
	float:left;
	margin-bottom:10px;
}
#header h2 {
	display:block;
	clear:none;
	width:auto;
	float:right;
	text-align:center;
	margin:0 auto 10px;
}
#header h2.toi-tel {
	display:inline-block;
	width:33%;
	margin:20px 0 0;
}
#header h2.toi-tel.sun {
	width:30%;
	margin-top:0;
}
#header h2.toi-tel.sun img {
	display:block;
}
#header h3 {
	display:block;
	clear:none;
	width:150px;
	float:right;
	text-align:center;
	margin:0 auto 10px;
	
}

.jpen {
	display:block;
	text-align:right;
	margin:15px;
	position:absolute;
	right:0;
	top:0;
	z-index:15;
}
.jpen a {
	color:#a7cbe5;
	text-decoration:none;
}


#header a:hover, #nav a:hover, .banner a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
}


.contents{
       padding-top: 100px;
}
.contents_inner {
       padding-top: 100px;
       margin-top:-100px;
}




.inner {
	width:98%;
	margin:0 auto;
	position:relative;
}
.inner10 {
	width:98%;
	margin:0 auto;
	position:relative;
}
.inner20 {
	width:100%;
	margin:0 50%;
	position:relative;
}
.inner30 {
	width:100%;
	margin:0 20%;
	position:relative;
}
.inner.sun {
	width:98%;
	max-width:960px;
	position:relative;
	font-size:15px;
}

.bg-lineup {
	background:#E0E0DE;
}
.bg-tit {
	background:#333f50;
	margin-top: 15px;
}

.contact {
	background:#E1EBF1;
	text-align:center;
}
.contact .title {
	text-align:center;
	margin-bottom:15px;
}


.bg-menu {
	margin-top:100px;
	margin-bottom:100px;
	background:url(../img/bg-menu.png);
	position:relative;
}
.bg-map {
	margin-top:100px;
	margin-bottom:40px;
	background:url(../img/bg-map.png) center center;
	position:relative;
}

.map {
	display:block;
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:20px 0;
}

.mk-right {
	display:block;
	position:absolute;
	right:50px;
	top:-50px;
}

#slider4-wk {
	display:block;
	width:90%;
	margin:30px auto;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
}
#slider4 img {
	width:100%;
}

#slider5-wk {
	display:block;
	width:80%;
	float:center;
}
#slider5 img {
	width:100%;
}

a.btnon:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	display:block;
	cursor:pointer;
}
.tel a {
	color:#000;
	text-decoration:none;
}

h2 {
	line-height:2.0em;
	margin-top:50px;
	margin-bottom:0;
}

.px20 {
	font-size:20px;
	line-height:32px;
	font-weight:100;
}
.px18 {
	font-size:18px;
	line-height:26px;
	font-weight:600;
}
.px16 {
	font-size:16px;
	line-height:36px;
	font-weight:100;
}
.px14 {
	font-size:14px;
	line-height:32px;
	font-weight:100;
}
.px14s {
	font-size:14px;
	line-height:26px;
	text-align:left;
}

.px12s {
	font-size:12px;
	line-height:20px;
	text-align:left;
}

.mov-tit {
	font-size:16px;
	line-height:24px;
	margin-top:10px;
}

.kitablue {
	color:#0054A6;
}
.kitaorange {
	color:#F36421;
}

.black {
	color:#000;
}




a,a:hover {
-o-transition: background 0.25s ease-in;
-webkit-transition: background 0.25s ease-in;
-moz-transition: background 0.25s ease-in;
transition: background 0.25s ease-in;
}


.btn{
    width:200px;
    height:60px;
    line-height:60px;
    margin-left:60px;
    margin-top:50px;
    font-family:serif;

}
.btn a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    
    background:#535050;
    text-align:center;
    border:4px solid #535050;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:1px 1px 6px 0px #FFFFFF inset;
    text-shadow:0px 1px 1px #D2D2D2 ;
    transition: all 0.5s ease;
}
.btn a:hover{
    background:#535050;
    color:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
    border:4px solid #535050;
    box-shadow:none;
}


.button-name {
 align-items: center;
 appearance: none;
 background-color: #f3f3f2;
 border-radius: 4px;
 border-width: 0;
 box-shadow: rgba(45, 35, 66, 0.2) 0 2px 4px,rgba(45, 35, 66, 0.15) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
 box-sizing: border-box;
 color: #16160e;
 cursor: pointer;
 display: inline-flex;
 font-family: "Yu Gothic";
 height: 48px;
 justify-content: center;
 line-height: 1;
 list-style: none;
 overflow: hidden;
 padding-left: 16px;
 padding-right: 16px;
 position: relative;
 text-align: left;
 text-decoration: none;
 transition: box-shadow .15s,transform .15s;
 user-select: none;
 -webkit-user-select: none;
 touch-action: manipulation;
 white-space: nowrap;
 will-change: box-shadow,transform;
 font-size: 18px;
}

.button-name:focus {
 box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.button-name:hover {
 box-shadow: rgba(45, 35, 66, 0.3) 0 4px 8px, rgba(45, 35, 66, 0.2) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
 transform: translateY(-2px);
}

.button-name:active {
 box-shadow: #D6D6E7 0 3px 7px inset;
 transform: translateY(2px);
}

.pc-center {
	text-align:center;
}
.pc-center br {
	display:block;
}


.p-list {
	font-size:12px;
	line-height:14px;
	padding: 10px 0;
}
.p-list a {
	color:#000;
	text-decoration:none;
}
.p-list a.current {
	color:#000;
	text-decoration:underline;
}

.totop {
	background:#000;
	padding:5px 0;
	text-align:center;
}
.totop a img {
	display:block;
	width:48px;
	margin:10px auto;
}

a.totop2 {
	display:block;
	width:40px;
	height:40px;
	background:url("../img/qa-totop.png") center center no-repeat;
	background-size:contain;
	position:fixed;
	right:2%;
	bottom:40px;
}

a.totop3 {
	display:block;
	width:40px;
	height:40px;
	background:url("../img/totop3.png") center center no-repeat;
	background-size:contain;
	position:fixed;
	right:2%;
        bottom:40px;
	z-index:999;
}



a#toTop {
	display:block;
	text-decoration:none;
	position:absolute;
	bottom:0;
	right:40px;
	overflow:hidden;
	width:70px;
	height:60px;
	border:none;
	background:url(../img/totop.png) no-repeat left top;
	z-index:999;
}
a#toTop:hover {  
	background:url(../img/totop.png) no-repeat left bottom;
}  
  
#toTop:active, #toTop:focus {  
    outline:none;  
}

a#toTop-e {
	display:block;
	text-decoration:none;
	position:absolute;
	bottom:0;
	right:40px;
	overflow:hidden;
	width:70px;
	height:60px;
	border:none;
	background:url(../img/totop-e.png) no-repeat left top;
	z-index:999;
}


.sl {
	width:100%;
	max-height:800px;
	overflow:hidden; 
	position:relative;
	margin-bottom:60px;
}
.btm-arr {
	display:block;
	position:absolute;
	left:50%;
	bottom:20px;
	margin-left:-52px;
}
span.catch img {
	display:block;
	position:absolute;
	width:auto;
	max-width:50%;
	float:left;
	left:0;
	top:0;
	margin-top:0;
}


.artist {
	display:block;
	padding:10px;
	margin:0 auto 30px;
	max-width:800px;
	border-left:solid 2px #000;
}
.artist p {
	font-size:1.4em;
	font-weight:600;
	line-height:1.1em;
	padding:5px 0 10px;
	margin:0;
}


.read {
	width:auto;
	font-size:medium;
	text-align:center;
}

/* menu ------------------*/
nav {
/*	clear:both;*/
}
#menu{
    display: none;
  }

#menu li{
    width: 100%;
    list-style-type: none;
    text-align:center;
  }
#menu li a{
    display: block;
    padding:11px 10px 10px;
    color:#000;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size:14px;
    text-decoration:none;
    line-height:16px;
    overflow:hidden;
}

#menu.sun li a {
    color:#00479D;
    padding:15px;
}

#menu li.icon a {
    padding:7px 0 8px 5px;
    line-height:22px;
	float:left;
}
a.fb {
    margin-left:30px;
}
/*

#menu li a img {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}
*/

#menu li a:hover{
  color:#EB6201;
}
#menu li.icon a:hover {
	background:none;
}
/*
#menu li a:hover img {
    -webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -o-filter: invert(0%);
    -ms-filter: invert(0%);
    filter: invert(0%);
}
*/
#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #FFF;
  text-align: left;
  padding:5px 0;
}
#toggle a{
  display: block;
  position: relative;
  margin: 0;
  height:30px;
  padding: 12px auto 13px;
  color: #000;
  text-align: left;
  text-decoration: none;
}
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #000;
  }
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #FFF;
  }
#toggle a:before{
    margin-top: -6px;
  }
#toggle a:after{
    margin-top: 2px;
  }
  
 
 .img-r,  .img-l {
	 display:block;
	 clear:both;
	 margin:0 auto 15px;
 }
 

#news, #ticket {
	background:#F8F8F8;
	padding:50px 0;
}
#service, #pertner {
	background:#FFF;
	padding:50px 0;
}
#top-sun {
	position:relative;
	z-index:1;
}
#news.sun {
	position:relative;
	margin:-30px auto 50px;
	width:80%;
	max-width:960px;
	padding:50px 20px 0;
	z-index:500;
}
#artists {
	background:#FFF;
	padding:50px 0;
}
#products {
	background:#EFF6FE;
	padding:50px 0;
}

.prdct-list li {
	width:46%;
	height:280px;
	margin:0 2% 50px;
	float:left;
}
.prdct-list li img {
	margin-bottom:10px;
}
.prdct-list li a {
	color:#07073B;
	text-decoration:none;
	font-size:14px;
	line-height:28px;
}
a .prdct-tit {
	font-weight:bold;
}

.serv-list li {
	width:46%;
	margin:0 2% 50px;
	float:left;
	position:relative;
}
.serv-list li .serv-tit {
	position:absolute;
	bottom:15px;
	left:10%;
	width:80%;
	background:rgba(0,0,0,0.7);
	padding:4px 0;
	text-align: center;
	color:#FFF;
}

.tit-imgsun {
	position:relative;
}
.tit-txtsun {
	position:absolute;
	top:40%;
	left:10%;
	width:80%;
	font-size:16px;
	background:rgba(0,0,0,0.6);
	padding:10px 0;
	text-align: center;
	color:#FFF;
}
.tit-txtsun2 {
	position:absolute;
	bottom:0;
	left:0;
	font-size:20px;
	line-height:1.0em;
	background:rgba(0,10,60,0.6);
	padding:2% 3%;
	width:94%;
	text-align: left;
	color:#FFF;
}
.block2 li {
	display:block;
	margin:30px auto 0;
	text-align: center;
}

.sub-sun {
	margin:40px 0 20px;
	font-size:22px;
	padding:4px;
	border-bottom:solid 2px #ccc;
}
.merit {
	padding:10px 0 5px;
	font-size:22px;
	font-weight:bold;
	color:#FFB400;
	margin-bottom:10px;
}
.merit-cont {
	padding:0 0 5px 0;
}
img.merit2 {
	display:block;
	width:50%;
	max-width:400px;
	float:right;
}
.lead-solar {
	background:#eee;
	margin:15px auto;
	padding:20px;
	font-size:20px;
	font-weight:bold;
	text-align: center
}
.wk-step {
	max-width:680px;
	margin:15px auto;
	border:solid 1px #000;
	padding:10px 100px 10px 10px;
	position:relative;
}
.wk-step.bg1 {
	background:url(../img/JT1_STEP1.png) right 10px center no-repeat;
	background-size:90px auto;
}
.wk-step.bg2 {
	background:url(../img/JT1_STEP2.png) right 10px center no-repeat;
	background-size:90px auto;
}
.wk-step.bg3 {
	background:url(../img/JT1_STEP3.png) right 10px center no-repeat;
	background-size:90px auto;
}
.wk-step.bg4 {
	background:url(../img/JT1_STEP4.png) right 10px center no-repeat;
	background-size:90px auto;
}
.wk-step.bg5 {
	background:url(../img/JT1_STEP5.png) right 10px center no-repeat;
	background-size:90px auto;
}
.wk-step.bg6 {
	background:url(../img/JT1_STEP6.png) right 10px center no-repeat;
	background-size:90px auto;
}
.wk-step.bg7 {
	background:url(../img/JT1_STEP7.png) right 10px center no-repeat;
	background-size:90px auto;
}
.wk-step.bg8 {
	background:url(../img/JT1_STEP8.png) right 10px center no-repeat;
	background-size:90px auto;
}
.wk-step.bg9 {
	background:url(../img/JT1_STEP9.png) right 10px center no-repeat;
	background-size:90px auto;
}
.step-tit {
	font-size:20px;
	line-height:1.2em;
	font-weight:bold;
	padding-left:10px;
	border-left:solid 6px #ff6600;
	color:#002060;
}
.step-img {
	width:90px;
	float:right;
	margin-top:-50px;
	margin-left:20px;
}
.step-cont {
	margin:20px 20px 0;
}
a.btn-sun {
	display:block;
	width:80%;
	max-width:200px;
	text-align: center;
	margin:20px auto;
	background:#002060;
	color:#FFF;
	padding:10px 6px;
	text-decoration: none;
	font-size:18px;
	font-weight:bold;
	border-radius: 6px;
}
a.btn-sun2 {
	display:inline-block;
	width:auto;
	text-align: center;
	margin:20px auto;
	background:#d3cbc6;
	color:#474a4d;
	padding:10px 20px;
	text-decoration: none;
	font-size:18px;
	font-weight:bold;
	border-radius: 6px;
}
a.btn-sun3 {
	display:inline-block;
	width:auto;
	text-align: center;
	margin:20px auto;
	background:#002060;
	color:#FFF;
	padding:10px 20px;
	text-decoration: none;
	font-size:18px;
	font-weight:bold;
	border-radius: 6px;
}

.flow-r3 {
	display:block;
	float:left;
	width:49%;
	position:relative;
	margin-bottom:40px;
}
.flow-r3:nth-child(2n) {
	clear:right;
}
.flow-r3:nth-child(2n+1) {
	clear:left;
}
.flow-img {
	display:block;
	padding-right:8%;
	background:url("../img/arr-step2.png") right 1% center no-repeat;
	background-size:5% auto;
}
.flow-img.last {
	background:none;
}
.flow-img img {
	display:block;
}
.flowtit {
	padding-right:8%;
	font-size:16px;
	font-weight:bold;
	margin:10px 0 0;
}
.flowcont {
	padding-right:30px;
	padding-right:8%;
	line-height:1.6em;
}

.keito-r {
	width:150px;
	margin:30px auto;
}

.wk-sodan {
	background:#ACC5DD;
	padding:15px 4%;
	font-size:16px;
	font-weight:bold;
}
.wk-sodan2 {
	background:#eae5e3;
	padding:15px 4%;
	font-size:16px;
	font-weight:bold;
}

.tit-sodan {
	width:90%;
	max-width:600px;
	margin:0 auto 15px;
	padding:5px;
	text-align: center;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background:url("../img/fuki-sodan.png") center center no-repeat;
	background-size:contain;
}

.wk-reason {
	width:90%;
	max-width:700px;
	margin:0 auto 50px;
	border-left:solid 1px #f60;
}
.reason-tit {
	font-size:18px;
	font-weight:bold;
	padding:0 10px;
}
.reason-img {
	width:90px;
	float:right;
	margin-left:20px;
}

.sunqa_head {
	padding-top:40px;
	border-bottom:solid 6px #2f5597;
}
.tab-sun a {
	display:inline-block;
	width:90px;
	text-align: center;
	padding:12px 5px 10px;
	margin:0 0;
	color:#2f5597;
	font-size:14px;
	text-decoration: none;
	font-weight:bold;
	line-height:1.0em;
	border:solid 4px #2f5597;
	border-bottom:none;
	border-radius: 10px 10px 0 0;
}
.tab-sun a:hover, .tab-sun a.now {
	background:#2f5597;
	color:#FFF;
}
.qa-sab {
	background:#EEE;
	padding:20px;
	text-align: center;
}
.qa-sab a {
	display:inline-block;
	padding:4px 40px 2px 16px;
	margin:5px 10px;
	font-size:12px;
	line-height:1.1em;
	color:#000;
	font-weight:bold;
	text-decoration: none;
	border:solid 2px #0070c0;
	border-radius:16px;
	background:url("../img/arr-qasub.png") right 10px center no-repeat;
	background-size:20px auto;
}
.qa-sab a:hover {
	background:url("../img/arr-qasub.png") right 10px center no-repeat #FFF;
	background-size:20px auto;
}

/*--------QA----------*/
/*　Q&A
-------------------------*/
.faq-list li {
	border-bottom: solid 1px #999;
	padding:15px 0;
}
.faq-list .s_question{
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:10px 30px 10px 50px;
	background:url("../img/plus.png") right center no-repeat;
	background-size:30px 30px;
	position:relative;
}
.faq-list .s_question span {
	display:block;
	width:40px;
	height:50px;
	background:url("../img/q.png") center top 5px no-repeat;
	background-size:contain;
	position:absolute;
	left:0;
	top:0;
}
.faq-list .s_question.on{
	background:url("../img/minous.png") right center no-repeat;
	background-size:40px 20px;
}

.faq-list .s_question:hover{
	cursor:pointer;
}

.faq-list .s_answer{
	padding:10px 0 10px 50px;
	position:relative;
	display: none;
}
.faq-list .s_answer span {
	display:block;
	width:40px;
	height:50px;
	background:url("../img/a.png") center top 10px no-repeat;
	background-size:contain;
	position:absolute;
	left:0;
	top:0;
}



.block3 li {
	display:block;
	width:90%;
	margin:0 auto 30px;
}
.j-home li {
	border:solid 4px #a5a5a5;
	border-radius: 15px;
	overflow: hidden;
}
.block3.j-home li img {
		width:100%;
	}
.block5 li {
	display:inline-block;
	width:48%;
	margin:0 0.5% 15px;
}
.type-tit {
	text-align: center;
	font-size:24px;
	font-weight:bold;
	color:#F60;
	margin:20px 0 15px;
}
.type-cont {
	line-height:1.4em;
}
.type-img {
	text-align: center;
}
.ess-merit a {
	display:inline-block;
	width:50%;
	margin:0 auto;
}
.sub-ess0 {
	background:#ededed;
	color:#505457;
	padding:10px;
	border-left:solid 6px #70AD48;
	font-size:20px;
	font-weight:bold;
}
.sub-ess {
	background:#333f50;
	color:#FFF;
	padding:10px;
	border-left:solid 6px #70AD48;
	font-size:20px;
	font-weight:bold;
}
.sub-ess.l-or {
	border-left:solid 6px #f60;	
}
.sub-ess.l-or span {
	color:#f60;	
}
.sub-ess.l-bl {
	border-left:solid 6px #0070c0;	
}
.sub-ess.l-bl span {
	color:#00b5fa;	
}
.sub-ess.l-gr {
	border-left:solid 6px #548235;	
}
.sub-ess.l-gr span {
	color:#548235;	
}

.essmodetit {
	background:#70AD47;
	color:#FFF;
	text-align: center;
	font-size:18px;
	padding:4px;
}
.essmodecont {
	background:#C0D5BF;
	color:#333;
	text-align: left;
	font-size:18px;
	padding:4px 10px;
	margin-bottom:15px;
}

.p-leftpc {
	margin:15px 0;
}
.p-leftpc img {
	display:block;
	margin:0 auto 15px;
}

a.bn-jitsu {
	display:block;
	position:relative;
	width:94%;
	margin:0 auto;
}
a.bn-jitsu .bn-tit {
	display:block;
	position:absolute;
	top:40%;
	width:98%;
	background:rgba(0,0,0,0.4);
	padding:15px 0;
	color:#FFF;
	font-size:18px;
	border-left:solid 4px #f60;
}
a.bn-jitsu .bn-tit.bn2 {
	border-left:solid 4px #04419A;
}
a.bn-jitsu .bn-tit.bn3 {
	border-left:solid 4px #459005;
}
table.table-jitu {
	width:94%;
	margin:0 auto 15px;
	border-spacing:2px;
}
table.table-jitu td {
	padding:4px;
	display:table-cell;
	margin:0 2px 2px 0;
	font-size:13px;
	line-height:15px;
	text-align: center;
	vertical-align: middle;
}
table.table-jitu2 {
	width:100%;
	margin:0 auto 15px;
	border-spacing:2px;
}
table.table-jitu2 td {
	padding:4px;
	display:inline-block;
	margin:0 2px 2px 0;
	font-size:13px;
	line-height:15px;
	text-align: center;
	vertical-align: middle;
      width:100%;
}

.tit-jtk {
	margin:10px 0;
	text-align: center;
	color:#041474;
	font-size:18px;
	font-weight:bold;
}

.j-sangyo li {
	border:solid 4px #a5a5a5;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	width:90%;
	margin:0 auto 15px;
}
.j-sangyo li img {
	width:100%;
	margin-bottom:15px;
}
.j-sangyo .slede li {
	border:none;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	width:auto;
	margin:5px;
}
.j-sangyo .slede li img {
	width:100%;
	margin-bottom:0;
}
.tit-jg {
	display:inline-block;
	width:auto;
	background:rgba(0,0,0,.5);
	color:#FFF;
	font-size:18px;
	padding:2px 6px;
	position:absolute;
	left:10px;
	top:10px;
}

.j-setu li {
	margin-bottom:30px;
}
.j-setu li img {
	display:block;
	width:53%;
	float:left;
}
.j-setu li table {
	width:47%;
	float:left;
}

.i-time {
	width:50px;
	margin:50px auto;
}
a.nextback {
	display:inline-block;
	width:auto;
	padding:4px 8px;
	color:#009999;
	text-decoration: none;
	border:solid 1px #009999;
	border-radius: 4px;
	font-size:14px;
	line-height: 1.1em;
	text-align: center;
}
a.nextback:hover, a.nextback.current {
	background:#009999;
	color:#FFF;
}
a.nextback.off {
	display:none;
}

.sub-sun-red {
	text-align: center;
	color:#FB2626;
	font-size:30px;
	line-height:1.4em;
	padding:30px 0;
}
.sub-service {
	background:#2e75b6;
	font-size:32px;
	font-weight:600;
	line-height:1.2em;
	text-align: center;
	padding:10px 0;
}
.sub-service span {
	display:block;
	color:#FFF;
	font-size:28px;
	font-weight:400;
	line-height:1.1em;
}
.btn-mente {
	text-align: center;
	margin:30px 0 0;
}
.btn-mente a {
	display:inline-block;
	color:#2e75b6;
	font-size:18px;
	width:40%;
	padding:10px 0;
	margin:1.8% 1%;
	border:solid 2px #2e75b6;
	text-decoration: none;
}
.btn-mente a:hover {
	color:#FFF;
	background:#2e75b6;
	
}

.d-mente li {
	display:block;
	width:80%;
	margin:40px auto 0;
}
.d-mente li img {
	display:block;
	margin-bottom:15px;
}
.mente-tit {
	font-size:24px;
	color:#294C70;
	font-weight:bold;
	margin-bottom:15px;
}
.mente-cont {
	padding-left:12px;
	border-left:solid 12px #CEDAE6;
}

.mente-why {
	background:#ACC5DD;
	padding:15px;
	border:solid 2px #15629E;
	border-radius: 10px;
	text-align: center;
	font-size:20px;
	font-weight:600;
}
.inner-why {
	width:100%;
}
.why-tit {
	font-size:20px;
	font-weight:bold;
	color:#2e75b6;
	margin:30px 0 20px;
}
.why-cont {
	padding-left:24px;
	padding-bottom:24px;
}

.mente-nagare {
	display:block;
	width:90%;
	max-width:500px;
	margin:30px auto;
	padding:5px 15px;
	border:solid 2px #15629E;
	border-radius: 10px;
	text-align: center;
	font-size:20px;
	font-weight:600;
}
.nagare-table {
	display:block;
	width:90%;
	margin: 0 auto 50px;
}
.nagare-table td {
	display:block;
	clear: both;
	padding:5px 5px 25px;
}
.nagare-table td.step {
	font-size:18px;
	line-height:36px;
	font-weight:bold;
	position:relative;
	padding:5px 5px 5px 50px;
}
.nagare-table td.step img {
	display:block;
	height:40px;
	position:absolute;
	left:0;
	top:0;
}










.pertner-list  {
	margin:30px 0;
	text-align: center;
}
.pertner-list img {
	height:15%;
	max-height:50px;
}


ul.lineup {
	display:block;
	padding:30px 0;
}
.lineup li {
	width:48%;
	margin:0 1% 2%;
	float:left;
	background:#FFF;
}
.lineup li a {
	text-decoration:none;
}
.lineup li a .prdct-tit, .lineup li .prdct-tit {
	background:#4C4A4A;
	text-align:center;
	color:#FFF;
	padding:4px;
	font-size:12px;
	line-height:14px;
	font-weight:100;
	text-decoration:none;
}
.lineup.l2 li .prdct-tit {
	min-height:32px;
	font-size:12px;
	line-height:12px;
}

ul.maker-list {
	display:block;
	padding: 50px 0 70px;	
}
ul.maker-list li a {
	color:#000;
	text-decoration:none;
}
ul.maker-list li a:hover {
	color:#000;
	text-decoration:under-line;
}

.item {
	font-size:12px;
	line-height:20px;
	color:#80ABF8;
}

.sche img {
	width:100%;
}


#stage {
	background:#EDE5D9;
	padding:50px 0;
}

#information {
	background:#FFF;
	padding:50px 0;
}




.instagram {
	overflow: hidden;
	width: 300px;
	margin: 30px auto 50px;
	position:relative;
}
.instagram a img {
	width:150px;
}
/*.instagram a:nth-child(4n) img{
	margin-right:0 0 30px 0;
}*/

.instagram-placeholder {
	float: left;
}





#footer {
	margin:0;
	font-size:12px;
	line-height:18px;
	text-align:center;
}
#footer .inner {
	padding:30px 0;
}

.copyright {
	background:#00469D;
	color:#FFF;
	font-size:12px;
	padding:20px 0;
}

.title {
	display:block;
	text-align:left;
	margin-bottom:30px;
	font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size:24px;
  letter-spacing: 4px;
  clear:both;
}
.title span {
  font-weight: 200;
  font-size:18px;
}
.title-sun {
	display:block;
	text-align:center;
	margin-bottom:30px;
	color:#00469E;
	font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size:28px;
  letter-spacing: 2px;
  clear:both;
} 
.title-sun span {
	display:block;
  font-size:14px;
}

.tit-senpai {
	font-size:22px;
	color:#00459B;
	margin:20px 0;
}
.tit-senpai.sports {
	border-bottom:solid 1px #00459B;
	padding-bottom:15px;
}
.senpai {
	font-weight:bold;
	line-height:20px;
	padding:0 20px;
}
.senpai span {
	display:block;
}
.senpai span.name {
	font-size:20px;
}
.senpai img {
	display:block;
	margin-bottom:10px;
}
.schedule {
	background:url(../img/bar-time.png) 35px top repeat-y #EEEEEE;
	padding:30px;
}
.time {
	background:url(../img/maru-time.png) left center no-repeat;
	font-size:18px;
	font-weight:600;
	line-height:30px;
	padding-left:30px;
}
.quest {
	background:url(../img/bar-q.png) left center no-repeat;
	font-size:18px;
	font-weight:600;
	line-height:30px;
	padding-left:30px;
}
.orange {
	color:#EA6000;
}
.timed {
	padding-left:30px;
	margin-bottom:10px;
}
.interview {
	padding:30px;
}
.interview.sports {
	padding:20px;
}

.tit-widgit {
	border-bottom:solid 1px #000;
	padding-bottom:0px;
}

.read {
/*	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; */
	font-size:18px;
	font-weight:200;
}

.title-p {
/*	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;　*/
	font-family: Montserrat, sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
  font-weight: 600;
  font-size:24px;
  letter-spacing: 4px;
	padding:15px 0;
/*	border-right:solid 3px #00479C;
	width:auto;
	display:inline;
	margin-right:auto;　*/
	text-align:center;
	background:url(../img/bar-blue.png) bottom center no-repeat;
	margin-bottom:10px;
}
.sub-p {
	display:block;
	padding:10px auto 20px;
	text-align:center;
	font-size:16px;
}
.title-pr {
/*	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;　*/
	font-family: Montserrat, sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  font-size:24px;
  letter-spacing: 4px;
	padding:5px 20px 5px 0;
	border-right:solid 3px #00479C;
	width:auto;
	display:inline;
	margin-right:auto;
}

.sub-pr {
	display:inline-block;
	padding:5px 20px;
	text-align:left;
	font-size:16px;
}

.third-pr {
        vertical-align: middle;
}
.third-pr img {
        vertical-align: middle;
}


.site {
	margin:30px 0;
	border-top:solid 1px #000;
}
.site-tit {
	font-size:13px;
	font-weight:bold;
	padding:15px 0 0;
	border-bottom:dotted 1px #DDD;
}
.site-titr {
	display:none;
}




a.more {
	display:block;
	text-align:center;
	width:140px;
	margin:0 auto;
	padding:2px 10px;
	border:solid 1px #000;
	font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size:12px;
  letter-spacing: 2px;
  color:#000;
  text-decoration:none;
  background:#FFF;
}
a.more:hover {
	background:#000;
	color:#FFF;
}
a.more-sun {
	display:block;
	text-align:center;
	width:100px;
	margin:0 auto;
	padding:2px 10px;
	font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size:12px;
  letter-spacing: 2px;
  color:#fff;
  text-decoration:none;
  background:#00469C;
}
a.more-sun:hover {
	background:#000;
	color:#FFF;
}
a.pdf {
	display:block;
	text-align:center;
	width:90px;
	margin:30px auto 0;
	padding:10px 30px;
	font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size:20px;
  letter-spacing: 2px;
  background:#000;
  color:#FFF;
  text-decoration:none;
}
a:hover.pdf {
  background:#666;
}





.news li {
	display:block;
	position:relative;
	width:90%;
	margin:0 auto 20px;
}
.stage li {
	display:block;
	width:50%;
	height:190px;
	float:left;
	text-align:center;
}



.news-p {
	overflow:hidden;
	max-height:180px;
	z-index:1;
}
.news-p img {
	width:100%;
	z-index:1;
}
.cate01 {
	display:block;
	position:relative;
	padding:10px 5px;
	background:#32A5DD;
	width:140px;
	text-align:center;
	font-size:13px;
	line-height:14px;
	color:#FFF;
	margin:-17px auto 0;
	z-index:10;
}
.cate02, .cate01.information {
	background:#3659C5;
}
.cate03, .cate01.mascomi {
	background:#14D0CF;
}
.news-txt {
	display:block;
	padding:0 0 20px;
	color:#0a0843;
}
.news li a {
	color:#000;
	text-decoration:none;
}
.news li.sun a {
	color:#00469C;
	text-decoration:none;
	text-align: center;
}
.news li.sun a .news-txt {
	margin-top:15px;
	color:#00469C;
}


iframe.news-rss {
	height:950px;
}


.text-info {
	font-size:14px;
	text-align:left;
	line-height:2.2em;
}

.text-info a {
	color:#000;
	
}


  a.gmap {
	 display:inline-block;
	 padding:2px 4px;
	 background:#000;
	 color:#FFF;
	 text-decoration:none;
	 font-size:12px;
	 line-height:12px;
 }






.gaiyo-table {
	padding-top:50px;
	padding-bottom:50px;
}
.gaiyo-table th, .gaiyo-table td {
	display:block;
	clear:both;
	padding:15px 0;
	border-bottom:solid 1px #999;
}

.gaiyo-table.ethi {
	padding-top:10px;
	padding-bottom:0;
	text-align:center;
	border-spacing:0 4px;
	max-width:800px;
	margin:0 auto;
}
.gaiyo-table.ethi th {
	background:#00469D;
	color:#FFF;
	border-bottom:none;
	padding:10px;
} 
.gaiyo-table.ethi td {
	background:#eee;
	border-bottom:none;
	padding:10px;
	margin-bottom:4px;
}

.rc-table {
	padding-bottom:50px;
}
.rc-table th, .rc-table td {
	display:block;
	clear:both;
        padding:10px 5px 10px 10px;
}

.rc-table.ct {
        padding-top:10px;
	text-align:center;
	max-width:50%;
	margin:0 auto;
}
.rc-table.ct th {
	background:#274a78;
	color:#FFF;
	padding:5px;
} 
.rc-table.ct td img {
        vertical-align:middle;
}


.sus-table {
	padding-bottom:50px;
	padding-top:50px;
}
.sus-table th, .sus-table td {
	display:block;
	clear:both;
	padding:10px 5px 10px 5px;
}

.sus-table.sust {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	border-spacing:0 5px;
	margin:0 auto;
}
.sus-table.sust th {
	background:#faf0e6;
	border-bottom:none;
        text-align:center;
        vertical-align:middle;
} 
.sus-table.sust th img {
        text-align:center;
        vertical-align:middle;
} 
.sus-table.sust td {
	background:#ffffff;
	border-bottom:none;
	margin-bottom:4px;
        text-align:left;
        vertical-align:middle;
}
.a sus-table.sust td link {
        color:#2f4f4f;
}








@media screen and (max-width: 640px) {
nav {
	clear:both;
}

.rc-table.ct {
    width: 50%;
  }
.rc-table.ct .thead {
    display: none;
  }
.rc-table.ct td,
.rc-table.ct th {
    width: 100%;
    display: block;
    padding: 10px 20px 10px 20px;
  }
.rc-table.ct td {
    display: block;
    width: 100%;
    text-align:center;
}
.rc-table.ct td img{
    vertical-align:middle;
    height: 50px;
}
}






.sdgs-table {
	padding-top:50px;
	padding-bottom:50px;
        border-collapse:collapse;
}
.sdgs-table th, .sdgs-table td {
	display:block;
	clear:both;
	padding:10px 10px;
	border-bottom:none;
}

.sdgs-table.sus {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	border-spacing:20px 20px;
	max-width:740px;
	margin:auto;

}
.sdgs-table.sus th {
	padding:10px;
        font-size:medium;
        vertical-align:middle;
} 
.sdgs-table.sus td {
	border-bottom:none;
	padding:10px;
	margin-bottom:4px;
	text-align:left;
}



.ctlg-table {
        border-collapse:collapse;
        overflow-x: scroll;
}
.ctlg-table th, .ctlg-table td {
	display:inline-block;
	clear:both;
	border:solid 1px #999;
        text-align: center;
}

.ctlg-table td img{
        vertical-align: middle;
	display:inline-block;
        width:80px;
        height:80px;
}

.ctlg-table.nn {
	padding-top:10px;
	padding-bottom:0;
	text-align:center;
	border-spacing:0 4px;
	max-width:740px;
	margin:auto;
}
.ctlg-table.nn th {
	border-bottom:solid 1px #999;
	padding:10px;
        background:#b0c4de;
	color:#000000;
        width:auto;
} 
.ctlg-table.nn td {
	border-bottom:solid 1px #999;
	padding:10px;
	margin-bottom:4px;
	color:#000000;
}


.BULL-table {
	padding-top:50px;
	padding-bottom:50px;
}
.BULL-table.bb body {
	background-image:url(img/BULL_parts_haikei.png);
        background-size:cover;
        background-repeat:no-repeat;
}
.BULL-table th, .BULL-table td {
	display:block;
	clear:both;
	padding:15px 0;
	border-bottom:solid 1px #999;
}

.BULL-table.bb {
	padding-top:10px;
	padding-bottom:0;
	text-align:left;
	border-spacing:0 4px;
	max-width:740px;
	margin:0 auto;
}
.BULL-table.bb th {
	color:#FFF;
	border-bottom:none;
	padding:10px;
} 
.BULL-table.bb td {
	background:#eee;
	border-bottom:none;
	padding:10px;
	margin-bottom:4px;
}


.box {
  width: auto;
  background-position:center;
  background-image: url("http://kitakikai.co.jp/wordpress/wp-content/uploads/2022/07/2018.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.box2 {
  width: auto;
  background-position:center;
  background-image: url("http://kitakikai.co.jp/wordpress/wp-content/uploads/2023/07/number.mp4");
  background-size: cover;
  background-repeat: no-repeat;
}

.numberofk {
  display: flex;
}

.wideslider {
	display:none;
}




.fixed-box-yoko-tate {
  width:auto;
  height:auto;
  background: #fff;
  border:1px solid #ccc;
  overflow:auto;
  border-collapse: collapse;
}

.yoko-tate {
  width:500px;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.yoko-tate th, table.yoko-tate td {
  width:100px;
  height: 30px;
  padding: 0;
  border: 1px solid #ccc;
  text-align:center;
}
.yoko-tate .fixed01,
.yoko-tate .fixed02 {
  position: sticky;
  top: 0;
  left: 0;
  color: #fff;
  background: #274a78;
  text-align:center;
}
.yoko-tate .fixed01:before,
.yoko-tate .fixed02:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  border: 1px solid #ccc;
}
.yoko-tate .fixed01 {
  z-index: 2;
}
.yoko-tate .fixed02 {
  z-index: 1;
}


.fixed-box2 {
  border-collapse: collapse;
  text-align:center;
  display: block;
  width: 100%;
}
.fixed-box2 th, .fixed-box2 td {
  padding:15px;
  border: 1px solid #ccc;
  text-align:center;
}
.fixed-box2 th {
  background: #274a78;
  color: #fff;
  padding:15px;
  width: auto;
  font-weight:normal;
}
.fixed-box2 td img {
  display: inline-block;
  vertical-align: middle;
}



.button-name {
 align-items: center;
 appearance: none;
 background-color: #f3f3f2;
 border-radius: 4px;
 border-width: 0;
 box-shadow: rgba(45, 35, 66, 0.2) 0 2px 4px,rgba(45, 35, 66, 0.15) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
 box-sizing: border-box;
 color: #16160e;
 cursor: pointer;
 display: inline-flex;
 font-family: "Yu Gothic";
 height: 48px;
 justify-content: center;
 line-height: 1;
 list-style: none;
 overflow: hidden;
 padding-left: 16px;
 padding-right: 16px;
 position: relative;
 text-align: left;
 text-decoration: none;
 transition: box-shadow .15s,transform .15s;
 user-select: none;
 -webkit-user-select: none;
 touch-action: manipulation;
 white-space: nowrap;
 will-change: box-shadow,transform;
 font-size: 18px;
}

.button-name:focus {
 box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.button-name:hover {
 box-shadow: rgba(45, 35, 66, 0.3) 0 4px 8px, rgba(45, 35, 66, 0.2) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
 transform: translateY(-2px);
}

.button-name:active {
 box-shadow: #D6D6E7 0 3px 7px inset;
 transform: translateY(2px);
}
/*-------------フォーム--------------*/

.sent .formInner {
    display: none;
}


.form-tbl {
	width:90%;
	margin:0 auto;
}
.form-tbl th, .form-tbl td {
	padding:10px;
	width:100%;
	display:block;
	clear:both;
}
.form-tbl th {
	border-bottom:dotted 1px #666;
}
.form-tbl td {
	border-bottom:solid 1px #666;
	text-align:center;
}

.form-tbl input, .form-tbl textarea {
	padding:5px;
	font-size:14px;
	width:80%;
}
input#submit, input#reset, input.submitbtn {
	font-size:14px;
	width:100px;
	padding:10px;
	background:#01479D;
	color:#FFF;
	border-style: none;
	cursor:pointer;
	margin:10px;
	}
	input#reset, input.submitbtn {
		background:#666;
	}
	
.pdfbtn {
	display:block;
	width:220px;
	margin:20px auto 10px;
}
.pdfbtn img {
	margin-top:15px;
}


.red {
	color:#CD0000;
}
.white {
	color:#FFF;
}

.toi input, .toi select, .toi textarea {
	width:90%;
	display:block;
	padding:15px;
	font-size:14px;
	border:solid 1px #CCC;
	margin-left:0;
}
.toi input.formbox, .toi textarea.formbox {
	width:61%;
}

.toi input.submitbtn {
	background: #000;
	color:#FFF;
	cursor:pointer;
}
.toi input.submitbtn:hover {
	background: #666;
}


.select
{
    position: relative;
    z-index: 1;  

    line-height: 1.8;

    display: block;

    width: auto;
    padding: 0;

    text-indent: 8px;

     border-top: 1px solid #ddd;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-group:after
{
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;

    width: 0;
    height: 0;
    margin: auto;

    content: '';

    border-top: 4px solid #999;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.toi select {
	background:url(../img/arr-btm.png) right center no-repeat;
	color:#999;
}


table.tbl-job {
	width:98%;
}
table.tbl-job th {
	width:30%;
	font-weight:100;
	text-align:left;
	background:#D2EAFB;
}
table.tbl-job2 {
      border:none;
      display:block;
      text-align:center;
}
table.tbl-job2 tr {
      display:inline;
}

table.tbl-job2 td{
      display:inline-block;
      width:120px;
}

.movie li {
	margin-bottom:40px;
}
.movie li .mov {
	width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}
.movie li .mov iframe {
	position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.pc-center br {
	display:none;
}

a.tel {
	color:#000;
}

.pc-view {display:none;}
.sp-view {display:inline-block;}




/* min-width: 480px
=============================================================*/
@media only screen and (min-width: 480px) {

#header {
	position:fixed;
	z-index:9999;
	width:100%;
}

#header h1 {
	width:auto;
}
#header h2 {
	width:auto;
}


.wideslider {
	display:block;
}
#box-s {
	display:none;
}
	
#toggle{ 
 display: none;
}


#menu{
  display: block;
  padding: 0;
  margin: 0;
}

#menu li{
  float: left;
  width:25%;
  margin: 0;
  padding: 0;
  text-align:center;
}
#menu li a{
  display: block;
  padding:16px 10px 15px;
  color:#000;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size:16px;
  text-decoration:none;
  line-height:19px;
  overflow:hidden;
}
#menu li.icon a {
  padding:14px 5px 14px;
  line-height:22px;
	float:left;
}

#yasunde {
		display:block;
		width:142px;
		height:225px;
		position:absolute;
		right:0;
		top:80px;
		z-index:990;
	}


	
} /* /480 */ 

  
.box2 {
  width: auto;
  background-position:center;
  background-image: url("http://kitakikai.co.jp/wordpress/wp-content/uploads/2023/07/number.mp4");
  background-size: cover;
  background-repeat: no-repeat;
}
.spblock {
	display:block;
	clear:both;
}
/* min-width: 768px
=============================================================*/  
@media print, screen and (min-width: 768px) {

#header {
	width:100%;
	background:#FFF;
}
.spblock {
	display:inline-block;
	clear:none;
}
nav {
	clear:none;
}

#header h1 {
	display:block;
	width:240px;
	float:left;
}
#header h1 img {
	width:100%;
}
#header h2 {
	
	display:block;
/*	width:auto;
	text-align:left;
	margin:0 0 0 24px;
	float:left;
}
#header h3 {
	display:block;
/*	width:100%;*/
	text-align:right;
	margin:0 0 0 24px;
	float:right;
}

#header h1.sun {
	width:15%;
	max-width:180px;
	float:left;
	margin-bottom:10px;
}
	
#header h2.toi-tel, #header h2.toi-tel.sun {
	display:block;
	width:14%;
	max-width:180px;
	margin:0 5px 0 0;
	float:right;
}
.navmargin {
	height:60px;
}
.navmargin.sun {
	height:140px;
}

.fixed {
      position: fixed;
      top: 0;/*一番上なら0px*/
      z-index: 200;
      background: #fff;
      width: 100%;
      opacity: 0.8;
      filter: alpha(opacity=80);
      -ms-filter: "alpha(opacity=80)";
    }

span.catch img {
	display:block;
	position:absolute;
	width:auto;
	max-width:100%;
	float:left;
	left:0;
	top:30%;
	margin-top:-90px;
}



.inner {
	margin:0 auto;
/*	max-width:950px; */
}
	
.inner10 {
	width:80%;
	margin:0 auto;
	position:relative;
}

#news.sun {
	position:relative;
	margin:-150px auto 50px;
	width:90%;
	max-width:960px;
	padding:50px 20px 0;
	z-index:500;
}


.title {
	display:block;
	text-align:left;
	margin-bottom:40px;
	font-family: Montserrat, sans-serif;
  font-weight: 800;
  font-size:30px;
  letter-spacing: 4px;
}
.title span {
  font-weight: 200;
  font-size:22px;
}
.title-sun {
  font-size:30px;
}

.title-p {
	font-size:32px;
}


.title-pr {
	font-size:32px;
	padding:15px 20px 15px 0;
	float:left;
}
.sub-pr {
	display:inline-block;
	padding:15px 20px;
	text-align:left;
	font-size:16px;
}


.read {
	font-size:24px;
	font-weight:400;
	text-align:center;
}
.pc-center {
	text-align:center;
}
.pc-center br {
	display:block;
}


ul.news {
	width:100%;
	margin:0 auto;
}
.news li {
	display:block;
	float:left;
	width:31%;
	margin:0 1% 20px;
}
.news li.sun {
	display:block;
	float:left;
	width:23%;
	margin:0 1% 20px;
}
/*.news li:nth-child(3n) {
	margin:0 0 20px 0;
}*/


.prdct-list li {
	width:23%;
	margin:0 1% 30px;
}
.serv-list li {
	width:31%;
	margin:0 1% 50px;
	float:left;
	position:relative;
}

.tit-txtsun {
	position:absolute;
	top:45%;
	left:50%;
	margin-left:-250px;
	width:500px;
	font-size:28px;
	background:rgba(0,0,0,0.7);
	padding:20px 0;
	text-align: center;
	color:#FFF;
}
.block2 li {
	display:inline-block;
	text-align: center;
	width:45.6%;
	margin:30px 2% 0;
}
.block2.solor li {
	display:block;
	float:left;
	text-align: center;
	width:45.6%;
	margin:30px 2% 0;
}


.step-img {
	width:120px;
	float:right;
	margin-top:-50px;
	margin-left:20px;
}
	
.flow-r3 {
	width:32%;
	position:relative;
	margin-bottom:40px;
}
.flow-r3:nth-child(3n) {
	clear:right;
}
.flow-r3:nth-child(3n+1) {
	clear:left;
}
.flow-r3:nth-child(2n) {
	clear:none;
}
.flow-r3:nth-child(2n+1) {
	clear:none;
}

.keito-l {
	width:65%;
	float:left;
}
.keito-r {
	width:24%;
	max-width:150px;
	float:right;
	margin:0 0 30px;
}
.reason-img {
	width:140px;
	float:right;
	margin-top:-30px;
}
	
.block3 li {
	display:inline-block;
	width:33%;
	margin:0 0 30px;
	float:left;
}
.block3.j-home li {
	width:30.5%;
	margin:0 3% 30px 0;
	min-height:390px;
}
.block3.j-home li:nth-child(3n) {
	margin:0 0 30px 0;
	clear:right;
}
.block3.j-home li:nth-child(3n+1) {
	clear:left;
}
.block3.setsubi li {
	width:32.3%;
	margin:0 0.5% 1%;
}	
.block5 li {
	display:inline-block;
	width:19%;
	margin:0 0.5% 20px;
	float:left;
}
	
.type-tit {
	text-align: center;
	font-size:24px;
	font-weight:bold;
	color:#F60;
	margin:20px 0 15px;
}
.type-cont {
	line-height:1.4em;
	width:90%;
	margin:0 auto;
	height:160px;
}

.ess-merit a {
	display:inline-block;
	width:25%;
	margin:0 auto;
}
	
.essmodetit {
	width:180px;
	float:left;
}
.essmodecont {
	background:#C0D5BF;
	color:#333;
	text-align: left;
	font-size:18px;
	padding:4px 10px 4px 200px;
	margin-bottom:15px;
}
.p-leftpc img {
	display:block;
	margin:0 5% 15px 0;
	width:30%;
	float:left;
}

.j-sangyo li {
		width:48%;
	margin:0.5%;
	float:left;
}
	.j-sangyo li:nth-of-type(2n) {
		clear:right;
	}
	.j-sangyo li:nth-of-type(2n+1) {
		clear:left;
	}
.j-sangyo li img {
	display:inline-block;
	width:54%;
	float:left;
	margin-bottom: 0;
}
	.j-sangyo li table {
		width:44%;
		float:left;
		margin-left:2%;
		margin-top:3px;
		margin-bottom:0;
	}
	.j-sangyo li table td {
		height:41.5px;
	}


.merit-cont {
	padding:0 0 5px;
}
.merit {
	padding:10px 0 5px;
}	

.btn-mente a {
	display:inline-block;
	color:#2e75b6;
	font-size:20px;
	width:20%;
	padding:10px 0;
	margin:1.4% 1%;
	border:solid 2px #2e75b6;
	text-decoration: none;
}	

.d-mente li {
	display:block;
	width:90%;
	margin:40px auto 0;
	position:relative;
}
.d-mente li img {
	display:block;
	margin-bottom:15px;
}	
.d-mente li.p-right	img {
	display:block;
	width:40%;
	float:right;
}
.d-mente li.p-right .mente-txt {
	display:block;
	width:55%;
	float:left;
}	
.d-mente li.p-left img {
	display:block;
	width:40%;
	float:left;
}
.d-mente li.p-left .mente-txt {
	width:55%;
	float:right;
}
.mente-tit {
	font-size:30px;
}
.mente-cont {
	padding-left:12px;
	border-left:solid 12px #CEDAE6;
	height:130px;
}
.mente-why {
	font-size:28px;
}

.inner-why {
	width:90%;
	margin:0 auto;
}	

	.nagare-table {
		width:90%;
		margin:0 0 0 auto;
	}
.nagare-table td {
	display:table-cell;
	clear: none;
	padding:5px 5px 20px;
}	
	.nagare-table td.step {
		width:220px;
	padding:5px 5px 20px 50px;
	}	
	
	

.tab-sun a {
	display:inline-block;
	width:150px;
	text-align: center;
	padding:12px 10px 10px;
	margin:0 10px;
	color:#2f5597;
	font-size:18px;
	text-decoration: none;
	font-weight:bold;
	line-height:1.0em;
	border:solid 4px #2f5597;
	border-bottom:none;
	border-radius: 10px 10px 0 0;
}
.qa-sab a {
	display:inline-block;
	padding:7px 50px 5px 20px;
	margin:5px 10px;
	font-size:16px;
	color:#000;
	font-weight:bold;
	text-decoration: none;
	border:solid 2px #0070c0;
	border-radius:18px;
	background:url("../img/arr-qasub.png") right 10px center no-repeat;
	background-size:30px auto;
}
.qa-sab a:hover {
	background:url("../img/arr-qasub.png") right 10px center no-repeat #FFF;
	background-size:30px auto;
}	
	
	






.lineup li {
	width:19%;
	margin:0 0.5% 1%;
	float:left;
}

.maker-list li {
	width:20%;
	float:left;
}


.site-l {
	width:60%;
	float:left;
	margin-right:5%;
}
.site-r {
	width:35%;
	float:left;
}


.site-titr {
	display:block;
	font-size:13px;
	padding:15px 0 0;
}



.movie li {
	width:48%;
	margin-right:4%;
	float:left;
}
.movie li:nth-child(2n) {
	margin-right:0%;
	clear:right;
}
.movie li:nth-child(2n+1) {
	clear:left;
}




iframe.news-rss {
	height:300px;
}

ul.stage {
	width:35%;
	float:left;
}
.stage li {
	display:block;
	text-align:center;
	width:100%;
	height:152px;
	height:auto;
	margin:0 auto 20px;
}




.sche {
	max-width:1200px;
	margin:0 auto;
}
.sche img {
	width:50%;
}


#slider4-wk {
	display:block;
	max-width:980px;
	margin:30px auto;
} 
#slider5-wk {
	display:block;
	max-width:800px;
	margin:30px auto;
} 



.text-info {
	font-size:16px;
	text-align:center;
}





.p-open {
	margin:0 30px 30px 80px;
	width:50%;
	float:left;
}
.right-txt {
	float:left;
	max-width:35%;
}
.map {
	float:left;
	width:63%;
	text-align:center;
	margin:0 2% 0 0;
	padding:0;
}



/* menu ------------------*/

#toggle{ 
 display: none;
}

#menu{
  display: block;
  width: auto;
  margin: 20px 10px 0;
  float:left;
}
#menu li{
  float: left;
  width:auto;
  margin: 0;
  padding: 0;
}
#menu li a{
  display: block;
  padding:20px 20px ;
  color:#000;
  font-family: Montserrat, sans-serif;
  font-size:15px;
  letter-spacing: 2px;
  text-decoration:none;
  line-height:15px;
  overflow:hidden;
}
#menu li.icon{
  float: right;
}
#menu li.icon a {
  padding:0 0 0 24px;
  line-height:22px;
	float:right;
}
#menu.sun li {
	float:none;
	display:inline-block;
	width:auto;
	vertical-align: bottom;
}
#menu.sun {
	width:68%;
	margin-left:2%;
	margin-top:60px;
	float:none;
	display:inline-block;
	vertical-align: bottom;
}
#menu.sun li a{
	width:auto;
  padding:5px 10px ;
	
	}

/*
#menu li a img {
	-webkit-filter: invert(0%);
    -moz-filter: invert(0%);
    -o-filter: invert(0%);
    -ms-filter: invert(0%);
    filter: invert(0%);
}
*/


/* menu ------------------*/

#header {
	max-width:initial;
	background:#FFF;
}

.aisatu img {
	display:block;
	margin: 0 auto 30px;
}


.instagram {
	overflow: hidden;
	width: 600px;
	margin: 30px auto 50px;
	position:relative;
}
.instagram a img {
	width:200px;
}

.address {
	width:500px;
	margin:0 auto;
}
.address .left {
	float: left;
	height:50px;
	width:120px;
}



.right50 {
	 float:right;
	 margin-left:50px;
}
.left50 {
	 float:left;
	 margin-right:50px;
}
.left45 {
	 float:left;
	 width:35%;
	 margin-left:5%;
	 margin-right:5%;
	 margin-top:40px;
}
.left30 {
	 float:left;
	 width:30%;
	 margin-left:5%;
	 margin-right:5%;
	 margin-top:65px;
}
.right60 {
	 float:right;
	 width:50%;
	 margin-right:5%;
	 margin-top:10px;
}
.right65 {
	 float:right;
	 width:55%;
	 margin-right:5%;
	 margin-top:40px;
         text-align:left;
}
.left60 {
	 float:left;
	 width:55%;
	 margin-right:0;
	 margin-top:40px;
}
.left70 {
	 margin-left:100px;
}
.p4 {
	margin-top:80px;
}

  .img-r {
	 display:block;
	 clear:none;
	 float:right;
	 margin:0 0 15px 15px;
 }
  .img-ri {
	 display:block;
	 clear:none;
	 float:right;
	 margin:0 0 0 0;
 }
  .img-l {
	 display:block;
	 clear:none;
	 float:left;
	 margin:0 15px 15px 0;
 }
 
 
 
 .infonews li {
	width:29%;
	height:280px;
	margin:0 2% 30px;
	float:left;
}

table.table-jitu2 {
	width:94%;
	margin:0 auto 15px;
	border-spacing:2px;
}
table.table-jitu2 td {
	padding:4px;
	display:inline-block;
	margin:0 2px 2px 0;
	font-size:13px;
	line-height:15px;
	text-align: center;
	vertical-align: middle;
      width:800px;
}



.gaiyo-table th, .gaiyo-table td {
	display:table-cell;
	clear:none;
	padding:15px 0;
	border-bottom:solid 1px #999;
}
.gaiyo-table th {
	width:20%;
}
.gaiyo-table td {
	width:80%;
}


.gaiyo-table.ethi th {
	width:30%;
	margin-bottom:4px;
}
.gaiyo-table.ethi td {
	width:auto;
}


.rc-table {
	width:100%;
        table-layout:auto;
        border-collapse: collapse;
}
.rc-table th, .rc-table td {
	width:900px;
	display:table-cell;
	clear:none;
	padding:10px 5px 10px 10px;
        border-collapse: collapse;
        text-align:center;
}
.rc-table th {
	width:auto;
        white-space:nowrap;
}
.rc-table td {
        word-wrap:break-word;
}
.rc-table.ct th {
	width:auto;
        border-collapse: collapse;
}
.rc-table.ct td {
	width:auto;
        border-collapse: collapse;
}



.sus-table {
	padding-top:10px;
	padding-bottom:50px;
}
.sus-table th, .sus-table td {
	display:block;
	clear:both;
	padding:10px 5px 10px 5px;
}
.sus-table th, .sus-table td {
	display:table-cell;
	clear:none;
        font-size:auto;
}
.sus-table th {
	width:10%;
        vartical-align:middle;
        text-align:center;
}
.sus-table td {
	width:80%;
        border-bottom:2px;
}


.sus-table.sust th {
	width:50%;
	margin-bottom:10px;
}
.sus-table.sust td {
	width:auto;
}




.sdgs-table th, .sdgs-table td {
	display:table-cell;
	clear:none;
	padding:20px 0;
        font-size:auto;
}

.sdgs-table.sus {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	border-spacing:20px 20px;
	max-width:auto;
}
.sdgs-table.sus th {
	width:10%;
        vartical-align:middle;
        text-align:center;
} 
.sdgs-table.sus td {
	width:80%;
        border-bottom:2px;
	max-width:auto;
        vertical-align:center;
}


.ctlg-table th, .ctlg-table td {
	display:table-cell;
	clear:none;
	padding:5px 0;
	border:solid 1px #999;
}
.ctlg-table th {
	width:20%;
}
.ctlg-table td {
	width:80%;
}
.ctlg-table td {
        text-align: center;
}
.ctlg-table td img{
        vertical-align: middle;
        text-align: center;
        width:50%;
        height:50%;
       
}

.ctlg-table.nn th {
	width:auto;
}
.ctlg-table.nn td {
	width:auto;
}

.BULL-table th, .BULL-table td {
	display:table-cell;
	clear:none;
	padding:15px 0;
	border-bottom:solid 1px #999;
}
.BULL-table th {
	width:20%;
}
.BULL-table td {
	width:80%;
}


.BULL-table.bb th {
	width:30%;
	margin-bottom:4px;
}
.BULL-table.bb td {
	width:auto;
}





.fixed-box-yoko-tate {
  width:920px;
  height:500px;
  background: #fff;
  border:1px solid #ccc;
  overflow:auto;
  border-collapse: collapse;
}

.yoko-tate {
  width: 120px;
  height: 90px;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.yoko-tate th, table.yoko-tate td {
  width:auto;
  height: 40px;
  vertical-align: center;
  padding: 0 10px;
  border: 1px solid #ccc;
  text-align:center;
  font-weight: normal;
}
.yoko-tate .fixed01,
.yoko-tate .fixed02 {
  position: sticky;
  top: 0;
  left: 0;
  color: #fff;
  background: #274a78;
}
.yoko-tate .fixed01:before,
.yoko-tate .fixed02:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: auto;
  height: auto;
  border: 1px solid #ccc;
}
.yoko-tate .fixed01 {
  z-index: 2;
  vertical-align: center;
}
.yoko-tate .fixed02 {
  z-index: 1;
}
.yoko-tate .fixed03 {
      position: sticky;
      top: 0;
      left: 0;
      color: #fff;
      background: #274a78;
      text-align:left;
      padding: 0 5px 0 15px;
}
 

.fixed-box2 {
  width:800px;
  table-layout:auto;
}
.fixed-box2 th, .fixed-box2 td {
  display:table-cell;
  clear:none;
  padding:10px;
  border: 1px solid #ccc;
  text-align:center;  
}
.fixed-box2 th {
  width:auto;
  white-space:nowrap;
  font-weight:bold;
}
.fixed-box2 td {
  word-wrap:break-word;
  text-align:center;
}
.fixed-box2 td img {
  display: inline-block;
  vertical-align: middle;
}
.fixed-box2 .fixed01 {
      color: #fff;
      background: #274a78;
      text-align:center;
}
.fixed-box2 .fixed02 {
      color: #fff;
      background: #274a78;
      text-align:center;
}
.fixed-box2 .fixed03 {
      color: #fff;
      background: #274a78;
      text-align:left;
      padding: 0 5px 0 15px; 
}

.banner a {
	width:25%;
	margin:0 0 15px;
}


.bg-main .inner {
	min-height:840px;
	padding-top:30px;
	background:#FFF;
}



.title-lineup {
	margin-top:0;
	margin-right:0;
	width:217px;
	float:left;
}
.title-lineup .logo {
	width:auto;
	display:block;
	float:none;
	margin:0 auto 30px;
}
.title-lineup .btn {
	width:100%;
	display:block;
	float:none;
}
.title-lineup .btn a {
	width:100%;
	display:block;
	margin-bottom:15px;
}
.cont-lineup {
	display:block;
	width:505px;
	float:left;
	margin:0 0 0 30px;
	font-size:16px;
	line-height:30px;
}
.pd-left20 {
	display:block;
	padding-left:20px;
}




.btn{
    width:200px;
    height:80px;
    line-height:80px;
    margin-left:100px;
    margin-top:50px;
    font-family:serif;
}

.btn a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    
    background:#535050;
    text-align:center;
    border:4px solid #535050;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:1px 1px 6px 0px #FFFFFF inset;
    text-shadow:0px 1px 1px #D2D2D2 ;
    transition: all 0.5s ease;
}
.btn a:hover{
    background:#535050;
    color:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
    border:4px solid #535050;
    box-shadow:none;
}

.btn2 {
    width:500px;
    height:60px;
    line-height:60px;
    margin-left:100px;
    margin-top:50px;
    font-family:serif;

}
.btn2 a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    
    background:#535050;
    text-align:center;
    border:4px solid #535050;
    color:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:1px 1px 6px 0px #FFFFFF inset;
    text-shadow:0px 1px 1px #D2D2D2 ;
    transition: all 0.5s ease;
}
.btn2 a:hover{
    background:#535050;
    color:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
    border:4px solid #535050;
    box-shadow:none;
}

.form-tbl {
	width:80%;
	margin:0 auto;
}
.form-tbl th, .form-tbl td {
	clear:none;
}
.form-tbl th {
	width:20%;
}
.form-tbl td {
	text-align:left;
}
.form-tbl th {
	border-bottom:dotted 1px #666;
}
.form-tbl td {
	border-bottom:solid 1px #666;
	text-align:center;
}

.form-tbl input, .form-tbl textarea {
	padding:5px;
	font-size:14px;
}




.pdfbtn {
	display:block;
	margin:20px 10px;
	position:absolute;
	right:0;
	bottom:20px;
}


.toi input, .toi select, .toi textarea, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select, .wpcf7-form-control-wrap textarea {
	width:65%;
	float:right;
	padding:15px;
	font-size:14px;
	border:solid 1px #CCC;
	margin-top: -10px;
	margin-left:0;
}



table.tbl-job {
	width:70%;
	display:block;
	margin:0 auto;
}

table.tbl-job2 {
	width:100%;
	display:block;
	margin:auto;
}
table.tbl-job2 td{
      width:180px;
      padding: 5px;



.senpai img {
	float:right;
	max-width:120px;
}


.box {
  width: 100%;
  height: 1080px;
  background-position: center center;
  background-image: url("http://kitakikai.co.jp/wordpress/wp-content/uploads/2022/07/2018.png");
  background-size: cover;
  background-repeat: no-repeat;
}
	
a.totop2 {
	width:60px;
	height:60px;
}

a.totop3 {
	width:60px;
	height:60px;
}

.pc-view {display:block;}
.sp-view {display:none;}
	
}/* /768 */ 

@media print, screen and (min-width: 990px) {
	

.inner {
	width: 95%;
	position:relative;
	}
	
	#yasunde {
		display:block;
		width:142px;
		height:225px;
		position:absolute;
		right:0;
		top:80px;
		z-index:990;
	}
	
	.topimg {
	background:url(../img/mk.png) top left no-repeat;
	margin-top:50px;
	margin-bottom:50px;
}

.sl img {
	max-width:100%;
}
.sl2 img {
	max-width:70%;
        text-align: center;
}
.sl img.img100 {
	max-width:none;
	width:100%;
	float:none;
}
.sl2 img.img20 {
	max-width:none;
	width:100%;
}
	
.br {
	display:block;
	clear:right;
}
	
	

.infonews li {
	width:178px;
	height:280px;
	margin:0 15px 30px 0;
	float:left;
}
.infonews li:nth-child(5n) {
	margin:0 0 30px;
}



.banner li {
	width:186px;
	margin:0 5px 15px 0;
}
.banner li:nth-child(5n) {
	margin:0 0 15px;
}

.senpai span {
	display:inline-block;
}
.senpai span.name {
	font-size:24px;
}
.senpai img {
	float:right;
	max-width:160px;
}

	.post-thumbnail img {
		display:block;
		margin:0 auto;
	}



@media only screen and (min-width: 900px) {
	.instagram {
	overflow: hidden;
	width: 900px;
	margin: 30px auto 50px;
	position:relative;
}
.instagram a img {
	width:150px;
}



@media print, screen and (max-width: 1160px) {
	
#menu.sun {
	width:68%;
	margin-left:2%;
	margin-top:30px;
	float:none;
	display:inline-block;
	vertical-align: bottom;
}





@media only screen and (min-width: 1160px) {
	#menu li a{
  display: block;
  padding:65px 20px 0;
  color:#000;
  font-family: Montserrat, sans-serif;
  font-size:15px;
  letter-spacing: 2px;
  text-decoration:none;
  line-height:15px;
  overflow:hidden;
}
.navmargin {
	height:81px;
}
.navmargin.sun {
	height:140px;
}

.aisatu img {
	display:block;
	float:left;
	margin: 0 30px 30px 0;
}

}



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

.left {
	max-width:50%;
}
.right {
	max-width:50%;
}


/*blog*/
.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

      .main-inner .fauxcolumn-center-outer {
        left: 0;
        right: 0;
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: 100%;
      }

      .main-inner .fauxcolumn-right-outer {
        width: 100%;
      }

      .main-inner .column-left-outer {
        width: 100%;
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: 100%;
        margin-right: -$(main.column.right.width);
      }
	  
	  .post-body img {
		  width: 90%;
		  margin:10px 0;
	  }
	  
.entry-content iframe {
	width:90%;
	height:60%;
}




@media screen and (max-width: 768px) {
* { -webkit-text-size-adjust: none; }
/*blog*/
.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

.main-inner .columns {
        padding-left: 0;
        padding-right: 0;
      }

      .main-inner .fauxcolumn-center-outer {
        left: 0;
        right: 0;
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: 100%;
      }

      .main-inner .fauxcolumn-right-outer {
        width: 100%;
      }

      .main-inner .column-left-outer {
        width: 100%;
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: 100%;
        margin-right: -$(main.column.right.width);
      }
	  
	  .post-body img {
		  width: 90%;
		  margin:10px 0;
	  }

}/*640*/