@charset "UTF-8";

body{
margin: 0;
padding: 0;
font-family:  'Language', sans-serif;
user-select: none;
-webkit-user-selet: none;
-ms-user-selet: none;
-moz-user-selet: none;
-khtml-user-selet: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
margin: 0;
-webkit-text-size-adjust: 100%;
	}

/* ボックスの左右に確保する余白 */
header, .contents, footer{
	padding-left: 10px;
	padding-right: 10px
	}

/* --------------------------------------
  Header
-------------------------------------- */

/* header内サイト題名 */
#site a {
	display: block;
	margin: 0;
	font-size: 30px;
	color: #83a4a8;
	text-align: center;
	text-decoration: none;
	}

/* main内 */
.info{
	margin-top: -10px;
	margin-bottom: 20px
	}

/* contents内article */
.work {
	margin-bottom: 20px
	left: 0;
	width: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}

.work a {
	display: block;
	border: solid 1px #dddddd;
	color: #000000;
	text-decoration: none;
	background-position: center;
	}

.work a:hover {
	box-shadow: 0 0 15px #83a4a8/*#b482ed*/
	}

.work h3 {
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 22px
	}

.work p {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 20px;
	font-weight: normal;/* 文字の太さ */
	}

/* article上下間 */
.contents-list {
	margin-bottom: 30px; 
}

#workl1, #workr1, #workl2, #workr2 {
	display: flex;
	}
	
/* ------------------------------------------------
　①sub記事L 
-------------------------------------------------*/
#workl1 {
	background-image: url("../images/kiji1.gif");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	width: 100%;
	height: 200px;
	float: left;
	object-fit: contain;
	display: block;		
	color: #000000;
	text-decoration: none;
	margin: 0;
	}
/* ------------------------------------------------
  ①sub記事R
-------------------------------------------------*/
#workr1 {
	background-image: url("../images/kiji2.gif");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	width: 100%;
	height: 200px;
	float: left;
	object-fit: contain;/*cover*/
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0;
	box-sizing: border-box;
	object-fit: scale-down;
	}
/* ------------------------------------------------	
　②sub記事L 
-------------------------------------------------*/
#workl2 {
	background-image: url("../images/kiji3.gif");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	width: 100%;
	height: 200px;
	float: left;
	object-fit: contain;
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0;
	}
/* ------------------------------------------------	
　②sub記事R 	
-------------------------------------------------*/
#workr2 {
	background-image: url("../images/kiji4.gif");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	width: 100%;
	height: 200px;
	float: left;
	object-fit: contain;/*cover*/
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0;
	}
/*　③sub記事L
#workl3 {background-image: url("../images/kiji5.gif");}
/*　③sub記事R 
#workr3 {background-image: url("../images/kiji6.gif");}
/*　④sub記事L 
#workl4 {background-image: url("../images/kiji7.gif");}
/*　④sub記事R 	
#workr4 {background-image: url("../images/kiji8.gif");}
/*　⑤sub記事L 
#workl5 {background-image: url("../images/kiji9.gif");}
/*　⑤sub記事R 
#workr5 {background-image: url("../images/kiji10.gif");}
 */	
	
/* 続きを読む 日付 */
.date {
	padding: 10px;	
	}

/* ページネーション 
.wrap{
  margin: 0 auto;
  padding: 20px;
  font-family: sans-serif;
}
/* デフォルト */
.pagination-next{
  margin-top: 24px;
}
.pagination-next-link{
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  color: #333;
  display: block;
  font-size: 1.2em;
  text-decoration: none;
  width: 100%;
  text-align: center;
  padding: 10px;
  display: block;
}
.pagination-next-link:hover{
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: #333;
}
.pagination{
  margin: 24px 0;
  clear: both;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.pagination .current{
  background-color: #eee;
}
.pagination a:hover{
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: #333;
}
.page-numbers{
  color: #333;
  text-decoration: none;
  display: inline-block;
  height: 46px;
  width: 46px;
  border: 1px solid #ddd;
  margin: 0 4px;
  line-height: 46px;
  text-align: center;
  border-radius: 4px;
}
.page-numbers span{
  line-height: inherit;
}
.page-numbers.dots{
  opacity: 0.6;
  background-color: #f5f6f7;
}
.page-numbers, .pagination-next-link{
  border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
  border-width: 1px;
  border-style: solid;
}
.fa{
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.screen-reader-text{
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
/* カスタマイズ*/
.pagination-next-link{
  border-radius: 6px;
  background-color: #5dc1cf;
  border: none;
  color: #fff;
}
.page-numbers{
  border-color: #5dc1cf;
  background-color: #fff;
  border-radius: 50%;
}
.page-numbers.dots{
  border: none;
  background-color: #fff;
  opacity: 1;
}
.pagination .current{
  background-color: #5dc1cf;
  color: #fff;
}
.pagination-next-link, .pagination a{
  transition: .3s;
}
.pagination-next-link:hover, .pagination a:hover{
  background-color: #bee8ed;/* 薄薄青 */
  transform: translateY(-5px);
}
.pagination-next-link:hover{
  color: #fff;
}

/* Rサイド上1 | サイドメニュー */
.sidemenu{
	margin-bottom: 30px
	}
	
.sidemenu ul{
	margin: 0;
	padding: 0;
	list-style: none
	}
	
.sidemenu li a{
	display: block;
	padding: 5px;
	color: #373c6b;/* ステッチズスタイル色 */;
	font-size: 16px;
	text-decoration: none
	}
	
.sidemenu li a:hover{
	background-color: #bee8ed;/* 薄薄青 */
	}
	
.sidemenu h1 {
	mposition: relative;
    margin-bottom: 0.2em;
    padding-bottom: 1rem;
    background-image: repeating-linear-gradient(-45deg, transparent 0 3px, #ff99ff 3px 6px);/* 薄ピンク */
    background-repeat: no-repeat;
    background-size: 100% 0.5rem;
    background-position: bottom;
    font-weight: bold;/* 文字の太さ */
	color: #373c6b;/* ステッチズスタイル色 */
	font-size: 18px;
	letter-spacing: 0.2em;/* 文字の間隔 */
	}
	
/* Rサイド上2 | おすすめ記事メニュー */
.osusume{
	margin-bottom: 30px
	}
	
.osusume ul{
	margin: 0;
	padding: 0;
	list-style: none
	}
	
.osusume li a{
	display: block;
	margin-bottom: 10px;
	padding: 0;
	color: #373c6b;/* ステッチズスタイル色 */
	font-size: 16px;
	text-decoration: none
	}
	
.osusume li a:hover{
	background-color: #bee8ed;/* 薄薄青 */
	opacity: 0.8
	}
	
.osusume h1{
	mposition: relative;
	margin-bottom: 0.2em;
	padding-bottom: 1rem;
    background-image: repeating-linear-gradient(-45deg, transparent 0 3px, #ff99ff 3px 6px);/* 薄ピンク */
	background-repeat: no-repeat;
	background-size: 100% 0.5rem;
    background-position: bottom;
    font-weight: bold;
	color: #373c6b;/* ステッチズスタイル色 */
	font-size: 18px;
	letter-spacing: 0.2em;
	}
	
.osusume .text{
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff
	}
	
.osusume a{
	position: relative;
	top: 132px 
	}
	
.osusume .text{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}
	
#osusume1 {
	background-image: url("../images/tomato-top.jpg");/* 長生きしたよ　kiji16.gif */
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 100%;
	width: 326px;
	height: 100px;
	float: left;
	object-fit: cover;
	display: block;
	color: #000000;
	text-decoration: none;
	border: none;
	vertical-align: bottom
	}
	
/* おすすめ記事　画像上下隙間 */
#osusume1 {
	padding: 11% 
}

#osusume2 {
	padding: 11% 
}
.boxr-2 {
	padding-top: 20em; 
}
#osusume2 {
	background-image: url("../images/tomato-top.jpg");/* 気になる */
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 100%;
	width: 326px;
	height: 100px;
	float: left;
	object-fit: cover;
	display: block;
	color: #373c6b;/* ステッチズスタイル色 */
	text-decoration: none;
	border: none;
	vertical-align: bottom
	}

/* Rサイド中　｜　最近の投稿 */
.ninki, .category {
	padding: 15% 0
}

.ninki ul{
	margin: 0;
	padding: 0;
	list-style: none
	}

.ninki li a{
	display: block;
	padding: 5px;
	border-bottom: dotted 1px #dddddd;
	color: #373c6b;/* ステッチズスタイル色 */
	font-size: 16px;
	text-decoration: none
	}

.ninki li a:hover{
	background-color: #bee8ed;/* 薄薄青 */
	}

.ninki li a img{
	border: none
	}

.ninki h1{
	mposition: relative;
	margin-bottom: 0.2em;
	padding-bottom: 1rem;
	background-image: repeating-linear-gradient(-45deg, transparent 0 3px, #ff99ff 3px 6px);/* 薄ピンク */
	background-repeat: no-repeat;
	background-size: 100% 0.5rem;
    background-position: bottom;
    font-weight: bold;
	color: #373c6b;/* ステッチズスタイル色 */
	font-size: 18px;
    letter-spacing: 0.2em;
	}

.ninki a:after{
	content: "";
	display: block;
	clear: both
	}
	
.ninki img{
	float: left;
	width: 60px
	}
	
.ninki .text{
	float: none;
	width: auto;
	margin-left: 60px;
	padding-left: 15px
	}
	
.ninki span{
	display: block;
	color: #373c6b;/* ステッチズスタイル色 */
	font-size: 12px
	}

/* Rサイド下 | カテゴリー一覧 */
.category ul{
	margin: 0;
	padding: 0;
	list-style: none
	}

.category li a{
	display: block;
	padding: 5px;
	border-bottom: dotted 1px #dddddd;
	color: #373c6b;/* ステッチズスタイル色 */
	font-size: 16px;
	text-decoration: none
	}

.category li a:hover{
	background-color: #bee8ed;/* 薄薄青 */
	}

.category li a img{
	border: none
	}

.category h1{
	mposition: relative;
	margin-bottom: 0.2em;
	padding-bottom: 1rem;
	background-image: repeating-linear-gradient(-45deg, transparent 0 3px, #ff99ff 3px 6px);/* 薄ピンク */
	background-repeat: no-repeat;
	background-size: 100% 0.5rem;
    background-position: bottom;
	font-weight: bold;
	color: #373c6b;/* ステッチズスタイル色 */
	font-size: 18px;
	letter-spacing: 0.2em;
	}

.category a:after{
	content: "";
	display: block;
	clear: both
	}

.category img{
	float: left;
	width: 60px
	}

.category .text{
	float: none;
	width: auto;
	margin-left: 60px;
	padding-left: 15px
	}

.category span{
	display: block;
	color: #373c6b;/* ステッチズスタイル色 */
	font-size: 12px
	}

/* footer TOPへ装飾 */
.totop{
	margin: 0	
		}

/* BOX5の上に区切り線を入れる */
footer{
	border-top: solid 1px #dddddd
	}

footer #copyright {
	display: block;
	margin: 0;
	color: #373c6b;/* ステッチズスタイル色 */
	text-align: center;
	text-decoration: none;
}

/* ボックスの上下の間隔(BoxL左、BoxR右) */
.boxl{
	padding-top: 40px;
	padding-bottom: 40px
	}

.boxr{
	padding-top: 20px;
	padding-bottom: 20px
	}

footer{
	padding-top: 15px;
	padding-bottom: 15px
	}

.top .contents {
	padding-top: 40px;
	padding-bottom: 20px
	}

/*記事*/
.kiji h1{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 36px}

.kiji p{
	margin-top: 0;
	margin-bottom: 20px}

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

/*記事の小見出し*/
.kiji h2{
	margin-top: 40px;
	padding-left: 10px;
	font-weight: normal}

/*  */
main h1{
	font-size: 30px;
	color: #ee82ee;

}

/*Concept記事の小見出し顔アイコン*/
#tka {
	background-image: url("../images/1.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 50px;
	padding: 10px 10px 10px 60px;}

#tkb {
	background-image: url("../images/2.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 50px;
	padding: 10px 10px 10px 60px;}
#tkc {
	background-image: url("../images/3.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 50px;
	padding: 10px 10px 10px 60px;}


/*記事内容 k1～k20*/
#t1, #t2, #t3, #t4 {
	font-size: 20px;
	color: #373c6b;/* ステッチズスタイル色 */
	}

#grandpa, #grandma {
	font-size: 20px;
	color: #373c6b;/* ステッチズスタイル色 */
	}


/*記事の投稿日*/
.kijiinfo{
	margin-top: -10px;
	margin-bottom: 20px}

.kijiinfo i{
	margin-right: 5px;
	color: #aaaaaa;
	font-size: 20px}


/*記事の分類*/
.kijicat{
	margin-bottom: 25px}

.kijicat ul{
	margin: 0;
	padding: 0;
	list-style: none}

.kijicat li a{
	display: block;
	margin-right: 5px;
	padding: 3px 5px;
	border-radius: 2px;
	background-color: #75dbe7;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none}

.kijicat li a:hover{
	background-color: #94ecf6}

.kijicat ul:after{
	content: "";
	display: block;
	clear: both}

.kijicat li{
	float: left;
	width: auto}

/* サイトマップ */
.news{
	margin-bottom: 20px;
	padding: 20px;
	border: solid 5px #dddddd}

.news h1{
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 20px;
	border-left: solid 20px #ee82ee;
	font-size: 18px;
	color: #666666}

.news ul{
	margin: 0;
	padding: 0;
	list-style: none}

.news li a{
	display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.news li a:hover{
	background-color: #eeeeee}

.news time{
	color: #888888;
	font-weight: bold}

.news a:after{
	content: "";
	display: block;
	clear: both}

.news time{
	float: left;
	width: 60px}

.news .text{
	float: none;
	width: auto;
	font-size: 20px;
	margin-left: 60px}

/* プライバシーポリシー */
#pp h1 {
	color: #373c6b;/* ステッチズスタイル色 */
}

.pp1 p {
	font-color: #373c6b;/* ステッチズスタイル色 */
}
/*------------------------------------------
　　　運営者
------------------------------------------*/
.kiji h1 {
	color: #373c6b;/* ステッチズスタイル色 */
}

#tmna a {
	font-color: #373c6b;/* ステッチズスタイル色 */
	font-size: 30px;
	text-decoration: none
}

#tmna1, #tmna2, #kna {
	font-color: #373c6b;/* ステッチズスタイル色 */
	font-size: 18px;
}
/*------------------------------------------
　　　お問合せ
------------------------------------------
#form {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}*/
/*@media screen and (max-width: 480px) {
  #form {
    margin-top: 40px;
  }
}*/
/*#form1, #form2, #form3, #form4 {
  border-top: 1px solid #ddd;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}*/
/*@media screen and (max-width: 480px) {
 #form1, #form2, #form3, #form4 {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
}*/
/*#form:nth-child(5), #form1:nth-child(5), #form2:nth-child(5), #form3:nth-child(5), #form4:nth-child(5) {
  border-bottom: 1px solid #ddd;
}*/

/*#formname, #formname1, #formemail, #formmessage {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
}*/
/*@media screen and (max-width: 480px) {
#formname, #formname1, #formemail, #formmessage {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
}*/
/*#formmessage {
  margin-top: 8px;
  margin-bottom: auto;
}*/
/*@media screen and (max-width: 480px) {
#formmessage {
    margin-top: 0;
  }
}*/
/*#formnamea, #formnameb, #formemailc, #formmessaged {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #83a4a8;
  color: #fff;
  font-size: 14px;
}*/
/*@media screen and (max-width: 480px) {
#formnamea, #formnameb, #formemailc, #formmessaged {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}*/
/*#name, #name1, #email {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}*/
/*@media screen and (max-width: 480px) {
/*#name, #name1, #email {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }
}*/
/*#message {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}*/
/*@media screen and (max-width: 480px) {
  #message {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }
}*/
/*#send {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #83a4a8;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}*/
/*@media screen and (max-width: 480px) {
  #send {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }  
}*/
/*#send:hover {
  background-color: #83a4a8; 薄薄青 */
  /*transform: translateY(-5px);
}*/

/*お問い合せフォーム*/
#wrap{
	width:980px;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
/*文法チェックで<p align="center">cssに追加*/
table.formTable p{
	align:center;
}








/* 記事の分類 */
/*.cat{
	margin-bottom: 25px
	}*/

/*.cat ul{
	margin: 0;
	padding: 0;
	list-style: none
	}*/

/*.cat li a{
	display: block;
	margin-right: 5px;
	padding: 3px 5px;
	border-radius: 2px;
	background-color: #75dbe7;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none
	}*/

/*.cat li a:hover{
	background-color: #94ecf6
	}*/

/*.cat ul:after{
	content: "";
	display: block;
	clear: both
	}*/

/*.cat li{
	float: left;
	width: auto
	}*/











/* 記事 */
/*.bun h1{
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 36px
	}*/

/*.bun p{
	margin-top: 0;
	margin-bottom: 20px
	}*/

/*.bun img{
	max-width: 100%;
	height: auto
	}*/


/* 記事の小見出し 
.bun h1{
	margin-top: 10px;
	padding-left: 10px;
	border-left: solid 10px #7cbac1;
	font-weight: normal
	}*/






/* Conceptの表 */
table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	}

table th,td {
	padding: 1em;
	border: 1px solid #ccc;
	}

table th {
	text-align: left;
	background: #fafafa;
	}

/* SNSのシェアボタン 
.sns ul{
	margin: 0;
	padding: 0;
	list-style: none
}*/

/*.sns li a{
	display: block;
	padding: 10px 5px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	text-decoration: none
}*/

/* index以外のsnsカラー */
/*.sns-pi{background-color: #bd081c}*/
/*.sns-fb{background-color: #3b5998}*/
/*.sns-gp{background-color: #dd4b39}*/

/*.sns li a:hover{
	opacity: 0.8
}*/

/*.sns ul:after{
	content: "";
	display: block;
	clear: both
}*/

/*.sns li{
	float: left;
	width: 33.3333%
}*/












/* 利用規約 */
.menu {
		background-color: #0B4EE2
	}

/*.stitch {
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #fff;
	color: #3077be;
	border-radius: 4px;
	box-shadow: 0px 0px 0px 5px #fff;
	border: dashed 1px #FFF;
}*/

/*.stitch:hover {
	border: dotted 1px #fff;
}*/

/* BOX2をバーの形にする 
.box2	{background-color: #7cbac1}*/

/* 関連記事メニュー */
.kanren{
	margin-top: 40px;
	padding: 20px;
	background-color: #ffffff
	}

.kanren h1{
	margin-top: 0;
	margin-bottom: 5px;
	color: #727224;
	font-size: 20px;
	font-weight: normal
	}

.kanren ul{
	margin: 0;
	padding: 0;
	list-style: none
	}

.kanren li a{
	display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none
	}

.kanren li a:hover{
	text-decoration: underline
	}

.kanren ul:after{
	content: "";
	display: block;
	clear: both
	}

.kanren li{
	float: left;
	width: 25%
	}

.kanren img{
	max-width: 100%;
	height: auto;
	border: none
	}









/* ########### 600px以上～767px以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {
#wrap{
	width:100%;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}
/*Ｍタイトル*/
h1{
	font-size:25px;
	text-align:center;
	padding-top:70px;
}
/*Ｍお問い合せフォーム*/
#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
}/*media 終わり*/
/*※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※※*/

/*タブレット用*/

@media screen and (min-width:641px) and ( max-width:920px) {


#wrap{
	width:100%;
	height:auto;
	background:#ffffd1;
	margin:0 auto;
}
/*Ｔタイトル*/
h1{
	font-size:28px;
	text-align:center;
	padding-top:40px;
}
/*お問い合せフォーム*/
#formWrap {
	width:500px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
}/*media 終わり*/

/* バッジの表示位置 
.badge	{
	top: 30%;
	right: 15px
	}

/* GrandPaMaタイトル */
/* #logo {
	font-size: 30px;
	font-family: monospace;
	text-align: center;
	letter-spacing: 0.3em;/* 文字の間隔 
	color: #373c6b;/* ステッチズスタイル色 
	position: 50px　auto;
	} */

/* .tokutoku {
	background: url("images/IMG_7361.HEIC");
	background-repeat: no-repeat;
	background-position: 0;
	background-size: 70%;
	max-width: 100%;
	height: 300px;
	float: left;
	}*/


/* BOXR-1とBOXR-2を横に並べる設定
.boxr:after	{
content: "";
	display: block;
	clear: both
	}

.boxr-1	{
float: left;
	width: 50%
	}

.boxr-2	{
float: left;
	width: 50%
	}

/* BOXR-1とBOXR-2の左右の間隔 
.boxr-1	{
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}

.boxr-2	{
	padding-left: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
	}*/
	

/* -----------------------------------------
Laptop Styling　######## 1040px以上 ########
----------------------------------------- */
@media (min-width: 1040px) {

/* ボックスの左右に確保する余白 */
header, .contents, footer
	{width: 1180px;
	margin-left: auto;
	margin-right: auto}

}