@charset "UTF-8";
html,body {
    height: 100%;
}

body {
	width: 100%;
	font-size: 62.5%; /* font-size 1em = 10px */
	font-family: "游明朝", YuMincho,Times New Roman, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #333;
	text-align: center;
	background: #fff;
}
nav ul {
    list-style:none;
}
a {
	text-decoration: none;
}
#wrapper{
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
	}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

/* スマートフォン（640px以下）*************************************************/
@media all and (min-width: 0px) and (max-width: 640px){
	#wrapper{
		font-size: 1.2rem;
	}
	/******************** sub_contents *********************/
	div#sub_contents {  
		width: 15%;
		height: 100%;
		min-height: 100%;
		background: #000;
		margin:0;
		padding: 0;
		position: fixed;
		top: 0px;
		z-index: 0;
	}
	* html div#sub_contents{
	    position: absolute;
	    top: expression(eval(document.documentElement.scrollTop+100));
	}
	.category{
		margin:0;
		padding: 0;
		background-image:url("../img/menu_bgimg.jpg");
		background-repeat: no-repeat;
	}
	#sub_contents img{
		width:100%;
	}
	html > #sub_contents {
	    height: auto;
	}
	/******************** contents *********************/
	.contents_main {
		float:right;
		width:85%;
		margin-bottom:160px;
		font-size: 1.4rem;
	}
	.contents {
		float:right;
		width:85%;
		margin-bottom:160px;
		font-size: 1.4rem;
	}
	/******************** TOP *********************/
	.main_img {
		margin:30px auto 0;
		background-image:url("../img/icon_bgimg_sp1.jpg");
		background-repeat: no-repeat;
		background-position: 100% 100%;
	}
	.main_img img{
		width:70%;
		margin-bottom:10px;
	}

	.main_menu {
		margin:10px auto;
		width:100%;
		background-image:url("../img/t_menu_bar.png");
		background-repeat: repeat-x;
		background-size:12%;
	}
	.noren_menu {
		width:90%;
		margin:0 auto;
	}
	.noren_menu li {
		float:left;
		width:25%;
	}
	.noren_img img {
		width:100%;
	}
	.noren_img img {

	}
	.main_text {
		margin:10px auto;
		width:84%;
		text-align:left;
	}
	.to_top{
		text-align:center;
		margin-right:50px;
	}
	/******************** footer *********************/
	footer{
		font-size: 1.0rem;
		line-height:1.5rem;
		color:#FFF;
		position:absolute;
	    bottom: 0;
		width:100%;
	    height: 200px;
		background-color:#000;
		border-top:solid 1px #000;
	}
	.sub_menu{
		margin-top:5px;
		padding:5px 0 5px;
		color:#333;
		width:100%;
		background-color:#FFF;
	}
	/******************************************************************************/
	/******************** 本店・舞鶴店 *********************/
	.main_img_shop {
		margin:30px auto;
	}
	.main_img_shop img{
		width:100%;

	}
	.page_top_contents{
		width:90%;
		margin:10px auto 10px auto;
		font-size: 1.2rem;
	}
	.page_sub_contents{
		width:90%;
		font-size: 1.2rem;
		margin:10px auto 10px auto;
	}
	.osinagaki_img{
		width:100%;
	}
	.osinagaki_img img{
		width:100%;
		margin:10px auto 10px auto;
	}
	.left_contents{
		width:30%;
		float:left;
		text-align:center;
	}
	.left_contents img{
		width:90%;
		margin:0 auto;
	}
	.right_contents{
		width:70%;
		float:right;
		text-align:left;
		padding-top:0px;
	}
	.item_contents{
		width:100%;
		margin:0 auto;
	}
	.sub_title{
		height:44px;
		width:100%;
		margin:0 auto 10px;
		padding:0;
		background-color:#000;
		line-height: 2.8;
		text-align:left;
		color:#fff;
	}
	.item_menu{
		width:90%;
		margin:10px auto 10px auto;
		text-align:left;
	}
	.item_menu img{
		width:100%;
		margin:10px auto 10px auto;
	}
	.font_sub_title{
		font-size:1.8rem;
		font-weight:bold;
		border-bottom:solid 1px;
	}
	/******************** 歴史 *********************/
	.rekisi_img{
		width:90%;
		margin:0 auto;
		text-align:center;
	}
	.rekisi_img img{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.rekisi_text{
		width:90%;
		margin:0 auto 10px;
		text-align:left;
	}
	.link_box{
		width:90%;
		margin:0 auto 10px;
	}
	.link_box img{
		width:100%;
	}
	/******************** 採用情報 *********************/
	.recruit_text{
		width:85%;
		margin:0 auto 10px;
		font-size:1.4rem;
		line-height:1.5;
		margin:0 auto 10px;
		text-align:left;
	}
	.recruit_img{
		margin:0 auto;
		text-align:center;
	}
	.recruit_img img{
		width:100%;
	}
	.contact_box{
		width:100%;
		margin:20px auto 36px;
	}
	.item_menu_top{
	font-size: 1.6rem;
	font-weight: bold;
	}
}
/* タブレット（641px - 980px）*************************************************/
@media all and (min-width: 641px) and (max-width: 980px) {
	#wrapper{
		font-size: 1.4rem;
	}
	/******************** sub_contents *********************/
	div#sub_contents {  
		width: 10%;
		height: 100%;
		min-height: 100%;
		background: #000;
		margin:0;
		padding: 0;
		position: fixed;
		top: 0px;
		z-index: 0;
	}
	* html div#sub_contents{
	    position: absolute;
	    top: expression(eval(document.documentElement.scrollTop+100));
	}
	.category{
		margin:0;
		padding: 0;
		background-image:url("../img/menu_bgimg.jpg");
		background-repeat: no-repeat;
	}
	#sub_contents img{
		width:100%;
	}
	html > #sub_contents {
	    height: auto;
	}
	/******************** contents *********************/
	.contents_main{
		float:right;
		width:89%;
		margin-bottom:150px;
		font-size: 1.4rem;
	}
	.contents {
		float:right;
		width:89%;
		margin-bottom:150px;
		font-size: 1.4rem;
	}
	/******************** TOP *********************/
	.main_img {
		margin:30px auto 0;
		background-image:url("../img/icon_bgimg_sp2.jpg");
		background-repeat: no-repeat;
		background-position: 100% 100%;
	}
	.main_img img{
		width:75%;
		margin-bottom:10px;
	}

	.main_menu {
		margin:0 auto;
		width:100%;
		background-image:url("../img/t_menu_bar.png");
		background-repeat: repeat-x;
		background-size:13%;
	}
	.noren_menu {
		width:90%;
		margin:0 auto;
	}
	.noren_menu li {
		float:left;
		width:25%;
	}
	.noren_img img {
		width:100%;
	}
	.noren_img img {

	}
	.main_text {
		margin:10px auto;
		width:89%;
		text-align:left;
	}
	.to_top{
		text-align:center;
		margin-right:50px;
	}
	/******************** footer *********************/
	footer{
		font-size: 1.0rem;
		line-height:1.5rem;
		color:#FFF;
		position:absolute;
	    bottom: 0;
		width:100%;
	    height: 200px;
		background-color:#000;
		border-top:solid 1px #000;
	}
	.sub_menu{
		margin-top:5px;
		padding:5px 0 5px;
		color:#333;
		width:100%;
		background-color:#FFF;
	}
	/******************************************************************************/
	/******************** 本店・舞鶴店 *********************/
	.main_img_shop {
		margin:30px auto;
	}
	.main_img_shop img{
		width:80%;

	}
	.page_top_contents{
		width:80%;
		margin:10px auto 10px auto;
	}
	.page_sub_contents{
		width:100%;
		margin:10px auto 10px auto;
	}
	.osinagaki_img img{
		width:100%;
		margin:10px auto 10px auto;
	}
	.left_contents{
		width:30%;
		float:left;
		text-align:center;
	}
	.right_contents{
		width:70%;
		float:right;
		text-align:left;
		padding-top:20px;
	}
	.item_contents{
		width:80%;
		margin:0 auto;
	}
	.sub_title{
		height:44px;
		width:100%;
		margin:0 auto 10px;
		padding-left:10px;
		background-color:#000;
		line-height: 2.8;
		text-align:left;
		color:#fff;
	}
	.item_menu{
		width:80%;
		margin:10px auto 10px auto;
		text-align:left;
	}
	.font_sub_title{
		font-size:1.8rem;
		font-weight:bold;
		border-bottom:solid 1px;
	}
	/******************** 歴史 *********************/
	.rekisi_img{
		margin:0 auto;
		text-align:center;
	}
	.rekisi_img img{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	.rekisi_text{
		width:75%;
		margin:0 auto 10px;
		text-align:left;
	}
	.link_box{
		width:95%;
		margin:0 auto 10px;
	}
	.link_box img{
		width:45%;
	}
	/******************** 採用情報 *********************/
	.recruit_text{
		width:75%;
		margin:0 auto 10px;
		text-align:center;
	}
	.recruit_img{
		margin:0 auto;
		text-align:center;
	}
	.contact_box{
		width:100%;
		margin:20px auto 36px;
	}
	.item_menu_top{
	font-size: 1.8rem;
	font-weight: bold;
	}	
}
/* PC（981px -）***************************************************************/
@media all and (min-width: 981px){
	#wrapper{
		width:980px;
		margin:0 auto 0 auto;
		font-size: 1.2rem;
	}
	/******************** sub_contents *********************/
	div#sub_contents {  
		width: 70px;
		height: 100%;
		min-height: 100%;
		background: #000;
		margin:0;
		padding: 0;
		position: fixed;
		top: 0px;
		z-index: 0;
	}
	* html div#sub_contents{
	    position: absolute;
	    top: expression(eval(document.documentElement.scrollTop+100));
	}
	.category{
		margin:0;
		padding: 0;
		background-image:url("../img/menu_bgimg.jpg");
		background-repeat: no-repeat;
	}
	#sub_contents img{
		width:100%;
	}
	html > #sub_contents {
	    height: auto;
	}
	/******************** contents *********************/
	.contents_main{
		float:right;
		width:93%;
		margin-bottom:150px;
		font-size: 1.4rem;
	}
	.contents {
		float:right;
		width:900px;
		margin-bottom:120px;
		font-size: 1.4rem;
	}
	/******************** TOP *********************/
	.main_img {
		margin:30px auto 0;
		background-image:url("../img/icon_bgimg.jpg");
		background-repeat: no-repeat;
		background-position: 90% 100%;
	}
	.main_img img{
		width:300px;
		margin-bottom:20px;
	}
	.main_menu {
		margin:0 auto;
		width:900px;
		background-image:url("../img/t_menu_bar.png");
		background-repeat: repeat-x;
	}
	.noren_menu {
		width:800px;
		margin:0 auto;
	}
	.noren_menu li {
		float:left;

	}
	.noren_img img {

	}
	.noren_img img {

	}
	.main_text {
		margin:10px auto;
		width:750px;
		text-align:left;
	}
	.to_top{
		text-align:center;
		margin-right:50px;
	}
	/******************** footer *********************/
	footer{
		font-size: 1.0rem;
		line-height:1.5rem;
		color:#FFF;
		position:absolute;
	    bottom: 0;
		width:980px;
	    height: 200px;
		background-color:#000;
		border-top:solid 1px #000;
	}
	.sub_menu{
		margin-top:5px;
		padding:5px 0 5px;
		color:#333;
		width:100%;
		background-color:#FFF;
	}
	/******************************************************************************/
	/******************** 本店・舞鶴店 *********************/
	.main_img_shop {
		margin:30px auto;
	}
	.main_img_shop img{
		width:90%;
	}
	.page_top_contents{
		width:90%;
		margin:10px auto 10px auto;
	}
	.page_sub_contents{
		width:100%;
		margin:10px auto 10px auto;
	}
	.osinagaki_img img{
		width:100%;
		margin:10px auto 10px auto;
	}
	.left_contents{
		width:30%;
		float:left;
		text-align:center;
	}
	.right_contents{
		width:65%;
		float:left;
		text-align:left;
		padding-top:20px;
	}
	.item_contents{
		width:90%;
		margin:0 auto 50px;
	}
	.sub_title{
		height:44px;
		width:100%;
		margin:0 auto 10px;
		background-color:#000;
		line-height: 2.8;
		text-align:left;
		color:#fff;
	}
	.item_menu{
		width:80%;
		margin:10px auto 10px auto;
		text-align:left;
	}
	.font_sub_title{
		font-size:1.8rem;
		font-weight:bold;
		border-bottom:solid 1px;
	}
	/******************** 歴史 *********************/
	.rekisi_img{
		margin:0 auto;
		text-align:center;
	}
	.rekisi_text{
		width:650px;
		margin:0 auto 10px;
		text-align:left;
	}
	/******************** 採用情報 *********************/
	.recruit_text{
		width:650px;
		font-size:3.6rem;
		line-height: 1.4;
		margin:0 auto 10px;
		text-align:left;
	}
	.recruit_img{
		margin:0 auto;
		text-align:center;
	}
	.item_menu_top{
		font-size: 2.0rem;
		font-weight: bold;
	}
}
/******************** 共通内容 *********************/
	.contact_box{
		width:100%;
		margin:20px auto 36px;
	}
	.link_box_left{
		float:left;
		width:48%;
		height:50px;
		color:#FFF;
		text-align:center;
		line-height: 3.5;
		background-color:#000;
	}
	.link_box_right{
		float:right;
		width:48%;
		height:50px;
		color:#FFF;
		text-align:center;
		line-height: 3.5;
		background-color:#000;
	}
	.clear{
		clear:both;
	}
	footer p{
		margin-top:5px;
		border-top:2px solid #C00;
		width:100%;
	}