/*******************************************/
/* 初期化
/*******************************************/
/* ~~ エレメント / タグセレクター ~~ */
ul,
ol,
dl {
  /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
  padding: 0;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
}
a img {
  border: none;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* */
.bg_color_pink {
  background-color: :#FFDCD9;
}
.bg_color_blue {
  background-color: #b7ddff;
}
.bg_color_ylw {
  background-color: #eeffb7;
}
/**********************
 nav toggle 追加 2018
**********************/
.area_nav_global .navbar {
  border: none;
  border-radius: 0;
}
.area_nav_global .navbar-default {
  border-top: 6px solid #F94592;
  background: #8A80AF;
}
.area_nav_global .navbar-default .nav li a {
  text-decoration: none;
  font-weight: bold;
}
.area_nav_global .navbar-default .nav li a:hover {
  background: #B9A2F4;
}
@media (min-width: 760px) {
  .area_nav_global .navbar {
    min-height: 40px;
  }
  .area_nav_global .nav {
    border-left: 1px dotted#fff;
  }
  .area_nav_global .nav li a {
    border-right: 1px dotted#fff;
    color: #fff;
    white-space: nowrap;
  }
}
@media (max-width: 760px) {
  .area_nav_global .navbar {
    margin-bottom: 20px;
  }
  .area_nav_global .navbar-toggle {
    padding: 12px 18px !important;
    margin: 0;
    background: #584A8B;
    color: #fff;
    border: none;
  }
  .area_nav_global .navbar-toggle .nav_toggle_t {
    color: #fff;
  }
  .area_nav_global .navbar-default .navbar-toggle:hover,
  .area_nav_global .navbar-default .navbar-toggle:focus {
    background: #7569A4;
  }
  .area_nav_global .fa {
    vertical-align: middle;
    padding-left: 5px;
  }
  .area_nav_global .nav {
    border: 0;
    padding: 10px 0;
  }
  .area_nav_global .nav li a {
    background: #8A80AF;
    color: #fff;
    border: 1px solid #fff;
  }
}
.area_link_emph {
  padding: 24px 0 15px 0;
  background: #FCE9F2;
  border-top: 2px solid #F94592;
  border-bottom: 2px solid #F94592;
}
.area_link_emph h3 {
  text-align: center;
  margin: 0 0 15px 0;
  padding: 10px;
  background: #fff;
  font-size: 1.2em;
  font-weight: 600;
}
.list_bs {
  line-height: 120%;
  margin: 0;
  padding: 0px;
}
.list_bs ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.list_bs li {
  padding: 0px 0px 10px 15px;
  background: url(../img/common/icon_arrow_01.gif) no-repeat 0px 0%;
  margin: 3px 0px 5px;
}
.list_bs li a {
  font-weight: normal;
}
.bt_base {
  display: inline-block;
  padding: 6px 15px;
  background: #8a80af;
  color: #fff;
  border-radius: 4px;
}
.bt_base .fa {
  padding-right: 6px;
}
.bt_base:hover {
  background: #b5afcd;
}
.bt_pink {
  display: inline-block;
  padding: 6px 15px;
  background: #8a80af;
  color: #fff;
  border-radius: 4px;
  background: #f94592;
}
.bt_pink .fa {
  padding-right: 6px;
}
.bt_pink:hover {
  background: #b5afcd;
}
.bt_pink:hover {
  background: #fb8fbd;
}
/***************************************************
■ 基本設定
***************************************************/
body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background-color: #fff;
  font-size: 13px;
  /*モダンブラウザ用*/
  line-height: 140%;
  *font-size: small;
  *font: x-small;
}
div:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
a {
  outline: none;
  color: #332396;
  /*リンク色指定*/
  text-decoration: underline;
}
a:hover {
  color: #0141FF;
  /*マウスオーバー色指定*/
  text-decoration: underline;
}
/***************************************************
■ レイアウト設定
***************************************************/
div#area_contents {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background: #F2F2F2;
}
#area_box {
  padding: 20px 0 20px 0;
  margin: 0 auto;
  max-width: 1200px;
}
.area_box_lg {
  padding: 20px 0;
  background: #fafafa;
  border-bottom: 1px dotted #ccc;
}
.area_box_lg .col_box_lg {
  display: block;
  padding: 16px;
  background: #FFFEF0;
  border: 5px solid #fb80b5;
  background: #fffbd6;
  background: linear-gradient(90deg, #fffbd6 0%, #fffeea 50%, #f1deff 100%);
}
@media (min-width: 760px) {
  .area_box_lg .col_box_lg {
    margin: 0 10px;
  }
}
@media (min-width: 980px) {
  .area_box_lg .col_box_lg {
    margin: 0 0px;
  }
}
.area_box_lg .col_box_lg a {
  color: #000;
  text-decoration: none;
}
.area_box_lg .col_box_lg:hover {
  background: linear-gradient(90deg, #f1deff 0%, #fffeea 50%, #fffbd6 100%);
}
.area_box_lg .area_bt_base {
  padding-top: 0px;
}
.area_box_lg .area_bt_base .bt_base {
  display: inline-block;
  padding: 6px 15px;
  background: #8a80af;
  color: #fff;
  border-radius: 4px;
  background: #f94592;
  padding: 12px 20px;
  margin: 4px;
  font-weight: 600;
}
.area_box_lg .area_bt_base .bt_base .fa {
  padding-right: 6px;
}
.area_box_lg .area_bt_base .bt_base:hover {
  background: #b5afcd;
}
.area_box_lg .area_bt_base .bt_base:hover {
  background: #fb8fbd;
}
@media (min-width: 760px) {
  .area_box_lg .area_bt_base {
    text-align: right;
  }
}
@media (max-width: 760px) {
  .area_box_lg .area_bt_base {
    text-align: center;
  }
}
.col_box_lg_txt p span {
  display: block;
  font-weight: 600;
  padding-right: 10px;
}
@media (min-width: 760px) {
  .col_box_lg_img {
    float: left;
    width: 27%;
  }
  .col_box_lg_img img {
    padding: 0 8px;
  }
  .col_box_lg_txt {
    float: right;
    width: 72%;
  }
  .col_box_lg_txt p {
    /*	border-top: 2px dotted @color_purple;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0px;
    line-height: 155%;
    font-weight: bold;
    font-size: 112%;
  }
}
@media (max-width: 760px) {
  .col_box_lg_img {
    padding: 0 20px 10px 20px;
  }
  .col_box_lg_txt p span {
    text-align: center;
  }
}
.area_slide img:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#container {
  margin: 0 auto;
}
#container:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.box {
  background-color: #B9B0EE;
  background-color: #fff;
  padding: 0;
  margin: 0 0 20px 0;
  float: left;
  text-align: left;
  display: inline;
}
a:nth-child(1) .box,
a:nth-child(2) .box,
a:nth-child(3) .box,
a:nth-child(4) .box,
a:nth-child(5) .box,
a:nth-child(6) .box,
a:nth-child(7) .box,
a:nth-child(8) .box {
  background-color: #f94592;
}
a:hover .box {
  display: block;
  background-color: #ccc;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
/**** clms variation width  ****/
@media (min-width: 761px) {
  .col1 {
    width: 240px;
  }
  .col3 {
    width: 760px;
  }
}
@media (max-width: 480px) {
  .col1 {
    width: 100%;
  }
  .col3 {
    width: ;
  }
}
.col2 {
  width: 500px;
}
.col_fuid {
  width: 100%;
}
.col1 img.fluid {
  width: 220px;
  width: 100%;
}
.col2 img.fluid {
  width: 480px;
  width: 100%;
}
.col3 img.fluid {
  width: 740px;
}
/*-- 基本 --*/
.box_cnt {
  padding: 0;
  margin: 5px;
  background-color: #fff;
  text-align: left;
  display: block;
}
.box_cnt img {
  margin: 0;
  padding: 0;
  border: 0;
}
.box_cnt h3 {
  margin: 0;
  padding: 10px 10px 0 10px;
  line-height: 130%;
  font-size: 110%;
  font-weight: bold;
  /*	text-align:center;*/
}
.box_cnt p {
  margin: 0;
  padding: 5px 10px 10px 10px;
  line-height: 130%;
  font-size: 86%;
}
.box_cnt a {
  text-decoration: none;
  color: #333;
}
/*-- 角丸　ネスト一括  --*/
.rounded .box {
  -moz-border-radius: 4px;
  /* gecko */
  -webkit-border-radius: 4px;
  /* webkit */
  border-radius: 4px;
  /* CSS3 standard */
  -khtml-border-radius: 4px;
  /* old konkeror */
}
/* box-shadow: X軸 Y軸 シャドウの大きさ シャドウの広がり 色; */
.box-shadow {
  box-shadow: 0 4px 7px 0px #999;
  -moz-box-shadow: 0 4px 7px 0px #999;
  /* Firefox用 */
  -webkit-box-shadow: 0 4px 7px 0px #999;
  /* Safari,Google Chrome用 */
  /* ----- IE6 7 8 ----- */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3,enabled=true)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=135, strength=3, enabled=true);
  /* IE5.5+ */
  /* background:#fff; /* IE Hack */
}
/* ------------------------------------------------------/
/* head navStack in masonry .box
--------------------------------------------------------*/
/* ------------------------------------------------------/
/* footer
--------------------------------------------------------*/
.footer {
  background-color: #8A80AF;
  padding: 20px 40px;
  color: #eee;
  line-height: 160%;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  color: #FFC;
  text-decoration: underline;
}
#area_footer {
  margin-top: 20px;
}
/* ------------------------------------------------------/
/* navSide in masonry .box
--------------------------------------------------------*/
#area_nav_side {
  margin-top: 30px;
  text-align: left;
}
#area_nav_side ul {
  margin: 0;
  padding: 0;
}
#area_nav_side ul li {
  list-style: none;
}
#area_nav_side ul li a {
  border-top: 1px solid #eee;
  color: #666;
  display: block;
  padding: 6px;
  text-decoration: none;
  line-height: 120%;
  background-color: #fff;
  /* ナビ背景色 */
}
#area_nav_side ul li a:hover {
  background-color: #eee;
}
#area_nav_side ul li:last-child a {
  /*最終項目の装飾*/
  border-bottom: 1px solid #eee;
}
.news {
  padding: 5px 0 0 0;
}
.news dt {
  float: left;
  margin: 0;
  padding: 0 5px 10px 0;
  clear: both;
  width: 18%;
  color: #FF6600;
  font-size: 86%;
  font-family: verdana,arial;
  font-weight: normal;
}
.news dd {
  float: left;
  width: 80%;
  margin: 0;
  padding: 0 0 15px 0;
  line-height: 170%!important;
  letter-spacing: -0.05em;
}
.news dd a {
  text-decoration: none;
  color: #330066;
}
.news dd a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 820px) {
  .news dt {
    float: none!important;
    width: 100%!important;
    padding: 5px 0 0 0!important;
  }
  .news dd {
    float: none!important;
    width: 100%!important;
    padding: 5px 0 12px 0!important;
  }
}
/* ---------------------- */
/* イベント */
/*.area_event .news dt{
	display:none;
}
.area_event .news dd{
	width:100%;
}*/
/** ------------------------------------------------------------------
 * 装飾見出し　リンク付きの共通デザイン 
 * ---------------------------------------------------------------- */
div.grp_mds {
  padding: 3px 3px 3px 10px;
  margin: 15px 0 5px 0;
  border: 1px solid #eee;
}
div.grp_mds .mds_t {
  font-family: 'Hiragino Mincho ProN', serif;
  float: left;
  padding: 5px 0 0 0;
  color: #333;
  font-size: 120%;
  font-weight: bold;
}
div.grp_mds .mds_link a {
  float: right;
  color: #FFF;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  /*リンク部 幅 */
  background-color: #887DAD;
  /*リンク部背景色*/
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
div.grp_mds .mds_link a:hover {
  background-color: #6CCCCD;
  /*リンク部背景色*/
}
/*--------------------------------------------------------/
上部ナビ #area_nav_head ※左ナビ使用の場合は非表示に！  
/*--------------------------------------------------------*/
/*#area_nav_head_box{
background-color:#ddd;
}

div#area_nav_head{
	margin:0 auto;
	width:100%;
	min-width:1282px;
	overflow: hidden;
}

div#area_nav_head ul{
	margin:0 auto;
	padding:0;
	position:relative;
	float: left;
	left: 50%;
	}
div#area_nav_head ul li{
margin:0;
padding:0;
list-style:none;
background-color:#bbb;
position:relative;
float: left;
right: 50%;
}

div#area_nav_head ul li a{
	text-align:center;
	display:block;
	padding:10px 0;
	color:#fff;
	text-decoration:none;
	font-size:96%;
	border-left:1px solid #fff;
	padding:15px 0;
	width:159px;
	*width:160px;
}

div#area_nav_head ul li a:hover{
	background-color:#eee; 
	  }
div#area_nav_head ul li.active a{
	 background-color:#eee; 
	 }
div#area_nav_head ul li:last-child a{
border-right:2px solid #fff;
}
*/