@charset "UTF-8";



@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body,
tooltip,
popover {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}


/* ページ内リンクの位置調整 */
section {
	margin-top: -60px;
	padding-top: 60px;
}


body {
	background: #ffffff;
}

/* ノンレスポンシブ対応 */
.container {
  min-width: 1200px;
}




/*
.container-small, .container-large {
    max-width: 100%;
}
*/
/*ナビゲーションバーの変更*/
/* change the background color */ 
.navbar-custom { 
    background-color: #feff99; 
} 
/* change the brand and text color */ 
.navbar-custom .navbar-brand, 
.navbar-custom .navbar-text { 
//    color: rgba(97,5,255,.8) ;
    color: rgba(0,0,0,.9) ;
} 
/* change the link color */ 
.navbar-custom .navbar-nav .nav-link { 
//    color: rgba(97,5,255,.5); 
    color: rgba(0,0,0,.9); 
} 
/* change the color of active or hovered links */ 
.navbar-custom .nav-item.active .nav-link, 
.navbar-custom .nav-item:hover .nav-link { 
    color: #6105ff; 
//    color: #ffffff; 
}

/*ブロックの背景*/
/* change the background color */ 
.navbar-custom-yellow { 
    background-color: #fffee0; 
}

/* change the background color */ 
.navbar-custom-yellow2 { 
    background-color: #fff2cc; 
} 




/* ヘッダーにテキストを乗せる */
#img-box{
  position: relative;
}
#img-box-mini{
  position: absolute;
  bottom: 10px;
  left: 100px;
  width:100%;
   color: #fff;
 }
#img-box-text{
  text-align: center;
  width: 100%;
}


/* ボーダー用 */
//h5 {
////	border-color: #ff5500;
//	border-color: #FB8200;
//	border-style: solid;
//}

//h5 {
//	border-top-width: 0;
//	border-right-width: 0;
//	border-bottom-width: 5px;
//	border-left-width: 0px;
//}



.jumbotron-form {
	background-image: url("../img/amz/form_s1.jpg");
	background-size: cover;
	height: 600px;
	background-position: center 60%;
}

.jumbotron-footer {
	background-image: url("../img/amz/footer1.jpg");
	background-size: cover;
	height: 320px;
	background-position: center 60%;
}


.main{
  height: 100vh;
}

.fuchidori{
  font-family:serif;
  font-weight: bold;
  font-size:300%;
  color:rgba(255,255,255,1.0);
  text-align:center;
  padding: 0px 0;
   -webkit-text-stroke: 1px #00F;
}


/* リンク下線を消す */
a:hover {
	text-decoration: none;
}


/* ぱんくずリスト */




.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:#ffffff;/*bootstrap4のぱんくずリスト背景色を白に*/
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #1da1f2;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}


#relative {
  position: relative;
  display:block;
  padding:0;
  z-index: 10;
/*  top: -50px; */
  top: -50px;
  left: -15px;
}

#relative1 {
  position: relative;
  display:block;
  padding:0;
  z-index: 10;
/*  top: 162px; */
  top: 162px;
  left: -65px;
}


#relative2 {
  position: relative;
  display:block;
  padding:0;
  z-index: 20;
  top: 20px;
  left: -10px;
}

#relative3 {
  position: relative;
  display:block;
  padding:0;
  z-index: 30;
/*  top: 162px; */
  top: -91px;
/*  left: -65px;*/
  left: 190px;
}




#new_idia {
  position: relative;
  padding:0; /*要素内の余白は消す*/
}

#new_idia span {
  z-index: 10;
  position: absolute;
  padding:0; /*要素内の余白は消す*/
  bottom: 50px;
}


/*
h2 {
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
}

h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;
}
*/

/*
h2 {
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
h2:before, h2:after {
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}
h2:before {
  left: 7px;
}
h2:after {
  right: 7px;
}
*/

/*
h2 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
}

h2:before, h2:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

h2:before {
  border-left: solid 1px #ff5722;
  border-top: solid 1px #ff5722;
  top:0;
  left: 0;
}

h2:after {
  border-right: solid 1px #ff5722;
  border-bottom: solid 1px #ff5722;
  bottom:0;
  right: 0;
}
*/


h2 {
  position: relative;
  padding: 0.25em 0;
}
h2:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}

.outline {
  font-family: 'Noto Serif JP', serif;
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  font-size      : 26pt;               /* 文字のサイズ */
  letter-spacing : 2px;                /* 文字間 */
  text-shadow    : 
       1px  1px 2px #990000,
      -1px  1px 2px #990000,
       1px -1px 2px #990000,
      -1px -1px 2px #990000,
       1px  0px 2px #990000,
       0px  1px 2px #990000,
      -1px  0px 2px #990000,
       0px -1px 2px #990000;        /* 文字の影 */
/*
       3px  3px 2px #990000,
      -3px  3px 2px #990000,
       3px -3px 2px #990000,
      -3px -3px 2px #990000,
       3px  0px 2px #990000,
       0px  3px 2px #990000,
      -3px  0px 2px #990000,
       0px -3px 2px #990000;        /* 文字の影 */

/*
       1px  1px 2px #990000,
      -1px  1px 2px #990000,
       1px -1px 2px #990000,
      -1px -1px 2px #990000,
       1px  0px 2px #990000,
       0px  1px 2px #990000,
      -1px  0px 2px #990000,
       0px -1px 2px #990000;        /* 文字の影 */
*/
}