/**************************************************************************
  基本設定
***************************************************************************/
@charset "utf-8";
@font-face {
  font-family: 'Julius Sans One', sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
/*dl, dt, dd, ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}
:focus{
  outline:0;
}
a, a:link, a:visited, a:hover, a:active{
  text-decoration:none;
}
table{
  border-collapse:separate;
  border-spacing:0;
}
th, td{
  text-align:left;
  font-weight:normal;
}
img, iframe {
  border:none;
  text-decoration:none;
}
/*
ol, ul{
  list-style:none;
}
*/
input, textarea, select, button {
  font-size:100%;
  font-family:inherit;
}
select{
  margin:inherit;
}
hr{
  margin:0;
  padding:0;
  border:0;
  color:#000;
  background-color:#000;
  height:1px;
}
html{
  overflow-y:scroll;
  height: 100%;
}
body {
  height: 100%;
  padding:0;
  margin: 0;
  font:13px Verdana,Arial,Helvetica,sans-serif;
  line-height:1.3;*font-size:small;*font:x-small;
  font-family:Meiryo,'メイリオ','Lucida Grande',Verdana,
  'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',
  'Julius Sans One', sans-serif;
  color:#000;
  background-color:#4d260b;
}
body * {
  font-size:100%;
}
body pre,code,kbd,samp,tt {
  font-family:monospace;
  *font-size:108%;
  line-height:100%;
}
img {
  -ms-interpolation-mode: bicubic;
}
br {
  letter-spacing:normal;
}
rt {
  font-size:0.2em;
}
p {
  padding:5px;
}
/*************************/
a:link{
  color:#696969;
  outline:none;
/*    text-decoration:underline;*/
  text-decoration:none;
}
a:visited{
  color:#696969;
}
a:hover{
  color:#bf783e;
}
a:active{
  color:#696969;
}
a:hover img{
  opacity:.50;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
p{
  padding:12px 0;
  letter-spacing:0.05em;
  line-height:1.6em;
  font-size:100%;
}
hr {
  height: 4px;
/*  margin-left: 15px;*/
  margin-bottom:-3px;
}
.hr-warning{
  background-image: -webkit-linear-gradient(left, rgba(210,105,30,.8), rgba(210,105,30,.6), rgba(256,256,256,256));
}
.hr-success{
  background-image: -webkit-linear-gradient(left, rgba(15,157,88,.8), rgba(15, 157, 88,.6), rgba(256,256,256,256));
}
.hr-primary{
  background-image: -webkit-linear-gradient(left, rgba(66,133,244,.8), rgba(66, 133, 244,.6), rgba(256,256,256,256));
}
.hr-danger{
  background-image: -webkit-linear-gradient(left, rgba(244,67,54,.8), rgba(244,67,54,.6), rgba(256,256,256,256));
}
.hr-brown{
  background-image: -webkit-linear-gradient(left, rgba(194,137,75,.8), rgba(194,137,75,.6), rgba(256,256,256,256));
}
.hr-dimgray{
  background-image: -webkit-linear-gradient(left, rgba(153,153,153,.8), rgba(153,153,153,.6), rgba(256,256,256,256));
}
.hr-goldenrod{
  background-image: -webkit-linear-gradient(left, rgba(218,165,32,.8), rgba(204,155,31,.6), rgba(218,165,32,.8));
}

/**************************************************************************
  bootstrap.min.css コンストラクタの上書き
***************************************************************************/
/* redio・checkbox */
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: static;
  margin-top: 4px \9;
  margin-left: -20px;
}

/* dropdown */
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  line-height: 1.42857143;
  font-size: 14px;
  color: #ffffff;
  background-color: #2e6da4;
  white-space: nowrap;
}
/**************************************************************************
  カルーセルカスタマイズ
***************************************************************************/
.carousel{
  height: 120px;
  margin:auto;
}
.carousel .item {
  height: 100%;
}
.carousel img {
  position: absolute;
  width: 100%;
}
@media (min-width: 320px) {
  .carousel,
  .carousel .item,
  .carousel .item-mask,
  .carousel-inner .item .item-mask img {
    height:250px;
  }
}

@media (min-width: 768px) {
  .carousel,
  .carousel .item,
  .carousel .item-mask,
  .carousel-inner .item .item-mask img {
    height:300px;
  }
}
/* 三角矢印（下向き） */
.triangle{
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 15px solid #ddd;
  margin-top:3px;
  margin-bottom:1px;
  margin-left:auto;
  margin-right:auto;
}
/**************************************************************************
  パネルカスタマイズ
***************************************************************************/
.panel {
  margin-bottom: 20px;
  background-color: #fffaf0;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-gold {
  border-color: #ffd466;
}
.panel-gold > .panel-heading {
  color: #333;
  background-color: #cc9b1f;
  border-color: #ffd466;
}
.panel-gold > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffd466;
}
.panel-gold > .panel-heading .badge {
  color: #cc9b1f;
  background-color: #333;
}
.panel h2 {
  font-size:14px;
  font-weight:bold;
  color:#fffaf0;
}
@media (max-width: 2500px){
  .max-h {
    height:25vh;
  }
}
@media (max-width: 1000px){
  .max-h {
    height:32vh;
  }
}
@media (max-width: 800px){
  .max-h {
    height:35vh;
  }
}
@media (max-width: 780px){
  .max-h {
    height:auto;
  }
}
/**************************************************************************
  ヘッダ
***************************************************************************/
.menu-bar{
  /* Old browsers */
  background: #ffffff;
  /* FF3.6-15 */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.twitter-size{
  height:44px;
}
.instagram-size{
  height:44px;
}
/**************************************************************************
  タイトルエリアコントロール
***************************************************************************/
.navbar-custom{
  background-color:#fff;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.menu-font{
  font-family: 'Julius Sans One',sans-serif;
  font-size: 13px;
}
.menu-font a:link{
  color:#000;
  outline:none;
  text-decoration:none;
}
.menu-font a:visited{
  color:#000;
}
.menu-font a:hover{
  color:#bf783e;
}
.menu-font a:active{
  color:#000;
}
.ttl-font{
  font-family: 'Julius Sans One',sans-serif;
}
.ttl-size{
/*  background-attachment:fixed;*/
  text-align:center;
  padding-top:150px;
  padding-bottom:100px;
  overflow: auto;
}
.ttl-font1{
  font-size:50px;
/*  color:#696969;*/
/*  color:#daa520;*/
  color:#ffc226;
/*  font-weight:bolder;*/
}
.ttl-font2{
  font-size:20px;
/*  color:#696969;*/
/*  color:#daa520;*/
  color:#ffc226;
/*  font-weight:bolder;*/
}
.ttl-font3{
  margin-top:10px;
  font-size:12px;
/*  color:#696969;*/
/*  color:#daa520;*/
  color:#ffc226;
/*  font-weight:bolder;*/
}
.sub-ttl{
  font-family: 'Julius Sans One',sans-serif;
  font-weight: bold;
  font-size:20px;
  color:#ffc226;
  /*color:#daa520;*/
  text-align:left;
  margin-bottom:-15px;
}
iframe {
  width: 100%;
  aspect-ratio: 16/9; //アスペクト比（縦横比）を指定
}
.tbl-btm{
 border-bottom: 1px solid #ddd;
}
.sel-color{
  color:#b8860b!important;
}
@media (max-width: 500px){
  .ttl-size{
    text-align:center;
    padding-top:130px;
    padding-bottom:80px;
    overflow: auto;
  }
  .ttl-font1{
    font-size:38px;
    color:#ffc226;
    padding-top:30px;
  }
  .ttl-font2{
    font-size:22px;
    color:#ffc226;
  }
}
@media (max-width: 380px){
  .ttl-size{
    text-align:center;
    padding-top:120px;
    padding-bottom:80px;
  }
  .ttl-font1{
    font-size:36px;
    color:#ffc226;
    padding-top:30px;
  }
  .ttl-font2{
    font-size:22px;
    color:#ffc226;
  }
}
@media (max-width: 320px){
  .ttl-size{
    text-align:center;
    padding-top:100px;
    padding-bottom:80px;
  }
  .ttl-font1{
    font-size:28px;
    color:#ffc226;
    padding-top:30px;
  }
  .ttl-font2{
    font-size:22px;
    color:#ffc226;
  }
}
/**************************************************************************
  記事エリアコントロール
***************************************************************************/
/*
body {
  margin: 0;
  width: 100vw;
  height: 100vh;
  background-image:repeating-conic-gradient(red,black 10%);
}
*/
.div-top {
/*  background-attachment:fixed;*/
  background-repeat:no-repeat;
  background-image:url(../image/desktop-bookshelf.jpg);  /*背景画像を指定*/
  background-size:100% auto;
  -moz-background-size:100% auto;
} 
.div-info {
/*  background-attachment:fixed;*/
  background-repeat:no-repeat;
  background-image:url(../image/desktop-bg.png);  /*背景画像を指定*/
  background-size:100% auto;
  -moz-background-size:100% auto;
}
.div-greeting{
/*  background-attachment:fixed;*/
/*
  background-repeat:no-repeat;
  background-image:url(../image/六法24001352_mのコピー.jpg);
  background-size:100% auto;
  -moz-background-size:100% auto;
*/
  color:#000000;
/*  background-color:rgba(218,165,32,.5);*//*#daa520;*/
  background-color:rgba(255,255,255,.6);/*#daa520;*/

}
.bg-img{
  background-attachment:fixed;
  background-position : left 20px;
  background-repeat:no-repeat;
  background-image: url(../image/desktop-bookshelf.jpg);
  -moz-background-size:100% auto;
  background-size:100% auto;
}
@media (max-width: 500px){
  .bg-img{
    background-attachment:fixed;
    background-position : left 60px;
    background-repeat:no-repeat;
    background-image: url(../image/desktop-bookshelf.jpg);
    -moz-background-size:100% auto;
    background-size:100% auto;
  }
  /* スマホで背景画像固定 */
  body::before {
    background:url('../image/desktop-bookshelf.jpg') no-repeat left 60px;
    background-size: 100% auto;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 108px;
    content: "";
    z-index: -1;
  }
}
/**************************************************************************
  フッタ
***************************************************************************/
.footer{
  width: 100%;
  padding: 20px;
  background: #1276b1;
  overflow: hidden;
}
.footer dl{
  float: left;
}
.footer dl dt{
  font-size: 15px;
  padding: 0 0 7px 0;
}
.footer dl dd{
  font-size: 12px;
  line-height: 1.5em;
}
.footer ul{
  float: right;
  text-align: right;
}
.footer ul li{
  margin: 0 0 8px 0;
}
.footer ul li a{
  color: #87b53d;
  text-decoration: none;
  padding: 0 0 0 10px;
  background: url(../img/linkIconS.png) 0 42% no-repeat;
  letter-spacing: 1px;
  font-size: 11px;
}
.footer ul li a:hover{
  color: #303030;
}
@media (min-width: 500px){
  #copyright{
    margin-top:15px;
  }
}
/**************************************************************************
  Fixed Top
***************************************************************************/
#fixedTop {
  right: 10px;
  bottom: 10px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  color: #fff;
  font-size: 40px;
  text-align: center;
  background: #cc9b1f;
  opacity: 0.9;
  position: fixed;
  z-index: 9999;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  transform: scale(0);
  text-decoration: none;
}
#fixedTop:hover {
  opacity: 0.8;
  background: #ffc226;
  text-decoration: none;
}
#fixedTop.show {
  transform: scale(1);
  -webkit-transform: translateZ(0);
}
/**************************************************************************
  アニメーション画像
***************************************************************************/
/* 紙吹雪 */
#hanafubuki {
  margin-left: 37%;
  top: 35vw;
  width: 250px;
  line-height: 70px;
  position: fixed;
  z-index: 9999;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  transform: scale(0);
  text-decoration: none;
}
@media (max-width: 500px){
  #hanafubuki {
    right: 5vw;
    top: 46vh;
    width: 70px;
    line-height: 70px;
    position: fixed;
    z-index: 9999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: scale(0);
    text-decoration: none;
  }
}
#hanafubuki.show {
  transform: scale(1);
  -webkit-transform: translateZ(0);
}

/* 蝶ネクタイ */
#ribon {
  margin-left: 11%;
  top: 24vw;
  width: 80px;
  line-height: 70px;
  position: fixed;
  z-index: 9999;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  transform: scale(0);
  text-decoration: none;
}
@media (max-width: 500px){
  #ribon {
    right: 54vw;
/*    top: 32vh;*/
    margin-top: 26vw;
    width: 45px;
    line-height: 70px;
    position: fixed;
    z-index: 9999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: scale(0);
    text-decoration: none;
  }
}
@media (max-width: 380px){
  #ribon {
    right: 55vw;
    margin-top: 27vw;
    width: 40px;
    line-height: 70px;
    position: fixed;
    z-index: 9999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: scale(0);
    text-decoration: none;
  }
}
@media (max-width: 320px){
  #ribon {
    right: 54vw;
    margin-top: 30vw;
    width: 38px;
    line-height: 70px;
    position: fixed;
    z-index: 9999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: scale(0);
    text-decoration: none;
  }
}
#ribon.show {
  transform: scale(1);
  -webkit-transform: translateZ(0);
}
/*****************************( End of CSS )*******************************/