.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
body{
  background: #000;
  color: #FFF;
}
a		{
-webkit-tap-highlight-color:rgba(255, 243, 76, 0.1);
}
div, p, dd, li{
  word-break: normal;
  word-wrap: break-word; 
  box-sizing: border-box;
}

.pc_disp{
  display: none;
}
.sp_disp{
  display: block;
}

          @media print, screen and (min-width:768px) {
            .sp_disp{
            display: none;
            }
            .pc_disp{
              display: block;
            }          
          }
img.img-responsive{
  margin: 0 auto 1em;
  text-align: center;
}
          @media print, screen and (min-width:768px) {
            img.img-responsive{
              margin: 0 auto;
              text-align: center;
            }     
          }
/* ----------------------------------------------------------------header*/
h1{
  color: #999999;
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  padding-top: 1.2em;

}
#header_area{
  padding: 0.8em 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;              
}
.head_contact{
  padding-top: 1em;
}
.head_contact li{
  width: 50px;
  display: inline-block;
  
}
          @media print, screen and (min-width:768px) {
            h1{
              text-align: right;
            }
            #header_area{
              padding:0;
            }
            .head_contact{}
            .head_contact li{
               width: 100%;
            }
          }
/*------------------------------------------------------------mainnavi*/
/* togglebtn */
.head_contact li#toggle{
  z-index: 9999;
}
#mainnavi{
  display: none;
  margin: 20px 0;
}
  #mainnavi ul.mnav li{
    display: block;
    text-align: center;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.54);
    position: relative;    
  }
      #mainnavi ul.mnav li img{
        margin: 0 auto;
        text-align: center;
      }
#mainnavi ul.mnav li.active:after{
  content: "";
  display: block;
  width: 60%;
  height: 2px;
  margin-top: -1px;
  background: #fff34c;
  position: absolute;
  left: 50%;
  top: 100%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);  
}
#toggle{
  width: 50px;
  margin-left: 10px;
}

#toggle img{
  width: 100%;
  height: auto;
}
  #toggle img.toggle_close{
  display: block;
  }  
  #toggle img.toggle_open {
  display: none;
  } 
  #toggle.open img.toggle_close{
  display: none;
  }  
  #toggle.open img.toggle_open {
  display: block;
  } 
          @media print, screen and (min-width:768px) {
            .head_contact li#toggle{
              display: none;
            }
            #mainnavi{
              display: block;
            }
            #mainnavi ul.mnav{
              display: table;
            }
            #mainnavi ul.mnav li{
              display: table-cell;
              border-right: 1px dotted #fff;
              border-bottom: 0;
            }
            #mainnavi ul.mnav li:first-of-type{
              border-left: 1px dotted #fff;
            }
            #mainnavi ul.mnav li:hover:after{
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            margin-top: 2px;
            background: #fff34c;
            position: absolute;
            left: 50%;
            top: 100%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);  
          }
            #mainnavi ul.mnav li.active:after{
              width: 100%;
              margin-top: 2px;
            }
          }
/* ----------------------------------------------------------------footer*/
footer{
  margin-top: 20px;
  padding-top: 30px;
  border-top: 2px solid #666; 
}
footer .row{
  margin-bottom: 0px;
}
          @media print, screen and (min-width:768px) {
            footer .row{
              margin-bottom: 10px;
            }
          }
.f_info{}
.f_logo{
  margin: 0 auto;
  text-align: center;
}
.map_btn{
  margin-top: 28px;
  text-align: center;
}
.map_btn img{
  margin: 0 auto;
  text-align: center;
}
.f_info dd {
    width: 100%;
  padding-top: 1em;
  text-align: center;
  line-height: 1.7em;
}
.f_info dd a {
  color: #fff;
  text-decoration: underline;
}
.f_info dd ul{
display: table;
  margin: 0 auto;
  text-align: center;

}
  .f_info_ul li{
    display: table;
    padding-bottom: 0.2em;
  }
  .f_info_ul li span.f_info_koumoku{
    display: table-cell;
    padding-right: 1em;
  }
          @media print, screen and (min-width:768px) {
            .f_info{
              display: -webkit-flex; /* Safari */
              display: flex;
            }
            .f_info dt{
              width: 150px;
              margin-right: 30px;
            }
            .map_btn:hover{
              opacity: 0.7;
              transition: 0.2s;
            }
            .f_info dd {
                  width: auto;
              padding-top: 0em;
              text-align: left;
            }
            .f_info_tx{
              line-height: 1.15em;
            }
          }

ul.f_navi{
  margin-top: 1em;
}
  ul.f_navi li{
    display: inline-block;
    padding: 0.3em 1em;
    margin-bottom: 0.5em;
    color: #fff34c;
    border-right: 1px dotted #fff;
  }
  ul.f_navi li:first-of-type{
    border-left: 1px dotted #fff;
  }

ul.f_navi li:not(.active) a{
  color: #fff;
  text-decoration: none;
}
ul.f_navi li.active{
  color: #fff34c;  
}
ul.f_navi li.active a{
  color: #fff34c; 
  text-decoration: none;  
}
          @media print, screen and (min-width:768px) {
            .f_navi{
              padding: 0 15px;
              margin: 0 auto 1.8em;
              display: table;
              text-align: center;
              width: 100%;

            }
            ul.f_navi li{
              padding: 0.6em 1em;
              margin-bottom: 0;
              display: table-cell;
              border-right: 1px dotted #fff;
              border-bottom: 0;
              line-height: 1em;
            }
            ul.f_navi li a:hover{
            color: #fff34c;  
            }

          }
    @media print, screen and (max-width:480px) {
      ul.f_navi li:nth-of-type(5){
      border-left: 1px dotted #fff;
      }
    }


.f_line_qr{

  margin-top: 20px;
  clear: both;
  position: relative;
  border-bottom: 2px solid #666;
  padding-bottom:8px;
}
.f_line_qr .qr_area{
  clear: both;

}
  .qr_area .cts_p{
    font-size: 1.2rem;
    padding-top: 1.5em;
    padding-left: 0.3em;
    text-align: left;
    line-height: 1.4em;
  }

  .qr_img{
    position: absolute;
    right: 0;
    top:10px;

    }
          @media print, screen and (min-width:768px) {
            .f_line_qr{
              margin-top: 0;
              padding-bottom:0;
            }
            .qr_area .cts_p{
              font-size: 1.4rem;
              padding-top: 0.8em;
              line-height: 1.2em;
            }
              .qr_img{
              position: absolute;
              right: 0;
              top:12px;
              }
          }
            
small{
  color: #666;
  line-height: 2em;
  padding-bottom: 10px;
}
          @media print, screen and (min-width:768px) {
            small{
              line-height: 4em;
              padding-bottom: 0;
            }
          }
/*Pagetop*/
#pagetop {
	position: fixed;
	bottom:0;
	right: 0px;
}
          @media print, screen and (min-width:768px) {
            #pagetop {
            position: fixed;
            bottom: 20px;
            right: 0px;
          }

          }
/*------------------------------------------------------------pagetitle*/

#pagetitle {
	margin-bottom: 10px;
}
#pagetitle .container{
  padding-left: 0;
  padding-right: 0;
}
          @media print, screen and (min-width:768px) {
            #pagetitle {
	            margin-bottom: 30px;
            }
            #pagetitle .container{
              padding-left: 15px;
              padding-right: 15px;
            }
          }
/*------------------------------------------------------------content*/
#content {
	text-align: left;
}
          @media print, screen and (min-width:768px) {
            .container {
            width: 1080px;
            }
          }

.section {
	clear: both;
	margin-bottom: 10px;
}
        @media print, screen and (min-width:768px) {
        .section {
          margin-bottom: 30px;
        }
        }
          @media print, screen and (max-width:480px) {
            .container .section{
              padding-left: 0;
              padding-right: 0;
            }
            .container .section div[class^="col-"]{
             padding-left: 0;
              padding-right: 0;
            }
          }
.cts_p{
  line-height: 1.7em;
  font-size: 1.4rem;
  margin-bottom: 1.5em;
}
/*subnavi*/
p.side_title {
	padding: 3px 0 3px 10px;
	font-size: 14px;
	font-weight: bold;
	border-left: 4px solid #666;
	margin: 5px 0;
}
.subnavi {
	margin-bottom: 10px;
}
.subnavi {
	border-top: 1px dotted #6D6D6D;
}
.subnavi li {
	border-bottom: 1px dotted #6D6D6D;
}
.subnavi li a {
	padding: 10px 0;
	display: block;
}
.subnavi li a:hover {
	text-decoration: underline;
}
@media print, screen and (min-width:768px) {
.subnavi {
	margin-bottom: 20px;
}
}


/*------------------------------------------------------------Pankuzu*/
/*pankuzu*/
#pankuzu {
	width: 100%;
	margin: 5px 0 15px;
	clear: both;
}
#pankuzu ol {
	list-style: none;
  float: right;
}
#pankuzu ol li {
	float: left;
	font-size: 11px;
	padding: 0 7px 0 10px;
	background: url(../img/common_img/icon_pankuzu.gif) no-repeat 0 50%;
}
#pankuzu ol li em {
	font-style: normal;
}
#pankuzu ol li.home {
	padding-left: 0;
	background: none;
}
#pankuzu ol li a:link, #pankuzu ol li a:visited {
	text-decoration: underline;
  color: #fff34c;
}
#pankuzu ol li a:hover, #pankuzu ol li a:active {
	text-decoration: underline;
}
/* ----------------------------------------------------------------rayout*/
.center {
	margin: auto;
}
/*------------------------------------------------------------table*/
.sheet_basic {
	width: 100%;
	border-collapse: collapse;
}
.sheet_basic tr th, .sheet_basic tr td {
	border: 1px dotted #6D6D6D;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	display: block;
}
@media print, screen and (min-width:768px) {
.sheet_basic tr th, .sheet_basic tr td {
	display: table-cell;
}
}
/*------------------------------------------------------------Decoration*/
/*Line*/
hr.line_01 {
	height: 1px;
	clear: both;
	margin: 20px 0px;
	border-top: 1px dotted #CCC;
	border-right: 0 dotted #CCC;
	border-bottom: 0 dotted #CCC;
	border-left: 0 dotted #CCC;
}
hr.line_02 {
	height: 0px;
	clear: both;
	margin: 50px 0px;
	border-top: 0px dotted #555;
	border-right: 0 dotted #CCC;
	border-bottom: 0 dotted #CCC;
	border-left: 0 dotted #CCC;
}
@media print, screen and (min-width:768px) {
  hr.line_02 {
	border-top: 0px dotted #555;
  }
}
.space_10 {
	height: 10px;
	clear: both;
}
.space_20 {
	height: 20px;
	clear: both;
}
.space_30 {
	height: 30px;
	clear: both;
}
.space_10 hr, .space_20 hr, .space_30 hr {
	display: none;
}
/*------------------------------------------------------------Text*/
/*title*/
.title01{
  font-size: 2.1rem;
  font-weight: normal;
  min-height: 1em;
  margin: 2em auto 0.6em;
  padding: 0.4em 1em 0.3em;
  background: #333;
  border:2px solid #666;
  text-align: left;
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden;
  font-family: "Sawarabi Mincho";
 }
.section .title01:first-of-type{
  margin-top: 0;
}
.title01:before{
  display: block;
  width:38px; 
  height: 57px;
  content: "";
  position: absolute;
  left: 0;
  top: 6%;  
  background: url(../img/common_img/bg_tit01.png) no-repeat left center;
  background-size: auto 100%;
  z-index: -1;
}
  .title01 .tx_s{
    font-size: 1.5rem;
    margin-left: 0.5em;
  }
          @media print, screen and (min-width:768px) {
            .title01{
              font-size: 2.4rem;
              font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
            }
            .title01 .tx_s{
              font-size: 1.6rem;
              margin-left: 0.5em;
            }
            .title01:before{
              display: block;
              width:76px; 
              height:114px;
              content: "";
              position: absolute;
              left: 0;
              top: 6%;  
              background: url(../img/common_img/bg_tit01.png) no-repeat left center;
              background-size: auto 100%;
              z-index: -1;
            }

          }
.img_title01{
  margin-bottom: 22px;
}
.title02 {
  margin: 0.8em auto 0.5em;
  font-size:2rem;
  line-height: 1.2em;
	position: relative;
  padding-bottom: 0.2em ;
	border-bottom:2px solid #666;
    font-family: "Sawarabi Mincho";
}
.title02::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 1em;
	height: 2px;
	background-color: #f12987;
  border-right:3px solid #000;
}
.title02 span.tx_s{
  font-size: 1.4rem;
  margin-left: 0.5em;
}
.title02 .title02_notes{
  font-size: 1.2rem;
  line-height: 1.1em;
  color: #b7b7b7;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
          @media print, screen and (min-width:768px) {
            .title02 {
              margin: 1em auto 0.5em;
              font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
            }
          }

.title03 {
  margin: 1em auto 0.5em;
	font-size: 1.6rem;
  line-height: 1.2em;
  font-weight: normal;
	color: #fff;
	padding-left: 10px;
	border-left: 3px solid #fff34c;
  font-family: "Sawarabi Mincho";
}

          @media print, screen and (min-width:768px) {
            .title03{
              font-size: 1.8rem;

              font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
            }
          }
/*TextRight*/
.tx_right {
	text-align: right;
}
/*TextLeft*/
.tx_left {
	text-align: left;
}
/*TextCenter*/
.tx_cent {
	text-align: center;
}
/*bold*/
.tx_bold {
	font-style: normal;
	font-weight: bold;
}
/*TextRed*/
.tx_red {
	color: #C33;
}
/*attention*/
.attention {
	font-size: 10px;
	line-height: 130%;
	margin: 5px 0;
}
/*------------------------------------------------------------Float*/
/*FloatLeft*/
.float_left {
	float: left;
}
/*FloatRight*/
.float_right {
	float: right;
}
/*ClearBoth*/
.clearboth {
	clear: both;
}
/*phbox*/
.phbox_right {
	text-align: center;
	margin-bottom: 10px;
}
.phbox_right img {
	max-width: 100%;
	height: auto; 
}
.phbox_left {
	text-align: center;
	margin-bottom: 10px;
}
.phbox_left img {
	max-width: 100%;
	height: auto; 
}
.ov_hidden {
	overflow: hidden;
}
@media print, screen and (min-width:768px) {
.phbox_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
}
.phbox_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}
}
/*------------------------------------------------------------Margin*/
/*MarginTop*/
.margin_t05 {
	margin-top: 5px;
}
.margin_t10 {
	margin-top: 10px;
}
.margin_t20 {
	margin-top: 20px;
}
.margin_t30 {
	margin-top: 30px;
}
.margin_t40 {
	margin-top: 40px;
}
.margin_t50 {
	margin-top: 50px;
}
/*MarginBottom*/
.margin_b05 {
	margin-bottom: 5px;
}
.margin_b10 {
	margin-bottom: 10px;
}
.margin_b20 {
	margin-bottom: 20px;
}
.margin_b30 {
	margin-bottom: 30px;
}
.margin_b40 {
	margin-bottom: 40px;
}
.margin_b50 {
	margin-bottom: 50px;
}
/*MarginRight*/
.margin_r05 {
	margin-right: 5px;
}
.margin_r10 {
	margin-right: 10px;
}
.margin_r15 {
	margin-right: 15px;
}
.margin_r20 {
	margin-right: 20px;
}
/*MarginLeft*/
.margin_l05 {
	margin-left: 50px;
}
.margin_l10 {
	margin-left: 10px;
}
.margin_l15 {
	margin-left: 15px;
}
.margin_l20 {
	margin-left: 20px;
}
/*Margin_device*/
.margin-xs-b10 {
	margin-bottom: 10px;
}
@media print, screen and (min-width:768px) {
.margin-xs-b10 {
	margin-bottom: 0px;
}
}
/*------------------------------------------------------------ClearFix*/
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/*------------------------------------------------------------Hoverimg*/
a:hover img.hoverimg {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
/*------------------------------------------------------------other*/
.attention_tx{
  font-size: 1.2rem;
}