/*継ぎ手の芯引き配管の切り寸計算機＿単体テスト版*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, 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;font-size: 100%;font: inherit;font-weight: normal;vertical-align: baseline;
}/*border: 0;*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul ,li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;}
img {max-width: 100%;height: auto;vertical-align: bottom;}
*,*::after,*::before{box-sizing: border-box;word-wrap: break-word;}/*CSS リセット*/

/*{border: solid 1px red;}*/

	body{width:100%;font-size:16px;background-color: WhiteSmoke;}

#overall{width:1000px;margin:0 auto;font-size:16px;color:DimGray;}
/*ヘッダー*/
	header{width: 100%;}
		.he-box {width: 100%;margin-top: 16px;position: fixed;top: 0;left: 0;z-index: 100;}
			.he-box-p {position: relative;margin-left: 1.5em;font-size: 1.6em;color: #008800;font-weight: bold;line-height: 1;border-top: solid 3px #008800;}
			.he-box-p::after {position: absolute;content: " ";left: -2em;border-bottom: solid 3px #008800;bottom: 1px;width: 4.3em;}
			.he-h1{width: auto;margin: 30px 5em 0px 5em;font-size: 1.8em;color: #008800;font-weight: bold;white-space: nowrap;}
			/*文字右横からスライド*/
			.slide-in {animation: slideIn 1s ease-out;}
			@keyframes slideIn {
  					0% {transform: translateX(100%);opacity: 0;}
  					100% {transform: translateX(0);opacity: 1;}
					}
		/* 点滅 */
			.blinking{
				-webkit-animation:blink 1.5s ease-in-out infinite alternate;
				-moz-animation:blink 1.5s ease-in-out infinite alternate;
   				animation:blink 1.5s ease-in-out infinite alternate;
				}
			@-webkit-keyframes blink{
				0% {opacity:0;}
				100% {opacity:1;}
				}
			@-moz-keyframes blink{
				0% {opacity:0;}
				100% {opacity:1;}
				}
			@keyframes blink{
				0% {opacity:0;}
				100% {opacity:1;}
				}
 #top{font-size:140%;width:100%;padding:30px;text-align:center;}
 #main_left {font-size: 100%;width: 53%;float: left;}
  #cut_calcu {width: 100%;}
   #cut_calcu p {margin:10px 30px 0 30px;font-size: 100%;}
  #calc2 {font-size: 14px;margin: 30px;padding: 10px;display: flex;justify-content: center;border: 1px solid lightskyblue;border-radius: 2px;background-color: GhostWhite;}
  #calc {margin: 30px;padding: 10px;display: flex;justify-content: center;border:1px solid lightskyblue;border-radius: 2px;background-color: GhostWhite;}
 #sub_right{font-size:100%;width:40%;padding:10px;float:right;}
/*footer*/
	.footer{width: 100%;margin-top: 30px;padding-top: 1em;background: #E6FFE9;clear:both;}
		.footer-menu{width: 100%;}
			.footer-menu ul {text-align: center;}
			.footer-menu li {padding: 0 10px;display: inline-block;border-left: solid 1px #006600;}
				    .li-r {border-right: solid 1px #006600;}
			.footer-menu li a {color: #006600;}
			.footer-menu li a:hover {border-bottom: solid 1px #008800;}
		.fo-box1 {width: 100%;height: 50px;margin: 1em 0;position: relative;}
		.fo-box1-1 {width: 100%;position: absolute;top: 0%;left: 50%;transform: translateX(-50%);}
		.fo-box1-1 img {width: 100%;height: 50px;object-fit: cover;}
		.fo-box2 {width: 100%;margin: 1em 0;text-align: center;}
		.fo-box3 {width: 100%;padding: 1em 0;text-align: center;}

 h2{font-size:140%;color:MidnightBlue;}
 h3{font-size:120%;color:MidnightBlue;}
 .bold{font-weight:bold;}
 .Crimson{color: Crimson;}
 .center{text-align:center;}
 span.aks {display: inline-block;}

 @media screen and (max-width: 650px) {
  #overall{width:100%;}
   .he-h1{margin: 60px auto 0 1em;}
   #top{font-size:120%;}
   #main_left{width:100%;float:none;}
    #calc2{margin: 5px;}
   #sub_right{width:100%;float:none;}
   .footer{margin-top: 60px;}
  }