@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CUSTOM CSS (ADD YOUR CSS HERE!) */
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* PLUGIN CSS 
@import url('../plugins/fancybox/fancybox-1.3.4.min.css');
@import url('../plugins/fancybox/photoswipe-3.0.5.min.css');
@import url('../plugins/hover-animations/hover-animations-1.0.min.css');
@import url('../plugins/justinaguilar-animations/animations.css');
@import url('../plugins/validation/validation-2.2.min.css');*/
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');

/* PAGE MODULES */
body{
    font-family: 'Open Sans', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight:normal;
    color: #333;
    background:#FFEA59;  /* #FFC200  */
    font-size:13pt;
}


video{
max-width:100%;
}


h1, .h1{
    margin-top: 0px;
    margin-bottom: 30px;
}
h2, .h2{
margin-top: 25px;
margin-bottom: 30px;
font-size: 26px;
padding: 0.8em 0.5em;
text-align:center;

background: #510001;
color: #fff;
text-shadow: 0px 0px 5px rgba(255,255,255,0.8);
box-shadow:0px 0px 2px 1px rgba(255,255,255,0.6) inset,0px 5px 10px rgba(0,0,0,0.2),0px 0px 3px 0px rgba(132,37,2,0.5);
background: #510001; /* Old browsers */
background: -moz-linear-gradient(left,  #510001 0%, #842502 50%, #510001 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#510001), color-stop(50%,#842502), color-stop(100%,#510001)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #510001 0%,#842502 50%,#510001 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #510001 0%,#842502 50%,#510001 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #510001 0%,#842502 50%,#510001 100%); /* IE10+ */
background: linear-gradient(to right,  #510001 0%,#842502 50%,#510001 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#510001', endColorstr='#510001',GradientType=1 ); /* IE6-9 */
font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo;
}

.himg{
padding:0;
background:transparent;
margin-right:0;
margin-left:0;
border:none;
}



h3, .h3 {
font-size: 1.2em;
    line-height: 1.3;
font-weight: bold;
    margin-bottom: 20px;
    color:#f60;
    background:transparent;
}

p {
    margin: 0 0 1.5em;
}

img.pull-left{
margin-right:1em;
}


.pd15{
padding:1px 25px;
}

.txt-s85{
    font-size:85%;
}

.large{font-size:132%;}
.red{color:#c00;}
.orange{color:#f60;}

.dl-horizontal dd {
margin-bottom: 0.5em;
}

.btn-ginared {
color: #fff;
background-color: #E53078;
border-color: #D62C3D;
}


.btn-ginared:hover{
color: #fff;
background-color: #d24b5a;
}



/*-- 薄い白バック  --*/

.bgw{
box-shadow: 0px 0px 5px rgba(255,255,255,0.5);
background: rgba(255,255,255,0.5);
padding: 1em;
}



/*--  timeline ---*/

.days{
background: rgba(255,255,255,0.5);
padding: 1.8em;
margin-bottom: 2em;
}


.days h3{
color: #c00;
margin-top: 0;
background:transparent;
}

.hcaption{
display: block;
font-size: 15px;
font-weight: normal;
color: #333;
}

.s_timeline{
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
} 
 
/* The line */
.s_timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #ccc;
    left: 20%;
    margin-left: -10px;
}
 
.s_timeline > li {
    position: relative;
}
 
/* The date/time */
.s_timeline > li .s_tltime {
    display: block;
    width: 25%;
    padding-right: 70px;
    position: absolute;
}
 
.s_timeline > li .s_tltime span {
    display: block;
    text-align: right;
}
 
.s_timeline > li .s_tltime span:first-child {
    font-size: 0.9em;
    color:#be8d1c;
}
 
.s_timeline > li .s_tltime span:last-child {
    font-size: 1em;
    color: #666;
}
 
.s_timeline > li:nth-child(odd) .s_tltime span:last-child {

}

/* Right content */
.s_timeline > li .s_tllabel {
    margin: 0 0 15px 22%;
    /* background: #3594cb;
    color: #fff; */
    font-size: 0.85em;
    line-height: 1.4;
    position: relative;
}
 
.s_timeline > li:nth-child(odd) .s_tllabel {

}
 
.s_timeline > li .s_tllabel h4 { 
    margin-top: 0px;
    padding: 0 0 10px 0;
    font-weight:bold;
    font-size: larger;
    line-height: 1.3;
    color: #be8d1c;

}
 
/* The triangle */
.s_timeline > li .s_tllabel:after {

}
 
.s_timeline > li:nth-child(odd) .s_tllabel:after {

}

ul.semi_cont{
margin: 0;
padding-left: 1.5em;
}

.semi_cont > li{
margin-bottom: 0.4em;
}

.profbox{
border: 1px solid #ccc;
background: #fff;
padding: 1em;
}



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

.crss{background: #fff;
padding: 1em 0.8em;
margin-bottom:1em;}

.crss h4{margin-top:0;
padding: 0.3em 0.5em;
color: #000;
font-size: 1.2em;
    border-radius: 3px;
    text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
}

.crss h4 span{
color:inherit;
}
.c_vip h4{
    color:#fff;
    background: rgb(154,108,2);
background: -moz-linear-gradient(left,  rgb(154,108,2) 0%, rgb(214,165,52) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(154,108,2)), color-stop(100%,rgb(214,165,52)));
background: -webkit-linear-gradient(left,  rgb(154,108,2) 0%,rgb(214,165,52) 100%);
background: -o-linear-gradient(left,  rgb(154,108,2) 0%,rgb(214,165,52) 100%);
background: -ms-linear-gradient(left,  rgb(154,108,2) 0%,rgb(214,165,52) 100%);
background: linear-gradient(to right,  rgb(154,108,2) 0%,rgb(214,165,52) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a6c02', endColorstr='#d6a534',GradientType=1 );


}

.c_norm h4{
    color:#fff;
background: rgb(89,106,114);
background: -moz-linear-gradient(left,  rgb(89,106,114) 0%, rgb(206,220,231) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(89,106,114)), color-stop(100%,rgb(206,220,231)));
background: -webkit-linear-gradient(left,  rgb(89,106,114) 0%,rgb(206,220,231) 100%);
background: -o-linear-gradient(left,  rgb(89,106,114) 0%,rgb(206,220,231) 100%);
background: -ms-linear-gradient(left,  rgb(89,106,114) 0%,rgb(206,220,231) 100%);
background: linear-gradient(to right,  rgb(89,106,114) 0%,rgb(206,220,231) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=1 );

}

.c_mov h4{
background: rgb(171,189,115);
background: -moz-linear-gradient(left,  rgb(171,189,115) 0%, rgb(228,239,192) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(171,189,115)), color-stop(100%,rgb(228,239,192)));
background: -webkit-linear-gradient(left,  rgb(171,189,115) 0%,rgb(228,239,192) 100%);
background: -o-linear-gradient(left,  rgb(171,189,115) 0%,rgb(228,239,192) 100%);
background: -ms-linear-gradient(left,  rgb(171,189,115) 0%,rgb(228,239,192) 100%);
background: linear-gradient(to right,  rgb(171,189,115) 0%,rgb(228,239,192) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abbd73', endColorstr='#e4efc0',GradientType=1 );

}


.crss h5{
font-size: 1em;
margin: 0.5em 0.5em;
padding-bottom: 0.2em;
border-bottom: 1px dotted #999;
}

p.caption{font-size:0.85em;line-height:1.4;}

.crss p{padding-left:0.5em;}
.crss p:last-child{
margin-bottom:0;
}



.tokucho{
    background: #fff;
padding: 2em;
margin-bottom: 1.5em;
border: 1px solid #eee;
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);

}
.tokucho h3{
    position: relative;
color: #BE8D1C;
background: rgb(237, 224, 204);
padding: 0.2em 0;
margin-bottom: 1.4em;
margin-top: 2em;
}


.tokucho h3:first-child{
margin-top:0;}

.tokucho h3 span{
    padding-left: 90px;
}

.tokucho p{
    font-size:0.9em;
    line-height:1.4;
}


i.bg-stmp,i.bg-stmp2{
font-family:"Times New Roman",Times,serif;
top: -30px;
position: absolute;
display: inline-block;
text-align: center;
text-indent: -0.1em;
width: 85px;
height: 85px;
padding: 0.45em 0;
font-size: 2.2em;
line-height: 1;
    color:#fff;
    background:transparent url(../img/img-stmp1.png) left center no-repeat;
}
i.bg-stmp2{
 background:transparent url(../img/img-stmp2.png) left center no-repeat;
}



/*---- 講座の感想  -----*/
.voicebox{
    font-size: 88%;
    padding: 0.5em 1em;
    border: none;
    margin: 0.5em 0;
    margin-bottom: 1em;
    box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.5);
    border-radius: 8px;
    background: rgb(254,255,232);
background: -moz-linear-gradient(top, rgb(254,255,232) 0%, rgb(254,255,255) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,255,232)), color-stop(100%,rgb(254,255,255)));
background: -webkit-linear-gradient(top, rgb(254,255,232) 0%,rgb(254,255,255) 100%);
background: -o-linear-gradient(top, rgb(254,255,232) 0%,rgb(254,255,255) 100%);
background: -ms-linear-gradient(top, rgb(254,255,232) 0%,rgb(254,255,255) 100%);
background: linear-gradient(to bottom, rgb(254,255,232) 0%,rgb(254,255,255) 100%);

}

.voicebox .auther {
  text-align: right;
  margin-bottom: 0.5em;
  margin-top: -1em;
}




.font-serif{
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}


.btn-org {
    color: #ffffff;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #fff3db 0%,
        #ffc821 25%,
        #ff3c00);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#fff3db),
        color-stop(0.25, #ffc821),
        to(#ff3c00));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #b85f00;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px -1px 0px rgba(255,255,255,0.7);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px -1px 0px rgba(255,255,255,0.7);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px -1px 0px rgba(255,255,255,0.7);
    text-shadow:
        0px -1px 1px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.3);
}

.btn_gold {
  background: #d7a634;
  background-image: -webkit-linear-gradient(top, #d7a634, #996c02);
  background-image: -moz-linear-gradient(top, #d7a634, #996c02);
  background-image: -ms-linear-gradient(top, #d7a634, #996c02);
  background-image: -o-linear-gradient(top, #d7a634, #996c02);
  background-image: linear-gradient(to bottom, #d7a634, #996c02);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #fff;
  font-size:1em;
  padding: 8px 20px;
  text-decoration: none;
}

.btn_gold:hover {
    color: #fff;
  background: #e8ba56;
  background-image: -webkit-linear-gradient(top, #e8ba56, #c2901b);
  background-image: -moz-linear-gradient(top, #e8ba56, #c2901b);
  background-image: -ms-linear-gradient(top, #e8ba56, #c2901b);
  background-image: -o-linear-gradient(top, #e8ba56, #c2901b);
  background-image: linear-gradient(to bottom, #e8ba56, #c2901b);
  text-decoration: none;
}


.btn_silv {
  background: #cfdce7;
  background-image: -webkit-linear-gradient(top, #B7C6D2, #7c9099);
  background-image: -moz-linear-gradient(top, #B7C6D2, #7c9099);
  background-image: -ms-linear-gradient(top, #B7C6D2, #7c9099);
  background-image: -o-linear-gradient(top, #B7C6D2, #7c9099);
  background-image: linear-gradient(to bottom, #B7C6D2, #7c9099);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #fff;
  padding: 8px 20px;
  text-decoration: none;
}

.btn_silv:hover {
    color: #fff;
  background: #d9e3eb;
  background-image: -webkit-linear-gradient(top, #d9e3eb, #8ca0a8);
  background-image: -moz-linear-gradient(top, #d9e3eb, #8ca0a8);
  background-image: -ms-linear-gradient(top, #d9e3eb, #8ca0a8);
  background-image: -o-linear-gradient(top, #d9e3eb, #8ca0a8);
  background-image: linear-gradient(to bottom, #d9e3eb, #8ca0a8);
  text-decoration: none;
}

.btn_mov {
  background: #cddba0;
  background-image: -webkit-linear-gradient(top, #cddba0, #aabd73);
  background-image: -moz-linear-gradient(top, #cddba0, #aabd73);
  background-image: -ms-linear-gradient(top, #cddba0, #aabd73);
  background-image: -o-linear-gradient(top, #cddba0, #aabd73);
  background-image: linear-gradient(to bottom, #cddba0, #aabd73);
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #ffffff;
  padding: 8px 20px;
  text-decoration: none;
}

.btn_mov:hover {color: #ffffff;
  background: #d3e0aa;
  background-image: -webkit-linear-gradient(top, #d3e0aa, #b2c47d);
  background-image: -moz-linear-gradient(top, #d3e0aa, #b2c47d);
  background-image: -ms-linear-gradient(top, #d3e0aa, #b2c47d);
  background-image: -o-linear-gradient(top, #d3e0aa, #b2c47d);
  background-image: linear-gradient(to bottom, #d3e0aa, #b2c47d);
  text-decoration: none;
}



.btn-large {
    color: #fff;
    background: #03f;
    text-decoration: none;
    text-align: left;
    font-size: 41px;
    line-height: 1.3;
    display: block;
    min-height: 26px;
    padding: 0.6em 10px 0.6em 2em;
    border-radius: 8px;
    vertical-align: middle;
    position: relative;
    border: 1px solid #fff;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 10px 2px rgba(255,255,255,1), 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
    letter-spacing: -1px;
    font-weight: 600;
}
.btn-large:hover{
    text-decoration: none;
    color: #fff;
    filter: brightness(110%);
}

.btn-large::before {
    display: inline-block;
    position: absolute;
    left: 2%;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f138";
    color: #fff;
    font-size: inherit;
    line-height: 0;
    top: 50%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn-green {
    background: #87e241;
    background: -moz-linear-gradient(top, #87e241 0%, #2fb701 50%, #87e241 100%);
    background: -webkit-linear-gradient(top, #87e241 0%,#2fb701 50%,#87e241 100%);
    background: linear-gradient(to bottom, #87e241 0%,#2fb701 50%,#87e241 100%);
}


.under {
    background: url(../img/content-bg.png) repeat-x bottom center;
    font-size: 22px;
}

.red{color: #cc0000;
background: transparent;}

.text-large
{font-size: 140%;}

@media (max-width: 768px){

.btn-large {
    font-size: 5.5vw;
    padding-left: 1.2em;
}
    .under {
    font-size: 130%;
}

}


.profile{
border: 1px solid #ccc;
padding: 1.5em;
margin-bottom: 1em;
background: rgba(255,255,255,.7);
font-size: 0.9em;
}


.prof-photo{
    float:right;
    width:35%;
}

#main-header{
    color: #fff;
    background: rgb(84, 4, 4);
}
#main-header .container{
background: #f60;
height:55px;
}


#headerTop{
font-size:10pt;
padding:2px;
}

#headerTop h1{
margin:0;
font-size:10pt;
padding: 5px 10px;
line-height: 1.4;
}






.content-block{
    background: transparent;
    padding:0;
}
.service-block{
    background: transparent;
    padding: 30px 0px;
}

.gallery-block{
    background: transparent;
    padding: 30px 0px;
}
.gallery-block img{
    margin-bottom: 30px;
}
.form-block{
    background: transparent;
    padding: 30px 0px;
}
.map-block{
    background: transparent;
    padding: 30px 0px;
}
.footer-block{
    background: transparent;
    padding: 30px 0px;
}
.copyright-block{
    background: rgba(83, 4, 4, 0.99);
    height:60px;
    color:#fff;
    font-size: 14px;
}
.copyright-block .container{
    background: #f60;
    padding-top: 20px;
    padding: 20px 10px 20px;
}

.copyright-block a{
    color:#fff;
}
#map{
    height:400px;    
}
#footer-map{
    height:250px;    
}
[class*="animate-"] .overlay {
    background: #005995;
}


#toTop{
background:#FFB800;
bottom: 50px;
}

.head_callbtn{
position: absolute;
top: 0;
right: 0;
padding: 5px;}


/*---------------------------------
  ヘッダソーシャルボタン 
-----------------------------------*/
#headerSocial{
position: absolute;
    width: 500px;
    text-align: right;
    background: transparent;
    height: 30px;
    padding: 5px;
 top: 0px;
    right: 0;
}

#headerSocial ul{
position:absolute;
right:0;
margin:0;
padding:0;
list-style-type:none;
}

#headerSocial ul li{
float:left;
margin-right:8px;
}
#headerSocial ul li:last-child{

}
#headerSocial .gplus,#headerSocial .fblike,#headerSocial .twtshare,.lineme{
padding-top:0px;height: 30px;
}
#headerSocial .lineme{
margin-top:-4px;
margin-right:12px;
}


/*---------------------------------
  ボディ部 無料メールセミナー 登録欄
----------------------------------- */
 .mailsemi h3{
margin: 0 -50px 0.8em;
text-align: center;
}

 .mailsemi {
background: #fcfbf8 url(../img/mailsemi-bg.jpg) center top no-repeat;
border: 4px solid #BE8D1C;
padding: 1em 50px;
margin:0 0 1em;
}


 .mailsemi .semitxt{
font-size: 0.9em;
float: left;
font-weight: bold;
min-width: 350px;
max-width: 450px;
line-height: 1.7;
text-shadow: 1px 1px 1px #fff,0px 0px 6px #FFF;
margin-bottom: 0.3em;
margin-right: 40px;
}

 .mailsemi form input{
margin-bottom:12px;

}

 .mailsemi table{
margin:0 !important;
font-size:90%;
}

 .mailsemi table th{
font-weight:normal;
text-align:right;
}

.mailsemi table td{
text-align:left;
}

.mailsemi form {
text-align:center;
}

.mailsemi form input[type="text"]{
width: 250px !important;
margin-right: 5px;
font-size: 14pt;
border: 2px solid #999;
padding: 0.2em;
}

.mailsemi form .mailinput{

font-family:Arial,verdana,sans-serf;
}



.mailsemi .tipped {color: #999;}

.mailsemi .submitbtn{
        color: #ffffff;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #fff3db 0%,
        #ffc821 25%,
        #ff3c00);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#fff3db),
        color-stop(0.25, #ffc821),
        to(#ff3c00));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #b85f00;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px -1px 0px rgba(255,255,255,0.7);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px -1px 0px rgba(255,255,255,0.7);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px -1px 0px rgba(255,255,255,0.7);
    text-shadow:
        0px -1px 1px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.3);
}
 .mailsemi .submitbtn:hover {
    background-color:#f60;
}

.bg_001{
background: #FFFce8;
}




/*------ FAQ --------*/

.abox{
background: #ffe;
border: 1px solid #eec;
padding: 0.2em 1em;
border-radius: 5px;
margin:0.8em 0;
} 

.abox h3{border-bottom: 1px dashed #993;
margin-top:0.7em;
padding-bottom: 0.5em;
}

.abox p:last-child{
margin-bottom:0.8em;
}


/*---- Youtube ----*/

.videoarea{margin:1em 0;}




/* NAVIGATION */
#main-nav .container {
background:#FFA500;

}
#main-nav{
position: fixed;
z-index: 10;
margin: 0 auto;
left: 50%;
margin-left: -450px;
}


.navbar-nav>li>a {
    line-height: 40px;
    height: 40px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{

}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
    color: #fff;
background:#FF3A00;
}
.navbar-default .navbar-nav>li>a{
color: #fff;
text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 1px rgba(255,255,255,0.8);
font-weight: 400;
}
.navbar-default .navbar-toggle:hover .icon-bar{
    background-color: #149cd7;
}


.container{
    background: #fff;position: relative;
}
.col-md-12{
padding-left:35px;padding-right:35px; 
}

.container {width: 900px;padding-left:0;padding-right:0;
    background: #F7EAD8 url(../img/cnt_back.png) center top repeat-y;
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}




/* RESPONSIVE */
@media (min-width: 1230px) {}

@media (min-width: 1022px) {}

@media (max-width: 1021px) {}

@media (min-width: 798px) {
    
    /* no-responsive---
     
    */

}

@media (max-width: 766px) {

    .container {width: 100%;}
    .col-md-12{
        padding-left:10px;padding-right:10px; 
    }
    .prof-photo{
        float:none;
        display: block;
        margin-bottom: 0.8em;
        width:auto;
    }
    .tokucho{
        padding:0.5em;
    }
    #headerSocial{
        position: relative;
        width: auto;
    }
}

@media (max-width: 598px) {
/* no-responsive---
    #headerSocial { position:relative; top:0;}
    .head_callbtn{position: relative;padding: 5px;}
    #main-header .container{height:auto;}
*/
    
    
}

@media (max-width: 510px) {...}

@media (min-width: 798px) and (max-width: 1021px) {...}

@media (min-width: 1022px) and (max-width: 1229px) {...}