@charset "utf-8";

/* ############################################### */
/* 頁 スタイルシート */
/* ############################################### */

/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Oswald:wght@400;500;700&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Icons');



.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clearboth{
	clear:both;
}




/* -------------------------------------------------------------------------------- */

/* Material icons */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  
  display: inline-flex;
  vertical-align: middle;
  margin-top: -5px;
}
/* アイコンサイズ */
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-32 { font-size: 32px; }

/* -------------------------------------------------------------------------------- */



a{
	text-decoration: none;
	color: #2c6dbd;
	
}
a:hover{
	color: #ed7700;
}




.c_img{
	width: 100%;
	height: auto;
}

.c_center,
.c_center_pc{
	text-align: center;
}


a:hover img{
	filter: alpha(opacity=84);
	-moz-opacity:0.84;
	opacity:0.84;
}

.c_spon{
	display: none;
}
.c_spon_inline{
	display: none;
}

.c_noscript{
	text-align: center;
	background-color: #da2c2c;
	color: #fff;
	padding: 20px;
	margin: 0 0 30px 0;
}


.c_spbr:before ,
.c_brsp:before {
	content: "" ;
}
.c_pcbr:before ,
.c_brpc:before {
	content: "\A" ;
	white-space: pre ;
}


.c_spbr:before {
	content: "" ;
}

.c_pcon_inlne{
	display: inline;
}
.c_spon_inlne{
	display: none;
}

.c_re{
	position: relative;
}



/* ### flex ### */
/* -------------------------------------------------------------------------------- */
.c_fl_between{
	display:-moz-flex;
	display:-webkit-flex;
	display:-o-flex;
	display:-ms-flex;
	display: flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	flex-wrap: wrap;
}

.c_fl_center{
	display:-moz-flex;
	display:-webkit-flex;
	display:-o-flex;
	display:-ms-flex;
	display: flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	flex-wrap: wrap;
}

.c_fl_start{
	display:-moz-flex;
	display:-webkit-flex;
	display:-o-flex;
	display:-ms-flex;
	display: flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:start;
	-moz-justify-content:start;
	justify-content:start;
	flex-wrap: wrap;
}

.c_fl_right{
	display:-moz-flex;
	display:-webkit-flex;
	display:-o-flex;
	display:-ms-flex;
	display: flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	justify-content:flex-end;
	flex-wrap: wrap;
}

.c_fl_reverse{
	flex-direction: row-reverse;
	/* flex-direction: row; */
}

.c_fl_sub_center{
	align-self: center;
}
.c_fl_sub_start{
	align-self: start;
}
.c_fl_sub_end{
	align-self: end;
}




/* ---------------------------------- */


body{
	color:#222;
	font-family: "Noto Sans JP", "メイリオ","Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	line-height:1.7em;
	font-size: 1.0em;
	background-color:#fff;
	position: relative;
}

.c_container{
	/* min-width: 1120px; */
	overflow: hidden;
}


/* ### コンテンツ ### */
/* -------------------------------------------------------------------------------- */
.c_contents{

}


.c_section{
	max-width: 980px;
	margin: 0 auto 0 auto;
}

.c_section2{
	max-width: 1080px;
	margin: 0 auto 0 auto;
}

.c_section3{
	max-width: 840px;
	margin: 0 auto 0 auto;
}

.c_section4{
	max-width: 800px;
	margin: 0 auto 0 auto;
}

.c_section5{
	max-width: 760px;
	margin: 0 auto 0 auto;
}

.c_section6{
	max-width: 720px;
	margin: 0 auto 0 auto;
}



/* ### フッター ### */
/* -------------------------------------------------------------------------------- */
.c_footer{
	margin-top: 50px;
	padding: 30px 0 100px 0;
	text-align: center;
	color: #fff;
}

.c_footer_aj{
	padding: 80px 0 100px 0;
	background-image: linear-gradient(120deg,rgba(32,0,255,0.3) 0%,rgba(0,169,118,0.3) 85%), url(../img/bg.jpg);
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


.c_footer_shusai_img{
	width: 160px;
	margin: 0 auto;
}
.c_footer_shusai{
	margin-top: 10px;
}

.c_footer_link{
	margin-top: 10px;
}

.c_footer_link a{
	color: #fff;
	font-size: .92em;
}
.c_footer_link a:hover{
	color: #fff;
	filter: alpha(opacity=84);
	-moz-opacity:0.84;
	opacity:0.84;
}


/* ### ページTOPへ ### */
/* -------------------------------------------------------------------------------- */
.c_pagetop{
	display: none;
	/* min-width: 1080px; */
	width: 100%;
	box-sizing: border-box;

	position: fixed;
	left: 0;
	bottom: 10px;
	z-index: 2000;
	text-align: right;
	padding-right: 10px;
}

.c_pagetop img{
	width: 50px;
	height: auto;

}


/* ### ナビゲーション ### */
/* -------------------------------------------------------------------------------- */

.c_gnav{
	position:fixed;
	z-index: 800;

	top:0;
	right: -120%;
	width:24em;
	height: 100vh;
	
	background-color: rgba(0,0,0,0.86);
	color: #fff;

	transition: all 0.6s;
}

/* メニュークリック */
.c_gnav.menu{
    right: 0;
}

.c_gnav.menu .c_gnav_area{
	position: fixed;
	z-index: 800; 
	width:24em;
	height: 100vh;

	/* 縦スクロール */
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}


.c_gnav .c_gnav_part {
	padding: 20px 0 0 20px;
}


.c_gnav li.c_gnav_list{
	list-style: none;
	text-align: left;
	margin-bottom: 6px;
}

.c_gnav li.c_gnav_list:last-child{
    margin-bottom: 0;
}

.c_gnav_title{
	font-size: 1.2em;
	letter-spacing: 0.1em;
	font-weight: 700;
	margin-bottom: 10px;
}
.c_gnav_title *{
	font-weight: 700;
}

.c_gnav_link{
	font-size: 1.1em;
	letter-spacing: 0.1em;
	color: #fff;
}

.c_gnav_aj{
	margin: 40px 0 40px 0;
}

.c_gnav_aj2{
	margin: 0 0 40px 0;
}



a.c_gnav_link:hover{
	color: #fcf197;
}


/* ### メニューボタン ### */
/* -------------------------------------------------------------------------------- */

.c_menu_btn{
	position:fixed;
	z-index: 8000;
	top: 0;
	right: 0;
	display: block;
	
	background-color: rgba(229,0,18,0.7);
	width: 80px;
	height: 80px;
}
.c_menu_btn.active{
	background-color: transparent;
}

.c_menu_btn:hover{
	background-color: rgba(229,0,18,0.9);
}
.c_menu_btn .c_menu_btn_part{
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 24%;
}

.c_menu_btn span{
	display: inline-block;
	transition: all .4s;
	position: absolute;

	left: 50%;
	transform: translateX(-50%);

	height: 2px;
	border-radius: 1px;
	background-color: #fff;
	width: 40%;
}

.c_menu_btn span:nth-of-type(1) {
	top:10%;
}

.c_menu_btn span:nth-of-type(2) {
	top:24%;
}

.c_menu_btn span:nth-of-type(3) {
	top:38%;
}


/* ### close(×) ### */

.c_menu_btn.active span:nth-of-type(1) {
	top: 18%;
	left: 30%;

	transform: translateY(6px) rotate(-45deg);
	width: 44%;
}

.c_menu_btn.active span:nth-of-type(2) {
	opacity: 0;
}

.c_menu_btn.active span:nth-of-type(3){
	top: 33%;
	left: 30%;

	transform: translateY(-6px) rotate(45deg);
	width: 44%;
}




/* ### ボタン ### */
/* -------------------------------------------------------------------------------- */

.c_button{
	position: relative;
	display: block;
	width: 260px;
	height: 72px;
	color: #fff;
	font-weight: 700;
	font-size: 1.28em;
	line-height: 1.16em;
	text-align: center;
	background-color: #fff;
	border-radius: 3px;
	
	/*
	-webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    */
}

.c_button *{
	font-weight: 700;
}

/* ボタン(横長) */
.c_button_ar{
	position: relative;
	display: block;
	width: 364px;
	height: 72px;
	color: #fff;
	font-weight: 700;
	font-size: 1.34em;
	line-height: 1.16em;
	text-align: center;
	background-color: #fff;
	border-radius: 3px;
	
	/*
	-webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	*/
}

.c_button_ar8{
	position: relative;
	display: block;
	width: 364px;
	height: 72px;
	color: #fff;
	font-weight: 700;
	font-size: 1.28em;
	line-height: 1.16em;
	text-align: center;
	border-radius: 3px;
	
	/*
	-webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	*/
}

.c_button_ar *,
.c_button_ar8 *{
	font-weight: 700;
}

.c_button:hover i,
.c_button_ar:hover i,
.c_button_ar8:hover i{
	color: #fff
}


.c_button_c{
	position: absolute;
	width: 100%;
	top:50%;
	left:52%;
	transform: translate(-50%,-50%);
}


.c_button_s{
	font-size: 0.8em;
}
.c_button_l{
	font-size: 1.16em;
}
.c_button_l2{
	font-size: 1.1em;
}

.c_button_aj{
	line-height: 1.1em;
	height: 4.4em;
}
.c_button_aj2{
	width: 10.4em;
}

/* ボタンの矢印 */
.c_button_arrow{
	position: absolute;
	left: 10px;
	top:50%;
	transform: translate(0,-25%);
}

.c_button1{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	background: #005296;
	background: -webkit-gradient(linear, left top, left bottom, from(#005296), to(#025090));
	background: -webkit-linear-gradient(top, #005296 0%, #025090 100%);
	background: linear-gradient(to bottom, #005296 0%, #025090 100%);
}

.c_button2{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	background: #59c2e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#59c2e0), to(#50b0cb));
	background: -webkit-linear-gradient(top, #59c2e0 0%, #50b0cb 100%);
	background: linear-gradient(to bottom, #59c2e0 0%, #50b0cb 100%);
}

.c_button3{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	background: #3d65cc;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#3d65cc), to(#3c63c8));
	background: -webkit-linear-gradient(top, #3d65cc 0%, #3c63c8 100%);
	background: linear-gradient(to bottom, #3d65cc 0%, #3c63c8 100%);
	*/

	box-sizing: border-box;
	border: 1px solid transparent;
	outline: 1px solid;
	outline-color: #3d65cc;
	outline-offset: 0px;
	text-shadow: none;
	transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
}

.c_button4{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	background: #e2041b;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#e2041b), to(#d9071d));
	background: -webkit-linear-gradient(top, #e2041b 0%, #d9071d 100%);
	background: linear-gradient(to bottom, #e2041b 0%, #d9071d 100%);
	*/

	box-sizing: border-box;
	border: 1px solid transparent;
	outline: 1px solid;
	outline-color: #e2041b;
	outline-offset: 0px;
	text-shadow: none;
	transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
}

.c_button5{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	background: #e4002d;
	background: -webkit-gradient(linear, left top, left bottom, from(#e4002d), to(#c8072d));
	background: -webkit-linear-gradient(top, #e4002d 0%, #c8072d 100%);
	background: linear-gradient(to bottom, #e4002d 0%, #c8072d 100%);
}

.c_button6{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	background: #4a89d0;
	background: -webkit-gradient(linear, left top, left bottom, from(#4a89d0), to(#3a78bd));
	background: -webkit-linear-gradient(top, #4a89d0 0%, #3a78bd 100%);
	background: linear-gradient(to bottom, #4a89d0 0%, #3a78bd 100%);
}

.c_button7{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	background: #ee0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ee0000), to(#e70505));
	background: -webkit-linear-gradient(top, #ee0000 0%, #e70505 100%);
	background: linear-gradient(to bottom, #ee0000 0%, #e70505 100%);
}

.c_button8{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	/* background: #e2041b; */

	box-sizing: border-box;
	border: 1px solid transparent;
	outline: 1px solid;
	outline-color: #fff;
	outline-offset: 0px;
	text-shadow: none;
	transition: all 1.2s cubic-bezier(0.2, 1, 0.2, 1);
}




/*
.c_button1:hover,
.c_button2:hover,
.c_button3:hover,
.c_button4:hover,
.c_button5:hover,
.c_button6:hover,
.c_button7:hover{
	filter: alpha(opacity=84);
	-moz-opacity:0.84;
	opacity:0.84;
	color: #fff;
}

*/

.c_button3:hover{
	background: #3558b1;
	color: #dff4fb;
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 0 20px rgba(57, 95, 192, 0.5), 0 0 20px rgba(57, 95, 192, 0.2);
	outline-color: transparent;
	outline-offset: 12px;
}

.c_button4:hover{
	background: #bf0317;
	color: #dff4fb;
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 0 20px rgba(202, 4, 27, 0.5), 0 0 20px rgba(202, 4, 27, 0.2);
	outline-color: transparent;
	outline-offset: 12px;
}

.c_button8:hover{
	background: rgba(255, 255, 255, 0.1);
	color: #dff4fb;
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
	outline-color: transparent;
	outline-offset: 8px;
}


/* modal */
/* ---------------------------------------- */

.c_modal_txt1{
	font-size: 1.1em;
	margin: 0 0 20px 0;
}

.c_modal_txt2{
	margin: 0 0 40px 1em;
}


.c_modal_button{
	text-align: center;
}

.c_modal_button1{
	display: inline-block;
	text-align: center;
	background-color: #2d6db2;
	background-color: rgba(45,109,178,1.0);
	color: #fff;
	height: 4em;
	width: 8.5em;
	padding-right: 0.5em;
	line-height: 4em;
	margin: 0 10px;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.c_modal_button1:hover{
	background-color: rgba(45,109,178,0.86);
}

.c_modal_button2{
	cursor: pointer;
	display: inline-block;
	text-align: center;
	background-color: rgba(150,150,150,1.0);
	color: #fff;
	height: 4em;
	width: 9em;
	line-height: 4em;
	margin: 0 10px;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.c_modal_button2:hover{
	background-color: rgba(150,150,150,0.86);
}




/* ### ヘッダー ### */
/* -------------------------------------------------------------------------------- */

.c_header_contents{
	padding: 20px 0 20px 0;
}

.c_header_contents2023{
	background-image: linear-gradient(120deg,rgba(32,0,255,0.3) 0%,rgba(0,169,118,0.3) 85%), url(../img/bg2.jpg);
	/* background-attachment: fixed; */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.c_header_contents_logo{
	width: 200px;
}

.c_header_contents_title{
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	text-align: center;
	font-size: 2em;
	font-weight: 700;
	transform: translate(-50%,-50%);
	color: #fff;
}
.c_header_contents_title *{
	font-weight: 700;
}

.c_header_contents .c_section{
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}


/* -------------------------------------------------------------------------------- */

.db_contents{
	max-width: 980px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 50px;
}



.filters{
	background-color: #eff2f7;
	text-align: center;
	padding: 20px 0 10px 0;
}

.item_search{
	display:-moz-flex;
	display:-webkit-flex;
	display:-o-flex;
	display:-ms-flex;
	display: flex;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	flex-wrap: wrap;
}

a.item_search_p{
	padding: 0 7px;
	text-decoration: none;
}
a.item_search_p span{
	/* color: #fff; */
	color: #222;
	font-weight: bold;
	padding: 6px 15px;
	text-decoration: none;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;

	font-size: 1.03em;
}


#all_button span{
	color: #fff;
	background-color: #f47920;
}
#robot_button span{
	background-color: #abd9f2;
}
#space_button span{
	background-color: #71cea6;
}

#robot_button.active span{
	font-weight: normal;
	/* background-color: #bee4f9; */
	color: #888;
}
#space_button.active span{
	font-weight: normal;
	/* background-color: #8ddcba; */
	color: #888;
}


/*
#robot_button.active span{
	background-color: #ddd;
}
*/
#all_button:hover span{
	background-color: #f78a3b;
}
#robot_button:hover span{
	background-color: #8ac7e9;
}
#space_button:hover span{
	background-color: #54c496;
}







.item_filter_fix{
	z-index: 700;
	position: fixed;
	top: 0px;
	left:0;
	width: 100%;
	padding: 20px 0 10px 0;
	background-color: #eff2f7;
}
.item_list_padd{
	padding-top: 160px;
}



.item_move{
	margin-top: 10px;
	text-align: center;
	font-size: 0.9em;
}

.item_move a{
	padding: 0 6px;
	font-size: 1.1em;
}


.item_category{
	max-width: 960px;
	margin: 20px auto 0 auto;
}

.item_category ul{
	text-align: center;
	margin-bottom: 10px;
}

.item_category ul li{
	display: inline-block;
	margin: 0 5px;
	font-size: 0.94em;
}

.item_category ul li.item_category_text{
	padding: 0 5px;
}
.item_category_robot{
	background-color: #abd9f2;
}
.item_category_space{
	background-color: #71cea6;
}

.db_aj1{
	padding-left: 0.6em;
}



.db_img_aj{
	padding-bottom: 20px;
}

.db_img_list{
	text-align: center;

}

.db_img_list li{
	display: inline-block;
	vertical-align: top;
}

.db_img_list .db_img_list_sub{
	width: 100%;
	margin: 0 0 20px 0;
}
.db_img_list_sub_aj{
	height: 3em;
}

.db_img_list .db_img_list_sub h3{
	margin-bottom: 10px;
	padding: 10px 11px;
	font-size: 1.2em;
	/* font-weight: bold; */
	color: #222;
	font-weight: bold;
}
.db_img_list .db_img_list_sub h3 span{
	font-weight: bold;
}

.db_img_list .db_img_list_part{
	width: 30%;
	margin: 10px 1% 10px 1%;
}

.db_img_list .db_img_list_part img{
	width: 100%;
	height: auto;
}


.db_img_list .all h3{
	color: #fff;
	background-color: #f47920;
}


.db_img_list a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.db_img_center{
	margin-top: 30px;
	text-align: center;
}





/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

@media (max-width: 829px) {

.c_header_contents_logo{
	width: 25%;
}

.c_header_contents_title{
	font-size: 1.6em;
}

.item_search li{
	width: 100%;
	margin-bottom: 20px;
}

.item_category{
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}

.item_category ul{
	text-align: left;
}

/*  @media (max-width: 829px)  */



/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */








/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* ### スマートフォン ### */
@media (max-width: 599px) {

.c_spbr:before ,
.c_brsp:before {
	content: "\A" ;
	white-space: pre ;
}
.c_pcbr:before ,
.c_brpc:before {
	content: "" ;
}



.c_spon{
	display: block;
}
.c_spon_inline{
	display: inline;
}

.c_pcon{
	display: none!important;
}
.c_pcon_inline{
	display: none!important;
}


.c_center_pc{
	text-align: left;
}


.c_noscript{
	text-align: left;
	padding: 10px;
}




body{
	min-width: 100%;
    margin: 0 auto;
	font-size: 1.0em;
	line-height: 1.8em;
}

.c_container{
	min-width: 100%;
}



/* ### コンテンツ ### */
/* -------------------------------------------------------------------------------- */

.c_section,
.c_section2,
.c_section3,
.c_section4,
.c_section5,
.c_section6{
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
}






/* ### フッター ### */
/* -------------------------------------------------------------------------------- */
.c_footer{
	padding: 0 0 60px 0;
}
.c_footer.c_footer_aj{
	padding: 40px 0 60px 0;
}

.c_footer_shusai{
	font-size: 0.92em;
}


/* ### ページTOPへ ### */
/* -------------------------------------------------------------------------------- */
.c_pagetop{
	min-width: 100%;
	width: 100%;
	bottom: 10px;
	padding-right: 10px;
}

.c_pagetop img{
	width: 40px;
	height: auto;

}



/* ### ナビゲーション ### */
/* -------------------------------------------------------------------------------- */

.c_gnav{
	width:90%;
}

.c_gnav_logo{
	margin: 14px 0 0 18px;
	width: 120px;
}
.c_gnav_logo p{
	margin-top: 0;
	font-size: 10px;
}

.c_gnav li.c_gnav_list{
	margin-bottom: 20px;
}


.c_gnav_title{
	font-size: 1.1em;
	letter-spacing: 0;
}


.c_gnav_link{
	font-size: 1.0em;
	letter-spacing: 0;
}






/* ### メニューボタン ### */
/* -------------------------------------------------------------------------------- */

.c_menu_btn{
	width: 50px;
	height: 50px;
}

.c_menu_btn.active span:nth-of-type(1){
	left: 27%;
	top: 16%;
}
.c_menu_btn.active span:nth-of-type(3){
	left: 27%;
	top: 40%;
}



/* ### ボタン ### */
/* -------------------------------------------------------------------------------- */

.c_button{
	margin-bottom: 20px;
	font-size: 1.16em;
	line-height: 1.2em;
	height: 3.6em;
}

.c_button_ar{
	width: 260px;
	font-size: 1.2em;
	line-height: 1.2em;
}
.c_button_ar8{
	width: 14em;
	font-size: 1.2em;
	line-height: 1.2em;
}

/* modal */
/* ---------------------------------------- */

.c_modal_button1,
.c_modal_button2{
	margin-bottom: 20px;
	height: 3.4em;
	line-height: 3.4em;
}




/* ### ヘッダー ### */
/* -------------------------------------------------------------------------------- */

.c_header_contents_logo{
	width: 160px;
	margin: 0 auto;
}

.c_header_contents_title{
	margin-top: 10px;
	position: static;
	transform: translate(0,0);
	font-size: 1.3em;
}



/* -------------------------------------------------------------------------------- */

.db_contents{
	width: 96%;
}

.filters{
	text-align: center;
}
a.item_search_p{
	/* display: block; */
	font-size: 14px;
}
a.item_search_p:after{
	content: "\A" ;
	white-space: pre ;
}

a.item_search_p span{
	font-size: 1em;
}


.item_move{
	font-size: 0.9em;
}
.item_move span{
	display: block;
	padding-left: 6px;
}
.item_move a{
	font-size: 0.9em;
}


.item_category{
	width: 100%;
	margin: 20px auto 0 auto;
}

.item_category ul{
	text-align: left;
}

.item_category ul li{
	margin: 2px 8px;
	font-size: 0.94em;
}





.db_img_list .db_img_list_sub h3{
	font-size: 1.06em;
}

.db_img_list .db_img_list_part{
	width: 80%;
	margin: 10px auto 10px auto;
}

.db_img_list .db_img_list_part p{
	font-size: 0.9em;
}

.db_img_list_part a{
	pointer-events:none;
}





}
/*  @media (max-width: 599px)  */






/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */



@media (max-width: 320px) {

.c_section,
.c_section2,
.c_section3,
.c_section4,
.c_section5,
.c_section6{
	padding: 0 10px;
}


.c_footer_shusai_img .c_img{
	width: 120px;
}




}
/*  @media (max-width: 320px)  */




/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* ### IE用 ### */

@media all and (-ms-high-contrast: none) {


.material-icons {
	display: none;
}




}
/*  @media IE  */