@charset "utf-8";

/* DEFAULT */
* { 
	margin: 0;
	padding: 0;
	font-style: normal;
	text-decoration: none;
	line-height:15px;
	border:none;
	font-weight:normal;
}

html {
	font-size: 62.5%;
}

li {
	list-style:none;
}

img {
	width:100%;
}

a:link,a:visited {
	text-decoration:none;
	color:#0004BD;
}
a:hover,a:active {
	text-decoration:underline;
	color:#ff0000;
}

body {	
	text-align:center;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*font-family: 'Lucida Grande',Meiryo,sans-serif;*/
	-webkit-text-size-adjust: none;	/* iphoneの自動文字サイズ修正機能OFF */
	-webkit-print-color-adjust: exact;	/* 背景色印刷用 */
}

.wrap:after {
	display: block;
	clear: both;
	content: "";
}

/*---------------------------------------------------------
header
全ページヘッダー
---------------------------------------------------------*/

#header {	width:100%;
			max-width:1500px;
			text-align:center;
			margin:0 auto;
			}
@media print {
	#header {	
	position:static;
	}
}

#header img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
	background-color:#e6e6ff;
}

/* ゆっくりにする場合は追加 */
#header img {
	-webkit-transition: 0.5s ;
	transition: 0.5s ;
}

#header_top_text {	margin:1% 0 0.5% 1%;
					text-align:left;
					height:20px;
					line-height:20px;
					}

#header_top_text h1 {	font-size: 15px;
						font-size: 1.5rem;
						display:inline;
						}

#header_top_text p {	font-size: 15px;
						font-size: 1.5rem;
						display:inline;
						}

#header_top {	
				}
@media only screen and (max-width: 767px){
	#header_top {
		margin:1.5% 0 0 0;
	}
}

#header_top .outline {	text-align:center;
						margin:0 0.5%;
						padding:0.5% 0;
						height:50px;
						}

#header_top .outline div {	float:left;
							margin:auto 0;
							height:50px;
							}

#header_top .outline div.l {	float:left;
								width:150px;
								margin:0 1% 0 0;
							}

#header_top .outline div.r {	float:right;
								width:80px;
								margin:0 0 0 0.5%;
							}

#header_second {	padding:1% 0;
					margin:0.5%;
					text-align:left;
					border-top:1px solid #0003ff;
					border-bottom:1px solid #0003ff;
					}

#header_search {	float:left;
					width:50%;
					height:100%;
					text-align:left;
					}

@media only screen and (max-width: 767px){
	#header_search {
		width:100%;
		text-align:center;
		margin:1.5% 0;
	}
}

#header_search input {	border:1px solid #0003ff;
						width:60%;
						height:25px;
						line-height:25px;
						padding:0 1%;
						vertical-align:top;
						}

@media only screen and (max-width: 767px){
	#header_search input {
		width:65%;
	}
}

#header_search button {	height:27px;
						line-height:27px;
						vertical-align:top;
						cursor: pointer;
						background-color:#ffffff;
						border:1px solid #0003ff;
						border-left:none;
						}

#header_search button:hover {	background-color:#e6e6ff;
								border:1px solid #0003ff;
								border-left:none;
								}

#header_menu {	float:right;
				}

#header_menu p {	float:left;
				}

/*---------------------------------------------------------
top_inf
inf情報
---------------------------------------------------------*/
.top_inf {	line-height:20px;
			font-size:15px;
			font-size:1.5rem;
			padding:1%;
			margin:1% 0.5%;
			background-color:#ececff;
			border: 1px solid #ccccff;
    		box-sizing: border-box;
			}

@media only screen and (max-width: 767px){
	.top_inf {
		line-height:18px;
			font-size:13px;
			font-size:1.3rem;
			padding:2% 1%;
	}
}

.top_inf b {	color:#ff0000;
				font-weight:bold;
				}

.top_inf p {	margin:1% 0 0 0;
				}

/*---------------------------------------------------------
footer
全ページフッター
---------------------------------------------------------*/
#footer {	background-color:#B3DDFF;
			width:100%;
			font-size:13px;
			font-size:1.3rem;
			}

.footer_menu {	width:100%;
				max-width:1500px;
				margin:0 auto;
				overflow:hidden;
				border-bottom:1px solid #ffffff;
				}

.footer_menu ul {	width:30%;
					margin:0.5% 1.5%;
					float:left;
					text-align:center;
					}
@media only screen and (max-width: 767px){
	.footer_menu ul {
		width:48%;
		margin:1%;
	}
}
@media only screen and (max-width: 767px){
	.footer_menu ul.special {
		width:98%;
		border-bottom:1px solid #ffffff;
	}
}
@media only screen and (max-width: 767px){
	.footer_menu ul.seal {
		width:98%;
	}
}

.footer_menu ul li {	line-height:30px;
						text-align:center;
						margin:0 auto;
						}

.footer_menu ul li.fee img {	max-width:200px;
								margin:5% 0;
								vertical-align:bottom;
								border:1px solid #ffffff;
								}

.footer_bottom {	padding:0 0 2% 0;
					color:#000000;
					}

.footer_bottom img {	max-width:150px;
						margin:1% 0 0.5% 0;
						}
@media only screen and (max-width: 767px){
	.footer_bottom img {
		margin:2% 0 1% 0;
	}
}

/*---------------------------------------------------------
page-top
トップへ戻るボタン
---------------------------------------------------------*/
#page-top {
	text-align:center;
	position: fixed;
    bottom:5%;
    right: 0;
	width:100px;
	}
@media only screen and (max-width: 767px){
	#page-top {
		width:70px;
	}
}

#page-top a {
    background-color:#B3DDFF;
	border:1px solid #efefef;
	border-right:none;
	box-sizing: border-box;
	text-decoration: none;
	line-height:25px;
	font-size:13px;
	font-size:1.3rem;
    display: block;
	padding:20%;opacity: 0.7 ;
	filter: alpha(opacity=70) ;	/* Ie用 */
}
@media only screen and (max-width: 767px){
	#page-top a {
		padding:10%;
		line-height:20px;
	}
}

#page-top a img {	width:30px;
					
					}

#page-top a:hover {
    text-decoration: none;
	}

#page-top a:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
}
/*---------------------------------------------------------
content
全ページコンテンツ枠
---------------------------------------------------------*/
#content {	width:100%;
			max-width:1500px;
			text-align:center;
			margin:0 auto;
			}


/*---------------------------------------------------------
errmsg
カート画面等のエラーメッセージ
---------------------------------------------------------*/
#content .M16_1_font_error p {	line-height:25px;
								font-size:15px;
								font-size:1.5rem;
								margin:3% auto;
								}

#content .M18_1_font_error p {	line-height:25px;
								font-size:15px;
								font-size:1.5rem;
								margin:3% auto;
								}

/*---------------------------------------------------------
guide
ぱんくずリスト
---------------------------------------------------------*/
.guide {	width:100%;
			max-width:1500px;
			text-align:center;
			margin:0 auto;
			}

.guide div {	margin:-0.5% 0.5% 0% 0.5%;
				padding:1% 0;
				text-align:left;
				line-height:18px;
				font-size:13px;
				font-size:1.3rem;
				border-bottom:1px solid #0003ff;
				}

.guide a {	text-decoration:none;
			margin:0 0.5%;
			color:#000000;
			}

.guide a:hover {	color:#ff0000;
			}

.guide strong a {	text-decoration:underline;
					}

/*---------------------------------------------------------
pagetag
ページタグ
---------------------------------------------------------*/
#pagetag {	text-align:left;
			margin:2% 0.5%;
			display:table;
			line-height:25px;
			width:99%;
			}
@media only screen and (max-width: 767px){
	#pagetag {
		margin:4% 0.5%;
	}
}

#pagetag p {	display:table-cell;
				width:1.5%;
				padding:0 1% 0 0;
				vertical-align:middle;
				}

#pagetag img.arrow {	width:15px;
						vertical-align:middle;
						line-height:25px;
						}

#pagetag h2 {	font-size:18px;
				font-size:1.8rem;
				line-height:30px;
				width:70%;
				vertical-align:middle;
				display:table-cell;
				}

@media only screen and (max-width: 767px){
	#pagetag h2 {
		font-size:15px;
		font-size:1.5rem;
		line-height:20px;
	}
}

#pagetag .link {	float:right;
					margin:0 1% 0 0;
					max-height:25px;
					vertical-align:bottom;
					}

#pagetag .link img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
	background-color:#e6e6ff;
}

/* ゆっくりにする場合は追加 */
#pagetag .link img {
	-webkit-transition: 0.5s ;
	transition: 0.5s ;
}


/*---------------------------------------------------------
left
左側コンテンツ枠
---------------------------------------------------------*/
#left {	float:left;
		width:72%;
		text-align:left;
		margin:0 1.5% 5% 0.5%;
		}

@media only screen and (max-width: 767px){
	#left {
		width:99%;
		margin:0 0 5% 0.5%;
	}
}

#left_content {	
				}

#left_content .twitter_related {	width:94%;
									margin:0 3%;
									}

.twitter_related span {	line-height:20px;
						font-size:15px;
						font-size:1.5rem;
						font-weight:bold;
						color:#FF69B4;
						}

.twitter_related ul li {	line-height:20px;
							font-size:15px;
							font-size:1.5rem;
							margin:1% 0;
							}

/*twitter*/
.twitter_related div.twitter_quote {
	width:100%;
	margin:0 auto 0 auto;
}

.twitter_related div.twitter_quote .block {
	width:38%;
	float:left;
	padding:0 6% 2% 6%;
}

@media only screen and (max-width: 767px){
	.twitter_related div.twitter_quote .block {
		width:98%;
		float:none;
		padding:1% 1% 2% 1%;
		margin:0 auto;
		}
}

#left_content .twitter_img {	width:99%;
								margin:1% auto;
}

.twitter_img img {	width:50%;
					float:left;
}

@media only screen and (max-width: 767px){
	.twitter_img img {
		width:98%;
		float:none;
		padding:1% 1% 2% 1%;
		margin:0 auto;
		}
}

/*---------------------------------------------------------
right
右側コンテンツ枠
---------------------------------------------------------*/

#right {	float:left;
			width:25.5%;
			text-align:left;
			margin:0 0.5% 5% 0;
			background-color:#f0f8ff;
			}

#right_content {	width:96%;
					margin:2%;
					}

#right_content ul {	background-color:#ffffff;
					border:1px solid #efefef;
					box-sizing: border-box;
					padding:2.5% 0;
					}

#right_content ul li {	padding:2.5%;
						padding-left:3.5%;
						line-height:20px;
						font-size:13px;
						font-size:1.3rem;
						}

#right_content ul li.tag {	padding-left:2.5%;
							}

#right_content ul li.detail_list {	padding-left:5%;
									}

#right_content ul h6 {	line-height:20px;
						font-size:13px;
						font-size:1.3rem;
						}

#right_content ul li img {	width:15px;
							vertical-align:middle;
							margin:0 2% 0 0;
							}

#right_content ul li a {	color:#000000;
							}

#right_content div.bn ul {	border-top:none;
							}

#right_content div.bn img {	width:100%;
							}

/*---------------------------------------------------------
right_inf
inf情報
---------------------------------------------------------*/
.right_inf {	line-height:20px;
				font-size:13px;
				font-size:1.3rem;
				padding:5% 0;
				margin:0%;
				background-color:#ffffff;
				border: 1px solid #efefef;
				border-top:none;
	    		text-align:left;
				}

@media only screen and (max-width: 767px){
	.right_inf {
		line-height:20px;
		font-size:15px;
		font-size:1.5rem;
		border:none;
		border-top:1px solid #0003ff;
		margin:4.5% 3%;
	}
}

.right_inf b {	color:#ff0000;
				font-weight:bold;
				padding:0 2.5%;
				margin:0 0 0 2%;
				}

@media only screen and (max-width: 767px){
	.right_inf b {
		padding:0;
		margin:0 0 0 0;
	}
}

.right_inf p {	padding:2.5%;
				margin:0 0 0 2%;
				}

@media only screen and (max-width: 767px){
	.right_inf p {
		padding:0;
		margin:2% 0;
	}
}

/*---------------------------------------------------------
ob7
767px以下display:none;
---------------------------------------------------------*/
.ob7 {
	display:inherit;
}

@media only screen and (max-width: 767px){
	.ob7 {
		display:none!important;
	}
}

/*---------------------------------------------------------
os7
767px以上display:none;
---------------------------------------------------------*/
.os7 {
	display:inherit;
}

@media only screen and (min-width: 767px){
	.os7 {
		display:none!important;
	}
}