@charset "UTF-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}
/*カラム落ち防止/
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

.gridContainer {
	width: 90%;
	max-width: 90%;

	margin: auto;
	background-color: #FFFFFF;
	display: block;
	clear: both;

}


body{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}


/*==========================================
 ヘッダーのスタイル
===========================================*/
header {
	overflow: hidden;
	display: block;
	background-color: #a8d9d8;
	clip: rect(auto,auto,auto,-20%);
	left: -20%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: auto;
}

header h1 {
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	background-image: url(top_headeer_e2_2016_karinshomepage.png);
	background-size: auto 100%;
	background-repeat: no-repeat;

}

	header h1 img {
	width: 250px;
	animation: move2 3s infinite;
	transform-origin: center -10px 0;
	-webkit-animation: move2 3s infinite;
	-webkit-transform-origin: center -10px 0;
	-moz-animation: move2 3s infinite;
	-moz-transform-origin: center -10px 0;
	height: auto;
	
	}
header ul#s_nav {
	margin-bottom: 4px;
	position: relative;
	float: right;
	-webkit-border-image: 0;
	     -o-border-image: 0;
	        border-image: 0;
	margin-top: 20px;
	height: auto;
	display: block;
	width: auto;
	margin-right: 5%;
	margin-left: 0px;
}

 @media(max-width:481px){
header ul#s_nav {
margin-right: 10px;
}
}
header ul#s_nav li {
	float: left;
	color: #faf4ea;
	display: block;
	white-space: pre;
	height: auto;
	position: relative;
}
header ul#s_nav li a {
  display:block;
  font-size:0.8em;
  margin-right:20px;
  padding-left:20px;
}


 @media(max-width:481px){
  header ul#s_nav li a {
  margin-right:5px;
  padding-left:5px;}
}

	
header ul#s_nav li.contact a {
	color: #faf4ea;
	-webkit-transition: border-color 0.3s, color 0.3s;
	-o-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	}

header ul#s_nav li.contact a:hover {
	color: #1b3667;
}

header ul#s_nav li.nnews a {
	color: #faf4ea;
	-webkit-transition: border-color 0.3s, color 0.3s;
	-o-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
}

header ul#s_nav li.nnews a:hover {
	color: faf4ea;
}

header ul#s_nav li.sitemap a {
	color: #faf4ea;
	-webkit-transition: border-color 0.3s, color 0.3s;
	-o-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
}

header ul#s_nav li.sitemap a:hover {
	color: #1b3667;}	

header p {
  width:100%;
}
header p img {
  width:100%;
  height:auto;
  max-width:960px;
}


header h4 {
	padding: 0px;
	background-image: url(karin_index_tope_2.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	display: block;
	height: 330px;
	background-position: center;
	margin: 0;
}header h4 img {
	width: 2000px;
	height: auto;
}

@media(max-width:769px) {
header h4 {
	padding: 0px;
	background-image: url(karin_index_tope_smaho2.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	display: block;
	height: 200px;
	background-position: center top;
	margin: 0;
}
header h4 img {
	width: 1500px;
	height: auto;
}

}

@media(max-width:481px) {
header h4 {
	padding: 0px;
	background-image: url(karin_index_smaho_syo_1.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	display: block;
	height: 180px;
	background-position: center top;
	margin: 0;
}
header h4 img {
	width: 1062px;
	height: auto;
}

}



@keyframes move2{
	0%		{transform:rotate(0deg)		translate(0,0);}
	25%		{transform:rotate(-75deg)	translate(0,0);}
	50%	{transform:rotate(0deg)	translate(0,0) ;}
	75%	{transform:rotate(7deg)	translate(0,0);}
	100%	{transform:rotate(0deg)		translate(0,0);}

}
@-webkit-keyframes move2{
  0%		{-webkit-transform:rotate(0deg)		translate(0,0);}
	25%		{-webkit-transform:rotate(-7deg)	translate(0,0);}
	50%	{-webkit-transform:rotate(0deg)	translate(0,0) ;}
	75%	{-webkit-transform:rotate(7deg)	translate(0,0);}
	100%{-webkit-transform:rotate(0deg)	translate(0,0);
}
@-moz-keyframes move2{
  0%		{-moz-transform:rotate(0deg)		translate(0,0);}
	25%		{-moz-transform:rotate(-7deg)	translate(0,0);}
	50%	{-moz-transform:rotate(0deg)	translate(0,0) ;}
	75%	{-moz-transform:rotate(7deg)	translate(0,0);}
	100%{-moz-transform:rotate(0deg)	translate(0,0);
}

	
	
}}
header ul#s_nav li.nnews a {
	color: #faf4ea;
	-webkit-transition: border-color 0.3s, color 0.3s;
	-o-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
}

header ul#s_nav li.nnews a:hover {
	color: #1b3667;}

header ul#s_nav li.sitemap a {
	color: #faf4ea;
	-webkit-transition: border-color 0.3s, color 0.3s;
	-o-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
}

header ul#s_nav li.sitemap a:hover {
	color: #1b3667;}	

header p {
  width:100%;
}
header p img {
  width:100%;
  height:auto;
  max-width:960px;
}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/

	 nav {
	width: auto;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-color: #a8d9d8;
	padding-bottom: 20px;
  }
  nav ul{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 500px;
	
	display: block;
	overflow: hidden;
	height: auto;
	width: auto;
	　　font-size: 0;
	white-space: nowrap;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

  nav ul li {
	text-align: center;
	float: left;
	width: 19.6%;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #faf4ea;
	}

    nav ul img {
	width: 60%;
	
}

@media(max-width:769px) {
	nav ul{
    max-width: 390px;	
}  nav ul li {
	width: 19.0%;
	}
   nav ul img {
	width: 70%;
	
}
}
  
	
@media(max-width:481px) {
	nav ul{
    max-width: 481px;	
}
 nav ul li {
	width: 19.2%;
	}

    nav ul img {
	width: 75%;
	
}
}
  	
	/*==========================================
 文字移動　：hover
==========================================*/
nav ul li:hover{
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	 
	 
nav ul li:nth-child(odd) {
	   border-right: 2px dotted #faf4ea;
	border-bottom-style: none;
    transition: all 0.3s ease;


 } nav ul li:nth-child(odd) :hover{
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
   transition: all 0.3s ease;
		

 }nav ul li.home {
	border-bottom-style: none;
	text-align: center;
    transition: all 0.3s ease;

} nav ul li.home:hover{
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	   transition: all 0.3s ease;
} 
	  
  nav ul li.contact {
	border-bottom-style: none;
	border-right: none;
    transition: all 0.3s ease;

} nav ul li.contact:hover{
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	    transition: all 0.3s ease;

	} 
	
nav ul li a{
  display: block;
  width: 100%;
}


/*==========================================
 左pickupイラスト＆ 右上#001 枠　：left
==========================================*/
.left{
	display: block;
	width: 100%;
	height: auto;
	max-width: 1000px;
	text-align: center;
	height: auto;
	overflow: hidden;
	margin-top: 70px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	visibility: visible;
	padding: 0px;
} 

@media(max-width:769px) {
.left{
     margin-top: 40px;}
	}

/*==========================================
 左pickupイラスト　：left
==========================================*/
#leftbox{
	display: block;
	zoom: 1;
	vertical-align: top;
	width: 40%;
	float: left;
}

 @media(max-width:481px){
#leftbox{
	width: 100%;
}}

#leftbox article {
	text-align: center;
	width: 100%;
	float: left;
	display: table-cell;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
	clear: both;
	font-size: 0px;
	overflow: hidden;
}

#leftbox article img {
	width: auto;
	height: auto;
	max-width: 100%;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;

}

#leftbox article img:hover {
-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);


}

/*==========================================
  右上ーナツイナツ 
==========================================*/



.falftop{
	width: 57%;
	display: block;
	display: table-cell;
	overflow: hidden;
	float: right;
}

 @media(max-width:481px){
.falftop{
	width: 100%;
}}


#tittle {
	clear: both;
	float: left;
	display: block;
	overflow: hidden;
	font-size: 9px;
	width: 99.9%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0%;
	margin-left: 0px;
	text-align: left;
	position: relative;
}

#tittle article img {
	width: 100%;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	text-align: left;
}
#moji {
	clear: both;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0px;
	font-size: 0.8em;
	width: 99.9%;
	line-height: 1.9em;
	text-align: justify;
	padding-top: 20px;
}

#moji h {
	color: #ef7320;
	line-height: normal;
	font-size: 1.4em;
	line-height: 2.5em;
	padding: 0px;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}




#moji p {
	line-height: normal;
	font-size: 1em;
	line-height: 2em;
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}





 /* マーキュリー */

#marquee {
	background-color: #a8d9d8;
	overflow: hidden;
	display: block;
	width: 99.9%;
	float: left;
}
#marquee p {
	margin: 0;
	/* .marquee分、左にpaddingを設定し、メッセージを右に追い出す */
	padding-left: 100%;
	display: inline-block;
	white-space: nowrap;	/* 折り返されないようにする */
	-webkit-animation-name: marquee;
	        animation-name: marquee;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;/*アニメーションのタイミング・進行割合の指定*/
	-webkit-animation-duration: 20s;
	        animation-duration: 20s;/*アニメーションの速度*/
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;/*アニメーションの動作回数*/
	text-align: right;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 0.8em;
	color: #faf4ea;
	letter-spacing: 0.05em;
}
@-webkit-keyframes marquee {
from   { -webkit-transform: translate(0%); transform: translate(0%);} 
99%,to { -webkit-transform: translate(-100%); transform: translate(-100%);}
}
@keyframes marquee {
from   { -webkit-transform: translate(0%); transform: translate(0%);} 
99%,to { -webkit-transform: translate(-100%); transform: translate(-100%);}
}



/*==========================================
 年賀大枠001
==========================================*/
.nenoowaku{
	display: block;
	width: 100%;
	height: auto;
	max-width: 1000px;
	text-align: center;
	height: auto;
	overflow: hidden;
	margin-top: 5%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	padding-top: 0%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
} 

/*==========================================
  年賀#001 
==========================================*/




#nengatittle {
	float: left;
	overflow: hidden;
	width: 57%;
	height: auto;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	display: block;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	position: relative;
}


@media(max-width:769px) {
#nengatittle{
		width: 67%;}


}

 @media(max-width:481px) {
#nengatittle{
		width: 100%;}


}
#nengatittle img{
	float: left;
	overflow: hidden;
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
}
#ki {
	float: left;
	overflow: hidden;
	width: 19%;
	height: auto;
	padding-top: 10px;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	display: block;
	text-align: left;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

#nenga {
	float: left;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	display: block;
	text-align: left;
	zoom: 1;
	position: relative;
	width: 57%;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.nenganew {
     color: #ef7320;
 }
@media(max-width:769px) {
#nenga{
		width: 67%;
		}
		}

#nenga h {
	font-size: 1.2em;
	word-wrap: break-all;
	margin-top: 1em;
	color: #ef7320;
	width: 99.9%;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}



@media(max-width:769px) {
#nenga h {
	font-size: 1.2em;
;}


}

 @media(max-width:481px) {
#nenga h {
	font-size: 1em;
}



}

#nenga p {
	text-align: justify;
	font-size: 0.8em;
	line-height: 1.8em;
	;
	margin: 0px;
	overflow: hidden;
	　zoom: 1;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#nenga h2 {
	font-size: 0.7em;
	font-weight: normal;
	word-wrap: break-all;
	margin-top: 1em;
	text-align: left;
	line-height: 1.4em;
}



#nenga h9 {
	font-size: 0.7em;
	font-weight: normal;
	word-wrap: break-all;
	margin-top: 0.3em;
	text-align: left;
	line-height: 1.3em;
}



.btn {
	background: -moz-linear-gradient(top,#d6eded 0%,#d6eded);
	background: -webkit-gradient(linear, left top, left bottom, from(#d6eded), to(#d6eded));
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #d6eded;
	-moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	width: 100px;
	font-size: 0.7em;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
/* topとframeが白の指定をすると上（白）からグラデーションになる */


a.btn {/*リンクされた文字*/
color: #92becb;
}
a:link.btn {/*未訪問のリンク*/
color: #92becb;
}
a:visited.btn {/*訪問後のリンク*/
color: #92becb;
}
a:hover.btn {/*マウスをのせたとき*/
color: #1b3667;
}
a:active.btn {/*クリック中*/
color: #1b3667;
}
/*リンクされた文字色変換はclassの時はこうやる*/




/*==========================================
 年がpickupイラスト　：left
==========================================*/
#nengabox{
	display: block;
	zoom: 1;
	vertical-align: top;
	width: 40%;
	float: right;
}



#nengabox article {
	text-align: center;
	width: 100%;
	float: left;
	display: table-cell;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
	clear: both;
	font-size: 0px;
	overflow: hidden;
}

#nengabox article img {
	width: auto;
	height: auto;
	max-width: 100%;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;

}

#nengabox article img:hover {
-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);


}
@media(max-width:769px) {
#nengabox{
	display: block;
	zoom: 1;
	vertical-align: top;
	width: 30%;
	float: right;
}


}



/*==========================================
  年賀#001  スライダー
==========================================*/

#slaider {
	float: left;
	overflow: hidden;
	width: 98%;
	height: 190px;
	padding-top: 10px;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	display: block;
	clear: none;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: thin dotted #666;
}


.sample sample03 {
	overflow: hidden;
	width: 98%;
	height: 200px;
	padding-top: 0px;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	display: table-cell;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: thin dotted #666;
	float: left;
	clear: both;
}

.swiper-slide {　　/* クラス名固定 */
  cursor: pointer;
	position: relative;
}


.swiper-slide img{
	cursor: pointer;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.sample03 .swiper-button-prev,
.sample03 .swiper-button-next {
  display: none;
}

@media (min-width: 768px) {
  .sample03 .swiper-button-prev,
  .sample03 .swiper-button-next {
	display: block;
  }
}


@media(max-width:769px) {
	.swiper-container {
	width: 100%;}
}

/* 繰り返しカラム落ちをおさえる */

.falf3{
	overflow: hidden;
	clear: both;
	float: left;
	font-size: 0px;	
	

/*==========================================
 下#002〜#005 枠　：waku
==========================================*/
}.waku{
	display: block;
	width: 100%;
	height: auto;
	max-width: 1000px;
	height: auto;
	overflow: hidden;
	margin-top: 2%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align: center;
	clear: both;
}.falf{
	width: 21%;
	display: block;
	display: table-cell;
	overflow: hidden;
	float: left;
	padding: 0%;
	background-size: 100% auto;
	margin-top: 1%;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 2%;
}
.falf2{
	width: 21%;
	display: block;
	display: table-cell;
	overflow: hidden;
	float: left;
	padding: 0%;
	background-size: 100% auto;
	margin-top: 1%;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 2%;
}

@media(max-width:769px) {
 .falf{
	width: 37%;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 1%;
	margin-left: auto;
	float: left;
	padding-top: 0px;
	padding-right: 6%;
	padding-bottom: 0px;
	padding-left: 6%;
	clear: both;
	border: 1px dotted #A6D9D8;
}
 .falf2{
	width: 37%;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 1%;
	margin-left: auto;
	float: right;
	padding-top: 0px;
	padding-right: 6%;
	padding-bottom: 0px;
	padding-left: 6%;
	border: 1px dotted #A6D9D8;
}
}


 @media(max-width:481px){
 .falf{
	width: 87%;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 1%;
	margin-left: auto;
	float: left;
	padding-top: 0px;
	padding-right: 6%;
	padding-bottom: 0px;
	padding-left: 6%;
	clear: both;
	border: 1px dotted #A6D9D8;
}
 .falf2{
	width:  87%;
	margin-top: 1%;
	margin-right: auto;
	margin-bottom: 1%;
	margin-left: auto;
	float: left;
	padding-top: 0px;
	padding-right: 6%;
	padding-bottom: 0px;
	padding-left: 6%;
	border: 1px dotted #A6D9D8;
}
}


#syashin {
	float: left;
	overflow: hidden;
	width: 95%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10%;
	display: inline-table;
	clear: none;
	text-align: left;
	margin-right: 2%;
	margin-left: 2%;
}


#falfttiotl {
	float: left;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-table;
	clear: none;
	color: #a8d9d8;
	padding: 0%;
}


#falfttiotl h2 {
	font-size: 0.9em;
	word-wrap: break-all;
	margin-top: 1em;
	color: #5f9cc4;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: normal;
	text-align: right;
	margin-right: 2%;
} 
	
	
#syashin h3 {
	font-size: 0.9em;
	font-weight: normal;
	word-wrap: break-all;
	margin-top: 1em;
	text-align: left;
	line-height: 1.6em;
	color: #a8d9d8;
}

#syashin p {
	text-align: justify;
	font-size: 0.7em;
	line-height: 1.6em;
	;
	overflow: hidden;
	　zoom: 1;
	padding: 0;
	margin-top: 5%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	color: #7C7C7C;
}


#syashin p a:link{ /* リンクの色 */
color: #a5a5a5;

}
#syashin p a:visited{ /* アクセスしたことのあるリンクの色 */
color: #a5a5a5;
}

#syashin p a:hover{ /* マウスが上に乗っている状態のリンクの色 */
color: #1b3667;
}

#syashin p a:active{ /* クリック中のリンクのリンクの色 */
color: #1b3667;
}

#bun {
	clear: none;
	float: left;
	display: inline-table;
	overflow: hidden;
	font-size: 9px;
	width: 99%;
	margin-top: 5px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
}

#bun img {
	width: 98%;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	float: none;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	-o-object-fit: cover;
	object-fit: cover; /* トリミング */
	height: 200px;
　　/* トリミングサイズは縦と横を指定 */
　border-radius: 20%;
	-webkit-border-radius: 20%;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 20%;
	border: 1px solid #a8d9d8;
}
	

 @media(max-width:481px){
#bun img {
	width: 98%;
	transition: all 1s ease;
	float: none;
	height: auto;
	margin: 0%;
	object-fit: contain; /* トリミング */
}}	 
	 
	 		
#bun img:hover{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.9);
}

	#bun2 {
	clear: both;
	float: left;
	display: table-cell;
	overflow: hidden;
	font-size: 9px;
	height: auto;
	width: 97%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#bun2 img {
	width: 100%;
	height: auto;
}
	
@media(max-width:769px) {
#bun2 img {
	width: 70%;
}
}		
	
		
	* {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*==========================================
 topicsとline＜大枠 -> .news
==========================================*/
.topiwaku{
	display: block;
	width: 100%;
	height: auto;
	max-width: 1000px;
	text-align: center;
	height: auto;
	overflow: hidden;
	margin-top: 5%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	
	
	
	/*==========================================
 topics＜下左 -> .news
===========================================*/	
}
	.news {
	width: 50%;
	height: 1020px;
	display: block;
	margin-bottom: 2%;
	float: left;
	margin-left: 1%;
	margin-top: 1px;
	margin-right: 0px;
	padding-bottom: 2%;
	overflow: hidden;
	clear: both;
	
}
@media(max-width:769px) {	
	.news {
	width: 100%;
	height: auto;
	margin-right: 0px;
	margin-left: 0%;}

}	
#topicktittle {
	width: 99%;
	display: block;
	margin-bottom: 1%;
	padding-bottom: 1px;
	margin-left: 1%;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

@media(max-width:769px) {	
	#topicktittle {
	background-color: #fffdfa;
	padding-top: 10px;
	margin-bottom: 0%;
	text-align: left;
}}


#topicktittle article {
	width: auto;
	height: auto;
}

#topicktittle h2 {
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0;
	height: auto;
	width: 100%;
	display: inline-block;
}

@media(max-width:769px) {	
	#topicktittle h2 {
    display: block;
	background-color:  #fffdfa;
	text-align: left;}
}

#topicktittle article h2 img {
	display: block;
	text-align: left;
	　border-radius: 5px;
	-webkit-border-radius: 5px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	width: 80%;
	height: auto;
}	
	
	

@media(max-width:769px) {	
#topicktittle article h2 img {
	width: 60%;
	background-color:  #fffdfa;
}
}

 @media(max-width:481px) {	
#topicktittle article h2 img {
	width: 80%;
	background-color:  #fffdfa;
}
}


/*topickの個別枠*/


#topickbun {
	width: 98%;
	overflow: auto;
	display: inline-block;
	margin-bottom: 5%;
	margin-left: 1%;
	margin-top: 1%;
	margin-right: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20%;
	padding-left: 0px;
	height: 360px;
}

@media(max-width:769px) {
#topickbun {
		height: 250px;
	background-color: #fffdfa;
		margin-top: 0%;
	width: 99%;
}
	}
	
#topickbun article {
	width: 90%;
	height: auto;
	display: inline-block;
	border: 2px dotted #a8d9d8;
	margin: 1%;
	overflow: hidden;
	padding: 1%;



	}

#topickbun article h6 {
	font-size: 1em;
	font-style: normal;
	font-weight: bolder;
	line-height: 1.4em;
	text-align: center;
	float: left;
	width: 34%;
	padding: 0px;
	display: block;
	clear: none;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	overflow: hidden;
}

@media(max-width:769px) {
	#topickbun article h6 {
		width: 20%;}
		}
	
 @media(max-width:481px) {
	#topickbun article h6 {
		width: 35%;}
		}
	
#topickbun article h6 img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;　　　　　/* 枠の中に写真をトリミング */
	object-fit: cover; 　　/* 枠の中に写真をトリミングー効かないブラウザがあるライブラリーで対応 */
	　border-radius: 5px;
	-webkit-border-radius: 5px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	box-shadow: 6px 6px 6px -6px #b3aaa3;
	-webkit-box-shadow: 6px 6px 6px -6px #b3aaa3;
	　　-moz-box-shadow: 6px 6px 6px -6px #b3aaa3;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;}	
	
	
	
	
	
#topickbun article h6 img:hover{
-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.9);

}	#topickbun article h5 {
	line-height: 1.6em;
	font-size: 0.7em;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	color: #7C7C7C;
	float: right;
	display: inline-block;
	width: 60%;
	text-align: justify;
	clear: both;
	font-family: sans-serif;
	font-weight: normal;
}

@media(max-width:769px) {
	#topickbun article h5 {
		width: 75%;}
		}

 @media(max-width:481px) {
	#topickbun article h5 {
		width: 60%;}
		}	
#topickbun article h5 a:link{ /* リンクの色 */
color: #a5a5a5;

}
#topickbun article h5 a:visited{ /* アクセスしたことのあるリンクの色 */
color: #a5a5a5;
}

#topickbun article h5 a:hover{ /* マウスが上に乗っている状態のリンクの色 */
color: #1b3667;
}

#topickbun article h5 a:active{ /* クリック中のリンクのリンクの色 */
color: #1b3667;
}


#topickbun article h7 {
	line-height: 1.4em;
	font-size: 1.4em;
	color: #a8d9d8;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	background-color: #f5f9e9;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	display: inline-block;
}
#topickbun article p {
	margin-top: 0em;
	margin-right: 1%;
	margin-bottom: 0em;
	margin-left: 1%;
	color: #ef4c20;
	text-align: justify;
	font-size: 0.9em;
	line-height: 3em;
}


#topickbunu article p2 {
	line-height: 1.6em;
	font-size: 1.0em;
	margin: 0 10px 30px 10px;
}
#topickbun article p a {
  text-decoration: underline;
}
#topickbun article p a:hover {
  text-decoration: none;
}



/*snsの枠*/

	#snsn {
	width: 98%;
	overflow: hidden;
	display: block;
	margin-bottom: 5%;
	margin-left: 1%;
	margin-top: 5%;
	margin-right: 0px;
	float: left;
	padding-top: 0%;
	padding-right: 0px;
	padding-bottom: 20%;
	padding-left: 0px;
	height: auto;
	background-repeat: no-repeat;
	background-position: right bottom;
	-moz-background-size: 70%;
	background-size: 70%;
}

@media(max-width:769px) {
	#snsn {	
	padding-bottom: 5%;
		margin-bottom: 1%;}
}

	#snsntittle {
	width: 30%;
	overflow: auto;
	display: block;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 1%;
	margin-right: 1%;
	float: left;
	padding-top: 0%;
	padding-right: 0px;
	padding-bottom: 0%;
	padding-left: 0px;
	height: auto;
	}
	
	
@media(max-width:769px) {
#snsntittle {
	width: 20%;
	}
	
	}
	
 @media(max-width:481px){
#snsntittle {
	width: 30%;
	}
	
	}
	
#snsntittle img{
		width: 100%;}
	
#snsne {
	width: 10%;
	overflow: auto;
	display: block;
	margin-bottom: 1%;
	margin-left: 0%;
	margin-top: 4%;
	margin-right: 0%;
	float: left;
	height: auto;
	padding: 2%;
	}	


@media(max-width:769px) {
#snsne {margin-top: 3%;
 	padding: 1%;      }
	}
	
	
 @media(max-width:481px){
#snsne {margin-top: 5%;
 	padding: 1%;      }
	}
	
#snsne img{
	width: 80%;
}

@media(max-width:769px) {
#snsne img{
	width: 70%;
}}

 @media(max-width:481px){
#snsne img{
	width: 90%;
}}



#snsnedai {
	width: 99%;
	overflow: auto;
	display: block;
	margin-bottom: 5%;
	margin-left: 1%;
	margin-top: 0%;
	margin-right: 1%;
	float: left;
	padding-top: 0%;
	padding-right: 0px;
	padding-bottom: 0%;
	padding-left: 0px;
	height: auto;
	text-align: right;
	}
	
	
@media(max-width:769px) {
#snsnedai {
	margin-bottom: 1%;
}}
	
	
	#snsnedai img{
	width: 70%;
	height: auto;
}

@media(max-width:769px) {
	#snsnedai img{
	 width: 50%;
}}
/*==========================================
LINEスタンプ_下右 -> .linestamp
===========================================*/
	.linestamp {
	width: 45%;
	height: auto;
	display: block;
	margin-bottom: 2%;
	padding-bottom: 2%;
	float: right;
	margin-left: 1%;
	margin-top: 1px;
	margin-right: 0px;
	overflow: hidden;
	background-image: url(top_linestamp_tiitle_shita_karin.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #f5f9e9;
	background-size: contain;
	clear: right;
}

@media(max-width:769px) {
	.linestamp {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: inline-block;
	clear: both;
	float: none;
	background-color: #f5f9e9;
		background-image: url(top_linestamp_tiitle_shita_karin.png);
	background-size:  80%;
    margin-bottom: 8%;
	padding-bottom: 5%;}}


/*LINEスタンプタイトル*/

#inetoptittle {
	width: auto;
	display: block;
	overflow: auto;
	margin-bottom: 3%;
	padding-bottom: 2px;
	margin-left: 0%;
	margin-right: 0px;
	margin-top: 0px;	
}

@media(max-width:769px) {
#inetoptittle{
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #a8d9d8;
	padding-top: 3%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #a8d9d8;
}}

#inetoptittle article  {
	width: 100%;
	height: auto;
}
#inetoptittle h2 {
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	height: auto;
	width: auto;

}
@media(max-width:769px) {
#inetoptittle h2 img{
	width: 80%;
}}



 @media(max-width:481px) {
#inetoptittle h2 img{
	width: 90%;}
	}
	
/*LINEスタンプ丸枠*/	

	.inestampwaku {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	overflow: hidden;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;


}
@media(max-width:769px) {
.inestampwaku {
	width: 80%;
	margin-top: 5%;
}}	
	
 @media(max-width:481px){
.inestampwaku {
	width: 90%;
	margin-top: 5%;
}}	
	#inestampmarugazou {
	width: 29.9%;
	overflow: hidden;
	float: left;
	position: relative;
	text-align: center;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 2.3%;
	display: table;
	padding: 0px;
	
}
@media(max-width:769px) {
#inestampmarugazou{
	width: 29%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 2%;
}}	
	
#inestampmarugazou p{
	bottom: -20%;
	left: 0;
	z-index: 2;
	opacity: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: #f5f9e9;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0%;
	margin-left: 0px;
	text-align: center;
	font-size: 0.7em;
	　transform: scale(0);
	-webkit-transition: .3s;
	transition: .3s;
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	float: left;
	line-height: 1.2em;
}#inestampmarugazou p:hover{
	  opacity: 1;
    opacity: 0.9;	/* 画像を透過して、背景色の色を表示.小さくするほどすける */
 　transform: scale(1);
	bottom: 0%;

}#inestampmarugazou img{
	width: 99%;
	overflow: auto;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	　border-radius: 50%;
	-webkit-border-radius: 50%;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 50%;
	transition: all 0.7s ease;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

	

#inestampmarugazou img:hover{
-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.9);
    opacity: 0.2;	/* 画像を透過して、背景色の黒をうっすらと表示.小さくするほどすける */

	
	/*LINEスタンプ四角枠*/	
	
 }   .caracre {
	width: 90%;
	margin-right: 0%;
	margin-left: 0%;
	display: block;
	overflow: hidden;
	clear: both;
	margin-top: 15px;
	margin-bottom: 0px;
	text-align: center;
	padding-right: 6%;
	padding-left: 6%;
	padding-bottom: 3%;

	 }
	 
	 @media(max-width:769px) {
	  .caracre {	padding-bottom: 0%; } }
	 
		 
		 
	#linestampshikaku {
	width: 25%;
	overflow: visible;
	display: block;
	margin-bottom: 0%;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0px;
	padding: 0px;
}


#linestampshikaku img{
	width: 100%;
	overflow: auto;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	margin: 0px;
	transition: all 0.5s ease;
	
}#linestampshikaku img:hover{
-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.2);
    opacity: 0.2;	/* 画像を透過して、背景色の黒をうっすらと表示.小さくするほどすける */


			
		/*LINEスタンプ説明文*/		
		
		
}	.linestampsetumeibun {
	width: 90%;
	margin-right: 0px;
	margin-left: 0px;
	display: block;
	overflow: hidden;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0%;
	text-align: center;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 3%;
	
	
	}
	@media(max-width:769px) {
		
		.linestampsetumeibun {
     width: 90%;
	padding-right: 5%;
	padding-left: 5%;
}}
		
		
#linestampsetumehonbun {
	width: auto;
	
}#linestampsetumehonbun article {
	width: 95%;
	height: auto;
	display: inline-block;
	border: 2px dotted #a8d9d8;
	overflow: hidden;
	text-align: center;
	margin-top: 2%;
	margin-right: auto;
	margin-bottom: 2%;
	margin-left: auto;
	padding-top: 2%;
	padding-right: 0%;
	padding-bottom: 2%;
	padding-left: 0%;
}



#linestampsetumehonbun article h {
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	width: 90%;
	display: inline-block;
	padding-top: 2%;
	padding-bottom: 2%;
	color: #a8d9d8;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#linestampsetumehonbun article h2 {
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	text-align: justify;
	width: 85%;
	display: inline-block;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 5%;
	padding-left: 0%;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
}

#linestampsetumehonbun article h2 a:link{ /* リンクの色 */
color: #faf4ea;

}
#linestampsetumehonbun article h2 a:visited{ /* アクセスしたことのあるリンクの色 */
color: #faf4ea;
}

#linestampsetumehonbun article h2 a:hover{ /* マウスが上に乗っている状態のリンクの色 */
color: #1b3667;
}

#linestampsetumehonbun article h2 a:active{ /* クリック中のリンクのリンクの色 */
color: #1b3667;
}


/* 「a:link」→「a:visited」→「a:hover」→「a:active」の順に記述しなければならない。 */


#linestampsetumehonbun article p {
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-align: center;
	padding-top: 1%;
	padding-right: 0px;
	padding-bottom: 1%;
	padding-left: 0px;
	background-color: #a8d9d8;
	-webkit-border-radius: 2%;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 2%;
	margin-top: 1.5em;
	color: #a8d9d8;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#linestampsetumehonbun article p:hover{
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding-top: 2%;
	padding-right: 0px;
	padding-bottom: 2%;
	padding-left: 0px;
	}


#linestampsetumehonbun article h3 {
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
	width: 85%;
	display: inline-block;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
	padding-left: 0%;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 4%;
	margin-left: auto;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #a8d9d8;
	border-right-color: #a8d9d8;
	border-bottom-color: #a8d9d8;
	border-left-color: #a8d9d8;
	color: #a8d9d8;
}
	 
	
	
	
/*==========================================
 フッターのスタイル
===========================================*/
footer {
	width: auto;
	overflow: hidden;
	background-image: url(karin_footer_tope_1.png);
	background-repeat: no-repeat;
	padding-top: 2%;
	padding-bottom: 0px;
	background-position: center bottom;
	height: 270px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2%;
	margin-bottom: 0px;
}
footer div {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	clip: rect(0px,auto,0px,auto);
	display: block;
}
footer div p {
	font-size: 0.7em;
	line-height: 1.4em;
	color: #a8d9d8;
	display: block;
	text-align: center;
}
footer div small {
	font-size: 1em;
	line-height: 1em;
}




 
/*==========================================


job work のページここから


===========================================*/


/*==========================================
 左仕事お絵描き枠
===========================================*/


.joboekaki {
	width: 65%;
	float: left;
	display: block;
	text-align: left;
	clear: both;
	margin-top: 5%;
	margin-right: 0%;
	margin-bottom: 5%;
  }
  
   @media(max-width:769px){
.joboekaki {
	width: 98%;
		margin-left: 2%;
		margin-right: 2%;
 }}
 
 
  @media(max-width:481px){
.joboekaki {
	width: 95%;
		margin-left: 2%;
		margin-right: 2%;
 }}
 
 .joboekakitittlewaku {
	width: 100%;
	margin-bottom: 8em;
	display: block;
	height: auto;
	overflow: hidden;
}
	  
	
	 @media(max-width:769px){
	 .joboekakitittlewaku {	 
			margin-bottom: 5em;}}
 
	 @media(max-width:481px){
	 .joboekakitittlewaku {	 
			margin-bottom: 3em;}}
 
 	 
  .joboekakitittlewaku p {
	width: 99%;
	display: block;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.9em;
	line-height: 2em;
	margin-top: 30px;
	color: #a8d9d8;
	margin-bottom: 0px;
	text-align: left;
	float: left;	
	 }
 
 @media(max-width:769px){
		 .joboekakitittlewaku p {
	 	margin-top: 20px; }}
	 
 @media(max-width:481px){
		 .joboekakitittlewaku p {
	 	margin-top: 20px; }}
	  
	 
.iehyo {
	font-size: 0.9em;
	padding: 5px;
	border-bottom-color: #faf4ea;
	background-color: #a8d9d8;
 border-radius: 10px 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px 10px;/* 角丸Safari,Google Chrome用 */
-moz--border-radius: 10px 10px 10px 10px;/* 角丸Safari,Google Chrome用 */

}


.iehyo:a {/*リンクされた文字*/
color: #faf4ea;}
	 
.iehyo:link {/*未訪問のリンク*/
color: #faf4ea;}

.iehyo:visited{/*訪問後のリンク*/
color: #faf4ea;}

.iehyo:hover{/*マウスをのせたとき*/
color: #1b3667;
text-decoration: none; }


.iehyo:active{/*クリック中*/
color: #1b3667;
text-decoration: none; }



 .joboekaki_iemoji {
	font-size: 0.9em;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #a8d9d8
}
	 
	 
	 
	 	 .container {
    display: -ms-grid;
    display: grid;     /* 名は必ずdisplay: grid; または display: inline-grid; */
    -ms-grid-columns: (minmax(90px,1fr))[3];
        grid-template-columns: repeat(3, minmax(90px,1fr)); /* 3行 */
    grid-column-gap: 40px;　　/* 行間 */
    grid-row-gap: 50px;　　　/* 列間 */
    justify-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
　　justify-content: center; /* 横方向は中央に */
	　　-ms-display: grid;
    　　-ms-grid-columns: repeat(3, minmax(100px,1fr));
}

@media(max-width:769px) {
 .container {grid-column-gap: 20px;
		 -ms-grid-columns: (minmax(100px,1fr))[4];
		     grid-template-columns: repeat(4, minmax(100px,1fr));  
　　　　-ms-grid-columns: repeat(4, minmax(100px,1fr));}}
 
		
 @media(max-width:481px){
 .container { 
	     grid-column-gap: 20px;
		 -ms-grid-columns: (minmax(100px,1fr))[2];
		     grid-template-columns: repeat(2, minmax(100px,1fr));  
　　　　-ms-grid-columns: repeat(2, minmax(100px,1fr));}}
 
	 
.sdwaluA{　　　　　　　　　/* 写真と文の中枠 */
	text-align: left;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	margin: 0px;
	padding: 0px;
}

.sdwaluB{　　　　　　　　　/* 写真と文の中枠 */
	text-align: left;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1 / 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
		margin: 0px;
	padding: 0px;
} 
	
	.sdwaluC{　　　　　　　　　/* 写真と文の中枠 */
	text-align: left;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1 / 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
		margin: 0px;
	padding: 0px;}
	
.sdwalu{　　　　　　　　　/* 写真と文の中枠 */
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7%;
	margin-left: 0px;
}

.sdwalu img{
  max-width: 100%;
  height: auto;
}

.sdwalu p{
	text-align: center;
	margin-top: 2em;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin-bottom: 2em;
	color: #a8d9d8;
  }
  
  
  
    /*==========================================
 job_ie用ページ
===========================================*/



.job_oekakiwaku_ie{
	width: 30%;
	margin-bottom: 2%;
	height: auto;
	float: left;
	overflow: hidden;
	margin-right: 3%;
}



@media(max-width:769px) {
	.job_oekakiwaku_ie{
	width: 21.0%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 3%;
	float: left;
	margin-left: 2%;
} } 


 @media(max-width:481px){
	.job_oekakiwaku_ie{
	width: 45.0%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
	margin-left: 2%;
} } 


.job_oekakiwaku_ie p{
	text-align: center;
	margin-top: 2em;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin-bottom: 2em;
	color: #a8d9d8;
	clear: both;
	height: 6em;
	width: 95%;
  }

@media(max-width:769px) {
.job_oekakiwaku_ie p{
		height: 8em;
	 } }
	
	
 @media(max-width:481px){
.job_oekakiwaku_ie p{	
	height: 6em;
} } 
	 
	
.job_oekakigazowaku_ie{
width: 99.9%; }





/*==========================================
 右仕事文章枠
===========================================*/
.joboekakibun {
	width: 23%;
	float: right;
	display: block;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #a8d9d8;
	border-right-color: #a8d9d8;
	border-bottom-color: #a8d9d8;
	border-left-color: #a8d9d8;
	padding: 2%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
  }

@media(max-width:769px) {
.joboekakibun {
	width: 90%;
	margin-right: 4%;
	margin-left: 4%;
	text-align: center;
	display: block;
	overflow: hidden;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	 } 	 
 }	
	
	
	 @media(max-width:481px){
	.joboekakibun {
	width: 89%;
	margin-right: 4%;
	margin-left: 4%;
	text-align: center;
	display: block;
	overflow: hidden;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	 } 	 
 }
 .joboekakibun article {
	width: 100%;
	margin-top: 2%;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #a8d9d8;
	padding-bottom: 3%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	display: block;
	overflow: hidden;
	text-align: left;
	  }
.joboekakibun article h1
  {
	font-size: 0.8em;
	line-height: 2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #999;
 }
.joboekakibun article h2
  {
	font-size: 1em;
	line-height: 1.3em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
	margin-left: 0.7em;
	color: #a8d9d8;
 }
 .joboekakibun article h3
  {
	font-size: 0.9em;
	line-height: 1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	font-weight: normal;
	text-indent: 0.7em;
	margin-left: 0.7em;
	color: #999;
 }
 
  .joboekakibun article h4
  {
	font-size: 0.7em;
	line-height: 1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	font-weight: normal;
	text-indent: 0.7em;
	margin-left: 0.7em;
	color: #999;
	margin-top: 10px;
	margin-bottom: 10px;
 }
 
  .joboekakibun article h5
  {
	font-size: 0.7em;
	line-height: 1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	font-weight: normal;
	margin-left: 0.7em;
	color: #999;
	margin-bottom: 10px;
	background-color: #faf4ea;
	padding: 5px;
 }
 
 .joboekakibun article p{
	text-align: left;
	margin-top: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.7em;
	line-height: 1.2em;
	margin-left: 1em;

	color: #999;
  }

/*==========================================


job work のページここまで


===========================================*/



/*==========================================


character のページここから


===========================================*/

 .characterowaku {
	width: 100%;
	display: block;
	text-align: left;
	clear: both;
	overflow: hidden;
	}

	   

.characteritittlewaku {
	width: 100%;
	margin-bottom: 1%;
	margin-top: 3%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	}
	
	
	.characteritittlewaku  h {
	width: 99.9%;
	display: block;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.9em;
	line-height: 2em;
	margin-top: 0em;
	color: #a8d9d8;
	margin-bottom: 5em;
  } 
  
  
 @media(max-width:481px){
.characteritittlewaku {
	width: 100%;
	text-align: center;
	}
	}
	 
.characteritittlewaku img{
	width: 60%;
	text-align: center;
	 }
 @media(max-width:769px) {
	 .characteritittlewaku img{
	width: 80%; }
	 } 
 @media(max-width:481px){
	 .characteritittlewaku img{
	width: 98%; }
	 }  
 
.characontainer {
    display: grid;     /* 名は必ずdisplay: grid; または display: inline-grid; */
    -ms-grid-columns: repeat(1fr)[6];
        grid-template-columns:  repeat(6, 1fr); /* 6行 */
  grid-column-gap: 0px;　　/* 行間 */
    grid-row-gap: 0px;　　　/* 列間 */
    justify-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
　　justify-content: center; /* 横方向は中央に */
  -ms-display: grid;}
	
 @media(max-width:769px) {
 .characontainer {
	-ms-grid-columns: repeat(1fr)[4];
	    grid-template-columns:  repeat(4, 1fr); /* 4行 */
	   }
	   }
	
 @media(max-width:481px){
 .characontainer {
	-ms-grid-columns: repeat(1fr)[2];
	    grid-template-columns: repeat(2, 1fr);/* 2行 */
	   } }
	
	   
	    
.charawaluA{　　　　　　　　　/* メイン画像 */
	text-align: left;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1 / 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / 3;
	margin: 0px;
	padding: 0px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;}
.charawaluA　img{　
	width: 100%;
} 


.charawaluB{　　　　　　　　　/* メイン画像文 */
	text-align: left;
     -ms-grid-row: 3;
     -ms-grid-row-span: 1;
     grid-row: 3 / 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
		margin: 0px;
	padding: 0px;
}

.charawaluB p{
	text-align: justify;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 2em;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 4em;
	padding-left: 2em;
  }
 @media(max-width:769px) {
 .charawaluB p{
	font-size: 0.8em;
	line-height: 1.6em;
	padding: 2em;
  }
  }
	
	
		
.charawaluC{　　　　　　　　　/* lineスタンプメイン画像 */
	text-align: left;
	     -ms-grid-row: 3;
	     -ms-grid-row-span: 1;
	     grid-row: 3 / 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / 5;
	margin: 0px;
	padding: 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;   /*  上下の中央にするためのbox */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;    /*  上下の中央にする指定
   */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;    /*  上下の中央にする指定
   */ }
@media(max-width:769px) {
 .charawaluC{　　　　　　　　　/* lineスタンプメイン画像 */
	text-align: left;
	     -ms-grid-row: 4;
	     -ms-grid-row-span: 1;
	     grid-row: 4 / 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / 5;
	margin: 0px;
	padding: 0px;
} 
   }

@media(max-width:481px){
  .charawaluC{　　　　　　　　　/* lineスタンプメイン画像 */
	text-align: left;
	-ms-grid-row: 8;
	-ms-grid-row-span: 1;
	grid-row: 8 / 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
	margin: 0px;
	padding: 0px;
    }
    }
	
	
.charawalu1{　　　　　　　　　/* shopの画像*/
text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;   /*  上下の中央にするためのbox */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;    /*  上下の中央にする指定
   */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;    /*  上下の中央にする指定
   */ }

.charawalu1 img{　
  width: auto;
	height: 100%;
	max-height: 270px;
-o-object-fit: cover;
   object-fit: cover;/* 画像の比率をあわせたまま */
}
  
  @media(max-width:769px) {
.charawalu1 img{　　
 height: 100%;
max-height: 160px;
-o-object-fit: cover;
   object-fit: cover;/* 画像の比率をあわせたまま */ }
   }

	
.charawalu2{　　　　　　　　　/* shopの文字*/
	text-align: left;
	background-color: #a8d9d8;
}


.charawalu2 p{
	text-align: left;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #faf4ea;
	margin: 0em;
	padding: 2em;
  }
 @media(max-width:769px) {
.charawalu2 p{
  font-size: 0.7em;
	line-height: 1.7em;
	color: #FFF;
	margin: 0em;
	padding: 2em;
 }	}
	
.charawalu2 p a {/*リンクされた文字*/
color:#5f9cc4;
}
.charawalu2 p a:link {/*未訪問のリンク*/
color:#5f9cc4;
}
.charawalu2 p a:visited {/*訪問後のリンク*/
color:#5f9cc4;
}
.charawalu2 p a:hover {/*マウスをのせたとき*/
color:#faf4ea;
}

.charawalu2 p a:active {/*クリック中*/
color::#5f9cc4;
}




/* charawalu2の色違い*/

.charawalu3{　　　　　　　　　
	text-align: left;
	background-color: #78bcd0;
}


.charawalu3 p{
	text-align: left;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #a8d9d8;
	margin: 0em;
	padding: 2em;
  }
 @media(max-width:769px) {
.charawalu3 p{
  font-size: 0.7em;
	line-height: 1.7em;
	color: #a8d9d8;
	margin: 0em;
	padding: 2em;
 }	}
	
.charawalu3 p a {/*リンクされた文字*/
color:#faf4ea;
}
.charawalu3 p a:link {/*未訪問のリンク*/
color:#faf4ea;
}
.charawalu3 p a:visited {/*訪問後のリンク*/
color:#faf4ea;
}
.charawalu3 p a:hover {/*マウスをのせたとき*/
color:#a8d9d8;
}

.charawalu3 p a:active {/*クリック中*/
color::#a8d9d8;
}



	
/*==========================================
 キャラie用枠
===========================================*/


 
 .chara_saku_ei {
	width: 99.9%;
	display: block;
	overflow: hidden;
	clear: both;
	float: left;
 }

.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row; /*子要素を左から右に配置されます*/
	flex-direction: row;
	align-items: stretch;/*親要素の高さ、またはコンテンツの一番多い子要素の高さに合わせて広げて配置*/
	flex-wrap: wrap; /*子要素を折り返し、複数行に上から下へ配置されます。*/
	justify-content: center;/*中央揃え*/
	align-content: stretch;
flex-start;/*親要素の開始位置から配置。上揃え*/	overflow: hidden;
}


.chara_a_ei {
	width: 33%;
	float: left;
	height: 41em;
}
 
 @media(max-width:769px) {
	.chara_a_ei {
	width: 50%;
	height: auto;
	float: left;
 } }
 
 @media(max-width:481px){
	.chara_a_ei {
	width: 99.9%;
	height: auto;
float: left;
	display: block;
	overflow: hidden;
 } } 
	 
		 .chara_a_ei_gazouwaku {
	width: 85%;
	height: auto;
	display: block;
 }
 
 .chara_a_ei img{
	width: 99.9%;
	text-align: center; }


.chara_a_ei p{
	width: 85%;
	text-align: justify;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 2em;
	display: block;
	margin-top: 2em;
	height: 15em;
  }

 @media(max-width:769px) {
	 .chara_a_ei p{
font-size: 0.8em;
	line-height: 2em;}}

 @media(max-width:481px) {
	 .chara_a_ei p{
	font-size: 0.7em;
	line-height: 2em;
	margin-bottom: 1em;
	height: auto;
overflow: hidden;
}}
	
	
	.chara_b_ei{
	width: 33%;
	height: 14em;
	display: table-cell;
	overflow: hidden;
	float: left;
 }   
 
 @media(max-width:769px) {
	.chara_b_ei{
	width: 50%;
	height: 12em;
	display: table-cell;
	overflow: hidden;
	float: left;
 }  } 
 
 
 @media(max-width:481px){
	.chara_b_ei{
	width: 99.9%;
		height: 12em;
display: table-cell;
	overflow: hidden;
	float: left;
 }  } 
 
  
	 
	 .chara_b_ei_gazouwaku {
	width: 50%;
		height: 14em;
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;   /*  上下の中央にするためのbox */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;    /*  上下の中央にする指定 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;    /*  上下の中央にする指定*/
	float: left;
	text-align: center;
	vertical-align: middle;
}

	 @media(max-width:769px){
 .chara_b_ei_gazouwaku {
		 		height: 12em; }  } 

 @media(max-width:481px){
 .chara_b_ei_gazouwaku {
		 		height: 12em; }  } 

		 
		 .chara_b_ei img{
	  width: auto;
	height: 100%;
	max-height: 270px;
-o-object-fit: cover;
   object-fit: cover;/* 画像の比率をあわせたまま */}
	
	
	 @media(max-width:769px) {
		 .chara_b_ei img{
	 height: 100%;
max-height: 160px;
-o-object-fit: cover;
   object-fit: cover;/* 画像の比率をあわせたまま */ }}
	
	
	
.chara_b_ei_mojiwaku {
	width: 50%;
		height: 14em;
	display: block;
	float: right;
	text-align: center;
	background-color: #a8d9d8;
	min-height: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3em;
	padding-right: 0px;
	padding-bottom: 3em;
	padding-left: 0px;
} 

@media(max-width:769px){
.chara_b_ei_mojiwaku {
		 		height: 12em; }  } 

 @media(max-width:481px){
.chara_b_ei_mojiwaku {
		 		height: 12em; }  } 
				
.chara_b_ei_mojiwaku p{
	width: 80%;
	text-align: justify;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.7em;
	line-height: 1.8em;
	display: block;
	color: #faf4ea;
	height: 100%;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
  }
  
  
    @media(max-width:769px) {
		.chara_b_ei_mojiwaku p{
font-size: 0.7em;
	line-height: 1.6em;}}
	
	 @media(max-width:481px){
		 .chara_b_ei_mojiwaku p{
font-size: 0.7em;
	line-height: 1.6em;}} 
		 
		 	
.chara_b_ei_mojiwaku p a {/*リンクされた文字*/
color:#5f9cc4;
}
.chara_b_ei_mojiwaku p a:link {/*未訪問のリンク*/
color:#5f9cc4;
}
.chara_b_ei_mojiwaku p a:visited {/*訪問後のリンク*/
color:#5f9cc4;
}
.chara_b_ei_mojiwaku p a:hover {/*マウスをのせたとき*/
color:#faf4ea;
}

.chara_b_ei_mojiwaku p a:active {/*クリック中*/
color::#5f9cc4;
}



.chara_c_ei{
	width: 33%;
		height: 14em;
	display: table-cell;
	overflow: hidden;
	float: left;
 }
 
 
  @media(max-width:769px) {
	.chara_c_ei{
	width: 50%;
			height: 12em;
display: table-cell;
	overflow: hidden;
	float: left;
 } }
   
	  
 @media(max-width:481px){
.chara_c_ei{
	width: 99.9%;
			height: 12em;
display: table-cell;
	overflow: hidden;
	float: left;
 } }

	  
.chara_c_ei_gazouwaku {
	width: 50%;
		height: 14em;
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;   /*  上下の中央にするためのbox */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;    /*  上下の中央にする指定*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;    /*  上下の中央にする指定*/
	float: right;
	text-align: center;
}


  
    @media(max-width:769px) {
.chara_c_ei_gazouwaku {
			height: 12em;}}
	
	 @media(max-width:481px){
	.chara_c_ei_gazouwaku {
			height: 12em;}}
			
.chara_c_ei img{
	  width: 100%;
-o-object-fit: cover;
   object-fit: cover;/* 画像の比率をあわせたまま */}
	
	
	 @media(max-width:769px) {
		 .chara_c_ei img{
	 	  width: auto;
height: 100%;
max-height: 270px;
-o-object-fit: cover;
   object-fit: cover;/* 画像の比率をあわせたまま */ }}
   
   @media(max-width:481px){
		 .chara_c_ei img{
	  	  width: 100%;
-o-object-fit: cover;
   object-fit: cover;/* 画像の比率をあわせたまま */}} 
   
.chara_c_ei_mojiwaku {
	width: 50%;
		height: 14em;
	display: block;
	float: left;
	text-align: center;
	background-color: #a8d9d8;
	min-height: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3em;
	padding-right: 0px;
	padding-bottom: 3em;
	padding-left: 0px;
}


  
    @media(max-width:769px) {
.chara_c_ei_mojiwaku {
			height: 12em;}}
	
	 @media(max-width:481px){
.chara_c_ei_mojiwaku {
			height: 12em;}}
			
			
			
.chara_c_ei_mojiwaku p{
	width: 80%;
	text-align: justify;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.7em;
	line-height: 1.8em;
	display: block;
	color: #faf4ea;
	height: 100%;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
  }


  @media(max-width:769px){	
  .chara_c_ei_mojiwaku p{
  font-size: 0.7em;
	line-height: 1.6em;
   } }
  
  
    @media(max-width:481px){	
  .chara_c_ei_mojiwaku p{
  font-size: 0.7em;
	line-height: 1.6em;
   } }
   
   
.chara_c_ei_mojiwaku p a {/*リンクされた文字*/
color:#5f9cc4;
}
.chara_c_ei_mojiwaku p a:link {/*未訪問のリンク*/
color:#5f9cc4;
}
.chara_c_ei_mojiwaku p a:visited {/*訪問後のリンク*/
color:#5f9cc4;
}
.chara_c_ei_mojiwaku p a:hover {/*マウスをのせたとき*/
color:#faf4ea;
}

.chara_c_ei_mojiwaku p a:active {/*クリック中*/
color::#5f9cc4;
}


.chara_d_ei{
	width: 33%;
		height: 14em;
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;   /*  上下の中央にするためのbox */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;    /*  上下の中央にする指定*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;    /*  上下の中央にする指定*/
	float: right;
	text-align: center;
 }
 
 
 @media(max-width:769px) {
.chara_d_ei{
	width: 50%;
		height: 12em;
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;   /*  上下の中央にするためのbox */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;    /*  上下の中央にする指定*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;    /*  上下の中央にする指定*/
	float: right;
	text-align: center;}}
	
	
  @media(max-width:481px){	 
	.chara_d_ei{
	width: 99.9%;
	  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;   /*  上下の中央にするためのbox */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;    /*  上下の中央にする指定*/
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;    /*  上下の中央にする指定*/
	float: right;
	text-align: center;
		height: 12em;
}}
	
	 
 .chara_d_ei img{
	width: 90%;
	text-align: center;
}
 
  @media(max-width:769px) {
 .chara_d_ei img{
		width: 150%;
text-align: center;
	}}


 /*==========================================


character のページここまで


===========================================*/





/*==========================================


emailのページここから


===========================================*/


/*==========================================
emaileタイトル枠
===========================================*/


.emailwaku {
	width: 99.9%;
	float: left;
	display: block;
	text-align: center;
	clear: both;
	margin-top: 5%;
	margin-right: auto;
	margin-bottom: 5%;
	margin-left: auto;
  }
  

.emailwakutiitle{
	width: 99.9%;
	display: block;
	text-align: center;
	margin-top: 5%;
	margin-right: auto;
	margin-bottom: 5%;
	margin-left: auto;
  }
  

.emailwakutiitle img{
  max-width: 100%;
  height: auto;
}


.emailwakutiitle p{
	text-align: center;
	margin-top: 2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 2.5em;
	margin-bottom: 2em;
  }



/*==========================================
メールフォーム枠
===========================================*/

.formewaku {
	width: 100%;
	display: block;
	text-align: left;
	margin-top: 5%;
	margin-right: auto;
	margin-bottom: 5%;
	margin-left: auto;
	overflow: hidden;
  }
  

.formeone {
	width: 99%;
	float: left;
	display: block;
	text-align: left;
	clear: both;
	margin-top: 5%;
	margin-right: 0%;
	margin-bottom: 5%;
  }
 
 



/*==========================================
名前の変更はできない
忍者ツールの
===========================================*/

/*メールフォーム全体を囲っているタグのid*/
#karinsmail_top {
	display: block;
	height: auto;
    	min-height: 400px;
    width: 95%;
	max-width: 600px;
    margin-right: auto;
	margin-left: auto;
	border: medium dotted #a8d9d8;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
}

	
/*メールフォームのパーツや送信ボタンを囲っているタグのclass（タイトル、説明文以外）*/
#karinsmail_top .main {

}

/*メールフォームのタイトルを囲っているタグのclass*/
#karinsmail_top .title{

}

/*メールフォームの説明文を囲っているタグのclass*/
#karinsmail_top .explain {

}

/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#karinsmail_top .name_top {
	
}

/*『name』パーツの表示名を囲っているタグのclass（[ お名前 ]の部分）*/
#karinsmail_top .name_left{

}

/*『name』パーツの入力項目を囲っているタグのclass*/
#karinsmail_top .name_right {
margin-top: 2%;
margin-bottom: 2%;
}

/*『name』パーツの入力項目のclass（inputなどの部分）*/
#karinsmail_top .name_parts {
	width: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #666;
	height: 3em;
	text-align: center;
	　border-radius: 5px;
	-webkit-border-radius: 5px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	border-top-color: #a8d9d8;
	border-right-color: #a8d9d8;
	border-bottom-color: #a8d9d8;
	border-left-color: #a8d9d8;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

/*『text』パーツの表示名と入力項目を囲っているタグのclass*/
#karinsmail_top .text_top {

}

/*『text』パーツの表示名を囲っているタグのclass（[ 御社名 ]の部分）*/
#karinsmail_top .text_left{

}

/*『text』パーツの入力項目を囲っているタグのclass*/
#karinsmail_top .text_right {
margin-top: 2%;
margin-bottom: 2%;
}

/*『text』パーツの入力項目のclass（inputなどの部分）*/
#karinsmail_top .text_parts {
width: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #666;
	height: 3em;
	text-align: center;
	　border-radius: 5px;
	-webkit-border-radius: 5px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	border-top-color: #a8d9d8;
	border-right-color: #a8d9d8;
	border-bottom-color: #a8d9d8;
	border-left-color: #a8d9d8;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;}

/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#karinsmail_top .mail_top {

}

/*『mail』パーツの表示名を囲っているタグのclass（[ メールアドレス ]の部分）*/
#karinsmail_top .mail_left{

}

/*『mail』パーツの入力項目を囲っているタグのclass*/
#karinsmail_top .mail_right {
margin-top: 2%;
margin-bottom: 2%;
}

/*『mail』パーツの入力項目のclass（inputなどの部分）*/
#karinsmail_top .mail_parts {
width: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #666;
	height: 3em;
	text-align: center;
	　border-radius: 5px;
	-webkit-border-radius: 5px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	border-top-color: #a8d9d8;
	border-right-color: #a8d9d8;
	border-bottom-color: #a8d9d8;
	border-left-color: #a8d9d8;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;}

/*『tel』パーツの表示名と入力項目を囲っているタグのclass*/
#karinsmail_top .tel_top {

}

/*『tel』パーツの表示名を囲っているタグのclass（[ 電話番号 ]の部分）*/
#karinsmail_top .tel_left{

}

/*『tel』パーツの入力項目を囲っているタグのclass*/
#karinsmail_top .tel_right {
margin-top: 2%;
margin-bottom: 2%;
}

/*『tel』パーツの入力項目のclass（inputなどの部分）*/
#karinsmail_top .tel_parts {
width: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #666;
	height: 3em;
	text-align: center;
	　border-radius: 5px;
	-webkit-border-radius: 5px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	border-top-color: #a8d9d8;
	border-right-color: #a8d9d8;
	border-bottom-color: #a8d9d8;
	border-left-color: #a8d9d8;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

/*『title』パーツの表示名と入力項目を囲っているタグのclass*/
#karinsmail_top .title_top {

}

/*『title』パーツの表示名を囲っているタグのclass（[ 件名 ]の部分）*/
#karinsmail_top .title_left{

}

/*『title』パーツの入力項目を囲っているタグのclass*/
#karinsmail_top .title_right {
margin-top: 2%;
margin-bottom: 2%;
}

/*『title』パーツの入力項目のclass（inputなどの部分）*/
#karinsmail_top .title_parts {
width: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #666;
	height: 3em;
	text-align: center;
	　border-radius: 5px;
	-webkit-border-radius: 5px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	border-top-color: #a8d9d8;
	border-right-color: #a8d9d8;
	border-bottom-color: #a8d9d8;
	border-left-color: #a8d9d8;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
}

/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#karinsmail_top .textarea_top {

}

/*『textarea』パーツの表示名を囲っているタグのclass（[ お問い合わせ内容 ]の部分）*/
#karinsmail_top .textarea_left{

}

/*『textarea』パーツの入力項目を囲っているタグのclass*/
#karinsmail_top .textarea_right {
margin-top: 2%;
margin-bottom: 2%;
}

/*『textarea』パーツの入力項目のclass（inputなどの部分）*/
#karinsmail_top .textarea_parts {
	width: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #666;
	height: 20em;
	text-align: left;
	　border-radius: 5px;
	-webkit-border-radius: 5px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	border-top-color: #a8d9d8;
	border-right-color: #a8d9d8;
	border-bottom-color: #a8d9d8;
	border-left-color: #a8d9d8;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	}

/*メールフォームの送信ボタンを囲っているタグのclass*/
#karinsmail_top .submit {
font-size: 1em;
	line-height: 1.8em;
	color: #a8d9d8;
margin-top: 2%;
margin-bottom: 5%;}

/*メールフォームの送信ボタンのclass*/
#karinsmail_top .submit_button {
font-size: 1em;
	line-height: 1.8em;
	color: #a8d9d8;
}

/*エラーメッセージを囲っているタグのclass*/
#karinsmail_top .error {
font-size: 1em;
	line-height: 1.8em;
	color: #a8d9d8;
}

/*エラーメッセージのリトライボタンを囲っているタグのclass*/
#karinsmail_top .error_submit {
font-size: 1em;
	line-height: 1.8em;
	color: #a8d9d8;
margin-top: 2%;
margin-bottom: 5%;}

/*エラーメッセージのリトライボタンのclass*/
#karinsmail_top .error_submit_button {
font-size: 1em;
	line-height: 1.8em;
	color: #a8d9d8;
}

/*送信完了メッセージを囲っているタグのclass*/
#karinsmail_top .result {
font-size: 1em;
	line-height: 1.8em;
	color: #a8d9d8;
margin-top: 2%;
margin-bottom: 5%;}

/*送信完了メッセージの戻るボタンを囲っているタグのclass*/
#karinsmail_top .result_submit {
font-size: 1em;
	line-height: 1.8em;
	color: #a8d9d8;
margin-top: 2%;
margin-bottom: 5%;}

/*送信完了メッセージの戻るボタンのclass*/
#karinsmail_top .result_submit_button {
font-size: 1em;
	line-height: 1.8em;
	color: #a8d9d8;
}
 
 /*==========================================


emailのページここまで


===========================================*/


/*==========================================


profile のページここから


===========================================*/


/*==========================================
 中央タイトル
===========================================*/

 .profiletittlewaku {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 3%;
 }
 
   @media(max-width:769px){
  .profiletittlewaku {
	width: 100%;
	text-align: left;
 }}
 
 
  @media(max-width:481px){
.profiletittlewaku {
	width: 100%;
	text-align: center;
}}
 
 
  .profiletittlewaku img {
	width: 30%;
	max-width: 672px;
 }


   @media(max-width:769px){
.profiletittlewaku img {
	width: 40%;
 }}
 
 
  @media(max-width:481px){
.profiletittlewaku img {
	width: 70%;
 }}
 
/*==========================================
 左枠
===========================================*/

.profilewaku {
	width: 50%;
	float: left;
	display: block;
	text-align: left;
	clear: both;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 5%;
  }
  
   @media(max-width:769px){
.profilewaku {
	width: 90%;
		margin-left: 4%;
		margin-right: 4%;
 }}
 
 
  @media(max-width:481px){
.profilewaku {
	width: 89%;
		margin-left: 4%;
		margin-right: 4%;
 }}
 


 .profilegazouwaku {
	width: 100%; }


 .profilegazouwaku img{
	width: 100%; }


 .profilegazouwaku p{
	text-align: justify;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 0.8em;
	line-height: 2.2em;
	margin-bottom: 2em;
	color: #a8d9d8;
  }




/*==========================================
 右枠
===========================================*/
.profilemigibun {
	width: 40%;
	float: right;
	display: block;
	text-align: center;
	margin-top: 0%;
	margin-bottom: 5%;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #a8d9d8;
	border-right-color: #a8d9d8;
	border-bottom-color: #a8d9d8;
	border-left-color: #a8d9d8;
	padding: 2%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
  }

@media(max-width:769px) {
.profilemigibun {
	width: 90%;
	margin-right: 4%;
	margin-left: 4%;
	text-align: center;
	display: block;
	overflow: hidden;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	 } 	 
 }	
	
	
	 @media(max-width:481px){
	.jprofilemigibun {
	width: 89%;
	margin-right: 4%;
	margin-left: 4%;
	text-align: center;
	display: block;
	overflow: hidden;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	 } 	 
 }

 .profilemigibun article {
	width: 100%;
	margin-top: 2%;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #a8d9d8;
	padding-bottom: 3%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	display: block;
	overflow: hidden;
	text-align: left;
	  }
.profilemigibun article h1
  {
	font-size: 0.8em;
	line-height: 1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #999;
	margin-bottom: 3%;
	margin-top: 2%;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
 }
 
 
.prodai {
	font-size: 1.5em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #a8d9d8;
	display: inline-block;
	text-align: left;
 }
 
.profilemigibun article h2
  {
	font-size: 1em;
	line-height: 1.3em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	margin-bottom: 0.3em;
	margin-top: 0.5em;
	margin-left: 0.7em;
	color: #a8d9d8;
 }
 
 .profilemigibun article h3
  {
	font-size: 0.7em;
	line-height: 1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	font-weight: normal;
	margin-left: 0.7em;
	color: #999;
 }profilemigibun article p{
	text-align: left;
	margin-top: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.7em;
	line-height: 1.2em;
	margin-left: 1em;

	color: #999;
  }





/*==========================================


sitemap のページここから


===========================================*/


/*==========================================
 中央タイトル
===========================================*/

 .sitemaptittlewaku {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
 }
 
   @media(max-width:769px){
  .sitemaptittlewaku {
	width: 100%;
margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
 }}
 
 
  @media(max-width:481px){
  .sitemaptittlewaku {
	width: 100%;
margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
 }}
 
 
  .sitemaptittlewaku img {
	width: 30%;
	max-width: 672px;
 }


   @media(max-width:769px){
.sitemaptittlewaku img {
	width: 60%;
 }}
 
 
  @media(max-width:481px){
.sitemaptittlewaku img {
	width: 70%;
 }}
 



/*==========================================
 枠
===========================================*/
.sitemapbunwaku {
	width: 96%;
	display: block;
	padding: 2%;
	overflow: hidden;
	height: auto;
  }

@media(max-width:769px) {
.sitemapbunwaku {
	width: 90%;
	margin-right: 4%;
	margin-left: 4%;
	text-align: center;
	display: block;
	overflow: hidden;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	 } 	 
 }	
	
	
	 @media(max-width:481px){
	.sitemapbunwaku {
	width: 89%;
	margin-right: 4%;
	margin-left: 4%;
	text-align: center;
	display: block;
	overflow: hidden;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	 } 	 
 }

.sitemapphoto {
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
 } 
.sitemapphoto  img {
	width: 50%;
 } 
 
 @media(max-width:769px) {
.sitemapphoto  img {
	width: 90%;
	 } 	 
 }	
	
	
	 @media(max-width:481px){
.sitemapphoto  img {
	width: 100%;
	 } 	 

 }
.sitemapbun {
	width: 87%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5%;
	padding-left: 5%;
	border: medium double #a8d9d8;
	display: block;
	clear: both;
	margin-bottom: 5%;
	　border-radius: 5px;
	-webkit-border-radius: 5px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	padding-top: 15px;
	padding-bottom: 10px;
} 

.sitemapbun article {
	width: 100%;
	padding-bottom: 3%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	display: block;
	overflow: hidden;
	text-align: left;
	  }
.sitemapbun article h1
  {
	font-size: 0.9em;
	line-height: 1.5em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #999;
	margin-bottom: 1%;
	margin-top: 3%;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
 }
 
 
.quesion1 {
	font-size: 1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #a8d9d8;
	display: inline-block;
	text-align: left;
 }
 
.sitemapbun article h2
  {
	font-size: 0.9em;
	line-height: 1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	margin-top: 1em;
	margin-left: 0.7em;
	color: #a8d9d8;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #a8d9d8;
	margin-bottom: 0.3em;
 }
 
.sitemapbun article h3
  {
	font-size: 0.7em;
	line-height: 1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	font-weight: normal;
	margin-left: 0.7em;
	color: #999;
 }


.sitemapbun article h4
  {
	font-size: 0.9em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	font-weight: normal;
	color: #a8d9d8;
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;
	border: thin solid #a8d9d8;
	margin-top: 10px;
	margin-bottom: 2%;
	background-color: #faf4ea;
	padding-right: 0.8em;
 }


.sitemapbun article p{
	text-align: left;
	margin-top: 1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.7em;
	line-height: 1.2em;
	margin-left: 1em;

	color: #999;
  }




	/* サイトマップ上. */
	
	
.sitemapseite {
	width: 87%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5%;
	padding-left: 5%;
	display: block;
	clear: both;
	margin-bottom: 14px;
	padding-bottom: 10px;
} 


.sitemapseite article h1
  {
	font-size: 0.9em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	font-weight: normal;
	color: #a8d9d8;
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;
	border: thin solid #a8d9d8;
	margin-top: 10px;
	margin-bottom: 2%;
	background-color: #faf4ea;
 }

.sitemapseite article h2
  {
	font-size: 0.7em;
	line-height: 1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	font-weight: normal;
	margin-left: 0.7em;
	color: #999;
 }







/*==========================================


essay のページここから


===========================================*/


/*==========================================
 左仕事お絵描き枠
===========================================*/


.essayoekaki {
	width: 100%;
	float: left;
	display: block;
	text-align: left;
	clear: both;
	margin-top: 5%;
	margin-right: 0%;
	margin-bottom: 5%;
  }
  
   @media(max-width:769px){
.essayoekaki {
	width: 98%;
		margin-left: 2%;
		margin-right: 2%;
 }}
 
 
  @media(max-width:481px){
.essayoekaki {
	width: 95%;
		margin-left: 2%;
		margin-right: 2%;
 }}
 
 .essayoekakitittlewaku {
	width: 100%;
	margin-bottom: 2%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;	  

   }.essayoekakitittlewaku h {
	width: 60%;
	display: block;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.9em;
	line-height: 2em;
	margin-top: 30px;
	color: #a8d9d8;
	margin-bottom: 50px; 
 
  }  
   @media(max-width:769px){
.essayoekakitittlewaku h {
	width: 98%;
	margin-top: 10px;
	margin-bottom: 30px; 
	font-size: 0.8em;

 }}
 
 
  @media(max-width:481px){
.essayoekakitittlewaku h {
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: justify;
	font-size: 0.8em;
 }}
 
 

   .essayoekakitittlewaku img{
	max-width: 100%;}
  
    @media(max-width:769px){
	.essayoekakitittlewaku img{
	width: 100%;}	}
	  
	  @media(max-width:481px){
	 .essayoekakitittlewaku img{
	width: 100%;}	}
	
	

    .containeressay {
    display: -ms-grid;
    display: grid;     /* 名は必ずdisplay: grid; または display: inline-grid; */
    -ms-grid-columns: (minmax(90px,1fr))[5];
      grid-template-columns: repeat(5, minmax(90px,1fr)); /* 5行 */
	  grid-column-gap: 40px;　　/* 行間 */
    grid-row-gap: 20px;　　　/* 列間 */
    justify-items: stretch;
  　justify-content: center; /* 横方向は中央に */
    grid-auto-flow: row　　/* 横に並べる */

}

@media(max-width:769px) {
 .containeressay {grid-column-gap: 20px;
		    　 -ms-grid-columns: (minmax(90px,1fr))[4];
		         grid-template-columns: repeat(4, minmax(90px,1fr));  

 }}
 
		
 @media(max-width:481px){
 .containeressay { 
	     grid-column-gap: 20px;
		 -ms-grid-columns: (minmax(100px,1fr))[2];
		     grid-template-columns: repeat(2, minmax(100px,1fr));  


}}
 
 
	 
.essaywaluA{　　　　　　　　　/* 写真と文の中枠 */
	text-align: left;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	margin: 0px;
	padding: 0px;
}

.essaywaluB{　　　　　　　　　/* 写真と文の中枠 */
	text-align: left;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1 / 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
		margin: 0px;
	padding: 0px;
} 
	
	.essaywaluC{　　　　　　　　　/* 写真と文の中枠 */
	text-align: left;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1 / 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3 / 4;
		margin: 0px;
	padding: 0px;}
	
.essaywalu{　　　　　　　　　/* 写真と文の中枠 */
	margin-right: auto;
	margin-bottom: 7%;
	margin-left: 1px;
	text-align: center;
	width: 99.9%;
	overflow: hidden;
	margin-right: 1px;
	
}

.essaywalu2{　　　　　　　　　/* 写真と文の中枠 */
	margin-right: auto;
	margin-bottom: 7%;
	margin-left: 1px;
	text-align: center;
	width: 99.9%;
	overflow: hidden;
	margin-right: 1px;	
}


.essaywalu img{
  max-width: 100%;
  height: auto;
}




.essaywalu p{
	text-align: center;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin-bottom: 2em;
	color: #7C7C7C;
	display: block;
	width: 99.9%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	clear: both;
  }
  
  
.essaywalu2 p{
	text-align: center;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin-bottom: 2em;
	color: #7C7C7C;
	display: block;
	width: 99.9%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	clear: both;
  }
  
  
  
.essaywalu h{
	text-align: center;
	margin-top: 1em;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #faf4ea;
	display: block;
	float: left;
	margin-right: auto;
	margin-left: auto;
	width: 99.9%;
	background-color: #a8d9d8;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
　border-radius: 50%;  /* 角アール */
	-webkit-border-radius: 50%;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 50%;  }
  
    

  .essaywalu2 h{
	text-align: center;
	margin-top: 1em;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #faf4ea;
	display: block;
	float: left;
	margin-right: auto;
	margin-left: auto;
	width: 99.9%;
	background-color: #a8d9d8;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
　border-radius: 50%;  /* 角アール */
	-webkit-border-radius: 50%;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 50%;  }
  
  
  
  
  
  
   /*==========================================
 essay_ie用ページ
===========================================*/
.essay_ie_daiwaku{
	width: 99.9%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	display: block;
	text-align: center;
	height: auto;
	overflow: hidden;
}

.essay_ie_nakawaku{
	width: 16.0%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
	margin-left: 2%;}


@media(max-width:769px) {
	.essay_ie_nakawaku{
	width: 21.0%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 1%;
	float: left;
	margin-left: 2%;
} } 


 @media(max-width:481px){
	.essay_ie_nakawaku{
	width: 45.0%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 0%;
	float: left;
	margin-left: 2%;
} } 
	 
	 
.essay_ie_nakawaku p{
	text-align: center;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin-bottom: 2em;
	color: #7C7C7C;
	display: block;
	width: 99.9%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 5em;
  }

.essay_ie_nakawaku p2{
text-align: center;
	margin-top: 1em;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #faf4ea;
	display: block;
	float: left;
	margin-right: auto;
	margin-left: auto;
	width: 99.9%;
	background-color: #a8d9d8;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
　border-radius: 50%;  /* 角アール */
	-webkit-border-radius: 50%;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 50%;  }

.essay_ie_kazouwaku{
width: 99.9%; }








   
  /*==========================================
 essay_ie用_グリッドレイアウトページ
===========================================*/

.grid_container {
 display: -ms-grid;
 display: grid;/* グリッドコンテナであることを定義 */
 grid-template-areas: 
 ‘he1 he2 he3 he4 he5’/* 上から1行目　左から1番目 */
 ‘he6 he7 he8 he9 he10’/*上から2行目　左から1番目 */
 ‘hb1 hb2 hb3 hb4 hb5’/*上から3行目　左から1番目 */
 ‘hb6 hb7 hb8 hb9 hb10’/*上から4行目　左から1番目 */
 ‘ha1 ha2 ha3 ha4 ha5’/*上から5行目　左から1番目 */ 
 ‘ha6 ha7 ha8 ha9 ha10’;/* 上から6行目　左から1番目 */
-ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;/* 行の高さ */    
-ms-grid-columns: (minmax(90px,1fr))[5];   
    grid-template-columns: repeat(5, minmax(90px,1fr)); /* 列の幅 */
grid-column-gap: 40px;　　/* 行間 */
grid-row-gap: 20px;　　　/* 列間 */
justify-items: stretch;
-webkit-box-pack: center;
-webkit-justify-content: center;
   -moz-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center; /* 横方向は中央に */
grid-auto-flow: row; /*横に並べる */
}

.grid_container img{
  max-width: 100%;
  height: auto;
}

.grid_container p{
	text-align: center;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 0.7em;
	line-height: 1.4em;
	margin-bottom: 2em;
	color: #7C7C7C;
	display: block;
	width: 99.9%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	clear: both;
  }


.grid_container p2{
	text-align: center;
	margin-top: 1em;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #faf4ea;
	display: block;
	float: left;
	margin-right: auto;
	margin-left: auto;
	width: 99.9%;
	background-color: #a8d9d8;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
　border-radius: 50%;  /* 角アール */
	-webkit-border-radius: 50%;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 50%;  }
  


@media(max-width:769px) {
.grid_container { 
 display: -ms-grid; 
 display: grid;/* グリッドコンテナであることを定義 */
    grid-template-areas: 
 ‘he1 he2 he3 he4 he5’/* 上から1行目　左から1番目 */
 ‘he6 he7 he8 he9 he10’/*上から2行目　左から1番目 */
 ‘hb1 hb2 hb3 hb4 hb5’/*上から3行目　左から1番目 */
 ‘hb6 hb7 hb8 hb9 hb10’/*上から4行目　左から1番目 */
 ‘ha1 ha2 ha3 ha4 ha5’/*上から5行目　左から1番目 */ 
 ‘ha6 ha7 ha8 ha9 ha10’;/* 上から6行目　左から1番目 */
-ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;/* 行の高さ */    
-ms-grid-columns: (minmax(90px,1fr))[5];   
    grid-template-columns: repeat(5, minmax(90px,1fr)); /* 列の幅 */
grid-column-gap: 20px;　　/* 行間 */
grid-row-gap: 20px;　　　/* 列間 */
justify-items: stretch;
-webkit-box-pack: center;
-webkit-justify-content: center;
   -moz-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center; /* 横方向は中央に */
grid-auto-flow: row; /*横に並べる */
}}

 @media(max-width:481px){
.grid_container {
display: -ms-grid;
display: grid; /* グリッドコンテナであることを定義 */
    grid-template-areas: 
 ‘he1 he2’
 ‘he3 he4’
 ‘he5 he6’
 ‘he7 he8’
 ‘he9 he10’
 ‘hb1 hb2’
 ‘hb3 hb4’
 ‘hb5 hb6’
 ‘hb7 hb8’
 ‘hb9 hb10’
 ‘ha1 ha2’
 ‘ha3 ha4’
 ‘ha5 ha6’
 ‘ha7 ha8’
 ‘ha9 ha10’;
-ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;/* 行の高さ */    
-ms-grid-columns: 1fr 1fr;    
    grid-template-columns: 1fr 1fr; /* 列の幅 */
grid-column-gap: 20px;　　/* 行間 */
grid-row-gap: 20px;　　　/* 列間 */
justify-items: stretch;
-webkit-box-pack: center;
-webkit-justify-content: center;
   -moz-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center; /* 横方向は中央に */
grid-auto-flow: row; /* 横に並べる */}}




.grid_he1 {
    grid-area: he1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1/2; }

.grid_he2 {
    grid-area: he2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1/2; }

.grid_he3 {
    grid-area: he3;
    -ms-grid-column:3;
    -ms-grid-column-span:1;
    grid-column:3/4;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1/2; }

.grid_he4 {
    grid-area: he4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1/2; }

.grid_he5 {
    grid-area: he5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-column: 5/6;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1/2; }

.grid_he6 {
    grid-area: he6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
     -ms-grid-row: 2;
     -ms-grid-row-span: 1;
     grid-row: 2/3; }

.grid_he7 {
    grid-area: he7;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 2;
     -ms-grid-row-span: 1;
     grid-row: 2/3; }
.grid_he8 {
    grid-area: he8;
   -ms-grid-column: 3;
   -ms-grid-column-span: 1;
   grid-column: 3/4;
     -ms-grid-row: 2;
     -ms-grid-row-span: 1;
     grid-row: 2/3; }

.grid_he9 {
    grid-area: he9;
   -ms-grid-column: 4;
   -ms-grid-column-span: 1;
   grid-column: 4/5;
     -ms-grid-row: 2;
     -ms-grid-row-span: 1;
     grid-row: 2/3; }

.grid_he10 {
    grid-area: he10;
	   -ms-grid-column: 5;
	   -ms-grid-column-span: 1;
	   grid-column: 5/6;
     -ms-grid-row: 2;
     -ms-grid-row-span: 1;
     grid-row: 2/3; }

.grid_hb1 {
    grid-area: hb1;
	   -ms-grid-column: 1;
	   -ms-grid-column-span: 1;
	   grid-column: 1/2;
     -ms-grid-row: 3;
     -ms-grid-row-span: 1;
     grid-row: 3/4; }

.grid_hb2 {
    grid-area: hb2;
	   -ms-grid-column: 2;
	   -ms-grid-column-span: 1;
	   grid-column: 2/3;
     -ms-grid-row: 3;
     -ms-grid-row-span: 1;
     grid-row: 3/4; }

.grid_hb3 {
    grid-area: hb3;
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3/4;
     -ms-grid-row: 3;
     -ms-grid-row-span: 1;
     grid-row: 3/4; }

.grid_hb4 {
    grid-area: hb4;
		-ms-grid-column: 4;
		-ms-grid-column-span: 1;
		grid-column: 4/5;
     -ms-grid-row: 3;
     -ms-grid-row-span: 1;
     grid-row: 3/4; }


.grid_hb5 {
    grid-area: hb5;
		-ms-grid-column: 5;
		-ms-grid-column-span: 1;
		grid-column: 5/6;
     -ms-grid-row: 3;
     -ms-grid-row-span: 1;
     grid-row: 3/4; }


.grid_hb6 {
    grid-area: hb6;
	margin-right: auto;
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1/2;
     -ms-grid-row: 4;
     -ms-grid-row-span: 1;
     grid-row: 4/5; }

.grid_hb7 {
    grid-area: hb7;
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2/3;
     -ms-grid-row: 4;
     -ms-grid-row-span: 1;
     grid-row: 4/5; }


.grid_hb8 {
    grid-area: hb8;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
     -ms-grid-row: 4;
     -ms-grid-row-span: 1;
     grid-row: 4/5; }


.grid_hb9 {
    grid-area: hb9;
-ms-grid-column: 4;
-ms-grid-column-span: 1;
grid-column: 4/5;
     -ms-grid-row: 4;
     -ms-grid-row-span: 1;
     grid-row: 4/5; }


.grid_hb10 {
    grid-area: hb10;
-ms-grid-column: 5;
-ms-grid-column-span: 1;
grid-column: 5/6;
     -ms-grid-row: 4;
     -ms-grid-row-span: 1;
     grid-row: 4/5; }



.grid_ha1 {
    grid-area: ha1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
     -ms-grid-row: 5;
     -ms-grid-row-span: 1;
     grid-row: 5/6; }


.grid_ha2 {
    grid-area: ha2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
     -ms-grid-row: 5;
     -ms-grid-row-span: 1;
     grid-row: 5/6; }



.grid_ha3 {
    grid-area: ha3;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
 -ms-grid-row: 5;
 -ms-grid-row-span: 1;
 grid-row: 5/6; }


.grid_ha4 {
    grid-area: ha4;
-ms-grid-column: 4;
-ms-grid-column-span: 1;
grid-column: 4/5;
 -ms-grid-row: 5;
 -ms-grid-row-span: 1;
 grid-row: 5/6; }

.grid_ha5 {
    grid-area: ha5;
-ms-grid-column: 5;
-ms-grid-column-span: 1;
grid-column: 5/6;
 -ms-grid-row: 5;
 -ms-grid-row-span: 1;
 grid-row: 5/6; }


.grid_ha6 {
    grid-area: ha6;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
 -ms-grid-row: 6;
 -ms-grid-row-span: 1;
 grid-row: 6/7; }


.grid_ha7 {
    grid-area: ha7;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
 -ms-grid-row: 6;
 -ms-grid-row-span: 1;
 grid-row: 6/7; }



.grid_ha8 {
    grid-area: ha8;
-ms-grid-column: 3;
-ms-grid-column-span: 1;
grid-column: 3/4;
 -ms-grid-row: 6;
 -ms-grid-row-span: 1;
 grid-row: 6/7; }



.grid_ha9 {
    grid-area: ha9;
-ms-grid-column: 4;
-ms-grid-column-span: 1;
grid-column: 4/5;
 -ms-grid-row: 6;
 -ms-grid-row-span: 1;
 grid-row: 6/7; }


.grid_ha10 {
    grid-area: ha10;
-ms-grid-column: 5;
-ms-grid-column-span: 1;
grid-column: 5/6;
 -ms-grid-row: 6;
 -ms-grid-row-span: 1;
 grid-row: 6/7; }




 @media(max-width:481px){
	 
.grid_he1 {
    grid-area: he1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1/2; }

.grid_he2 {
    grid-area: he2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 1;
     -ms-grid-row-span: 1;
     grid-row: 1/2; }

.grid_he3 {
    grid-area: he3;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 2;
     -ms-grid-row-span: 1;
     grid-row: 2/3; }

.grid_he4 {
    grid-area: he4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 2;
     -ms-grid-row-span: 1;
     grid-row: 2/3; }


.grid_he5 {
    grid-area: he5;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 3;
     -ms-grid-row-span: 1;
     grid-row: 3/4; }

.grid_he6 {
    grid-area: he6;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 3;
     -ms-grid-row-span: 1;
     grid-row: 3/4; }

.grid_he7 {
    grid-area: he7;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 4;
     -ms-grid-row-span: 1;
     grid-row: 4/5; }


.grid_he8 {
    grid-area: he8;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 4;
     -ms-grid-row-span: 1;
     grid-row: 4/5; }

.grid_he9 {
    grid-area: he9;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 5;
     -ms-grid-row-span: 1;
     grid-row: 5/6; }

.grid_he10 {
    grid-area: he10;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 5;
     -ms-grid-row-span: 1;
     grid-row: 5/6; }

.grid_hb1 {
    grid-area: hb1;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 6;
     -ms-grid-row-span: 1;
     grid-row: 6/7; }

.grid_hb2 {
    grid-area: hb2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 6;
     -ms-grid-row-span: 1;
     grid-row: 6/7; }

.grid_hb3 {
    grid-area: hb3;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 7;
     -ms-grid-row-span: 1;
     grid-row: 7/8; }

.grid_hb4 {
    grid-area: hb4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 7;
     -ms-grid-row-span: 1;
     grid-row: 7/8; }


.grid_hb5 {
    grid-area: hb5;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 8;
     -ms-grid-row-span: 1;
     grid-row: 8/9; }


.grid_hb6 {
    grid-area: hb6;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 8;
     -ms-grid-row-span: 1;
     grid-row: 8/9; }

.grid_hb7 {
    grid-area: hb7;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 9;
     -ms-grid-row-span: 1;
     grid-row: 9/10; }


.grid_hb8 {
    grid-area: hb8;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 9;
     -ms-grid-row-span: 1;
     grid-row: 9/10; }


.grid_hb9 {
    grid-area: hb9;
-ms-grid-column: 4;
-ms-grid-column-span: 1;
grid-column: 4/5;
     -ms-grid-row: 10;
     -ms-grid-row-span: 1;
     grid-row: 10/11; }

.grid_hb10 {
    grid-area: hb10;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 10;
     -ms-grid-row-span: 1;
     grid-row: 10/11; }



.grid_ha1 {
    grid-area: ha1;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 11;
     -ms-grid-row-span: 1;
     grid-row: 11/12; }


.grid_ha2 {
    grid-area: ha2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 12;
     -ms-grid-row-span: 1;
     grid-row: 12/13; }



.grid_ha3 {
    grid-area: ha3;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 12;
     -ms-grid-row-span: 1;
     grid-row: 12/13; }


.grid_ha4 {
    grid-area: ha4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 13;
     -ms-grid-row-span: 1;
     grid-row: 13/14; }

.grid_ha5 {
    grid-area: ha5;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 14;
     -ms-grid-row-span: 1;
     grid-row: 14/15; }


.grid_ha6 {
    grid-area: ha6;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 14;
     -ms-grid-row-span: 1;
     grid-row: 14/15; }


.grid_ha7 {
    grid-area: ha7;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 15;
     -ms-grid-row-span: 1;
     grid-row: 15/16; }



.grid_ha8 {
    grid-area: ha8;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 15;
     -ms-grid-row-span: 1;
     grid-row: 15/16; }




.grid_ha9 {
    grid-area: ha9;
    -ms-grid-column:1;
    -ms-grid-column-span:1;
    grid-column:1/2;
     -ms-grid-row: 16;
     -ms-grid-row-span: 1;
     grid-row: 16/17; }


.grid_ha10 {
    grid-area: ha10;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
     -ms-grid-row: 16;
     -ms-grid-row-span: 1;
     grid-row: 16/17; }
}



  
	/* モバイルレイアウト : 480 px およびそれ以下. */
	
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	padding-left: 1.7%;
	padding-right: 1.7%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}}

  
  
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 90%;
	max-width: 1232px;
	min-width: 900px;
	clear: both;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
; 	text-align: left;
	display: block;