/*
Theme Name: PARASHOOT PHOTO PRODUCTIONS
Author: YOU-STAFF Co.,Ltd
Description: PARASHOOT PHOTO PRODUCTIONS Website.
Version: 1.1.1
*/

@charset "utf-8";

/*------------------------
font
------------------------*/

@font-face {
   font-family: icon;
   src: url('css/fonts/icon.woff') format("woff");
}

.IconFontz{
	font-family:icon;
	font-weight:normal;
}

/*------------------------
base
------------------------*/

img { -ms-interpolation-mode: bicubic;}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.preloadImage{
	position: absolute;
	top: 0;
	left: 0;
	display:none;
	width: 0px;
	height: 0px;
	z-index: -1;
}

html {
	height: 100%;
	/*background:#eeeeee;*/
	font-size:18px;
}

body {
	-webkit-text-size-adjust: 100%;
	height: 100%;
	min-height: 100%;/**/
	vertical-align:bottom;
	font-family: "SF Pro JP","SF Pro Text","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
	background:none;
	line-height:1.8;
	color:#111111;
}

input{
	font-family: "SF Pro JP","SF Pro Text","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}

/*img{
	vertical-align:bottom;
}*/

object,embed{
	outline: none;
}
section,div{
	box-sizing: border-box;
}

hr{
	width:100%;
	border:1px solid #eeeeee;
	border-width:1px 0 0 0;
	margin:0;
}

hr.dot{
	background-image: linear-gradient(to right, #dddddd, #dddddd 1px, transparent 1px, transparent 4px);
	background-size: 5px 1px;
	background-position: top;
	background-repeat: repeat-x;
	border: none;
	height: 1px;

}

hr.sp50{
	border-width:0;
	height:50px;
	margin:0;
}

hr.article_under{
	border-width:0;
	height:1.6667em;
	margin:0;
}

#instaArea hr.article_under{
	border:none;
	margin:12px 0 0;
}

h1{
	font-size:300%;
	font-weight:600;
	color:#00a0e9;
}

.paraBlue{
	color:#00a0e9;
}

.small{font-size:80%;}

h1.endMaru{
	padding-left:0.8em;
}

h1#TitleLogo{
	padding: 0;
	font-size:0;
}

h1#TitleLogo img{
	width:33.3%;
	max-width:500px;
}

h2{
	font-size:180%;
	font-weight:600;
}

h3{
	font-size:140%;
	font-weight:600;
}

h4{
	font-size:120%;
	font-weight:600;
}

#Wrapper.teaser h4{
	font-size:150%;
	padding:1.5em;
	font-weight: normal;
	color: #999999;
}

h5{
	font-size:110%;
	font-weight:600;
}

h5 small{
	display:block;
	text-align:right;
}

small{font-size:10px; font-weight: normal;}

.borderType{
	border: #000000 1px solid;
	border-width: 0 0 1px;
	padding: 0.4em 0;
	line-height: 1.0;
}

h2 span {font-size: 60%; font-weight:normal; /*margin: 0 0 0 1em; white-space:nowrap;*/line-height:1.7; }

a:link,
a:visited{
	color:#00a0e9;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.anibar{
	position:relative;
	text-decoration:none;
	transition: 1.0s;
}

a.anibar:before{
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	display: inline-block;
	width: 0;
	height: 1px;
	background: #00a0e9;
	transition: 0.5s;
}

a.anibar:hover{
	text-decoration:none;
}

a.anibar:hover:before{
	width: 100%;
}

a img.OverZoomer{
  	transition: 3.0s;
}

a img.OverTransparent{
  	transition: 1.0s;
}

a:hover img.OverZoomer{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

a:hover img.OverTransparent{
	opacity:0.7;
}

span.bold{
	font-weight:bold;
}

li,div,p,section,header,footer{
	box-sizing:border-box;
}

.underline{
	text-decoration:underline;
}

/*------------------------
h
------------------------*/

.borderType {
	border: #00a0e9 1px solid;
	border-width: 0 0 0 0.333em;
	padding: 0.1em 0 0.1em 0.5em;
	line-height: 1.0;
}

/*------------------------
article
------------------------*/

/*.articleContent{padding:0 0 1.6777em;}*/

.articleContent{
	/*padding:0.8333em 1.6667em;*/
}

.articleContent img{
	width:auto;
	max-width:100%;
}

#pagenation{
	padding: 0 0 1.6777em;
}

#pageBack a:before{
	content: '前の記事：';
}

#pageForword a:before{
	content: '次の記事：';
}


/*------------------------
Loader
------------------------*/
#loader {
	position:fixed;
	top:0;
	left:0;
	display:table;
	width: 100%;
	height:100%;
	margin: 0;
	z-index:100;
	background:#eeeeee;
}

#loader .innnerContent{
	display:table-cell;
	text-align: center;
	vertical-align:middle;
}

#loader #loading_catch{
	width: 4.5em;
	margin: 0 auto;
	padding:0 0 1em;
	height:10em;
}

#loader #loading_logo{
	max-width:185px;
	margin: 0 auto;
	padding:0 50px 2em 49px;
}

#loader #loading_catch p{
	font-size:130%;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	text-align:left;
	white-space:nowrap;
}

#loader #loading_text{
	font-size:120%;
	padding:0 0 0.5em;
}


#loader #loading_loop,
#loader #loading_complete{
	max-width:200px;
	margin: 0 auto;
	padding:0 50px 1em;
}

#loader #loading_logo img,
#loader #loading_loop img,
#loader #loading_complete img{
	width:100%;
}

#bar {
	width: 100%;
	height: 2px;
	/*border:1px solid #111111;*/
	padding: 1px;
	margin-top: 10px;
	font-size: 1px;
}
#bar span {
	display: block;
	width: 0px;
	height: 2px;
	background: #999999;
}

/*------------------------
sector
------------------------*/

#Wrapper{
	position:relative;
	width:100%;
	margin:0 auto;
	background:#ffffff;
	overflow:hidden;
	padding:0 1em;
}

#Wrapper.teaser{
	position:relative;
	display:table;
	width:100%;
	height:80%;
}

#Wrapper .inner_box{
	position:relative;
	width:100%;
	max-width:100%;
	/*height:100%;*/
	text-align:left;
	/*vertical-align: middle;
	background-size: cover;*/
	margin:0 auto;
	padding:0 0.8333em;
}

#Wrapper.teaser .inner_box{
	display:table-cell;
	width:100vw;
	height:100%;
	text-align: center;
	vertical-align: middle;
	margin:0 auto;
}

.inner_box ul.tab_soroe{
	display:block;
	font-size:16px;
	width:24em;
	margin:1em auto;
}

.inner_box ul.tab_soroe li{
	display:inline-block;
	width:8em;
	text-align:left;
	height:auto;
}

.inner_box ul.tab_soroe li:nth-child(2n){
	width:16em;
}

/*------------------------
common
------------------------*/

.mgB06{margin-bottom:6px !important;}
.mgB12{margin-bottom:12px !important;}
.mgB18{margin-bottom:18px !important;}
.mgB24{margin-bottom:24px !important;}
.mgB30{margin-bottom:30px !important;}
.mgB36{margin-bottom:36px !important;}
.mgB50{margin-bottom:50px !important;}
.mgB60{margin-bottom:60px !important;}
.mgB100{margin-bottom:100px !important;}
.mgB1em{margin-bottom:1em !important;}
.mgB2em{margin-bottom:2em !important;}
.mgB3em{margin-bottom:3em !important;}

.Mg12e{margin:0.6667em 0;}
.Mg18e{margin:1em 0;}
.Mg24e{margin:1.3334em 0;}

.mgB06e{margin-bottom:0.3334em !important;}
.mgB09e{margin-bottom:0.5em !important;}
.mgB12e{margin-bottom:0.6667em !important;}
.mgB18e{margin-bottom:1em !important;}
.mgB24e{margin-bottom:1.3334em !important;}
.mgB30e{margin-bottom:1.6667em !important;}
.mgB36e{margin-bottom:2em !important;}

.mgTmenuH{padding: 79px 0 0;}

.paD00{padding:60px 0;}

.Center{margin:0 auto;}
.CenterMg12e{margin:0.6667em auto;}
.CenterMg18e{margin:1em auto;}
.CenterMg24e{margin:1.3334em auto;}

/*h3 span{
font-size:90%;
}*/

p{
	font-size:100%;
	/*font-weight:bold;*/
}

a:focus{outline: none;}

.marupading{
	padding-left:0.5em;
}

.annotation0{
	text-indent: 0em;
}

.annotation1{
	padding:0 0 0 1em;
	text-indent: -1em;
}

.annotation2{
	padding:0 0 0 2em;
	text-indent: -2em;
}

.annotation3{
	padding:0 0 0 3em;
	text-indent: -3em;
}

.annotation4{
	padding:0 0 0 4em;
	text-indent: -4em;
}

.annotation5{
	padding:0 0 0 5em;
	text-indent: -5em;
}

.annotation6{
	padding:0 0 0 6em;
	text-indent: -6em;
}

.annotation7{
	padding:0 0 0 7em;
	text-indent: -7em;
}

.annotation8{
	padding:0 0 0 8em;
	text-indent: -8em;
}

.annotation9{
	padding:0 0 0 9em;
	text-indent: -9em;
}

.annotation10{
	padding:0 0 0 10em;
	text-indent: -10em;
}

.annotation_sub,
.annotation_sub_end{
	padding:0 0 0 0.25em;
}

.annotation_sub:before{
	content:'　';
	width:1em;
	margin:0 0.25em 0 0;
	background:url('images/sub_tree.png') no-repeat -50px center;
}

.annotation_sub_end:before{
	content:'　';
	width:1em;
	margin:0 0.25em 0 0;
	background:url('images/sub_tree.png') no-repeat left center;
}

.Gothic{
	font-family: 'メイリオ','Meiryo','游ゴシック','Verdana','Osaka','ＭＳ Ｐゴシック',sans-serif;
	font-weight: normal;
}

.small{
	font-size:90%;
}

.red{
	color:#b30f00;
}

.bold{
	font-weight:bold;
}

.inlineblock{
	display:inline-block;
	/*padding: 0 2em 0 0;*/
	vertical-align:top;
}


/*------------------------
back2top
------------------------*/

#back2top{
	display:none;
	position:fixed;
	bottom:1em;
	right:1em;
	width:2.5em;
	/*margin-right:-15px;*/
	z-index:5;
}

#back2top a{
	display:block;
	background:#000000;
	opacity:1.0;
	border-radius:10em;
	opacity:0.4;
}

#back2top a:hover{
	opacity:0.7;
}

#back2top a img{
	width:100%;
}


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

header{
	display:block;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:4em;
	z-index:10;
	padding:0.5em 0;
	background: #00a0e9;
	border-width:0;
	box-sizing:border-box;
}

header h1{
	font-size:100%;
	font-weight: normal;
}

header #menu_logo{
	position:absolute;
	left:1.6667em;
	height:100%;
	width:auto;
	text-align:center;
	line-height:999;
	overflow:hidden;
}

header #menu_logo span{
	font-size:0;
}

header #menu_logo img{
	height:100%;
}

header #inner_item{
	position:relative;
	max-width:100%;
	margin:0 auto;
	height: 100%;
}

header #inner_item #logo_img{
	position:absolute;
	left:0;
}

header #inner_item #logo_img img{
	height:22px;
}


header #menu_list{
	width:100%;
	line-height:1.0;
	height:100%;
}

header #menu_list ul{
	display:table;
	padding: 0 1.6667em;
	margin: 0 0 0 auto;
	box-sizing:border-box;
	height:100%;
}

header #menu_list li{
	position:relative;
	display:table-cell;
	height:100%;
	vertical-align:middle;
	padding:0 0 0 1.5rem;
	fot-weight:bold;
}

header #menu_list li.facebook,
header #menu_list li.insta{
	font-size:0;
	font-family:icon;
	color:#ffffff;
}

.breakpoint{
	font-size:0;
	display:none;
}

header #menu_list li.facebook a:before{
	content:'\e903';
	font-size:1.5rem;
	background: none;
}

header #menu_list li.insta a:before{
	content:'\e901';
	font-size:1.5rem;
	background: none;
}

header #menu_list li.facebook a:hover,
header #menu_list li.insta a:hover{
	text-decoration:none;
	opacity:0.6;
}

header #menu_list first-child{
	padding:0;
}

header #inner_item #menu_icon{
	display:none;
	position:absolute;
	width:2em;
	height:2em;
	left:0.8333em;
	top: 10%;
	background-size:100%;
	cursor:pointer;
}

header #inner_item #menu_icon span{
	display: inline-block;
	background: #ffffff;
	width: 80%;
	height: 1px;
	position:absolute;
	vertical-align:middle;
	top: 50%;
  	transition: all 0.3s;
  	transform: rotate(0deg);
	margin:0 10%;
}

header #inner_item #menu_icon.open span{
	width: 100%;
	height: 1.5px;
	margin:0;
}

header #inner_item #menu_icon span.top{
  transform: translateY(-3px);
}

header #inner_item #menu_icon span.bottom{
  transform: translateY(3px);
}

header #inner_item #menu_icon.open span.top {
  transform: rotate(-45deg) translateY(0px);
}
header #inner_item #menu_icon.open span.bottom {
  transform: rotate(45deg) translateY(0px);
}


/*header #inner_item #menu_icon img{
	width:auto;
	height:100%;
}

header #inner_item #menu_icon.open{
	background:url('images/menu_icon.png') no-repeat left bottom;
	background-size:100%;
}*/

header #menu_list a:link,
header #menu_list a:visited{
	color:#ffffff;
}

header #menu_list a:before{
	background: #ffffff;
}


#header_under{
	height:4em;
}

/*------------------------
icons
------------------------*/

#icons{
	margin:0 auto;
	width:90px;
	border-radius:999px;
	overflow:hidden;
}

#icons ul{
	position:relative;
	display:table;
	width:100%;
}

#icons ul li{
	position:relative;
	display:table-cell;
	vertical-align:center;
	width:100%;
}

#icons ul li img{
	position:absolute;
    position: absolute;
    top: 1.5em;
    left: 0;
    right: 0;
    margin: auto;
	width:55%;
}

#icons ul li a span{
	position:absolute;
	bottom:0.8em;
	left:0;
	display:block;
	width:100%;
	text-align:center;
}

#icons ul li a:link,
#icons ul li a:visited{
	display:block;
	width:100%;
	height:100%;
	/*opacity:1.0;*/
	text-decoration:none;
	color:#ffffff;
	line-height:1.0;
	background: #7ecef4;
	box-sizing:border-box;
}

#icons ul li a:before{
  content:'';
  display:block;
  width:100%;
  height:0;
  padding-bottom:100%;
}

#icons ul li a:hover{
	background: #9ee0ff;
}

/*------------------------
SNS icons
------------------------*/

#sns_icons{
	width:70px;
	margin:0 auto;
	position: absolute;
	right: 5px;
	top: 7px;
}

#sns_icons ul{
	position:relative;
	display:table;
}

#sns_icons ul li{
	position:relative;
	display:table-cell;
	vertical-align:center;
	padding:0 9px 0 0;
}

#sns_icons ul li img{
	width:100%;
}

#sns_icons ul li#facebook img{
	position:relative;
	border-radius:4px;
}

#sns_icons ul li a:link{
	opacity:0.7;
}

#sns_icons ul li a:hover{
	opacity:1.0;
}

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

footer {
	position:relative;
	width:100%;
	padding:1.6667em 0 0.83334em;;
	text-align:left;
	border:#e0e0e0 1px solid;
	border-width:1px 0 0;
}

footer div{
	position:relative;
	max-width:100%;
	margin:0 auto;
	padding:0 1.6667em;
}

footer .inlineblock{
	display:inline-block;
	padding: 0 0.5em 0 0;
}

footer #site_logo{
	width:50%;
	max-width:360px;
	margin:0 auto 1em;
}

footer #site_logo img{
	width:100%;
}

/*footer a:link,
footer a:visited{
	color:#ffffff;
}*/

footer ul{
	max-width:100%;
	margin:0 auto;
	display:block;
	padding:0 1.6667em 0;
	box-sizing: border-box;
	text-align: center;
}

footer ul li{
	position: relative;
    display:inline-block;
	box-sizing: border-box;
	margin:0;
	text-align: left;
}

footer ul li.turningPoint{
    display:inline-block;
}

footer ul li a{
    white-space:nowrap;
}

footer ul li:before{
	content: '｜';
	padding:0 0.25em;
}

footer ul li:first-child:before{
	content: '';
	padding:0;
}

footer ul li.facebook,
footer ul li.insta{
	font-size:0;
	font-family:icon;
	color:#ffffff;
	vertical-align: middle;
	padding: 0 0.5rem 0;
}

footer ul li.facebook a,
footer ul li.insta a{
	color:#000000;
}

footer ul li.facebook a:hover,
footer ul li.insta a:hover{
	text-decoration:none;
	opacity: 0.6;
}


footer ul li.facebook a:before{
	content:'\e903';
	font-size:1.5rem;
	background: none;
}

footer ul li.insta a:before{
	content:'\e901';
	font-size:1.5rem;
	background: none;
}

footer ul li.breakpoint{display:block;}
footer ul li.breakpoint a {border: 0;}


footer p{
	font-size:100%;
}


/*footer div span{
	padding:0 0.5em 0;
}*/

footer .copyright{
	font-size:70%;
	font-weight: lighter;
	padding:0;
	text-align:center;
}

/*------------------------
Categories
------------------------*/

#Categories{
}

#Categories ul{
	margin: 0 -0.8333em;
	letter-spacing: -0.4em;
}

#Categories ul li{
	display:inline-block;
	width : 50% ;
	vertical-align: top;
	letter-spacing: normal;
}

#Categories ul li a{
	display:block;
	margin: 0 0.8333em 1.6667em;
	border:1px solid #e0e0e0;
	padding: 1em;
	color:#000000;
	min-height: 6.5em;
}

#Categories ul li a:hover{
	text-decoration:none;
}

#Categories ul li a h4{
	font-size:150%;
	font-weight:bold;
	line-height:1.4;
	padding: 0 0 0.25em;
	/*padding:0.8333em 0 0;*/
	color: #00a0e9;
}

#Categories ul li a h4 span{
	white-space:nowrap;
}

#Categories ul li a:hover{
	background:#c7e8fa;
}

#Categories ul li a img{
	display:block;
	width:100%;
}

#Categories ul li a.Square{
	letter-spacing: -0.4em;
}

#Categories ul li a.Square div{
	display:inline-block;
	width:50%;
	padding:0 0 0 1em;
	letter-spacing: normal;
}

#Categories ul li a.Square img{
	display:inline-block;
	width:50%;
	letter-spacing: normal;
}

#Categories ul li.pdf a{
	background:#e65c00;
}

#Categories ul li.pdf a:hover{
	background:#ff6600;
}

/*------------------------
content
------------------------*/

.mx960{
	max-width:960px;
	margin:0 auto;
}

.privacy_policy{
	padding:1em;
	border: 1px solid #e0e0e0;
}

.text_block,
.insta_box{
	text-align:center;
}

.text_block h1,
.insta_box h1,
.text_block h2{
	font-size:440%;
}

.text_block h3,
h3.font250{
	font-size:250%;
	/*font-weight:normal;*/
}

.text_block h4{
	font-size:210%;
	/*font-weight: normal;*/
	padding:0 0 1em;
}

.text_block h4 span{
	white-space:nowrap;
}

.text_block p,
.insta_box p.font16{
	font-size:135%;
	line-height:2.3;
}

.text_block p.menu_menu{
	padding: 0.5em 0 2.5em;
}

.text_block p.menu_menu img{
	vertical-align: middle;
	padding: 0 1em 4px 0;
}

.text_block p.concept span{
	display:block;
}

.switch {
    visibility: hidden;
}

.sub-content{
	max-width:800px;
	margin:0 auto 1.6667em;
}

.contact_text{
}

/*------------------------------
main_vj
------------------------------*/

#main_vj{
	position:relative;
}

#main_vj p.copyright{
	position:absolute;
	right:1em;
	bottom:0.5em;
	text-align: right;
	font-size: 9px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0,0,0,2);
}
}

/*---------------------
Catch
----------------------*/

#Wrapper section.Catch{
	width: 100%;
	text-align:center;
}

#Wrapper section.Catch p{
	width: 100%;
	max-width: 720px;
	margin:0 auto;
	text-align:left;
}

#Wrapper section.Catch h1{
	position: relative;
	font-size:300%;
	color:#111111;
	/*display:inline-block;*/
	line-height:1.4;
	padding-top: 0.5em;
	padding-bottom: 0.8em;
	padding-left: 3em;
	margin: 0 auto;
	/*width: 22em;
	max-width: 100%;*/
	text-align: center;
	box-sizing:border-box;
}

#Wrapper section.Catch h1 em{
	position: absolute;
	left:-6.5em;
	top: 50%;
	width: 6em;
	height: 6em;
	font-size: 50%;
	line-height: 1.2;
	background: url('/images/stomp.png') no-repeat center center;
	background-size: cover;
	padding: 1.8em 1em;
	/*border-radius: 999em;*/
	color: #ffffff;
	text-align: center;
	box-sizing:border-box;
	transform: translateY(-55%) rotate(-20deg);
}



#Wrapper section.Catch h1 span{
	position: relative;
	display:inline-block;
}

#Wrapper section.Catch h2{
	text-align:center;
	font-size:180%;
	color:#666666;
}

#Wrapper h1.ttl{
	padding:0.75em 0 0;
}

#nextButton01,
#nextButton02,
#nextButton03,
#nextButton04,
#nextButton05,
#nextButton06,
#nextButton07,
#nextButton08,
#nextButton09{
	position:absolute;
	top:0;
	right:0;
	width:5%;
	height:100%;
	cursor:pointer;
	text-align:right;
	opacity:0.5;
}

#nextButton01 img,
#nextButton02 img,
#nextButton03 img,
#nextButton04 img,
#nextButton05 img,
#nextButton06 img,
#nextButton07 img,
#nextButton08 img,
#nextButton09 img{
	position: relative;
	top:50%;
	left:0;
	margin:-25px 0 0;
	width:auto;
	height:50px;
}

#prevButton01,
#prevButton02,
#prevButton03,
#prevButton04,
#prevButton05,
#prevButton06,
#prevButton07,
#prevButton08,
#prevButton09{
	position:absolute;
	top:0;
	left:0;
	width:5%;
	height:100%;
	cursor:pointer;
	opacity:0.5;
}

#prevButton01 img,
#prevButton02 img,
#prevButton03 img,
#prevButton04 img,
#prevButton05 img,
#prevButton06 img,
#prevButton07 img,
#prevButton08 img,
#prevButton09 img{
	position: relative;
	top:50%;
	right:0;
	margin:-25px 0 0;
	width:auto;
	height:50px;
}

#prevButton01:hover,
#prevButton02:hover,
#prevButton03:hover,
#prevButton04:hover,
#prevButton05:hover,
#prevButton06:hover,
#prevButton07:hover,
#prevButton08:hover,
#prevButton09:hover,
#nextButton01:hover,
#nextButton02:hover,
#nextButton03:hover,
#nextButton04:hover,
#nextButton05:hover,
#nextButton06:hover,
#nextButton07:hover,
#nextButton08:hover,
#nextButton09:hover,{
	opacity:0.8;
}

/*------------------------------
block_content
------------------------------*/

.wide_block{
	display:block;
	width:100%;
	padding:0 0.8333em;
}

.half_block{
	display:inline-block;
	width:50%;
	padding:0 0.8333em 1.6667em;
	vertical-align: top;
}

.half_block ul{
	display:block;
	padding:0.8333em 0;
}

.half_block ul li{
	line-height:1.5;
	padding:0 0 0.5em;
}

.half_block ul li:last-child{
	padding:0;
}

.half_block #FB_wrap,
.three_block #FB_wrap{
	padding:0.8333em 0 0 0;
	text-align: center;
}

.grey_block{
	background:#f5f5f5;
	padding:2em;
	box-sizing:border-box;
}

.seven_block{
	display: inline-block;
	width: 70%;
	vertical-align: top;
	padding: 0 0.8333em;
}

.three_block{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	padding: 0 0.8333em;
}

.full_width{
	width:100%;
}

.full_width img{
	width:100%;
}

.articleContent .issue,
.articleContent .issueSP{
	background: #00a0e9;
	display: inline-block;
	padding: 0.5em 1.25em;
	color:#ffffff;
	font-weight: bold;
}

.articleContent .issueSP{
	display: none;
}

.articleContent .issue em,
.articleContent .issueSP em{
	font-size:150%;
	font-weight: bold;
}

.articleContent .Attention{
	background:#c7e8fa;
	padding:0.25em 0.5em;
}

.articleContent ol.decimal li{
	list-style: decimal;
	margin-left: 1.5em;
}

.articleContent ul.disc li{
	list-style: disc;
	margin-left: 1.5em;
}

.block{
	display:block;
}

.inlineblock{
	display:inline-block;
}

.inquiry p{
	margin-bottom: 1.5em;
}

.inquiry input{
	display: block;
	margin: 5px auto;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
}

.inquiry input[type=radio],
.inquiry input[type=checkbox] {
	display: inline-block;
	margin-right:0.5em;
	width: auto;
	box-sizing: border-box;
	padding: 5px 10px;
}

.inquiry textarea{
	display: block;
	margin: 5px auto;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
}

.inquiry select{
	display: block;
	margin: 5px auto;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 10px;
}

.screen-reader-response,
.wpcf7-response-output{
	font-size: 150%;
	text-align: center;
	margin: 0 0 1em;
}

.wpcf7-not-valid-tip{
	color: #e50000;
}

.screen-reader-response ul li{
	font-size: 66.6%;
	text-align: left;
	margin: 0 0 0.5em;
	color:#e50000;
}

/*------------------------
Scrollable-gallery
------------------------*/

.Scrollable-gallery {
	overflow-x: scroll;
	overflow-y: hidden;
	height: auto;
	padding: 0;
	padding-bottom: 2em;
	/*margin: 0 1em;*/
	-webkit-overflow-scrolling: touch
}

.Scrollable-gallery ul {
	margin: 0 -1em;
	width: 100%;
	white-space: nowrap;
	letter-spacing:-0.4em;
}

.Scrollable-gallery ul li,
.Scrollable-gallery ul div{
	display: inline-block;
	/*cursor: pointer;*/
	min-width: 200px;
	min-height: 200px;
	max-width: 240px;
	max-height: 323px;
	padding: 0 1em;
	vertical-align: middle;
	width: auto;
	letter-spacing:normal;
}

/*.Scrollable-gallery ul li:first-child{
	padding-left: 0;
}

.Scrollable-gallery ul li:last-child{
	padding-right: 0;
}*/

.Scrollable-gallery ul li.landscape,
.Scrollable-gallery ul div.landscape{
	max-width: 300px;
}

.Scrollable-gallery ul li img,
.Scrollable-gallery ul div img{
	max-width: 100%;
	max-height: 100%;
}

.Scrollable-gallery ul li p,
.Scrollable-gallery ul div p{
	display:none;
	text-align: right;
	font-size: 9px;
	color: #ffffff;
	margin: -18px 5px 0 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,2);
}

.Scrollable-gallery ul li::after,
.Scrollable-gallery ul div::after{
	content:'\0a9 PARASHOOT PHOTO PRODUCTIONS';
	display:block;
	text-align: right;
	font-size: 9px;
	color: #ffffff;
	margin: -18px 5px 0 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,2);
}

.Scrollable-gallery ul li.loadImage,
.Scrollable-gallery ul div.loadImage{
	background:url(images/loading.gif) no-repeat center center;
}

.Scrollable-gallery ul li.loadImage img,
.Scrollable-gallery ul div.loadImage img{
	display:none;
}

/*------------------------
index_list
------------------------*/

.index_list{
	/*margin: 0 1em;*/
}

.index_list ul{
	margin: 0 -1em;
	display: block;
	padding: 0 0 1em;
}

.index_list ul li{
	position:relative;
	display:inline-block;
	width:20%;
	box-sizing: border-box;
	padding: 0 1em 0 5.5em;
	min-height:4em;
	margin: 0 0 1em;
	vertical-align: top;
}

.index_list.noIcon ul li{
	padding: 0 1em 0 2.5em;
}

.index_list.noIcon ul li:before{
	content:'●';
	display:block;
	position:absolute;
	left:1em;
	color:#c7e8fa;
}

.index_list ul li a{
	display:block;
}

.index_list ul li a img{
	position:absolute;
	top:0;
	left:1em;
	width:4em;
}

.descript_list{
	/*margin: 0 1em;*/
	/*max-width: 800px;*/
	margin: 0 auto;
}

.descript_list h3{
	color:#00a0e9;
}

.descript_list ul{
	/*margin: 0 -1em;*/
	display: block;
}

.descript_list ul li{
	position:relative;
	display:inline-block;
	width:100%;
	box-sizing: border-box;
	padding: 0 0 1em 16em;
	margin: 0 0 1em;
	min-height:16em;
}

.descript_list ul li img{
	position:absolute;
	top:0;
	left:0;
	width:15em;
}

/*------------------------
pulldown
------------------------*/


dl.category_list {
	position:relative;

}

dl.category_list dt {
	padding: 1em;
	background:#c7e8fa;
	line-height:1.0;
}

dl.category_list dt:before {
	position: absolute;
	content: '＋';
	right: 1em;
	text-align: right;
}

dl.category_list dt.open:before {
	content: '－';
}

dl.category_list dd {
	position: absolute;
	top:100%;
	left:0;
	background:#ffffff;
	width:100%;
	border:1px solid #c7e8fa;
	box-sizing:border-box;
	z-index:10;
}


.category_list ul{
}

.category_list ul li{
	position:relative;
	margin: 0;
	border:1px solid #c7e8fa;
	border-width:1px 0 0 0;
}

.category_list ul li a{
	display:block;
	box-sizing: border-box;
	padding: 1em 1em 1em 2.0em;
}

.category_list ul li:before{
	content:'●';
	display:block;
	position:absolute;
	top:50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	left:1.5em;
	color:#c7e8fa;
	font-size:60%;
}

/*------------------------
slick
------------------------*/

.slick-slide img {
  width: 100%;
}

/*------------------------
accordion
------------------------*/

dl.accordion dt{
	position:relative;
	background: #cce1e8;
	border: #cccccc solid 1px;
	border-width: 0 0 1px;
	padding: 0.8333em 1.6667em;
}

dl.accordion_false dt{
	position:relative;
	background: #f8f8f8;
	border: #cccccc solid 1px;
	border-width: 0 0 1px;
	padding: 0.8333em 1.6667em;
}

dl.accordion dt.open{
	background: #e8cccc;
}

dl.accordion dt span{
	font-size:90%;
}

dl.accordion dt:before{
	position:absolute;
	content:'＋';
	top: 0.8333em;
	right: 0.8333em;
	text-align: right;
}

dl.accordion dt span.ttl{
	font-size:100%;
}

dl.accordion dt.open span.ttl{
	font-size:120%;
	font-weight:bold;
}

dl.accordion dt.open:before{
	content:'－';
}

dl.accordion dd{
	position:relative;
	border: #cccccc solid 1px;
	border-width: 0 0 1px;
	padding: 0.8333em 0;
}

dl.accordion dd h3,
dl.accordion_false dd h3{
	font-size:100%;
	padding: 0.8333em 0 1.6667em;

}

dl.accordion dd .alert-info h3{
	padding: 0.8333em 0 0;
}

dl.accordion dd .alert-info li{
	list-style: decimal;
	margin: 0 0 0 1.5em;
	font-size:90%;
}

.acc_wide_img{
	width:100%;
	padding: 0.8333em 0;
}

.acc_wide_img img{
	width:100%;
}

.acc_in_tbl{
	display:table;
	width:100%;
	font-size: 90%;
}

.acc_in_cell{
	display:table-cell;
	padding:0 0 0 1.6667em;
	box-sizing:border-box;
	vertical-align:top;
}

.demonstrator_name{
	font-size:180%;
	font-weight:bold;
}

.demonstrator_name span{
	font-size:80%;
	font-weight:normal;
}

.introduction{
	padding:0 0 0.8333em;
}

.emphasisBlock{
	background:#dff0d8;
	border-radius:1em;
	padding:1.6667em;
}

a.SubmitButton{
	display:block;
	width:10em;
	background:#b20f00;
	padding:1em;
	border-radius:10em;
	font-size:130%;
	/*font-weight:bold;*/
	color:#ffffff;
	line-height:1.0;
	text-align:center;
	vertical-align:bottom;
	cursor:pointer;
}

a.SubmitButton_false{
	display:block;
	width:10em;
	background:#aaaaaa;
	padding:1em;
	border-radius:10em;
	font-size:130%;
	/*font-weight:bold;*/
	color:#ffffff;
	line-height:1.0;
	text-align:center;
	vertical-align:bottom;
}

a.DownloadButton{
	display:block;
	width:10em;
	background:#e65c00;
	padding:1em;
	border-radius:10em;
	font-size:130%;
	/*font-weight:bold;*/
	color:#ffffff;
	line-height:1.0;
	text-align:center;
	vertical-align:bottom;
}

a.w75per{
	width:75%;
	min-width:14em;
	max-width:30em;
}

a:hover.SubmitButton{
	text-decoration:none;
	background:#cc1100;
}

a:hover.SubmitButton_false{
	text-decoration:none;
}

a:hover.DownloadButton{
	text-decoration:none;
	background:#ff6600;
}

a.arw{
	position:relative;
	display:inline-block;
	padding:0;
	line-height:2.0;
	vertical-align: bottom;
}

a.arw:after{
	/*position:absolute;
	right:0;
	top:0;
	color:#ffffff;
	background:#00a0e9;
	border-radius:9999px;
	display:block;
	width:2em;
	height:2em;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	box-sizing:border-box;
	padding:0 0 0 2px;*/
	content:' ＞';
}

a.Arrow{
	position:relative;
	padding:0 0 0.5em 1.25em;
	vertical-align: bottom;
	text-indent: 0;
	line-height:1.25;
}

a.Arrow:before{
	content:'';
	position:absolute;
	display:block;
	top:0em;
	left:0;
	/*transform: translateY(-50%);*/
	border-top: 0.5em solid transparent;
	border-right: 0;
	border-bottom: 0.5em solid transparent;
	border-left: 0.833em solid #00a0e9;
}

.school_map{
	width:25%;
}

.school_map img{
	display:block;
	width:auto;
	max-width:100%;
	max-height:200px;
	border:#cccccc solid 1px;
	box-sizing:border-box;
	margin:0 auto;
}

.school_description{
	width:75%;
}

.school_description .annotation6,
.school_description .annotation9,
.school_description .annotation10{
	position:relative;
	text-indent: 0;
}

.school_description span{
	white-space:nowrap;
	padding:0 1em 0 0;
}

.school_description span.bold{
	position:absolute;
	left:0;
	display:block;
}

.school_description span.bold:after{
	content:'：';
}

/*---table---*/

.table-responsive {
	/*min-height: .01%;
	overflow-x: auto;*/
}

.table-responsive hr{
	border: 1px solid #ddd;
	border-width:1px 0 0 0;
	height:1em;
}

.table-responsive hr.dot{
	border: 1px dotted #ddd;
	border-width:1px 0 0 0;
}

.table-responsive .table {
	width: 100%;
	max-width: 100%;
	/*margin-bottom: 20px;*/
}

.table-responsive .inner_table td{
	padding: 0 0 0.5em;
}

.table-responsive .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.table-responsive .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
	background-color: #f5f5f5;
}

.table-responsive .small,
.table-responsive small{
	font-size: 85%;
}

.table-responsive .bold{
	font-weight: bold;
}

.table-responsive .text-nowrap {
	white-space: nowrap;
}

th.title{width:5em;}

.table-responsive .table > tbody > tr > td.respo1em{
	width:3em;
	padding-right:0;
}

.table-responsive .table > tbody > tr > td.w8em{
	width:8em;
	padding-right:0;
}

.table-responsive h4.purpose{
	font-size:100%;
	padding: 8px;
	line-height: 1.0;
	vertical-align: top;
	border: 1px solid #ddd;
	border-width: 1px 0 1px;
	background-color: #f5f5f5;
	margin:0 0 0.8333em;
}

/*------------------------
Choose
------------------------*/

.ChooseLesson li{
	position:relative;
	border: #cccccc solid 1px;
	border-width: 0 0 1px;
	padding: 0.8333em 1.6667em;
}

.ChooseLesson li h5{
	display:inline-block;
	font-weight:normal;
	padding:0 1em 0 0;
}

.ChooseLink{
	display:inline-block;
}

.ChooseLink a{
	display:inline-block;
	background:#e5f0f3;
	padding:0 1em;
	border-radius:2em;
	font-size:80%;
	box-sizing:border-box;
}

.ChooseLink a:hover{
	text-decoration:none;
	background:#cce0e5;
}


.ChooseLink span.or{
}


/*------------------------
Company
------------------------*/

#Company li .annotation5{
	position:relative;
	text-indent: 0;
	padding:0 0 0 6.5em;
}

#Company li .annotation6{
	position:relative;
	text-indent: 0;
}

#Company li .annotation7{
	position:relative;
	text-indent: 0;
}

#Company li span.news_date{
	position:absolute;
	left:0;
	display:block;
	white-space:nowrap;
	padding:0 1em 0 0;
	font-weight: bold;
}


/*------------------------
about
------------------------*/

section#About div,
section.SWitCH div{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0;
	font-size:0;
	line-height:0;
}

section.SWitCH div{
	max-width:1100px;
}

section#About div img,
section.SWitCH div img{
	width:100%;
}

/*------------------------
reservation
------------------------*/

a.reservation_button{
	display:block;
	max-width:343px;
	margin:0 auto;
	padding:0 3em;
}

a.reservation_button img{
	width:100%;
}

/*------------------------
Banners
------------------------*/

#Banners ul{

}

#Banners ul li{
	display:inline-block;
	width:25%;
}

#Banners ul li a{
	display:block;
	margin: 0 0.8333em 1.6667em;
}

#Banners ul li a img{
	width:100%;
}


/*------------------------
insta
------------------------*/

section .insta_content{
	width:100%;
	margin:0 auto 1.6667em;
}

.instaArea{
	text-align:left;
	font-weight: lighter;
	padding:2em 0 0;
}

.instaArea a:hover{
	text-decoration:none;
}

div.ovfhd{
	width:100%;
	overflow:hidden;
}

.instaTxt{
	text-align:left;
	padding:1em;
	font-size:12px;
}

section .insta_content div img{
	width:100%;
}

p.insta_img{
	overflow:hidden;
}

time.insta_list_date {
	display: block;
	padding: 10px 20px 5px 20px;
}

.pl20 {
	padding-left: 20px;
}

.pr20 {
	padding-right: 20px;
}

/*------------------------
english
------------------------*/

.imgSplitter{
	display:table;
	position:relative;
	/*padding-left: calc(25% + 1.5em);*/
}

.imgSplitter .SplitImg{
	/*position:absolute;*/
	display:table-cell;
	width:25%;
}

.imgSplitter .SplitImg img{
	width:100%;
}

.imgSplitter .SplitTxt{
	/*position:absolute;*/
	display:table-cell;
	width:75%;
	padding:0 0 0 2em;
}

.imgSplitter .SplitImg p {
	display: none;
	text-align: right;
	font-size: 9px;
	color: #ffffff;
	margin: -18px 5px 0 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,2);
}

.imgSplitter .SplitImg::after{
	content:'\0a9 PARASHOOT PHOTO PRODUCTIONS';
	display:block;
	text-align: right;
	font-size: 9px;
	color: #ffffff;
	margin: -18px 5px 0 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,2);
}

div.CopyRight::after{
	content:'\0a9 PARASHOOT PHOTO PRODUCTIONS';
	display:block;
	text-align: right;
	font-size: 9px;
	color: #ffffff;
	margin: -18px 5px 0 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,2);
}

/*------------------------
modal
------------------------*/

#modal{
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:100;
	padding:2em;
}

#modal_body{
	position:relative;
	width:80%;
	height:100%;
	max-width:1024px;
	margin:0 auto;
	background:#ffffff;
	border-radius:2em;
	padding:2em;
}

#modal_body .modal_close{
	position:absolute;
	right:2em;
	top:2em;
	width:2em;
	height:2em;
}

#modal_body .modal_close a{
	display:block;
	cursor:pointer;
}

#modal_body .modal_close a img{
	width:100%;
}

#modal_body .modal_close a:hover{
	opacity:0.6;
}

#modal_body .mgTmenuH{
	padding:1em 0 0;
}

#modal_body .caution{
	padding:0 0 2em;
}

#modal_body .caution img{
	display:block;
	height:7em;
	margin:0 auto;
	padding:0 0 1em;
}

#modal_body .caution h2 {
	line-height: 1.0;
	text-align:center;
}

#modal_body h1 {
	line-height: 1.0;
	font-size: 200%;
	padding: 0.5em 0;
	/*border: 1px solid #000;
	border-width: 0 0 1px;
	margin: 0 0 0.8333em;
	text-align:center;*/
}

#modal_body #kiyakuBox{
	height: calc(100% - 19.7em);
	width:100%;
	margin:0 0 0.8333em;
	border: 1px solid #aaaaaa;
}

#modal_body #kiyakuBox .scroller{
	height:100%;
	width:100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	padding:1em;
	background:#faf5f5;
}

#modal_body #kiyakuBox .scroller hr{
	border: 1px solid #cccccc;
	border-width: 1px 0 0 0;
	margin: 0.5em 0;
}

#modal_body #kiyakuBox .scroller hr.Mg{
	margin: 1.6667em 0;
}

#oubo_check{
	text-align:center;
	padding: 0.8333em 0;
}

#submit_true{
	display:none;
}

#submit_true input{
	display:block;
	width:75%;
	min-width:10em;
	background: #b20f00;
	padding: 1em;
	border-radius: 10em;
	font-size: 130%;
	/* font-weight: bold; */
	color: #ffffff;
	line-height: 1.0;
	text-align: center;
	vertical-align: bottom;
	border:none;
	margin:0 auto;
	cursor:pointer;
}


#submit_false{
	display:block;
	width:75%;
	min-width:10em;
	background:#aaaaaa;
	padding:1em;
	border-radius:10em;
	font-size:130%;
	/*font-weight:bold;*/
	color:#ffffff;
	line-height:1.0;
	text-align:center;
	vertical-align:bottom;
	margin:0 auto;
}

/*------------------------
response
------------------------*/

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

@media screen and (min-width: 1280px) {
	/*html{font-size:18px;}*/
	#Wrapper .inner_box,
	header #inner_item,
	header #menu_list ul,
	footer div,
	footer ul{max-width:1280px;}
	#Wrapper section.Catch p{max-width: 800px;}
	.table-responsive {font-size: 80%;}
	header #menu_logo{left:0.8333em}
	header #menu_list ul{padding: 0 0.83333em;}
	/*--teaser--*/
	#Wrapper.teaser{font-size:14px;}
}

@media screen and (max-width: 1279px) {
	html{font-size:16px;}

	/*--teaser--*/
	#Wrapper.teaser{font-size:14px;}
}

@media screen and (max-width: 1200px) {
	html{font-size:14px;}
	.index_list ul li{width:25%;}
}

@media screen and (max-width: 1024px) {
	html{font-size:12px;}
	/*header #menu_langage{right:6.5em;}*/
	/*#main_vj:before{padding-top: 56.25%;}*/
	#main_vj .Catch h1 img{width: 100%;}
	#sub_vj {margin: 69px 0 0;}
	.mgTmenuH {padding: 69px 0 0;}
	.index_list ul li{width:33.333%;}


#Wrapper section.Catch h1{
	max-width: 14em;
	text-align: left;
	box-sizing:border-box;
}

#Wrapper section.Catch h1 em{
	transform: translateY(-30%) rotate(-20deg);
}

/*.imgSplitter{padding-left: calc(300px + 1.5em);}*/
.imgSplitter .SplitImg{width:300px;}

}

@media screen and (max-width: 800px) {
	.wide_block{padding:0;}
	.half_block{width:100%; padding:0 0 1.6667em;}
	#main_vj .Catch{width: 90%;}
	#sub_vj {margin: 59px 0 0;}
	.mgTmenuH {padding: 59px 0 0;}
	footer {padding: 0.8334em 0;}
	footer ul{padding:0 0.8334em 0.8334em;}
	footer div{padding:0 0.8334em;}
	h2 span {display:inline-block; }
	#back2top{right:1em;}
	#Banners ul li{width: 33.33333%; width: -webkit-calc(100% / 3); width: calc(100% / 3);}
	.seven_block,.three_block{width: 100%;}
	#Categories ul li {width: 50%;}
	.half_block ul{padding:0.8333em 0.8333em 0;}

	/*.imgSplitter{padding-left: 0;}*/
	.imgSplitter .SplitImg{display:block; width:auto; max-width:640px; padding:0 0 1em; margin: 0 auto;}
	.imgSplitter .SplitTxt{display:block; padding:0;}
}
@media screen and (min-width: 769px) {
	header #menu_list{display:block;}
}

@media screen and (max-width: 768px) {
	a:link,a:visited,a:hover{transition: 0s;}
	header #menu_logo{left: 50%; margin-left: -3.25em;}
	header #inner_item #menu_icon{display:block;}
	header #menu_list{position:absolute; display:none; top:3.5em; height:auto;}
	header #menu_list ul {margin:0 atuo; padding:1.666em 2.5em 2.5em; width: 100%; height:100vh; background: rgba(199, 232, 250, 1);}
	header #menu_list li { display:inline-block; font-size: 120%; padding: 0; width: 100%; height:auto;}
	header #menu_list a {display:block; padding: 0.8333rem 0; border:rgba(0, 0, 0, 0.5) 1px solid; border-width:0 0 1px;}
	header #menu_list li.facebook,header #menu_list li.insta {width:auto;}
	header #menu_list li.facebook a,header #menu_list li.insta a {display:inline-block; padding: 0.8333rem 0.8333rem 0.8333rem 0; border:none; border-width:0;}
	header #menu_list li.facebook a:before,header #menu_list li.insta a:before{font-size:2rem;}
	a.anibar:before{display:none;}
	/*header #menu_list a:before {content:"■"; color:#00a0e9; padding-right:0.5em;}*/
	header #menu_list a:link, header #menu_list a:visited {color: #111111;}
	header #menu_list a:hover {text-decoration:none; opacity:0.6;}
	/*header #menu_list a:hover:before {color:#ffffff;}*/
	#Categories ul li a.Square img{width: 100%;}
	#Categories ul li a.Square div{width: 100%;padding: 1em 0 0;}
	footer ul span.turningPoint{display:block;}
	footer ul{padding:0.8333em 2em 1.666em;}
	footer ul li{width:100%;}
	footer ul li:before{display:none;}
	footer ul li a{display:block; padding: 0.8333em 0; border:rgba(0, 0, 0, 0.25) 1px solid; border-width:0 0 1px;}
	footer ul li a:hover{text-decoration:none; opacity:0.6;}
	footer ul li.facebook,footer ul li.insta {width:auto; padding:0;}
	footer ul li.facebook a,footer ul li.insta a {display:inline-block; padding: 1.6666rem 0.5rem 0; border:none; border-width:0;}
	footer ul li.facebook a:before,footer ul li.insta a:before{font-size:2rem;}

	/*--teaser--*/
	h1#TitleLogo img{width:66.6%;}
	#icons{width:70px;}
	#icons ul li img{top: 1.2em;}
	#icons ul li a span{bottom:0.7em;}

	.articleContent .issue{display:inline-block; /*text-align:center;*/}
	.imgSplitter .issue{display:none;}
	.imgSplitter .issueSP{display:inline-block;;}
}

@media screen and (max-width: 640px) {
	/*#main_vj:before{padding-top: 75%;}*/
	#main_vj .Catch h1{width: 80%;}
	.acc_in_cell{display:block; padding:0;}
	.school_map{width:100%; padding:0 0 0.6667em;}
	.school_description{width:100%;}
	a.SubmitButton{	width:75%; min-width:14em; max-width:30em; margin:1em auto;}
	.introduction{text-align:center;}
	.ChooseLesson li{padding:0.8333em 0;}
	#Wrapper section.Catch h2{text-align:left;}
	.index_list ul li{width:50%;}
	.onlyPC{display:none !important;}
	.onlySP{display:block !important;}
}

@media screen and (max-width: 480px) {
	/*#main_vj:before{padding-top: 100%;}*/
	#sub_vj {margin: 49px 0 0;}
	.mgTmenuH {padding: 49px 0 0;}
	.ChooseLesson li h5{display:block; padding:0 0 0.3333em;}
	.ChooseLink{display:block;}
	#Banners ul li{width:100%;}
	#Banners ul li a{margin: 0 0 0.8333em;}
	/*.articleContent{padding: 1.6667em 0;}*/
	#sub_vj .trim_box h1 p{bottom:0.333em; font-size:200%; color:#a41914; mix-blend-mode: normal;}
	#modal_body{border-radius: 1em;}
	#Categories ul li {width: 100%;}
	#Company li .annotation5{padding:0;}
	#Company li .annotation5 span{position:relative;}
	#Categories ul li {width: 100%;}
	#Wrapper section.Catch h1{font-size: 260%;}


.descript_list ul li{
	padding:0 0 2em;
}

.descript_list ul li img{
	position:relative;
	top: 0;
	left: 0;
	width: 100%;
}

.descript_list h3{
	padding:1em 0 0;
}

	/*--teaser--*/
	h1#TitleLogo img{width:75%;}
	#icons{width:60px;}
	#icons ul li img{top: 1.0em;}
	#icons ul li a span{bottom:0.5em;}
}

@media screen and (max-width: 400px) {
	/*#main_vj:before{padding-top: 133.3%;}*/
	#sub_vj{margin: 39px 0 0;}
	.mgTmenuH{padding: 39px 0 0;}
	/*th.title.respo1em,.respo1em{width:1em !important;}*/
	.ChooseLink span.or{display:none;}
	.ChooseLink a{display:block; width:90%; text-align:center; margin:0 auto 0.5em; padding:0.5em 1em;}
	#Wrapper section.Catch h2{font-size:125%;}
	.index_list ul li{width:100%;}
	#Wrapper section.Catch h1{font-size: 240%;}

}

@media screen and (max-width: 360px) {
	dl.accordion dt span.spBlock{display:block;}
	#sub_vj .trim_box h1 p{font-size:160%;}

	/*--teaser--*/
	h1#TitleLogo img{width:85%;}

	#Wrapper section.Catch h1{font-size: 200%;}

}