@charset "UTF-8";

/* ------------------------------------------- CSS Information
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */
html{overflow-y:scroll;}
body,div,blockquote,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,input,textarea,fieldset{margin: 0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
img,abbr,acronym,fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display:none;}
object,embed{vertical-align:top;}
li{list-style:none;}
:first-child + html body { font-size: small; }
/* ------------------------------------------- CSS Information
 Style Info:     基本設定
----------------------------------------------------------- */
/*A Style*/
a:link{text-decoration: underline;color: #666666;}
a:visited{text-decoration: none;color: #66666;}
a:hover{text-decoration: underline;color: #999999;}
a:active{text-decoration: none;color: #66666;}
/*font*/
.b{font-weight:bold;}
.ul{text-decoration:underline;}
.bg{background-color:#fff45c;}
.big{font-size:20px;}@media only screen and (max-width:640px){.big{font-size:16px;}}
.red{color:#c70003;}
/*----- image -----*/
img.pc{display:block;margin:0 auto;padding:0;width:100%;max-width:960px;}
img.sp{display:none;margin:0 auto;padding:0;width:100%;max-width:640px;}
img.img_right{float:right;padding:0 0 10px 10px;width:33.3%;max-width:300px;}
@media only screen and (max-width:640px){
img.pc{display:none;}
img.sp{display:block;}
img.img_right{float:none;padding:0 0 20px 0;width:75%;max-width:300px;margin:0 auto;display:block;}
}
/*----- br -----*/
br.pc{display:block;}
br.sp{display:none;}
@media only screen and (max-width:640px){
br.pc{display:none;}
br.sp{display:block;}
}

/* ------------------------------------------- CSS Information
 Style Info:     セールスレター型ホームページ詳細設定
----------------------------------------------------------- */
body{
font-family:"メイリオ",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
color:#333333;
font-size:16px;
line-height:0;
text-align:center;
background:#ffffff;
letter-spacing:0em;
overflow:hidden;
min-width:320px;
}

/*----- header -----*/
header{
margin:0;
width:100%;
text-align:center;
/*background:url(../img/header_bg02.png) no-repeat center top,url(../img/header_bg01.png) repeat-x left top;*/
}
@media only screen and (max-width:640px){}

/*----- nav_header -----*/
.nav_header{
margin:0;
width:100%;
text-align:left;
background:#111111;
}
.nav_header ul{
width:100%;
max-width:960px;
margin:0 auto;
background:#ffffff;
}
.nav_header ul li{
display:inline-block;
width:25%;
}
.nav_header ul li.now{opacity:0.8;}
.nav_header ul li a{
display:block;
width:100%;
}
.nav_header ul li a:hover{opacity:0.5;}
@media only screen and (max-width:640px){}

/*----- movie -----*/
.wrapper{
width:100%;
max-width:900px;
margin:0 auto;
padding:20px 0;
}
.movie_wrapper{
width:100%;
margin:0 0 30px 0;
padding:20px 3.125%;
box-sizing:border-box;
background:#2b2b2b;
}
.movie{
width:100%;
max-height:506px;
margin:0;
padding:0;
}
.movie_box{
position:relative;
width:100%;
max-width:900px;
max-height:506px;
margin:20px auto;
padding-top:56.25%;
}
.movie_box iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-width:900px;
max-height:506px;
box-sizing:border-box;
}
.btn_mp3{
display:block;
width:300px;
margin:0 auto;
}
.btn_mp3 img{width:100%;}
@media only screen and (max-width:640px){
.wrapper{padding:0 0 20px 0;}
.movie_wrapper{margin:0 0 20px 0;}
.movie{}
.movie_box{}
.movie_box iframe{}
.btn_mp3{
display:block;
width:300px;
margin:0 auto;
}
.btn_mp3 img{width:100%;}
.btn_mp3{
width:150px;
margin:0 auto;
}
}

/*----- seminar -----*/
.seminar{
width:100%;
margin:30px 0 0 0;
background:#c4d700;
}
.seminar a{
display:block;
width:100%;
max-width:960px;
margin:0 auto;
paddgin:0;
}
@media only screen and (max-width:640px){.seminar{margin:0;}}

/*----- present02 -----*/
.present02{
width:100%;
max-width:960px;
margin:0 auto;
position:relative;
}
.btn_line{
display:block;
width:50%;
position:absolute;
top:55.22%;
left:25%;
}
.btn_line img{width:100%;}
@media only screen and (max-width:640px){
.present02{}
.btn_line{
display:block;
width:75%;
position:absolute;
top:74.0%;
left:12.5%;
}
}


/*--- footer ---*/
footer{
margin:0;
padding:40px 0;
width:100%;
background:#111111;
color:#ffffff;
}
#fnav a{color:#ffffff;text-decoration:none;}
#fnav a:hover{color:#ffffff;text-decoration:underline;}
#fnav{margin:0 0 20px 0;}
#fnav ul{list-style-type:none;}
#fnav li{
font-size:12px;
line-height:20px;
display:inline-block;
padding:0 5px;
border-right:1px solid #cccccc;
}
#fnav li:last-child{
	border-right:none;
}
address{
text-align:center;
font-size:12px;
line-height:20px;
padding:0;
}
@media only screen and (max-width:767px){
footer{padding:1em 0;}
#fnav li{
line-height:1.5;
display:block;
border-right:0;
}
.sp_no{display:none;}
}
/*追加
*/
.koukai {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 0px;
}
.koukai img {
	width: 18.8%;
	height: auto;
}
.koukai .image-mr {
	margin: 0;
	padding: 0;
	margin-right: 1.5%;
}
.koukai a:hover img {
	/*opacity: 0.6;*/
}
.line-link {
	font-size: 30px;
	font-weight: bold;
	margin: 30px auto 50px;
}
.line-link a {
	color: #0e6daf;
	text-decoration:underline;
}
.line-link a:hover {
	color: #1397f3;
	text-decoration:underline;
}
.btn_center {
	width: 578px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.mb50 {
	margin-bottom:50px;
	}
.mb30 {
	margin-bottom:30px;
	}
.display-pc {}
.display-sp{
	display: none;
}
@media only screen and (max-width:767px){

.koukai {
	width: 95%;
	margin: 1em auto 0;
}
.koukai img {
	width: 18.5%;
	height: auto;
	}
.koukai .image-mr {
	margin: 0;
	padding: 0;
	margin-right:1.5%;
}
.koukai a:hover img {
	opacity: 0.6;
}

.line-link {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em auto 1.5em;
	word-break: normal;
	line-height: 1.5;
}
.line-link a {
	color: #0e6daf;
	text-decoration:underline;
}
.line-link a:hover {
	color: #1397f3;
	text-decoration:underline;
}
.btn_center {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 1em;
	padding-top: 0.5em;
}
.btn_center img {
		width: 100%;
		height: auto;
	}
.display-pc {
	display: none;
	}
.display-sp{
	display:block;
	}
.mb50 {
	margin-bottom: 1.5em;
	}
.mb30 {
	margin-bottom: 1em;
	}
}
/* 1/16追記分 */
.block-sns h2{
	font-size:40px;
	font-weight:bold;
	margin:20px 0;
	padding-bottom:20px;
}
.block-sns i{
	font-size:64px;
	margin:5px;
}
.fa-envelope{
	background:#F1AF33;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	border-radius: 7px;
	font-size: 50px !important;
	vertical-align: text-bottom;
}
.fa-line{
	color:#1bb71f;
}

.fa-twitter-square{
	color:#1B95E1;
}
.fa-facebook-square{
	color:#3D59A8;
}

/*1/16 追記*/
.block-sns img{
	display:block;
		width: 60px;
    height: 60px;
}
.block-sns a{
	display:block;
	border:none;
	width: 60px;
    height: 60px;
    margin-right:20px;
}
.block-sns .inner_block {
    display: flex;
    text-align: center;
    width: 300px;
    margin: auto;
}
.block-sns a i{
	display:block;
	margin:0;
	padding:0;
}
.fb-like {
    margin-top: 20px;
    position: static!important;
    display: inline-block!important;
}
.block-sns h2{
	line-height:normal;
	margin: 10px auto;
	padding-bottom:0;
}
@media screen and (max-width: 800px){
	.block-sns h2{
		font-size: 6vw;
	}
}
/*投稿するボタン*/
.toukou {
	
}
.toukou a {
	color: #fff;
	text-decoration: none;
  position: relative;
  display: inline-block;
	width: 25%;
	height: 30px;
	padding: 20px;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
	font-size: 2em;
	line-height: 1;
}
.toukou a:hover {
  background: #fdb471;/*背景色*/	
}
@media screen and (max-width: 800px){
.toukou a {
	width:60%;
	font-size: 1.5em;
	padding: 5%;
	height: 15px;
}
}