/*! CSS Document */
/*!
Theme Name: Toushi School Net
Theme URI:
Author: Naoki Sugi
Author URI: http://suginaoki.com
Description:
Version: 1.1.1
License: GPL License
License URI:
Tags:
*/
/*! ============================================================ */
/*! Default
/*! ============================================================ */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

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

body { color: #333; }

a { text-decoration: none; outline: none; }

a:hover img {
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	opacity: 0.6;
}


img { max-width: 100%; height: auto; border: 0; }

iframe { max-width: 100%; }

ol, ul { list-style: none; }

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

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

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

table { width: 100%; border-collapse: collapse; border-spacing: 0; }
table tr th { vertical-align: top; }



/*-----------------------------
  20150601-add
-------------------------------*/
.box{
 font-size:15px;
 margin:0px;
 padding:40px 0 10px 0;
}

ul.beginner-check{
  font-size: 15px;
  margin: 15px;
  color: #1d8d1d;
　list-style-type: none;
　padding :0px !important ;
  
 }

li.beginner-check{
  background: url("http://toushi-school.net/wp-content/uploads/2015/06/beginner_check.png") no-repeat 0 1px;
  padding-left:25px;
　font-size: 140%;
　line-height: 2em;
 list-style-type: none;
}


ul.beginner-circle {
  margin: 10px;
　list-style-type: none;
  padding-left:-20px;
}

li.beginner-circle {
  background: url("http://toushi-school.net/wp-content/uploads/2015/06/beginner_circle.png") no-repeat 0 0px ;
  padding-left:25px;
  list-style-type: none;
　line-height: 2em;

}

ul.beginner-line {
  padding-left:0px;
　list-style-type: none;
}

li.beginner-line{
  background: url("http://toushi-school.net/wp-content/uploads/2015/06/beginner_circle.png") no-repeat 0 1px;
  padding-left: 25px;
  list-style-type: none;
　line-height: 200%;
 　
}


ul.beginner-rosoku
 {
  margin:0px;
　list-style-type: none;
}

li.beginner-rosoku {
  background: url("http://toushi-school.net/wp-content/uploads/2015/06/beginner_circle.png") no-repeat 0 1px;
  padding-left:25px;
  list-style-type: none;
}


.entry-content ul{ 
    margin: 0px 0px 0px 5px !important; }

/*--------standard 02----------*/

ul.standard-check{
　font-size: 20px;
   margin: 10px 5px 10px 5px;
  color: #003399;
　list-style-type: none;
 }

li.standard-check{
  background: url("http://toushi-school.net/wp-content/uploads/2015/06/standard_check.png") no-repeat 0 1px;
  padding-left:25px;
　font-size: 140%;
　line-height: 2em;
 list-style-type: none;
}


ul.standard-circle {
  margin: 10px 5px 10px 5px;
　list-style-type: none;
}

li.standard-circle {
  background: url("http://toushi-school.net/wp-content/uploads/2015/06/standard_circle.png") no-repeat 0 1px;
  padding-left: 25px;
  list-style-type: none;
　line-height: 2em;
}

ul.standard-line {
  margin: 10px;
　list-style-type: none;
}

li.standard-line{
  background: url("http://toushi-school.net/wp-content/uploads/2015/06/beginner_circle.png") no-repeat 0 1px;
  padding-left: 25px;
  list-style-type: none;
　line-height: 200%;
 　
}


ul.standard-rosoku
 {
  margin: 10px;
　list-style-type: none;
}

li.standard-rosoku {
  background: url("http://toushi-school.net/wp-content/uploads/2015/06/beginner_circle.png") no-repeat 0 1px;
  padding-left:25px;
  list-style-type: none;
}



/*-----------------------------
  20150602-add
-------------------------------*/

.entry-content { line-height:2.0em;}
.entry-summary { line-height:1.8em;}
.cell { margin: 0px 15px !important;}

.book {
    min-width:543px !important;
    float: right;
    display: inline-block;
}


/*-----------------------------
  20150603-add
-------------------------------*/
.mawarikomi{
        float:right;
        padding:20px;
        margin: 0 40px 10px 10px;
}
.mawarikomi2{
        float:left;
}
/*-----------------------------
  kiyaku
-------------------------------*/
dl.kiyaku dt {
  text-align: left;
  background:none;
  border:none;
  margin: 5px;
  padding: 2px;
}
dl.kiyaku dd {
  border:none;
  margin: 5px;
  padding: 2px;
}


/*-----------------------------
  201600301-add
-------------------------------*/
.btn a,readmore-button-box a{
	text-align:center;
	border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
	background-color:#fff;
	border:1px solid #E60012;
	display:block;
	float:right;
	text-decoration:none;
	padding:0 10px;
	color:#E60012;;
	font-size:14px;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

.btn a:hover,readmore-button-box a:hover{
	background-color:#E60012;
	color:#fff;
}

.contactbn a{
	text-align:center;
	border-radius: 3px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
	background-color:#fff;
	border:1px solid #E60012;
	width:170px;
	display:block;
	float:right;
	text-decoration:none;
	padding:5px 0;
	color:#E60012;
	margin-top:10px;
	font-size:14px;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

.w140 {
	width:140px!important;
}

.contactbn a:hover{
	background-color:#E60012;
	color:#fff;
}

.clearbt{
	clear:both
}
.ovh{
	overflow:hidden;
}
.m0{
	margin:0 auto;
}

.mt0{
	margin-top:0!important;
}
.mt10{
	margin-top:20px!important;
}
.mt30{
	margin-top:30px!important;
}
.mt40{
	margin-top:40px!important;
}

.mr10{
	margin-right:10px;
}

.mr20{
	margin-right:20px;
}


.pt0{
	padding-top:0!important;
}

.pt10{
	padding-top:15px;
}

.vat{
	vertical-align:top!important;
}

.vam{
	vertical-align:middle!important;
}

.vab{
	vertical-align:bottom!important;
}


.linklist a{
	margin-right:10px;
	white-space: nowrap;
	line-hright:23px;
	
}

hr {
	height:0;
	border:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	width:100%;
	margin-bottom:20px;
	}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin-top:10px
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.txc{
	text-align:center;
}
.txr{
	text-align:right!important;
}

.fr{
	float:right;
}

.box{
	margin:20px 0 30px 0;
	padding:10px;
	border:2px dashed #ccc;
}
.box p {
	margin-bottom:0;
	line-height:27px;
}
.box p span{
	font-weight:bold;
	color:#E74A03;
}

span.all {
    background: #E60012;
    color: #fff;
    display: inline-block;
    padding: 0.2em;
    border-radius: 0.2em;
}

 span.reg {
    font-size: 0.9em;
}

.indent {
  padding-left: 2em;
  text-indent: -2em;
}


#policy li{
margin-bottom:20px;
border-bottom:2px dotted #ddd;
line-height:50px;
}

#policysp li{
margin-bottom:20px;
border-bottom:2px dotted #ddd;
line-height:20px;
}



#policy ,.spnon{
	display:block;
}

#policysp ,.pcnon{
	display:none;
}
#policy img{
	vertical-align:top;
}

#policy i{
	font-size:25px;
	margin-right:10px;
	color:#F9510E;
}


@media screen and (max-width: 767px) {
#policy ,.spnon{
	display:none;
}

#policysp ,.pcnon{
	display:block;
}
}

.pst{
	position:static;
}

.psr{
	position:relative;
	 top:-80px; 
	 right:10px;
	 text-align:right;
}

@media screen and (min-width: 767px) {
       /* .drop-shadow {
            position:relative;
            float:left;
            width:87%;
            padding:3em;
            margin: 10px 10px 4em;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 13px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 13px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 13px rgba(0, 0, 0, 0.1) inset;
        }*/
        .drop-shadow {
            position:relative;
            float:left;
           width: 90.3%;
            padding:2em;
            margin: 10px 0 4em;
            background:#fff;
           border: solid 10px #EDC67B;
        }


 /*       .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }





        .lifted {
            -moz-border-radius:4px;
            border-radius:4px;
        }

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            max-height:100px;
            -webkit-box-shadow:0 20px 10px rgba(0, 0, 0, 0.7);
            -moz-box-shadow:0 20px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 20px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
            -moz-transform:rotate(-3deg);
            -ms-transform:rotate(-3deg);
            -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
        }

        .lifted:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
            -moz-transform:rotate(3deg);
            -ms-transform:rotate(3deg);
            -o-transform:rotate(3deg);
            transform:rotate(3deg);
        }*/
}


.stripe {
    padding: 15px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(-45deg, #d8f5fc 25%, transparent 25%, transparent 50%, #d8f5fc 50%, #d8f5fc 50%, transparent 50%, transparent);
    background-image: linear-gradient(-45deg, #d8f5fc 25%, transparent 25%, transparent 50%, #d8f5fc 50%, #d8f5fc 75%, transparent 75%, transparent);
    background-size: 6px 6px;
}


    .pictfl {
      padding:7px!important;
      border:1px solid #ccc;
      background:#fff;
      box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
	  float:left;
	  margin-right:16px;
	  margin-bottom:30px;
    }
	.fllast {
	  margin-right:0!important;
    }
	
	.pictfl img{
		vertical-align: bottom;
	}
@media screen and (max-width: 767px) {
    .pictfl {
	  margin-right:0;
    }

}


.wbbox{
	margin-top: 10px;
	margin-bottom: 20px;
    background: #d8f5fc;
    padding: 10px;
	word-wrap: break-word;
}

.wbbox h3{
	font-size: 18px;
	color:#2D3691;
	border-bottom: none;
	text-align:center;
	margin:5px 0;
}

.gbox{
	margin-top: 10px;
    background: #D7F3B7;
    padding: 10px;
	word-wrap: break-word;
}

.gbox h3{
	font-size: 18px;
	color:#273d0d;
	border-bottom: none;
	text-align:center;
	margin:5px 0;
}

h3  img{
	float:right;
	margin-top:-45px;
}


.wbox{
    background: #fff;
	border: 1px solid #ccc;
	word-wrap: break-word;
	padding: 10px;
	overflow:hidden;
	margin-bottom:10px
}

.pcr-spm{
	text-align:right;
}
@media screen and (max-width: 767px) {
.pcr-spm{
	text-align:center;
}
}


.scroll{
    width: 100%;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    font-size: 0.85em;
    height: 250px;
    overflow-y: scroll
}

.scroll p{
	padding:0 10px;
	
}


.color{
font-weight:bold;
color:#E60012;
line-height:30px;
}




.char{
	color:#fff !important;
	background-color:#E60012;
	border-radius: 3px;
	padding:1px 4px;
	margin-right:10px;
	
}


.ie{
	color:#73E6FD;
}

#sitemap li{
	margin-bottom:5px;
	
}

#sitemap li i{
	margin-right:15px;
	
}



.ribon {
	position: relative;
	padding: .3em;
	background-color: #FD7D32;
	margin-bottom:10px;
}
.ribon span {
	display: block;
	padding: .75em 1em;
	border: 1px dashed #ccc;
}
.ribon::before,
.ribon::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.ribon::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
.ribon::after {
	top: -40px;
	right: 0;
	border-style: solid;
	border-width: 0 45px 45px 0;
}


.ribon2 {
	position: relative;
	padding: .3em;
	background-color: #075CAC;
	margin-bottom:10px;
}
.ribon2 span {
	display: block;
	padding: .75em 1em;
	border: 1px dashed #ccc;
}
.ribon2::before,
.ribon2::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
.ribon2::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
.ribon2::after {
	top: -40px;
	right: 0;
	border-style: solid;
	border-width: 0 45px 45px 0;
}