@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(51,51,51,1.00)}a:hover { color:rgba(153,153,153,1.00)}
/* css setting */
a   {
text-decoration:none;
}

h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}

.hover_opacity:hover{
    opacity: 0.8;
    transition:0.6s;
}

.hover_opacity_img img:hover { 
opacity:0.7; 
transition:0.6s;
}

.box-shadow {
    box-shadow: 0.1rem 0.1rem #cccccc;
    -webkit-box-shadow: 0.1rem 0.1rem #cccccc;
    -moz-box-shadow: 0.1rem 0.1rem #cccccc;
}


/* ---------- ヘッダーに関する設定 ---------- */

header {
    background-color: rgba(255,255,255,0.9);
}

header {
    border-bottom: 1px solid #473657;
}

footer {
    border-top: 1px solid #473657;
}


/* ---------- トップページに関する設定 ---------- */

#pt001-2Parent {
    background-color: rgba(71,54,87,0.9);
}



/* ---------- 色に関する設定 ---------- */


.opacity {
    opacity: 0.9;
}

.main_color {
    color: #0b3a94;
}

.main_backgroundcolor {
    background-color: #0b3a94;
}

.sub_backgroundcolor {
    background-color: #0f4abf;
}


.white_rgba {
    background-color: rgba(255,255,255,0.85);
}

.gold_rgba {
    background-color: rgba(154,125,84,0.75);
}

.purple_rgba {
    background-color: rgba(71,54,87,0.9);
}

.black_rgba {
    background-color: rgba(0,0,0,0.65);
}

.blue_rgba {
    background-color: rgba(29,41,118,0.8);
}



/* ---------- 文字に関する設定 ---------- */


.bold {
    font-weight: bold;
}

.space{
    letter-spacing: 0.1rem;
}

.space_2{
    letter-spacing: 0.2rem;
}


/* -------------------------------------------縦組み------------------------------------------- */

.writing-mode {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/*----- Edge用hack -----*/ 
@supports (-ms-accelerator:true) { 
    .heighthack { 
        height : 50%;
    } 
}

@supports (-ms-accelerator:true) { 
    .heighthack_2 { 
        height : 20%;
    } 
}


/*----- IE11用hack -----*/ 
@media all and (-ms-high-contrast:none){ 
  *::-ms-backdrop, .heighthack { height: 50% } /* IE11 */ 
}

@media all and (-ms-high-contrast:none){ 
  *::-ms-backdrop, .heighthack_2 { height: 20% } /* IE11 */ 
}





/* ---------- bxスライドショーに関する設定 ---------- */

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #fff;
    background: #ffffff;
}


/* ボタンに関する設定 */

.fs_btn {
    background : none;
}

.fs_btn02 {
    background-color: rgba(255,255,255,0.55);
}

/* ---------- マルチイメージのポインター変更無 ---------- */

.cuosor {
  pointer-events: none ;
  cursor: default ;
}


/* ---------- コンポーザー・ページリストに関する設定 ---------- */

#fsInfoBpager .active {
    background: #969696 ;
}

#fsInfoBpager .ccm-page-left a,
#fsInfoBpager .ccm-page-right a {
    background: #c8c8c8 ;
}

#fsInfoBpager .ccm-page-left span,
#fsInfoBpager .ccm-page-right span{
    background: #969696 ;
}

#pt101-3-2 .fs_c_title , #pt103-3-2 .fs_c_title {
  background-repeat: no-repeat;
  margin: 3rem 2rem 2rem 2rem;
  padding: 0 0 1rem 0;
  font-size: 1.3rem;
  color: #473657;
  border-bottom: double 3px #9A7D54;
text-align: justify;
}

#pt101-3-2 .fs_content , #pt103-3-2 .fs_content {
  background-repeat: no-repeat;
  padding: 0 2rem 4rem 2rem;
  font-size: 1rem;
text-align: justify;
}

#pt102-3-2 .fs_content {
  background-repeat: no-repeat;
  padding: 0 2rem 2rem 2rem;
  font-size: 1.2rem;
  color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.1rem;
text-align: justify;
}

#pt102-4-2 .fs_content {
  background-repeat: no-repeat;
  padding: 0 2rem 4rem 2rem;
  font-size: 1rem;
  color: #ffffff;
text-align: justify;
}

#pt102-3-2 .fs_c_title {
  background-repeat: no-repeat;
  margin: 3rem 2rem 2rem 2rem;
  padding: 0 0 1rem 0;
  font-size: 1.3rem;
  color: #ffffff;
  border-bottom: double 3px #9A7D54;
text-align: justify;
}

#pt102-3-2 .fs_image {
  background-repeat: no-repeat;
  padding: 0 2rem 4rem 2rem;
text-align: justify;
}

#pt102 {
    background-color: rgba(71,54,87,0.9);
}


@media screen and (max-width: 480px) { 
#archiveBoxesC2 .archiveEachBox, #archiveBoxesC3 .archiveEachBox{ 
    margin:0; 
} 
}


#archiveBoxesC3 .archiveEachBox .eachArticle p.post-time,
#archiveBoxesC2 .archiveEachBox .eachArticle p.post-time,
#archiveBoxesC1 .archiveEachBox .eachArticle p.post-time
 {
    display : none ;
}


#archiveBoxesC3 .description,
#archiveBoxesC2 .description,
#archiveBoxesC1 .description
 {
    font-size: 1rem;
    padding: 0 1rem 1rem 1rem;
    margin: 0 0 1rem 0;
}

#archiveBoxesC3 .archiveEachBox .eachArticle h3.post-title ,
#archiveBoxesC2 .archiveEachBox .eachArticle h3.post-title ,
#archiveBoxesC1 .archiveEachBox .eachArticle h3.post-title 
{
    color: #ffffff;
    font-size: 1.2rem;
    margin: 0 0 1rem 0;
    padding: 1rem 1rem 1rem 1rem;
    border-bottom: 1px solid #9A7D54;
    /* background-color: #9A7D54; */
}

#archiveBoxesC3 .archiveEachBox .eachArticle ul.post-cat li {
    margin-right: 0.5em;
    color: #ffffff;
}

#archiveBoxesC3 .archiveEachBox .eachArticle , 
#archiveBoxesC2 .archiveEachBox .eachArticle , 
#archiveBoxesC1 .archiveEachBox .eachArticle  {
    background: #ffffff ;
}

.fs_page_list div.cal_wrapper table.cal tr td div.Birthday {
    font-weight: bolder;
    background-color: #ebebeb;
    color: #473657;
    border-radius: 3px;
}

#fsInfoBlock .entryTitle {
    font-weight: bold;
}

@media screen and (min-width: 481px) {
#archiveBoxesC3 .archiveEachBox {
    margin-right: 2%;
    margin-bottom: 2rem;
    width: 32%;
    float: left;
}}

/* ホバー時拡大 */

.transform img:hover{ 
  transition: 1.5s;
  -webkit-transform: scale(1.1); 
  -moz-transform: scale(1.1); 
  -ms-transform: scale(1.1); 
  -o-transform: scale(1.1); 
  transform: scale(1.1); 
}

.overflow {
  overflow: hidden;
}

/* ---------- ホバー時ボーダーボトム ---------- */

.hover_line {
	position: relative;
	display: inline-block;
	transition: 0.5s;
}
.hover_line::before,
.hover_line::after {
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	background-color: #1d2976;
	transition: 0.5s;
}
.hover_line::before {
	top: 0;
	left: 0;
}
.hover_line::after {
	bottom: 0;
	right: 0;
}
.hover_line:hover::before,
.hover_line:hover::after {
	width: 100%;
}


/* ---------- 創業祭2017　テーブル---------- */
#sougyou,
#sougyou td,
#sougyou th {
border: 1px solid #595959;
    border-collapse: collapse;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}

#sougyou .eachheader {
    background:#CCC;
    font-weight:bold;
}

#sougyou .eachheader2 {
    background:#EEE;
    font-weight:bold;
}