@charset "UTF-8";

/*----------------------------------------------
トップビジュアル検索枠
-----------------------------------------------*/

#top_search2{
  position: absolute;
  top: 100px;
  right: 68px;
  width: 265px;
  background-image: url(/gunpla/_assets/images/common/mv_base.png);
  padding: 10px;
  z-index: 30;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 192px;
}
#top_search2 h2{
  margin:0;
  color:#fff;
  font-size:137%;
  font-family: 'Noto Sans';
  font-weight: 400;
}
#top_search2 h2 em{
  font-size:100%;
}
#top_search2 .search_box{
  background-color: #fff;
  margin:15px 14px 2px;
  padding:28px 25px 17px;
  box-sizing: border-box;
  -webkit-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px;
  -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);
  -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);
  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.18);
}
#top_search2 .search_box input[type="text"]{
  width:100%;
  height:46px;
  line-height: 1.8;
}
#top_search2 .search_box input[type="submit"]{
  width:200px;
}


#top_search2 .search_box .select-wrap{
  display: none;
  margin-bottom: 20px;
}
#top_search2 #top_search2_parts{
  height: 100%;
}

#top_search2 .app_box{
  box-sizing: border-box;
  margin: 0;
  padding: 25px 0 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#top_search2 .app_box h3{
  color:#ec0d0d;
  font-size:18px;
  font-family: 'Noto Sans';
  font-weight: 400;
  margin:0 0 16px!important;
  padding:0;
  line-height: 1.6;

}
#top_search2 .app_box h3 em {
  font-size: 18px;
  font-weight: 700;

}
#top_search2 .app_box .application  {
  width: 84%;
}
#top_search2 .app_box .application > .app_btn {
  width: 220px;
  height: 45px;
  line-height: 2.3;
  font-size:137%;
  font-weight: 400;
  left: 50%;
  transform: translateX(-50%);
}

#top_search2 .app_box .app_btn.arrow_right:before {
  top: 25%;
  right: 20px;
  width: 25px;
  height: 25px;
  content: none;
}
#top_search2 .app_box .app_btn.arrow_right:after {
  top: 40%;
  right: 29px;
  width: 8px;
  height: 8px;
  background-color: transparent;
}
#top_search2 .top_serchbox {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom:14px;
  position: relative;

}
#top_search2 .top_serchbox form{
  display: flex;
  justify-content: center;
}



#top_search2 .top_serchbox input {
  padding: 16px 10px;
  border: none;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  background-color: #f2f2f2;
  box-shadow: 14px 12px 11px -7px rgba(0,0,0,0.1) inset;
  font-family: 'Noto Sans';
  border: none;
}
@-moz-document url-prefix(){
  /*ff huck*/
  #top_search2 .top_serchbox form {
    display:inline-flex;
    justify-content: center;
    width:100%;
  }
  #top_search2 .top_serchbox input {
    width:calc(75% - 60px);
    clip-path: polygon(13px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 13px);
  }
  #top_search2 .top_serchbox button {
    width:calc(75% - 60px);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 0);
  }
}


@media all and (-ms-high-contrast:none){/* IE11 */
  *::-ms-backdrop,  #top_search2 .top_serchbox input {
    width:calc(75% - 60px);
    clip-path: polygon(13px 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 13px);
  }
  *::-ms-backdrop, #top_search2 .top_serchbox button {
    width:calc(75% - 60px);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 0);
  }
}


@media all and (-ms-high-contrast: none){
  #top_search2 .top_serchbox {
    width:100%;
  }
  #top_search2 .top_serchbox input {
    width:calc(75% - 60px);
  }
}
#top_search2 .top_serchbox button {
  padding: 16px 10px;
  font-family: 'Noto Sans';
  border: none;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  background-color: #666666;
  color:#fff;
  border: none;
  width: 60px;
  cursor: pointer;
  box-shadow: -5px 12px 11px -7px rgba(0,0,0,0.1) inset;
  transition: all 0.2s ease 0s;
}
#top_search2 .top_serchbox button:hover{
  opacity: 0.6;
}
#top_search2 .application{
  height: 45px;
}

@media (max-width: 768px) {
  #top_search2{
    left: 0;
    right: 0;
    top: 200;
    width: auto;
    margin: 120px 20px 0;
    padding: 10px 0px 2px;
    position: relative;
    height: 248px;
  }
  #top_search2 h2{
    font-size:150%;
  }
  #top_search2 h2 em{
    font-size:100%;
  }
  #top_search2 .app_box{
    padding:20px 0 8px;
  }

  #top_search2 .app_box h3{
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
    font-weight: 700;
    font-size:120%;
    margin:0 0 5px!important;
  }

  #top_search2 .app_box .application > .app_btn {
    width: 100%;
    line-height: 2.6em;
  }

  #top_search2 .app_box .app_btn.arrow_right:before {
    top: 25%;
    right: 20px;
    width: 25px;
    height: 25px;

  }
  #top_search2 .app_box .app_btn.arrow_right:after {
    top: 40%;
    right: 29px;
    width: 8px;
    height: 8px;
  }
  #top_search2 .top_serchbox{
    width:calc(100% - 56px);
    margin-top: 10px;
  }

  #top_search2 .top_serchbox input{
    width:calc(100% - 56px);
  }
  #top_search2 .top_serchbox form {
    width: 100%;
  }


  #top_search2 .top_serchbox button {
    padding: 16px 10px;
    font-family: 'Noto Sans';
    border: none;
    border-radius: 0;
    outline: none;
    font-size: 16px;
    background-color: #666666;
    color:#fff;
    border: none;
    width: 56px;
    cursor: pointer;
    box-shadow: -5px 12px 11px -7px rgba(0,0,0,0.1) inset;
    transition: all 0.2s ease 0s;
  }
}

.ipad #top_search2 .top_serchbox,
.ipad #top_search2 .top_serchbox input,
.ipad #top_search2 .top_serchbox form{
  width: auto!important;
}


.ipad #header .second_row li:nth-child(1) .nav_txt,
.ipad #header .second_row li:nth-child(2) .nav_txt,
.ipad #header .second_row li:nth-child(3) .nav_txt,
.ipad #header .second_row li:nth-child(4) .nav_txt{
  font-size: 10px!important;

}

@media (max-width: 320px) {
  #top_search2{
    margin: 80px 20px 0;
  }
}




/*.third_genre
-----------------------------------------------------*/
.third_genre .third_genre_right {
	width: 40%;
	float: right;
	position: relative;
	z-index: 5;
}
.third_genre .third_genre_right img {
	width: 100%;
	height: auto;
	position: relative;
	right: 35px;
	top: 30px;
}
.third_genre .third_genre_left {
	width: 60%;
	float: left;
	position: relative;
	z-index: 10;
	overflow: hidden;
		left:30px;

}
.third_genre dl {
	position: relative;
	border: 7px solid #cccccc;
	border-radius: 15px;
}
.third_genre dt {
	background: #000000;
	text-align: center;
	color:#ffffff;
	font-weight: bold;
	font-size: 30px;
	padding: 25px 0 20px;
	position: relative;
}
.third_genre dt:after {
	content: "";
	background: url('/moetaku/_assets/images/figure/third/bg_dotted.png') repeat;
	background-size: contain;
	color: #ff124c;
	height: 4px;
	width: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.third_genre dt span {
	display: block;
	color: #ff124c;
	font-size: 20px;
	margin-bottom: 3px;
}
.third_genre dd {
	padding: 30px;
	font-size: 16px;
	line-height: 1.8;
	background: #fff;
}

.mmat100	{margin-top:-100px !important;}

@media (max-width: 768px) {
	/*.third_genre
	-----------------------------------------------------*/
	.third_genre .third_genre_right {
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.third_genre .third_genre_right img {
		width: 80%;
		height: auto;
		position: static;
	}
	.third_genre .third_genre_left {
		width: 100%;
		float: none;
		left:0;
	}

	.third_genre .third_genre_left.more_active  {
		max-height: 1000px;
	}
	.third_genre .third_genre_left.more_active:after {
		background: none;
	}

	.third_genre dt {
		font-size: 18px;
		padding: 10px 0 15px;
	}
	.third_genre dt:after {
		background-size: contain;
		height: 2px;
		width: 25px;
	}
	.third_genre dt span {
		font-size: 16px;
	}
	.third_genre dd {
		padding: 20px 15px;
		font-size: 12px;
		line-height: 1.6;
	}

}

.title	{
	position: absolute;
	font-size:70px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:150px;
	left:0;
	width:65%;
	line-height:30px !important;
	text-shadow: 1px 2px 3px #000000;
}
.title span	{
	font-size:24px;
}

.title2	{
	position: absolute;
	font-size:60px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:260px;
	left:14%;
	line-height:30px !important;
	text-shadow: 1px 2px 3px #000000;
}
.title3	{
	position: absolute;
	font-size:60px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:160px;
	left:0;
	width:65%;
	line-height:70px !important;
	text-shadow: 1px 2px 3px #000000;
}
.title4	{
	position: absolute;
	font-size:50px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:160px;
	left:0;
	width:65%;
	line-height:70px !important;
	text-shadow: 1px 2px 3px #000000;
}
.title5	{
	position: absolute;
	font-size:50px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:125px;
	left:0;
	width:65%;
	line-height:55px !important;
	text-shadow: 1px 2px 3px #000000;
}
.title6	{
	position: absolute;
	font-size:30px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:110px;
	left:0;
	width:65%;
	line-height:55px !important;
	text-shadow: 1px 2px 3px #000000;
}
.title7	{
	position: absolute;
	font-size:50px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:125px;
	left:0;
	width:65%;
	line-height:55px !important;
	text-shadow: 1px 2px 3px #000000;
}
@media (max-width: 768px) {

.title	{
	position: absolute;
	font-size:44px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:110px;
	left:20%;
	line-height:22px !important;
	}
.title span	{
	font-size:14px;
	}
.title2	{
	position: absolute;
	font-size:34px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:170px;
	left:20%;
	line-height:30px !important;
	}
.title3	{
	position: absolute;
	font-size:34px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:115px;
	left:5%;
	width:90%;
	line-height:50px !important;
	}
.title4	{
	position: absolute;
	font-size:28px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:110px;
	left:5%;
	width:90%;
	line-height:50px !important;
	}
.title5	{
	position: absolute;
	font-size:28px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:97px;
	left:5%;
	width:90%;
	line-height:30px !important;
	}
.title6	{
	position: absolute;
	font-size:20px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:90px;
	left:5%;
	width:90%;
	line-height:30px !important;
	}

.title7	{
	position: absolute;
	font-size:25px;
	font-weight:bold;
	color:#ffffff !important;
	z-index:99999;
	top:100px;
	left:5%;
	width:90%;
	line-height:30px !important;
	}

}