@charset "utf-8";

body{
font-size: 15px ;
color:#eeeeee;
background-image: url('../img/bg_img.png');
}
.win body{
/*font-family:"ＭＳ Ｐゴシック",'メイリオ',Meiryo,sans-serif;*/
font-family: Yu Mincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", Sans-Serif;
}
.mac body{
/*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;*/
font-family: Yu Mincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", Sans-Serif;
}

#wrap{
width:95%;
max-width:980px;
min-width:980px;
margin:0 auto 50px auto;
}

.basic_area{
margin:0 0 10px 0;
}

::selection {
background: #aabcf1;
color: white;
}


/*=======================================================================

共通

=======================================================================*/

.content_ttl{
clear:both;
padding:10px;
margin:0 0 10px 0;
font-weight:bold;
font-size:18px;
border-bottom:solid 1px #522a70;
}

.display-none {
    display:none;
}



/*=======================================================================

パンクズ

=======================================================================*/

#bread{
line-height:1;
overflow: hidden;
zoom: 1;
width: 660px;
margin: 0 0 10px 0;
padding: 10px 15px;
font-size:12px;
}

#bread li {
  float: left;
}

#bread li a {
color:#c39ede;
border-right:1px solid #522a70;
padding:0 10px 0 0;
margin:0 10px 0 0;
text-decoration: none;
}


/*=======================================================================

下層ページタイトル

=======================================================================*/

#in_title{
width: 690px;
height: 130px;
margin:0 0 20px 0;
position: relative;
}

#in_title h2{
letter-spacing: 3px;
position: absolute;
left: 20px;
/* 画像の高さにより調節 */
top:45px;
background-color: rgba(100,100,100,0.6);
/*background: #607DD0;*/
color: #eeeeee;
line-height: 1;
padding: 10px;
}

#in_title span{
margin:0 0 0 5px;
font-size:10px;
}


/*=======================================================================

下層ページテーブル系

=======================================================================*/

.in_list {
overflow:hidden;
  padding: 0 0px 10px 10px;
  line-height: 1.8;
}

.in_list h3 {
  font-weight: bold;
  padding: 10px;
  border-bottom: solid 1px #522a70;
  width: 150px;
  float: left;
}
.in_list .in_list_r {
  padding: 10px;
  border-bottom: dotted 1px #522a70;
  width: 480px;
  float: left;
}
.in_list .in_list_r h4 {
  margin: 0 0 2px 0;
  font-weight: bold;
}
.in_list .in_list_r ul {
  margin: 0 0 5px 0;
}



/*=======================================================================

フォームテーブル系

=======================================================================*/


.basic_table {
padding:0px 10px 10px 10px;
vertical-align: top;
}

.basic_table table{
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

.basic_table table th{
border-bottom: solid 1px #522a70;
text-align: left;
width: 200px;
padding: 10px;
}

.basic_table table td {
border-bottom: dotted 1px #522a70;
padding: 10px;
}

.basic_table table td input,.basic_table table td input textarea,.basic_table table td input select{
margin: 3px 2pt !important;
padding: 3px 1pt;
}

.auth-captcha {
  width: 430px;
  margin: 10px auto;
}

.submit {
  text-align: center;
}

.submit .btn-gray{
cursor: pointer;
font-size: 14px;
font-weight: bold;
color: #2f2f2f;
padding: 10px 20px;
margin:0 10px 0 0;
border: none;
background: #CCC;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.submit .btn-orange{
margin:20px 0 0 0;
cursor: pointer;
font-size: 14px;
font-weight: bold;
color: #2f2f2f;
padding: 10px 20px;
border: none;
background: #c39ede;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.submit .btn-red{
margin:20px 0 0 0;
cursor: pointer;
font-size: 14px;
font-weight: bold;
color: #2f2f2f;
padding: 10px 20px;
border: none;
background: #c39ede;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

.submit #BtnMessageBack{
background: #ccc;
}


#flashMessage {
padding: 10px 20px;
margin: 15px auto!important;
color: #C30;
font-weight: bold;
border: 5px solid #522a70;
}

.error-message {
color: #C30;
font-weight: bold;
font-size: small;
}


/* submitページ */

#mail_thanks{
line-height:1.9;
}

#mail_thanks p{
margin:0 0 5px 0;
}


#mail_thanks a{
color:#c39ede;
text-decoration:underline;
}


/*=======================================================================

widget

=======================================================================*/

.widget {
margin-top:30px;
}
.widget h2 {
clear: both;
padding: 10px;
margin: 0 0 10px 0;
font-weight: bold;
font-size: 14px;
border-bottom: solid 1px #522a70;
}

.widget ul li {
padding-left:16px;
line-height:20px!important;
/*font-size:12px;*/
}
.widget li.current a,
.widget li.selected a{
font-weight: bold;
color:#360;
}
h3.contents-head {
margin-bottom:20px!important;
padding:5px 10px;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #e2e2e2;
margin-left:30px;
margin-right:20px;
color:#c39ede;
}
h4.contents-head {
padding:5px 10px;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #c39ede;
margin:10px 10px!important;
}
#blogDescription {
margin-left:35px;
margin-right:35px;
}
#contentsBody p {
line-height: 2em!important;
}
#contentsBody .section {
margin:0 35px 20px 35px;
}
#contentsBody ul,
.post ul {
margin:3px 35px 20px 35px;
}
#ContentsNavi {
margin-top:50px;
margin-bottom:20px;
text-align: center;
}


/*=======================================================================

blog

=======================================================================*/


/* blog-description
---------------------------------------------------*/
.blog-description {
font-size:14px;
line-height:1.8;
margin:0 0 20px 0;
padding: 10px 10px 10px 10px;
border: dotted 1px #522a70;
}
/* post
---------------------------------------------------*/
.post {
font-size:14px;
margin:0 0 20px 0;
padding: 10px 10px 10px 10px;
border: dotted 1px #522a70;
background-color: rgba(82, 42, 112,0.2);
}
.post-body,
#post-detail {
margin-left:10px;
margin-right:10px;
margin-bottom:30px;
line-height:2em;
}
.more {
text-align:right;
margin:20px 10px 40px 10px;
}
/* meta
---------------------------------------------------*/
.meta {
/*
background-color:#F3F3F3;
*/
color:#eeeeee;
font-size:0.85em;
padding-bottom:5px;
padding-right:10px;
padding-top:5px;
text-align:right;
}
/* tag
---------------------------------------------------*/
.tag {
color:#999999;
font-size:0.85em;
padding-bottom:5px;
padding-right:10px;
padding-top:5px;
text-align: right;
}
/* calendar
----------------------------------------------- */
.widget-blog-calendar table {
width:100%;
}
.widget-blog-calendar th {
border-bottom:1px solid #e2e2e2;
}
.widget-blog-calendar th,
.widget-blog-calendar td {
padding:2px 3px;
font-size:12px;
text-align: center;
}
.widget-blog-calendar .sunday {
color:#ff6633;
}
.widget-blog-calendar .saturday {
color:#3366FF;
}
.widget-blog-calendar .today {
background-color: rgba(82, 42, 112,0.5);
/*background-color:#522a70;*/
 border-radius: 10px; 
 -webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
 -moz-border-radius: 10px;		/* Firefox用 */  
font-size:14px;
font-weight:bold;
}
.widget-blog-calendar a{
text-decoration: underline;
}

/* BlogComment
----------------------------------------------- */
#BlogComment {
margin-top:40px;
padding: 0px 10px 10px 10px;
}
#BlogCommentList {
padding:10px 20px;
margin-top:20px;
}
#BlogCommentAddForm {
padding:10px 20px;
}
#BlogCommentList .comment {
padding-bottom:8px;
border-bottom:1px dashed #CCCCCC;
margin-bottom:20px;
}
/* contentsNavi
----------------------------------------------- */
#contentsNavi {
text-align:center;
}

#BlogCommentAddForm table {
padding:0px 10px 10px 10px;
vertical-align: top;
}

#BlogCommentAddForm table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

#BlogCommentAddForm table  th{
border-bottom: solid 1px #ccc;
text-align: left;
width: 70px;
padding: 10px;
}

#BlogCommentAddForm table  td {
border-bottom: dotted 1px #522a70;
padding: 10px;
}

#BlogCommentAddForm table  td input,.basic_table table td input textarea,.basic_table table td input select{
margin: 3px 2pt !important;
padding: 3px 1pt;
}


/*=======================================================================

サービス案内

=======================================================================*/

#service p {
margin:0 10px;
}

.service_content p{
padding:0 10px 10px 10px;
line-height:1.9;
}


/*=======================================================================

会社概要

=======================================================================*/

.map{
padding:0px 10px 10px 10px;
color:#000;
}


/*==========

header

==========*/

#header{
padding:45px 0 0 0;
position:relative;
}

#header #ttl{
font-family: 'Open Sans', sans-serif;
position:absolute;
top:40;
left:0;
margin:0 0 2px 2px;
}

#header #ttl h1{
font-style:italic;
font-weight:bold;
font-size:28px;
margin:10px 0 2px 2px;
}

#header #ttl h1 a:hover{
color:#fff;
background:#c39ede;
}

#header #ttl h3{
font-family: Yu Mincho, "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", Sans-Serif;
font-size:14px;
margin:10px;
}

/* main_nav */

#header #main_nav{
margin:0 0 5px 0;
text-align:right;
}

#header #main_nav p{
letter-spacing:1px;
font-size:13px;
margin:0 0 5px 0;
}

#header #main_nav span{
display:block;
margin:0 0 0 2px;
font-size:10px;
color:#607dd0;
}

#header #main_nav li{
display:inline-block;
text-align:left;
margin:0 5px 0 0;
}

#header #main_nav li a{
border-left:1px dotted #222222;
border-right:1px dotted #222222;
display:inline-block;
padding:5px 10px 5px 10px;
}

#header #main_nav li a:hover{
border-left:1px dotted #696969;
border-right:1px dotted #696969;
}

.none{
display:none;
}

.linkbox{
cursor:pointer;
}

/* sub_nav */

#sub_nav{
position:absolute;
top:8px;
right:0;
text-align:right;
}

#sub_nav li{
display:inline-block;
}

#sub_nav li a{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;  
-webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
   -moz-border-bottom-left-radius: 5px;  
    -moz-border-bottom-right-radius: 5px;  
letter-spacing:2px;
font-size:11px;
line-height:1;
color:#bbbbbb;
background:#2f2f2f;
text-align:left;
padding:10px;
}

#sub_nav li a:hover{
color:#2f2f2f;
background:#bbbbbb;
}



/*==========

TOP

==========*/

#sitemap{
padding:10px;
}

#sitemap .mt20{
margin:20px 0 0 0;
}

#sitemap a{
display:block;
margin:0 0 10px 0;
padding:0 0 0 10px;
border-left: 2px solid #522a70;
}

#sitemap a:hover{
border-left: 2px solid #c39ede;
}



/*==========

main

==========*/

#main{
width:980px;
height:311px;
margin:0 0 20px 0;
position:relative;
}

/*#main img{
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;  
-webkit-border-top-left-radius: 20px;  
    -webkit-border-bottom-right-radius: 20px;  
   -moz-border-top-left-radius: 20px;  
    -moz-border-bottom-right-radius: 20px;  
}*/

#copy{
/*font-style:italic;*/
letter-spacing:3px;
font-weight:bold;
margin:-22px 0 0 0;
position:absolute;
left: 20px;
top: 50%;
/*background:#607DD0;*/
background-color: rgba(100,100,100,0.6);
color:#eee;
line-height:1;
padding:10px;
}


/*==========

content

==========*/

#content{
overflow:hidden;zoom:1;
line-height:150%;
}


#content a{
color:#c39ede;
}


#content a:hover{
color:#eeeeee;
/*color:#555555;*/
}


/*==========

main_col

==========*/


#main_col{
width:690px;
float:left;
}



/*==========

side_col

==========*/


#side_col{
float:right;
width:260px;
}

#side_company_info_in{
padding:0 10px 10px 10px;
}

#side_company_info_in h3{
font-size:14px;
margin:0 0 3px 0;
font-weight:bold;
}


#side_company_info_in p{
line-height:1.8;
}

#side_company_info_in img{
margin:0 0 2px 0;
}




/*==========

footer

==========*/

/* pagetop */

#btn_pagetop{
font-size:11px;
line-height:1;
width:980px;
margin:0 auto;
text-align:right;
color:#bbb;
}

#btn_pagetop a{
border-top-left-radius: 5px;
border-top-right-radius: 5px;  
-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
   -moz-border-top-left-radius: 5px;  
    -moz-border-top-right-radius: 5px;  
/*
border-top:dotted 1px #222222;
border-left:dotted 1px #222222;
border-right:dotted 1px #222222;
*/
padding:10px;
letter-spacing:2px;
display:inline-block;
color:#cccccc;
background:#2f2f2f;
}

#btn_pagetop a:hover{
color:#2f2f2f;
background:#cccccc;
}

#footer_in{
font-size:12px;
background:#2f2f2f;
border-top:dotted 1px #222222;
border-bottom:solid 8px #522a70;
clear:both;
}

#footer_nav a{
color:#c39ede;
}

#footer_nav a:hover{
color:#cccccc;
}

#footer_nav{
color:#666;
margin:20px auto 0 auto;
font-weight:bold;
overflow:hidden;zoom:1;
width:980px;
}

#footer_nav ul{
float:left;
}


#footer_nav li{
margin:0 20px 0 0;
float:left;	
}

#copyright_sig{
width:980px;
padding:0 0 10px 0;
margin:8px auto 0px auto;
font-size:14px;
clear:both;
}

#copyright{
/*font-style:italic;*/
width:980px;
padding:0 0 30px 0;
margin:8px auto 0px auto;
font-size:10px;
clear:both;
}


/*==========

TOP

==========*/


/* news */

.news_in{
font-size:14px;
padding:10px;
clear:both;
overflow:hidden;zoom:1;
border-bottom:dotted 1px #522a70;
}

.news_in_date{
font-weight:bold;
/*font-style:italic;*/
float:left;
margin:0 10px 0 0
}

.news_in p{
float:left;
}

#content .news_in a:hover{
color:#cccccc;
background-color: rgba(82, 42, 112,0.2);
}

#news .box_hover{
background-color: rgba(82, 42, 112,0.2);
border-bottom:dotted 1px #c39ede;
}


#news .box_hover .news_in_date{
color:#cccccc;
}


.news_in_more{
text-align:right;
}

.news_in_more a{
display:block;
padding:10px;
border-bottom:dotted 1px #522a70;
}

.news_in_more a:hover{
color:#cccccc;
background-color: rgba(82, 42, 112,0.2);
border-bottom:dotted 1px #c39ede;
}

/* service */

#service{
overflow:hidden;zoom:1;
margin:0 0 10px 0;
font-size:16px;
}

.service_in{
float:left;
overflow:hidden;zoom:1;
width:210px;
padding:0 10px 10px 10px; 
}

.service_in h3{
font-size:14px;
margin:0 0 3px 0;
font-weight:bold;
}

.service_in_text{ 
line-height:1.8;
margin:0 0 10px 0;
}

.service_in_more{
text-align:right;
}

.service_in_more a{
display:block;
border-top:dotted 1px #522a70;
border-bottom:dotted 1px #522a70;
padding:10px;
}

.service_in_more a:hover{
background-color: rgba(82, 42, 112,0.2);
/*background:#cccccc;*/
}

.service_in img{
margin:0 0 2px 0;
}

.service_about_btn .service_school_btn .service_access_btn img{
margin:0 0 2px 0;
}

.service_about_btn a{
display: block;
width: 240px;
height:160px;
background: url(../img/main01_on.jpg) no-repeat 0 0;
}

.service_school_btn a{
display: block;
width: 240px;
height:160px;
background: url(../img/main02_on.jpg) no-repeat 0 0;
}

.service_access_btn a{
display: block;
width: 240px;
height:160px;
background: url(../img/main03_on.jpg) no-repeat 0 0;
}

/*==========

ACCESS

==========*/


.access_ttl {
    clear: both;
    padding: 10px;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 18px;
    border-bottom: solid 1px #522a70;
margin-bottom:20px;
}

/* bus */

.tobu_bus02 {
background-color:#d8000f;
 border-radius: 5px; 
 -webkit-border-radius: 5px;	/* Safari,Google Chrome用 */  
 -moz-border-radius: 5px;		/* Firefox用 */  
padding:0 3px;
display: block;
float: left;
}

.tobu_bus09 {
background-color:#fff002;
 border-radius: 5px; 
 -webkit-border-radius: 5px;	/* Safari,Google Chrome用 */  
 -moz-border-radius: 5px;		/* Firefox用 */  
padding:0 3px;
color:#2f2f2f;
display: block;
float: left;
}

.tobu_bus15 {
background-color:#00873b;
 border-radius: 5px; 
 -webkit-border-radius: 5px;	/* Safari,Google Chrome用 */  
 -moz-border-radius: 5px;		/* Firefox用 */  
padding:0 3px;
display: block;
float: left;
}

/*==========

EVENT

==========*/

/*event table*/

.event_table {
width: 500px;/*テーブルの幅*/
margin-top:20px;/*テーブルの上にスペース*/
margin-left:50px;
margin-bottom:10px;
color:#eeeeee;
}

.event_table td {
padding:7px 22px;
background-color: rgba(220,220,220,0.5);
}

.event_table th {
background-color: rgba(102, 0, 204,0.2);
}

.event_table th.even {
background-color: rgba(102, 0, 204,0.4);
}


/*==========

INSTAGRAM

==========*/

.fl_inst {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #2e6ca5;
  font-size: 22px;
  text-decoration: none;
  }

.fl_inst:hover {
  color:#668ad8;
  transition: .5s;
}

.fl_inst .insta{
  border-radius: 13px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 35px;
  line-height: 50px;
  vertical-align: middle;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden
}

.fl_inst p {
margin-bottom:20px;
}

.fl_inst .insta:before{
  content: '';
  position: absolute;
  top: 23px;
  left: -18px;
  width: 60px;
  height: 60px;
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

.fl_inst .fa-instagram {
/*  color:white;*/
  line-height: 30px;
  position: relative;
  z-index: 2;
  }

.widget-area {
text-align:center;
}
  
/*==========

Youtube

==========*/
  
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 10px;
}

.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.widget_1{
text-align:center;
line-height:30px;
font-size:larger;
}

.fl_inst .fa-youtube-square,
.fl_inst .fa-video {
  line-height: 30px;
  }


.fl_inst h2 {
  position: relative;
  overflow: hidden;
  padding: 1.5rem 1rem 1.5rem 70px;
  border: 2px solid #555;
  border-radius: 2vh;
}

.fl_inst h2 a {
  font-size: 1rem;
}

.fl_inst h2 span {
  font-size: 30px;
  font-size: 2.2rem;
  line-height: 39px;
  position: absolute;
  top: calc(50% - 25px);
  left: 10px;
  display: block;
  width: 50px;
  height: 50px;
  color: #fff;
  border-radius: 20%;
  background: #000;
}


/*==========

個人情報保護方針

==========*/

p.pp_ttl {
font-weight:bold;
}

p.pp_text {
margin-left:1rem;
}

.ppList ul {
  list-style:none;
}

.ppList ul li {
margin-left:2rem;
margin-top:0.2rem;
text-indent:-1em;
padding-left:1em;

}


/*==========

リンクボタン

==========*/
/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  width:100%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--gray {
  color: #fff;
  background-color: #212121;
}

a.btn--gray:hover {
  color: #fff;
  background: #424242;
}

a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

a.btn-a {
  line-height: 1.0;
}

a.btn-see {
  width:100%;
  background-image: url('http://www.muryouin.jp/theme/muryouin_theme_bk/img/main02_off__.jpg');
  background-repeat: no-repeat;
  background-size:cover;
  color:#000!important;
}

a.btn-see:hover {
  background-image: url('http://www.muryouin.jp/theme/muryouin_theme_bk/img/main02_off__.jpg');
  background-repeat: no-repeat;
  background-size:cover;
  color:#fff!important;
  opacity: 0.8;
}

a.btn-c i.fa {
  margin-right: 1rem;
}

.required {
  color:#FF0033!important;
}