@charset "UTF-8";
/* CSS Document */


/* -------------------------------------------------
header
--------------------------------------------------*/

header {
 font-size: 0.687rem; /*11px*/
 letter-spacing: 0.05em;
}

div.logo_area {
 padding: 0.5rem 0;
}

h1#logo {
 max-width: 349px; 
 margin: 0 auto;
}


/* お問合せ・記事掲載申し込み・ENGLISH
-------------------------*/
ul.h_link {
 display: flex;
 justify-content: center;
}

ul.h_link li {
 width: 33.333%;

 text-align: center;
 line-height: 2.5;
}

/*お問合せ*/
ul.h_link li:nth-child(1) {
 background-color: #660027;
}

/*記事掲載申し込み*/
ul.h_link li:nth-child(2) {
 background-color: #660027;
}

/*ENGLISH*/
ul.h_link li:nth-child(3) {
 background-color: #660027;
}

ul.h_link li a {
 color: #fafafa;
}


/* global navi
-------------------------*/

/*メイン ul*/
ul.h_list{
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 text-align: center;
}


/*メインメニュー */
li.menu-item {
/*  display: inline-block;*/
  width: 33%;
  position: relative;
  font-size: 0.687rem; /*11px*/
  letter-spacing: 0.1em;
  z-index: 500;
  background-color: #9b003b;
 
}

li.menu-item a {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fafafa;
  font-weight: 500;
 display: block;

}
li.menu-item a:hover {
  background-color: #7d002f;
}

li.menu-item:nth-child(n+4) {
  z-index: 100;
}

/*ソフィアンズクラブ*/
li.club a {
 font-size: 0.625rem; 
 letter-spacing: 0.05em;
}
li.club a span{
 border-bottom: 1px solid #fafafa;
 padding-bottom: 2px;
 }


/* サブメニュー */
ul.sub-menu {
  position: absolute;
  width: 170%;
  top: 50px;
  background-color: #7d002f;
  opacity: 1;
}

ul.office {
  right: -50px;
}

li.sub-menu-item {
  overflow: hidden;
  opacity: 0;
  height: 0;
  /*サブメニュー 表示速度*/
/*  -webkit-transition: 0.3s;*/
  transition: 0.3s;
}

/*サブメニュー　表示タイミング*/
li.menu-item:hover > .sub-menu > .sub-menu-item {
  overflow: visible;
  opacity: 1;
  height: 50px;
}


/* search
-------------------------*/
div.search_box {
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;
}

.search_btn {
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  display: block;
  padding: 3px 30px;
  border-radius: 25px;
  line-height: 2;
  width: 260px;
  overflow: hidden;
}

.search_btn input[type="text"] {
  border: none;
  height: 2em;
  color: #999;
}

.search_btn input[type="text"]:focus {
  outline: 0;
}

.search_btn input[type="submit"]{
  cursor: pointer;
 
/*icon font*/
  font-family: FontAwesome;
  font-size: 1.3em;
  border: none;
  background: none;
  color: #343434;
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  left: 10px;
 /*top: -10px;*/
  top: -4px;
  outline: none;
}

/*受信登録*/
#regist p {
 font-size: 0.625rem; /*10px*/
 padding: 0.5rem 0 0.75rem;
 text-align: center;
}


/* -------------------------------------------------
footer
--------------------------------------------------*/

footer {
 font-size: 0.812rem; /*13px*/
}

footer .bg_logo {
 display: none;
}

footer>div.inr {
 padding-top: 55px;
 padding-bottom: 55px;
}

/*footer logo*/
.ftr_add_area {
 background: #7d002f url("../images/commn/logo-02.png") no-repeat center center;
 background-size: contain;
}
 

/* footer navigation
-------------------------*/
.ftr_nav_area,
.ftr_add_box {
 line-height: 2.5;
 text-align: center;
}

/*copyright*/
small {
 font-size: 0.687rem; /*11px*/
 text-align: center;
}











/* ============================================================
 pc
============================================================*/

@media screen and (min-width: 600px) {

 /* --------------------------------------------------
header 
--------------------------------------------------*/
 
 header {
  font-size: 0.9375rem; /*15px*/
 }
 

 /* ロゴ・検索窓
-------------------------*/ 
 /*横並び左右配置*/ 
 .site_h {
  align-items: center;
  justify-content: space-between;
 }
 
 /*横並び余白削除*/
 .site_h>.inr {
  margin: 0;
  padding: 0 0;
 }
 
 .logo_area {
  padding-top: 0;
  padding-bottom: 0;
 } 

 
/* お問合せ・記事掲載申し込み・ENGLISH
-------------------------*/
ul.h_link {
 min-width: 380px;
}

ul.h_link li {
 font-size: 0.8rem;
 text-align: center;
 line-height: 3;


}


/* search
-------------------------*/
div.search_box {
 padding: 0.75rem 0
}

.search_btn {
 line-height: 1.5;
}

 /*入力フォーム*/
.search_btn input[type="text"] {
  height: 1.5em;
}

 /*icon font*/
.search_btn input[type="submit"]{
  font-size: 1em;
}

 /*お問合せ*/
 .info>.inr {
  margin: 0;
  padding: 0;
 } 
 

/* global navigation
-------------------------*/
nav.gl_nav ul {
/* line-height: 3;*/
}

li.menu-item {
 width: 15%;
 text-align: center;
 font-size: 0.95rem; /*14px*/
}

/*ソフィアンズクラブ*/
li.club {
  margin-left: auto;
  width: 20%;
 }

li.club a {
  font-size: 0.95rem; /*14px*/
} 
 
ul.office {
  left: 0;
}
 

 
 
 /* --------------------------------------------------
footer
--------------------------------------------------*/
 
 footer {
  position: relative;
 }
 
 footer img.bg_logo {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.4;
 }
 
.ftr_add_area {
  background-image: none;
}

/*footer navigation*/
.ftr_nav_area,
.ftr_add_box {
 text-align: left;
}

 hr {
  display: none;
 } 
 
 
 
 

} /*/end*/