@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */

html { font-size: 62.5%; }
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Open Sans", "Helvetica Neue", Helvetica, "Arial", sans-serif;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #333;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; }
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; }
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; }
.reset table
{ border-collapse: collapse; border-spacing: 0; }
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
section,
article
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
section:after,
article:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html section,
* html article
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ==========================================================
 
     !SP

========================================================== */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

.sp { display: block !important; }
.pc { display: none !important; }

/* !Layout
---------------------------------------------------------- */

html { overflow-y: scroll;}
body { font-size: 1.5rem; text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !wrapper
---------------------------------------------------------- */

#wrapper { width: 100%; }


/* !main
---------------------------------------------------------- */

section.main { margin-bottom: 30px; }

section.main div.left, section.main div.right {
	line-height: 0;
}
	
/* !link
---------------------------------------------------------- */

.link {
	padding: 40px 30px;
	margin: 0 0 50px;
	background: #002290;
}

.link h2 {
	width: 80%;
	margin: 0 auto 10px;
	text-align: center;
}

.link h3 {
	width: 40%;
	padding: 15px 0;
	margin: 0 auto;
}

.link ul {
	margin: 0 auto;
}

.link ul li {
	list-style: none;
	float: left;
	margin: 0 0 10px 10px;
	line-height: 0;
}

.link ul li a {
	display: inline-block;
	width: 140px;
	height: 50px;
	text-indent: -9999px;
}

	.link ul li.osaka a {
		background: url(../img/link_osaka.png) center top no-repeat;
	}
	
	.link ul li.kyoto a {
		background: url(../img/link_kyoto.png) center top no-repeat;
	}
	
	.link ul li.shiga a {
		background: url(../img/link_shiga.png) center top no-repeat;
	}
	
	.link ul li.hyogo a {
		background: url(../img/link_hyogo.png) center top no-repeat;
	}
	
	.link ul li.wakayama a {
		background: url(../img/link_wakayama.png) center top no-repeat;
	}
	
	.link ul li a:hover {
		background-position: center 3px;
	}

/* !div.movie
---------------------------------------------------------- */

div.movie {
	background: #002290;
	margin: 0 0 15px;
}

div.movie div.video { padding: 5px 20px 20px; }
div.movie div.video video { width: 100%; }

/* !link#oneprice
---------------------------------------------------------- */

section#oneprice a {
	display: block;
	margin: 10px 5% 30px;
}

/* !pageTop
---------------------------------------------------------- */
.pagetop {
	display: block;
	width: 50%;
	margin: 0 auto 50px;	
}

/* ==========================================================
 
     !PC

========================================================== */

@media only print, screen and (min-width: 769px) {

.sp { display: none !important; }
.pc { display: block !important; }

/* !wrapper
---------------------------------------------------------- */

#wrapper { width: 960px; margin: 0 auto; }

/* !main
---------------------------------------------------------- */

section.main div.left, section.main div.right {
	float: left;
	line-height: 0;
}

	section.main div.left { width: 67.77%; }
	section.main div.right { width: 32.23%; }


/* !link
---------------------------------------------------------- */

.link h2 {
	width: 373px;
	margin: 0 auto 30px;
}

.link h3 {
	width: 152px;
	float: left;
	padding: 15px 0 0;
	margin: 0;
}

.link ul {
	float: right;
	margin: 0;
}

.link ul li {
	margin: 0 0 0 5px;
}

.link ul li a {
	display: inline-block;
	width: 140px;
	height: 50px;
	text-indent: -9999px;
}

/* !div.movie
---------------------------------------------------------- */

div.movie { margin-bottom: 50px; }
	
div.movie div.img {
	width: 472px;
	float: right;
}
	
div.movie div.video {
	float: left;
	width: 488px;
	padding: 22px 15px 0;
}
div.movie div.video video { width: 450px; }
	
/* !link#oneprice
---------------------------------------------------------- */

section#oneprice a {
	margin-bottom: 50px;
}

/* !pageTop
---------------------------------------------------------- */
.pagetop {
	display: block;
	width: 309px;
	margin: 0 auto 50px;	
}

}