@charset"utf-8";

/*----------->リスト系*/
.top_list_outer{
  width:100%;
  overflow:hidden;
  margin-top:2vw;
}
@media screen and (max-width: 1400px){
  .top_list_outer{
    margin-top:4vw;
  }
}

.top_list_one_block{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  font-weight:bold;
  overflow:hidden;
  border-bottom:1px dashed;
  margin:0.5vw 0vw;
  padding-bottom:0.5vw;
}
.top_list_icon{
  width:80px;
  height:80px;
  margin-right:20px;
  overflow:hidden;
  float:left;
}
.top_list_icon img{
  transition: .3s;
  width:100%;
}
.top_list_icon img:hover{
 transform:scale(1.2,1.2);
}
.top_list_namebox{
  display: flex;
  align-items: center;
  align-content: center;
  line-height:1.3em;
  width:calc(100% - 100px);
  float:right;
}

.round_boder_box_brown{
  border:2px solid #422110;
  background:#fcf3ec;
  border-radius: 10px;
  padding:20px;
}

.return_to_list{
	position:relative;
	width:100%;
	line-height:1.2em;
	text-align:left;
	padding-left:20px;
	margin:5px 0px;
	overflow:hidden;
}
.return_to_list::before{
	position: absolute;
	top:-2px;
	left:0px;
	content:'▲';
	transform:rotate(90deg);
	color:#0080ff;
}

/*----------->区切り線と文字*/
.expandable_border{
  position:relative;
  width:100%;
  height:0px;
  border:1px solid #333333;
  text-align:center;
}
.strong_center{
  display:inline-block;
  min-width:20%;
  position:relative;
  top:-0.6vw;
  margin:0px auto;
  padding:0px 10px;
  background:#fff;
  font-weight:bold;
  text-align:center;
  overflow:hidden;
  line-height:1em;
}
@media screen and (max-width: 1400px){
  .strong_center{
    top:-2vw;
  }
}

.specer{
  width:100%;
  height:20px;
  overflow:hidden;
}

/*----------->ボタン類*/
.op_botton{
  display:inline-block;
  position:relative;
  line-height:1em;
  text-align:left;
  padding-top:0.8vw;
  padding-right:2vw;
  padding-bottom:0.5vw;
  padding-left:2em;
  margin-bottom:2vw;
  overflow:hidden;
  cursor:pointer;
  border-radius:5vw;
  border:3px solid palegoldenrod;
}
@media screen and (max-width: 1400px){
  .op_botton{
    padding-top:0.2vw;
    padding-right:2vw;
    padding-bottom:0.6vw;
    padding-left:1.6em;
    margin-bottom:2vw;
  } 
}

.op_botton::before{
    position: absolute;
    top:0.8vw;
    left:1vw;
    content:'▼';
    color:#0080ff;
  }
@media screen and (max-width: 1400px){
.op_botton::before{
    position: absolute;
    top:0.3vw;
    left:2vw;
  }
}


.hidden_box{
  display:none;
}

/*------------->font系*/
h1,h2{
  text-align:left;
  line-height:1.2em;
}
@media screen and (max-width: 1400px){
  h1,h2{
    font-size:120%;
  }
}

.font_160{
	font-size:160%;
}
.fon_80{
  font-size:80%;
  line-height:1.2em;
}
.font_blue_bold{
	color:#0080ff;
	font-weight:bold;
}
.font_bold{
	font-weight:bold;
}
.fon_b{
  font-weight:bold;
}
.center{
  text-align:center;
}

.right{
  text-align:right;  
}

.left{
  text-align:left;  
}

/*----カラー一覧----*/
.green{color: #008953;}
.green_bak{background-color:#008953;}
.palegreen_bak{background-color:palegoldenrod;}
.themeblue{color: #455eaa;}
.themeblue_bak{background-color:#455eaa;}
.royalblue{color: #000045;}
.royalblue_bak{background-color:#000045;}
.lightor_back{background-color:oldlace;}
.yerrow_back{background-color:#ffff00;}
.Y30_bak{background-color:#fffbc7;}
.Y20_bak{background-color: #fffcdb}
.C100{color: #00ffff}
.C100M40{color: #0075c2}
.C10{color: #eaf6fd}
.C10_back{background-color:#eaf6fd;}
.blown_f{color: sienna;}
.K100{color: #231815;}
.K100_bak{background-color:#231815;}
.K70{color: #717071;}
.K70_bak{background-color:#717071;}
.K40{color: #b4b5b5;}
.K40_bak{background-color:#b4b5b5;}
.K30{color: #c9c9ca;}
.K30_bak{background-color:#c9c9ca;}
.K20{color: #dcdcdd;}
.K20_bak{background-color:#dcdcdd;}
.K10{color: #eeefef;}
.K10_bak{background-color:#eeefef;}
.white{color: #ffffff;}
.white_bak{background-color:#ffffff;}
.red{
	color:red;
}
.blue{
  color:#0080ff;
}
.yellow{
  color:#ffb333;
}
.light_gray{
  color:#c0c0c0;
}

/*--------------------->以下固定部分*/

#conteiner{
  width:80%;
  margin:0px auto;
  font-size:1.2vw;
  line-height:1.8em;
  overflow:hidden;
  word-break:break-all;
}
#conteiner a{
  color:#000080;
}
#conteiner a:hover{
  font-weight:bold;
  color:#ff0000;
  background-color:#ffff00;
}
#conteiner img{
  width:100%;
}
#conteiner a{color:#conteiner;}
@media screen and (max-width: 1400px){
  #conteiner{
    width:96vw;
    font-size:4vw;
    line-height:6vw;	
  }
  #conteiner img{
    max-width:96vw;
  }
}

#GoToTop{
	width:40px;
	height:40px;
	background:#0080ff;
	color:#fff;
	border-radius:20px/20px;
	position:fixed;
	bottom:40px;
	right:-50px;
	line-height:40px;
	text-align:center;
	z-index:100;
	transition: 0.4s;
}
#GoToTop a{
	display:block;
	color:#fff;
	text-decoration:none;
}
#GoToTop.block{
	transform: translatex(-70px);
}

.cr{
  clear:both;
}

ul, li {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

img {
  border: 0px; }

div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}