/*
Theme Name: mining
Theme Theme URI: https://canaell.co.jp/mining
Description: カナエルマイニング
Author:  bibiru
Version: 1.0.0
*/
html {
    scroll-behavior: smooth;
}
body{font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; background-color: #fff; margin: 0; 
padding: 0px; }
a{text-decoration: none; color: #222;}
hr {border-top: 1px solid #bbb; border-bottom: 1px solid #fff;}
/* コンテナ */

.midashi6{max-width:976px; margin-right: auto;margin-left: auto; font-size:1.3em;font-weight:900;}
.buttom1{color:#fff;background:#ff6b6b;border-radius: 30px;font-size: 18px;text-align:center;width:67.333%;height: 50px;line-height: 50px;margin: -90px auto 40px;}
.buttom1 a{color:#fff;}

.buttom2{color:#fff;background:#ff6b6b;border-radius: 30px;font-size: 18px;text-align:center;width:67.333%;height: 50px;line-height: 50px;}
.buttom2 a{color:#fff;}
.buttom2 a:hover{color:#ff0;}
.nakami2{width:100%;max-width: 955px;margin-right:auto;margin-left:auto;line-height: 2;padding: 10px;border-radius: 10px;box-shadow:3px 3px 3px 4px rgb(108 108 108 / 46%);padding: 35px;position: relative;background: #fff;
margin-bottom:10px;}
.nakami2 a{color:#f00;}
.nakami2 a:hover{text-decoration:underline;}

#container {width: 100%;margin-right: auto;margin-left: auto;margin-top: 30px;overflow: hidden;}
.pc{display: block !important;max-width:1920px;}
.pc2{display: block !important;max-width:1920px;margin-right:auto;margin-left:auto;}
.pc2 h5{font-size: 1em !important;margin-top: -20px;text-align: center !important;}
.pc2 h6{font-size: 1em !important;margin-top: -20px;text-align: left !important;}

.mo{display: none !important;}

table.type01  {margin-right: auto;margin-left: auto;width:100%;max-width:1200px;font-weight:900!important;  border-collapse: collapse;  border: 1px solid #fff;  line-height: 1.5;}
table.type01 th img{max-width:200px;}
table.type01 td img{max-width:200px;}
table.type01 th {color:#006611;  width: 25%;  padding: 10px;vertical-align: middle;min-width:240px;border: 1px solid #fff;}
table.type01 td {min-height:20px;  width: 25%;  padding: 10px; vertical-align: middle;color:#fff; min-width:240px;border: 1px solid #fff;}


table.type02  {width:100%;max-width:1200px; font-weight: normal; border-collapse: collapse;  border: 1px solid #fff;  line-height: 1.5;}
table.type02 th {text-align: left;font-size:1em;font-weight: 700;color:#999;  width: 20%;  padding: 10px;vertical-align: middle;min-width:80px;border-bottom: 1px solid #ccc;}
table.type02 td {font-size:1em;min-height:20px;  width: 80%;  padding: 10px; vertical-align: middle;color:#222; min-width:240px;border-bottom: 1px solid #ccc;}



.arrow01 {  background-color: #898889;clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0, 50% 25%);width: 160px;  height: 160px;position: relative;margin-right: auto;margin-left: auto;}
.arrow01 p { color: #fff;position: absolute;bottom: 49px;left: 36px;font-size: 1em !important;}


.arrow02 {  background-color: #51a5aa;clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0, 50% 25%);width: 160px;  height: 160px;position: relative;margin-right: auto;margin-left: auto;}
.arrow02 p { color: #fff;position: absolute;bottom: 40px;left: 36px;font-size: 1em !important;}


.arrow03 {  background-color: #1377bd;clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0, 50% 25%);width: 160px;  height: 160px;position: relative;margin-right: auto;margin-left: auto;}
.arrow03 p { color: #fff;position: absolute;bottom: 40px;left: 19px;font-size: 1em !important;}

.arrow04 {  background-color: #7a3c7e;clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0, 50% 25%);width: 160px;  height: 160px;position: relative;margin-right: auto;margin-left: auto;}
.arrow04 p { color: #fff;position: absolute;bottom: 47px;left: 66px;font-size: 1em !important;}

.arrow05 {  background-color: #db5260;clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0, 50% 25%);width: 160px;  height: 160px;position: relative;margin-right: auto;margin-left: auto;}
.arrow05 p { color: #fff;position: absolute;bottom: 47px;left: 52px;font-size: 1em !important;}

.arrow06 {  background-color: #f5a918;clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0, 50% 25%);width: 160px;  height: 160px;position: relative;margin-right: auto;margin-left: auto;}
.arrow06 p { color: #fff;position: absolute;bottom: 47px;left: 52px;font-size: 1em !important;}

.arrow07 {  background-color: #898889;clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);width: 180px;  height: 180px;position: relative;margin-right: auto;margin-left: auto;}
.arrow07 p { color: #fff;position: absolute;bottom: 57px;left:44px;font-size: 1.1em !important;}
.arrow07-2 img{max-width:30px;}

.arrow08 {  background-color: #51a5aa;clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);width: 180px;  height: 180px;position: relative;margin-right: auto;margin-left: auto;}
.arrow08 p { color: #fff;position: absolute;bottom: 44px;left: 39px;font-size: 1.1em !important;}
.arrow08-2 img{max-width:30px;}

.arrow09 {  background-color: #1377bd;clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);width: 180px;  height: 180px;position: relative;margin-right: auto;margin-left: auto;}
.arrow09 p { color: #fff;position: absolute;bottom: 44px;left: 25px;font-size: 1.1em !important;}
.arrow09-2 img{max-width:30px;}

.arrow10 {  background-color: #7a3c7e;clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);width: 180px;  height: 180px;position: relative;margin-right: auto;margin-left: auto;}
.arrow10 p { color: #fff;position: absolute;bottom: 57px;left: 73px;font-size: 1.1em !important;}
.arrow10-2 img{max-width:30px;}

.arrow11 {  background-color: #db5260;clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);width: 180px;  height: 180px;position: relative;margin-right: auto;margin-left: auto;}
.arrow11 p { color: #fff;position: absolute;bottom: 57px;left: 59px;font-size: 1.1em !important;}
.arrow11-2 img{max-width:30px;}

.arrow12 {  background-color: #f5a918;clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);width: 180px;  height: 180px;position: relative;margin-right: auto;margin-left: auto;}
.arrow12 p { color: #fff;position: absolute;bottom: 57px;left: 59px;font-size: 1.1em !important;}
.arrow12-2 img{max-width:30px;}

.menu1{ width:100%;text-align: center;margin-right: auto;margin-left: auto;}
.menu1 h2{font-size:2.1em;color:#039c87;border-bottom: 1px solid #0d8272;margin-right: auto;margin-left: auto;padding-bottom: 7px;max-width:300px;text-align: center;}
.menu2{ width:100%;text-align: center;margin-right: auto;margin-left: auto;}
.menu2 h2{font-size:2.1em;color:#039c87;border-bottom: 1px solid #0d8272;margin-right: auto;margin-left: auto;padding-bottom: 7px;max-width:500px;text-align: center;}

.h-back {background: url(https://canaell.co.jp/mining/wp-content/uploads/head.jpg);   width: 100%;    padding: 1px; 	text-align: center;
background-repeat: no-repeat;}

.h-back2{margin-top:1px;}
.tel0{font-size:0.81em;float:left;margin-left: 5px;}
.tel{float:left;text-align: center;line-height: 1em;margin-top:10px;font-size:1.3em;}
.tel2{float:left;text-align: center;line-height: 1em;margin-top:-13px;font-size:0.82em;margin-left:2px;}

ul.nayami{width:100%;max-width:700px;    margin-top:20px;    font-size:1.3em;    padding-left:0;    margin-left:auto;margin-right:auto;}

ul.nayami li{ list-style:none;text-align: left;font-weight:900;   padding: 5px 5px 5px 40px;text-align:center;
background: url(https://canaell.co.jp/mining/wp-content/uploads/check.png) 0 5px no-repeat;
border-bottom: 1px dashed #888;margin:10px 80px 20px 80px;}

h1 {  position: relative;  line-height: 1.4;  padding:0.25em 1em;  display: inline-block;font-size:2em;margin-bottom: -5px;}
h1:before, h1:after {   content:'';  width: 20px;  height: 30px;  position: absolute;  display: inline-block;}
h1:before {  border-left: solid 2px #ff5722;  border-top: solid 2px #ff5722;  top:0;  left: 0;}
h1:after {  border-right: solid 2px #ff5722;  border-bottom: solid 2px #ff5722;  bottom:0;  right: 0;}



h4 {  position: relative;  display: inline-block;  padding: 0 55px;font-size:1.3em;}

h4:before, h4:after {  content: '';  position: absolute;  top: 50%;  display: inline-block;  width: 45px;  height: 1px;  background-color: black;}

h4:before {  left:0;}
h4:after {  right: 0;}

div#t-i1 {width:80%;max-width:960px; font-size: 1.1em;padding:5px;margin-bottom:20px;margin-top:75px;margin-left: 70px;color:#fff;font-weight:900;text-align: left;}
div#t-i2 {width:20%;max-width:240px; font-size: 1.1em;padding:5px;margin-bottom:20px;margin-top:25px;color:#fff;}
div#t-i2 img{max-width:240px;}


div#t-i3 {width:25%; font-size: 1.1em;padding:5px;margin-bottom:20px;margin-top:25px;color:#222;background-color:#fffff3;text-align: center;}
div#t-i3 h5{font-size:0.8em;color:#006611;margin-top:-1px;text-align: center;}
div#t-i3 h6{font-size:0.8em;color:#222;margin-top:-1px;text-align: left;font-weight:normal;margin-right: 5px;margin-left: 5px;}
div#t-i3 img{max-width:120px;text-align: center;}
.t-i3-img2{margin-left:-15px;margin-bottom:-30px;}
div#t-i4 {width:25%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;text-align: center;}
div#t-i4 h5{font-size:1em;color:#222;margin-top: 1px;margin-bottom: -30px;text-align: center;}

div#t-i5 {width:50%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:25px;text-align: center;}
div#t-i6 {width:25%; font-size: 1em;padding:5px;margin-bottom:20px;margin-top:125px;text-align: center;}
div#t-i6 h5{font-size:1em;color:#222;margin-top: 1px;margin-bottom: -30px;text-align: center;}

div#t-i7 {width:50%;max-width:600px; font-size: 1.1em;border-radius: 10px;box-shadow: 3px 3px 4px rgb(108 108 108 / 46%);padding: 35px;position: relative;background: #fff;}
div#t-i8 {width:50%;max-width:600px; font-size: 1.1em;padding:5px;margin-bottom:20px;margin-top:25px;color:#222;}



.t-i1-2 { display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;}
.t-i1-2 section { -webkit-flex: 1; flex: 1;  padding: 5px;}
.t-i1-2 .col-2 {margin-top: 0px;  -webkit-flex: 2;  flex: 2;}

.t-i1-3 { display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;margin-top:-130px;}
.t-i1-3 section { -webkit-flex: 1; flex: 1;  padding: 5px;}
.t-i1-3 .col-2 {margin-top: 0px;  -webkit-flex: 2;  flex: 2;}

.t-i1-4 { display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;margin-top:-70px;}
.t-i1-4 section { -webkit-flex: 1; flex: 1;  padding: 5px;}
.t-i1-4 .col-2 {margin-top: 0px;  -webkit-flex: 2;  flex: 2;}

.t-i1-5 { display: -webkit-flex;  display: flex;margin-right:auto;margin-left:auto;max-width:1200px;}
.t-i1-5 section { -webkit-flex: 1; flex: 1;  padding: 5px;}
.t-i1-5 .col-2 {margin-top: 0px;  -webkit-flex: 2;  flex: 2;}

.kakunin{text-align:center;font-size:1.5em;}


.anchor{position: relative;top: -100px;display: block;}
 

/* テーブル関連 */

.cform th {	font-size: 18px;width: 90%; padding-left: 50px;	text-align: left;	font-weight: bold;}

.cform td {	font-size: 18px;padding-bottom: 26px;padding-left: 50px;	line-height:250%;}

.cform {width: 100%;max-width:730px;	margin-right: auto;margin-left: auto;}

.cform [type=submit] {	display: inline-block;	font-size: 20px;	padding: 10px 30px;	text-decoration: none;	background: #ff8f00;	color: #FFF;	border-bottom: solid 4px #B17C00;	border-radius: 3px;}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {	width: 90%;min-height:38px;border: 1px solid #ced4da;border-radius: .25rem;}
input:focus, select:focus, textarea:focus {
outline: 2px #bfdeff solid ;
}
::placeholder{font-size:1rem!important;}
.required-srt {	color: #e57777;font-size: 14px;padding-left: 14px;}

.submit-check{text-align:center;}


.t-i14 {table-layout: fixed;width:98%;max-width:1150px; margin-right: auto;margin-left: auto;padding:8px;color:#222;margin-bottom:20px;font-size: 0.92em;  border-collapse:separate; border-spacing:5px;   line-height:1.8;}
.t-i14 th  {width:20%;font-weight: normal;font-size:1em;padding: 0.5em;border:solid 1px #aaa;background-color: #c9eeff;}
.t-i14 td  {text-align:left;font-size:1em;padding: 0.5em;border: solid 1px #aaa;background-color: #fff;}



/* ヘッダー */
div#header01{width: 100%;margin-right:auto;margin-left:auto;background-color: #fff;}
div#header0 {width: 100%;margin-right:auto;margin-left:auto;background-position: center;margin-top:60px;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 1200px;margin-right:auto;margin-left:auto;background-color: #fff;margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000;}
div#header p#desc	{font-size: 0.875em;background-color: #fff;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}

#top-head {display: none;}

div#subinfo	{text-align: right;	margin: -32px 0 5px}

div#header0 img{height: auto;width: 100%;min-width: 1000px;background-position: center;margin-top:100px;}
/* ナビゲーションバー */
div#fixedBox{width: 100%;height:75px;margin-right:auto; margin-left:auto;display: inline-block;box-shadow: 0 1px 1px rgba(118,191,183,.9);transition: all .3s;margin-bottom: -40px;}

/* Global Menu */
header img{float:left;margin-right: 20px;width:auto;height: 60px;}
header{margin-top: 20px;font-size: 0.8em;	margin-bottom: 13em;	position: relative;	width: 100%;	max-width: 1200px;margin-right: auto;
margin-left:auto;z-index: 1002;}
header ul {height:60px;margin-top:-10px;text-align: right;}
header ul > li{	display: inline-block;font-size:1em;}
header ul > li > a{border-right: 1px #ddd solid;	padding-top: 13px;	padding-bottom:10px;padding-left: 0.8rem;padding-right:0.8rem;
display: block;transition: 0.5s;font-weight: 600;}
header ul > li:last-child{min-width:250px;}
header ul > li:last-child a:after{border-bottom: none !important;}
header ul > li a:after {	content: '';	width: 0;	transition: all 0.3s ease;	border-bottom: 3px solid #000;	display: block;}
header ul >li a:hover:after {	width: 100%;	border-bottom: 2px solid #039c87;}
header ul > li > span{	margin-left: 1.2em;}


/* Submenu */

header ul li ul{	position: absolute;	top:60px;	left: auto;margin-top: -15px;margin-left: -40px;}
header ul li ul li{	display: block;}
header ul li ul li a{	background-color: #14763a;	color: #fff;width: 100%;border-top: 1px solid #eee;text-align: center;}
header ul li ul li a:hover{	background-color: #29a500;}
.sample01 ul li ul{	display: none;}
.sample01 ul li:hover ul{	display: block;}

.fixed {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1000;}
.fixed2 {width: 100%;position: fixed;top: 0; background-color: #fff;z-index:1001; box-shadow: 0px 1px 2px #12346b; }
.is-fixed {  position: fixed;  top: 0;  left: 0;  z-index: 2;  width: 100%;}


/* header */
#top-head { top: -100px; position: absolute; width: 100%; margin: 100px auto 0; padding: 30px 0 0; line-height: 1; z-index: 999;}
#top-head a,
#top-head { color: #fff; text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float: left; font-size: 36px;}
#global-nav ul {list-style: none; position: absolute; right: 0; bottom: 0; font-size: 14px;}
#global-nav ul li { float: left;}
#global-nav ul li a { padding: 0 30px;}

/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed; padding-top: 10px; height: 55px; background: #fff; background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;  -ms-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo {font-size: 24px; color: #333;}
#top-head.fixed #global-nav ul li a {color: #333; padding: 0 20px;}
 
/* Toggle Button */
#nav-toggle {display: none;position: absolute;right: 12px;top: 14px; width: 34px; height: 36px;cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block; position: absolute; height: 3px; width: 100%; background: #11823f; left: 0;
    -webkit-transition: .35s ease-in-out;  -ms-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
.inner { width: 1200px; margin: 0 auto;}
.inner:after { content: ""; clear: both; display: block;}



/* コンテンツ */
div#content	{width: 890px;float: left;margin-right: 40px;}
div#content2{width: 100%;margin-right:auto;margin-left:auto;}

p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation	{font-size: 0.75em;	overflow: hidden}
span.oldpage	{float: left}
span.newpage	{float: right}


/* 記事 */
div.post	{margin-bottom: 10px;overflow: hidden;background-color:#fff;}
div.post p	{font-size: 1em;line-height: 1.6;}
div.post p.postcat	{text-align: right;	margin: -10px 10px 10px 0;}
div.post p.postcat a	{font-size: smaller;background-color: #a7d043;
	border-radius: 2px;color: #ffffff;padding: 1px 5px}
div.post p.postinfo	{color: #0c8bcd;text-align: right;	margin: 0;}

div.post2{width:100%; max-width: 1200px;margin-right:auto;margin-left:auto;  margin-bottom: 10px; overflow: hidden;color:#333; font-size: 1.0em;text-align: center; }

div.post2 h2{font-size:1.3em; padding: 10px 10px;	margin: 0;color: #333;text-align:left;}
div.post2 h5{font-size:1.2em;padding: 0.5em;/*文字周りの余白*/  color: #222;text-align: left;}
div.post3{width:100%;max-width: 1920px;margin-right:auto;margin-left:auto;background: url(https://canaell.co.jp/mining/wp-content/uploads/mining-back.jpg) no-repeat;text-align:center; font-size:1.1em;padding-bottom: 1em;padding-top: 1em;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);min-height:300px;}

div.post4{width:100%;max-width: 1920px;margin-right:auto;margin-left:auto;background: url(https://canaell.co.jp/mining/wp-content/uploads/post4-back.jpg) no-repeat;text-align:center; font-size:1.1em;padding-bottom: 1em;padding-top: 1em;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);min-height:300px;}

div.post5{width:100%; max-width:950px;margin-right:auto;margin-left:auto;  margin-bottom: 10px; overflow: hidden;color:#444; font-size: 1.0em; }

div.post6{width:100%;max-width: 1920px;margin-right:auto;margin-left:auto;background: url(https://canaell.co.jp/mining/wp-content/uploads/post6-back.jpg) no-repeat;font-size:1.1em;padding-bottom: 1em;padding-top: 1em;min-height:550px;}





@media screen and (max-width:75em) {

header ul > li{font-size:0.9em;}
	
	header ul > li > a{
	padding-left: 0.2rem;
padding-right: 0.2rem;}
}
@media screen and (max-width:60em) {
	.cform th{font-size:16px;padding-top:2px;padding-bottom:2px;padding-left: 20px;}
	.cform td{font-size:16px;padding-top:2px;padding-bottom:2px;padding-left: 20px;}
	
	.menu1 h2{font-size:1.4em;border-bottom: 0px;max-width: 300px;margin-top:20px; margin-bottom:-1px;}
	.menu2 h2{font-size:1.4em;border-bottom: 0px;max-width: 300px;margin-top:20px; margin-bottom:-1px;}
	table.type01{display: block;font-size: 0.8em;  overflow-x: scroll;  white-space: nowrap;  -webkit-overflow-scrolling: touch;}
	table.type01 th {min-width:90px;}
	table.type01 th img{max-width:100px;}
	table.type01 td {min-width:90px;}
	table.type01 td img{max-width:100px;}
	
	table.type02 td{min-width:150px;}
	ul.nayami{font-size:0.85em;}
	ul.nayami li{margin:5px;background: url(https://canaell.co.jp/mining/wp-content/uploads/check2.png) 20px 5px no-repeat;padding: 5px 5px 5px 30px;}
.pc{display: none !important;}
.pc2{display: none !important;}
.mo{display: block !important;max-width:60em;}
	.midashi{font-size:1.65em;}	
.midashi0{max-width:1200px;margin-left:auto;margin-right:auto;text-align:center;font-size: 4.5vw;font-weight: bold;}
	.shinsei{max-width: 60em;margin-left: auto;margin-right: auto;font-size: 1.2em;font-weight: bold;text-align:center;}
	.shinsei3-2{font-size:21px !important;color:#222;font-weight: bold;line-height: 1.5em;text-indent : -0.4em;padding-left : 1em;text-align:left;}
.shinsei3-3{font-size:16px !important;color:#222;font-weight: bold;line-height: 1.5em;text-indent : -0.4em;padding-left : 1em;text-align:left;}
	.shinsei5{max-width: 60em;margin-left: auto;margin-right: auto;font-size: 2em;font-weight: bold;text-align:center;}
	.shinsei2{font-size:1.2em;font-weight: bold;color:#f00;line-height:1.5em;text-indent : -0.4em;padding-left : 1em;}
.shinsei3{font-size:1.2em;font-weight: bold;line-height: 1.5em;text-indent : -0.4em;padding-left : 1em;}
.shinsei4{font-size:1.2em;font-weight: bold;line-height: 1.5em;}

div#t-i3 {-webkit-flex-direction: column;    flex-direction: column;width: 90%; padding:5px; font-size: 0.9em; margin-right:auto;margin-left:auto;text-align:center;margin-bottom: 7px;margin-top: 7px;background-color: #fff;}
	div#t-i3 h5 {font-size: 0.9em;}
	div#t-i3 h6{font-size: 0.9em!important; }	
div#t-i4 {-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size: 0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;}
div#t-i4 h5{margin-top: 1px;margin-bottom: -30px;font-size:1.1em;}
div#t-i5 {display:none;}

div#t-i6 {-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size:0.9em; padding:5px; margin-right:auto;margin-left:auto;text-align:center;margin-top:20px;}	
div#t-i6 h5{margin-top: 1px;margin-bottom: -30px;font-size:1.1em;}	
div#t-i7 {-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size: 0.85em; padding:5px; margin-right:auto;margin-left:auto;}
div#t-i8 {-webkit-flex-direction: column;    flex-direction: column;width: 94%; font-size: 0.9em; padding:5px; margin-right:auto;margin-left:auto;min-height:450px;margin-bottom:-30px;}
	
.bg_muryo {position:relative; width:100%;  height:100%;}
	
.flex_item-box {display: block;  /* フレックスボックスにする */}
	
.cform th,
	.cform td {	margin-right: auto;
margin-left: auto;	width: 90%;		display: block;		border-top: none;	}


.submit-btn input {	background: #00142c;	width: 60%;	max-width: 550px;	min-width: 220px;	margin: 30px auto;	display: block;	border: 1px #00142c solid;	text-align: center;	padding: 5px;	color: #fff;	transition: all 0.4s ease;}

.submit-btn input:hover {	background: #fff;	color: #00142c;}

.pref{text-align:center;}

.kakunin{text-align:center;font-size:1em;}
	
	/* コンテナ */

.back_line h4{font-size:1.2em; padding: 15px 10px!important;	margin-left: -5px;margin-bottom: -15px;color: #14763a;}
	.nakami{font-size: 1em;padding: 10px; margin-top: 20px;}
div#container	{width: 99%;	margin: auto;margin-top: 60px;}
div#t-i1 { -webkit-flex-direction: column;    flex-direction: column;width: 98%;  font-size:0.9em; margin-top:5px;margin-left:2px;margin-bottom:-30px; }	
div#t-i2 { -webkit-flex-direction: column;    flex-direction: column;width: 98%; margin-right: auto;
margin-left: auto;   }	
	div#t-i2 img{max-width:320px!important;}
.t-i1-2 { -webkit-flex-direction: column;    flex-direction: column;}	
.t-i1-2 section {max-width:99%;}

.t-i1-3 { -webkit-flex-direction: column;    flex-direction: column;margin-top:10px;}	
.t-i1-3 section {max-width:99%;}
	
.t-i1-4 { -webkit-flex-direction: column;    flex-direction: column;margin-top:10px;}	
.t-i1-4 section {max-width:99%;}
	
.t-i1-5 { -webkit-flex-direction: column;    flex-direction: column;}	
.t-i1-5 section {max-width:99%;}
/* ヘッダー */
div#header01{display:none;}
div#header	{font-family: 'Trebuchet MS', sans-serif;width: 99%;margin-right:auto;margin-left:auto;
	margin-bottom: 20px}
div#header h1	{font-size: 2.5em;margin: 0}
div#header h1 a	{color: #000000}
div#header p#desc	{font-size: 0.875em;background-color: #f7f7f7;color: #666;margin: 0 0 5px;height: 30px;line-height: 25px;}

div#header0 img{height: auto;width: 100%;min-width: 99%;background-position: center;margin-top:60px;}
div#subinfo	{text-align: right;	margin: -32px 0 5px}
	
header ul > li:hover > a{	color: #222;}
header img{float: left;margin-left: 5px;width: auto;height: auto;max-width: 110px;margin-top: 10px;margin-right:5px;}
	
header ul > li > a{font-weight: bold; padding-top: 13px;padding-bottom: 10px;    padding-left: 10px;    padding-right: 10px;
    display: block;    font-size:1em;    transition: 0.5s;      margin-top: 10px;    max-width: 380px;    margin-right: 15px;border-right: 0px #ddd solid;}
	
	
	
	
/* ナビゲーションバー */
div#nav	{display:none;}
header ul > li{background:none;display:block;}		
	
	/* コンテンツ */
div#content	{width: 99%;float: left}
div#content2	{width: 99%;float: left}
p.title	{font-weight: bold;	color: #585858;	width: 200px;margin: 0 0 10px;	padding: 0 30px 0 10px;	background-image: url(bar.png);	background-repeat: no-repeat;background-position: right top}

p.pagenation	{font-size: 0.75em;	overflow: hidden}
span.oldpage	{float: left}
span.newpage	{float: right}

	div.post2{width:96%;background: #fff;}
div.post2 h1{font-size:1.1em; padding: 5px 5px;	margin: 20px;color: #666;margin-top: 58px;margin-bottom: 10px;text-align:center;}
div.post2 h2{font-size:0.95em; padding: 5px 5px;	margin: 0;color: #333;text-align:center;}
	div.post2 h3{font-size:1.2em;}
	div.post2 h4{font-size:1.25em;padding: 0 5px;color: #666;}
	h4::before, h4::after{width:0px;}
	div.post2 h5{font-size:1em; padding: 10px 10px;	margin-left: -5px;margin-bottom: -5px;margin-top:-5px;text-align:center;}
	
	div.post3{background:#039c87;width:96%;width:94%;box-shadow:  1px 3px 3px 2px rgba(108, 108, 108, 0.46);}
	div.post4{width:96%;background: url(https://canaell.co.jp/mining/wp-content/uploads/post4-back2.jpg) no-repeat;width:96%;box-shadow: 1px 3px 3px 2px rgba(108, 108, 108, 0.46);}
	div.post6{width:96%;background:none;width:96%;}
	
	
	
div#sidebar	{display:none;}	

	
	.inner {width: 100%; padding: 0;}
    #top-head {top: 0;position: fixed;margin-top: 0;display: inline;padding:0;}
    /* Fixed reset */
    #top-head.fixed {padding-top: 0;background: transparent;}
    #mobile-head {background: #f7f7f7;width: 100%;height: 65px;z-index: 2005;position: relative;margin-top: 0px;}
    #top-head.fixed .logo,
    #top-head .logo {position: absolute;left: 13px; top: -5px;color: #fff; font-size: 26px;}
	#top-head .logo img{height:auto;margin-top:-8px;max-width:41px;}
    #global-nav {position: absolute;z-index: 1006;min-height: 385px;
        /* 開いてないときは画面外に配置 */
        right: -97%;background: #039c87; width: 97%;text-align: center!important; padding: 10px 0;
	-webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;}
	.header ul > li a::after{border-bottom: none!important;}
    #global-nav ul {list-style: none;position: static; right: 0;bottom: 0;font-size: 1.2em!important;font-weight: bold;color: #fff;text-align: center;}
    #global-nav ul li {float: none;position: static;margin-left: -30px;}
    #top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {margin-right: auto;margin-left: auto; display: block;color: #fff; padding: 14px 0;}
	#menu {float: right;margin-top: 40px;margin-right: 14px;font-size: 0.9em;color: #11823f;}
    #nav-toggle {display: block;}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);}

    .open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
    .open #nav-toggle span:nth-child(3) {top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);}

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateX(-102%);
        -webkit-transform: translateX(-102%);
        transform: translateX(-102%);}

#sub-nav{margin-bottom: 40px;font-size:0.9em;margin-left: -40px;}
#sub-nav ul {width:auto; list-style: none;}
#sub-nav ul li  {float:left; width: 33%;border-right: solid 1px #bbb;height: 30px;}
#sub-nav ul li a{display: block; background: #444; text-align: center;border-bottom: solid 1px #c7cdd0;padding: 4px;
    text-decoration: none; color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
#sub-nav ul li a:hover {text-decoration:underline;background-color: #000;color:#fff;}	
div#footer	{padding:10px 0px 10px 10px!important;}	
div#footermenu ul{display:none;}
	.c-link{text-align:center!important;}
.submit-btn input {
	background: #00142c;
	width: 60%;
	max-width: 550px;
	min-width: 240px;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
	
}	
input[type="button"],
input[type="submit"],
input[type="reset"]{font-size: 1.1em;color: #fff;	background-color: #1fa4ad;	border: none;width: 200px;
height: 40px!important;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 30px;  
	-moz-border-radius: 30px;  border-radius: 30px;}
	.mwform-checkbox-field label{font-size:0.8em;}
	
	}
	
	
	
/* フッターメニュー */
.c-link{padding-top: 3em;padding-bottom: 2em;text-align:left;}
.c-link a{color:#fff;font-size: 32px;font-family: Futura, 'Century Gothic';}
.c-link a:hover{text-decoration: underline;transition:all 0.4s ease-in-out 0s;}

div#footer	{background-color: #20261e;margin-right:auto;margin-left:auto;border-top: solid 1px #aaaaaa;clear: both;padding: 20px 0px 20px 30px;}

div#footer p	{font-size: 0.7em;	font-style: normal;	font-family: Verdana, sans-serif;margin: 0}
div#footermenu{background-color: #20261e;width: 100%;max-width:1200px;margin-right:auto;margin-left:auto;}
div#footermenu ul{width: 1200px;margin-right: auto;margin-left: auto;	padding: 0;	list-style-type: none;float: right;}
div#footermenu ul ul	{width: auto;float: none;margin: 0}
div#footermenu .widget	{margin-bottom: 20px}
div#footermenu h2	{font-size: 0.75em;	color: #ffffff;	background-color: #aaaaaa;
	border-radius: 3px;	padding: 2px 10px;	margin: 0}
div#footermenu li li	{font-size: 0.875em;		margin: 0}
div#footermenu li li a	{color: #ffffff;display: block;	padding: 5px 10px}
div#footermenu li li a:hover{text-decoration: underline;transition:all 0.4s ease-in-out 0s;}
div#footermenu li{float: left;}
div#footer p	{clear: both;color: #ffffff;padding-top: 8px;	padding-bottom: 2em;text-align: center;}

#page-top {position: fixed; bottom: 25px; right:25px; font-size: 0.875em;z-index: 100;}
#page-top a {background: #2d9581; text-decoration: none; color: #fff; width: 50px;	padding: 10px 10px; text-align: center; display: block;}
#page-top a:hover {text-decoration: none; background: #b4daae; color:#fff;}



.submit-btn input {
	background: #00142c;
	width: 60%;
	max-width: 550px;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: 1px #00142c solid;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;	
}

.submit-btn input:hover {	background: #fff;	color: #00142c;}

input[type="button"],
input[type="submit"],
input[type="reset"] {font-size: 1.1em;color: #fff;	background-color: #1fa4ad;	border: none;width: 200px;
height: 40px!important;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 30px;  
	-moz-border-radius: 30px;  border-radius: 30px;
	 }
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {color: #fff;background-color: #00afec;cursor: pointer;}