@charset "UTF-8";
body
{
	background: #566441;
	color: #333;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 2em;
	font-size: 16px;
	/* background-image: url('../images/bg.png'); */
}
*
{
	margin:0;
	padding: 0;
}
.header
{
	width: 1000px;
	margin: auto;
	padding: 0;
	clear: both;
	background-color: #484403;
	margin-bottom: 10px;
	padding-bottom: 5px;
	box-shadow: 0 0 2px #000000;
	min-width: 1000px;
	border-bottom: 5px double white;
}
.wapper
{
	width: 1000px;
	/* background-color: #eee; */
	margin: auto;
}
.wapper:after
{
	content: "";
	display: block;
	clear: both;
}
p
{
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;

	margin: 0;
}
h1
{
font-size: 20px;
padding: 0;

width: 1000px;margin: auto;min-width: 1000px;text-align: center;padding-top: 10px;padding-bottom: 10px;background: #8C8509;}
h1 a
{

padding: 10px 0 10px 0;

color: #FFFFFF;

clear: both;

text-decoration: none;

margin: auto;

transition: all .5s ease-in-out;

word-wrap:break-word;
}
h1 a:hover
{
/* box-shadow: 0 0 5px #000 inset; */
text-decoration: underline;
color: #FFFFFF;
}

h2
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 ;
	margin: 0;
}
h3
{
	color: #000;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-size: 15px;
	/* background-color: #E842ED; */
	margin-top: 20px;
	padding-left: 18px;
	/* clear: both; */
	/* box-shadow: 0 0 5px #000 inset; */
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
	overflow: hidden;
	margin-top: 3px;
}
a
{
	color: #db4437;
	text-decoration: none;
}
a:hover
{
	/* color: #F9B026; */
	text-decoration: underline;
}
/*======================style title======================*/


.box-holding-up h2{
	position:relative;
	padding: 7px 0;
	font-size: 16px;
	overflow: hidden;
	text-align: center;
	z-index: 2;
	padding-left: 8px;
	border-radius: 10px;
	background: #8E860B;
	border: 5px double white;
	margin-bottom: 10px;
	border-left: none;
	border-right: none;
}
.box-holding-up h2:before{
	/* content:" "; */
	position:absolute;
	top: 15px;
	right: 5px;
	width: 0;
	height: 0;
	/* z-index: 0; */
	/* border-width: 3px; */
	/* border-style: solid; */
	/* border-color: rgb(0, 0, 0); */
	/* border-right-color: rgb(0, 0, 0); */
}
.box-holding-up h2:after{
	content:" ";
	position:absolute;
	top: -15px;
	right: 1px;
	width: 59px;
	z-index: -1;
	height: 30px;
	border-width: 20px 20px 20px 20px;
	/* border-style:solid; */
	/* border-color: rgba(0, 0, 0, 0); */
	/* border-right-color: rgba(135, 104, 136, 0); */
	/* border-top-color: #E86000; */
	/* border-bottom-color: rgb(0, 0, 0); */
}


.box-holding-up h2 a
{
color: #fff;
display: block;
text-decoration: none;
}
.box-holding-up h2 a:hover
{
color: #000;
display: block;
text-decoration: none;	
}
/*======================style title======================*/
/*=============================menu=============================*/
.menu-holding-up
{
width: 100%;
margin: auto;
margin-top: -4px;
min-width: 1000px;
margin-bottom: 0px;/* background: #B95608; */}
.menu-holding-up ul
{
	padding: 0;
	width: 1000px;
	margin: auto;
	list-style: none;
	text-align: center;
	/* background-color: #E842ED; */
	/* border: 5px solid #000; */
	/* border-radius: 99px; */
}
.menu-holding-up ul li
{
display: inline-block;
}
.menu-holding-up ul li a
{color: #FFFFFF;text-decoration: none;display: block;padding: 5px 49px;font-size: 15px;background: #F4A814;border: 5px double;border-left: none;border-right: none;border-radius: 10px;}
.menu-holding-up ul li a:hover
{
background-color: rgb(142, 134, 11);
color: #FFFFFF;
/* box-shadow: 0 0 5px #000 inset; */
}

/*Style 'show menu' label button and hide it by default*/
.holding-up-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #8C8509;
	text-align: left;
	padding: 10px 0;
	display: none;
	text-indent: 10px;
	border-bottom: 3px solid #000;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;

}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;

}
label
{
	transition: all .5s ease-in-out;
	cursor: pointer;
}
label:hover
{
	box-shadow: 0 0 5px #000 inset;
}

/*=============================menu=============================*/



/*====================media&img==================================*/
.top-images
{
width: 1000px;
margin: auto;
padding: 0;
}
.top-images img
{
	width: 100%;
	box-shadow: 0 0 4px #000;
	/* border-radius: 10px; */
	margin-top: 3px;
}
.box-holding-up-main img
{
	width:40% ;
	box-shadow: 0 0 5px #000;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	/* border-radius: 0 0 99px; */
}
.img-holding-up-1
{
	width: 41%;
	box-shadow: 0 0 5px #000;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	/* border-radius: 0 0 99px; */
}
.img-holding-up-2
{
	width:100% ;
	box-shadow: 0 0 5px #000;
	/* border-radius: 0 0 99px; */
}
.img-holding-up-3
{
	width:100% ;
	/* border-radius: 0 0 99px; */
	box-shadow: 0 0 5px #000;
}
.img-holding-up-4
{
	width:100% ;
	box-shadow: 0 0 5px #000;
	/* border-radius: 0 0 99px; */
}
.img-holding-up-responsive
{
	width:100% ;
	box-shadow: 0 0 5px #000;
}
/*====================media&img==================================*/


/*======================block & frame======================*/
.main
{
clear: both;
padding: 0;
margin: 0;
}
.main:after
{
	content: "";
	clear: both;
	display: block;
}
.frames-holding-up-box
{
clear: both;
margin-bottom: 0px;
}
.frames-holding-up-box:after
{
	content: "";
	display: block;
	clear: both;
}
.box-holding-up-1
{
width: 100%;
padding: 0;
margin: 0;
}
.box-holding-up-1:after
{
	content: "";
	display: block;
	clear: both;
}
.box-holding-up-2
{
width: 49%;
padding: 0;
margin: 0;
margin-right: 20px;float: left;}
.box-holding-up-2:first-child
{
	margin-left: 0;
}
.box-holding-up-2:nth-child(2)
{
	margin-right: 0;
}
.box-holding-up-2:nth-child(3)
{

}
.box-holding-up-2:nth-child(4)
{
	margin-right: 0;
}
.box-holding-up-2:nth-child(5)
{

}
.box-holding-up-3
{
width: 32%;
padding: 0;
margin: 0;
float: left;margin-right: 20px;}
.box-holding-up-3:first-child
{
	margin-left: 0;
}
.box-holding-up-3:nth-child(2)
{
}
.box-holding-up-3:nth-child(3)
{
	margin-right: 0;
}
.box-holding-up-3:nth-child(4)
{

}
.box-holding-up-3:nth-child(5)
{

}
.box-holding-up-4
{
width: 23%;
padding: 0;
margin: 0;
float: left;margin-right: 26px;}
.box-holding-up-4:first-child
{
	margin-left: 0;
}
.box-holding-up-4:nth-child(2)
{

}
.box-holding-up-4:nth-child(3)
{

}
.box-holding-up-4:nth-child(4)
{
margin-right: 0;
}
.box-holding-up-4:nth-child(5)
{

}
.box-holding-up-main
{
width: 100%;
padding: 0;
margin: 0;
}
.box-holding-up-links
{
width: 100%;
padding: 0;
margin: 0;
}
.box-holding-up-main:after
{
	content: "";
	display: block;
	clear: both;
}
.box-holding-up
{
box-shadow: 0 0 5px #000;
margin-bottom: 10px;
background-color: #FFFFFF;
padding-bottom: 20px;
padding-top: 0px;border-radius: 10px;/* border-top: 5px solid #E86000; */}
.box-holding-up:after
{
		content: "";
		display: block;
		clear: both;
}
p.links-holding-up a
{padding: 0px 10px;float: right;color: #fff;background-color: #F4A814;text-decoration: none;margin: 10px;/* clear: both; */margin-left: 0px;display: inline-block;border-radius: 10px;border: 5px double;}
p.links-holding-up a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #8E860B;
	box-shadow: 0 0 5px #000 inset;
}
.box-holding-up-links
{
	list-style: none;
}
.box-holding-up-links ul
{
	list-style: none;
	padding: 10px;
}
.box-holding-up-links ul li
{
	
border-bottom: 1px solid #ddd;
	
line-height: 35px;
}
/*======================block & frame======================*/


.footer
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #8E860B;
	color: #000;
	margin: auto;
	width: 1000px;
	height: auto;
	text-align: center;
	word-wrap: break-word;
	box-shadow: 0 0 5px #000;
	/* margin-bottom: 20px; */
	border-bottom: 8px double white;
	border-radius: 10px;
}
.footer a
{
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.social
{
	width: 400px;
	text-align: center;
	margin: auto; 
}
.pocket-btn
{
	margin-top: 2px;
}







@media screen and (max-width: 480px){
body
{
	/* background-color: #eee; */
}
.wapper
{
	width: 90%;
	max-width: 480px;
	margin-top: 20px;
}
.header
{
	min-width: inherit;
	border-bottom: none;
	width: 100%;
	}

h1
{
	width: 100%;
	min-width: inherit;
	text-align: center;
}
h1 a
{
		min-width: inherit;
		width: 100%;
		position: relative;
		margin: 0;
		padding: 10px;
		font-size: 13px;
}
.top-images
{
width: 100%;
margin: auto;
max-width: 480px;
}
.top-images img {
    width: 100%;
    box-shadow: 0 0 5px #000;
    border-radius: 0px;
}
.box-holding-up-main img,.img-holding-up-1,.img-holding-up-2,.img-holding-up-3,.img-holding-up-4
{
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}
/*=============================menu=============================*/
.menu-holding-up
{
width: 100%;
max-width: 480px;
margin: auto;
min-width: inherit;
position: relative;
}

.menu-holding-up ul
{
	padding: 0;	
list-style: none;
text-align: center;
background-color: transparent;
}
.menu-holding-up ul li
{
	display: inline;
	width: 100%;
}
.menu-holding-up ul li a
{/* box-shadow: 0 0 1px #000; *//* color: #0A981A; */text-decoration: none;padding: 8px;background-color: #F7A908;/* box-shadow: 0 0 1px #000; *//*margin-bottom: 5px;*//*margin-top: 5px;   */border-radius: 0px;font-size: 13px;}
.menu-holding-up ul li a:hover
{
background-color: #F7F3F4;
color: #E49A00;
/* box-shadow: 0 0 5px #000 inset; */
}

.holding-up-menu
{
	width: 100%;
	max-width: 480px;
}
/*Make dropdown links appear inline*/
	.menu-holding-up ul {
		position: static;
		display: none;
		margin: 0;
		background: #E842ED;
		border: none;
		width: 100%;
		border-radius: 0;
		transition: all .5s ease-in-out;
	}

	/*Display 'show menu' link*/
	.holding-up-menu {
		display:block;
		margin-top: -10px;
		transition: all .5s ease-in-out;
		border-bottom: none;
	}
label:after {
    content: "";
    background: url('../images/nav.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
}
/*=============================menu=============================*/



/*======================block & frame======================*/
.main
{
clear: both;
padding: 0;
margin: 0;
}
.main:after
{
	content: "";
	clear: both;
	display: block;
}
.frames-holding-up-box
{
clear: both;
margin-bottom: 5px;
}
.frames-holding-up-box:after
{
	content: "";
	display: block;
	clear: both;
}
.box-holding-up-1
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-holding-up-1:after
{
	content: "";
	display: block;
	clear: both;
}
.box-holding-up-2
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-holding-up-2:first-child
{
	margin-left: 0;
}
.box-holding-up-2:nth-child(2)
{
	margin-right: 0;
}
.box-holding-up-2:nth-child(3)
{

}
.box-holding-up-2:nth-child(4)
{
	margin-right: 0;
}
.box-holding-up-2:nth-child(5)
{

}
.box-holding-up-3
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
float: none;}
.box-holding-up-3:first-child
{
	margin-left: 0;
	border-radius: 20px;
}
.box-holding-up-3:nth-child(2)
{

border-radius: 20px;
}
.box-holding-up-3:nth-child(3)
{
	margin-right: 0;
	border-radius: 20px;
}
.box-holding-up-3:nth-child(4)
{

}
.box-holding-up-3:nth-child(5)
{

}
.box-holding-up-4
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-holding-up-4:first-child
{
	margin-left: 0;
}
.box-holding-up-4:nth-child(2)
{

}
.box-holding-up-4:nth-child(3)
{

}
.box-holding-up-4:nth-child(4)
{
margin-right: 0;
}
.box-holding-up-4:nth-child(5)
{

}
.box-holding-up-main
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-holding-up-main:after
{
	content: "";
	display: block;
	clear: both;
}
.box-holding-up
{
box-shadow: 0 0 5px #000;
/* border-radius: 20px; */margin-bottom: 20px;
background-color: #fff;
padding-bottom: 20px;
padding-top: 0px;/* border-radius: 0; */}
.box-holding-up:after
{
		content: "";
		display: block;
		clear: both;
}
p.links-holding-up a
{
padding: 0px 10px 0px 10px;
float: left;
color: #fff;
/* background-color: #3A1F00; */
text-decoration: none;
margin: 10px;
}
p.links-holding-up a:hover
{
	text-decoration: none;
	color: #fff;
	/* background-color: #FF8A00; */
	box-shadow: 0 0 5px #000 inset;
}
/*======================block & frame======================*/


.footer
{
width: 100%;
}
.social
{
	width: 80%;
	text-align: center;
	margin: auto;
}
}