@charset "utf-8";


/* header
   ========================================================================== */
   
#header {
	position: relative;
	width: 1000px;
	height: 210px;
	margin: 0 auto;
}

#header-inner {
	width: 1000px;
	height: 145px;
	float: left;
}

#header #head-logo, #header #head-id, #header #head-idcc, #header #head-idcp, #header #head-guide {
	position: absolute;
	color: undefined;
}

#header #head-logo {
	top: 18px;
	left: 0px;
}

#header #head-idcp {
    top: 30px;
    left: 397px;
    font-weight: 500;
    font-size: 14px;
    border-left: 4px solid #000000;
    padding-left: 12px;
    line-height: 1.4em;
}

#header #head-idcc {
    top: 6px;
    left: 130px;
    font-weight: 500;
    font-size: 64px;
    color: #FF9900;
}

#header #head-idcp strong {
	font-weight: 500;
	font-size: 18px;
}

#header #head-idcp em {
	color: #FF9900;
	font-weight: 400;
}

#header #head-id {
	top: 100px;
	left: 130px;
	font-size: 27px;
	font-weight: 700;
	font-family: "NotoSerifCJKjp";
}


#header #head-id em {
	font-family: "NotoSansCJKjp";
	font-style: italic;
	font-size: 32px;
}

#header #head-guide {
    top: 36px;
    left: 820px;
}


/*
#header #head-guide a:before {
    content: 'l';
	margin:0 4px;
    color: #1793C1;
}*/

@media screen and (max-width: 960px) {

body {
	background-image: none !important;
}

#header {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}
#header:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#header-inner {
	width: 100%;
	float: none;
	position: absolute;
	height: auto;
}

#header #head-logo {
	display: none;
}

#header #head-idcc {
	display: none;
}

#header #head-idcp {
	display: none;
}

#header #head-id {
	display: none;
}


#header #head-phone {
    display: none;
}
#header #head-guide {
    display: none;
}

}

/* gnavi
   ========================================================================== */


#gnavi {
	width: 1000px;
	height: 60px;
	float: left;
}

@media screen and (max-width: 960px) {

#gnavi {
	width: 100%;
}

}

/* wrapper
   ========================================================================== */

#wrapper {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  zoom: 1;
}


/* side nanigation
   ========================================================================== */
     
#side-nav {
	float: left;
	width: 220px;
	margin-top: 0px;
}
#side-nav dl {
  padding-bottom: 6px;
}
#side-nav .local-nav {
  margin-bottom: 20px;
  border-bottom: solid 2px #F5F5F5;
}
#side-nav .local-nav ul {
  border: solid 1px #D8D8D8;
  border-top: none;
}
#side-nav .local-nav li {
	background-color: #FFF;
	border-bottom: 1px dotted #D3D3D3;
	font-size: 14px;
	font-weight: 400;
}

#side-nav .local-nav li a[href^="http://"]:before, #side-nav .local-nav li a[href^="https://"]:before {
    content: none;
}

#side-nav .local-nav li:last-child {
  border-bottom: none;
}
#side-nav .local-nav li a {
	display: block;
	padding-top: 12px;
	padding-right: 30px;
	padding-left: 12px;
	padding-bottom: 12px;
	background: url(../../common/images/ico-arrow-gray.png) no-repeat 95% center;
	color: #000;
	text-decoration: none;
}
#side-nav .local-nav li .side-sub {
background-color: #FFF3E7;
font-size: 14px;
padding-left: 12px;
font-weight: 300;
padding-top: 12px;
padding-bottom: 12px;
}

#side-nav .local-nav li .side-sub-on {
background-color: #FFE6CF !important;
}

#side-nav .local-nav li .side-med {
	background-color: #FEFBF3;
	font-size: 14px;
	padding-left: 26px;
	font-weight: 400;
	padding-top: 12px;
	padding-bottom: 13px;
	list-style-type: circle;
	border-left: 2px solid #1793C1;
}

#side-nav .local-nav li .side-tit {
	background-color: #FFDCB5 !important;
	font-size: 12px;
	padding-left: 12px;
	font-weight: 400;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}


#side-nav .local-nav li a:hover {
background-repeat: no-repeat;
background-position: 97% center #FFE6CF;
background-image: url(../../common/images/ico-arrow-gray.png);
background-color: #FDFBE9;
}
#side-nav .local-nav li .current {
	background-repeat: no-repeat;
	background-position: 97% center #FFDAB2;
	background-image: url(../../common/images/ico-arrow-gray.png);
	background-color: #F1F8EB;
}
#side-nav #side-nav-contact {
  margin-bottom: 20px;
  border-bottom: solid 2px #F5F5F5;
  text-align: center;
}
#side-nav #side-nav-contact dl {
  padding: 9px 0 11px;
  border: solid 1px #D8D8D8;
  border-top: none;
}
#side-nav #side-nav-contact dt {
  margin-bottom: 8px;
}


@media screen and (max-width: 960px) {
  #side-nav {
    float: none;
    width: auto;
    margin: 0;
    margin-bottom: 0;
  }
  #side-nav .local-nav {
    margin-bottom: 20px;
    border-bottom: solid 2px #F5F5F5;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
  }
  #side-nav .local-nav h3 {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
  }
  #side-nav .local-nav h3 img {
    display: none;
  }
  #side-nav .local-nav h3 a {
	display: block;
	height: 45px;
  }
  #side-nav .local-nav ul {
    border: solid 1px #D8D8D8;
    border-top: none;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
  }
  #side-nav .local-nav li {
    border-top: dotted 1px #D8D8D8;
    border-bottom: none;
    font-size: 14px;
    line-height: 18px;
  }
  #side-nav .local-nav li br {
    display: none;
  }
  #side-nav .local-nav li:first-child {
    border-top: none;
  }
  #side-nav .local-nav li a {
	display: block;
	padding-top: 14px;
	padding-right: 30px;
	padding-left: 14px;
	padding-bottom: 14px;
	background: url(../../common/images/ico-arrow-gray.png) no-repeat 95% center;
	color: #000;
	text-decoration: none;
  }
  #side-nav .local-nav li a:hover {
    background: url(../../common/images/ico-arrow-gray.png) no-repeat 97% center #FDFBE9;
  }
  #side-nav .local-nav li .current {
    background: url(../../common/images/ico-arrow-gray.png) no-repeat 97% center #F1F8EB;
  }
  
  #side-nav #side-nav-top h3 {
    background: url(../../common/images/sp-ttl-intro.png) no-repeat 15px center #C8AD91;
	background-size: auto 14px;
  }
  #side-nav #side-nav-intro h3 {
    background: url(../../common/images/sp-ttl-intro.png) no-repeat 15px center #5AADD6;
    background-size: auto 14px;
  }

  #side-nav #side-nav-contact, #side-nav p {
    display: none;
  }
}

/* side information
   ========================================================================== */
 
#side-info {
	float: left;
	width: 218px;
	margin-top: 0px;
	text-align: center;
	border-bottom: 2px solid #F5F5F5;
}

#side-info .local-nav {
	margin-bottom: 20px;
}
#side-info p {
	padding-left: 10px;
	padding-right: 10px;
}


#side-info strong {
	font-weight: 500;
	font-size: 14px;
}

#side-info em {
	font-weight: 400;
	font-size: 12px;
}

#side-info .id {
	font-weight: 700;
	font-size: 18px;
	font-family: "NotoSerifCJKjp";
}

#side-info .rub {
	font-weight: 400;
	font-size: 10px;
	font-family: "NotoSerifCJKjp";
}

#side-info .mobi {
	font-weight: 400;
	font-size: 10px;
	font-family: "NotoSerifCJKjp";
	margin-top: 10px;
}


#side-info .name {
	font-weight: 700;
	font-size: 20px;
	font-family: "NotoSerifCJKjp";
}

#side-info .name em {
	font-weight: 400;
	font-size: 14px;
	margin-right: 10px;
}

#side-info #tel {
	font-weight: 500;
	font-size: 18px;
	color: #F90;
	font-family: "NotoSerifCJKjp";
	line-height: 1.2em;
}


#side-info span {
	display: inline-block;
	margin-left: 1em;
}

#side-info #side-info-inner {
	float: left;
	width: 100%;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	background-color: #FFFFFF;
	border-bottom: 1px solid #D8D8D8;
}


.prof-name {
	font-weight: 700;
	font-size: 20px;
	font-family: "NotoSerifCJKjp";
}

.prof-name em {
	font-weight: 400;
	font-size: 14px;
	margin-right: 10px;
}

@media screen and (max-width: 960px) {

#side-info {
    display: none;
}

}
 

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}



/* TOPリード
   ========================================================================== */

.Meyecatch {
font-size: 36px;
font-weight: 600;
font-family: "NotoSerifCJKjp";
color: #FF6600;
  }

.Meyecatch span {
display: inline-block;
  }

@media screen and (max-width: 960px) {
.Meyecatch {
font-size: 24px;
text-align: center;
  }
}

.Seyecatch {
font-size: 27px;
font-weight: 600;
font-family: "NotoSerifCJKjp";
  }
.Seyecatch em {
    font-style: normal;
    color: #669900;
  }

@media screen and (max-width: 960px) {
.Seyecatch {
font-size: 18px;
text-align: center;
  }
}


.Mread {
	font-size: 16px;
	font-weight: 600;
	font-family: "NotoSerifCJKjp";
  }

.Mread strong {
	font-weight: 700;
	color: #F60;
  }
  
.Mcolb {
	padding-top: 14px;
	padding-right: 25px;
	padding-left: 20px;
	padding-bottom: 16px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
	background-color: #FBF9F7;
}

.Mcolb h3{
	font-size: 14px;
	font-weight: 500;
	color: #F60;
	border-left-style: none;
	padding-left: 0px;
	margin-bottom: 5px;
}

.Mcolb strong{
	font-weight: 600;
}


.Mcolb em{
	font-weight: 600;
	font-size: 16px;
	font-style: normal;
	color: #FF6600;
}

.Mcolb2 {
	padding-top: 14px;
	padding-right: 25px;
	padding-left: 20px;
	padding-bottom: 16px;
	margin-bottom: 30px;
	border: 1px solid #FF6600;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
	background-color: #FFF;
}

.Mcolb2 h3{
	font-size: 14px;
	font-weight: 500;
	color: #F60;
	border-left-style: none;
	padding-left: 0px;
	margin-bottom: 5px;
}

.Mcolb2 strong{
	font-weight: 600;
}


.Mcolb2 em{
	font-weight: 600;
	font-size: 16px;
	font-style: normal;
	color: #FF6600;
}

.price{
	font-weight: 700;
	font-size: 16px !important;
	color: #FF6600;
	font-family: "NotoSerifCJKjp";
}


@media screen and (max-width: 768px) {

.price{
	font-size: 14px !important;
}

}
 


.Mcolb .total{
	font-weight: 600;
	font-size: 18px;
	text-align: right;
}
.Mcolb .total em{
	font-size: 18px;
	color: #FF6600;
	font-family: "NotoSerifCJKjp";
	font-weight: 700;
}

.Mcolb .total .tt-tax{
	font-size: 14px;
	font-weight: 400;
}



.campn202111 {
    font-size: 24px;
    font-weight: 600;
    font-family: "NotoSerifCJKjp";
    text-align: center;
    line-height: 1.2;
  }

@media screen and (max-width: 960px) {
.campn202111 {
font-size: 18px;
  }
}


.campn202111_txt1 {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
  }


.c2col1 {
	padding-top: 18px;
	padding-right: 25px;
	padding-left: 20px;
	padding-bottom: 24px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
	background-color: #F9E7E7;
}

.c2col1 em {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.c2col1 .li01 {
	padding-left: 24px;
	margin-top: 10px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
}

.c2col1 .li01 li {
	list-style-type: decimal !important;
	margin-bottom: 5px;
}


.campncol1 {
	padding-top: 18px;
	padding-right: 25px;
	padding-left: 20px;
	padding-bottom: 24px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
	background-color: #FFF0DA;
}

.campncol1 em {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.campncol1 .li01 {
	padding-left: 24px;
	margin-top: 10px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
}

.campncol1 .li01 li {
	list-style-type: decimal !important;
	margin-bottom: 5px;
}

.campncol2 {
	padding-top: 14px;
	padding-right: 25px;
	padding-left: 20px;
	padding-bottom: 16px;
	margin-bottom: 10px;
	border: 2px solid #F4484A;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
}

.campncol2 em {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-top: opx;
}

.campncol3 {
    width: max-content;
	padding-top: 14px;
	padding-right: 25px;
	padding-left: 20px;
	padding-bottom: 16px;
	margin-bottom: 10px;
	border: 2px solid #F4484A;
	overflow: hidden;
	font-size: 16px;
	font-weight: 600;
    text-align: center;
    margin: auto;
}

/* レポートコラム
   ========================================================================== */

.RpColb {
	padding-top: 14px;
	padding-right: 25px;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	overflow: hidden;
	font-size: 14px;
	font-weight: 300;
	background-color: #FDFBEB;
}

.RpColb h3{
	font-size: 14px;
	font-weight: 500;
	color: #F60;
	border-left-style: none;
	padding-left: 0px;
}

.RpColb em{
	font-weight: 500;
	border-left-style: none;
	padding-left: 0px;
	font-style: normal;
	font-size: 16px;
}

@media screen and (max-width: 768px) {

.RpColb img {
  max-width: 50%;
  height: auto;
}

}
   
/* equipment
   ========================================================================== */


.box-container{
margin:0;
padding:0
}

.box{
list-style-type:none;
float:left;
margin-bottom:1rem;
margin-left:1%;
margin-right:1%;
width:48%
}

.box:nth-child(2n+1){
clear:both;
margin-left:0
}

.box:nth-child(2n+0){
margin-right:0
}

.box a{
display:block;
width:100%;
height:auto
}

.box a img{
-webkit-back-visibility:hidden;
display:block;width:100%;
height:auto;
vertical-align:bottom
}

.box p{
	text-align: center;
}

@media screen and (max-width: 410px){
.box{
width:100%;
margin-left:0;
margin-right:0
}
}

/* table
   ========================================================================== */


table.t01 {
	border-collapse: collapse;
	text-align: left;
	border-top: 1px solid #ccc;
	width: 100%;
	table-layout:fixed;
}


table.t01 th {
	padding: 16px;
	vertical-align: top;
	border: 1px solid #CCC;
	background-color: #FBF9F7;
	text-align: left;
	word-break: break-all;
	font-weight: 300;
}

table.t01 th em {
	font-weight: 500;
}

table.t01 td {
	padding: 16px;
	border: 1px solid #CCC;
	text-align: center;
	background-color: #FFFFFF;
}

table.t01 td img {
	max-width: 100%;
	height: auto;
}

table.t02 {
	border-collapse: collapse;
	text-align: left;
	border-top: 1px solid #ccc;
	width: 100%;
	table-layout:fixed;
}


table.t02 th {
	padding: 16px;
	vertical-align: middle;
	border: 1px solid #CCC;
	background-color: #FBF9F7;
	text-align: center;
	word-break: break-all;
	font-weight: 300;
}

table.t02 th em {
	font-weight: 500;
}

table.t02 td {
	padding: 16px;
	border: 1px solid #CCC;
	background-color: #FFFFFF;
}

table.t02 td img {
	max-width: 100%;
	height: auto;
}

table.t03 {
	border-collapse: collapse;
	text-align: center;
	vertical-align: top;
	line-height: 1.5;
	border-left: 1px solid #ccc;
	width: 100%;
	font-size: 14px;
}


table.t03 thead th {
	padding: 8px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #5AADD6;
	background-color: #E6F2F7;
}
table.t03 tbody th {
	padding: 8px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #FFFFFF;
}
table.t03 td {
	padding: 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #FFFFFF;
}

/* 2級講座テーブル
   ========================================================================== */

table.t04 {
width: 100%;
border-right: #ccc solid 1px;
border-collapse: collapse;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
text-align: center;
}
table.t04 thead th {
background-color: #FBF9F7;
padding: 10px 15px;
border-right: #ccc solid 1px;
border-bottom: #ccc solid 1px;
}
table.t04 thead th:last-child {
	border-right:#ccc solid 1px;
}
table.t04 tbody th {
background-color: #FBF9F7;
padding: 10px 15px;
border-bottom: #ccc solid 1px;
vertical-align: top;
}
table.t04 tbody tr:last-child th {
	border-bottom:#ccc solid 1px;
}
table.t04 tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	vertical-align:top;
}

@media screen and (max-width: 768px) {

table.t04 {
text-align: left;
}

table.t04 thead {
	display:none;
}
table.t04 tbody th {
	display:block;
}
table.t04 tbody td {
	display:block;
}
table.t04 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.t04 tbody td p {
	padding-left:6em;
}
}


/* index-news
   ========================================================================== */

#news {
	margin-top: -20px;
}

#news dl {
  padding: 18px 10px 12px;
  *zoom: 1;
}
#news dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#news dt {
font-size: 14px;
font-weight: 500;
}

#news dd {
	font-size: 14px;
}

#news dt {
  float: left;
  width: 8em;
}
#news dd {
	margin-left: 8em;
	margin-bottom: 20px;
}
#news a {
color: #000;
text-decoration: underline;
font-weight: 500;
}
#news a:hover {
	color:  #FF6600;
	text-decoration: underline;
}


@media screen and (max-width: 960px) {

#news {
	margin-top: -10px;
  }

  #news dl {
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 2px;
	border-bottom: none;
  }
  #news dt, #news dd {
    font-size: 14px;
    line-height: 18px;
  }
  #news dt {
    float: none;
    width: auto;
    margin-bottom: 0px;
  }
  #news dd {
	margin-left: 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #000000;
	padding-bottom: 10px;
  }
  #news a {
    color: #000;
    text-decoration: none;
  }
  #news a:hover {
	color: #FF6600;
  }
}

.links  {
text-align: right;
padding-right: 28px;
margin-top: 5px;
}

#news a[href^="http://"]:before, #news a[href^="https://"]:before {
    content: none;
}

#news dd p a[href^="http://"]:before, #news dd p a[href^="https://"]:before {
    content: none;
}

#news dd .news-title {
	font-weight: 500;
	font-size: 15px;
	color: #FF6600 !important;
}


/* news-index
   ========================================================================== */

#news-index #news {
	margin-top: -20px;
}

#news-index #news dl {
  padding: 18px 10px 12px;
  border-bottom: dotted 1px #D8D8D8;
  *zoom: 1;
}
#news-index #news dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#news-index #news dt {
	font-size: 14px;
}

#news-index #news dd {
	font-size: 14px;
}

#news-index #news dt {
  float: left;
  width: 8em;
}
#news-index #news dd {
	margin-left: 8em;
	margin-bottom: 10px;
}
#news-index #news a {
  color: #000;
  text-decoration: underline;
}
#news-index #news a:hover {
	color:  #1793C1;
	text-decoration: underline;
}


@media screen and (max-width: 960px) {

#news-index #news {
	margin-top: -10px;
}

#news-index #news dl {
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 2px;
	border-bottom: none;
}
#news-index #news dt, #news-index #news dd {
	font-size: 14px;
	line-height: 18px;
}
#news-index #news dt {
	float: none;
	width: auto;
	margin-bottom: 0px;
}
#news-index #news dd {
	margin-left: 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #000000;
	padding-bottom: 10px;
}
#news-index #news a {
	color: #000;
	text-decoration: none;
}
#news-index #news a:hover {
	color: #1793C1;
}
}

#news-index #news a[href^="http://"]:before, #news-index #news a[href^="https://"]:before {
	content: none;
}

#news-index #news dd p a[href^="http://"]:before, #news-index #news dd p a[href^="https://"]:before {
	content: none;
}

#news-index #news dd .news-title {
	font-weight: 500;
	font-size: 15px;
	color: #FF3300;
}

/* results
	 ========================================================================== */

#results{
	width: 100%;
	padding-top: 10px;
}
 
#results dt{
	clear: left;
	float: left;
	margin: 0;
	width: 12em;
	line-height: 150%;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 0;
	padding-top: 10px;
	font-size: 14px;
}



#results dd{
	padding: 10px 0.5em 10px 7em;
	border-bottom: 1px dotted #CCC;
	line-height: 150%;
	font-size: 14px;
}


#results dd p{
	margin-left: 6em;
}

@media screen and (max-width: 960px) {

#results {
	margin-top: 10px;
}


#results dt {
float: none;
width: auto;
margin-bottom: 0px;
padding: 0px;
}

#results dd {
margin-left: 0px;
margin-bottom: 10px;
border-bottom: 1px dotted #000000;
padding-bottom: 10px;
padding-left: 0px;
padding-top: 0px;
}

#results dd p{
	margin-left: 0em;
}
}
/* entry
   ========================================================================== */


.entry {
	font-size: 14px;
	padding-left: 28px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.entry a {
	font-weight: 500;
}

.entry_ctrl {
	font-size: 14px;
	padding-top: 20px;
	padding-left: 28px;
	text-align: center;
	margin-top: 20px;
}



/* 2級講座一覧ステータスラベル
   ========================================================================== */

.N01{
background-color: #3399CC;
display: inline-block;
padding: .2em .6em .3em;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
font-size: 14px;
margin-bottom: 5px;
}

.N01:after{
content: "お知らせ・更新履歴";
}

.N02{
background-color: #3399CC;
display: inline-block;
padding: .2em .6em .3em;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
font-size: 14px;
margin-bottom: 5px;
}

.N02:after{
content: "San公式ブログ";
}


.N03{
background-color: #3399CC;
display: inline-block;
padding: .2em .6em .3em;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
font-size: 14px;
margin-bottom: 5px;
}

.N03:after{
content: "2級認定講座";
}


.N04{
background-color: #3399CC;
display: inline-block;
padding: .2em .6em .3em;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
font-size: 14px;
margin-bottom: 5px;
}

.N04:after{
content: "各種セミナー";
}


.N05{
background-color: #3399CC;
display: inline-block;
padding: .2em .6em .3em;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
font-size: 14px;
margin-bottom: 5px;
}

.N05:after{
content: "住宅収納スペシャリスト講座";
}






/* 2級講座一覧ステータスラベル
   ========================================================================== */

.accept{
background-color: #3399CC;
display: inline-block;
padding: .2em .6em .3em;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
font-size: 12px;
}

.accept:after{
content: "受付中";
}

.wait{
background-color: #FF3300;
display: inline-block;
padding: .2em .6em .3em;
font-size: 10px;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
}

.wait:after{
content:"キャンセル待ち";
}

.ready{
background-color: #7DBB00;
display: inline-block;
padding: .2em .6em .3em;
font-size: 10px;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
}

.ready:after{
content:"受付準備中";
}

.postpone{
background-color: #dc143c;
display: inline-block;
padding: .2em .6em .3em;
font-size: 12px;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
}

.postpone:after{
content:"延　期";
}

.closed{
background-color: #003366;
display: inline-block;
padding: .2em .6em .3em;
font-size: 12px;
font-weight: 400;
color: #fff;
text-align: center;
vertical-align: text-bottom;
}

.closed:after{
content:"受付終了";
}

/* Ｑ＆Ａ
   ========================================================================== */

.tabContainer {
	width: 100%;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 30px;
}


/* Ｑ＆Ａ */
.tabContainer dl {
	clear: both;
	margin-top: 5px;
}

/* Q */
.tabContainer dl dt {
	padding-left: 36px;
	background-image: url(../images/q.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	background-position: 2px 6px;
	color: #466A46;
}

/* A */
.tabContainer dl dd {
	margin-bottom: 25px;
	background-image: url(../images/a.png);
	background-repeat: no-repeat;
	padding-left: 36px;
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 10px;
	padding-top: 10px;
	background-position: 2px 7px;
	color: #FF9900;
	font-weight: 500;
}


/* マップ
   ========================================================================== */

.fl-img{
	margin-top: 10px;
	margin-bottom: 30px;
}

.fl-img img{
  max-width: 100%;
  height: auto;
}

.accessmap {
    position: relative;
    padding: 0 0 56.25%;
    height: 0;
    overflow: hidden;
}
.accessmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
   


/* mv
   ========================================================================== */


#idximg {
	margin-bottom: 40px;
	height: 480px;
	*zoom: 1;
	background-image: url(../images/idx-bg.png);
	background-repeat: repeat-y;
	background-position: center center;
	background-color: #F8F6F1;
}


#idximg-inner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 480px;
	*zoom: 1;
}

#idximg-inner:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

@media screen and (max-width: 1000px) {
  #idximg {
	height: auto;
	background-image:none;
	background-color:#FFFFFF;
  }
 #idximg-inner {
	width: 100%;
	height: auto;
}
 #idximg-inner img {
	max-width: 100%;
	height: auto;
}
}

@media screen and (max-width: 960px) {
  #idximg {
	  display:none
  }
 #idximg-inner {
	width: 100%;
	height: auto;
}
 #idximg-inner img {
	max-width: 100%;
	height: auto;
}
}


/* topic-path
   ========================================================================== */

#topic-path {
	width: 980px;
	margin-top: 14px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
  *zoom: 1;
	padding-left: 20px;
}
#topic-path:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#topic-path li {
	float: left;
	margin-right: 10px;
	padding-left: 17px;
	background: url(../../common/images/topicpath.png) no-repeat left center;
	font-weight: 300;
	font-size: 13px;
}

#topic-path li [href^="http://"]:before, #topic-path li [href^="https://"]:before {
    content: none;
}

#topic-path li.f-child {
  padding-left: 0;
  background: none;
}
#topic-path a {
  color: #000;
  text-decoration: none;
}
#topic-path a:hover {
	color: #32B5E7;
}

@media screen and (max-width: 960px) {
  #topic-path {
    display: none;
  }
}


/* contents
   ========================================================================== */
   

#contents {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;

  *zoom: 1;
}
#contents:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}



@media screen and (max-width: 960px) {


  #contents {
	width: auto;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0;
  }
}


/* トップページ注目コンテンツ
   ========================================================================== */

.top_left{
    float: left;
    width: 50%;
    padding: 20PX;
}

.top_right{
    float: right;
    width: 50%;
    padding: 20PX;
}

.it1{
	float: left;
	width: 42.4%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 3%;
	border: 1px solid #CCC;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 13px;
	line-height: 18px;
	background-color: #FDFBE9;
}

.it1 h3{
	font-weight: 500;
	font-size: 16px;
	color: #523D2E;
	margin-bottom: 3px;
	border-left-style: none;
	padding-left: 0px;
	line-height: 1.2em;
}

.it1 em{
	font-weight: 500;
	font-size: 14px;
	color: #FF6600;
}

 .it1 img {
    width: 40%;
	height: auto
}
  
@media screen and (max-width:600px){
 .it1 {
    width: 93.5%;
	padding: 3%;
 }
 
 .it1 img {
	width: 30%;
}
}


/* ブログ一覧
   ========================================================================== */

.blg1{
	float: left;
	width: 42.4%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 3%;
	border: 1px solid #CCC;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 13px;
	line-height: 18px;
	background-color: #FFFFFF;
}

.blg1 h3{
	font-weight: 500;
	font-size: 16px;
	color: #523D2E;
	margin-bottom: 3px;
	border-left-style: none;
	padding-left: 0px;
	line-height: 1.2em;
}

.blg1 em{
	font-weight: 500;
	font-size: 14px;
	color: #FF6600;
}

 .blg1 .frame img {
    width: 100%;
	height: auto
}

 .blg1 .frame a[href^="http://"]:before,  .blg1 .frame a[href^="https://"]:before {
    content: none;
}
  
@media screen and (max-width:600px){
 .blg1 {
    width: 93.5%;
	padding: 3%;
 }
 

}



/* Column inner
   ========================================================================== */

#top-column-inner {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.column-inner {
	width: 100%;
	height: auto;
}

.topics-inner {
	width: 100%;
	height: auto;
}

.sp-inner {
	display: none;
  }

.spmcc {
font-weight: 700;
font-size: 42px;
color: #FF9900;
  }

.sp-inner em {
	font-weight: 500;
  }

.sptmcc-inner {
	display: none;
  }
  
@media screen and (max-width: 960px) {
.sp-inner {
	width: 100%;
	height: auto;
	text-align: center;
	display: block;
	margin-bottom: 20px;
  }

.sptmcc-inner {
margin: 16px auto;
text-align: center;
display: block;
  }

.sptmcc-inner ul {
padding-left: 0;
list-style-type: disc;
list-style-image: none;
display: inline-block;
}
.sptmcc-inner ul li {
text-align: left;
font-weight: 600;
}
.sptmcc-inner span {
	display: inline-block;
}

.sp-inner span {
display: inline-block;
  }

.liq2 {
  max-width: 100%;
  height: auto;
}

}

@media screen and (max-width: 320px) {
.sptmcc-inner ul li {
font-size: 11px;
}

}

.item{
	float: left;
	width: 29.7%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 1.2%;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	font-size: 13px;
	line-height: 18px;
	background-color: #FAFBF3;
}

.item h3{
	font-weight: 500;
	font-size: 15px;
	color: #FF3366;
	margin-bottom: 3px;
}

.item em{
	font-weight: 500;
	font-size: 14px;
	color: #106C8F;
	margin-bottom: 3px;
}

.item2{
	float: left;
	width: 29.7%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 1.2%;
	border: 1px solid #E0E0E0;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	font-size: 13px;
	line-height: 18px;
	background-color: #F1FAFE;
}

.item2 h3{
	font-weight: 500;
	font-size: 15px;
	color: #1AA3D7;
	margin-bottom: 3px;
}

.item2 em{
	font-weight: 500;
	font-size: 14px;
	color: #106C8F;
	margin-bottom: 3px;
}

.item3{
	float: left;
	width: 44.6%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 2%;
	border: 1px solid #E0E0E0;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	font-size: 13px;
	line-height: 18px;
	background-color: #FFFFFF;
}

.item3 h3{
	font-weight: 500;
	font-size: 16px;
	color: #523D2E;
	margin-bottom: 3px;
	border-left-style: none;
	padding-left: 0px;
}

.item3 em{
	font-weight: 500;
	font-size: 14px;
	color: #FF3366;
	margin-bottom: 2px;
}

.pickup{
	margin-bottom: 8px;
	background-color: #FF9900;
	width: 55px;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 0.5px;
	padding-left: 6px;
	color: #FFFFFF;
	font-family: jsans;
	font-size: 12px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.check{
	margin-bottom: 8px;
	background-color: #8FBF00;
	width: 45px;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 0.5px;
	padding-left: 6px;
	color: #FFFFFF;
	font-family: jsans;
	font-size: 12px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}



@media screen and (max-width:768px){
  .item{
    width: 45%;
	padding: 1.8%;
  }
  .item2{
    width: 45%;
	padding: 1.8%;
  }
}

@media screen and (max-width:600px){
  .item{
    width: 95%;
	padding: 2%;
  }
  .item2{
    width: 95%;
	padding: 2%;
  }
  .item3{
    width: 95%;
	padding: 2%;
  }
}

/* disp-inBlock
   ========================================================================== */

.t-inner {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.disp-inB {
	display: inline-block;
}

.disp-inB img {
	width:100%;
}

.lbnBox{
	width: 48.7%;
	margin-right: 0.6%;
	margin-bottom: 0.8%;
}

@media screen and (max-width: 960px){
.lbnBox{
	width:48.7%;
}
}


@media screen and (max-width: 600px){
.lbnBox{
	width:100%;
}
}




/* list
   ========================================================================== */
   
.li01 {
	padding-left: 24px;
	margin-top: 10px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
}

.li01 li {
	list-style-type: decimal;
	margin-bottom: 5px;
}


.li01 li em {
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
}

.li02  {
	padding-left: 24px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
}

.li02 li {
	list-style-type: disc;
	margin-bottom: 5px;
}

.li02 li em {
	font-weight: 700;
	font-style: normal;
}

.li-indec {
	padding-left: 24px;
	margin-top: 5px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
}

.li-indec li {
	list-style-type: decimal;
	margin-bottom: 5px;
}


.li-indec li em {
	font-weight: 700;
	font-style: normal;
}

.li-T  {
	padding-left: 5px;
	margin-top: 7px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
	font-size: 14px;
}

.li-T li {
	list-style-type: none;
	margin-bottom: 7px;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: left 5px;
	background-image: url(../../common/images/ico-arrow-gray.png);
}


/* main
   ========================================================================== */



#main {
	float: right;
	width: 740px;
}



#main .read01 {
	font-size: 18px;
	font-weight: 500;
	color: #F08000;
	margin-bottom: 3px;
}

#main .read01 em {
	font-size: 21px;
	font-style: normal;
}

#main .read02 {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 3px;
}

#main .read03 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 3px;
	color: #690;
}

#main .clinic-read {
	font-size: 18px;
	font-weight: 500;
	color: #466A46;
	margin-bottom: 5px;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
}

#main .sign {
	font-size: 16px;
	font-weight: 500;
	color: #466A46;
	margin-bottom: 30px;
	text-align: right;
}

#main .dname {
	margin-bottom: 10px;
}

#main .dname em {
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
}

@media screen and (max-width: 960px) {


#main {
    float: none;
    width: 100%;
    margin-bottom: 30px;
    text-align: left;
  }
#main .read1 {
	font-size: 16px;
}
#main .clinic-read {
	font-size: 16px;
}
}

/*  sitemap page
----------------------------------------------------*/
#sitemap dl {
  width: 740px;
  margin-bottom: 30px;
  *zoom: 1;
}

#sitemap dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#sitemap dt {
padding: 0 0 10px 20px;
border-bottom: dotted 1px #cccccc;
font-weight: 500;
font-size: 16px;
background-repeat: no-repeat;
background-position: 0 5px;
background-image: url(../images/arrow01.png);
margin-top: 8px;
}
#sitemap dd {
	float: left;
	width: 45%;
	margin-top: 10px;
	padding: 0 0 0 12px;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: left 8px;
	background-image: url(../../common/images/ico-arrow-gray.png);
}
#sitemap a {
  color: #333;
  text-decoration: none;
}
#sitemap a:hover {
	color: #32B5E7;
}

@media screen and (max-width: 960px) {
  #sitemap dl {
    width: 100%;
  }
  #sitemap dt {
	padding-top: 0;
	padding-right: 0;
	padding-left: 16px;
	padding-bottom: 5px;
	border-bottom: dotted 1px #d8d8d8;
	font-weight: bold;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-image: url(../images/arrow01.png);
	background-size: 15px auto;
  }
  #sitemap dd {
	float: none;
	width: auto;
	margin-top: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 12px;
	padding-bottom: 0;
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-image: url(../images/ico-arrow-gray.png);
	background-size: 8px auto;
  }
}


/*  blog page
----------------------------------------------------*/
#blog-index #main ul {
  width: 740px;
  margin-bottom: 30px;
  *zoom: 1;
}


#blog-index #main ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#blog-index #main li {
	float: left;
	width: 95%;
	margin-top: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 16px;
	padding-bottom: 0;
	font-size: 14px;
}
#blog-index #main .blog-tit {
	font-size: 18px;
	font-weight: 700;
}
#blog-index #main .blog-tit :before{
	content: 'z';
	margin: 0 4px;
	color: #1793C1;
	font-size: 16px;
}
#blog-page #main .blog-tit {
	font-size: 16px;
	font-weight: 700;
}
#blog-index #main .links a:before {
    content: 'i';
	margin:0 4px;
    color: #1793C1;
}

#blog-index #main a:before, #blog-page #main a:before {
    content: none;
}

#blog-page #main #blog-data {
	border-bottom: 1px dotted #5AADD6;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
#blog-page #main #blog-data p{
	margin-top: 20px;
}
#blog-page #main #blog-data strong {
	font-weight: 700;
}
#blog-page #main #blog-data img {
  max-width: 100%;
  height: auto;
}

#blog-page #main .next, #blog-page #main .list, #blog-page #main .prev {
font-size: 14px;
font-weight: 500;
}

#blog-page #main .next a:before {
	content: 'u';
	margin: 0 7px;
	color: #FF6600
}
#blog-page #main .list a:before {
	content: 'w';
	margin: 0 4px;
	color: #43A2CF;
}

#blog-page #main .prev a:before {
	content: 'g';
	margin: 0 7px;
	color: #FF6600;
}
#blog-page #main #topic-patha li:before {
    content: none;
}
#blog-index #main a, #blog-page #main a {
  color: #333;
  text-decoration: none;
}
#blog-index #main a:hover, #blog-page #main a:hover {
	color: #F08000;
}

#blog-page .peger_box {
	width: 100%;
	margin-top: 30px;
	float: left;
	height: 100%;
}

#blog-page #main ol {
	padding-left: 24px;
	margin-top: 10px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
}

#blog-page #main ol li {
	list-style-type: decimal;
	margin-bottom: 5px;
}


#blog-page #main ul {
	padding-left: 24px;
	margin-top: 10px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
}

#blog-page #main ul li {
	list-style-type: disc;
	margin-bottom: 5px;
}


@media screen and (max-width: 960px) {
  #blog-index #main ul {
    width: 100%;
  }

#blog-index #main li {
	float: none;
	width: auto;
	margin-top: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 12px;
	padding-bottom: 0;
}
#blog-index #main .blog-tit {
	font-size: 16px;
	font-weight: 700;
}

#blog-page .peger_box {
	float: none;
}

}

/* footer
   ========================================================================== */
   
#footer {
	border-top: 4px solid #F1EDE7;
	background-color: #FBF9F7;
}
#footer #footer-inner {
	width: 1000px;
	margin: 0 auto;

  *zoom: 1;
	padding-bottom: 20px;
}
#footer #footer-inner:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


#footer #footer-inner dl {
	float: left;
	width: 235px;
	padding-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#footer #footer-inner ul {
	float: left;
	width: 235px;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#footer #footer-inner dt {
	padding-left: 20px;
	background: url(../../common/images/arrow01.png) no-repeat left center;
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: 300;
	margin-top: 5px;
}


#footer #footer-inner li {
	padding-left: 20px;
	background: url(../../common/images/arrow01.png) no-repeat left center;
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: 300;
}


#footer #footer-inner dd {
	margin-top: 3px;
	margin-right: 0;
	margin-left: 8px;
	margin-bottom: 5px;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: left 4px;
	background-image: url(../../common/images/ico-arrow-gray.png);
	font-size: 13px;
	font-weight: 300;
}


#footer #footer-inner li {
  margin-bottom: 5px;
}
#footer #footer-inner a {
  text-decoration: none;
}
#footer #footer-inner a:hover {
  text-decoration: underline;
}
#footer #copyright {
	padding-top: 30px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
	text-align: center;
	font-size: 16px;
	background-color: #E8E2D8;
}

#footer #copyright #Fsl {
	font-weight: 400;
	font-size: 14px;
}

#footer #copyright #Fid {
	font-weight: 700;
	font-size: 27px;
	font-family: "NotoSerifCJKjp";
}

#footer #copyright #Fid em {
	font-weight: 500;
	font-size: 18px;
}

#footer #copyright #Fadd {
	font-weight: 400;
	font-size: 16px;
}

#footer #copyright #Flogo {
margin-top: 10px;
margin-bottom: 10px;
}


@media screen and (min-width: 960px) {
#footer #copyright #Flogo img {
	display: none;
}
}

#footer #copyright #Ftel {
	font-weight: 500;
	font-size: 18px;
	font-family: "NotoSerifCJKjp";
}

#footer #copyright .Fcr {
	font-weight: 300;
	font-size: 12px;
	margin-top: 3px;
}

#footer #copyright span {
	display: inline-block;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#footer #footer-inner #footer-id {
	float: left;
	width: 170px;
	padding-top: 25px;
	padding-right: 40px;
	padding-left: 12px;
}

@media screen and (max-width: 960px) {

  #footer {
	padding-bottom: 0;
	border: none;
	background-image: none;
	background-color: #EEE9E2;
  }
  #footer #footer-inner {
    width: 100%;
    margin: 0 auto;
    border-left: none;
	padding-bottom: 0px;
	background-image: none;
  }
  #footer #footer-inner ul {
    float: none;
    width: 100%;
    padding: 0;
    border-right: none;
    height: auto !important;
  }
  #footer #footer-inner dl {
    display: none;
  }
  #footer #footer-inner li {
	padding: 0;
	border-top: 1px solid #DBCABE;
	background: none;
	font-size: 14px;
  }
  
  #footer #footer-inner li:last-child {
	border-bottom: 1px solid #DBCABE;
  }
  
  #footer #footer-inner li {
    margin-bottom: 0;
  }
  #footer #footer-inner a {
	display: block;
    padding: 1em;
	text-decoration: none;
  }
  
  #footer #footer-inner a:hover {
  text-decoration: none;
  }
  #footer #footer-inner li:hover {
	background-color: #FFFFFF;
  }
  #footer #copyright {
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 80px;
	border-top: none;
	text-align: center;
	font-size: 14px;
  }

#footer #footer-inner #footer-id {
	display: none;
}

}

@media screen and (max-width: 480px) {

#footer #copyright #Fsl {
font-size: 12px;
margin-bottom: 5px;
	}
}


#pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px;
}


@media screen and (max-width: 960px) {
  #pagetop {
  bottom: 70px;
  }
}


/* cell base color
   ========================================================================== */

.alt1 {
	background-color: #EFEFEF;  
}

.alt2 {
	background-color: #F3F2EE;
}

.alt3 {
	background-color: #FAEFF5;
}

.alt4 {
	background-color: #E1F0F7;
}



/* catch
   ========================================================================== */

.main-catch {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 500;
	color: #1793C1;
	text-align: center;
}

#main .main-sub {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	color: #0C4A63;
}


#main .grt-ch {
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px;
}

#main .grt-sig {
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
	text-align: right;
}



@media screen and (max-width: 960px) {

.main-catch {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 21px;
}

#main .main-catch br {
	display:none;
}

#main .main-sub {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
}


}



/* title
   ========================================================================== */

#main h2.ttl{
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: 600;
	color: #52392C;
	font-family: "NotoSerifCJKjp";
	padding: 6px 0;
	border-bottom: 6px solid rgba(241,237,231,1.00);
	position: relative;
}
#main h2.ttl:before, h2.ttl:after{
	content:"";
	display:block;
	height:6px;
	position:absolute;
	bottom:-6px;
}
#main h2.ttl:before{
	width: 20%;
	left: 8%;
	background-color: rgba(223,215,201,1.00);
}
#main h2.ttl:after{
	width: 30%;
	left: 12%;
	background-color: rgba(255,227,185,1.00);
}

@media screen and (max-width: 960px) {

#main h2.ttl{
	font-size: 18px;
}

}


#main h3 {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 5px;
	font-family: "NotoSerifCJKjp";
}

#main strong{
	font-weight: 500;
}

#main .hdg1{
	font-weight: 500;
	font-size:16px;
}

#main .kmbox{
	padding-top: 16px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border: 1px solid #669966;
	overflow: hidden;
	font-size: 14px;
}

#main .kmbox h3{
	font-size: 16px;
	font-weight: 500;
	color: #466A46;
}

#main .kmbox em{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #FF6600;
}

#main .kmbox .kbread{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	color: #FF3300;
}
#main .kmboxr{
	padding-top: 16px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border: 1px solid #669966;
	overflow: hidden;
	font-size: 14px;
	background-color: #FFFFE1;
}

#main .kmboxr h3{
	font-size: 16px;
	font-weight: 500;
	color: #466A46;
}

#main .kmboxr .chart{
	font-size: 18px;
	font-weight: 700;
	color: #FF3300;
}
#main .kmboxr .chart span{
	margin-right: 1em;
}

#main .kmboxr .formula{
	font-size: 16px;
	font-weight: 500;
	color: #466A46;
}



#main .colb1{
	padding-top: 16px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border: 1px solid #F90;
	overflow: hidden;
	font-size: 14px;
}

#main .colb1 h3{
	font-size: 16px;
	font-weight: 500;
	color: #F90;
	border-left-style: none;
	padding-left: 0px;
	margin-bottom: 5px;
}

#main .colb1 strong{
	font-weight: 500;
}

#main .colb2{
	padding-top: 16px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	overflow: hidden;
	font-size: 14px;
	background-color: #FFF;
}

#main .colb2 h3{
	font-size: 16px;
	font-weight: 500;
	color: #106C8F;
	border-left-style: none;
	padding-left: 0px;
	margin-bottom: 5px;
}

#main .colb2 strong{
	font-weight: 500;
}

#main .colb2 .chart{
	font-size: 18px;
	font-weight: 700;
	color: #FF3300;
}
#main .colb2 .chart span{
	margin-right: 1em;
}

#main .colb2 .formula{
	font-size: 16px;
	font-weight: 500;
	color: #466A46;
}

#main .colb3{
	padding-top: 16px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	font-size: 14px;
	width: 93%;
	background-color: #E8F3F8;
}

#main .colb3 h3{
	font-size: 16px;
	font-weight: 500;
	color: #106C8F;
	border-left-style: none;
	padding-left: 0px;
	margin-bottom: 5px;
}

#main .colb4{
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 60px;
	padding-bottom: 13px;
	border: 1px solid #0CB682;
	overflow: hidden;
	font-size: 15px;
	background-image: url(../images/onepoint01.png);
	background-position: 16px center;
	background-repeat: no-repeat;
	font-weight: 500;
	color: #0AA173;
}

#main .colb5{
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 70px;
	padding-bottom: 13px;
	border: 1px solid #F69;
	overflow: hidden;
	font-size: 14px;
	background-image: url(../images/present.png);
	background-position: 16px center;
	background-repeat: no-repeat;
	font-weight: 500;
	color: #F69;
}

@media all and (-ms-high-contrast:none){
#main .colb4, #main .colb5 { font-family: "jsans" } /* IE10 */
}

#main .colb5 em{
	font-size: 16px;
}

@media screen and (max-width: 960px) {
#main .colb3{
    width: 95%;
	padding: 1.8%;
}
}

@media screen and (max-width: 600px) {
#main .colb3{
    width: 95%;
	padding: 2%;
}
}

@media screen and (max-width: 960px) {


#top-column-inner h2.ttl {
	margin-bottom: 5px;
	font-size: 14px;
  }
#top-column-inner h2.ttl span {
	display: block;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 12px;
	padding-bottom: 9px;
 }
 
 .column-inner h2.ttl {
	margin-bottom: 5px;
	background-repeat: repeat-x;
	background-position: left center;
	background-size: 600px auto;
	font-size: 14px;
  }
.column-inner h2.ttl span {
	display: block;
	padding-top: 9px;
	padding-right: 5px;
	padding-left: 12px;
	padding-bottom: 9px;
 }
 

#main h3 {
	font-size: 16px;
	margin-bottom: 5px;
}


 #main .kmboxr .chart span{
	display:inline-block;
}
 
}

/* blog-link column box
   ========================================================================== */

#main .Bcolb1 ul {
	padding-left: 5px;
	margin-top: 10px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
}

#main .Bcolb1 ul li {
	list-style-type: none;
	margin-bottom: 5px;
}

#main .Bcolb1 ul li em {
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
}

#main .Bcolb1 ul li a:before {
	content: 'z';
	margin: 0 7px;
	color: #43A2CF;
}

#main .Bcolb1{
	padding-top: 16px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	overflow: hidden;
	font-size: 14px;
	background-color: #FFF;
}

#main .Bcolb1 h3{
	font-size: 18px;
	font-weight: 500;
	color: #106C8F;
	border-left-style: none;
	padding-left: 0px;
	margin-bottom: 5px;
}

#main .Bcolb1 strong{
	font-weight: 500;
}

/* news-pager
   ========================================================================== */

.pager{
	width: 350px;
	margin: 0 auto;
	text-align: center;
}

.pager a{
font-size: 16px;
text-decoration: none;
padding: 4px 12px;
margin-right: 2px;
background-color: #FFC49D;
}

.pager p{
	font-size: 14px;
	font-weight: 500;
}

.current_page_number{
background-color: #FFDEAD !important;
}

.pager a{
border-radius: 4px;
border-bottom: 1px solid #FF9900;
border-top: 1px solid #FF9900;
}
.current_page_number{
border-bottom: 1px solid #FF9900;
border-top: 1px solid #FF9900 !important;
}

.r-inner  {
	float: left;
	width: 100%;
}

/* margin
   ========================================================================== */

.mt00 { margin-top:  0   !important;}
.mt02 { margin-top:  2px !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}


/* padding
   ========================================================================== */
   
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

.ta-center {
	text-align: center;
}

/* 点滅
   ========================================================================== */
   
.switch {
	-webkit-animation: switchtext 0.8s infinite alternate;
	-moz-animation: switchtext 0.8s infinite alternate;
	animation: switchtext 0.8s infinite alternate;
	font-size: 18px;
	font-weight: 700;
	color: #009999;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}

/* FAQ
   ========================================================================== */

.faqs{
	padding-top: 5px;
	font-size: 15px;
	padding-left: 14px;
}



.faqs dt{
	font-weight:300;
	background:url(../images/q.png) 0 3px no-repeat;
	padding:3px 0 15px 30px;
	position:relative;
}

.faqs dt:hover{
	cursor:pointer
}

.faqs dd{
	background: url(../images/a.png) 0 0px no-repeat;
	font-weight:400;
	padding-top: 0;
	padding-right: 0;
	padding-left: 30px;
	padding-bottom: 20px;
	position: relative;
	color: #333
}

.faqs .hover{
	color:#32B5E7;
	text-decoration:underline
}

/* FAQ
   ========================================================================== */

.tax {
	font-style: normal;
	font-size: 11px;
	display: inline-block;
}

.kip {
	font-weight: 500;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 16px;
}
.kip em {
	color: #F30;
}
.kip strong {
	font-size: 18px;
	font-weight: 700;
}
.cap1 {
	font-size: 12px;
	font-weight: 300;
}

.lmd-t1 {
	color: #900;
}
.lmd-t2 {
	font-weight:700;
	font-size:21px;
	color: #900;
}

@media screen and (max-width: 960px) {

.lmd-t2{
	font-size:16px;
	}
}  

a:before{
    font-family: 'fontello';
    margin:0 3px;
    color: #333;
}

/* 外部リンク */
li a[href^="http://"]:before, li a[href^="https://"]:before {
    content: 'e';
	margin:0 4px;
	color: #F90;
}

/*
p a[href^="http://"]:before, li a[href^="https://"]:before {
    content: 'e';
	margin:0 4px;
	color: #F90;
}
*/

.bxslider li a[href^="http://"]:before, .bxslider li a[href^="https://"]:before {
    content: none;
}

.lico a:before {
    content: 'l';
	margin:0 4px;
    color: #F90;
}





/* side-bar
   ========================================================================== */

.side-bar {
	position: fixed;
	top: 25px;
	right: 0px;
	width: 50px;
}

.side-bar ul li {
	margin-bottom:10px;
	text-align:right;
}

.side-bar ul li img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.side-bar ul li img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
}

.side-bar ul li a[href^="http://"]:before, .side-bar ul li a[href^="https://"]:before {
    content: none;
}

@media screen and (max-width: 960px) {
.side-bar {
	display:none;
}
}

/* 上付き文字、下付き文字
   ========================================================================== */

span.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}

span.subText {
font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0.1em;
}


.in-link a:before {
    content: 'l';
	margin:0 4px;
    color: #1793C1;
}


/* 本文EM
   ========================================================================== */
.m-b {
	font-weight: 500;
	font-style: normal;
	color: #106C8F;
}

/* ボタン
   ========================================================================== */

.button-inner {
width: 100%;
float: left;
margin-top: 5px;
}


@media screen and (max-width: 960px) {
.button-inner {
	float: none;
}
}

.button {
display: inline-block;
height: 48px;
text-align: center;
text-decoration: none;
line-height: 45px;
outline: none;
color: #CCCCC !important;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 1px solid #CCC;
padding-right: 18px;
padding-left: 18px;
margin-bottom: 10px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: #FFF;
}
.button:hover {
	background-color: #FF9900;
	color: #FFF !important;
}

.p-def {
	margin-left: 24px;
	margin-top: 20px;
	margin-right: 24px;
}

/*769px～PC　PC上では見えないようにする*/
@media screen and (min-width:769px){
	.footer_area{
		display: none;
}	
}

/*スマホ～768pxの幅サイズまで*/
@media screen and (max-width:768px){
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 95%;
    margin: 0px auto;
    padding: 10px 0;
	margin-right: 0px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 95%;
    padding: 11px 0;
    font-size: 21px;
    font-weight: 500;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn {
	background-color: #F08000;
	-webkit-border-radius: 3px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 95%;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 6px;
	font-size: 16px;
	font-weight: 500;
	font-family: "NotoSerifCJKjp";
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
}

/* 新着情報ラベル
   ========================================================================== */

.new-label {
	margin-right: 5px;       /* 先行する文字列との間隔 */
	vertical-align: middle;
}

.no-label{
	display: none;
}

/* 著書紹介
   ========================================================================== */

.Bk-Mread {
	font-size: 24px;
	font-weight: 700;
	color: #990000;
	font-family: "NotoSerifCJKjp";
  }

.Bk-Msub {
	font-size: 27px;
	font-weight: 700;
  }

.Bk-Mttl {
	font-size: 36px;
	font-weight: 700;
	color: #FF6600;
  }

@media screen and (max-width: 960px) {

.Bk-Mread {
	font-size: 18px;
	text-align: center;
  }

.Bk-Msub {
	font-size: 21px;
	text-align: center;
  }

.Bk-Mttl {
	font-size: 27px;
	text-align: center;
  }

}


/* 丸囲み数字リスト
   ========================================================================== */
   
.dlist
,.dlist li{
	padding:0px;
	margin:0px;
}
 
.dlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}

.dlist li strong{
	font-size: 16px;
	font-weight: 500;
}
.dlist li em{
	color: #FF6600;
	font-weight: 500;
}
.li1{
	counter-reset:li;
	margin-left:20px !important;
}
 
.li1 li{
	position:relative;
	display: block;
	padding:8px 0px 8px 32px; 
}
 
li.li1-count:after{
	counter-increment: li;
	content: counter(li);
	position: absolute;
	left: -16px;
	top: 2px;
	background-color: #FFF;
	height: 36px;
	width: 36px;
	line-height: 33px;
	border: 1px solid #B6B6B6;
	text-align: center;
	font-weight: 400;
	border-radius: 30px;
	font-size: 21px;
	font-family: "NotoSerifCJKjp";
}


/* 吹き出し枠
   ========================================================================== */
   

.baln {
	position: relative;
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.baln p {
	padding-right: 16px;
	padding-left: 16px;
}

.baln h3 {
	font-weight: 500;
	font-size: 14px;
	padding-right: 16px;
	padding-left: 16px;
}

.baln em {
	font-weight: 500;
	color: #F60;
	font-style: normal;
}

.baln .lib1  {
	padding-left: 36px;
	max-height: 999999px; /*Android Chromeフォントバグ対策*/
}

.baln .lib1 li {
	list-style-type: disc;
	margin-bottom: 5px;
	padding-right: 16px;
}


.baln::after {
    content: '';
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -8px;
    border: 20px solid transparent;
    border-top: 20px solid #CCC;
}

.baln::before {
    content: '';
    position: absolute;
    bottom: -38px;
    left: 50%;
    margin-left: -8px;
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    z-index: 1;
}

.baln2 {
	position: relative;
	width: 100%;
	border: 1px solid #CCC;
	border-radius: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
}

.baln2 p {
	padding-right: 16px;
	padding-left: 16px;
}

.baln2 h3 {
	font-weight: 500;
	font-size: 16px;
	padding-right: 16px;
	padding-left: 16px;
}

.baln2 em {
	font-weight: 500;
	color: #F60;
	font-style: normal;
}


.rib1 {
	display: inline-block;
	position: relative;
	height: 20px;/*高さ*/
	line-height: 20px;/*高さ*/
	vertical-align: middle;
	text-align: center;
	padding: 0 15px 0 10px;/*文字の左右の余白*/
	font-size: 10px;/*文字サイズ*/
	background-color: #FF9900;/*背景色*/
	color: #FFF;/*文字色*/
	box-sizing: border-box;
}

.rib1:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.rib1:after {
    top: 0;
    right: 0;
    border-width: 10px 8px 10px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

/* 吹き出し本体 */
.balL{
	position: relative;
	padding: 16px;
	background-color: #FFF;
	border: 1px solid #CCC;
	font-size: 14px;
	font-family: "NotoSerifCJKjp";
	font-weight: 400;
	margin-left: 90px;          /* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
.balL .icon{
  position: absolute;
  left: -90px;
  top: 0;
}
/* 三角アイコン */
.balL::before{
	  content: '';
	  position: absolute;
	  display: block;
	  width: 0;
	  height: 0;
	  left: -15px;
	  top: 20px;
	  border-right: 15px solid #CCC;
	  border-top: 15px solid transparent;
	  border-bottom: 15px solid transparent;
}
.balL::after{
	  content: '';
	  position: absolute;
	  display: block;
	  width: 0;
	  height: 0;
	  left: -14px;
	  top: 20px;
	  border-right: 15px solid #fff;
	  border-top: 15px solid transparent;
	  border-bottom: 15px solid transparent;
}

/* .switchBtn
------------------------- */
.switchBtn {
margin-top: 0;
padding-right: 0;
padding-left: 0;
padding-bottom: 10px;
width: 100%;
text-align: center;
clear: both;
}

.switchBtn a {
margin: 0 5px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
text-align: center;
display: inline-block;
overflow: hidden;
background: #efefef;
border: #333 solid 1px;
}

.switchBtn a.btnAcv {
	background: #fff;
}

.hpos {
    font-size: 12px;
}


#viewport_sw a {
display: block;
text-align: center;
padding: 3% 0;
width: 100%;
background: #000;
color: #fff;
font-size: 14px;
font-size: 4vw;
position: fixed;
bottom: 0;
z-index: 200;
}


.sphimg img {
display: none;
  }
  
@media screen and (max-width: 480px) {

.sphimg img {
margin-bottom: 10px;
  }

}
