@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; }

body{ background-color:#faef42; }

/**************** link ***************/

a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}

/**************** wrapper ***************/
#wrapper{
	width:94%;
	max-width:1200px;
	margin:10px auto;
	width:auto;
	background-color:#FFF;
}

#header {
	margin:10px auto 0;
	padding-top:10px;
	font-size:90%;
}

#header img {
	margin:0px 10px;
}
/**************** header ***************/

h1{	padding-bottom:1.2em;
	font-size:120%;
	font-weight:lighter;
	text-align:right;
}


/**************** main ***************/

#main{
	margin:0 auto;
	width:auto;
	background-color:#ffffff;
}

.bnr{
	float:right;
	width:100%;
	text-align: center;
	padding-top:1em;
	padding-bottom:2em;
}

.center{
	text-align:center;
}

.text{
	max-width:670px;
	margin-left:50px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:larger;
	font-weight:bold;
	color:#593F22;
}



.squ{
	color:#F0C528;
}

.txt_red{
	color:#ff0000;
	font-weight:bold;
}

.txt_blue{
	color:#191970;
	font-weight:bold;
}

.txt_orange{
	color:#d2691e;
	font-weight:bold;
}

.txt_indigo{
	color:#4b0082 ;
	font-weight:bold;
}



#button{
	text-align:center;
	margin-bottom:2em;
	clear:both;
}

/**************** footer ***************/

#footer{
	clear:both;
	text-align:center;
	font-size:small;
	color:#696969;
	font-family:Arial, Helvetica, sans-serif;
	padding:1em;
}

/**************** clearFix  ***************/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix{
    display: inline-block;
}
/* clearfix for ie7 */
.clearfix {
    display: block;
}

/*-- added 141119 ^^*/

img { max-width: 100%; height: auto; vertical-align: bottom; }

#main { max-width: 800px; }

/*-- テキスト装飾 --*/
.bg_blue {
	background-color:#191970;
}

.bg_red {
	background-color:#c9171e;
}

.bg_green {
	background-color:#007b43;
}

.txt_brown {
	color:#eb6101;
}

.txt_red {
	color:#e2041b;
}

.txt_green {
	color:#006e54;
}

/* ボタン */
.btn,
a.btn,
button.btn {
	margin-top:10px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 0.5rem 4rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}

.btn-radius-gradient-wrap {
	display: inline-block;
	padding: 0.5rem;
	border-radius: 100vh;
	background: #f2f5f6;
	background: -webkit-linear-gradient(
    to top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%);
	background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f5f6),
    color-stop(37%, #e3eaed),
    to(#96a1a5));
	background: -webkit-linear-gradient(
    top,
    #f2f5f6 0%,
    #e3eaed 37%,
    #96a1a5 100%);
	background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #96a1a5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#96a1a5', GradientType=0);
}

a.btn-radius-gradient {
	border-radius: 100vh;
	background: #e3eaed;
	background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e3eaed),
    to(#f2f5f6) );
	background: -webkit-linear-gradient(top, #e3eaed 0%, #f2f5f6 100%);
	background: linear-gradient(to bottom, #e3eaed 0%, #f2f5f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaed', endColorstr='#f2f5f6', GradientType=0);
}

a.btn-radius-gradient:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}


/*1024px以上*/
@media screen and (min-width:1024px) {
/** レイアウト **/
.mainbnr {
	width:94%;
	max-width:1200px;
	margin:0px auto 10px;
}
	
.leadtxt {
	width:90%;
	max-width:1200px;
	margin:20px auto;
	padding:20px;
	color:#1f3134;
	font-size:120%;
	background-color:#ffffc6;
}

.subleadtxt {
	width:90%;
	max-width:1200px;
	margin:10px auto;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#ff6347;
	font-size:150%;
	font-weight:bold;
}
	
.index01 {
	width:90%;
	max-width:1200px;
	margin:10px auto;	
}

.index02 {
	width:100%;
	margin:0;
}
	
.index02 dt {
	width:40%;
	float:left;
	height:150px;
}
	
.index02 dd {
	width:54%;
	height:auto;
	float:left;
	margin-bottom:10px;
	margin-left:20px;
	font-size:180%;
	padding:30px 10px 5px;
	background-color:#fffacd;
}
	
.index03 {
	text-align:right;
	font-size:85%;
}

	
.index04 {
	text-decoration:underline;
}

.detail01 {
	width:90%;
	max-width:1200px;
	margin:10px auto;
	padding:10px;	
}
	
.thanks01 {
	width:100%;
	border:solid 1px #000;
	padding:10px;
	margin-bottom:20px;
}

.thanks02 {
	color:#FFF;
	padding:5px 10px;
	font-size:145%;
	font-weight:bold;
}
	
.thanks02 span {
	font-size:75%;
	font-weight:normal;
	text-decoration:italic;

}
	
.thanks03 {
	width:98%;
	margin:5px auto;
	background-color:#FFFFFF;
	padding:1%;
}

.thanks04 {
	font-size:110%;
	font-weight:bold;
	color:#eb6101;
}

.thanks05 {
	width:90%;
	margin:10px auto;
	font-size:110%;
	line-height:200%;
}	

.thanks06 {
	margin:10px auto;
	padding:10px;
	background-color:#FFFacd;
}
	
.thanks06 span {
	font-size:200%;
	font-weight:bold;
}

.thanks07 {
	text-align:center;
	font-size:120%;
	line-height:140%;
}	

.thanks08 {
	font-family:serif;
	width:90%;
	margin:10px auto;
	font-size:125%;
	line-height:140%;
	color:#8b008b;
	border:solid 1px #483d8b;
	padding:15px;
	background-color:#FFFFFF;
	font-weight:bold;
}		
	
.thanks09 {
	width:90%;
	margin:10px auto 50px;
	font-size:100%;
	line-height:140%;
	border:solid 1px #483d8b;
	padding:5px;
	background-color:#FFFFFF;
}
	
.thanks09 span{
	color:#000000;
}
	
.thanks10 {
	display:inline-block;
	width:80%;
	border:solid 1px #000000;
	padding:10px;
}

.thanks11 {
	display:inline-block;
	width:80%;
	margin:10px auto;
	text-align:center;
	background-color:#008080;
	padding:5px 10px;
	color:#FFFFFF;
}
	
.thanks_pic {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	width:60%;
	max-width:300px;
}
	
.categolyline {
	width:100%;
	margin:0 10px;
}
	
.categoly01 {
	width:25%;
	float:left;
	font-size:100%;
	height:4em;
}
	
.categoly01 img{
	width:25%;
}

.sp_none {
	display:none;
}

}
/*600px以上 1023px以下*/
@media screen and (min-width:600px) and (max-width:1023px) {
/** レイアウト **/
.leadtxt {
	width:90%;
	max-width:1200px;
	margin:20px auto;
	padding:10px;
	color:#1f3134;
	font-size:120%;
	background-color:#ffffc6;
}

.subleadtxt {
	width:90%;
	max-width:1200px;
	margin:10px auto;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#ff6347;
	font-size:150%;
	font-weight:bold;
}
	
.index01 {
	width:90%;
	max-width:1200px;
	margin:10px auto;	
}

.index02 {
	width:100%;
	margin:0;
}
	
.index02 dt {
	width:40%;
	float:left;
	height:150px;
}
	
.index02 dd {
	width:53%;
	float:left;
	margin-bottom:10px;
	margin-left:20px;
	font-size:150%;
	padding:10px;
	background-color:#fffacd;
}
	
.index03 {
	text-align:right;
	font-size:85%;
}
	
.index04 {
	text-decoration:underline;
}
	
.detail01 {
	width:90%;
	max-width:1200px;
	margin:10px auto;
	padding:10px;	
}
	
.thanks01 {
	width:100%;
	border:solid 1px #000;
	padding:10px;
	margin-bottom:20px;
}

.thanks02 {
	color:#FFF;
	padding:5px 10px;
	font-size:160%;
	font-weight:bold;
}
	
.thanks02 span {
	font-size:75%;
	font-weight:normal;
	text-decoration:italic;

}
	
.thanks03 {
	width:98%;
	margin:5px auto;
	background-color:#FFFFFF;
	padding:1%;
}

.thanks04 {
	font-size:110%;
	font-weight:bold;
	color:#eb6101;
}

.thanks05 {
	width:90%;
	margin:10px auto;
	font-size:110%;
	line-height:150%;
}	

.thanks06 {
	margin:10px auto;
	padding:10px;
	background-color:#FFFacd;
	font-size:110%;
}
	
.thanks06 span {
	font-size:120%;
	font-weight:bold;
}

.thanks07 {
	text-align:center;
	font-size:120%;
	line-height:140%;
}
	
.thanks08 {
	font-family:serif;
	width:90%;
	margin:10px auto;
	font-size:125%;
	line-height:140%;
	color:#8b008b;
	border:solid 1px #483d8b;
	padding:15px;
	background-color:#FFFFFF;
	font-weight:bold;
}	
	
.thanks09 {
	width:90%;
	margin:10px auto 50px;
	font-size:100%;
	line-height:140%;
	border:solid 1px #483d8b;
	padding:5px;
	background-color:#FFFFFF;
}
	
.thanks09 span{
	color:#000000;
}

.thanks10 {
	width:80%;
	margin:10px 2em;
	border:solid 1px #000000;
	padding:10px;
}

.thanks11 {
	display:inline-block;
	width:80%;
	margin:10px auto;
	text-align:center;
	background-color:#008080;
	padding:5px 10px;
	color:#FFFFFF;
}
	
.thanks_pic {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	width:60%;
	max-width:200px;
}
	
.categolyline {
	width:100%;
	margin:0 10px;
}
	
.categoly01 {
	width:25%;
	float:left;
	font-size:80%;
	height:4em;
}
	
.categoly01 img{
	width:30%;
}

.sp_none {
	display:none;
}
	
}

/*599px以下*/
@media screen and (max-width:599px) {
/** レイアウト **/
#header img {
	width:30%!important;
}
	
h1{	padding-top:1em;
	padding-bottom:1.2em;
	font-size:100%;
	font-weight:lighter;
	text-align:right;
}	

.leadtxt {
	width:90%;
	max-width:1200px;
	margin:20px auto;
	padding:10px;
	color:#1f3134;
	font-size:110%;
	background-color:#ffffc6;
}

.subleadtxt {
	width:90%;
	margin:10px auto;
	padding:10px;
	text-align:center;
	color:#fff;
	background-color:#ff6347;
	font-size:100%;
	font-weight:bold;
}
	
.index01 {
	width:90%;
	max-width:1200px;
	margin:10px auto;	
}

.index02 {
	width:100%;
	margin:0;
}
	
.index02 dt {
	width:60%;
}
	
.index02 dd {
	width:90%;
	margin-left:20px;
	margin-bottom:20px;
	font-size:120%;
	padding:5px;
	background-color:#fffacd;
}
	
.index03 {
	text-align:right;
	font-size:85%;
}
	
.index04 {
	text-decoration:underline;
}
	
.detail01 {
	width:94%;
	max-width:1200px;
	margin:10px auto;
	padding:10px;	
}
	
.thanks01 {
	width:94%;
	border:solid 1px #000;
	padding:10px;
	margin-bottom:20px;
}

.thanks02 {
	color:#FFF;
	padding:5px 10px;
	font-size:145%;
	font-weight:bold;
}
	
.thanks02 span {
	font-size:75%;
	font-weight:normal;
	text-decoration:italic;

}
	
.thanks03 {
	width:98%;
	margin:5px auto;
	background-color:#FFFFFF;
	padding:1%;
}

.thanks04 {
	font-size:140%;
	font-weight:bold;
	color:#eb6101;
}

.thanks05 {
	width:90%;
	margin:10px auto;
	font-size:100%;
	line-height:150%;
}	

.thanks06 {
	margin:10px auto;
	padding:10px;
	background-color:#FFFacd;
}
	
.thanks06 span {
	font-size:140%;
	font-weight:bold;
}

.thanks07 {
	text-align:center;
	font-size:120%;
	line-height:140%;
}	

.thanks08 {
	font-family:serif;
	width:90%;
	margin:10px auto;
	font-size:100%;
	line-height:140%;
	color:#8b008b;
	border:solid 1px #483d8b;
	padding:15px;
	background-color:#FFFFFF;
	font-weight:bold;
}	
	
.thanks09 {
	width:90%;
	margin:10px auto 50px;
	font-size:100%;
	line-height:140%;
	border:solid 1px #483d8b;
	padding:10px;
	background-color:#FFFFFF;
}
	
.thanks09 span{
	color:#000000;
}

.thanks10 {
	width:80%;
	margin:10px 1em;
	border:solid 1px #000000;
	padding:10px;
}

.thanks11 {
	display:inline-block;
	width:90%;
	margin:10px auto;
	text-align:center;
	background-color:#008080;
	padding:5px 10px;
	color:#FFFFFF;
}
	
.thanks_pic {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	width:40%;
	max-width:200px;
}

.categolyline {
	width:100%;
	margin:0 10px;
}
	
.categoly01 {
	width:50%;
	float:left;
	font-size:85%;
	height:4em;
}
	
.categoly01 img{
	width:30%;
}

.pc_none {
	display:none;
}

}

