@charset "utf-8";
main img{
	width: 100%;
}
html,body{
	height:100%;
	color: #666 !important;
}

.pc-none{
	display: none;
}

.r_small {
    font-size: 70%;
    line-height: 1em;
    vertical-align: baseline;
}

.small{
	font-size: 90%;
}

.ta-c{
	text-align: center;
}

.ta-r{
	text-align: right;
}

.mb-0{
	margin-bottom: 0;
}

.mb-20{
	margin-bottom: 20px;
}

.mt-20{
	margin-top: 20px;
}

.font-s_130{
	font-size: 130%;
}

.border-box{
	font-size: 90%;
	border: dotted 1px #ccc;
	padding: 20px 20px 0 20px;
	color: #666;
}


.blue-btn{	
	text-align: center;
}

.blue-btn a{
	background: #45bcd2;
	border-radius: 5px;
	width: 50%;
	display: inline-block;
	padding: 10px;
	text-decoration: none;
	color: #fff;
	font-size: 150%;

}

/*言語切替*/
.header_global{
	display: none;
}

/*メインビジュアル*/
.main-visual{
	padding-top: 201px;
	position: relative;
	background: url(/view/promotion/fr/summerlesson/img/kv_old.png) no-repeat  top -10px center;
	background-color: #45bcd2;
	margin-top: -50px;
	/*background-size:100%*/
}

/*クローム用調整*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.main-visual{
	padding-top: 250px;
	}
}

.main-visual img{
	width: 90%;
}

.main-visual h1{
    padding-left: 30px !important;
    align-self: flex-end;
	margin-bottom: 0;
}



.main-visual h2{
   align-self: flex-end;
   
}

.main-visual-inner{
	max-width: 1160px;	
	margin: 0 auto;
	position: relative;
}

.h1-h2{
	max-width: 1160px;	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

}



.social{
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
   
    position: absolute;
    right: 10px;
    top: -140px;
 
}

/*クローム用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.social{
	 top: -190px;
	}
}
.facebook{
	margin-right: 10px;
}


/*ﾛｰｶﾙﾅﾋﾞ*/

.local-nav img{
	width: 70%;
}
.local-nav {
	background: #005b9c;
}
.local-nav ul{
	max-width: 1160px;
	margin: 0 auto !important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	padding-top: 5px;
}

.local-nav ul li{
	text-align: center;
}

.local-nav ul li:after{
    content: "";
    position: absolute;
	top:8px;
    display: inline-block;
    width: 1px;
    margin-left: 46px;
    height: 80%;
    background: #68bcd1;
    -webkit-transform: skew(-20deg, 0deg);
    transform: skew(-20deg, 0deg);
}

.local-nav ul li:first-child:before,
.local-nav ul li:last-child:after{
	content:none;
}

/*グレイ背景*/
.gray{
	background: #eceff6;
}



/*ブルー背景*/
.blue{
	background: #45bcd2  url(/view/promotion/en/summerlesson/img/dot.png);	
	color: #fff;
}

.blue a{
	color: #fff;
}


/*白背景*/

.white{
	background: #fff;
	color: #45bcd2;
}

.white a{
	color: #45bcd2;
	/*text-decoration: none;
	border-bottom: dotted 1px #45bcd2;*/
}

/*背景の中身*/
.wrap-inner{
	max-width: 1080px;
	margin: 0 auto;
	padding: 40px;
	
}


/*イントロ*/
.intoro{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 120%;
	line-height: 1.6em;
	
}

.intoro.wrap-inner {
}

.intoro div:first-child{
	width: 900px
}

 .intoro .border-box{
	font-size: 90%;
	border: dotted 1px #ccc;
	padding: 20px 20px 0 20px;
	color: #666;
}

.intoro-img{
	width: 60%;
	margin-bottom: -40px;
	align-self: flex-end;
}



/*キャラクター*/
.chracter{
	padding-bottom: 0;
}
.chracter h2 img,
.chracter h3 img{
	width: 32%;
}
.chracter h2{
	border-bottom:  1px solid #fff;
	padding-bottom: 10px;
	text-align: center;

}

.chracter h3{
	text-align: center;
	padding-top: 10px !important;
	margin-bottom:1em !important;
}


.chracter h4{
	font-size: 140%;
	margin: 20px 0	;
	color: #fff;
}

.chracter .border-box{
	border: dotted 1px #fff;
	padding: 20px;
	color:#fff !important;
}


.chracter .lead{
	margin-top: 20px;
	font-size: 100% !important;
}
/*動画*/

.popup-iframe img:hover{
	
	outline:  solid 3px #fff;
	
	
}


.movie h4{
	font-size: 140%;
	margin: 20px 0	;
	color: #fff;
}

.movie h2 img{
	width: 32%;
}

.movie h2{
	text-align: center;
	border-bottom:  1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 30px !important;
	
}


/*2カラム*/
.colum-2{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.colum-2 div{
	width: 45%;
	
}


/*サマーレッスンとは*/

.about{
	font-size: 120%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.about div:first-child{
	width: 60%;
}
.about div:first-child h2{
	margin-bottom: 20px !important;
}
.about div:first-child h2 img{
	width: 70%;
}
.about-img{
	width: 35%;
	text-align: left;
}

.about .small{
	text-align: center;
}
/*賞品*/
.shouhin h2{
	margin-bottom: 20px !important;
}
.shouhin h2 img{
	width: 15%;
}
.shouhin table{
	width: 100%;
	border: solid 2px #45bcd2;
	background: #fff;
	
}

.shouhin table td{
	padding: 30px;
	border: solid 2px #45bcd2;
	text-align: center;
}

.shouhin table td img{
	
}



/*応募作品-*/

.sakuhin h2{
	margin-bottom: 20px !important;
	padding-top: 80px !important;
	margin-top: -80px!important;
}


.sakuhin h2 img{
	width: 40%;
}

.coming{
	color: #999 !important;
}

.list-twitter{
	border: solid 1px #45bcd2;
	padding: 20px;
 }

.list-fb{
	border: solid 2px #45bcd2;
	padding: 20px;
	margin-bottom: 10px;
	
}

/*FBの表示*/
#fbPhotoStream .raw{
	/*width: 906px;*/
	overflow: hidden;
}
#fbPhotoStream .raw li{
	padding:0;
	/*margin: 1px;*/
	width: 33.33333%;
	height: 300px;
	background:none;
	border:none;
	float:left;
	overflow:hidden;
	position:relative;
	outline: solid 2px #fff;
}

#fbPhotoStream .raw li p{
	color: #fff;
	position: absolute;
	bottom: 0;
	padding: 10px;
	margin: 0;
}
#fbPhotoStream .raw li a img{
	width: 100%;
}

#fbPhotoStream .raw li:first-child a img.hp,
#fbPhotoStream .raw li:nth-child(4) a img.hp,
#fbPhotoStream .raw li:nth-child(7) a img.hp,
#fbPhotoStream .raw li:nth-child(10) a img.hp,
#fbPhotoStream .raw li:nth-child(13) a img.hp,
#fbPhotoStream .raw li:nth-child(16) a img.hp{
	width: auto;
	height: 150%;
}
#fbPhotoStream .raw li a img.hp{
	/*width: auto;
	height: 100%;*/
	    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#fbPhotoStream .raw li:first-child,
#fbPhotoStream .raw li:nth-child(4),
#fbPhotoStream .raw li:nth-child(7),
#fbPhotoStream .raw li:nth-child(10),
#fbPhotoStream .raw li:nth-child(13),
#fbPhotoStream .raw li:nth-child(16) 
{
	width: 66.66667%;
	height: 602px;
}
#fbPhotoStream .raw li:nth-child(4),
#fbPhotoStream .raw li:nth-child(10),
#fbPhotoStream .raw li:nth-child(16)
{
	float:right;
}
#fbPhotoStream .raw a:hover{
	opacity:0.8
}

/*応募方法*/
.oubo h2 {
    margin-bottom: 20px !important;
    font-size: 180%;
    margin-top: 20px;
}


.oubo h2{
	margin-bottom: 20px;
}

.oubo h2 img{
	width: 25%;
}

.oubo h3{
	color: #45bcd2 !important;
	margin-bottom: 10px !important;
}

.oubo .oubo_flow{
	border-top: solid 1px #ccc;
	padding: 20px 0;
}

.oubo .oubo_flow.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.oubo .oubo_flow.flex .oubo_flow_img{
	width: 300px;
	margin-left: 20px;
}

.oubo section{
	margin-top: 30px;
	background: #fff;
	padding: 20px;		
}

/*ルール*/
.luru h2{
	margin-bottom: 20px !important;
}

.luru h2 img{
	width: 36%;
}

.lure_table table{
	width: 100%;
	border: solid 1px #45bcd2;
}

.lure_table table th{
	width: 25%;
    text-align: left;
    background: #45bcd2;
    color: #fff;
    padding: 10px;
    border-bottom: 1px solid #fff;
}
	


.lure_table table td{
	padding: 10px;
	font-size: 90%;
	border-bottom: solid 1px #45bcd2;

}


/*応援*/
.ouen{
	
}

.ouen h2{
	margin-bottom: 20px !important;
	font-size: 200%;
	
}

.ouen h2 img{
	width: 50%;
}

.ouen{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;	
}

.ouen div:first-child{
	width: 80%;
}
.ouen .ouen-img{
	text-align: right;
}
.ouen .ouen-img img{
	
}



/*受付開始　帯*/

.uketuke h3{
	background: #005b9c;
	text-align: center;
	font-size: 300%;
	color:#fff !important;
	padding: 30px 0 !important; 
	margin-bottom: 0;
	line-height: 1.0!important;
}

/*三角*/
.triangle{
   	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top: 50px solid #005b9c;
	margin:0 auto;
	position: relative;
   	top: -10px;
    z-index: 1;
}

/*下のメインビジュアル*/

.bottom.main-visual{
	margin-top: -100px;
}
/*下のSNS*/
.sns-icons a:,.sns-icons link a:visited, .sns-icons a:link span {
    color:#fff !important;
    text-decoration: none !important;
}

.sns-icons a:visited, .sns-icons a:visited span{
	color:#fff !important;
	text-decoration: none !important;
}

.sns-icons a:link, .sns-icons a:link span{
	color:#fff !important;
	text-decoration: none !important;
}
.sns-icons{
	background: #005b9c;
	padding: 20px 0;
}

.sns-icons a{
	text-decoration: none !important;
	color: #fff !important
}
.sns-icons li:nth-child(3),
.sns-icons li:nth-child(4),
.sns-icons li:nth-child(5){
	display: none;
}

.sns-icons {
    color: #333;
    display: flex;
    font-size: 240% !important;
    justify-content: center;
}
.sns-icons li{
	margin-right: 15px;
}
/*コピーライト*/

.copyright{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

/*sony商標*/
.sony.wrap-inner{
	padding: 10px;
}


/*==============================170727追加*/

.result > .result-area{
	max-width: 1080px;
	margin: 0 auto;
	background: #fff;
	padding: 0 30px 30px 30px;
	color: #45bcd2;
	/*border-top: solid 5px #eceff6*/
	}
	
.result > .result-area a{
	color: #45bcd2;
	}
	
.result h3.lead{
	color: #fff !important;
	margin-bottom: 30px !important;
    line-height: 1.3 !important;
}

.result > h2{
	margin-bottom: 30px !important;
	text-align: center;
	position: relative;
	}

.result > h2 img{
	width: 70%;
	}

.result h3{	
    color: #45bcd2 !important;
	margin-bottom: 10px !important;
	}

.result-area > *{
	border-bottom:  1px #ccc solid;
	padding: 15px 0;
	}
	
.result-area > *:last-child{
	border:none;
	}
	
.result-area h2{
	margin-bottom: 20px !important;
	text-align: center;
	}
	
.result div > h3{
	text-align: center;
	}
	
.result-area h2 img{
	width: auto;
		
	}
	
.thumb img :not(h2){
	width: 100%;	        
	}
	
.thumb a img{
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	}

.thumb a img:hover{
	outline: solid 3px #ccc;
	}
	
.thumb > h3{
	margin-bottom: 0.3em;
	text-align: center;
	}
	
.thumb p{
	text-align: center;
	margin-top: 5px;
	}
	
.one-colum li{
	width: 80%;
	height: 100%;
	}


.one-colum ul{
	display: flex;
	justify-content: center;
	}

.one-colum.jyungranpuri  li{
	width: 50%;
}
.two-colum{
	/*position: relative;*/
	}

.two-colum  > ul{
	-webkit-column-count:3; /* Safari and Chrome */
	-moz-column-fill: balance !important;
	column-count: 3;
	column-gap: 40px;
	column-fill: balance;
	}
	
.two-colum > ul li{
	width: 100%;	
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	 column-break-inside: avoid;
	break-inside : avoid;
	margin-bottom: 40px;
	border: solid 1px #eee;	
	-moz-column-width: 290px;/*カラムが崩れるのを防ぐ*/
	-webkit-column-width: 290px;/*カラムが崩れるのを防ぐ*/
	-o-column-width: 290px;/*カラムが崩れるのを防ぐ*/
	-ms-column-width: 290px;/*カラムが崩れるのを防ぐ*/
	}

.two-colum > ul li:last-child{
	margin-bottom: auto;
}
	
.two-colum_one-colum h3{
	margin-bottom: 5px;
	text-align: center;
	}

.two-colum_one-colum ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
	}

.two-colum_one-colum ul li{
	width: 48%;
	}
	
.two-colum_one-colum ul li:nth-child(3){
	margin: 20px auto 0 auto;
	}	

.three-colum ul{
	display: flex;
	justify-content: space-around;

	}
	
.three-colum ul li{
	width: 30%;		
	}

.for-colum ul{
	display: flex;	
	}

.for-colum{
	column-count: 4;
	column-gap: 30px;
	column-fill:balance;
	}

.for-colum ul li{
	/*width: 35%;	*/
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	}

.five-colum ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}

.five-colum ul li{
	width: 18%;
	}

.bannamComennt{
	position: relative;
	border: dotted  1px #45bcd2;
	padding: 20px 20px 0 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	}

.two-colum .bannamComennt{
	margin-top: -20px;
	margin-bottom: 0px;
	border: none;	
	}

.bannamComennt p{
	text-align: left !important;
	font-size: 80%;
	word-break: break-all;
    word-wrap: break-word;
	}
	
.bannamComennt > h3{	
	padding: 0 10px;
	color:#45bcd2;
	background: #fff;
	font-size: 90%;
	position: absolute;	
	left: 0;
	right: 0;
	top:-13px;
	margin: auto;
	width: 8em;
	}

.bannamComennt .commtntinnter{
	display: flex;
	}

/*総評*/

.souhyou{
	background: #eceff6;
	padding: 50px;
	margin-top: 10px;
	}

.souhyou h2{
	text-align: left;
	}	
.souhyou h2 img{
	width: 40%;
	}

.left-imgBox{
	display: flex;
	flex-direction: row-reverse;	
	}

.left-imgBox div *{
	text-align: left !important;
	}

.left-imgBox div:first-child{
	margin-left: 30px;
	}

.left-imgBox .img{
	margin-left: -20px;	
	}

.right-imgBox{
	display: flex;
	text-align: left;
	}

.right-imgBox div *{
	text-align: left !important;
	}

.right-imgBox div:first-child{
	margin-right: 30px;
	}

.right-imgBox .img{
	margin-right: -20px;
	
	}


@media screen and (max-width: 1200px) {
	.intoro-img{
		width: 90%;
	}
	.local-nav ul{
		width: 1000px;
	}
	.main-visual h2{
		margin-top: 50px;
	}
	
}



@media screen and (max-width: 1200px) {
	.intoro-img{
		width: 90%;
	}
	.local-nav ul{
		width: 1000px;
	}
	.main-visual h2{
		margin-top: 50px;
	}
	
}

@media screen and (max-width: 1000px) {
	.intoro-img{
		width: 100%;
	}
	.local-nav ul{
		width: 1000px;
	}
	
	
}

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

	.local-nav ul{
		width: 980px;
	}
}
@media screen and (max-width: 860px) {

		.intoro-img{
		width: 90%;
	}

		
}

/*=============================================================================オリジナルfont icon*/
@font-face {
    font-family: 'icomoon';
    src:  url('/view/fonts/icomoon.eot?ln51i4');
    src:  url('/view/fonts/icomoon.eot?ln51i4#iefix') format('embedded-opentype'),
    url('/view/fonts/icomoon.ttf?ln51i4') format('truetype'),
    url('/view/fonts/icomoon.woff?ln51i4') format('woff'),
    url('/view/fonts/icomoon.svg?ln51i4#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-LINE:before {
    content: "\e900";
}
.icon-hatena:before {
    content: "\e901";
}
.icon-google-plus:before {
    content: "\ea8b";
}
.icon-facebook:before {
    content: "\ea90";
}
.icon-twitter:before {
    content: "\ea96";
}
.icon-youtube2:before {
    content: "\ea9e";
}
.icon-appleinc:before {
    content: "\eabe";
}
.icon-windows8:before {
    content: "\eac2";
}