@charset "utf-8";

/* モバイルファースト（差分記述：末尾のメディアクエリ―別記載の箇所に個別指定しない限りすべてのデバイスでこの欄の記述が有効） */
/* 160404 */

h2.kazari{font-weight:normal;font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO",'メイリオ',Meiryo;}

/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 767px) {

#ftrL h4,#ftrC h4	{width:100%; background:#A38B77; color:#fff; padding:1px 0; margin:20px 0 15px 0; text-align:center; font-weight:bold;}
#ftrL h4:first-child,#ftrC h4:first-child	{margin-top:0;}
#footer h4:nth-child(even)	{background:#A38B77; opacity:0.7;}

.white_shadow		{
/* for modan browser */
text-shadow:0px 5px 1px #ffffff,0px 4px 1px #ffffff,1px 4px 1px #ffffff,2px 4px 1px #ffffff,3px 3px 1px #ffffff,4px 2px 1px #ffffff,4px 1px 1px #ffffff,4px 0px 1px #ffffff,5px 0px 1px #ffffff,4px -1px 1px #ffffff,4px -2px 1px #ffffff,4px -3px 1px #ffffff,3px -4px 1px #ffffff,2px -5px 1px #ffffff,1px -5px 1px #ffffff,0px -5px 1px #ffffff,-1px -5px 1px #ffffff,-2px -5px 1px #ffffff,-3px -5px 1px #ffffff,-4px -4px 1px #ffffff,-5px -3px 1px #ffffff,-5px -2px 1px #ffffff,-5px -1px 1px #ffffff,-5px 0px 1px #ffffff,-5px 1px 1px #ffffff,-5px 2px 1px #ffffff,-4px 3px 1px #ffffff,-3px 4px 1px #ffffff,-2px 4px 1px #ffffff,-1px 4px 1px #ffffff;

/* for IE */
filter:dropshadow(color=#ffffff,offx=0,offy=5,positive=1),dropshadow(color=#ffffff,offx=3,offy=3,positive=1),dropshadow(color=#ffffff,offx=4,offy=-1,positive=1),dropshadow(color=#ffffff,offx=2,offy=-5,positive=1),dropshadow(color=#ffffff,offx=-2,offy=-5,positive=1),dropshadow(color=#ffffff,offx=-5,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-5,offy=2,positive=1),dropshadow(color=#ffffff,offx=-1,offy=4,positive=1);
}

#inner_title {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
    /* line-height: 200px; */
    color: #00a0e9;
    display: block;
    height: 1em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.7em;
    top: 0;
    margin: auto;
}
.title	{font-weight:bold; color:#ba9f88; font-size:1.4em; text-align:center;line-height: 90px/*163px*/; /*position:relative; top:37px; left:62px;width: calc(100% - 70px);*/ letter-spacing:0.07em; }

section.pages h2			{ display:block; width:100%; height:60px; line-height:60px;  text-align:center; color:#fff; background:#00A0E9; font-size:1.4em; letter-spacing:0.3em; margin-bottom:1.2em; position:relative; border-bottom:solid 5px #E60012;}

/*
section h2,footer h2			{ display:block; text-align:center; color:#22964d; font-size:1.1em; margin-bottom:2em;}
section h2 span, footer h2 span		{ display:block; clear:both; font-size:1.7em; line-height:1em;
 font-family: Arial, Verdana, Futura, Helvetica, sans-serif;}
*/
section h3 {
    display: block;
    color: #22964d;
    margin-bottom: 2em;
}

#indexActivity h2		{ display:block; text-align:center; color:#fff; font-size:1.1em; margin-bottom:1em;}
#indexActivity h3 {
    display: block; width:90%;
    text-align: center;
    color: #fff;
    font-size: 0.95em;
    margin: 0 auto 2em;
}


/* treat accordion */

.whatsR h3{
	position:relative;
	padding:5px 20px;     margin: 1em 0 1.5em;
	font:bold 28px/1.6 Arial, Helvetica, sans-serif;
	color:#22964d;
	background:#fff;
/*	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
*/
	border-top:#8fbc39 solid 3px;
	border-bottom:#8fbc39 solid 3px;
	background-color:#F0FFF0;
}
.whatsR h3:before{
	content:" ";
	position:absolute;
	top:100%;
	left: 0;
	right: 0;
	margin: auto;
	width:0;
	height:0;
	border-width:24px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#8fbc39;
}
.whatsR h3:after{
	content:" ";
	position:absolute;
	top:100%;
	left: 0;
	right: 0;
	margin: auto;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#F0FFF0;
	z-index:1;

}
/*
.whatsR h3 {
    display: block;
    text-align: center;
    color: #22964d;
    font-size: 1.4em; font-weight:bold; border-bottom:dotted 2px #ddd;
    margin-bottom: 1em; padding-bottom:1em;}
*/


.whatsR h4 {
    color: #444;
    font-size: 1.3em;
    text-align: center;
    position: relative;
    margin: 1em -14px 1em;
    padding: 4px 0 4px;
    background: linear-gradient(#fff,#fff,#eee);
    border: 1px solid #bbb;
    border-left: none;
    border-right: none;
    /* box-shadow: 0 0 0 1px #fff; */
    text-shadow: 0 1px 1px #fff;
}

.whatsR h5{
font-size:1.4em; font-weight:normal; margin:0 0 0.5em; padding:0;    line-height: 0.8em;

}

.whatsR h5 span{
font-size:1.6em; font-weight:bold; color:#279d4f;position:relative; top:0.15em;

}


}



/*---------------------------------------------
 ** 個別指定 for タブレット
---------------------------------------------*/
 @media screen and (min-width: 768px) and (max-width: 1279px) { 



.white_shadow		{
/* for modan browser */
text-shadow:0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff;

/* for IE */
filter:dropshadow(color=#ffffff,offx=0,offy=2,positive=1),dropshadow(color=#ffffff,offx=1,offy=1,positive=1),dropshadow(color=#ffffff,offx=1,offy=-1,positive=1),dropshadow(color=#ffffff,offx=0,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-1,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-2,offy=-1,positive=1),dropshadow(color=#ffffff,offx=-2,offy=1,positive=1),dropshadow(color=#ffffff,offx=-1,offy=1,positive=1);
}
#inner_title {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-align: center;
    /* line-height: 200px; */
    color: #00a0e9;
    display: block;
    height: 2em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
#ftrL h4,#ftrC h4	{width:100%; background:#A38B77; color:#fff; padding:1px 0; margin:20px 0 15px 0; text-align:center; font-weight:bold;}
#ftrL h4:first-child,#ftrC h4:first-child	{margin-top:0;}
#ftrL h4:nth-child(3)	{background:#A38B77; opacity:0.7;}


.title	{font-weight:bold; color:#ba9f88; font-size:2em; text-align:center;line-height: 64px; /*position:relative; top:48px; left:180px;width: calc(100% - 190px);*/ letter-spacing:0.1em; }

section.pages h2			{ display:block; width:100%; height:90px; line-height:100px; background:url(../img/common/common_h2_bg_tab.png) no-repeat center center;  text-align:center; text-indent:-50%; color:#fff; font-size:1.7em; letter-spacing:0.3em; margin-bottom:1.5em; position:relative; }
/*
section h2,footer h2			{ display:block; text-align:center; color:#22964d; font-size:1.1em; margin-bottom:2em;}
*/
section h2 span, footer h2 span		{ display:block; clear:both; font-size:1.7em; line-height:1em;
 font-family: Arial, Verdana, Futura, Helvetica, sans-serif;}

section h3 {
    display: block;
    color: #22964d;
    margin-bottom: 2em;
}

#indexActivity h2		{ display:block; text-align:center; color:#fff; font-size:1.1em; margin-bottom:1em;}
#indexActivity h3 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1em;
    margin-bottom: 2em;
}




/* treat accordion */

.whatsR h3{
	position:relative;
	padding:5px 20px;     margin: 1em 0 1.5em;
	font:bold 28px/1.6 Arial, Helvetica, sans-serif;
	color:#22964d;
	background:#fff;
/*	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
*/
	border-top:#8fbc39 solid 3px;
	border-bottom:#8fbc39 solid 3px;
	background-color:#F0FFF0;
}
.whatsR h3:before{
	content:" ";
	position:absolute;
	top:100%;
	left: 0;
	right: 0;
	margin: auto;
	width:0;
	height:0;
	border-width:24px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#8fbc39;
}
.whatsR h3:after{
	content:" ";
	position:absolute;
	top:100%;
	left: 0;
	right: 0;
	margin: auto;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#F0FFF0;
	z-index:1;

}
/*
.whatsR h3 {
    display: block;
    text-align: center;
    color: #22964d;
    font-size: 1.4em; font-weight:bold; border-bottom:dotted 2px #ddd;
    margin-bottom: 1em; padding-bottom:1em;}
*/


.whatsR h4 {
    color: #444;
    font-size: 1.3em;
    text-align: center;
    position: relative;
    margin: 1em -14px 1em;
    padding: 4px 0 4px;
    background: linear-gradient(#fff,#fff,#eee);
    border: 1px solid #bbb;
    border-left: none;
    border-right: none;
    /* box-shadow: 0 0 0 1px #fff; */
    text-shadow: 0 1px 1px #fff;
}

.whatsR h5{
font-size: 1.4em; font-weight: normal; margin: 0; padding-left: 1.2em; line-height: 1.1em; text-indent: -2em;
}

.whatsR h5 span{
font-size:1.6em; font-weight:bold; color:#279d4f;position:relative; top:0.15em;

}


}

/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 1280px) {


.white_shadow		{
/* for modan browser */
text-shadow:0px 2px 1px #ffffff,0px 1px 1px #ffffff,1px 1px 1px #ffffff,1px 0px 1px #ffffff,2px 0px 1px #ffffff,1px -1px 1px #ffffff,1px -2px 1px #ffffff,0px -2px 1px #ffffff,-1px -2px 1px #ffffff,-2px -2px 1px #ffffff,-2px -1px 1px #ffffff,-2px 0px 1px #ffffff,-2px 1px 1px #ffffff,-1px 1px 1px #ffffff;

/* for IE */
filter:dropshadow(color=#ffffff,offx=0,offy=2,positive=1),dropshadow(color=#ffffff,offx=1,offy=1,positive=1),dropshadow(color=#ffffff,offx=1,offy=-1,positive=1),dropshadow(color=#ffffff,offx=0,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-1,offy=-2,positive=1),dropshadow(color=#ffffff,offx=-2,offy=-1,positive=1),dropshadow(color=#ffffff,offx=-2,offy=1,positive=1),dropshadow(color=#ffffff,offx=-1,offy=1,positive=1);
}
#inner_title {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-align: center;
    /* line-height: 200px; */
    color: #00a0e9;
    display: block;
    height: 2em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
#ftrL h4,#ftrC h4	{width:100%; background:#A38B77; color:#fff; padding:1px 0; margin:20px 0 15px 0; text-align:center; font-weight:bold;}
#ftrL h4:first-child,#ftrC h4:first-child	{margin-top:0;}
#ftrL h4:nth-child(3)	{background:#A38B77; opacity:0.7;}


.title	{font-weight:bold; color:#ba9f88 /*#A38B77*/; font-size:2.2em; text-align:center;line-height: 95px; /*position:relative; top:86px; left:215px;width: calc(100% - 40px);*/ letter-spacing:0.2em; }
/*
section.pages > .box_cont > h2			{ display:table-cell; width:20%; height:320px; text-align:right;vertical-align: middle; background:#00A0E9;color:#fff; font-size:2em; letter-spacing:0.2em; margin:0; padding:0; border-bottom:solid 10px #E60012; }
section.pages > .box_cont > h2 > span		{ display:block; line-height:1em; font-size:5em; font-family:'Century Gothic',sans-serif; font-weight:bold; letter-spacing:0;}
*/
section.pages h2			{ display:block; width:100%; height:120px; line-height:150px; background:url(../img/common/common_h2_bg.png) no-repeat center center;  text-align:center; color:#fff; font-size:2em; letter-spacing:0.3em; margin-bottom:2.5em; position:relative; }

section.pages h2.M			{ background:url(../img/common/common_h2_bg_M.png) no-repeat center center;}
section.pages h2.L			{ background:url(../img/common/common_h2_bg_L.png) no-repeat center center;}
/*
section.pages h2			{ display:inline-block; text-align:center; color:#006dd9; font-size:2em; letter-spacing:0.3em; margin-bottom:2em; position:relative; padding:0 0 5px 0.3em;}
section.pages h2:before			{content:""; display:block; width:100%; border-bottom:solid 7px #00A0E9; position:absolute; bottom:0;left:0; right:0; margin:auto;}
section.pages h2:after			{content:""; display:block; width:100%; border-bottom:solid 5px #E60012; position:absolute; bottom:-3px;left:0; right:0; margin:auto;}
*/
section h2 span, footer h2 span		{ display:block; clear:both; font-size:1.7em; line-height:1em;
 font-family: Arial, Verdana, Futura, Helvetica, sans-serif;}

section h3 {
    display: block;
    color: #22964d;
    margin-bottom: 2em;
}

#indexActivity h2		{ display:block; text-align:center; color:#fff; font-size:1.1em; margin-bottom:1em;}
#indexActivity h3 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1em;
    margin-bottom: 2em;
}


/* treat accordion */

.whatsR h3{
	position:relative;
	padding:5px 20px;     margin: 1em 0 1.5em;
	font:bold 28px/1.6 Arial, Helvetica, sans-serif;
	color:#22964d;
	background:#fff;
/*	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
*/
	border-top:#8fbc39 solid 3px;
	border-bottom:#8fbc39 solid 3px;
	background-color:#F0FFF0;
}
.whatsR h3:before{
	content:" ";
	position:absolute;
	top:100%;
	left: 0;
	right: 0;
	margin: auto;
	width:0;
	height:0;
	border-width:24px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#8fbc39;
}
.whatsR h3:after{
	content:" ";
	position:absolute;
	top:100%;
	left: 0;
	right: 0;
	margin: auto;
	width:0;
	height:0;
	border-width:20px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#F0FFF0;
	z-index:1;

}
/*
.whatsR h3 {
    display: block;
    text-align: center;
    color: #22964d;
    font-size: 1.4em; font-weight:bold; border-bottom:dotted 2px #ddd;
    margin-bottom: 1em; padding-bottom:1em;}
*/


.whatsR h4 {
    color: #444;
    font-size: 1.3em;
    text-align: center;
    position: relative;
    margin: 1em -14px 1em;
    padding: 4px 0 4px;
    background: linear-gradient(#fff,#fff,#eee);
    border: 1px solid #bbb;
    border-left: none;
    border-right: none;
    /* box-shadow: 0 0 0 1px #fff; */
    text-shadow: 0 1px 1px #fff;
}

.whatsR h5{
font-size:1.4em; font-weight:normal; margin:0; padding:0;    line-height: 0.8em;

}

.whatsR h5 span{
font-size:2.2em; font-weight:bold; color:#279d4f;position:relative; top:0.15em;

}


}