/*共通用のcss*/
	
	/*共通用のcss共通部分（基礎）*/
		
		a {
			text-decoration: none;
		}
		
		div.blog-image {
			text-align : center
		}
		
		h1.blog {
			font-size: 2.6rem;
			font-weight: 400;
		}
		
		h1.heading,h1.heading-expand {
			border-bottom-style: solid;
			border-bottom-width: 1px;
			clear: both;
			font-size: 2.6rem;
			font-weight: 400;
		}
		
		h2.blog {
			font-size: 2.4rem;
			font-weight: 400;
		}
		
		h2.heading,h2.heading-expand {
			font-size: 2.4rem;
			font-weight: 400;
			padding-left: 1.0rem;
		}
		
		h3.heading,h3.heading-expand {
			font-size: 1.8rem;
			font-weight: 400;
			padding-left: 1.0rem;
		}
		
		p {
			text-align: justify;
		}
		
		p.blog {
			font-size: 1.8rem;
		}
		
		ol.blog  {
			font-size: 1.8rem;
		}
		
		ul.blog  {
			font-size: 1.8rem;
			list-style-type: none;
		}
		
		ul.main-tab,ul.footer {
			list-style-type: none;
			padding-left: 0rem;
		}
		
	/*共通用のcss共通部分（サインボード）*/
		
		a.signboard {
			color: rgb(0,0,0); /*black*/
			display: block;
		}
		
		div.signboard {
			text-align: center;
		}
		
		img.signboard {
			margin: 0rem 0rem 0rem -1.5rem;
			width: 4.5rem;
		}
		
		span.signboard-deco {
			color: rgb(255,0,0); /*red*/
			font-family: Verdana;
			font-size: 6.0rem;
			font-style: italic;
			font-weight: 900;
			letter-spacing: 0.1rem;
		}
		
		span.signboard-gyouseisyosi {
			font-size: 2.5rem;
			font-weight: 100;
			letter-spacing: 1.1rem;
			line-height: 1.0rem;
		}
		
	/*共通用のcss共通部分（基本情報）*/
		
		div.basic-information {
			font-size: 1.6rem;
		}
		
	/*共通用のcss共通部分（メインタブ）*/
		
		ul.main-tab {
			clear: both;
			font-size: 1.6rem;
			overflow : hidden;
		 }
		
		li.main-tab {
			background-color: rgb(248,248,255); /*ghostwhite*/
			text-align: center;
		}
		
		li.main-tab-visit {
			background-color: rgb(255,0,0); /*red*/
			text-align: center;
		}
		
		li.main-tab-visit a {
			color: rgb(255,255,255); /*white*/
		}
		
		a.main-tab {
			color: rgb(0,0,0); /*black*/
		}
		
	/*共通用のcss共通部分（基礎:アコーディオンタブ表示・非表示）*/
		
		label {
			cursor :pointer;
		}
		
		input {
			display: none;
		}
		
		div.hidden-show {
    		height: 0;
    		opacity: 0;
			overflow: hidden;
			padding-bottom: 2.0rem;
    		transition: 0.5s;
		}
		
		input:checked + label + div.hidden-show {
    		height: auto;
    		opacity: 1;
		}
		
		.heading-expand:after {
			font-family: "Font Awesome 5 Free";
			content: '\f107';
			font-weight: 900;
		}
		
		input:checked + label .heading-expand:after {
			font-family: "Font Awesome 5 Free";
			content: '\f106';
			font-weight: 900;
		}
		
	/*共通用のcss共通部分（フッター）*/
		
		ul.footer {
			text-align: center;
		}
		
		li.footer {
			background-color: rgb(248,248,255); /*ghostwhite*/
		}
		
		li.footer-visit {
			background-color: rgb(255,0,0); /*red*/
			text-align: center;
		}
		
		li.footer-visit a {
			color: rgb(255,255,255); /*white*/
		}
		
		a.footer {
			color: rgb(0,0,0); /*black*/
		}



/*PC用のcss*/
	
	@media only screen and (min-width:640px) {
		
		/*PC用のcss共通部分（基礎）*/
			
			html {
				font-size: 62.5%
			}
			
			body {
				background-color: rgb(245,245,245); /*whitesmoke*/
			}
			
			br.sp {
				display: none;
			}
			
			div.body { 
				background-color: white;
				width: 100.0rem;
				margin: auto;
				padding-bottom: 1.0rem; 
			}
			
			h1.blog {
				padding: 0rem 5.0rem;
			}
			
			h1.heading,h1.heading-expand {
				margin: 3.0rem 1.0rem 1.0rem 1.0rem;
				padding: 0rem 5.0rem;
			}
			
			h2.blog {
				padding: 0rem 10.0rem;
			}
			
			h2.heading,h2.heading-expand {
				margin: 1.0rem 1.0rem 1.0rem 3.0rem;
			}
			
			h3.heading,h3.heading-expand {
				margin: 1.0rem 1.0rem 1.0rem 5.0rem;
			}
			
			ol.blog  {
				padding: 0rem 15.0rem;
			}
				
			p.blog {
				padding: 0rem 10.0rem;
			}
			
			img.blog-image {
				width: 80.0rem;
			}
			
			ul.blog  {
				padding: 0rem 12.0rem;
			}
				
		/*PC用のcss共通部分（サインボード）*/
			
			div.signboard {
				float: left;
				margin: 2.5rem 0rem 0rem 2.5rem;
				text-align: center;
			}
			
		/*PC用のcss共通部分（基本情報）*/
			
			div.basic-information {
				padding: 1.6rem 2.0rem 0rem 0rem;
				text-align: right;
			}
			
			span.click {
				display: none;
			}
			
		/*PC用のcss共通部分（メインタブ）*/
			

			
			li.main-tab {
				float: left;
				width: 24.7rem;
			}
			
			li.main-tab-visit {
				float: left;
				width: 24.7rem;
			}
			
			li+li.main-tab {
				border-left: 0.4rem solid rgb(255,255,255); /*white*/;
			}
			
			li+li.main-tab-visit {
				border-left: 0.4rem solid rgb(255,255,255); /*white*/;
			}
			
			a.main-tab {
				display: block;
				padding: 1.0rem;
			}
			
			a:hover.main-tab {
				background: rgb(255,128,114); /*salmon*/
				color: rgb(255,255,255); /*white*/
			}
			
			span.main-tab-subtitle {
				font-size: 1.6rem;
			}
				
		/*PC用のcss共通部分（フッター）*/
			
			ul.footer {
				font-size: 1.8rem;
				margin: 0rem 0rem -1.0rem 0rem;
				overflow: hidden;
			}
			
			li.footer {
				float: left;
				width: 16.4rem;
			}
			
			li.footer-visit  {
				float: left;
				width: 16.5rem;
			}
			
			li+li.footer {
				border-left: 0.3rem solid rgb(255,255,255); /*white*/;
			}
			
			li+li.footer-visit {
				border-left: 0.3rem solid rgb(255,255,255); /*white*/;
			}
			
			a.footer {
				display: block;
				padding: 1.0rem;
			}
			
			a:hover.footer {
				background: rgb(255,128,114); /*salmon*/
				color: rgb(255,255,255); /*white*/
			}
			
		}



/*SP用のcss*/
	@media only screen and (max-width:639px) {
		
		/*SP用のcss共通部分（基礎）*/
			html {
				font-size: 50%
			}
			
			h1.blog {
				padding-left: 1.0rem;
			}
			
			h1.heading,h1.heading-expand {
				margin: 2.0rem 0.5rem 1.0rem 0.25rem;
				padding-left: 0rem;
			}
			
			h2.blog {
				padding: 0rem 1.0rem;
			}
			
			h2.heading,h2.heading-expand {
				margin: 1.0rem 1.0rem 1.0rem 1.0rem;
			}
			
			h3.heading,h3.heading-expand {
				margin: 1.0rem 1.0rem 1.0rem 3.0rem;
			}
			
			img.blog-image {
				width: 95vw;
			}
			
			p.blog {
				padding: 0rem 1.0rem;
			}
			
			ol.blog  {
				padding: 0rem 5.0rem;
			}
			
			span.vanish-sp {
				display: none;
			}
			
			ul.blog  {
				padding: 0rem 2.0rem;
			}
			
		/*SP用のcss共通部分（基礎:アコーディオンタブ表示・非表示）*/
			
			div.hidden-show-sp {
	    		height: 0;
	    		opacity: 0;
				overflow: hidden;
				padding-bottom: 2.0rem;
	    		transition: 0.5s;
			}
			
			input:checked + label + div.hidden-show-sp {
	    		height: auto;
	    		opacity: 1;
			}
			
			.heading-expand-sp:after {
				font-family: "Font Awesome 5 Free";
				content: '\f107';
				font-weight: 900;
			}
			
			input:checked + label .heading-expand-sp:after {
				font-family: "Font Awesome 5 Free";
				content: '\f106';
				font-weight: 900;
			}
		
		/*SP用のcss共通部分（サインボード）*/
			
		/*SP用のcss共通部分（基本情報）*/
			
			div.basic-information {
				line-height: 1.8rem;
				text-align: center;
			}
			
			div.basic-information span.click {
				font-size: 1.4rem;
			}
			
		/*スマートフォン用のcss共通部分（メインタブ）*/
			
			li.main-tab {
				float: left;
				margin: 1.0vw;
				padding: 2.0vw 0vw;
				width: 45.5vw
			}
			
			li.main-tab-visit {
				float: left;
				margin: 1.0vw;
				padding: 2.0vw 0vw;
				width: 45.5vw;
			}
			
			span.main-tab-subtitle {
				display: none;
			}
			
		/*PC用のcss共通部分（フッター）*/
			
			ul.footer {
				font-size: 1.4rem;
				margin: auto;
			}
			
			li.footer {
				float: left;
				margin: 0.5vw;
				padding: 2.0vw;
				width: 26.5vw
			}
			
			li.footer-visit {
				float: left;
				margin: 0.5vw;
				padding: 2.0vw;
				width: 26.5vw
			}
			
	}