@charset "UTF-8";
body
{
	background: #fff;
	color: #333;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:2em;
	font-size: 16px;
}
*
{
	margin:0;
	padding: 0;
}
.wapper
{
	width: 1000px;
	/* background-color: rgba(0, 0, 0, 0.24); */
	margin: auto;
	clear: both;
	/* margin-top: 20px; */
	padding: 10px;
	/* box-shadow: 0 0 5px #000 inset; */
}
.wapper:after
{
	content: "";
	display: block;
	clear: both;
}
p
{
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;

	margin: 0;
}
h1
{
font-size: 20px;
padding: 0;
margin: 0;
width: 1000px;margin: auto;text-align: center;margin-top: 10px;}
h1 a
{
/* background-color: rgba(219, 68, 55, 0.65); */
padding: 5px 10px 5px 10px;
color: #CF7439;
/* width: 100%; */
/* min-width: 1000px; */
clear: both;
/* position: absolute; */text-decoration: none;
margin: auto;
/* display: block; */
text-align: center;
transition: all .5s ease-in-out;
word-wrap:break-word;
/* margin-top: 18px; */                        }
h1 a:hover
{
/* box-shadow: 0 0 5px #000 inset; */
text-decoration: underline;
/* color: #000; */
/* background-color: rgba(255, 255, 255, 0.59); */}

h2
{
	color: #000;
	text-decoration: none;
	padding: 0 ;
	margin: 0;
}
h3
{
	color: #1E1A1A;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-size: 16px;
	/* background-color: #db4437; */
	margin-top: 15px;
	padding-left: 16px;
	/* clear: both; */
	/* border-bottom: 3px solid #000000; */
}
a
{
	color: #E8803D;
	text-decoration: none;
}
a:hover
{
	/* color: #db4437; */
	text-decoration: underline;
}
/*======================style title======================*/
.box-Col-ID h2
{
	background-color: #FFFFFF;
	font-size: 18px;
	color: #000;
	position:relative;
	/* border-radius: 99px; */
	z-index: 1;
	text-align: center;
	margin: 10px;
	margin-bottom: 10px;
	border-bottom: 3px double #CF7439;
	/* box-shadow: 0px 0 0 0 #DB4437,    0px 0 0 0 #DB4437,    0 3px 3px 0 rgba(0,0,0,0.1); */
}

.box-Col-ID h2:before{
	/* content:" "; */
	position:absolute;
	top: 27px;
	left: -10px;
	width: 100%;
	height: 0;
	border-width: 10px;
	border-radius: 0;
	/* border-style: dotted; */
	border-color: rgb(0, 0, 0);
	/* border-bottom-color: #DB4437; */
}
.box-Col-ID h2:after{
    /* content: " "; */
    position: absolute;
    top: 46px;
    right: 0;
    border-radius: 99px;
    width: 3px;
    height: 21px;
    border-width: 6px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    /* border-top-color: #DB4437; */
}
.box-Col-ID h2 a
{
color: #fff;
display: block;
text-decoration: none;
}
.box-Col-ID h2 a:hover
{
color: #000;
display: block;
text-decoration: none;	
}
/*======================style title======================*/
/*=============================menu=============================*/
.menu-Col-ID
{
width: 100%;
margin: auto;
/* margin-top: 6px; */
min-width: 1000px;
clear: both;margin-bottom: 10px;/* background-color: rgb(213, 186, 215); */box-shadow: 0 0 5px #000 inset;                        }
.menu-Col-ID ul
{
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0;
	text-align: center;
	background-color: rgb(207, 116, 57);
	/* box-shadow: 0 0 5px #000 inset; */
	padding-bottom: 5px;
	padding-top: 5px;
}
.menu-Col-ID ul li
{
display: inline-block;
}
.menu-Col-ID ul li a
{
color: #CF7439;
text-decoration: none;
display: block;
padding: 8px 63px;
font-size: 13px;
/* padding-bottom: 19px; */background: #fff;border-bottom: 4px double #CF7439;}
.menu-Col-ID ul li a:hover
{
background-color: #CF7439;
color: #FFFFFF;
box-shadow: 0 0 5px #000 inset;
}

/*Style 'show menu' label button and hide it by default*/
.Col-ID-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #D3813F;
	text-align: center;
	padding: 10px 0;
	display: none;
	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-Col-ID-sub
{
	/* background-color: #eee; */
	/* box-shadow:  0 0 1px #000; */
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
.menu-Col-ID-sub ul
{
padding: 0;
text-align: center;
margin: 0;overflow: hidden;}
.menu-Col-ID-sub ul li
{
list-style: none;
padding: 0;
}

.menu-Col-ID-sub ul li a
{
	display: block;
	background-color: #db4437;
	color: #fff;
	text-decoration: none;
	padding: 0px;
	box-shadow: 0 0 2px #000;
	margin-bottom: 0px;
	font-size: 15px;
}
.menu-Col-ID-sub ul li a:hover
{
	text-decoration: none;
	box-shadow: 0 0 5px #000 inset;
	background-color: #db4437;
	color: #FFFFFF;
}
/*=============================menu=============================*/



/*====================media&img==================================*/
.top-images
{
width: 1000px;
margin: auto;
padding: 0;
}
.top-images img
{
	width: 100%;
	box-shadow: 0 0 5px #000;
	margin-top: 10px;
	/* border-radius: 10px; */
}
.box-Col-ID-main img
{
	width: 40%;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	box-shadow: 0px 0px 4px #000;
	/* border-radius: 20px; */
	/* border: 5px solid #DB4437; */
}
.img-Col-ID-1
{
	width: 35%;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	box-shadow: 0px 0px 4px #000;
	/* border-radius: 20px; */
	/* border: 5px solid #DB4437; */
}
.img-Col-ID-2
{
	width: 97.4%;
	box-shadow: 1px 2px 5px #000;
	border-radius: 20px;
	border: 5px solid #DB4437;
}
.img-Col-ID-3
{
	width: 96%;
	box-shadow: 1px 2px 5px #000;
	border-radius: 20px;
	border: 5px solid #DB4437;
}
.img-Col-ID-4
{
	width: 96.5%;
	box-shadow: 1px 2px 5px #000;
	border-radius: 20px;
	border: 5px solid #DB4437;
}
.img-Col-ID-responsive
{
	width:100% ;
	box-shadow: 0 0 5px #000;
}
/*====================media&img==================================*/


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

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

}
.box-Col-ID-3
{
width: 32%;
padding: 0;
margin: 0;
float: left;margin-right: 14px;}
.box-Col-ID-3:first-child
{
	margin-left: 0;
}
.box-Col-ID-3:nth-child(2)
{

}
.box-Col-ID-3:nth-child(3)
{
	margin-right: 0;
}
.box-Col-ID-3:nth-child(4)
{

}
.box-Col-ID-3:nth-child(5)
{

}
.box-Col-ID-4
{
width: 100%;
padding: 0;
margin: 0;
margin-right: 26px;}
.box-Col-ID-4:first-child
{
	margin-left: 0;
}
.box-Col-ID-4:nth-child(2)
{

}
.box-Col-ID-4:nth-child(3)
{

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

}
.box-Col-ID-main
{
width: 100%;
padding: 0;
margin: 0;
}
.box-Col-ID-links
{
width: 100%;
padding: 0;
margin: 0;
}
.box-Col-ID-main:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Col-ID
{
box-shadow: 0 0 5px #000;
margin-bottom: 20px;
background-color: #fff;
padding-bottom: 20px;
/* border-radius: 20px 20px 15px 15px; */padding-top: 0px;overflow: hidden;/* border-top: 10px solid #000; */}
.box-Col-ID:after
{
		content: "";
		display: block;
		clear: both;
}
p.links-Col-ID a
{
padding: 2px 20px 2px 20px;
float: right;
color: #fff;

text-decoration: none;
margin: 10px;
clear: both;margin-left: -20px;border-left: 0;/* box-shadow: 1px 2px 5px #000; */                  background-color: #CF7439;/* border-radius: 99px; */border-bottom: 4px double #fff;}
p.links-Col-ID a:hover
{
	text-decoration: none;
	color: #fff;
	box-shadow: 0px 0px 5px #000 inset;
	background-color: #F0A26F;
}
.box-Col-ID-links
{
	list-style: none;
}
.box-Col-ID-links ul
{
	list-style: none;
	padding: 10px;
}
/*======================block & frame======================*/


.footer
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #CF7439;
	color: #000;
	margin: auto;
	width: 100%;
	clear: both;
	height: auto;
	text-align: center;
	word-wrap: break-word;
	min-width: 1000px;
	box-shadow: 0 0 5px #000;
}
.footer a
{
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover
{
	/* color: #DB4437; */
	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: 94%;
	max-width: 480px;
	margin-top: 20px;

}
h1
{
	text-align: left;
	width: 100%;
	text-align: center;
}
h1 a
{
		/* width: 100%; */
		position: relative;
		min-width: inherit;
		margin-top: 0;
		/* text-align: center; */
		/* width: inherit; */
		/* border-radius: 0; */
		/* background-color: #db4437; */
}
.top-images
{
width: 100%;
margin: auto;
max-width: 480px;
}
.top-images img {

    border-radius: 0px;
}
.box-Col-ID-main img,.img-Col-ID-1,.img-Col-ID-2,.img-Col-ID-3,.img-Col-ID-4
{
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}
/*=============================menu=============================*/
.menu-Col-ID
{
width: 100%;
max-width: 480px;
margin: auto;
min-width: inherit;
}

.menu-Col-ID ul
{
	padding: 0;	
list-style: none;
text-align: center;
background-color: transparent;
}
.menu-Col-ID ul li
{
	display: inline;
	width: 100%;
}
.menu-Col-ID ul li a
{
/* color: #DAAF00; */
text-decoration: none;
padding: 5px;
/* background-color: #3C3C3C; */
box-shadow: 0 0 1px #000;
/*margin-bottom: 5px;*/
/*margin-top: 5px;   */
/* color: #fff; */}
.menu-Col-ID ul li a:hover
{
/* background-color: #db4437; */
/* color: #fff; */
/* box-shadow: 0 0 5px #000 inset; */
}

.Col-ID-menu
{
	width: 100%;
	max-width: 480px;
}
/*Make dropdown links appear inline*/
	.menu-Col-ID ul {
		position: static;
		display: none;
		margin: 0;
		transition: all .5s ease-in-out;
	}

	/*Display 'show menu' link*/
	.Col-ID-menu {
		display:block;
		margin-top: 0px;
		transition: all .5s ease-in-out;
	}

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



/*======================block & frame======================*/
.main
{
width: 100%;
float: none;
margin-bottom: 20px;
clear: both;
}
.sub
{
width: 100%;
float: none;
margin: 0;margin-bottom: 20px;
clear: both;
}

.frames-Col-ID-box
{
clear: both;
margin-bottom: 20px;
}
.frames-Col-ID-box:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Col-ID-1
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Col-ID-1:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Col-ID-2
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Col-ID-2:first-child
{
	margin-left: 0;
}
.box-Col-ID-2:nth-child(2)
{
	margin-right: 0;
}
.box-Col-ID-2:nth-child(3)
{

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

}
.box-Col-ID-3
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Col-ID-3:first-child
{
	margin-left: 0;
}
.box-Col-ID-3:nth-child(2)
{

}
.box-Col-ID-3:nth-child(3)
{
	margin-right: 0;
}
.box-Col-ID-3:nth-child(4)
{

}
.box-Col-ID-3:nth-child(5)
{

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

}
.box-Col-ID-4:nth-child(3)
{

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

}
.box-Col-ID-main
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Col-ID-main:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Col-ID
{
box-shadow: 0 0 5px #000;
margin-bottom: 20px;
background-color: #fff;
padding-bottom: 20px;
}
.box-Col-ID:after
{
		content: "";
		display: block;
		clear: both;
}
p.links-Col-ID a
{

color: #fff;

/* background-color: #FF9E01; */

text-decoration: none;

margin: 10px;

/* border-radius: 99px; */

float: none;

display: block;

text-align: center;

/* border-color: #382323; */

/* box-shadow: 0 0 5px #000 inset; */
}
p.links-Col-ID a:hover
{
	text-decoration: none;
	color: #fff;
	/* background-color: #B51E11; */
	box-shadow: 0 0 5px #000 inset;
	/* border-radius: 99px; */
}
/*======================block & frame======================*/


.footer
{
width: 100%;
min-width: inherit;}
.social
{
	width: 300px;
	text-align: center;
	margin: auto;
}
}