@charset "UTF-8";
/*
Theme Name: YUUKI2022
Description: 
Version: 1.0
Author: Mitsuaki Ishii
Author URI: http://www.inter-plain.com/
Tags: simple

*/


/*

yuuki　ブルー
005ead


*/



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
  margin: 0;
  padding: 0;
}
html {
  margin: 0; /*height:100%;*/
scroll-behavior: smooth;
scroll-padding-top: 60px;  
}




body {
  margin: 0;
  color: #000;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 100%;
  text-align: center; /*height:100%;*/
  word-wrap: break-word;
  overflow-wrap: break-word;
}
h1 {
font-size: 144%;
padding:0 0 0.5em 0;
border-bottom:10px solid #f0f0f0;
	
}
h2 {
  font-size: 133%;
  margin: 1em 0 1em 0;
  padding: 0 0 0.5em 0;
border-bottom:1px solid #005ead;	
}
h3 {
  font-size: 111%;
  margin: 2em 0 1em 0;

}

h4 {
  font-size: 110%;
}
h5 {
  font-size: 100%;
}
h6 {
  font-size: 100%;
}
p {
  margin: 0 0 1em 0;
}

ol,ul{margin:0 0 1em 1.5em}


pre {
  overflow: auto;
}
small {
  font-size: 90%;
  font-weight: normal;
}
img {
  width: 100%;
  height: auto;
}
acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed #999;
}
a {
  color: #000;
  text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;	
	
}
a:hover {
  text-decoration: none;
  opacity: 0.5;
}
a img {
  border: none;
}

small{font-size:80%;}

.sp {display: block;}
.pc{display:none;} 

 .inner {margin: 0 1em;   }

.hidden {
  display: none;
}

.req {
  color: #f00;
}
.red {
  color: #f00;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.notice {
  color: #f00;
}
.list {
  text-align: right;
}
.llfont {
  font-size: 135%;
}
.req {
  color: #f00;
}
.flex{display:flex;justify-content: space-between; }


/* アスタリスク　注釈用 */
ul.ast {
list-style: none;
font-size: 90%;
line-height: 120%;
margin: 10px 0 0 0;
}
ul.ast li {
margin: 0 0 5px 0;
padding-left: 1em;
text-indent: -1em;
}
ul.ast li:before {
content: "\203b";
color: #000;
}
ul.ast li.red:before {
content: "\203b";
color: #f00;
}
/* スタンダードリスト */
ul.std {
margin: 0;
list-style: none;
}
ul.std li {
margin: 0 0 0.25em 0;
position: relative;
padding-left: 1em;
text-indent: -1em;
}
ul.std li:before {
content: '\25cf';
left: -1em;
color: #b81a3a;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 5em;
    right: 10px;
	z-index: 500;}

.pagetop a {
    display: block;
    color: #f18401;
    font-size: 333%;
}



/* headline
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*ドロワーメニュー内のリストの設定 */


/* wrapper
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper {
  margin: 5em 0 1em 0;
  padding: 0;
  text-align: left;
}

/*Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
header {	
position: fixed;
top:0;
margin: 0 auto;
padding:0 ;
z-index: 999;
/*background: rgba(204,204,204,0.1;*/
background: #fff;
display:flex;
flex-flow: column;	
box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1); 
}

header.home {  
background: rgba(255,255,255,0.8);
}



/*fixedでブロックがなくなるのではじめの要素のトップに余白を持たせる*/
section#area-1{
padding-top:100px;
}

/*==ふわっと出現させるためのCSS*/

/*　上に上がる動き　*/

#header.UpMove{
position: fixed;
width:100%;
animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-100px);
}
}

/*　下に下がる動き　*/

#header.DownMove{
position: fixed;
width:100%;
animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}


header #sitelogo {width: 111px;margin:0.5em 1em 0 1em;}
header #sitelogo h1{border:none;margin:0;font-size:100%;}
header #site_title{border:none;margin:0;}
header #sitelogo span{margin:0.125em 0 0 0;display:block;}

header #sform {
margin:0.5em 0 1em 0;

}
header #sform .searchfield {
padding: 10px 30px 10px 10px;

font-size: 110%;
width: 95%;
font-weight: 200;
}
header #sform .searchsubmit {
width: 30px;
height: 30px;
padding: 0;
font-family: FontAwesome;
font-size: 25px;
border: none;
background: transparent;
cursor: pointer;
position: absolute;
right: 0.5em;
top: 13px;
}




/* ぱんくずリスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#topicpath {
  margin: 1em;
  font-size: small;
  text-align: left;
}
#breadcrumb ul {
  list-style: none;
  margin: 10px 0;
}
#breadcrumb li {
  float: left;
  margin: 0 0.25em;
  background: none;
  padding: 0;
}
/* ▼ スライド
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#top_slide {width:100%;margin:3.75em 0 0 0;}

#top_slide .slides li {position:relative;　height:100vh;}
#top_slide .slides li .caption-wrap{position: absolute;width:88vw;left:0;right:0;top:0;bottom:0;margin:auto; opacity: 1;  background: none;}

#top_slide .slides li .caption-wrap .caption{

line-height: 122%;
position: absolute;
bottom:3%;left:1%;

color: #fff;
font-size:2.5vw;
padding: 0;

text-align: left;
-webkit-transform: inherit;
transform: inherit;

text-shadow: 1px 1px 5px #000;	
font-weight:700;

}



#top_slide .slides li .caption-wrap .caption div:last-child{font-size:122%;margin:0.5em 0 0 0;}

#top_slide .slides li:nth-child(1) .caption-wrap .caption{

line-height: 66%;
}

.caption{}

.caption div > div{ 
opacity: 0;	
animation-name: c1line_child;
animation-duration: 0.02s;
animation-timing-function: ease;
animation-fill-mode:  forwards;
display: inline-block;
 letter-spacing: 0;   
}

@media screen and (min-width: 48em) {
    .caption div > div{ letter-spacing: -8px; }  
}


.caption div:nth-child(3) > div{
opacity: 0;	
animation-name: c3line_child;
animation-duration: 0.3s;
animation-timing-function: ease;
animation-fill-mode:  forwards;
display: inline-block
}



@keyframes c1line_child {
0% { opacity: 0;
transform: translate(1px, 0) ;   
}  

100% { opacity: 1;
transform: translate(0, 0) ;   
}
}



@keyframes c3line_child {
0% { opacity: 0;
transform: translate(10px, 60px) scale(0) ;   
}  

100% { opacity: 1;
transform: translate(0, 0) scale(1);   
}
}

.caption div > div:nth-child(1){animation-delay: 1.00s ;}
.caption div > div:nth-child(2){animation-delay: 1.02s ;}
.caption div > div:nth-child(3){animation-delay: 1.04s ;}
.caption div > div:nth-child(4){animation-delay: 1.06s ;}
.caption div > div:nth-child(5){animation-delay: 1.08s ;}
.caption div > div:nth-child(6){animation-delay: 1.10s ;}
.caption div > div:nth-child(7){animation-delay: 1.12s ;}
.caption div > div:nth-child(8){animation-delay: 1.14s ;}
.caption div > div:nth-child(9){animation-delay: 1.16s ;}
.caption div > div:nth-child(10){animation-delay: 1.18s ;}
.caption div > div:nth-child(11){animation-delay: 1.20s ;}
.caption div > div:nth-child(12){animation-delay: 1.22s ;}
.caption div > div:nth-child(13){animation-delay: 1.24s;}
.caption div > div:nth-child(14){animation-delay: 1.26s ;}
.caption div > div:nth-child(15){animation-delay: 1.28s ;}
.caption div > div:nth-child(16){animation-delay: 1.30s ;}
.caption div > div:nth-child(17){animation-delay: 1.32s ;}
.caption div > div:nth-child(18){animation-delay: 1.34s ;}
.caption div > div:nth-child(19){animation-delay: 1.36s ;}
.caption div > div:nth-child(20){animation-delay: 1.38s ;}
.caption div > div:nth-child(21){animation-delay: 1.40s ;}
.caption div > div:nth-child(22){animation-delay: 1.42s ;}
.caption div > div:nth-child(23){animation-delay: 1.44s ;}
.caption div > div:nth-child(24){animation-delay: 1.46s ;}
.caption div > div:nth-child(25){animation-delay: 1.48s ;}
.caption div > div:nth-child(26){animation-delay: 1.50s ;}
.caption div > div:nth-child(27){animation-delay: 1.52s ;}
.caption div > div:nth-child(28){animation-delay: 1.54s ;}
.caption div > div:nth-child(29){animation-delay: 1.56s ;}
.caption div > div:nth-child(30){animation-delay: 1.58s ;}



.caption div:nth-child(2) > div:nth-child(1){animation-delay: 1.60s ;}
.caption div:nth-child(2) > div:nth-child(2){animation-delay: 1.62s ;}
.caption div:nth-child(2) > div:nth-child(3){animation-delay: 1.64s ;}
.caption div:nth-child(2) > div:nth-child(4){animation-delay: 1.66s ;}
.caption div:nth-child(2) > div:nth-child(5){animation-delay: 1.68s ;}
.caption div:nth-child(2) > div:nth-child(6){animation-delay: 1.70s ;}
.caption div:nth-child(2) > div:nth-child(7){animation-delay: 1.72s ;}
.caption div:nth-child(2) > div:nth-child(8){animation-delay: 1.74s ;}
.caption div:nth-child(2) > div:nth-child(9){animation-delay: 1.76s ;}
.caption div:nth-child(2) > div:nth-child(10){animation-delay: 1.78s ;}
.caption div:nth-child(2) > div:nth-child(11){animation-delay: 1.80s ;}
.caption div:nth-child(2) > div:nth-child(12){animation-delay: 1.82s ;}
.caption div:nth-child(2) > div:nth-child(13){animation-delay: 1.84s ;}
.caption div:nth-child(2) > div:nth-child(14){animation-delay: 1.86s ;}
.caption div:nth-child(2) > div:nth-child(15){animation-delay: 1.88s ;}
.caption div:nth-child(2) > div:nth-child(16){animation-delay: 1.90s ;}
.caption div:nth-child(2) > div:nth-child(17){animation-delay: 1.92s ;}
.caption div:nth-child(2) > div:nth-child(18){animation-delay: 1.94s ;}
.caption div:nth-child(2) > div:nth-child(19){animation-delay: 1.96s ;}
.caption div:nth-child(2) > div:nth-child(20){animation-delay: 1.98s ;}
.caption div:nth-child(2) > div:nth-child(21){animation-delay: 2.00s ;}
.caption div:nth-child(2) > div:nth-child(22){animation-delay: 2.02s ;}
.caption div:nth-child(2) > div:nth-child(23){animation-delay: 2.04s ;}
.caption div:nth-child(2) > div:nth-child(24){animation-delay: 2.06s ;}
.caption div:nth-child(2) > div:nth-child(25){animation-delay: 2.08s ;}
.caption div:nth-child(2) > div:nth-child(26){animation-delay: 2.10s ;}
.caption div:nth-child(2) > div:nth-child(27){animation-delay: 2.12s ;}
.caption div:nth-child(2) > div:nth-child(28){animation-delay: 2.14s ;}
.caption div:nth-child(2) > div:nth-child(29){animation-delay: 2.16s ;}
.caption div:nth-child(2) > div:nth-child(30){animation-delay: 2.18s ;}
.caption div:nth-child(2) > div:nth-child(31){animation-delay: 2.20s ;}
.caption div:nth-child(2) > div:nth-child(32){animation-delay: 2.22s ;}
.caption div:nth-child(2) > div:nth-child(33){animation-delay: 2.24s ;}
.caption div:nth-child(2) > div:nth-child(34){animation-delay: 2.26s ;}
.caption div:nth-child(2) > div:nth-child(35){animation-delay: 2.28s ;}
.caption div:nth-child(2) > div:nth-child(36){animation-delay: 2.30s ;}
.caption div:nth-child(2) > div:nth-child(37){animation-delay: 2.32s ;}
.caption div:nth-child(2) > div:nth-child(38){animation-delay: 2.34s ;}



.caption div:nth-child(3) > div:nth-child(1){animation-delay: 2.50s ;}
.caption div:nth-child(3) > div:nth-child(2){animation-delay: 2.53s ;}
.caption div:nth-child(3) > div:nth-child(3){animation-delay: 2.56s ;}
.caption div:nth-child(3) > div:nth-child(4){animation-delay: 2.59s ;}
.caption div:nth-child(3) > div:nth-child(5){animation-delay: 2.62s ;}
.caption div:nth-child(3) > div:nth-child(6){animation-delay: 2.65s ;}
.caption div:nth-child(3) > div:nth-child(7){animation-delay: 2.68s ;}
.caption div:nth-child(3) > div:nth-child(8){animation-delay: 2.71s ;}
.caption div:nth-child(3) > div:nth-child(9){animation-delay: 2.74s ;}
.caption div:nth-child(3) > div:nth-child(10){animation-delay: 2.77s ;}
.caption div:nth-child(3) > div:nth-child(11){animation-delay: 2.80s ;}
.caption div:nth-child(3) > div:nth-child(12){animation-delay: 2.83s ;}
.caption div:nth-child(3) > div:nth-child(13){animation-delay: 2.86s ;}
.caption div:nth-child(3) > div:nth-child(14){animation-delay: 2.89s ;}
.caption div:nth-child(3) > div:nth-child(15){animation-delay: 2.92s ;}
.caption div:nth-child(3) > div:nth-child(16){animation-delay: 2.95s ;}
.caption div:nth-child(3) > div:nth-child(17){animation-delay: 2.98s ;}




.info_slide_dots {
  position: absolute;
  bottom: -40px;
  z-index: 151;
  padding: 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
/* Contact Form 7の項目改行 */
span.wpcf7-list-item {
  padding: 0 10px 5px 0;
  display: block;
}
/* トップページの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#topmenu{margin:2em 0;}
#topbnr{display:flex;justify-content: space-between;flex-flow:column;}
#topbnr p{margin:0;}
#topbnr a{margin:0 0 1em 0;}
#topbnr .tpimg{height:150px;overflow: hidden;}
#topbnr .tt{ margin:0.25em;font-size:123%;font-weight:700;}





/*トップの「〜〜から探す」*/	  	  
#search_wrap {padding:0.125em 0 3em 0; background: #ccc;	  
background: #e2e2e2;
background: -moz-linear-gradient(top,  #e2e2e2 0%, #fefefe 43%, #dbdbdb 100%);
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#fefefe 43%,#dbdbdb 100%);
background: linear-gradient(to bottom,  #e2e2e2 0%,#fefefe 43%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dbdbdb',GradientType=0 );
 } 
#search_wrap h2{;font-size:199%;text-align: center;margin:0.75em 0 0.5em 0;color:#000;
font-family: 'Saira', sans-serif;
font-weight:200;
text-align: center;
} 

#search_wrap ul{list-style: none;margin:0; justify-content: flex-start}	  
#search_wrap ul li{flex-basis: 33%;display: block;margin:0 1em 0 0;}

#search_wrap ul li:nth-child(3){display:none;}


#search_wrap ul li a{position: relative; display:flex;justify-content: center;align-items: center;font-size:100%;font-weight:500; border:1px solid #fff;}
#search_wrap ul li a .search_tt{z-index: 1;position: absolute;}
#search_wrap ul li a .thumb{display:block;line-height: 0.5;opacity:0.7;}

/*  NEWS */
.toppost {  margin: 0 0 2em 0;}
.toppost h2{font-size:199%;text-align: center;margin:0.75em 0 0.25em 0;color:#000;padding:0;
font-family: 'Saira', sans-serif;
font-weight:200;
text-align: center;} 

.toppost h2 span{font-size:40%;margin:0 0 0 1em;}

.toppost dl{justify-content: flex-start; flex-flow: column; margin:0 0 1em 0;}
.toppost dl dt{flex-basis:100%;text-align: left;font-weight:700;}
.toppost dl dd{flex-basis:100%;text-align: left;}
.toppost dl dd a{padding:0 0 1em 0;display:block;}
.ichiran{text-align: right;}





/* 製品インデックス */	
	
	.product_list{padding:0;  }
	.product_list ul{list-style: none;margin:0; }
	.product_list ul li{margin:0 0 1em 0;padding:0 0 0.5em 0;flex-flow: column;}

	.product_list ul li .thumb {flex-basis:33%;}
	.product_list ul li .thumb img{object-fit: cover;}
	.product_list ul li .detail{flex-basis:64%;} 
	.product_list ul li .detail h2 {margin:0 0 0.5em 0 }
	.product_list ul li .detail .pdtopcopy {margin:0 0 1em 0;}


	.dthere_box.left{text-align: center;}
	a.dthere{width:88%; background: #0973cc;padding:0.75em 0;margin:1em auto;color:#fff;font-weight:500;display:inline-block;text-align:center;}




	.wp-block-buttons>.wp-block-button{display:block!important;}
	.wp-block-button{text-align: center;display:block!important;}
	.wp-block-buttons{text-align: center;display:block!important;}
	
	
	.wp-block-button a.wp-block-button__link{
	width: 88%;
    background: #0973cc;
    padding: 0.75em 0;
    margin: 1em auto 2em auto;
    color: #fff;
    font-weight: 500;
    display: block;
    text-align: center;
		font-size:inherit;
		border-radius:0!important;
	}
	
	
	
	figure.wp-block-image.size-full{width:88%;margin:2em auto;}
	

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
    align-self: inherit;
	margin-bottom:3em;
}



	.entry table{width:100%;border:1px solid #f0f0f0;}
	.entry table tr{}
	.entry table tr td{ background: #f0f0f0;padding:0.5em}
	


/*  Pagesの設定  
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 最終更新日表示 */

#content{text-align: left;min-height: 45vh;padding:0 0 5em 0;}

#content .modified {
  float: right;
  text-align: center;
  color: #666;
  padding: 5px;
  font-size: 11px;
}
/* 「編集」、「タグ」などの表示エリア */
#content .postmetadata {
  color: #666;
}


.pagetitle{margin:1em;}




.thumb_item_wrap .thumb_item{margin:0 0 1em 0;}
.thumb_item .capt{font-size:85%;}


/*製品一覧ページでの画像非表示処理　taxonomy-cate　*/

/*業界からさがす*/
/*自動車・建設機械関係*/
#automotive_construction #post_id_35.thumb_item_wrap .four,
#automotive_construction #post_id_35.thumb_item_wrap .five,
#automotive_construction #post_id_35.thumb_item_wrap .six{display:none;}

#automotive_construction #post_id_29.thumb_item_wrap .four,
#automotive_construction #post_id_29.thumb_item_wrap .five,
#automotive_construction #post_id_29.thumb_item_wrap .six,
#automotive_construction #post_id_29.thumb_item_wrap .seven,
#automotive_construction #post_id_29.thumb_item_wrap .eight,
#automotive_construction #post_id_29.thumb_item_wrap .nine{display:none;}

/*電機・電力関係*/
#electricity #post_id_29.thumb_item_wrap .three,
#electricity #post_id_29.thumb_item_wrap .four,
#electricity #post_id_29.thumb_item_wrap .five,
#electricity #post_id_29.thumb_item_wrap .six,
#electricity #post_id_29.thumb_item_wrap .seven,
#electricity #post_id_29.thumb_item_wrap .eight,
#electricity #post_id_29.thumb_item_wrap .nine,
#electricity #post_id_29.thumb_item_wrap .ten{display:none;}

/*通信機器関係・その他*/
#communication_others #post_id_35.thumb_item_wrap .three,
#communication_others #post_id_35.thumb_item_wrap .four,
#communication_others #post_id_35.thumb_item_wrap .five,
#communication_others #post_id_35.thumb_item_wrap .six{display:none;}

#communication_others #post_id_29.thumb_item_wrap .three,
#communication_others #post_id_29.thumb_item_wrap .four,
#communication_others #post_id_29.thumb_item_wrap .five,
#communication_others #post_id_29.thumb_item_wrap .six,
#communication_others #post_id_29.thumb_item_wrap .seven,
#communication_others #post_id_29.thumb_item_wrap .eight,
#communication_others #post_id_29.thumb_item_wrap .nine,
#communication_others #post_id_29.thumb_item_wrap .ten{display:none;}





/*材料からさがす*/

/*電機用材料（電磁軟鉄 等）*/

#electrical #post_id_29.thumb_item_wrap .one,
#electrical #post_id_29.thumb_item_wrap .two,
#electrical #post_id_29.thumb_item_wrap .three,
#electrical #post_id_29.thumb_item_wrap .four,
#electrical #post_id_29.thumb_item_wrap .five,
#electrical #post_id_29.thumb_item_wrap .seven,
#electrical #post_id_29.thumb_item_wrap .eight,
#electrical #post_id_29.thumb_item_wrap .nine,
#electrical #post_id_29.thumb_item_wrap .ten{display:none;}

#electrical .dthere_box{display:none;}


/*鉄*/

#iron #post_id_29.thumb_item_wrap .one,
#iron #post_id_29.thumb_item_wrap .two,
#iron #post_id_29.thumb_item_wrap .three,
#iron #post_id_29.thumb_item_wrap .five,
#iron #post_id_29.thumb_item_wrap .six,
#iron #post_id_29.thumb_item_wrap .eight,
#iron #post_id_29.thumb_item_wrap .ten{display:none;}

#iron #post_id_31.thumb_item_wrap .two{display:none;}
#iron .dthere_box{display:none;}

/*ステンレス鋼*/
#stainless #post_id_35.thumb_item_wrap .four,
#stainless #post_id_35.thumb_item_wrap .six{display:none;}



#stainless #post_id_29.thumb_item_wrap .two,
#stainless #post_id_29.thumb_item_wrap .four,
#stainless #post_id_29.thumb_item_wrap .six,
#stainless #post_id_29.thumb_item_wrap .seven,
#stainless #post_id_29.thumb_item_wrap .eight {display:none;}


/*銅*/
#copper #post_id_35.thumb_item_wrap .one,
#copper #post_id_35.thumb_item_wrap .two,
#copper #post_id_35.thumb_item_wrap .three,
#copper #post_id_35.thumb_item_wrap .five{display:none;}

#copper .dthere_box{display:none;}


/*アルミニウム*/
#aluminum #post_id_34.thumb_item_wrap .one,
#aluminum #post_id_34.thumb_item_wrap .two,
#aluminum #post_id_34.thumb_item_wrap .four{display:none;}

#aluminum .dthere_box{display:none;}


/*ニッケル合金（パーマロイ ）*/
#permalloy #post_id_29.thumb_item_wrap .one,
#permalloy #post_id_29.thumb_item_wrap .three,
#permalloy #post_id_29.thumb_item_wrap .four,
#permalloy #post_id_29.thumb_item_wrap .five,
#permalloy #post_id_29.thumb_item_wrap .six,
#permalloy #post_id_29.thumb_item_wrap .seven,
#permalloy #post_id_29.thumb_item_wrap .eight,
#permalloy #post_id_29.thumb_item_wrap .nine,
#permalloy #post_id_29.thumb_item_wrap .ten{display:none;}


#permalloy .product_list li:nth-child(2){display:none;}





/*ページ内のボタン非表示*/
.wp-block-buttons > .wp-block-button.nodisp{display:none!important;}



/*事業内容*/	
.work_flow_chart{margin:0 0 2em 0;flex-flow: column;}	
.work_flow_chart .item{padding:3%;margin:0 0 2em 0; background: #faeda7;display: flex;align-items: center; justify-content: center;font-weight:700;position: relative;}	
.work_flow_chart .item:after{content:"▼";color:#ccc;position: absolute;bottom:-1.75em;left:0;right:0;margin:auto;text-align: center;}	
.work_flow_chart .item:last-child:after{content:none;}	



/*お問い合わせフォーム 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

dl.form {margin:0 auto 2em auto;display: flex;flex-flow:column; }
dl.form dt {padding:1%; }
dl.form dd {padding:1%;}
dl.form input { background:#f0f0f0;border:none;padding:2%; width:95%;}


dl.form dd.message textarea{width:96%;padding:2%;border:1px solid #ccc;}

#submit{margin:2em 0 0 0; text-align:center;}
#submit input[disabled]{
display:block;width:50%;margin:0 auto;font-size:111%;padding:1em;border:1px solid #ccc; border-radius:0.25em;color:#ccc;
background: #f0f0f0;
pointer-events: none;
	
}

#submit input{
 color:#000;   
display:block;width:88%;margin:0 auto;font-size:111%;padding:1em;border:1px solid #ccc; border-radius:0.25em;
background: #005ead; color:#fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;		
}

#submit input:hover{cursor:pointer;opacity:0.6;}

dl.form dt span.req {color:#f00;font-size:70%;margin:0 0 0 0.25em;display:inline-block}

/* 送信前の注意書きテキスト    */
div.conf-text {	margin:0 0 0 0;	text-align:left;}
div.conf {	text-align:center;	margin:1.5em 0;	font-size:122%;	color:#000;}
div.conf label:hover{ cursor:pointer;display:block;}

/*

dl.form span.wpcf7-list-item {
  display: block;
  margin: 0 0 0 1em;
}

*/

@media screen and (min-width: 48em) {
	
dl.form {margin:0 auto 2em auto;display: flex;flex-flow:row wrap; }	
dl.form dt { flex-basis: 33%;}
dl.form dd {flex-basis: 63%;}
dl.form input { padding:2%;font-size:110%;}
dl.form dd.message textarea{font-size:111%;}

#submit input[disabled]{
display:block;width:50%;margin:0 auto;font-size:135%;padding:1em;border:1px solid #ccc; border-radius:0.25em;color:#ccc;
background: #f0f0f0;
pointer-events: none;
	
}    
    
#submit input{
 color:#000;   
display:block;width:50%;margin:0 auto;font-size:135%;padding:1em;border:1px solid #ccc; border-radius:0.25em;
background: #005ead; color:#fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;		
}
div.conf {	text-align:center;	margin:1.5em 0;	font-size:144%;	color:#000;}
}

/* Archiveの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.article-text{margin:0 0 2em 0;padding:0 0 2em 0;border-bottom:1px solid #ccc;}


#pagenavi{margin:3em 0;text-align: center;}






/* Serchの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#serch {width:1000px;margin:0 auto 5em auto;}
#serch h2 {
  padding: 2em;
  border: 1px solid #ccc;
  line-height: 30px;
  background: #fff;
  margin: 0 0 30px 0;
}
#serch h3 {font-size:122%;font-weight:500;margin:0;}

#serch .searchpost {
  margin: 0 0 0.5em 0;padding:0 0 0.5em 0;
	border-bottom:1px dotted #666;
}
#serch .searchpost a{color:#005ead;}


#serch .searchbox {
  margin: 20px 0;
}
input.searchform-btn {
  padding: 1px 7px;
  cursor: pointer;
}
/* ▼Post
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post {
  margin: 0;
  padding: 0;
  text-align: justify;
  overflow: hidden;
}
.post hr {
  display: block;
}
.entry {
  margin: 10px 0;
}
.entry blockquote {
  border: 1px dashed #ccc;
  padding: 5px 20px;
  margin: 10px 0;
  background: #f8f8f8;
}
.entry blockquote blockquote {}
.entry fieldset {
  border: 1px dashed #ccc;
}
.entry fieldset legend {
  font-weight: bold;
  text-transform: uppercase;
}
.entry ol {
  list-style-type: decimal;
}
.entry ol ol {
  list-style-type: lower-alpha;
}
.entry ol ol ol {
  list-style-type: lower-roman;
}

.alignright {
  padding: 0;
  margin: 2px 0 5px 10px;
  display: inline;
  float: right;
}
.alignleft {
  padding: 0;
  margin: 2px 10px 5px 0;
  display: inline;
  float: left;
}

.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

 img.aligncenter{width:75%;height:auto;}


.navigation {
	margin:2em 0;
  display: block;
  font-size: 80%;
}
.navigation .alignleft {
  text-align: left;
}
.navigation .alignright {
  text-align: right;
}

.wp-caption {
  text-align: center;
  padding: 4px;
  float: left;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption .wp-caption-text {
  margin: 5px 0 0 0;
}
dd.wp-caption-text {
  font-size: 12px;
}
#stimuli_caption {
  font-size: 16px;
  padding: 5px 5px 10px 5px;
  line-height: 20px;
}

/*会社概要*/	
	
	#company_menu{margin:0 0 3em 0;}
	#company_menu ul{list-style: none;justify-content: center;margin:0;}
	#company_menu ul li{list-style: none;margin:1em 0.25em;text-align: center;}
	#company_menu ul li a{padding:1em; background: #c9d4de; display:block;}
	#company_menu ul li.current a{background: #005ead; color:#fff;}
	
	
	.outline{}	
	.outline dl{display:flex;padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:1px solid #ccc; flex-flow: column;}	
	.outline dl dt{font-size:100%;font-weight:700;margin:0 0 0.5em 0;}	
	.outline dl dd{}	
	



/*表*/	
	.sheet{}
	.sheet .shtr{display:flex;justify-content: space-between;}
	.sheet .shtr .shtd:first-child{flex-basis:22%;}
	.sheet .shtr .shtd:last-child{flex-basis:77%;}
	
	
	
	.sheet.history .shtr{border-bottom:1px solid #ccc;padding:0 0 1em 0;margin:0 0 1em 0;flex-flow: column;}
	.sheet.history .shtr .shtd:first-child{font-size:100%;font-weight:700;margin:0 0 1em 0; }
	.sheet.history .shtr .shtd:first-child span{display:block; font-size:80%;margin:0.25em 0 0 0;font-weight:300;}
	.sheet.history .shtr .shtd:last-child{}
	
	
	.sheet.recruit .shtr{border-bottom:1px solid #ccc;padding:0 0 1em 0;margin:0 0 1em 0; flex-flow: column;}
	.sheet.recruit .shtr .shtd:first-child{font-size:100%;font-weight:700; margin:0 0 1em 0;}
	.sheet.recruit .shtr .shtd:last-child{}	








/* Footer▼
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
footer {
  background: #005ead;
  padding: 1em;
  color: #333;
  margin: 0 0 1em 0;
  font-size: 95%;
	text-align: center;
}
footer .inner{margin:0;}
footer #sign{margin:1em 0;color:#fff;}
footer #sign .sign_name{width:55%;margin:0 auto 0.25em auto;}
footer #sign .sign_add span{display:block;}



footer ul{list-style: none;}
footer a{color:#fff;}
#footer_navi {display:none;}
#footer_navi li.area > a {display:none;}
#footer_navi li {text-align: left;  margin: 1em 0;}





	footer .sitemap_wrap{flex-flow: column}	
footer .sitemap_wrap .item{margin:0 0 1em 0;}
	footer .sitemap_wrap .item.sagasu{text-align: left;}	
	footer .sitemap_wrap .item.kaisya{text-align: left;}	
	
    
    footer .sitemap_wrap .item.gyokai.sagasu{display:none;}
    
    
    
	footer .sitemap_wrap .item .footer_menu_tt{font-weight:700;padding:0 0 0.5em 0; border-bottom: 1px solid #fff;margin:0 0 0.5em 0;}
	footer .sitemap_wrap .item ul{font-weight:300; margin:0 0 0 0;}
	footer .sitemap_wrap .item ul li{margin:0 0 0.5em 0;padding-left: 1.2em;    text-indent: -1.2em;}
	footer .sitemap_wrap .item ul li ul{margin:0}

	footer .sitemap_wrap .item ul li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    position: relative;
    top: -0.135em;
    margin: 0 0.75em 0 0;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
		transform: rotate(-45deg);}






#copyright {
  margin: 0 1em 3em 1em;
  text-align: center;
  font-size: small;
}
/*共通クラスの設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*-----------------------------
ギャラリー
------------------------------*/
.gallery { 
  width:100%;
/*	text-align: center;*/
  /*margin-bottom: 20px !important;*/
  overflow: hidden;
}
.gallery br {
  display: none;
} /** 自動で挿入される clearfix の余白解除 **/
.gallery-item { /** 画像共通のスタイル **/
  /*float: left;*/
  margin-bottom: 0 !important;
  display: inline-block;
  vertical-align: top;

}
.gallery-icon { /** 画像を囲む dt のスタイル **/
  text-align: center;
}
.gallery-icon img {
  width: 100%;
  height: auto;
  margin-bottom: 10px !important;
}
.gallery-caption { /** キャプション **/
  color: #222;
  font-size: 12px;
  margin: 0 0 10px;
  text-align: center;
}
.gallery-columns-1 .gallery-item { /** カラムなし **/
  width: 100%;
  margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
  width: 47%;
  margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
  width: 30.33333%;
  margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
  width: 22%;
  margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
  width: 17%;
  margin: 0 1%;
}
.gallery-item img {
  width: 100%;
  height: auto;
}
div.pdfemb-viewer {
  overflow: hidden;
  line-height: 1;
  margin: 0px;
  padding: 0px;
  border: none !important;
  position: relative;
  text-align: left;
  direction: ltr;
  background-color: lightGrey;
}
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/
/*  768px以上//////////////////////////////////////////////////////////////////////////////////////////*/

html {
scroll-padding-top: 120px;  
}


@media screen and (min-width: 48em) {
h1 {
font-size: 246%;
margin:1em 0 0 0;

}
h2 {
font-size: 166%;
margin:3em 0 1em 0;
border-bottom:1px solid #005ead;
}
h3 {
font-size: 133%;
}
h4 {
font-size: 111%;
}

h5 {
font-size: 100%;
}
h6 {
font-size: 100%;
}
	
	
	.inner > .section h2{margin-top:0;}	
	
	
	
/* ▼ スライド
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#top_slide {width:100%;margin:0 0 0 0;}

#top_slide .slides li {position:relative;　height:100vh;}
#top_slide .slides li .caption-wrap{position: absolute;width:88vw;height:20vw;left:2%;bottom:5%; right:inherit;top:inherit; opacity: 1;  background: none;}
#top_slide .slides li .caption-wrap .caption{

color: #fff;
font-size:2.5vw;
text-align: left;
-webkit-transform: inherit;
transform: inherit;
text-shadow: 1px 1px 5px #000;	
font-weight:700;
}
	

.pagetitle{margin:0 auto;width:1000px;}	
.pagetitle + .inner{margin:2em auto;}	
	
#topbnr{display:flex;justify-content: space-between;flex-flow:row nowrap}
#topbnr a{flex-basis:31%;margin:0;}
#topbnr .tpimg{height:250px;overflow: hidden;}


  /*  NEWS */
  #newslistbox .newsbox {
    display: block;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  #newslistbox .newsbox .newsdate {
    font-size: 110%;
    flex-basis: 15%;
  }
  #newslistbox .newsbox .newsbox-title {
    flex-basis: 80%;
  }
  #newslistbox .newsbox .thumnail {
    width: 10%;
    display: block;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
  }

	
	.upper_img{height:12vh;overflow: hidden;position: relative;}
	.upper_img img{position: absolute;width:100%;top:0;bottom:0;left:0;right:0;margin:auto;}
	
	
/* 製品インデックス */	
	
	.product_list{padding:;  }
	.product_list ul{list-style: none;margin:0; }
	.product_list ul li{margin:0 0 1em 0;padding:0 0 0 0;flex-flow: row nowrap}

	.product_list ul li .thumb {flex-basis:49.5%;}
	.product_list ul li .thumb img{object-fit: cover;}
	.product_list ul li .detail{flex-basis:46%;} 
	.product_list ul li .detail h2 {margin:0 0 0.5em 0 }
	.product_list ul li .detail .pdtopcopy {margin:0 0 1em 0;}

	.dthere_box.left{text-align: left;}
	a.dthere{width:33%; background: #0973cc;padding:0.75em 0;margin:1em auto;color:#fff;font-weight:500;display:inline-block;text-align:center;}
	
	
	.thumb_item_wrap{display:flex;justify-content: center;flex-flow: row wrap;}
	.thumb_item_wrap .thumb_item{flex-basis:47.5%;margin:0 1% 1em 1%;}
	.thumb_item_wrap .thumb_item .capt{text-align: center;}
	
	
	.wp-block-buttons>.wp-block-button{display:block!important;margin:2em 0!important;}
	.wp-block-button{text-align: center;display:block!important;margin:2em 0!important;}
	.wp-block-buttons{text-align: center;display:block!important;}
	
	
	.wp-block-button a.wp-block-button__link{
	width: 33%;
    background: #0973cc;
    padding: 0.75em 0;
    margin: 1em auto 2em auto;
    color: #fff;
    font-weight: 500;
    display: block;
    text-align: center;
		font-size:inherit;
		border-radius:0!important;
	}
	
	
	
	figure.wp-block-image.size-full{width:66%;margin:2em auto;}
	figure.wp-block-image.w44{width:44%;margin:2em auto;}
	figure.wp-block-image.w88{width:88%;margin:2em auto;}
	
	
	
	
	.entry table{width:100%;border:1px solid #f0f0f0;}
	.entry table tr{}
	.entry table tr td{ background: #f0f0f0;padding:0.5em}
	
	
	
	
	
	
/*会社概要*/	
	
	#company_menu{margin:2em 0 3em 0;}
	#company_menu ul{list-style: none;justify-content: center; flex-flow: row nowrap;}
	#company_menu ul li{list-style: none;margin:1em;flex-basis: 25%;text-align: center;margin:0 0.5em;}
	#company_menu ul li a{padding:1em; background: #c9d4de; display:block;}
	#company_menu ul li.current a{background: #005ead; color:#fff;}
	
	
	.outline{}	
	.outline dl{display:flex;justify-content: space-between;padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:1px solid #ccc;flex-flow: row nowrap;}	
	.outline dl dt{flex-basis: 22%;font-size:111%;font-weight:700;}	
	.outline dl dd{flex-basis: 77%;}	
	
	
	
/*事業内容*/	
	
	.work_flow_chart{margin:0 0 2em 0;flex-flow: row nowrap}	
	.work_flow_chart .item{flex-basis:21%; padding:1%; background: #faeda7;display: flex;align-items: center; justify-content: center;font-weight:700;position: relative;}	
	
	.work_flow_chart .item:after{content:"▼";color:#ccc;position: absolute;top:0;bottom:0;right:-2.55em; left:inherit;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);		
		
}	
	.work_flow_chart .item:last-child:after{content:none;}	
	
/*表*/	
	.sheet{}
	.sheet .shtr{display:flex;justify-content: space-between;}
	.sheet .shtr .shtd:first-child{flex-basis:22%;}
	.sheet .shtr .shtd:last-child{flex-basis:77%;}
	
	
	
	.sheet.history .shtr{border-bottom:1px solid #ccc;padding:0 0 1em 0;margin:0 0 1em 0;flex-flow: row nowrap;}
	.sheet.history .shtr .shtd:first-child{flex-basis:22%;font-size:111%;font-weight:700;margin:0;}
	.sheet.history .shtr .shtd:first-child span{display:block; font-size:80%;margin:0.25em 0 0 0;font-weight:300;}
	.sheet.history .shtr .shtd:last-child{flex-basis:77%;}
	
	
	.sheet.recruit .shtr{border-bottom:1px solid #ccc;padding:0 0 1em 0;margin:0 0 1em 0;flex-flow: row nowrap;}
	.sheet.recruit .shtr .shtd:first-child{flex-basis:22%;font-size:111%;font-weight:700;margin:0;}
	.sheet.recruit .shtr .shtd:last-child{flex-basis:77%;}	
	

	
	
footer {
  background: #005ead;
  padding: 2em;
  color: #333;
  margin: 0 0 1em 0;
  font-size: 95%;
	text-align: center;
}
	footer .inner{margin:auto;}
footer #sign{margin:1em 0 4em 0;color:#fff;}
footer #sign .sign_name{width:24%;}
footer #sign .sign_add span{display:inline-block;margin:0 1em 0 0;}
footer ul{list-style: none;}
footer a{color:#fff;}
	
	
#footer_navi {display:none;}
#footer_navi li.area > a {display:none;}
#footer_navi li {text-align: left;  margin: 1em 0;}

	footer .sitemap_wrap{flex-flow: row nowrap}	
	footer .sitemap_wrap .item.sagasu{flex-basis: 35%;text-align: left;}	
	footer .sitemap_wrap .item.kaisya{flex-basis: 15%;text-align: left;}	
	
    
    footer .sitemap_wrap .item.gyokai.sagasu{display:none;}
    
    
    
	footer .sitemap_wrap .item .footer_menu_tt{font-weight:700;padding:0 0 0.5em 0; border-bottom: 1px solid #fff;margin:0 0 0.5em 0;}
	footer .sitemap_wrap .item ul{font-weight:300; margin:0 0 0 0;}
	footer .sitemap_wrap .item ul li{margin:0 0 0.5em 0;padding-left: 1.2em;    text-indent: -1.2em;}
	footer .sitemap_wrap .item ul li ul{margin:0}
	
	
	footer .sitemap_wrap .item ul li:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    position: relative;
    top: -0.135em;
    margin: 0 0.75em 0 0;
    border-right: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
		transform: rotate(-45deg);}
	

	
	
	
	
#copyright {
  margin: 0 0 3em 0;
  text-align: center;
  font-size: small;
}
	
#footer_navi {display:block;}
#footer_navi { display: flex;  justify-content: center;}
#footer_navi li.area > a {display:none;}
#footer_navi li {text-align: center;  margin: 1em;}
	
	
	
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/	 	
}/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/	 
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/	 


  /*  1024px以上///////////////////////////////.//////////////////////////////////////////////////////////*/
  /*  1024px以上//////////////////////////////////////////////////////////////////////////////////////////*/
  /*  1024px以上//////////////////////////////////////////////////////////////////////////////////////////*/
  @media screen and (min-width: 64em) {
	  
.sp {display: none;}
.pc{display:block;} 
	  
    .inner {
      width: 1000px;
      margin: auto;
    }
	  
	  

	  
/*Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
header {	
position: fixed;
top:0;
margin: 0 auto;
padding:0 ;
z-index: 999;
/*background: rgba(204,204,204,0.8);*/
background: rgba(255,255,255,1);
display:flex;
flex-flow: column;
box-shadow: 0 1px 30px rgba(0,0,0,0.1);    
    
}

header.home {  
background: rgba(255,255,255,0.8);
}



/*fixedでブロックがなくなるのではじめの要素のトップに余白を持たせる*/
section#area-1{
padding-top:100px;
}

/*==ふわっと出現させるためのCSS*/

/*　上に上がる動き　*/

#header.UpMove{
position: fixed;
width:100%;
animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-100px);
}
}

/*　下に下がる動き　*/

#header.DownMove{
position: fixed;
width:100%;
animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}


header #sitelogo {width: 140px;margin:0.5em 1em 0 1em;}
header #sitelogo h1{border:none;margin:0;font-size:100%;}
header #site_title{border:none;margin:0;}
header #sitelogo span{margin:0.125em 0 0 0;display:block;}

header #sform {
position: absolute;
top:0.5em;
right:1em;
	margin:0;
}
header #sform .searchfield {
padding: 10px 30px 10px 10px;
margin-left: 10px;

font-size: 110%;
width: 300px;
border-radius: 0.125em;
border: 1px solid #ccc;
font-weight: 200;
}
header #sform .searchsubmit {
width: 30px;
height: 30px;
padding: 0;
font-family: FontAwesome;
font-size: 25px;
border: none;
background: transparent;
cursor: pointer;
position: absolute;
right: 5px;
top: 5px;
}

	  
	  
    /* ▼グローバルナビゲーション▼
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	  
	  


	  

    /* ぱんくずリスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    #topicpath {
      width: 1000px;
      margin: 1em auto 3em auto;;
      font-size: small;
      text-align: left;
    }
    #breadcrumb ul {
      list-style: none;
      margin: 10px 0;
    }
    #breadcrumb li {
      float: left;
      margin: 0 5px;
      background: none;
      padding: 0;
    }

    /* ▼wrapper
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    #wrapper {
      margin: 10em 0 5em 0;
      padding: 0;
      text-align: left;
		
    }
	  
	  
#content{width:1000px;margin:auto;}	  
	

/*トップの「〜〜から探す」*/	  	  
#search_wrap {padding:0.125em 0 3em 0; background: #ccc;	  
background: #e2e2e2;
background: -moz-linear-gradient(top,  #e2e2e2 0%, #fefefe 43%, #dbdbdb 100%);
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#fefefe 43%,#dbdbdb 100%);
background: linear-gradient(to bottom,  #e2e2e2 0%,#fefefe 43%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dbdbdb',GradientType=0 );
 } 
#search_wrap h2{;font-size:333%;text-align: center;margin:0.75em 0 0.25em 0;color:#000;
font-family: 'Saira', sans-serif;
font-weight:200;
text-align: left;
} 

#search_wrap ul{list-style: none;margin:0;}	  
#search_wrap ul li{flex-basis: 32.5%;display: block; }
#search_wrap ul li a{position: relative; display:flex;justify-content: center;align-items: center;font-size:177%;font-weight:500; border:1px solid #fff;}
#search_wrap ul li a .search_tt{z-index: 1;position: absolute;}
#search_wrap ul li a .thumb{display:block;line-height: 0.5;opacity:0.7;}





#newsarea{}
.toppost h2{font-size:333%;margin:0.75em 0 0.25em 0;color:#000;
font-family: 'Saira', sans-serif;
font-weight:200;
text-align: left;} 
.toppost dl{justify-content: flex-start; flex-flow: row nowrap; }
.toppost dl dt{flex-basis:22%;}
.toppost dl dd{text-align: left;}
.toppost dl dd a{padding:0 0 1em 0;display:block;}



	  
	  
/*////////////////////////////////////////////////////////////////////////*/	  
}/*///////////////////////////////////////////////////////////////////////*/	 
/*////////////////////////////////////////////////////////////////////////*/