*{box-sizing:border-box;}
body{font-family:Helvetica,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,"ms pgothic",arial,osaka,sans-serif;-webkit-text-size-adjust:100%;padding:10px 0 10px 0;font-size:12px;background-color:#fff;}
span#content{display:block;padding:0 10px;font-size:16px;line-height:1.5em}
a{color:#050;}
a:hover{color:#090;}

img[layout="responsive"]{width:100%;height:auto;}

/* header */
div#header{position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:1000;
	background-color:rgba(0,0,0,0.2);
	padding:10px 0 10px 10px;}


div#header a{display:inline-block;vertical-align:middle;margin-right:10px;}


a.head_nav{
	display:inline-block;
	margin-right:10px;
	padding:4px 20px;
	color:#fff;
	background-color:#070;
	border-radius:4px;
	text-decoration:none;

}
a.head_nav:hover{
	background-color:#666;
}
a.head_nav_off{
	display:inline-block;
	margin:0 10px;
	padding:4px 20px;;
	background-color:#fff;
	border-radius:4px;
	text-decoration:none;
}
a.head_nav_off:hover{
	color:#fff;
	background-color:#666;
}

div#breadcrumb{font-size:10px;padding:5px 10px;}


/* footer */
div.footer{padding:0;text-align:center;}
span.link2pc{display:block;background:#040;padding:5px 0;}
span.link2pc a{color:#fff;}





h1{font-size:16px; margin-bottom:8px;}
.c_red{font-weight:normal;color:#c00;}
div.l-ttl{background:#252;color:#fff;text-align:center;padding:5px 0;}
div#oh_ttl{position:relative;}
h2.flow_ttl{display:inline-block;position:absolute;left:10px;top:8%;font-size:18px;line-height:1em;width:95%;padding:0;text-align:left;vertical-align:center;color:#fff;}
h2.flow_ttl p{font-size:14px;text-align:left;padding:0;line-height:1.3;font-weight:normal;margin:10px 0 0 0;}

div.ba_item{
	font-size:14px;
	line-height:1.6em;
	text-align: center;
	border-top:#666 dotted 1px;
	border-bottom:#666 dotted 1px;
	padding:20px;
}


.chatting {
	display:inline-block;
	text-align:left;
	position:relative;

}
img.faceicon{
	border: solid 3px #ddd;
	border-radius: 50%;
}
.prof{
	padding-left:10px;
}



/* 流れ */

ul{
	text-align:left;
	list-style-type:none;
	padding-left:0;
}
.col {
	padding:0;
	box-sizing: border-box;
	letter-spacing:-10px;
}
.col li {
	display:inline-block;
	padding:0;
	margin:0;
	list-style-type:none;
	box-sizing:border-box;
	letter-spacing:normal;
	border:none;
	width:100%;
	vertical-align:middle;
	box-sizing: border-box;
	background-color:#eee;
	border-radius:8px;
}


.col li img{
	width:100%;
	border-radius:8px 8px 0 0;
	background-color:#fff;

}
.col_ttl{font-size:22px;font-weight:bold;background:#eee;text-align:left;padding:10px 10px 0px 18px;margin:5px 0 0 0;}
.col_txt{font-size:15px;line-height:1.4;letter-spacing:.01em;padding:0 10px 0 20px;color:#666;margin-top:5px;}

.col a {
	color: #393939;
	text-decoration: none;
}
.col figure:hover {
	opacity: 0.5;
}
.col figcaption {
	padding: 15px 0;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: center;
}


ul.col > span.flow_arrow{
	display:inline-block;
	width:50px;
	letter-spacing:normal;
	text-align:center;
	color:#666;
}
/* 例 */
.text_ex{
	display:inline-block;
	width:100％;
	margin:10px 0;
	text-align:left;
	line-height: 1.6em;
}

.text_ex span{
	font-size:18px;
	font-weight:bold;
	line-height: 1.4em;
}
.tex_oh{
	display:inline-block;
	width:100％;
	padding:20px;
	margin:10px 0;
	text-align:left;
	line-height: 1.6em;
	background:#eee;
}

hr{	
	border:none;
	border-bottom:#666 dotted 1px;
margin:20px 0;
}

/* 下ナビ */

.menu {
text-align: center;
}
.menu li {
	display: inline-block;
	padding:0;
	margin:0 5px;
}

.menu_ttl{font-size:15px;font-weight:bold;text-align:left;padding:0;margin:0;}

.menu_navi_l{font-size:14px;text-align:left;color:#080;padding:0;margin:0;}
.menu_navi_r{font-size:14px;text-align:right;color:#080;padding:0;margin:0;}

.menu a {
	color: #393939;
	text-decoration: none;
}


/* Youtube */
.yt_iframe{position:relative;width:100%;padding-top:56.25%;}
.yt_iframe iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important;}