*{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:22px; 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;}

.says{display:inline-block;position:relative;width:85%;margin:5px 0 0 20px;padding:15px;border-radius:8px;background:#ddd;}
.says:after{content:"";display:inline-block;position:absolute;top:18px; left:-24px;border:12px solid transparent;border-right:12px solid #ddd;}

/* 流れ */
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;}
.exm_ttl{font-size:18px;background:#eee;text-align:left;padding:10px 10px 0px 18px;margin:5px 0 0 0;}
.exm_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 10px 0;text-align:left;line-height:1.6em;}
.text_ex span{font-size:18px;font-weight:bold;line-height:1.4em;}
hr{	border:none;border-bottom:#666 dotted 1px;}

/* 下ナビ */
.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;}

li.page_nav{width:100%;background:none;text-align:center;}
li.page_nav > a{color:#000;display:inline-block;text-decoration:none;padding:0 10px;line-height:30px;border-radius:3px;background-color:#eee;}
li.page_nav > a:hover{color:#fff;background-color:#666;}
li.page_nav > span.current{color:#fff;display:inline-block;padding:0 10px;line-height:30px;border-radius:3px;background-color:#999;}