body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color: #fff8dc;
	margin: 0}

a	{color: #017acd}



/* ===== PC用の設定 =====*/

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


/* コンテナ */
div#container	{width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 130px;
	background-color: #ffffff;
	padding: 5px 30px;
	-webkit-box-shadow: 0px 0px 60px #bc8f8f;
	box-shadow: 0px 0px 60px #bc8f8f;
	position: relative;
	overflow: hidden;
	border-radius: 2px}

/* ヘッダー */
header#pageheader	{background: none;
	padding: 15px 0 0}

header#pageheader h1	{margin: 0;
	float: left;
	font-size: 20px;
	font-weight: normal}

header#pageheader h2	{color: #666666;
	font-size: 0.75em;
	margin: 0;
	padding-top: 10px;
	text-align: right;
	font-weight: normal}

nav	{clear: both}

/* 上部メニュー */
nav ul	{font-size: 0.75em;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 0;
	height: 30px;
	background-color: #6e625c;
	border-radius: 5px}

nav ul li	{list-style-type: none;
	width: 25%;
	float: left}

nav ul li a	{display: block;
	width: 100%;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	border-right: solid 1px rgba(255,255,255,0.2)}

nav ul li a:hover	{background-color: rgba(1,122,205,0.3)}

nav ul li:first-of-type a:hover
	{border-radius: 5px 0 0 5px}


/* 左横メニュー（生まれ日） */

div#left {float: left;
	width: 140px;
	margin-top: 10px;
	margin-bottom: 140px}

div#card {float: left;
	width: 70px;
	margin-top: 0;
	margin-bottom: 60px}

div#card nav ul	{font-size: 0.75em;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	height: 20px;
        background-color: #4682b4;
	border-radius:	0}


div#card nav ul li	{list-style-type: none;
	width: 70px;
	float:left}

div#card nav ul li a	{display: block;
	width: 70px;
	line-height: 20px;
	text-decoration: none;
	color: #ffffff;
	background-color: #4682b4;
	border-bottom: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-radius:	0}

div#card nav ul li a:hover	{background-color: #005087}

div#card_nopc	{display: none;}






/* 右サイド */



aside	{margin: 30px 0;}

aside#nopc	{display: none;}





aside ul	{font-size: 11.5px;
	margin: 5px 0;
	padding: 0;
	line-height: 30px;
	clear: both}

aside ul li	{list-style-type: none;
	width: 100%;}

aside ul li a	{display: block;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	border-bottom: dotted 1px #aaaaaa;}

aside ul li:first-of-type a	{border-top: dotted 1px #aaaaaa;}

aside ul li a:hover	{text-decoration: underline;}


aside ul li.nopc	{display: none;}



/* 中央コンテンツ */

div#main	{width:640px;
	margin: 10px 0 130px 20px;
	float: right;}




/* 広告 */

div#vrec_1_pc	{float: right;
	position: fixed;
	top: 0px;
	right: 0px;}

div#category_footer	{position: absolute;
	bottom: 70px;}

div#mob_footer_sticky {display: none;}

div#interscroller	{display: none;}

div#interscroller2	{display: none;}




/* フッター */
footer	{color: #888888;
	margin-top: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	clear: both;
	border-top: solid 1px #aaaaaa}

small	{font-size: 10px;
	font-style: normal;
	text-align: left;
	display: block}

small#pp	{text-align: right;}



/* 画像の配置 */
figure	{margin: 0}




}











/* ===== スマートフォン用の設定 =====*/

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


/* コンテナ */
div#container	{width: 97%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffffff;
	padding: 5px 10px;
	-webkit-box-shadow: 0px 0px 15px #bc8f8f;
	box-shadow: 0px 0px 15px #bc8f8f;
	position: relative;
	overflow: hidden;
	border-radius: 2px}

/* ヘッダー */
header#pageheader	{background: none;
	padding: 5px 0 0}

header#pageheader h1	{margin: 0;
	float: left;
	font-size: 15px;
	font-weight: normal;
	padding-right: 5px;
	padding-bottom: 0px;}

header#pageheader h2	{color: #666666;
	font-size: 10px;
	margin: 0 0 0;
	text-align: right;
	font-weight: normal;
	padding-top: 5px;}



/* 上部メニュー */

nav	{clear: both;
	width: 100%;}

nav ul	{font-size: 12px;
	margin-top: 0;
	margin-bottom: 40px;
	margin-left: 0;
	padding-left: 0;
	height: 30px;
        background-color: #6e625c;
	border-radius:	0;}

nav ul li	{list-style-type: none;
	float: left;
	width: 50%;
	background-color: #6e625c;}

nav ul li.home	{width: 100%;}

nav ul li a	{display: block;
	width: 100%;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #6e625c;
	border-bottom: solid 1px rgba(255,255,255,0.2);
	border-left: solid 1px rgba(255,255,255,0.2);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius:	0;}

nav ul li a:hover	{background-color: rgba(1,122,205,0.3)}




/* 左横メニュー（生まれ日） */

div#card	{width: 100%;
	margin-top: 40px;}

div#card nav ul	{font-size: 12px;
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	height: 33px;
        background-color: #4682b4;
	border-radius:	0;}

div#card nav ul li	{list-style-type: none;
	float: left;
	width: 20%;}

div#card nav ul li a	{display: block;
	width: 100%;
	line-height: 33px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	background-color: #4682b4;
	border-bottom: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius:	0;}

div#card nav ul li a:hover	{background-color: #005087}


div#card_pc	{display: none;}

div#card nav ul#bottom	{margin-bottom: 1250px;}



/* 中央コンテンツ */

div#main	{width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;}




/* 右サイド */

div#cm {width: 100%;}

aside	{width: 100%;
	margin-bottom: 20px;}


aside ul	{font-size: 13px;
	padding: 0;
	line-height: 30px;
	margin: 30px 2%;
	clear: both}

aside ul li	{list-style-type: none;
	width: 100%;}

aside ul li a	{display: block;
	width: 100%;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	border-bottom: dotted 1px #aaaaaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8ff));
	background: -webkit-linear-gradient(#ffffff 0%, #f8f8ff 100%);
	background: -moz-linear-gradient(#ffffff 0%, #f8f8ff 100%);
	background: -o-linear-gradient(#ffffff 0%, #f8f8ff 100%);
	background: -ms-linear-gradient(#ffffff 0%, #f8f8ff 100%);}

aside ul li:first-of-type a	{border-top: dotted 1px #aaaaaa;}

aside ul li a:hover	{text-decoration: underline;}


aside#pc	{display: none;}

aside ul li.pc	{display: none;}


/* 広告 */


div#category_footer	{margin: 10px 0;
	padding: 10px 0;}

div#mob_footer_sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
  }
div#mob_footer_sticky .fuse-slot {
    transform: translate3d(0,0,0);
  }

div#interscroller	{margin-top: 40px;
	margin-bottom: 20px;
	padding: 20px 0;}

div#interscroller2	{margin-top: 100px;
	margin-bottom: 20px;
	padding: 20px 0;
	border-top: dotted 1px #aaaaaa;
	border-bottom: dotted 1px #aaaaaa;}



/* フッター */
footer	{color: #888888;
	margin-top: 10px;
	margin-bottom: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
	clear: both;
	border-top: solid 1px #aaaaaa}

small	{font-size: 8px;
	font-style: normal;
	text-align: left;
	display: block}

small#pp	{text-align: right;}


/* 画像の配置 */
figure	{margin: 0}


}