/*-------------------------------------------------
  Reset
-------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.5;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

select {
	background:#f8f8f8;
	border:1px solid #d8d8d8;
	border-radius:3px;
	font-size:16px;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	color:#333333;
}

input[type="text"]{
	background:#f8f8f8;
	border:1px solid #d8d8d8;
	border-radius:3px;
	font-size:16px;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	color:#333333;
}

input[type="url"]{
	background:#f8f8f8;
	border:1px solid #d8d8d8;
	border-radius:3px;
	font-size:16px;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

input[type="email"]{
	background:#f8f8f8;
	border:1px solid #d8d8d8;
	border-radius:3px;
	font-size:16px;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

input[type="radio"]{
	background:#f8f8f8;
	border:1px solid #d8d8d8;
}

input[type="submit"]{
  background: -moz-linear-gradient(top, #640502, #811814);
    background: -webkit-gradient(linear, left top, left bottom, from(#640502), to(#811814));
	border-radius:3px;
	color: #FFF;
	font-size:16px;
	width:80%;
	border:none;
	padding:10px;
	margin:0 auto;
}

input[type="button"]{
	background: -moz-linear-gradient(top, #640502, #811814);
    background: -webkit-gradient(linear, left top, left bottom, from(#640502), to(#811814));
	border-radius:3px;
	color: #FFF;
	font-size:16px;
	width:100%;
	border:none;
	padding:10px;
	margin:0 auto;
}

textarea {
	background:#f8f8f8;
	border:1px solid #d8d8d8;
	border-radius:3px;
	font-size:16px;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

.btn-wrap {
	text-align:center;
}


/*-------------------------------------------------
  共通
-------------------------------------------------*/
body {
	font-size:14px;
	boxsizing:border-box;
}
a img:hover {
	opacity:0.8;
}
p {
  line-height:1.5;
  margin-bottom:14px;
}
a {
}
a:hover {
	opacity:0.8;
}
h2 {
	background:#fdeef0;
  border-top:2px solid #360705;
  color:#360705;
  font-size:16px;
  padding:10px;
  margin:40px 0 20px 0;
  font-weight:normal;
}
aside h2 {
  margin-top:0;
}
#wrapperAll #wrapper #main h1 {
	color: #000000;
	font-size:20px !important;
	margin:20px 0 20px 0;
  border-bottom:1px solid #eee;
  padding-bottom:20px;
}
#wrapperAll #wrapper #main h1 span {
  font-size:16px;
  font-weight:normal;
}
#wrapperAll #wrapper #main h1 span a {
  color:blue;
}
.star {
	color:orange;
}
.attention {
	color:red;
	font-weight:bold;
}
.tc {
	text-align:center;
}
.clearfix {
	clear:both;
}
.share-btn {
	width:300px;
	margin:0 auto;
	margin-top:50px;
}
.share-btn li {
	float:left;
}
.link-btn {
  border:1px solid #eee;
  background:#f3f3f3;
  text-align:center;
  padding:15px;
  color:#000;
  height:20px;
  width:95%;
  margin:20px auto 40px auto;
}
.link-btn a {
  display:block;
  width:100%;
  text-decoration:none;
  color:#000;
}

/*-------------------------------------------------

-------------------------------------------------*/

/*-- PC表示 --*/

@media screen and (min-width:780px) {

header {
	width:100%;
	border-bottom:2px solid #360705;
}

header .hd-wrap {
	width:1030px;
	margin:0 auto;
	position:relative;
}

header .hd-wrap .cap {
	font-size:12px;
	font-weight:normal;
	padding:5px;
}

header .hd-wrap .nav-wrap {
	right:0;
	bottom:0;
	position:absolute;
}

header .hd-wrap .nav-wrap li {
	float:left;
	padding:10px;
	position:relative;
}

header .hd-wrap .nav-wrap li a {
	color:#360705;
	width:100%;
	height:100%;
}

header .hd-wrap .nav-wrap li:last-child {
	border-right:none;
}

#wrapperAll {
	padding-top:10px;
	padding-bottom:20px;
}

#wrapperAll #wrapper {
	width:1030px;
	margin:0 auto;
}

#wrapperAll #wrapper #main {
	width:750px;
	float:left;
	margin-right:10px;
	padding:5px;
	background:#ffffff;
}

#wrapperAll #wrapper aside {
	width:250px;
	float:left;
	padding:5px;
	background:#ffffff;
}

#wrapperAll #wrapper aside h3 {
	background:#eee;
	padding:5px;
	color:#000;
	margin-bottom:5px;
}

#wrapperAll #wrapper aside .item-ranking {
  padding:10px 0 10px 0;
  border-bottom:1px solid #eee;
  position:relative;
}
#wrapperAll #wrapper aside .item-ranking:hover {
  background:#f3f3f3;
}
#wrapperAll #wrapper aside .item-ranking a {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#wrapperAll #wrapper aside .item-ranking img {
	vertical-align:bottom;
}
#wrapperAll #wrapper aside .item-ranking h4 {
	font-size:12px !important;
	width:100%;
	line-height:25px;
}

footer {
	clear:both;
	background:#360705;
	padding-top:20px;
	padding-bottom:20px;
	color:#ffffff;
}

footer #footer-menu {
	width:1030px;
	margin:0 auto;
	padding-bottom:20px;
}

footer #footer-menu ul li {
}

footer #footer-menu ul li a {
	color:#ffffff;
}

footer #footer-copyright {
	clear:both;
	text-align:center;
}

}


/*-- SP�p --*/

@media screen and (max-width:780px) {

header {
	width:100%;
	text-align:center;
	border-bottom:2px solid #eb6a7a;
}

header .cap {
	font-size:12px;
	font-weight:normal;
	padding:5px;
	text-align:center;
}

.nav-wrap {
	display:none;
}

.nav-wrap li {
	float:left;
	padding:10px;
}

.nav-wrap li a {
	color:#4878be !important;
	width:100%;
	height:100%;
	font-size:12px;
}

#wrapperAll {
}

#wrapperAll #wrapper {
	margin-bottom:20px;
}

#wrapperAll #wrapper #main {
	width:100%;
	background:#ffffff;
}

#wrapperAll #wrapper aside {
	width:100%;
	background:#ffffff;
}

#wrapperAll #wrapper aside h3 {
	background:#f8f8f8;
	font-weight:normal;
	padding:5px;
	color:#360705;
	margin-bottom:5px;
}

#wrapperAll #wrapper aside .item-ranking {
  padding:10px;
  border-bottom:1px solid #eee;
  position:relative;
}
#wrapperAll #wrapper aside .item-ranking:hover {
  background:#f3f3f3;
}
#wrapperAll #wrapper aside .item-ranking a {
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
#wrapperAll #wrapper aside .item-ranking img {
	vertical-align:bottom;
}
#wrapperAll #wrapper aside .item-ranking h4 {
	font-size:12px !important;
	width:100%;
	line-height:25px;
}

footer {
	background:#360705;
	padding-top:20px;
	padding-bottom:20px;
	color:#ffffff;
}

footer #footer-menu {
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
}

footer #footer-menu ul li {
}

footer #footer-menu ul li a {
	color:#ffffff;
}

footer #footer-copyright {
	text-align:center;
}

}