@charset "utf-8";
/*
Theme Name: AFLO 2015
Description: studio aflo
Version: 1.0-20150801
Author: Teppei_Uematsu
Author URI: http://moondogs.jp/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	word-break: normal;
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {

}

@charset "UTF-8";
* { margin : 0 ; padding : 0 ; }


.site{
	position: relative;		/* フッター部の配置用に定義 */
	min-height: 100%;	
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}


address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 24px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
}

dd {
	margin-bottom: 24px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;}
img.size-full,
img.size-large,
img.size-medium{margin:10px 0;display:block;}


figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin: 30px 0;
}

ul, li{display:inline-block}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #e60000;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #e60000;
	color: #fff;
	text-shadow: none;
}


/* coooooooooooooooooooooooooooooooooooool*/

* { margin : 0 ; padding : 0 ; }
body { 
text-align: center; /* center on ie */
width: 100%;
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	height: 100%;	/* 縦の高さを100% */
font-size: 16px;
line-height: 26px;
color:##343434;
background:#fff;
font-family:'Lucida Grande','Meiryo','メイリオ','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','sans-serif';
}
  
a {word-break:break-all}


h2{font-size:30px;line-height:30px;}

h3{font-size:24px;line-height:30px;}

h4{font-size:17px;line-height:25px;}
 
 .asset-image{ width:0%;height:auto;} 
 .single-main-inner img{max-width:100%;height:auto;}
 
li{list-style:none;}

 .linkblock {position:relative;}
 
 .linkblock a{position:absolute;top:0;left:0;width:100%;height:100%;}
 
 .linkblock a:hover{background-color:#FFF; filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3; }
 
 .clearfix:after	{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.squair{position: relative;}
.squair:after{padding-top: 100%;display: block;content: "";}

.pagetop{
	background:#78beb5;
	border-radius:38px 38px 0 0;
	color:#fff;
	padding:7px 8px 3px;
	margin:0 auto;
	width:76px;
	font-size:12px;
	line-height:14px;
	margin-top:20px;
	clear:both;
	}
 
 .site-main{padding-bottom: 0px; }
  
 .inline-list{font-size:0;}

 #content{text-align:left;}
  
 header{margin: 0 auto;}
 
 /*記事画像 */
.slideshow{margin-bottom:20px;width:100%;}
img.mt-image-none{margin:10px auto;clear:both;}
 
.entry-images{
width:100%;
height:auto;
margin:10px 0px;
padding:0;
display:inline-block;
vertical-align:top;
}

.entry-images-thumb{width:100%;height:100%;}


/*Youtube関連 */
.vtr {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin:10px 0 50px 0;
}

.vtr iframe,
.vtr object,
.vtr embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

 .impact{font-family: 'Exo 2', sans-serif;font-weight:900;}
 .semi{font-family: 'Exo 2', sans-serif;font-weight:600;}
 .coda{font-family: 'Coda', cursive;}
 
a {color:#FF4A90;text-decoration:underline;}
a:link {color:#FF4A90;text-decoration:underline;}
a:visited {color:#FF4A90;text-decoration:underline;}
a:hover {color:#FF97BF;text-decoration:none;}
a:active {color:#FF97BF;text-decoration:none;}

.hh, .hiphop {background:#4893cd; }
.hj, .hiphop-jazz {background:#52b5d1;}
.hhb, .hiphop-breakin {background:#0bc27f;}
.rg {background:#ec72ac;}
.rgj, .rg-jazz{background:#f25d8e;}
.cheer {background:#cf5ed3;}
.park, .themepark {background:#EEA300;}
.jpop {background:#beb746;}
.jazz {background:#449276;}
.jf, .jazz-funk {background:#9cc45e;}
.oyako {background:#db5f5f;}
.pta {background:#fa7373;}
.kids, .kids-dance{background:#81adf6;}
.senbatsu{background:#3fa59d;}
.other{background:#a0a0a0;}

.hhf, .hiphopf {color:#4893cd;border-bottom: 3px solid #4893cd; }
.hjf, .hiphop-jazzf {color:#52b5d1;border-bottom: 3px solid #52b5d1;}
.hhbf, .hiphop-breakinf  {color:#0bc27f;border-bottom: 3px solid #0bc27f;}
.rgf {color:#ec72ac;border-bottom: 3px solid #ec72ac;}
.rgjf, .rg-jazzf {color:#f25d8e;border-bottom: 3px solid #f25d8e;}
.cheerf {color:#cf5ed3;border-bottom: 3px solid #cf5ed3;}
.parkf, .themeparkf {color:#EEA300;border-bottom: 3px solid #EEA300;}
.jpopf {color:#beb746;border-bottom: 3px solid #beb746;}
.jazzf {color:#449276;border-bottom: 3px solid #449276;}
.jff, .jazz-funkf {color:#9cc45e;border-bottom: 3px solid #9cc45e;}
.oyakof {color:#db5f5f;border-bottom: 3px solid #db5f5f;}
.ptaf {color:#fa7373;border-bottom: 3px solid #fa7373;}
.kidsf, .kids-dancef{color:#81adf6;border-bottom: 3px solid #81adf6;}
.senbatsuf{color:#3fa59d;border-bottom: 3px solid #3fa59d;}
.otherf{color:#a0a0a0;border-bottom: 3px solid #a0a0a0;}

.hh-image {background:url(/wp-content/themes/aflo2015/images/hh.jpg);background-size:cover;background-position:center 40%;}
.hj-image {background:url(/wp-content/themes/aflo2015/images/hj.jpg);background-size:cover;background-position:center 35%;}
.hhb-image {background:url(/wp-content/themes/aflo2015/images/hhb.jpg);background-size:cover;background-position:center 35%;}
.rg-image {background:url(/wp-content/themes/aflo2015/images/rg.jpg);background-size:cover;background-position:center 55%;}
.rgj-image {background:url(/wp-content/themes/aflo2015/images/rgjazz.png);background-size:cover;background-position:center 30%;}
.cheer-image {background:url(/wp-content/themes/aflo2015/images/cheer.png);background-size:cover;background-position:center 15%;}
.park-image {background:url(/wp-content/themes/aflo2015/images/park.png);background-size:cover;background-position:center center;}
.jpop-image {background:url(/wp-content/themes/aflo2015/images/jpop.png);background-size:cover;background-position:center 40%;}
.jazz-image {background:url(/wp-content/themes/aflo2015/images/jazz.jpg);background-size:cover;background-position:center 20%;}
.jf-image {background:url(/wp-content/themes/aflo2015/images/jf.jpg);background-size:cover;background-position:center center;}
.oyako-image {background:url(/wp-content/themes/aflo2015/images/oyako.png);background-size:cover;background-position:center 30%;}
.pta-image {background:url(/wp-content/themes/aflo2015/images/ptad.png);background-size:cover;background-position:center 40%;}
.kids-dance-image {background:url(/wp-content/themes/aflo2015/images/kids.jpg);background-size:cover;background-position:center 45%;}
.senbatsu-image {background:url(/wp-content/themes/aflo2015/images/senbatsu.png);background-size:cover;background-position:center 40%;}
.none-image {background:url(/wp-content/themes/aflo2015/images/noclass.png);background-size:cover;background-position:center center;}

.tags{width:100%;font-size:0;line-height:0;}
.tags li{padding:4px ;margin:2px; line-height:12px;font-size:12px;width:auto;color:#fff;display:inline-block;vertical-align:top;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}

.taikenform{background:#ff6393; color: #fff; padding:20px 3%;font-size:17px;font-weight:bold;}

.entry-header .tags{
width:40%;
position:absolute;
bottom:5px;
overflow: hidden;
max-height:30px;
margin:-2px;
}

.entry-header .tags li{line-height:8px;font-size:9px;padding:2px;margin:2px;}

/* ヘッダー */

.site-main{background:#fbf8ef;margin:0;} 
  
.site-title{text-align:center;margin:0 auto;width:86%;}

.logo{margin: 20px auto 0;z-index:999;} 
.logo p{font-size:15px;color:#707070;margin-bottom:10px;}

.slider{margin:20px 0% 0px;width:100%;}

.menu{width:100%;height:auto;margin:0;clear:both;background:#ade9e1;z-index:999;}

.menu-inner{width:100%; height:auto; font-size:0; padding:5px 2%; margin:0 auto;}

.menu-inner li{
  width:50%;
  height:42px;
  margin:0;
  display:inline-block;
  vertical-align:top;
  color:#fff;
  font-size:15px;
  line-height:38px;
  font-weight:bold;
  border:2px solid #ade9e1;
  background: #78beb5;
  border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
}

.menu-inner li.sp{
  color:#fff;
  border:2px solid #ade9e1;
  background: #ff6393;
}

ul.child{display:none;}
ul.child li{background:#80a09c;}


/* インデックス */

.site-content{margin:0px 0 30px;}
.index-main{font-size:0;}
 
.index1{ width:94%;margin:0px 3% 20px;}

.index1 h3{text-align:center;color:#361905;margin:0px 0px;}

.class-list{
  width:100%;height:auto;
  margin-bottom:10px;clear:both;font-size:0;
  text-align:center;display: table;table-layout: fixed;
  }

.class-list li{
  height:auto;
  vertical-align:top;
  width: calc((100% * 1/3) );
  display:inline-block;
  vertical-align:top;
  border:1px #fff solid;
}

.class-list-single li .class-name .box h5{font-size:21px;line-height:23px;}

.class-list li p{
  font-size:12px;
  line-height:11px;
  font-weight:normal;
  color:#fff;
  position:absolute;
  bottom:4px;
  padding:2px 6px 2px 4px;
  -webkit-border-top-right-radius: 10px;  
  -webkit-border-bottom-right-radius: 10px;  
  -moz-border-radius-topright: 10px;  
  -moz-border-radius-bottomright: 10px;  
 }
  
 
.about{
 font-size:17px;
 line-height:23px;
 text-align:left;
 color:#225f63;
 padding:16px 4%;
 background:#b3dbe3;
 }
 
.about-menu{font-size:0;margin-top:10px;width:100%;}
.about-menu li{
width:100%;
padding:20px;
display:inline-block;
vertical-align:top;
font-size:15px;
line-height:15px;
text-align:center;
border-top:2px solid #b3dbe3;
border-bottom:2px solid #b3dbe3;
background:url(/wp-content/themes/aflo2015/images/allow.png) no-repeat #4a9eaf;
background-position: 97% 50%;
background-size:15px 15px;
color:#fff;
}

#page-post .about-menu{margin-top:30px;}
#page-post .about-menu li{border-top:1px solid #fff;border-bottom:1px solid #fff;}

.index2{ width:94%;margin:0 3%;display:inline-block;vertical-align:top;font-size:0;}
.index3{ width:94%;margin:0 3%;display:inline-block;vertical-align:top;font-size:0;}
.facebook{ width:100%;margin:0 0 20px;display:inline-block;vertical-align:top;font-size:0;}

 #info{margin-bottom:20px;}
 #blog{margin-bottom:20px;}
 #info .main-article{padding:10px 0; border-bottom:#ccc 1px dashed;}
 #blog .main-article{padding:5px 0;}
 .index2 h3, .index3 h3{color:#361905;margin-bottom:5px;}


.content{width:94%;margin:0 3%;margin-bottom:20px;}

.main-article{margin: 0 ;position:relative;width:100%;clear:both;}

.entry-header{display:inline-block;vertical-align:top;}

.news-image{margin:0;}
.eyecacth{
width:100%;
height:100%;
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
}

#pickup .news-image {width:100%; height:70px;}
#blog .news-image {
width:40%;
height:100px;
display:inline-block;
vertical-align:top;
}

#blog .entry-header {
height:auto;
width : 60% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 40%) ;
width : calc(100% - 40%) ;
height:100px;
padding:7px;
background:url(/wp-content/themes/aflo2015/images/blog-bg.png) no-repeat #fff1ba;
background-position: right bottom;
background-size:75px auto;
box-sizing: border-box;
}

h5.entry-list{
color:#5d4011;
font-size:14px;
line-height:18px;
margin:0;
font-weight:bold;
clear:both;
}

#info h5.entry-list{color:#FF4A90;}

.time{margin-bottom:5px;font-size:14px;line-height:12px;color:#858585;width:100%;}

.more{
 font-size:15px;
 line-height:20px;
 height:30px;
clear:both;
text-align:center;
width:100%;
margin:7px auto 30px;
padding:5px 0;
background:#f6f6f6;
color:#FF4A90;
}

.members{width:100%;margin:22px 0;text-align:center;padding:10px;background-image:url(/wp-content/themes/aflo2015/images/allow.png); background-repeat:no-repeat;background-position: 97% 50%; background-size:15px 15px;color:#50420b; font-size:17px;font-weight:bold; background-color:#f7da52;border:2px solid #E2BF2D; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}

/* サイドバー */

.sidebar-inner{width:94%;margin:0 3%;margin-bottom:20px;}

.banner{width:100%;margin-bottom:20px;}

.side-article{
	margin: 10px 0 ;
	padding:2px;
	position:relative;
	width:100%;
	background:#fff;
	color:#000;
	clear:both;
	border:1px solid #000;
	box-sizing: border-box;
}



/* 個別記事 */

.bread{width:94%;margin:0 3%;text-align:left;font-size:13px;line-height:19px;color:#787878;}
.bread a,.bread a:link,.bread a:visited {color:#787878;text-decoration:underline;}
.bread a:hover,.bread a:active {color:#787878;text-decoration:none;}
.bread .cf{padding:10px 0 ;}

.single-main{
margin:0 3% 30px;
width:94%;
display:inline-block;
vertical-align:top;
font-size:16px;
line-height:28px;
background:#fff;
box-shadow:0px 1px 1px 0px rgba(0,0,0,0.3);
}

.single-main:after {
	content: "";
	display: block;
	clear: both;
}
	
.single-main-inner{word-break: normal;padding:10px 3% 30px;width:100%;}

h5.midashi{font-size:19px;line-height:23px;font-weight:bold;margin:30px 0 10px;}

.single-header{margin-bottom:0px;padding:20px 3% ;}

header.annai {
background:url(/wp-content/themes/aflo2015/images/star_shadow.png) #6a6a6a;
background-repeat:no-repeat;
background-position: 99% top;
background-size:auto 100%;
background-blend-mode:multiply;
color:#fff;
}

header.instructor {
background:url(/wp-content/themes/aflo2015/images/intr_shadow.png) #6a6a6a;
background-repeat:no-repeat;
background-position: 98% top;
background-size:auto 100%;
background-blend-mode:multiply;
color:#fff;
}

header.class{
background-image:url(/wp-content/themes/aflo2015/images/afro_shadow.png);
background-repeat:no-repeat;
background-position: right top;
background-size:auto 160%;
background-blend-mode:multiply;
color:#fff;
}

h2.single-title{
margin:0;
font-size:21px;
line-height:25px;
color:#361e00;
font-weight:bold;
word-break: normal;
}

h2.page-title{
margin:0;
font-size:21px;
line-height:25px;
font-weight:bold;
word-break: normal;
}

.single-header .tags {padding:10px 0 6px;margin:20px 0 5px;border-top:2px dashed #c6c6c6;border-bottom:2px dashed #c6c6c6;}
.single-header .tags li{margin:0px 4px 4px 0;}

.single-header .date{text-align:right;font-size:14px;line-height:19px;color:#898989;}

.entry-header .tags{width:auto;text-align:left;margin-bottom:0px;line-height:13px;font-size:10px;position:absolute;bottom:10px;color:#858585;}


.sns-button{text-align:center;width:100%;line-height:0;font-size:0;}
.sns-button li{margin:0 20px;height:20px;display:inline-block;line-height:0;}

.single-footer{clear:both;margin-top:10px;}

#pagination{width:100%;margin:10px 0;clear:both;}
#pagination li{float:right;width:94%;background:#f1f1f1;font-size:14px;line-height:19px;padding:10px 15px;margin:0 3% 10px;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#pagination li p{font-size:12px;line-height:19px;}
#pagination li.next{}

.single-footer-innner{background:#dbdbdb;padding:10px 3%;}

.single-footer p{font-size:12px;line-height:17px;color:#838383;}

.single-footer h5{
clear:none;
color:#1A607C;
font-size:14px;
line-height:18px;
font-weight:bold;
}

.page-nav {width:100%;text-align:center;margin:20px 0;padding:10px 0;background:#EAEAEA;}
.page-nav li a{margin:0 5px;font-size:11px; line-height:20px;width:26px;text-align:center;padding:3px 0;border-radius:13px;-webkit-border-radius: 13px;-moz-border-radius:13px;background:#FF4A90;color:#fff;display:block;text-decoration:none;}
.page-nav li a:hover{background:#fdc4da;}

.page-nav li .current{margin:0 5px;font-size:11px; line-height:20px;width:26px;text-align:center;padding:3px 0;border-radius:13px;-webkit-border-radius: 13px;-moz-border-radius:13px; background:#361905;color:#fff; display:block; text-decoration:none;}

.page-nav li .dots{margin:0;font-size:10px; line-height:20px;color:#361905;}

/* ページ */

.class-list-single{width:100%;font-size:0;}
.class-list-single li{width:100%;height:100px;display:inline-block;vertical-align:top;margin-bottom:10px;}
.class-list-single li .images{width:50%;height:100%;display:inline-block;vertical-align:top;}
.class-list-single li .class-name{width:50%;height:100px;display:inline-block;vertical-align:top;color:#fff;text-align:center;}
.class-list-single li .class-name .box{position:relative;top:50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.class-list-single li .class-name .box p{font-size:11px;line-height:15px;margin-top:8px;}


.lesson-info{width:100%;font-size:0;margin:0;}

.lesson-info h3 {
width:100%;
padding:15px;
font-size:22px;
font-weight:bold;
color:#fff;
font-weight:bold;
text-align:center;
}

.lesson-info h4 {color:#787878;margin-bottom:5px;font-weight:normal;}
.lesson-info p{margin-bottom:5px;}

.info-inner{padding:30px 15px 20px;background:rgba(255,255,255,0.7);}

.class-info{width:auto;padding:3px 7px;color:rgba(255,255,255,0.9);border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;margin-bottom:10px;font-weight:bold;clear:both;}

.sch{
width:100%;
display:inline-block;
vertical-align:top;
font-size:16px;
line-height:22px;
color:#3d3d3d;
margin-bottom:15px;
}

.intr{width:100%;font-size:0;display:inline-block;vertical-align:top;}
.intr .linkblock{background:#b4b4b4; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;padding:5px;height:80px;margin-bottom:5px;}
.intr-pic{
width:70px;
height:70px;
display:inline-block;
vertical-align:middle;
border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
}  

.intr-name{
width : -webkit-calc(100% - 70px) ;
width : calc(100% - 70px) ;
font-size:16px;
line-height:16px;
text-align:center;
margin:0;
font-weight:bold;
color:#fff;
display:inline-block;
vertical-align:middle;
}

.biglink{
width:100%;
padding:20px;
background:url(/wp-content/themes/aflo2015/images/allow.png) no-repeat ;
background-position: 97% 50%;
background-size:15px 15px;
color:#fff;
font-weight:bold;
text-align:center;
}

.intr-list{width:94%;margin-bottom:10px;font-size:0;line-height:0;height:120px;background:#e4e4e4;padding:10px 3%;box-sizing: content-box;}
.intr-list .name{display:inline-block;vertical-align:middle;width:calc(100% - 120px);font-size:19px;line-height:23px;text-align:center;padding:10px 5px 0;}
.intr-list .name h5{margin-bottom:5px;}
.intr-list .photo{display:inline-block;vertical-align:middle;width:120px;height:120px;border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px;}
.intr-list .tags li{line-height:8px;font-size:9px;padding:2px;margin:2px;}


.akko{background:url(/wp-content/themes/aflo2015/images/intr/akko.png);background-size:cover;background-position:center center;}
.ayumi{background:url(/wp-content/themes/aflo2015/images/intr/ayumi.png);background-size:cover;background-position:center center;}
.hikachyu{background:url(/wp-content/themes/aflo2015/images/intr/hikachyu.png);background-size:cover;background-position:center center;}
.hitomi{background:url(/wp-content/themes/aflo2015/images/intr/hitomi.png);background-size:cover;background-position:center center;}
.mayuko{background:url(/wp-content/themes/aflo2015/images/intr/mayuko.png);background-size:cover;background-position:center center;}
.emi{background:url(/wp-content/themes/aflo2015/images/intr/emiichikawa.png);background-size:cover;background-position:center center;}
.shyoko{background:url(/wp-content/themes/aflo2015/images/intr/shyoko.png);background-size:cover;background-position:center center;}
.yasuhide{background:url(/wp-content/themes/aflo2015/images/intr/yasuhide.png);background-size:cover;background-position:center center;}
.mayumi{background:url(/wp-content/themes/aflo2015/images/intr/mayumi_shirataki01.png);background-size:cover;background-position:center center;}
.asami{background:url(/wp-content/themes/aflo2015/images/intr/asami01.png);background-size:cover;background-position:center center;}
.teru{background:url(/wp-content/themes/aflo2015/images/intr/teru01.png);background-size:cover;background-position:center center;}
.shitori{background:url(/wp-content/themes/aflo2015/images/intr/shitori.png);background-size:cover;background-position:center center;}
.shinji{background:url(/wp-content/themes/aflo2015/images/intr/shinji.png);background-size:cover;background-position:center center;}

.intr-info{width:100%;font-size:0;line-height:0;margin-bottom:20px;}
.intr-info h5{font-size:18px;line-height:25px;color:#F88686;border-bottom:1px dashed #F88686;margin-bottom:10px;}
.intr-content{display:inline-block;vertical-align:top;width:100%;font-size:15px;line-height:21px;margin-bottom:10px;}
.intr-info .name{font-size:19px; line-height:23px;font-weight:bold;}
.intr-info .tags{margin:5px 0 ;}
.intr-info .comment{width:100%;font-size:16px;line-height:23px;margin:30px 0;}
.intr-info .intr-blog{width:100%;color:#fff;text-align:center;font-size:16px;line-height:23px;padding:20px;background:url(/wp-content/themes/aflo2015/images/allow.png) no-repeat #7daea9;background-position: 97% 50%; background-size:15px 15px;}


/* ページナビゲーション */

.entry-nav{font-size:15px;line-height:18px;font-weight:normal;background:#000;padding:10px 0 30px;}
.entry-nav-inner{width:300px;padding:10px;margin:0 auto;color:#ffd100;}

.entry-nav ul li{font-weight:normal;margin:8px 0;padding:5px 7px;}
 
/* フッター */

.sns-icon{font-size:0px;margin:0 auto 10px;width:100%;text-align:center;}
.sns-icon li{
width:50px;
height:50px;
margin:0 30px;
display:inline-block;
}

.site-footer{background:#1f1400;clear:both;}

.footer-content{width:100%;padding:20px 4% 10px;text-align:left;font-size: 0px;}

.site-nav{display:inline-block;vertical-align:top;color:#f5e7cc;width:100%;}
.footer-nav{display:inline-block;vertical-align:top;font-size:0;width:50%;margin-bottom:20px;}
.footer-nav li{font-size:12px;line-height:40px;width:100%;}

.footer-nav li a {color:#f5e7cc;text-decoration:none;}
.footer-nav li a:link {color:#f5e7cc;text-decoration:none;}
.footer-nav li a:visited {color:#f5e7cc;text-decoration:none;}
.footer-nav li a:hover {color:#f5e7cc;text-decoration:underline;}
.footer-nav li a:active {color:#f5e7cc;text-decoration:underline;}

.site-info{display:inline-block;vertical-align:top;color:#fff;font-size:12px;line-height:23px;text-align:center;width:100%;}
.footer-logo{width:80%;margin:0 auto 10px;}
.copyright {margin-top:20px;font-size:14px;}

/*------------------*/

@media screen and (min-width : 480px){
  /* 最小幅 480px 以上の指定 */

  /* ヘッダー */

.logo{margin: 20px auto 0;z-index:999;} 
 
/* インデックス */
 
.index1{ width:90%;margin:0px 5% 20px;}

.class-list li p{ font-size:17px; line-height:16px;}
  
.index2{width:90%;margin:0px 5% 20px;}
.index3{width:90%;margin:0px 5% 20px;}
.facebook{width:100%;margin:0px 0 20px;}

.content{width:90%;margin:0px 5% 20px;}

/* フッター */
.footer-content{padding:20px 5% 10px;}
.footer-nav li{font-size:14px;line-height:40px;width:100%;}
.footer-logo{width:300px;}

}


@media screen and (min-width : 768px){
  /* 最小幅 768px 以上の指定 */

/* ヘッダー */

.logo{max-width:500px;}

/* インデックス */

.index1{ width:100%;margin:0px 0 20px;}
.site-content{width:94%;margin:0px 3% 30px;font-size:0;}
.index2{ width:47%;margin:0;padding:0px ;float:left;}
.index3{ width:47%;margin:0;padding:0px ;float:right;}
.facebook{width:100%;margin:0;margin-bottom:20px;padding:0px ;}
.content{width:94%;margin:0px 3% 20px;}

#index li{width: calc((100% * 1/3) );height:100px; border:3px #fff solid;}
#index li p{
  font-size:18px;
  line-height:17px;
  font-weight:normal;
  color:#fff;
  position:absolute;
  bottom:0px;
  padding:4px 10px;
  -webkit-border-top-right-radius: 0px;  
  -webkit-border-bottom-right-radius: 0px;  
  -moz-border-radius-topright: 0px;  
  -moz-border-radius-bottomright: 0px;  
 }
 
 .about-menu li{ width:calc((100% * 1/2));background-position: 7px 50%;}
 #page-post .about-menu li{width:100%;}
.index1 ul li{border:2px solid #b3dbe3;}
/* サイドバー */

#sidebar{float:right;width:30%;margin:0 ;}
#sidebar .class-list li p{ font-size:12px; line-height:11px;}

/* 個別記事 */

.single-main{width:68%;margin:0;margin-bottom:30px;}

.sns-icon{margin:5px 0 0;width:86px;position:absolute;top:0px;right:3%;}
.sns-icon li{width:35px;height:35px;margin:0 0 0 8px ;}

/* フッター */
.site-footer{padding-bottom:20px;}

.footer-content{width:100%;padding:40px 3% 20px;}

.site-nav{width:57%;}
.footer-nav{width:50%;margin-bottom:0px;}
.footer-nav li{font-size:14px;line-height:30px;width:100%;}

.site-info{font-size:13px;line-height:23px;width:43%;text-align:right;}
.footer-logo{width:100%;padding-left:10%;margin:0 0 15px 0px;float:right;}


}


@media screen and (min-width : 1024px){
  /* 最小幅 1024px 以上の指定 */

/* ヘッダー */

 .site-main{background:#fbfbf8;margin:0;}

.logo{width:400px;}
 
.menu-inner{width:980px;padding:5px 0;position:relative;}

.menu-inner li{width:calc((100% * 1/6) );}
 
 ul.child{width:240px; padding:5px 10px 10px;position:absolute;top:45px;left:124px;z-index:9;background:#ade9e1;border-left:3px solid #d9f7f3;border-right:3px solid #d9f7f3;border-bottom:3px solid #d9f7f3;}
ul.child li{width:200px;}
 
/* インデックス */

 .slider{width:850px;margin:90px auto 0px;}

.site-content{width:980px;margin:0px auto 30px;font-size:0;}
 
.index1{ width:980px; margin:0 0 20px;}

.class-list{ width:980px;margin:0 auto 20px;}

.about{padding:30px;}
.about-menu li{ width:calc((100% * 1/4));background-position: 7px 50%;}
#page-post .about-menu li{width:100%;}

.index2{ width:47%;margin:0;padding:0px ;float:left;}
.index3{ width:47%;margin:0;padding:0px ;float:right;}
.index1 ul li{width:25%;border:2px solid #b3dbe3;}
 
#info{margin-bottom:30px;}
#blog{margin-bottom:30px;}
.facebook{margin:0;margin-bottom:20px;padding:0px ;}

#blog .news-image {height:110px;}
#blog .entry-header {height:110px;}

.main-topics{width:400px;margin:0 0 20px;float:left;}
 
.news-image{height:160px;}

/* サイドバー */

#sidebar{ width:300px;display:inline-block;vertical-align:top;margin:0;}

.sidebar-inner{margin-top:0px;}

#sidebar h3{margin-bottom:2px;color:#361905;}

#sidebar .class-list{ width:100%;margin-bottom:20px;}
#sidebar .class-list li{width: calc((100% * 1/3) ); }
#sidebar .class-list li p{ font-size:12px; line-height:11px;}
#sidebar .class-list li p.kids{font-size:11px;}

/* 個別記事 */

.single-main{
width:640px;
margin:0 40px 0 0;
display:inline-block;
vertical-align:top;
font-size:16px;
line-height:28px;
background:#fff;
box-shadow:0px 1px 1px 0px rgba(0,0,0,0.3);
}

.single-main:after {
	content: "";
	display: block;
	clear: both;
}
	
.single-main-inner{word-break: normal;padding:10px 30px 30px;}

.single-header{padding:20px 30px ;}

h2.single-title{padding:0 0 5px;font-size:24px;line-height:30px;}

.info{
background:#000;
color:#FFD100;
font-size:10px;
line-height:16px;
float:left;
margin:3px 0;
padding:2px 5px;
}

.item-images{width:250px;margin-right:30px;float:left;}

.item-title{font-size:30px;line-height:36px;}

.buy-btn{
display:inline-block;
vertical-align:top;
width:100px;
margin:10px 2px 0;
font-size:0;
box-shadow:0 1px 1px 0px rgba(0,0,0,0.4);
}


/* ページ */

.class-list-single li .class-name .box h5{font-size:21px;line-height:23px;}
.class-list-single li .class-name .box p{font-size:13px;line-height:17px;}

.sch{width:50%;padding-right:20px;}
.intr{width:50%;}
.taikenform{padding:20px 30px;}

 
/* フッター */

.site-footer{padding-bottom:20px;}

.footer-content{width:980px;padding:40px 0;margin:0 auto;}

.site-nav{width:620px;}
.footer-nav{width:280px;margin-bottom:0px;}
.footer-nav li{font-size:14px;line-height:30px;width:100%;}

.site-info{font-size:15px;line-height:23px;text-align:right;width:360px;}
.footer-logo{width:300px;margin:0 0 15px 60px;}
.copyright {margin-top:0px;}


/*記事画像 */
.entry-images{
width:70%;
height:auto;
margin:20px 15%;
padding:0;
display:inline-block;
vertical-align:top;
}

.sns-icon{margin:5px -485px  0 0;width:86px;position:absolute;top:0px;right:50%;}
.sns-icon li{width:35px;height:35px;margin:0 0 0 8px ;}

}



table.fee {
    width: 100%;
    margin: 10px auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
    font-size: 15px;
    border:none;
}
 
table.fee th, table.fee td {padding: 5px;}
 
table.fee th {
    vertical-align: middle;
    text-align: center;
    width: 50%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}
 
table.fee th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.fee th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        margin-top: -10px;
    }
}
 
table.fee td {width: 50%;padding-left: 20px;text-align:center;font-weight:bold;}

table.monthly th{background: #0FB4DB;}
table.monthly th:after {border-left-color: #0FB4DB;}
@-moz-document url-prefix() {
    table.monthly th::after {border-left: #0FB4DB 10px solid;}}
table.monthly td {background: #C2F4FF;}

table.ticket th{background: #D3AA00;}
table.ticket th:after {border-left-color: #D3AA00;}
@-moz-document url-prefix() {
    table.ticket th::after {border-left: #D3AA00 10px solid;}}
table.ticket td {background: #FFF3C2;}