@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

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


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	    z-index: 999; /* これでどうですか？ */
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}



#top-image{
	border-top:#F00 solid 1px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background:#FFF;
	width:100%;
	height:350px;
	float:left;
	margin:auto;
	margin-top:85px;
	padding:60px 0px 0 0px;
		position:relative;

}

.slider {
	border-top:#F00 solid 1px;
	background:#FFF;
	float:left;
	margin:auto;
	margin-top:85px;
	padding:60px 0px 0 0px;
		position:relative;
    height: 350px;
    width: 100%;
	
    background-color:#FFF;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
	background-size:cover;
}

.slider {
    background-position:center top\9;
    background-repeat:repeat-x\9;
}

*+html .slider {
    background-position:center top;
    background-repeat:repeat-x;
}
/* <div id="demo">
    	<div><img src="images/top_image02_mini.jpg" width="100%"></div>
        <div><img src="images/top_image01_mini.jpg" width="100%"></div>
		<div><img src="images/top_image03_mini.jpg" width="100%"></div>
	</div>*/


.top-image-logo{
	background-image:url(../images/toplogo8.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin:auto;
	width:90px;
	height:90px;
}

.top-text-stage{
	width:100%;
	float:left;
	margin:auto;
	text-align:center;
	font-family: 'Spectral', serif;
	color:#FFF;
	text-shadow:0px 0px 4px #000000;
	font-size:40px;
	line-height:50px;
	
}

.top-subtext-left{
	float:left;
	width:50%;
	min-width:120px;
	text-align:right;
	color:#FFF;
	text-shadow:0px 0px 1px #000,1px 1px 3px #000,-1px -1px 3px #000;
}

.top-subtext-light{
	float:right;
	width:50%;
	min-width:120px;
	text-align:left;
	color:#FFF;
	text-shadow:0px 0px 1px #000,1px 1px 3px #000,-1px -1px 3px #000;
}

.top-endtext-stage{
	float:left;
	width:100%;
    background-color: rgba(0,0,0,0.2);
	background-image:url(../images/pattern.png);
	position:absolute;
	bottom:0;
	padding:5px 0px 5px 0px;
}
.top-endtext-left{
	float:left;
	width:50%;
	min-width:120px;
	text-align:right;
	color:#FFF;
	text-shadow:0px 0px 4px #000000;
}

.top-endtext-light{
	float:right;
	width:50%;
	min-width:120px;
	text-align:left;
	color:#FFF;
	text-shadow:0px 0px 4px #000000;
}

.top-endline{
	width:100%;
	clear:both;
}


/*about-----------------------------------------------------------------------------*/
#about{

	width:100%;
	float:left;
	margin:0;
	/* box-shadow */
}


.skills{
	padding:20px; 0;
	color:#333;
}

.skills-wrapper{
	display:table;
	width:100%;
	margin:20px auto 0;
	table-layout:fixed;
}

.skill-box{
	display:table-cell;
}

.skill-icon{
	width:150px;
	height:150px;
	margin-bottom:30px;
	border:4px solid;
	border-radius:50%;
	color:#f1b400;
	font-size:8rem;
	line-height:142px;
}

.skill-title{
	margin:0 20px 30px;
	font-size:1.4rem;
	text-align:center;
	font-family: 'EB Garamond', serif;
	border-bottom:#333 solid 1px;
	line-height:60px

}

.skill-line{
	margin:0 200px;
	background-color:#0C9;
	text-align:center;
	height:40px;
}

.skill-text{
	margin:0 20px;
	line-height:2;
	font-size:16px;
	text-align:center;
}

.skill-text2{
	margin:0 20px;
	line-height:2;
	font-size:14px;
}



.heading{
	display:inline-block;
	position:relative;
	margin:30px 0 15px;
	padding-bottom:15px;
	letter-spacing:2px;
	font-size:4rem;
}

.heading::before,
.heading::after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	border-bottom:1px solid #999;
}

.heading::before{
	bottom:5px;
}

/*works-----------------------------------------------------------------------------*/
#works-about{
	background-color:#FFF;
	width:100%;
	float:left;
	margin:0;
	border-top:#F00 solid 1px;
	/* box-shadow */
}

.works{
	padding:20px 0;
}

.works-head{
	padding:20px;
}

.works-logo{
	padding:50px 0px 20px;
	border-bottom:#F00 solid 1px;
	background-image:url(../images/re-logo.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:45px;
	margin:auto 0;
	}
	
.works-icon{
	width:100%;
	height:16px;
	margin:auto 0;
	background-image:url(../images/sankaku.png);
	background-position:center;
	background-repeat:no-repeat;
}


.works-h1{
	margin-top:30px;
	font-size:27px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.works-title1{
	background-image:url(../images/re-logo5.png);
	background-position:center;
	background-repeat:no-repeat;
	height:40px;
	margin-top:30px;
}

.works-title2{
	background-image:url(../images/re-logo6.png);
	background-position:center;
	background-repeat:no-repeat;
	height:40px;
	margin-top:30px;
}

.works-title3{
	background-image:url(../images/re-logo7.png);
	background-position:center;
	background-repeat:no-repeat;
	height:40px;
	margin-top:30px;
}

.works-icon1{
	background-image:url(../images/work_icon-1_mini.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.works-icon2{
	background-image:url(../images/work_icon-2_mini.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.works-icon3{
	background-image:url(../images/work_icon-3_mini.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.works-icon4{
	background-image:url(../images/movie_logo2.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}


.works-icon5{
	background-image:url(../images/movie_logo8.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.works-icon6{
	background-image:url(../images/movie_logo9.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.works-icon7{
	background-image:url(../images/movie_logo1.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}


.works-button{
	margin-top:20px;
	margin:auto;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.works-backimage1{
	width:100%;
	height:250px;
	margin-top:20px;
/*	box-shadow:0px 0px 4px #666;
*/
}


/*.works-button-text{
	background-image:url(../images/pattern.png);
	width:80%;
	height:50px;
	text-align:center;
}*/


.works-backimage2{
	width:100%;
	height:250px;
	margin-top:20px;
}

.works-backimage3{

	width:100%;
	height:250px;
	margin-top:20px;
}

.works-h2{
	margin-top:20px;
	font-size:20px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


/*不可侵エリア 調整でいじった部分はコメントで残す*/
.wskills-wrapper{
	display:table;
	/*width:80%;*/
	width:90%;
	margin:30px auto 0;
	table-layout:fixed;
	background:#FFF;
	box-shadow:0px 0px 8px #CCC;
	margin-bottom:40px;

}

.wskill-box{
	display:table-cell;
}

.wskill-box2{
	display:table-cell;
}

.wskill-icon{
	width:150px;
	height:150px;
	margin-bottom:30px;
	border:4px solid;
	border-radius:50%;
	color:#f1b400;
	font-size:8rem;
	line-height:142px;
}

.wskill-title{
	margin:0 20px 20px;
	/*font-size:2rem;*/
}

.wskill-text{
	margin:0 20px;
	/*line-height:2;
	font-size:1.2rem;*/
	font-size:16px;
	color:#666;
	padding-bottom:20px;
}

/*ここまで不可侵エリア*/



/*photo-----------------------------------------------------------------------------*/



#photo-about{
	/*background:#fffeee;*/
	background-image:url(../images/p_back3.jpg);
	width:100%;
	float:left;
	margin:0;
	border-top:#F00 solid 1px;
	/* box-shadow */
}

.photo{
	padding:20px 0;
}


.photo-head{
	padding:20px;
}

.photo-logo{
	padding:50px 0px 20px;
	border-bottom:#F00 solid 1px;
	background-image:url(../images/photo-logo1.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:85px;
	margin:auto 0;
	}
	
.photo-icon{
	width:100%;
	height:16px;
	margin:auto 0;
	background-image:url(../images/sankaku.png);
	background-position:center;
	background-repeat:no-repeat;
}


.photo-h1{
	margin-top:30px;
	font-size:27px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.photo-h2{
	margin-top:30px;
	font-size:20px;
	text-align:center;
}



.photo_contents{
	width:680px;
	margin:auto;
	margin-top:40px;
}


.photo_button{
	margin-top:30px;
	margin:auto;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.p-abc-button{
	text-align:center;
	margin:auto;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.photo-h2-1{
	margin-top:20px;
	font-size:20px;
	color:#F33;
	text-align:center;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.photo-h2-2{
	margin-top:20px;
	font-size:20px;
	color:#09F;
	text-align:center;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.photo-h2-3{
	margin-top:20px;
	font-size:20px;
	color:#00A99D;
	text-align:center;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}


.photo-h2-4{
	margin-top:20px;
	font-size:20px;
	color:#F9C;
	text-align:center;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}


.photo-icon1{
	background-image:url(../images/photo-logo2.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.photo-icon2{
	background-image:url(../images/photo-logo3.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.photo-icon3{
	background-image:url(../images/photo-logo4.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}



/*不可侵エリア 調整でいじった部分はコメントで残す*/
.pskills-wrapper{
	display:table;
	/*width:80%;*/
	width:680px;;
	margin:5px auto 0;
	table-layout:fixed;
	margin-bottom:40px;

}

.pskill-box{
	margin:auto;
	display:table-cell;
}

.pskill-icon{
	width:150px;
	height:150px;
	margin-bottom:30px;
	border:4px solid;
	border-radius:50%;
	color:#f1b400;
	font-size:8rem;
	line-height:142px;
}

.pskill-title{
	margin:0 20px 20px;
	/*font-size:2rem;*/
}

.pskill-text{
	margin:0 20px;
	height:80px;
	/*line-height:2;
	font-size:1.2rem;*/
	font-size:16px;
	color:#666;
	padding-bottom:20px;
}

/*ここまで不可侵エリア*/




/*fron-----------------------------------------------------------------------------*/



#fron-about{
	/*background:#fffeee;*/
	background-image:url(../images/f-back_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	float:left;
	margin:0;
	border-top:#F00 solid 1px;
	/* box-shadow */
}

#fron-about3{
	/*background:#fffeee;*/
	width:100%;
	float:left;
	margin:0;
	padding-bottom:30px;
	margin-top:20px;
	background-image:url(../images/bg-slash.gif);
	/* box-shadow */
}

.fron-head{
	padding:20px;
}

.fron-logo{
	padding:20px 0px 20px;
	border-bottom:#F00 solid 1px;
	background-image:url(../images/f-title.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:60px;
	margin:auto 0;
	}
	
.fron-icon{
	width:100%;
	height:16px;
	margin:auto 0;
	background-image:url(../images/sankaku.png);
	background-position:center;
	background-repeat:no-repeat;
}


.fron-h1{
	margin-top:30px;
	font-size:27px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.fron-text-eria{
	display:block;
	margin:auto;
	width:80%;
	background-color:#FFF;
	margin-top:30px;
	color:#666;
	text-align:center;
	padding:10px;
}

.fron-text-eria2{
	display:block;
	width:85%;
	background-color:#FFF;
	color:#666;
	padding:20px;
	margin:auto;
	box-shadow:0px 0px 4px #666;

}

.fron-text-eria3{
	display:block;
	width:80%;
	background-color:#FFF;
	color:#666;
	padding:20px;
	margin:auto;
	box-shadow:0px 0px 4px #666;
	margin-top:20px;

}


.fron-text-eria4{
	display:block;
	width:80%;
	height:300px;
	background-color:#FFF;
	color:#666;
	padding:20px;
	margin:auto;
	box-shadow:0px 0px 4px #666;
	margin-top:20px;

}

.fron-text-eria5{
	display:block;
	width:80%;
	height:300px;
	background-color:#FFF;
	color:#666;
	padding:20px;
	margin:auto;
	box-shadow:0px 0px 4px #666;
	margin-top:20px;

}


.fron-h2{
	margin-top:30px;
	font-size:20px;
	text-align:center;
}

/*link相互リンク-----------------------------------------------------------------------------*/


.link-text-eria{
	display:block;
	width:85%;
	background-color:#FFF;
	color:#666;
	padding:20px;
	margin:auto;
	box-shadow:0px 0px 4px #666;
	text-align:center;

}

/*movie-----------------------------------------------------------------------------*/



#movie-about{
	/*background:#fffeee;*/
	background-image:url(../images/pop2_bg_01.png);
	width:100%;
	float:left;
	margin:0;
	border-top:#F00 solid 1px;
	/* box-shadow */
}

#youtube-about{
	/*background:#fffeee;*/
	background-image:url(../images/movie_back_mini.jpg);
	background-repeat:repeat-x;
	background-position:center;
	width:100%;
	height:570px;
	float:left;
	margin:0;
	/* box-shadow */
}

.youtube{
	background-image:url(../images/pattern.png);
	height:570px;
	width:100%;
	margin:auto;
	padding:50px 0 50px 0px;
}

.youtube-stage{
	background:#333;
	width:640px;
	height:470px;
	margin:auto;
}


.movie{
	padding:20px 0px 100px;
}
.movie-head{
	padding:20px;
}

.movie-logo{
	padding:50px 0px 0px;
	border-bottom:#F00 solid 1px;
	background-image:url(../images/movie_logo4.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:89px;
	margin:auto 0;
	margin-top:20px;
	}

.movie-logo2{
	padding:0px 0px 20px;
	background-image:url(../images/movie_logo5.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:45px;
	margin:auto 0;
	}
	
.movie-icon{
	width:100%;
	height:16px;
	margin:auto 0;
	background-image:url(../images/sankaku.png);
	background-position:center;
	background-repeat:no-repeat;
}


.movie-h1{
	font-size:15px;
	text-align:center;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.movie-h2{
	margin-top:10px;
	font-size:20px;
	text-align:center;
}



.movie_contents{
	width:680px;
	margin:auto;
	margin-top:40px;
}


.movie_button{
	margin-top:30px;
	margin:auto;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.m-abc-button{
	text-align:center;
	margin:auto;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.movie-h2-1{
	margin-top:20px;
	font-size:20px;
	color:#F33;
	text-align:center;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.movie-h2-2{
	margin-top:20px;
	font-size:20px;
	color:#09F;
	text-align:center;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.movie-h2-3{
	margin-top:20px;
	font-size:20px;
	color:#00A99D;
	text-align:center;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.movie-icon1{
	background-image:url(../images/movie_logo1.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:115px;
	height:115px;
	margin:auto;
	margin-top:10px;
}

.movie-icon2{
	background-image:url(../images/movie_logo2.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:115px;
	height:115px;
	margin:auto;
	margin-top:10px;
}

.movie-icon3{
	background-image:url(../images/movie_logo3.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:115px;
	height:115px;
	margin:auto;
	margin-top:10px;
}


.movie-icon4{
	background-image:url(../images/mov-icon1.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:200px;
	height:200px;
	margin:auto;
	margin-top:10px;
}


.movie-icon5{
	background-image:url(../images/mov-icon2.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:200px;
	height:200px;
	margin:auto;
	margin-top:10px;
}

.movie-icon6{
	background-image:url(../images/mov-icon3.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:200px;
	height:200px;
	margin:auto;
	margin-top:10px;
}


.movie-icon7{
	background-image:url(../images/mov-icon4.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:200px;
	height:200px;
	margin:auto;
	margin-top:10px;
}

.movie-icon8{
	background-image:url(../images/mov-icon5.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:200px;
	height:200px;
	margin:auto;
	margin-top:10px;
}

.movie-icon9{
	background-image:url(../images/mov-icon6.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:200px;
	height:200px;
	margin:auto;
	margin-top:10px;
}







/*不可侵エリア 調整でいじった部分はコメントで残す*/
.m-skills-wrapper{
	display:table;
	/*width:80%;*/
	width:680px;
	margin:5px auto 0;
	table-layout:fixed;
	margin-bottom:40px;

}

.m-skill-box{
	margin:auto;
	display:table-cell;
}

.m-skill-icon{
	width:150px;
	height:150px;
	margin-bottom:30px;
	border:4px solid;
	border-radius:50%;
	color:#f1b400;
	font-size:8rem;
	line-height:142px;
}

.m-skill-title{
	margin:0 20px 20px;
	/*font-size:2rem;*/
}

.m-skill-text{
	margin:0 20px;
	height:80px;
	/*line-height:2;
	font-size:1.2rem;*/
	font-size:16px;
	color:#666;
	padding-bottom:20px;
	text-align:center;
}

/*ここまで不可侵エリア*/


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

#footer-about{
	background:#fff;
	width:100%;
	float:left;
	margin:0;
	border-top:#F00 solid 1px;
	/* box-shadow */
}

.s-footer{
	padding:20px 0;
	background:#333;
}


.footer-text-stage{
	width:100%;
	float:left;
	margin:auto;
	text-align:center;
	font-family: 'Spectral', serif;
	color:#F33;
	font-size:40px;
	line-height:30px;
	
}




.footer-head{
	padding:20px;
}

.footer-logo{
	padding:50px 0px 20px;
	background-image:url(../images/toplogo8.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:45px;
	margin:auto;
	}
	
.footer-icon4{
	width:100%;
	height:16px;
	margin:auto 0;
	background-image:url(../images/sankaku.png);
	background-position:center;
	background-repeat:no-repeat;
}


.footer-h1{
	font-size:12px;
	text-align:center;
	line-height:50px;
	color:#000;
	padding-bottom:30px;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}


.footer-title1{
	background-image:url(../images/re-logo5.png);
	background-position:center;
	background-repeat:no-repeat;
	height:40px;
	margin-top:30px;
}

.footer-title2{
	background-image:url(../images/re-logo6.png);
	background-position:center;
	background-repeat:no-repeat;
	height:40px;
	margin-top:30px;
}

.footer-title3{
	background-image:url(../images/re-logo7.png);
	background-position:center;
	background-repeat:no-repeat;
	height:40px;
	margin-top:30px;
}

.footer-icon1{
	background-image:url(../images/toplogo4.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.footer-icon2{
	background-image:url(../images/work_icon-2_mini.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.footer-icon3{
	background-image:url(../images/work_icon-3_mini.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	margin:auto;
	margin-top:10px;
}

.footer-backimage1{
	background-image:url(../images/works-image7_mini.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:250px;
	margin-top:20px;
			box-shadow:0px 0px 4px #666;

}

.footer-backimage2{
	background-image:url(../images/works-image3_mini.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:250px;
	margin-top:20px;
			box-shadow:0px 0px 4px #666;

}

.footer-backimage3{
	background-image:url(../images/works-image2_mini.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:250px;
	margin-top:20px;
			box-shadow:0px 0px 4px #666;

}

.footer-h2{
	margin-top:20px;
	font-size:20px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


/*不可侵エリア 調整でいじった部分はコメントで残す*/
.f-skills-wrapper{
	display:table;
	/*width:80%;*/
	width:90%;
	margin:30px auto 0;
	table-layout:fixed;
	background:#333;
	margin-bottom:40px;
	clear:both;

}

.f-skill-box{
	display:table-cell;
}

.f-skill-icon{
	width:150px;
	height:150px;
	margin-bottom:30px;
	border:4px solid;
	border-radius:50%;
	color:#f1b400;
	font-size:8rem;
	line-height:142px;
}

.f-skill-title{
	margin:0 20px 20px;
	/*font-size:2rem;*/
}

.f-skill-text{
	margin:0 20px;
	/*line-height:2;
	font-size:1.2rem;*/
	font-size:12px;
	line-height:25px;
	color:#fff;
	padding-bottom:20px;
}

/*ここまで不可侵エリア*/

#footer{

	background:#333;
}

#footer-end{
	float:left;
	width:100%;
	height:50px;
	margin:0;
	background:#000;
}

.footer-endtext-stage{
	float:left;
	width:100%;
	background:#333;
    background-color: rgba(0,0,0,0.2);
	background-image:url(../images/pattern.png);
	bottom:0;
	padding:5px 0px 5px 0px;
	color:#FFF;
	text-align:center;
	font-size:10px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

#copy-about{
	background:#333;
	background-image:url(../images/pattern.png);
	width:100%;
	float:left;
	margin:0;
	border-top:#F00 solid 1px;
	/* box-shadow */
}

/*topjirei(トップページ追加) -----------------------------------------------------------------------------*/

.topj-logo{
	padding:50px 0px 20px;
	border-bottom:#F00 solid 1px;
	background-image:url(../images/jirei_logo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:45px;
	margin:auto 0;
	}
	
.works-title4{
	background-image:url(../images/jirei_title02.png);
	background-position:center;
	background-repeat:no-repeat;
	height:40px;
	margin-top:30px;
}


.works-title5{
	background-image:url(../images/jirei_title03.png);
	background-position:center;
	background-repeat:no-repeat;
	height:40px;
	margin-top:30px;
}

.works-title6{
	background-image:url(../images/jirei_title04.png);
	background-position:center;
	background-repeat:no-repeat;
	height:40px;
	margin-top:30px;
}


.works-icon8{
	background-image:url(../images/jirei_icon-01.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:300px;
	height:300px;
	margin:auto;
	margin-top:10px;
}


.works-icon9{
	background-image:url(../images/jirei_icon-02.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:300px;
	height:300px;
	margin:auto;
	margin-top:10px;
}

.works-icon10{
	background-image:url(../images/jirei_icon-03.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:300px;
	height:300px;
	margin:auto;
	margin-top:10px;
}

.works-icon11{
	background-image:url(../images/jirei_icon-04.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:300px;
	height:300px;
	margin:auto;
	margin-top:10px;
}

.works-icon12{
	background-image:url(../images/jirei_icon-05.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:300px;
	height:300px;
	margin:auto;
	margin-top:10px;
}

.works-icon13{
	background-image:url(../images/jirei_icon-06.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:300px;
	height:300px;
	margin:auto;
	margin-top:10px;
}

.works-h1-type-b{
	font-size:24px;
	text-align:center;
	font-family: 'EB Garamond', serif;
}

.works-h1-type-c{
	font-size:27px;
	text-align:center;
	font-family: 'EB Garamond', serif;
	margin-top:20px;
}

/*@media screen and (max-width: 850px) {
.works-icon8{
	width:150px;
	height:150px;
	background-image:url(../images/jirei_icon-07.png);
}


.works-icon9{
	background-image:url(../images/jirei_icon-08.png);
	width:150px;
	height:150px;
}

.works-icon10{
	background-image:url(../images/jirei_icon-09.png);
	width:150px;
	height:150px;
}

.works-icon11{
	background-image:url(../images/jirei_icon-10.png);
	width:150px;
	height:150px;
}


.works-icon12{
	background-image:url(../images/jirei_icon-11.png);
	width:150px;
	height:150px;
}

.works-icon13{
	background-image:url(../images/jirei_icon-12.png);
	width:150px;
	height:150px;
}


}*/


.line-box{
	margin:auto 0;
	text-align:center;
	width:200px;
	height:40px;
	background-color:#0F3;
}



@media screen and (max-width: 800px) {
	.slider{
		margin-top:20px;
	padding:80px 0px 0 0px;
}

.w-button {

	font-size:20px;
	line-height: 250px;
}

.skill-text{
	margin:0 20px;
	line-height:2;
	font-size:12px;
	text-align:center;
}



.skill-text2{
	margin:0 20px;
	line-height:2;
	font-size:12px;
}

.works-h2{
	margin-top:20px;
	font-size:15px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.fron-logo{
	padding:20px 0px 20px;
	border-bottom:#F00 solid 1px;
	background-image:url(../images/f-title2.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:60px;
	margin:auto 0;
	}

.works-icon8{
	width:150px;
	height:150px;
/*	background-image:url(../images/jirei_icon-07.png);
*/}


.works-icon9{
/*	background-image:url(../images/jirei_icon-08.png);
*/	width:150px;
	height:150px;
}

.works-icon10{
/*	background-image:url(../images/jirei_icon-09.png);
*/	width:150px;
	height:150px;
}

.works-icon11{
/*	background-image:url(../images/jirei_icon-10.png);
*/	width:150px;
	height:150px;
}


.works-icon12{
/*	background-image:url(../images/jirei_icon-11.png);
*/	width:150px;
	height:150px;
}

.works-icon13{
/*	background-image:url(../images/jirei_icon-12.png);
*/	width:150px;
	height:150px;
}


}







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

.slider{
		margin-top:20px;
	padding:80px 0px 0 0px;
}


.skills{
	padding:5px;
}

#top-image{
	border-top:#F00 solid 1px;
	background-image:url(../images/top_image02_mini.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	height:400px;
	float:left;
	margin:auto;
	margin-top:20px;
	padding:80px 0px 0 0px;
		position:relative;

}

.top-text-stage{
	width:100%;
	float:left;
	margin:auto;
	text-align:center;
	color:#FFF;
	font-family: 'Spectral', serif;
	text-shadow:0px 0px 4px #000000;
	font-size:35px;
	line-height:40px;
}


.top-subtext-left{
	float:left;
	width:100%;
	min-width:120px;
	text-align:center
}

.top-subtext-light{
	float:left;
	width:100%;
	min-width:120px;
	text-align:center
}

.top-endtext-left{
	float:left;
	width:100%;
	min-width:120px;
	text-align:center
}

.top-endtext-light{
	float:left;
	width:100%;
	min-width:120px;
	text-align:center
}

.skills-wrapper,
.skill-box{
	display:block;
}

.skill-icon{
	width:100px;
	height:100px;
	font-size:5rem;
	line-height:92px;
}

.skill-box{
	margin:40px auto;
}

.skill-text{
	margin:0 20px;
	line-height:2;
	font-size:12px;
	text-align:center;
}

.skill-text2{
	margin:0 20px;
	line-height:2;
	font-size:12px;
}


.works-h1{
	font-size:25px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.wskills-wrapper,
.wskill-box2,
.wskill-box{
	display:block;
}

.wskill-icon{
	width:100px;
	height:100px;
	font-size:5rem;
	line-height:92px;
}

.wskill-box{
	margin:40px auto;
}


.wskill-box2{
	margin:10px auto;
}


.wskill-taxt{
	margin:0;
}

.works-logo{
	background-image:url(../images/re-logo-sp.png);
	background-repeat:no-repeat;
	margin:auto 0;
	width:100%;
	height:120px;
	padding-bottom:20px;
	border-bottom:#F00 solid 1px;
}

.works-title1{
	padding:30px 0;

}


.works-h1{
	margin-top:30px;
	font-size:17px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.photo_contents{
	width:100%;
	margin:auto;
	margin-top:40px;
}

.photo-h1{
	margin-top:20px;
	font-size:17px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.photo-h2{
	margin-top:30px;
	font-size:13px;
	text-align:center;
}

.photo-logo{
	padding:50px 0px 20px;
	border-bottom:#F00 solid 1px;
	background-image:url(../images/photo-logo5.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:65px;
	margin:auto 0;
	}
	
.pskills-wrapper{
	width:90%
}


.pskills-wrapper,
.pskill-box{
	display:block;
}

.pskill-icon{
	width:100px;
	height:100px;
	font-size:5rem;
	line-height:92px;
}

.pskill-box{
	margin:40px auto;
}

.pskill-taxt{
	margin:0;
}



.fron-logo{
	padding:20px 0px 20px;
	border-bottom:#F00 solid 1px;
	background-image:url(../images/f-title3.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:70px;
	margin:auto 0;
	}
	
.fron-h1{
	margin-top:30px;
	font-size:20px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.fron-text-eria{
	display:block;
	margin:auto;
	width:80%;
	background-color:#FFF;
	margin-top:30px;
	color:#666;
	text-align:left;
	padding:10px;
}



.m-skills-wrapper,
.m-skill-box{
	display:block;
}

.m-skills-wrapper{
	width:90%;
}

.m-skill-icon{
	width:100px;
	height:100px;
	font-size:5rem;
	line-height:92px;
}

.m-skill-box{
	margin:40px auto;
}

.m-skill-taxt{
	margin:0;
}

.movie-logo{
	padding:50px 0px 20px;
	border-bottom:#F00 solid 1px;
	background-image:url(../images/movie_logo6.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:160px;
	margin:auto 0;
	margin-top:20px;
	}

.movie-logo2{
	padding:50px 0px 20px;
	background-image:url(../images/movie_logo7.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:75px;
	margin:auto 0;
	}
#youtube-about{
	height:300px;
}

.youtube{
	height:300px;
		padding:25px 0 25px 0px;

}

.youtube-stage{
	background:#333;
	height:250px;
	width:300px;
	margin:auto
}


.f-skills-wrapper,
.f-skill-box{
	display:block;
}

.f-skill-icon{
	width:100px;
	height:100px;
	font-size:5rem;
	line-height:92px;
}

.f-skill-box{
	margin:40px auto;
}

.f-skill-taxt{
	margin:0;
}

.footer-logo{
	background-image:url(../images/toplogo8.jpg);
	background-repeat:no-repeat;
	margin:auto 0;
	width:100%;
	height:90px;
}

.footer-title1{
	padding:30px 0;

}

.footer-text-stage{
	width:100%;
	float:left;
	margin:auto;
	text-align:center;
	font-family: 'Spectral', serif;
	color:#F33;
	font-size:40px;
	margin-top:-20px;
	
}

.link-text-eria{
	font-size:10px;
}


.works-icon8{
	width:230px;
	height:230px;
}


.works-icon9{
	width:230px;
	height:230px;
}

.works-icon10{
	width:230px;
	height:230px;
}

.works-icon11{
	width:230px;
	height:230px;
}


.works-icon12{
	width:230px;
	height:230px;
}

.works-icon13{
	width:230px;
	height:230px;
}

.topj-logo{
	background-image:url(../images/jirei_logo_sp.jpg);
	background-repeat:no-repeat;
	margin:auto 0;
	width:100%;
	height:120px;
	padding-bottom:20px;
	border-bottom:#F00 solid 1px;
}

.works-h1-type-b{
	font-size:20px;
	text-align:center;
	font-family: 'EB Garamond', serif;
}

}

.white{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	color:white;
}