@charset "utf-8";
/*
Theme Name: template_pc

*/

*{margin:0;padding:0;}

html{background:#d4e3ec;}

body{
font-size:18px/1.7;
/*
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
*/
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
background:#f5f5f5;
/*background:#ffffff url(images/bg_body.png) repeat-x;*/
}
a{color:#000000; text-decoration:none;}
table{
border-collapse: collapse;
border-spacing: 0;
}
/*******************************
全体幅
*******************************/
#container{
margin:50px auto;
width:1240px;
height:50px;
border:2px solid green;
}
#wrapper{
margin:0 auto;
width:100%;
height:100px;
background:pink;
}

/*******************************
トップページ
*******************************/


h2{
color:#000000;
}
#main_image{
width:100%;
text-align:center;
margin:0px auto;
padding:15px 0;
background:#f5f5f5;
}
#main_image img{
margin:0 auto;
width:1120px;
height:620px;
}
#main_chirashi{
/*width:100%;*/
width:1200px;
text-align:center;
margin:0px auto;
padding:15px 0;
background:#f5f5f5;
font-size:24px;
}
#main_chirashi h2{
display: flex;
justify-content: center;
align-items: center;
height: 50px;
}
#main_chirashi h2 img{
margin:0 10px 0 0 ;
}
#main_ichioshi_tl h2{
display: flex;
justify-content: center;
align-items: center;
height: 50px;
background:#f5f5f5 url(/hp/wp-content/themes/pc/images/bg_ichioshi.png) repeat-x;
padding:15px 0 0;
}
#main_ichioshi_wrap{
width:100%;
margin:0px auto;
background:#f5f5f5 url(/hp/wp-content/themes/pc/images/bg_ichioshi2.png) repeat-x;
}
#main_ichioshi{
width:1200px;
margin:0px auto;
padding:15px 0 50px;
}
#main_ichioshi_box{
width:19%;
height:auto;
margin:0 0.5%;
float:left;
position:relative;
}
#main_ichioshi img{
width:96%;
height:auto;
margin:0 1%;
}
#main_ichioshi img:hover{
transition:0.5s;
opacity:0.7
}
span.ichioshi-date{
margin:-80px 0 0 30px;
font-size:18px;
font-weight:bold;
position:absolute;
z-index:10;
}
#main_wrap-02{
width:100%;
background:#ffffff;
}
#main_info h2, #main_news h2{
display: flex;
justify-content: center;
align-items: center;
height: 50px;
}
#main_info h2 img, #main_news h2 img{
margin:0px 20px 0 0;
}
#main_info{
width:1140px;
margin:30px auto;
padding:15px 50px;
background:#ffffff;
}
p.main_info_list, p.main_news_list{
display: flex;
justify-content: right;
align-items: center;
width:100%;
}
p.main_info_list img, p.main_info_news img{
margin:0px 10px 0 0 ;
}
p.main_info_list a, p.main_news_list a{
text-decoration:none;
color:#000000;
}
p.main_info_list a:hover,p.main_news_list a:hover{
color:silver;
}
#main_info li{
margin:20px 0 0 30px; list-style-type:none; width:900px; height:42px; border:0px dotted green; overflow:hidden;
}
span.info_date{
width:100px; height:28px; display:inline-block; padding:0 0 5px;
}
span.info-info{
width:120px; height:28px; display:inline-block; border:1px solid #f9c977; color:#f29702; padding:0px; text-align:center;
}
span.info-recruit{
width:120px; display:inline-block; border:1px solid red; color:red; padding:1px; text-align:center;
}
span.info-ichioshi{
width:120px; display:inline-block; border:1px solid blue; color:blue; padding:1px; text-align:center;
}
span.info-sale{
width:120px; display:inline-block; border:1px solid green; color:green; padding:1px; text-align:center;
}
a.info_title{
width:600px; height:32px; overflow:hidden; border:0px dotted pink; display:inline-block; text-decoration:none; color:#000000; margin:0px 0 0 20px; padding:14px 0 0;
}
a.info_title:hover{
color:silver;
}
#main_news{
width:1240px;
height:450px;
margin:30px auto;
padding:15px 10px;
background:#ffffff;
overflow:none;
}
#main_news li{
position: relative;
width:280px;
height:280px;
margin:30px 10px 0;
float:left;
background: #ffffff;
border-radius:0px;
list-style-type:none;
}
#main_news li img{
margin:30px 0 0 30px;
border-radius:10px;
width:300px;
height:auto;
}
#main_news li img:hover{
opacity:0.5;
transition:1s;
}
#main_news li span{
position: absolute;
display:block;
width:100px;
height:100px;
border-radius:50%;
background:red;
color:#ffffff;
text-align:center;
font-size:30px;
font-weight:bold;
margin:0px 0 0 0px;
padding-top:25px;
z-index:10;
}
#main_facebook{
width:1240px;
margin:30px auto;
padding:15px 50px;
text-align:center;
}
#main_sns{
background:#f2e4c9;
text-align:center;
padding:30px;
font-size:30px;
font-weight:bold;
font-weioght:bold;
}
#main_sns img{
margin:20px 10px;
}
#main_sns img a:hover{
opacity:0.8;
transition:1s;
}
#main_map{
width:1240px;
margin:30px auto;
padding:15px 0px 0;
text-align:center;
}
#main_shopmap{
width:1188px;
height:384px;
overflow:hidden;
margin:0 auto 30px;
background:#f5f5f5 url(/hp/wp-content/themes/pc/images/main_shopmap.png) no-repeat;
}
#main_map table{
width:90%;
margin:20px auto;
border:1px gray solid;
colspan:none;
background:#ffffff;
}
#main_map table th,#main_map table td{
border:1px gray solid;
padding:10px;
}
.content {
padding:10px;
}


table#main_shoplist {
width:96%;
border-collapse: collapse;
margin:20px 2% 50px;
colspan:none;
background:#ffffff;
}
table#main_shoplist th {
background:#f8f8f8;
text-align:center;
font-weight:normal;
}
table#main_shoplist td, table#main_shoplist th {
border:1px #cccccc solid;
padding:6px;
text-align:center;
display: table-cell;
}
table th.th00{width:281px;}
table td.td01{width:120px;}
table td.td01 a{color:orange; font-size:90%;}
table td.td02{width:150px;}
table td.td02 img{width:140px; height:auto;}
table td.td02 img:hover{opacity:0.7; transition:1s;}
table td.td03,table th.th03{width:160px;}
table td.td04,table th.th04{width:270px;}
table td.td05,table th.th05{width:200px;}
table td.td06,table th.th06{width:80px;}
table td.td07,table th.th07{width:167px;}
table#main_shoplist a:hover{text-decoration:underlilne; font-weight:bold;}
#main_recruit{
width:100%;
height:440px;
margin:30px auto;
padding:15px 0px;
text-align:center;
background:#ffffff url(/hp/wp-content/themes/pc/images/bg_recruit.png) repeat-x;
background-position:0 80px;
border-top:#e65100 solid 7px;
}
#main_recruit h2{
font-size:36px;
color:#e65100;
margin:20px 0 0;
}
#main_recruit h3{
font-size:30px;
margin:50px 0 0;
line-height:2rem;
}
#main_recruit p{
margin:50px 0 0;
font-size:18px;
font-weight:bold;
}
#main_company{
width:100%;
margin:30px auto;
padding:100px 0px;
text-align:center;
background:#f5f5f5 url(/hp/wp-content/themes/pc/images/bg_main_company.png) no-repeat;
background-position: center;
background-size: 90% auto;
}
#main_company img{
margin:20px;
}
#main_company h2{
font-size:36px;
}
#main_company p{
margin:20px auto;
font-size:30px;
font-weight:bold;
}
#main_company a{
width:400px;
height:60px;
display:block;
font-size:36px;
letter-spacing:0.3rem;
font-weight:bold;
text-align:center;
background:#ffffff;
color:#000000;
text-decoration:none;
border:1px solid gray;
margin:0 auto;
box-shadow: 10px 5px 5px gray;
padding:5px;
}
#main_company a:hover{
color:silver;
}
.chirashi img{
width:45%;
height:auto;
}
.chirashi img:hover{
opacity:0.6;
transition:1s;
}


/*******************************
ヘッダー
*******************************/
#header_wrap{
margin:0 auto;
width:100%;
height:110px;
background:#ffffff url(images/bg_body.png) repeat-x;
}
#header{
position:relative;
top:7px;
margin:0px auto 0;
width:1200px;
height:100px;
background:#ffffff;
/*overflow:hidden;*/
}
.header_logo{
margin:0 40px 0 0;
}
#header h2{right:0;}

/*******************************
コンテンツ
*******************************/

/*******************************
フッター
*******************************/


/*******************************
投稿ページ
*******************************/
#container-02{
width:100%;
background:#ffffff;
}
#image-ichioshi{
background: url(/hp/wp-content/themes/pc/images/bg_header_ichioshi.png) repeat-x;
width:99%;
height:200px;
text-align:center;
padding:50px 0 0;
margin:0 auto;
text-align:center;
}
#image-shop{
background: url(/hp/wp-content/themes/pc/images/bg_header_shop.png) repeat-x;
width:99%;
height:200px;
text-align:center;
padding:50px 0 0;
margin:0 auto;
text-align:center;
}
#image-page01{
background: url(/hp/wp-content/themes/pc/images/bg_header_page01.png) repeat-x;
width:99%;
height:200px;
text-align:center;
padding:50px 0 0;
margin:0 auto;
text-align:center;
}
#image-news{
background: url(/hp/wp-content/themes/pc/images/bg_header_news.png) repeat-x;
width:99%;
height:200px;
text-align:center;
padding:50px 0 0;
margin:0 auto;
text-align:center;
}
#image-ichioshi h2,#image-shop h2,#image-page01 h2,#image-news h2{
width:800px;
font-size:48px;
color:#000000;
background: rgba(255,255,255,0.5);
padding:10px;
margin:0 auto;
}
#main-02{
width:1200px;
margin:0 auto;
border:1px dotted red;
font-size:16px;

}
#main-02 h3{
/*width:80%;
display:block;
margin:0 auto;
padding:30px ;
text-align:center;
font-size:36px;*/
}
#title{
width:80%;
margin:30px auto 20px;
display:block;
padding:20px 0 20px;
text-align:center;
font-size:30px;
background:#f29700;
border-radius:10px;
color:#ffffff;
}
#date{
width:80%;
margin:0 auto 0px;
display:block;
padding:20px 0 0px;
text-align:right;
}
#content{
width:80%;
margin:50px auto 0;
display:block;
padding:0px 0 30px;
text-align:center;
border-bottom:1px dotted silver;
}
#next{
width:70%;
margin:0 auto;
display:block;
padding:30px 0 50px;
text-align:left;
}
.next_l{width:45%; float:left;}
.next_r{width:45%; float:right; text-align:right;}
.next_l a:hover,.next_r a:hover{color:orange;}
p.info_list{
width:80%;
margin:30px auto;
display: flex;
justify-content: right;
align-items: center;
}
p.info_list img{
margin:0px 10px 0 0 ;
}
p.info_list a{
text-decoration:none;
color:#000000;
}
p.info_list a:hover{
color:silver;
}
/*******************************
固定ページ　店舗ページ
*******************************/
.shop_content{width:90%; margin:0 auto;}
.shop_content_image{width:40%; float:left;}
.shop_content_image img{width:100%; height:auto; border-radius:5px; border:1px solid silver;}
.shop_content_info{width:50%; float:left; margin:0 0 50px 10%; text-align:left;}
p.shop_content_info_title{width:100%; font-weight:bold; border-bottom:1px solid orange; padding:0 0 5px;}
p.shop_content_info_note{width:100%; margin:10px 0 15px;}
.shop_content2{width:90%; margin:0 auto;}
.shop_content2_access{width:40%; float:left;}
.shop_content2_access img{width:100%; height:auto; border-radius:5px; border:1px solid silver;}
.shop_content2_message{width:50%; float:left; margin:0px 0 0 10%; text-align:left;}
p.shop_content2_message_title{font-weight:bold; border-left:4px solid orange; margin:0px 0 30px 0; padding:0 0 0 10px;}
.shop_map{width:90%; height:600px; margin:50px auto; border:1px solid silver; border-radius:10px; overflow:hidden;}
.shop_content2_recruit{
margin:0 0 30px;
border:0px solid silver;
font-weight:bold;
color:#212121;
}
.shop_content2_recruit_btn{
width:100%;
margin:30px auto 60px; 
text-align:center;
}
.shop_content2_recruit_btn a{
color:blue;
}
p.shop_content_info_title {
  border-bottom: solid 2px silver;
  position: relative;
}
p.shop_content_info_title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #f29700;
  bottom: -2px;
  width: 30%;
}
.shop_content2_message_note {
	background: #eaf5f9;
	border-left: 10px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 0 15px #eaf5f9;
	padding: 1em 1em 1em 1.5em;
}
.su-post-content p{
border-bottom: solid 1px #97C4D4;
line-height: 2;
display:inline;
}
h2.su-post-title,.su-post-meta,a.su-post-comments-link{
display:none;
}
.shop_content2_recruit_btn a{
  display: inline-block;
  width: 100%;
  max-width: 350px; /* ボタン幅 */
  position: relative;
  background: #4D9BC1; /* 背景色 */
  border: 2px solid #4D9BC1;
  padding: 1em 2em;
  font-weight: bold;
  color: #fff; /* 文字色 */
  text-decoration: none;
  text-align: center;
  transition-duration: 0.3s;
}
.shop_content2_recruit_btn a:before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff; /* 矢印の色 */
  border-right: 2px solid #fff; /* 矢印の色 */
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -6px;
}
.shop_content2_recruit_btn a:hover{
  background: #fff; /* 背景色 */
  color: #4D9BC1; /* 文字色 */
}
.shop_content2_recruit_btn a:before {
  border-top: 2px solid #4D9BC1; /* 矢印の色 */
  border-right: 2px solid #4D9BC1; /* 矢印の色 */
}
/*******************************
固定ページ　会社概要
*******************************/
.company_print{
width:900px;
margin:20px auto;
text-align:right;
}
.company_print img{
margin:30px 0;
}
#company table{
clear:both;
    border:0px solid #dfdfdf;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    margin:30px auto;
}
#company th{
    width:300px;
    border:1px solid #dfdfdf;
    padding:1.0em 0.8em;
    background-color:#f8f8f8;
    font-size:90%;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
}
#company td{
    width:600px;
    border:1px solid #dfdfdf;
    padding:1.0em 0.8em;

}
#company td a{
	font-size:115%;
	font-weight:bold;
	color:green;
}
#message {
margin:40px auto 20px;
width:80%;
text-align:left;
}
#message img{
margin:0 0 10px 0;
}
.rinen{
margin:40px auto 20px;
width:80%;
text-align:left;
}
.rinen h3{
width:100%;
margin:30px;
color:#18b85f;
font-weight:bold;
font-size:120%;
text-decoration:underline;
}
/***************
会社概要下段　社長メッセージ
***************/


#top-link{
text-indent:100%; 
white-space:nowrap; 
overflow:hidden; 
line-height:0.01em; 
color:#fff;
} 

/***************
プライバシーポリシー
***************/
#policy{
width:90%;
margin:30px auto;
text-align:left;
}
#policy h3{
font-weight:bold;
text-decoration:underline;
margin:20px 0 10px;
}


#top-link{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
}