@charset "UTF-8";
body { /*全体を囲う*/
  width: 100%;
  /*  div#header-warp {
    width: 100%;
    }
  }*/
  /*  .talk-area{
      width:100%;
      height:14vh;
      display: flex;
      margin: 0 0 3% 0;
      .talk-text{
      width: 90%;
      flex-grow: 4;
      }
      .talk-icon-warp{
          width:60px;
          height:60px;
          border-radius:50%;
          flex-grow: 1;
          talk-icon{
              width: 60px;
              height: 60px;
              object-fit: contain;
              margin: 0px auto 0px auto;
              display: block;
          }
      }*/
}
body #totalwarp.totalwarp { /*ずっとさし変わらないものを入れるyoutubeとかjQueryとか*/
  width: 100%;
  overflow-x: hidden;
}
body #totalwarp.totalwarp #content-wrap.container { /*壁紙とかはここ切り替わるけどwidthは100%のものメニューとかね。上部メニューごと差し替えるならここを指定基本的にはここを切り替えていくことになる*/
  width: 100%;
  padding: 0;
}
body #totalwarp.totalwarp #content-wrap.container #topmenu { /*横幅いっぱいのmenu枠*/
  width: 100%;
  height: 5vh;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
body #totalwarp.totalwarp #content-wrap.container #main { /*ここから幅が狭くなる。boxサイジングで指定して左右に2%ずつ余白をとる。(=つまりここでの壁紙も左右いっぱいまで広がる)*/
  background-repeat: no-repeat;
  width: 100%;
  padding: 0 4%;
  height: 100%;
  background-size: contain;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}
body #totalwarp.totalwarp footer {
  z-index: 300;
  position: fixed;
  bottom: 0;
  height: 10vh;
  width: 100vw;
}

/*-----------------------
 * uiダイアログのcss
 ------------------------*/
/*-----------------------
 * 全モーダル共通
 ------------------------*/
.ui-dialog { z-index: 1000 !important ;
}
span.ui-dialog-title {
    margin: 0 0 0 0 !important;
	width: 100% !important;
    font-size: 5.8vw;
    text-wrap: wrap !important;
	white-space: normal !important;
    margin-right: 0;
    display: block;
}
button.ui-dialog-titlebar-close {
    display: none !important;
    margin: 0;
}

.ui-widget-overlay.ui-front {
    background: rgba(0,0,0,0.6) !important;
	height: 200% !important;
}
.img-center{
	margin: 0 auto !important;
}
/*-----------------------
 * ミッションuiダイアログのcss
 ------------------------*/
div[aria-describedby=modal-div].ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{
	background: rgba(255,255,255,0);
    border: none;
	position: absolute;
    height: auto;
    width: 350px;
    top: 30px;
    left: 30px;
    background-image: repeating-conic-gradient(from 10deg at 50% 80%, rgba(255, 233, 191, 1) 0deg, rgba(213, 175, 0, 1) 20deg, rgba(255, 233, 191, 1) 40deg);
}
[aria-describedby=modal-div] .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    background: rgba(255,255,255,0);
    border: none;
    color: red;
    text-align: center;
}

[aria-describedby=modal-div] .type-modal.ui-dialog-content.ui-widget-content{
	padding-bottom: 0;
}
[aria-describedby=modal-div] .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    border: none;
    text-align: center;
    background: rgba(255,255,255,0);
    margin: 0;
    padding: 0;
}
[aria-describedby=modal-div] .ui-dialog-buttonset {
    float: none !important;
}
[aria-describedby=modal-div] button#btn-ok {
    border: 2px solid blue;
    background-image: conic-gradient(at 89% 65%, rgba(156, 185, 255, 1) 90deg 90deg, rgba(156, 185, 255, 1) 180deg, rgba(79, 134, 255, 1) 180deg 270deg, rgba(156, 185, 255, 1) 270deg);
    width: 45%;
    height: 5vh;
    border-radius: 5px;
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
}
/*-----------------------
 * 通常uiダイアログのcss
 ------------------------*/
div[aria-describedby=modal-div2].ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{
	border: none;
	background: linear-gradient(45deg,#eef2fd,lavender,ghostwhite,#eef2fd,lavender) !important;
	border-radius:20px !important;
	padding: 0 !important;
	position: absolute;
	height: auto !important;
	width: 90% !important;
	margin-left: 0px;
	top: 50vh !important;
	left: 50% !important;
	transform: translateY(-50%) translateX(-50%) !important;
	-webkit- transform: translateY(-50%) translateX(-50%) !important;
}
[aria-describedby=modal-div2] .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
    background: rgba(255,255,255,0);
    border: none;
    color: white;
    text-align: center;
	max-height: 10vh;
	background: linear-gradient(0deg, #0b41a1, rgba(97,177,255,1));
}
[aria-describedby=modal-div2] .type-modal.ui-dialog-content.ui-widget-content{
	padding-bottom: 0;
}
#modal-div2 {
	max-height: 50vh !important;
}
[aria-describedby=modal-div2] .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    border: none;
    text-align: center;
    background: rgba(255,255,255,0);
    margin: 0;
    padding: 0;
}
[aria-describedby=modal-div2] .ui-dialog-buttonset {
    float: none !important;
}
[aria-describedby=modal-div2] .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button {
    margin: 1.5vh 0.4em 1.5vh 0;
    cursor: pointer;
    background: linear-gradient(345deg,rgb(30, 144, 255) ,rgba(97,177,255,1),rgb(30, 144, 255),rgba(97,177,255,1),rgb(30, 144, 255));
    border: 2px solid blue;
    border-radius: 20px 16px 20px 16px / 14px 10px 14px 10px;
    height: 7vh;
    padding: 0 20px;
    color: white;
    font-weight: bold;
}
/*-----------------------
 * uiダイアログのcssここまで
 ------------------------*/
/*# sourceMappingURL=main.css.map */