@charset "UTF-8";

/*-----------------------------
　全体的に使えるツール類
------------------------------*/

------------------------------*/
/* SP：ハンバーガーメニュー */
/*----------------------*/
/*sidebar*/
img.header_icon{
    margin-top:25px;
}

/*sidebar*/
header .sidebar {
  padding:23px;
  width:230px;
  height:100vh;
  position:fixed;
  background-color:#fff;
  top:0;
  right:-100px;
  z-index:4;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
  box-sizing:border-box;
  display:none;
}
header .sidebar_inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
header .sidebar-bg {
  background-color:#ccc;
  width:100vw;
  height:100vh;
  opacity:0;
  position:fixed;
  top:0;
  right:20px;
  z-index:3;
  display:none;
}
header .sidebar_ttl{
    margin-bottom:20px;
}
header .sidebarTxt{
    font-size:150%;
    margin:0 0 10px 20px;
}

/* PopUp tool */
/*------------*/
/* ポップアップウインドウの設定 */
.popup {
  background-color: #efefef;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70vw;
  height: 55vw;
  overflow-y: scroll;
}
/* チェックボックスの初期設定 */
#popup-on{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup{
  display: block;
}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

/* 閉じるボタン */
.btn-close{
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* 開くボタン */
.btn-open{
  cursor: pointer;
}

/* ポップアップの内容 */
.popup-content{
/*  margin: 40px auto 40px auto;*/
/*  width: 90%;*/
    text-align:center;
}

/* PAGE TOP */
/*----------*/
#pagetop {
    position: fixed;
/*  bottom: 20px;*/
/*  right: 20px;*/
    bottom: 2.5%;
    right: 2.5%;
}
#pagetop a {
    width:35px;
    height:35px;
    display: block;
    background: #87643e;
}
#pagetop a:hover {
    background: #555;
}