/* CSS Document */
/* RESET_START */

/* reset css */
html, body, div, span, applet, object, iframe,  p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, li {
	/*list-style: none;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, button, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	width: auto;
	overflow: visible;
}
/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

/* end reset css */
html, body {
	height: 100%;
}
/*float clear*/
.clear:after {
	content: "\200c";
	display : block;
	height: 0;
	font-size: 0;
	clear: both;
}
.none {
	display: none;
	overflow: hidden;
}
a, button, input[type=submit], input[type=button] {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
 filter: expression(document.execCommand("BackgroundImageCache",  false, true));
}
/* CSS Document */
/* RESET_START */


/*
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,address,table,form,fieldset,a,iframe,div,th{
margin:0;padding:0;font:normal 90% ;color:#000;
text-decoration:none;list-style:none;line-height:100%;
}
*/

.clear {
	clear: both;
}
/*IMAGEリンク*/

a img {
	border: none;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
	image-rendering: -webkit-optimize-contrast;
	-webkit-backface-visibility: hidden;
}


img.alignright{
	display: block;
	margin: 0 0 0 auto;
}
 
img.alignleft{
	display: block;
	margin: 0 auto 0 0;
}
 
img.aligncenter{
	display: block;
	margin: 0 auto;
	text-align:center;
}


/* RESET_END */




body {
	color:#333;
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/*font-family: -apple-system, BlinkMacSystemFont, 'Josefin Sans', "Noto Sans Japanese", "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
	/*font-family: 'Monda',"Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;*/
	/*
    -webkit-user-select:none;
    -webkit-touch-callout:none;
	*/
}

.sawarabi {font-family: "Sawarabi Mincho", serif; color:#CCC; }

.w100 {font-weight: 100;}
.w200 {font-weight: 200;}
.w300 {font-weight: 300;}
.w400 {font-weight: 400;}
.w500 {font-weight: 500;}
.w700 {font-weight: 700;}
.w900 {font-weight: 900;}

body {
	animation: fadeIn 3s ease 0s 1 normal;
	-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
 @keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}

img {
height:auto;
border:none;
-webkit-backface-visibility: hidden;image-rendering: auto;/****CHROME縮小画像ぼやけ対策****/
}

.clear{clear:both;}
	
a:hover img {
opacity: 0.7;
}		

/* ===================
リンク
====================== */	
a{line-height:160%;color:#00468C;text-decoration:none}
/*a:link {text-decoration : none; color : #00468C; }*/
/*a:visited{text-decoration : none; color : #00468C;}*/
/*a:hover{text-decoration : none; color : #fff; background-color: #0054a6;}*/

a.blacker:link {
text-decoration : none; 
color : #000; 
}
a.blacker:visited {
text-decoration : none; 
color : #000; 
}
a.blacker:hover {
text-decoration : none; 
color : #fff; 
background-color: #0054a6;
}

/*
.hover:hover {
opacity: 0.7;
}
*/

a.grey646464:link {
text-decoration : none; 
color : #646464; 
}

a.whiter:link {
text-decoration : none; 
color : #fff; 
}
a.whiter:visited {
text-decoration : none; 
color : #fff; 
}

a.blacker_bold:link{
text-decoration : none; 
color : #000;
font-weight:bold;
}
a.blacker_bold:visited{
text-decoration : none; 
color : #000;
font-weight:bold;
}


.text01 a{line-height:140%;color:#000;}
.text01 a:link {color:#000}
.text01 a:visited{color:#000;}
.text01 a:hover{color:#000;text-decoration:none;}

.text03 a{line-height:160%;color:#000;font-size:0.9em;}
.text03 a:link {color:#000;}
.text03 a:visited{color:#000;}
.text03 a:hover{color:#888;border-radius: 10px; background-color: #FFF !important;}	

.text04 a{line-height:140%;color:#000;font-size:0.9em;}
.text04 a:link {color:#FFF;}
.text04 a:visited{color:#FFF;}
.text04 a:hover{color:#CCC;text-decoration:underline;}


/* ===================
改行
====================== */
@media print,screen and (min-width: 769px) {
.pc-br{
display: block;
}
.sp-br{
display: none;
}	
}
@media print,screen and (max-width: 768px) {
.pc-br{
display: none;
}
.sp-br{
display: block;
}	
}
	
.sp-br-01{
display: none;
}	
/* ===================
トグル
====================== */
.pc-toggle {
display: block;
}
.sp-toggle {
display: none;
}
	
/* ===================
スペース&OTHER
====================== */

.sp1em{height:1em;}
.sp2em{height:2em;}
.sp3em{height:3em;}

.sp_sp1em{display: none;}
.sp_sp2em{display: none;}
.sp_sp3em{display: none;}

.pc_sp1em{height:1em;}
.pc_sp2em{height:2em;}
.pc_sp3em{height:3em;}



.sp5{height:5px;}
.sp10{height:10px;}
.sp15{height:15px;}
.sp20{height:20px;}
.sp25{height:25px;}
.sp30{height:30px;}
.sp35{height:35px;}
.sp40{height:40px;}
.sp50{height:50px;}


.sp0_5em{height:0.5em;}
.sp1em{height:1em;}
.sp1_5em{height:1.5em;}
.sp2em{height:2em;}
.sp2_5em{height:2.5em;}
.sp3em{height:3em;}
.sp3_5em{height:3.5em;}




.clear{clear:both;}


.red {color: #FF0000}
.blue {color:#09F}
.green {color:#9C0;font-size:12px;}
.yellow {color:#FC0;font-size:15px;}
.bu {color:#09F;font-size:18px;}


/* ===================
コピーライト
====================== */
.copy{font-size:12px;color:#fff;text-align:center;margin:3em 0 1em 0;}

.inview { 
opacity: 0;
}



/* ===================
姫島車えび用
====================== */

@media print,screen and (min-width: 769px) {
.pc { display: block !important; }
.sp { display: none !important; } 
}

/*****TOPスライドSmart版*****/
@media print,screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }	
}


#demohover{width:100%;}	
#demohover:hover{}	
	
.flex-item .img_wrap{
/*border: 1px solid #ddd;*/
width: 100%;
height: auto;
overflow: hidden;
cursor:pointer;
}
.flex-item .img_wrap img{
width: 100%;
transition-duration: 0.5s;
}
.flex-item:hover .img_wrap img{
transform: scale(1.2);
transition-duration: 0.5s;
}
	
	
.flex-item > .button_hovers{
display: flex;
flex-wrap: wrap;
width:80%;
padding:0.5em;
font-weight: 500;
text-decoration: none !important;
font-size: 15px;
font-family: serif;
text-align:center;
margin: 0.2em auto;	
border-radius: 50px;
border: 1px solid #646464;
align-items: flex-end;

}
.flex-item:hover > .button_hovers{
background:#1AAB8A;
color:#1AAB8A;
/***border: #1AAB8A solid 1px;***/
}	


.prosubImg { 
opacity: 1;
}

.inview { 
opacity: 0;
}	


/* ===================
Contact Form7用
====================== */

.wpcf7-form-control[type="text"],
.wpcf7-form-control[type="email"],
.wpcf7-form-control[type="tel"],
.wpcf7-form-control.wpcf7-textarea {
    width: 90%;
}

.btn-submit,
.btn-reset{
	width: 100px;
}

.wpcf7 form .wpcf7-spinner {
    display: block;
    margin: 10px auto 0;
}