@charset "utf-8";

body { -webkit-text-size-adjust: 100%; }

#masthead,
#branding img,
#left-content,#left-content h2 img,
#left-content li a img,
#right-content,
#right-content h2 img,
#footer,#bottom-content,
#okini16 a,
#right-content #okini16 a img,
#containerBottom,
#page-content .entry-title img,
#okiniNet h1,
#container,
.cat_pict,
#manual dl,
#manual dt,
#manual dd
{ width:100%; }


.for-SP { display:block !important; }
.for-PC { display:none !important; }

#header-top {
	height:auto;
	background:none;
	margin-bottom:20px;
	overflow:hidden;
}

#main-container {
	width:96%;
	padding:0 2%;
	position:relative;
}

#left-content ul {
	width:100%;
	height:auto;
	background-position:160% bottom;
	background-size:70% auto;
}

#left-content li a {
	width:46%;
	margin:10px 2% 0 2%;
}

.index-banner img {
	width:100%;
	height:auto;
}

#right-content {
	height:auto;
	padding-bottom:10px;
	background:url(images/sp/okininet_back.jpg) no-repeat;
	background-size:100% 100%;
}
#right-content h2 {
	width:85%;
	margin:25px auto 0 auto;
	float:none;
}

#right-content ul {
	width:85%;
	float:none;
	overflow:hidden;
	margin:20px auto;
}

#okini01 a, #okini02 a, #okini03 a, #okini14 a {
	margin-bottom:10px;
}
#right-content #okini16 a {
	margin-left:0;
}

#bottom-content .illustcCut { display:none; }

#contact-info {
	line-height:200%;
	padding-bottom:0;
}

#pagetop a { position:relative; }
#pagetop a img {
	width:50%;
	padding:20px 2% 0 0;
}



/* Page
-------------------------------------------------------------- */

#header {
	margin-top:10px;
	height:auto;
	overflow:hidden;
	background:url(images/sp/header_back.jpg) no-repeat;
	background-position:0 -5px;
}

.page #branding,
.category #branding {
	width:96%;
	padding:0 2%;
}

#nav { display:none; }

#nav #navi01 ul {
	display:block !important;
	position:relative;
	top:0;
	background:none;
	padding-bottom:5px;
}

.page #branding img,
.category #branding img {
	width:70%;
}

.category #topShadow {
	margin-bottom:5px;
}

.button-toggle,
.button-toggle2 {
	border:none;
	padding:0;
	margin:10px 2% 25px 0;
	float:right;
	background:none;
	width:20%;
}
.button-toggle2 {
	float:none;
	margin:0 auto 20px auto;
	width:auto;
}

.button-toggle img { width:100%; }
.button-toggle2 img { width:85%; }

#accessLink ul {
	padding:0 2% 20px 2%;
	margin-top:0;
	width:96%;
	background:url(images/sp/nav_line.png) no-repeat bottom left;
}

#page-container, #riyouMenu {
	width:96%;
	padding:0 2%;
}

#page-content .entry-title { padding:20px 0 10px 0; }

#riyouMenu ul {
	width:100%;
	margin:0 0 0 -2%;
	padding:0 2% 20px 2%;
	overflow:hidden;
	height:auto;
}

#riyouMenu li a { height:40px; }
#riyouMenu05 a { background-position:0 -2px; }

#page-content { padding:0; }

table.pageTable td,
table.pageTable th { padding:5px; }

#page-content ul { margin-bottom:20px; }

.konamiImg { width:100%; }

#riyouTop,
#healthTop,
#howtoTop,
#aboutusTop
{ background:url(images/sp/page_container_top.png) repeat-x; }

.pageHowto .space { padding-left:0; }
.pageHowto dt { line-height:150%; }

#howtoTable td {
	white-space:nowrap;
	padding:10px 5px;
}

table.pageTable { margin:0; }

.tableScroll {
     width: 100%;
     overflow-x: scroll;
}

.tableScroll::-webkit-scrollbar{ /* スクロールバー全体 */
    width: 10px;
}

.tableScroll::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #666;
    border-radius: 5px;
}
.tableScroll::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #ccc;
}
.tableScroll::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #ccc;
}

.aboutusContents { margin:0 auto; }
.aboutusContents img { width:100%; }

#okiniNet h1 {
	background-size:101% auto;
}
#okiniNet .description {
	margin:0 0 20px 0;
	width:100%;
	line-height:160%;
}

#okiniNet .searchKeyword img { margin-bottom:10px; }
#okiniNet input[type="text"] {
	width:96%;
	height:30px;
}
#okiniNet .searchKeyword form {
	width:100%;
	text-align:center;
}

#okiniNet .searchCategory {
	height:auto;
	text-align:center;
}

#okiniCstLink01,
#okiniCstLink02,
#okiniCstLink03,
#okiniCstLink05,
#okiniCstLink06,
#okiniCstLink07,
#okiniCstLink08,
#okiniCstLink09,
#okiniCstLink10,
#okiniCstLink12,
#okiniCstLink13,
#okiniCstLink14,
#okiniCstLink15,
#okiniCstLink-othe,
#okiniCstLink16 {
	position: static;
	width:100%;
}
#okiniCstLink01 img,
#okiniCstLink02 img,
#okiniCstLink03 img,
#okiniCstLink06 img,
#okiniCstLink07 img,
#okiniCstLink08 img,
#okiniCstLink15 {
	width:80%;
}
#okiniCstLink01 img { margin-top:10px; }
#okiniCstLink05 img { width:60%; }
#okiniCstLink09 img,
#okiniCstLink10 img { width:100%; margin-top:10px; }
#okiniCstLink12 img,
#okiniCstLink13 img,
#okiniCstLink14 img { width:70%; }
#okiniCstLink-othe img { display:none; }
#okiniCstLink16 img { width:100%; margin-top:30px; }

input[type=submit] { font-size:130%; }

#primary {
	position: absolute;
    z-index: 99;
    background-color: #fff;
    left: 0;
    top: 90px;
    padding: 5%;
	display:none;
	width:91%;
	box-shadow:0px 0px 20px 0px #666666;
	-moz-box-shadow:0px 0px 20px 0px #666666;
	-webkit-box-shadow:0px 0px 20px 0px #666666;
}

#container-okiniTop,
#container-okiniBottom { display:none; }

.container-okini {
	background: none;
	border:none;
	padding:0;
}

.cat-pagetitle {
	width:104%;
	margin:0 0 0 -2%;
}

#department .cat-pagetitle,
#travel .cat-pagetitle,
#lodging .cat-pagetitle,
#amusement .cat-pagetitle,
#sports .cat-pagetitle,
#leisure .cat-pagetitle,
#bowlling .cat-pagetitle,
#movie .cat-pagetitle,
#spa .cat-pagetitle,
#wedding .cat-pagetitle,
#funeral .cat-pagetitle,
#restaurant .cat-pagetitle,
#other .cat-pagetitle {
	background-position:center 0;
	background-size:auto 100%;
}

.entry-title {
	padding:2%;
	overflow:hidden;
	width:96%;
}
.tokuyakuData,
.entry-summary {
	width:94%;
	padding:3%;
}

#main .widget-area ul { padding:0; }
#primary li a {
	width:100%;
	background-position:0 -2px;
	height:46px;
}
#primary li,
.category #catMenu10,
.category #catMenu13,
.page-template-page-manual #catMenu10,
.page-template-page-manual #catMenu13 {
	background:url(images/sp/cat_menu_line.gif) repeat-x bottom left;
	overflow:hidden;
	margin-bottom:5px;
	padding-bottom:5px;
}

.category #catMenu04,
.page-template-page-manual #catMenu04 {
	background:url(images/cat_menu04.gif) no-repeat;
}
.category #catMenu11,
.page-template-page-manual #catMenu11 {
	background:url(images/cat_menu11.gif) no-repeat;
}
.category #catMenu04,
.category #catMenu11,
.page-template-page-manual #catMenu04,
.page-template-page-manual #catMenu11 {
	background-position:0 -2px;
	height:42px;
}

.category #catMenu05,
.category #catMenu06,
.category #catMenu07,
.category #catMenu08,
.category #catMenu09,
.category #catMenu12,
.page-template-page-manual #catMenu05,
.page-template-page-manual #catMenu06,
.page-template-page-manual #catMenu07,
.page-template-page-manual #catMenu08,
.page-template-page-manual #catMenu09,
.page-template-page-manual #catMenu12 {
	background:none;
	clear:both;
	margin:0;
	padding:0;
}
.category #catMenu05 a,
.category #catMenu06 a,
.category #catMenu07 a,
.category #catMenu08 a,
.category #catMenu09 a,
.category #catMenu10 a,
.category #catMenu12 a,
.category #catMenu13 a,
.page-template-page-manual #catMenu05 a,
.page-template-page-manual #catMenu06 a,
.page-template-page-manual #catMenu07 a,
.page-template-page-manual #catMenu08 a,
.page-template-page-manual #catMenu09 a,
.page-template-page-manual #catMenu10 a,
.page-template-page-manual #catMenu12 a,
.page-template-page-manual #catMenu13 a {
	height:15px;
}

.category #catMenu16 a,
.page-template-page-manual #catMenu16 a {
	background-position:0 -12px;
	height:60px;
}

.shopData {
	padding:3px 2%;
	width:96%;
	overflow:hidden;
}
.title-obi {
	padding:3px 2%;
	width:94%;
	margin:15px 0 0 0;
}

#line-table-SP {
	border-top:#aaa 1px solid;
	border-left:#aaa 1px solid;
}
#line-table-SP th, #line-table-SP td {
	border-bottom:#aaa 1px solid;
	border-right:#aaa 1px solid;
	padding:3px 10px;
	vertical-align:middle;
}
#line-table-SP th { background-color:#eee; }
#line-table-SP .center { text-align:center; }
#line-table-SP .right { text-align:right; }

.cat-other-obi {
	width:100%;
	padding:3px 0;
}

#manual { margin:0; }
#manual h1 {
	background:url(images/sp/manual_title.jpg) no-repeat center top;
	width:104%;
	height:160px;
	margin:0 0 0 -2%;
}

#manual dd {
	clear:both;
	margin:10px 0 0 0;
}

#btnDownload {
	width:100%;
	text-align:center;
}
#btnDownload img {
	margin:20px 0;
	width:80%;
	height:auto;
}




