@charset "utf-8";

/*-----------------------------------
common setting
-----------------------------------*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

a:link{
	color: #d92a2a;
	text-decoration: none;
}

a:visited{
	color: #d92a2a;
	text-decoration: none;
}

a:hover,
a:active {
	outline: 0;
}

strong, b {
	font-weight: bold;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: top;
}

li {
	list-style: none;
}

html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	font-family: Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'モリサワ 新ゴ R', 'Droid Sans', sans-serif;
	background: #000;
	font-size: 16px;
	font-size: 0.875rem;
	line-height: 1.4;
}

.wrapper {
	width: 100%;
	max-width: 640px;
	overflow-x: hidden;
	margin: 0 auto;
	background: #000 url(../img/bg.jpg) repeat-y 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}

/*-----------------------------------
/common setting
-----------------------------------*/

/*-----------------------------------
header
-----------------------------------*/

.header {
	line-height: 0;
	background: url(../img/header.jpg) 0 0 no-repeat;
	/* padding-bottom: calc(100%*550/640);calc(100*ImageHeight/ImageWidth)% */
	background-size: 100% auto;
}
.header img {
	width: 100%;
}

#yahooheader {
	background: #fff;
	color: #000;
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0 3px;
}

#yahooheader .msthdtxt {
	float: right;
	margin-right: 5px;
}

.sp_kikan {
	background-color: #FFF;
	color: #000;
	text-align: right;
	clear: both;
}

.fb_iframe_widget,
.twitter-share-button, 
.line-it-button {
	display: inline-block;
	vertical-align: top;
}

/*-----------------------------------
/header
-----------------------------------*/

/*-----------------------------------
navigation bar
-----------------------------------*/

.gnavi {
	width: 100%;
	margin: 0 auto;
}

.gnavi li {
	display: block;
	float: left;
	width: 33.3333%;
}

.gnavi a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 50.625%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/gnavi_btn01.png) no-repeat 0 0;
	-webkit-background-size: 600% auto;
	background-size: 600% auto;
}

.gnavi01 a { background-position: 0 0;}
.gnavi02 a { background-position: 20% 0;}
.gnavi03 a { background-position: 40% 0;}

/*-----------------------------------
/navigation bar
-----------------------------------*/

/*-----------------------------------
pankuzu
-----------------------------------*/

/*-----------------------------------
/pankuzu
-----------------------------------*/

/*-----------------------------------
footer
-----------------------------------*/

.footer {
	text-align: left;
	line-height: 1.5;
}

.footer_menu {
	width: 100%;
	font-size: .6875rem;
	color: #eee;
	padding: 0;
	background: #000;
	text-align: center;
	overflow: hidden;
}
.footer_copyright {
	margin: 4% 3.125% 4%;
	line-height: 1;
}

/*-----------------------------------
/footer
-----------------------------------*/

/*-----------------------------------
utility
-----------------------------------*/

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.strike { text-decoration:line-through;}

/*-----------------------------------
/utility
-----------------------------------*/

/*-----------------------------------
/parts
-----------------------------------*/

/* メニュー */

/*.menu_wrap {
	clear: both;
	display: block;
	margin: 0 0 2%;
	border-width: 14px;
	border-style: solid;
	padding: 5% 1%;
}

.osusume_wrap .menu_wrap {
	clear: both;
	display: block;
	margin: 0 auto;
	border-width: 14px;
	border-style: solid;
	padding: 0% 1%;
	width: 92%;
}
*/

/* cate1 BOX */
/*.menu_wrap_cate1 {
	-webkit-border-image: url(../img/cate_menu_bg.png) 14;
	border-image: url(../img/cate_menu_bg.png) fill 14;
}

.menu_wrap_cate2 {
	-webkit-border-image: url(../img/cate_menu_bg.png) 14;
	border-image: url(../img/cate_menu_bg.png) fill 14;
}

.menu_wrap_cate3 {
	-webkit-border-image: url(../img/cate_menu_bg.png) 14;
	border-image: url(../img/cate_menu_bg.png) fill 14;
}

.menu_title {
	color: #6633CC;
	font-size: 1.5em;
	line-height: 1.2;
}

.menu_price {
	clear: both;
	line-height: 1.2;
	color: #660000;
	text-align: right;
}
*/
/* /メニュー */

/* スペシャルメニュー */
/*.special_menu {
	background: url(../img/special_menu_bottom.png) no-repeat 0 100%,
				url(../img/special_menu_bg01.png) repeat-y 0 0;
	-webkit-background-size: 100% auto;
	padding-bottom: 5.54%;
	margin-bottom: 4.1666%;
}

.special_menu h2 {
	padding-bottom: 5px;
}

.special_menu li {
	padding-bottom: 8px;
}

.special_menu li a {
	display: block;
	width: 95%;
	margin: 0 auto;
}*/


/* アイコン */
/*
.menu_icon {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
}*/
/* /アイコン */



/* メッセージ */

.contents_outro {
	margin-bottom: 3.1579%;
	text-align: left;
}
.contents_outro_txt01 {
	font-size: 0.875rem;
	color: #ddd;
	line-height: 1.3;
	padding: 0 3.125%;
}
.contents_outro_txt02 {
	font-size: 0.875rem;
	color: #000;
	line-height: 1.3;
	padding: 0 3.125%;
}

/* /メッセージ */


/* ローカルナビゲーション */
.jb2100-lnavi {
	margin-top: 6.25%;
	margin-bottom: 12.5%;
}
.jb2100-lnavi_title01 {
	background-color: #6a161e;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1rem;
	color: #fff;
	line-height: 1.4;
	text-align: center;
	padding: 3.125% 0;
}
.jb2100-lnavi_list01 {
	width: 93.75%;
	margin: 0 auto;
	overflow: hidden;
}
.jb2100-lnavi_list01 li {
	width: 48.333%;
	padding-top: 3.333%;
}

.jb2100-lnavi_list01 .jb2100-lnavi_list01_btn01 {
	margin-right: auto;
	margin-left: auto;
}

.jb2100-lnavi_list01 .jb2100-lnavi_list01_btn02 {
	float: left;
}
.jb2100-lnavi_list01 .jb2100-lnavi_list01_btn03 {
	float: right;
}
.jb2100-lnavi_list01 .jb2100-lnavi_list01_btn04 {
	clear: both;
	float: left;
}
.jb2100-lnavi_list01 .jb2100-lnavi_list01_btn05 {
	float: right;
}
.jb2100-lnavi_list01 .jb2100-lnavi_list01_btn06 {
	clear: both;
	width: 78.333%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 6.667%;
}

.jb2100-lnavi_list01 a {
	display: block;
}

/* /ローカルナビゲーション */


/* ページトップへ戻るボタン */

.pagetop_btn {
	clear: both;
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.pagetop_btn a {
	display: inline-block;
	color: #fff;
	margin: 0 3%;
	padding: 7px 15px;
	text-align: center;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #450000), color-stop(0.00, #d92a2a));
	background: -webkit-linear-gradient(#d92a2a, #450000);
	background: linear-gradient(#d92a2a, #450000);
	-webkit-box-shadow: 0 1px 0 0 #2c0800,0 1px 6px 0 #2c0800;
	box-shadow: 0 1px 0 0 #2c0800,0 1px 6px 0 #2c0800;
}

/* /ページトップへ戻るボタン */

/* allfree_banner */

.cmn_allfree_banner {
	width: 100%;
}

/* /allfree_banner */

/* 注意事項 */

.caution {
	width: 97%;
	margin: 20px auto 20px auto;
	padding: 5px 0 15px 0;
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1f0000), color-stop(0.00, #410000));
	background: -webkit-linear-gradient(#410000, #1f0000);
	background: -moz-linear-gradient(#410000, #1f0000);
	background: -o-linear-gradient(#410000, #1f0000);
	background: -ms-linear-gradient(#410000, #1f0000);
	background: linear-gradient(#000000, #000000);
}

.caution_title {
	width: 95%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	letter-spacing: 0.5em;
	border-bottom: 1px solid #ebefda;
}

.caution_list {
	width: 90%;
	margin: 0 auto;
	font-size: 0.8em;
}

.caution_list li {
	margin: 10px 0;
}

.caution a:link,.caution a:hover,.caution a:active{
	color: #f90;
}
.caution a:visited {
	color: #c60;
}

.caution_list_title {
	display: inline-block;
	background: #ebefda;
	color: #47453b;
	margin: 10px 0 5px;
	padding: 3px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/* /注意事項 */

/* エラー */

.error_wrap {
	clear: both;
	width: 90%;
	margin: 50px auto;
	text-align: center;
	color: #000;
}

.errortxt {
	font-weight: bold;
	color: #EC0002;
}

/* validate_error */
input.error, textarea.error,select.error {
	background-color: #FBE6E6 !important;
}

label.error {
	color: #CC0000;
	margin-top: 5px;
	font-size: 0.875rem;
}

/* /エラー */

/* ボタン */

.po_btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #bbbbbb;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.po_btn:hover,
.po_btn:active,
.po_btn.active,
.po_btn.disabled,
.po_btn[disabled] {
	color: #333;
	background-color: #e6e6e6;
}

a.po_btn,
a.po_btn:hover,
a.po_btn:active,
a.po_btn.active,
a.po_btn.disabled,
a.po_btn[disabled] {
	color: #333;
}

.po_btn:hover {
	color: #333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.po_btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.po_btn.active,
.po_btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* /ボタン */


/* animation */
.animation_blink01 {
	-webkit-animation: poblink01 0.9s linear 0s 14 normal;
	animation: poblink01 0.9s linear 0s 14 normal;
}

@-webkit-keyframes poblink01 {
	0%,25%  { opacity: 1;}
	50%	 { opacity: 0.3;}
	75%,100%{ opacity: 1;}
}
@keyframes poblink01 {
	0%,25%  { opacity: 1;}
	50%	 { opacity: 0.3;}
	75%,100%{ opacity: 1;}
}
/* /animation */

/*-----------------------------------
/parts
-----------------------------------*/

/*-----------------------------------
/inpres_menu
-----------------------------------*/

.inpres_menu_wrap {
	clear: both;
	display: block;
	margin: 0 auto;
	border-width: 14px;
	border-style: solid;
	-webkit-border-image: url(../img/inpres_menuFrame.png) 17;
	border-image: url(../img/inpres_menuFrame.png) fill 17;
}

.inpres_menu_text {
	color: #CC0066;
	font-size: 1.3em;
	line-height: 1.3;
	padding: 3% 5% 3% 5%;
	font-weight:bold;
}
.inpres_menu_title_wrap {
	display: block;
	margin: 0;
	border-width: 20px 28px 40px;
	border-style: solid;
	-webkit-border-image: url(../img/inpres_menu_title_wrap.png) 20 20 40 stretch repeat;
	border-image: url(../img/inpres_menu_title_wrap.png) 20 20 40 fill stretch repeat;
}