@charset "utf-8";
/* =================================== */
/*　ページ共通  */
/* =================================== */
#page-contents {
	clear: both;
	margin:50px 0 0 0;
}
#page-contents a {
}
#page-contents p {
	line-height:1.8em;
	padding-bottom:1em;
	letter-spacing:0.08em;
}
#page-contents p.text {
	text-align:center;
	line-height:1.8em;
}
#page-contents .mini {
	font-size:90%;
}
.pageheading {
	text-align:center;
	padding: 0 20px 50px 20px;
}
#page-contents .section {
	max-width: 1000px;
	margin:0 auto;
	padding:50px;
}

@media screen and (max-width:600px){
#page-contents .section {
	padding:30px 20px;
}
}
@media screen and (max-width:1100px){
#page-contents .container {
	margin:0 10px;
}
}

/*　ヘッダータイトル  */
#pagetitle-wrapper {
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, transparent 50%, transparent 100%);
}
#pagetitle {	
	height:150px;
	width:100%;
	background-position: left;
	display: table;
	max-width:1100px;
	margin:0 auto;
}
.pagetitle-news {
	background:url(../img/title-news.png) no-repeat;
	background-size:contain;
}
.bgtitle-news {
	background: linear-gradient(90deg, #ff6f50 0%, #ff6f50 40%, transparent 40%, transparent 100%);
}
.pagetitle-company {
	background:url(../img/title-company.png) no-repeat;
	background-size:contain;
}
.bgtitle-company {
	background: linear-gradient(90deg, #ffa64d 0%, #ffa64d 40%, transparent 40%, transparent 100%);
}
.pagetitle-store {
	background:url(../img/title-store.png) no-repeat;
	background-size:contain;
}
.bgtitle-store {
	background: linear-gradient(90deg, #8dd640 0%, #8dd640 40%, transparent 40%, transparent 100%);
}
.pagetitle-csr {
	background:url(../img/title-csr.png) no-repeat;
	background-size:contain;
}
.bgtitle-csr {
	background: linear-gradient(90deg, #7eabe8 0%, #7eabe8 40%, transparent 40%, transparent 100%);
}
.pagetitle-recruit {
	background:url(../img/title-recruit.png) no-repeat;
	background-size:contain;
}
.bgtitle-recruit {
	background: linear-gradient(90deg, #a693e8 0%, #a693e8 40%, transparent 40%, transparent 100%);
}
#pagetitle h1 {
	font-size:30px;
	font-size: 3.0rem;
	color:#ffffff;
	display: table-cell;
	vertical-align: middle;
	padding-left:0.5em;
	font-weight:normal;
}
#pagetitle span {
	text-align:center;
	font-size:30px;
	font-size:3.0rem;
	font-family: 'Damion', cursive;
	display:block;
	color:#ffffff;
	opacity:0.7;
}
@media screen and (max-width:600px){
#pagetitle-wrapper {
	padding-top: 0;
}
#pagetitle {
	max-height:70px;
}
#pagetitle h1 {
	font-size:17px;
	font-size: 1.7rem;
}	
}
/*　見出し */
#page-contents h2 {
	font-size:25px;
	font-size: 2.5rem;
	text-align:center;
	padding:0 10px 20px 10px;
	margin-bottom:50px;
	line-height:1.5em;
}
#page-contents h3 {
	font-size:20px;
	font-size: 2.0rem;
	padding:10px 0;
	line-height:1.5em;
}
#page-contents h4 {
	font-size:18px;
	font-size: 1.8rem;
	padding:10px 0;
	line-height:1.5em;
}
@media screen and (max-width:600px){
#page-contents h2 {
	font-size:20px;
	font-size: 2.0rem;
}	
}
/*　テーブル */
#page-table {
	border-collapse: collapse;
	width:100%;
	background-color:#ffffff;
	margin:0 auto 20px auto;
}
#page-table th, #page-table td {
	border-top:1px dotted #808080;
	border-bottom:1px dotted #808080;
	font-weight:normal;
	padding:15px 25px;
}
#page-table th {
	text-align:left;
	width:25%;
}
@media screen and (max-width: 600px) {
#page-table {
    border-top: 1px dotted #808080;
	width:100%;
  }
#page-table th {
	border-bottom: none;
	border-top: none;
    display: block;
    width: 100%;
	box-sizing:border-box;
}
#page-table td {
	border-top: none;
　　border-bottom: none;
    display: block;
    width: 100%;
	box-sizing:border-box;
  }
}

/* ----------------------------------- */
/*　背景  */
/* ----------------------------------- */
body.bg-news {
	background-image:url(../img/bg-top.jpg);
	background-size:contain;
	background-repeat:repeat;
	background-position:top;
}
.bg-company {
	background-image:url(../img/bg-company.png);
	background-repeat:repeat-x;
	background-position:top;
}
.bg-recruit {
	background-image:url(../img/bg-recruit.png);
	background-repeat:repeat-x;
	background-position:top;
}
.bg-csr {
	background-image:url(../img/bg-csr.png);
	background-repeat:repeat-x;
	background-position:top;
}
.bg-store {
	background-image:url(../img/bg-store.png);
	background-repeat:repeat-x;
	background-position:top;
}
.bgw {
	background-color:#ffffff;
}
.f-company {
	background-image:url(../img/footerbg-company.png);
	background-repeat:repeat-x;
	background-position:top;
	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
.f-csr {
	background-image:url(../img/footerbg-csr.png);
	background-repeat:repeat-x;
	background-position:top;
}
.f-recruit {
	background-image:url(../img/footerbg-recruit.png);
	background-repeat:repeat-x;
	background-position:top;
}
.f-store {
	background-image:url(../img/footerbg-store.png);
	background-repeat:repeat-x;
	background-position:top;
}
/* ----------------------------------- */
/*　会社概要  */
/* ----------------------------------- */
#page-company .company-contents {
	background-image:url(../img/cbg-company.jpg);
	background-size:contain;
	background-repeat:repeat;
	background-position:top;
}
#page-company h2 {
	position:relative;
}
#page-company h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 120px;
  height: 5px;
  background-color: #ffe9d2;
  -webkit-transform : translateX(-50%);
  transform : translateX(-50%);
}
/*　理念 */
#philosophy .rinen-text {
	padding-top:50px;
}
#philosophy .rinen {
	background-image:url(../img/philosophy.JPG);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:100% auto;
	max-width:860px;
	margin:0 auto;
	padding:70px;
	box-sizing:border-box;
}
#philosophy ul {
}
#philosophy ul li {
	display:block;
	padding:1em 2em;
	font-size:20px;
	font-size: 2.0rem;
	line-height:1.3em;
	position: relative;
}
#philosophy ul li:before {
	position: absolute;
	content: "ー";
	left: 0;
	font-size:22px;
	color:#404040;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media screen and (max-width: 860px) {
#philosophy .rinen {
	padding:50px 30px;
	margin:0 -30px;
}
#philosophy ul li {
	padding:0.5em 1.5em;
	font-size:17px;
	font-size: 1.7rem;
}
}
@media screen and (max-width: 600px) {
#philosophy .rinen {
	margin:0 -10px;
}
}
@media screen and (max-width: 480px) {
#philosophy .rinen {
	background-image:url(../img/philosophy-s.JPG);
	background-position:bottom right;
	padding:30px 10px;
}
#philosophy ul li {
	padding:0.3em 1.5em;
	font-size:15px;
	font-size: 1.5rem;
}
#philosophy ul li:before {
	font-size:15px;
}
}
/*　由来 */
#origin {
	text-align:center;
}
/*　あいさつ */
#message .name {
	text-align:right;
	padding-top:1em;
}

/*　概要 */
.companyabout th {
	background-color:#ffe9d2;
}
#page-company .company-storelist {
	overflow:hidden;
	font-size:14px;
	font-size: 1.4rem;
}
#page-company dt {
  float:left;
  clear:left;
  width:18em;
}
#page-company dd {
  float:left;
  margin-left:1em;
}
@media screen and (max-width: 600px) {
#page-company dt {
	float:none;
  width:auto;
  padding-top:10px;
}
#page-company .company-storelist {
	font-size:13px;
	font-size: 1.3rem;
}
}
/*　ページ内リンク */
#page-link ul {
	text-align:center;
	padding:30px 20px 30px 20px;
}
#page-link ul li {
	display:inline-block;
	padding:0 2em;
	font-size:16px;
	font-size: 1.6rem;
	position: relative;
}
#page-link ul li:before {
	position: absolute;
	content: "ー";
	left: 0;
	font-size:14px;
	color:#ffa64d;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#page-link ul li a:hover {
	color:#ffa64d;
}
@media screen and (max-width: 600px) {
#page-link ul {
	text-align:left;
	padding:0 20px 30px 20px;
}
#page-link ul li {
	display:block;
	padding:0 2em;
	font-size:14px;
	font-size: 1.4rem;
}
}
/* ----------------------------------- */
/*　店舗紹介  */
/* ----------------------------------- */
#page-store {
	background-image:url(../img/cbg-store.jpg);
	background-size:contain;
	background-repeat:repeat;
	background-position:top;
}
#page-store h2 {
	text-align:left;
	position:relative;
	padding:0 0 20px 0;
	margin-bottom:30px;
}
#page-store h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 120px;
  height: 5px;
  background-color: #eef9e3;
}
#page-store .store-link {
	display:inline-block;
	width:200px;
	margin:10px 20px 0 0;
}
/*Googleマップ*/
#map {
	max-width:1100px;
	margin: 0 auto;
	padding:50px;
	box-sizing:border-box;
	overflow:hidden;
	background-color:#ffffff;
}
#map .areamap {
	max-width:1000px;
	height:480px;
	margin: 0 auto;
}
@media screen and (max-width: 1100px) {
#map {
	padding:20px;
}
#map .areamap {
	height: 0;
overflow: hidden;
padding-bottom: 50%;
position: relative;
}
#map .areamap iframe {
	position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;

}
}
@media screen and (max-width: 600px) {
#map .areamap {
	display:none;
}
}
/*マップ注意文*/
.map-text {
	text-align:right;
	padding:20px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
@media screen and (max-width: 600px) {
.map-text {
	display:none;
}
}
/*岡山鳥取リンク*/
#area-link {
	text-align:center;
	padding-bottom:20px;
}
#area-link ul li {
	display:inline-block;
	width:300px;
	padding:0 20px 20px 20px;
}
@media screen and (max-width: 480px) {
#area-link ul li {
	display:inline-block;
	width:250px;
	padding:0 20px 20px 20px;
}
}
#area-link ul li a.arealist-link {
	color:#404040;
	border:1px solid #404040;
	padding:1em;
	border-radius:5px;
	font-size:16px;
	display:block;
	text-align:center;
	line-height:1.3em;
}
#area-link ul li a.arealist-link:hover {
	color:#ffffff;
	background-color:#8dd640;
	border:1px solid #8dd640;
}
#area-link ul li a.areaselect {
	color:#ffffff;
	background-color:#8dd640;
	border:1px solid #8dd640;
	pointer-events:none;
}
/*　ページ内リンク */
#page-link .pagestore li:before {
	position: absolute;
	content: "ー";
	left: 0;
	font-size:14px;
	color:#8dd640;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#page-link .pagestore li a:hover {
	color:#8dd640;
}
/*　リンク注意文 */
.storelink-text {
	text-align:center;
	padding:20px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
/* ----------------------------------- */
/*　取り組み  */
/* ----------------------------------- */
#page-csr .csr-contents {
	background-image:url(../img/cbg-csr.jpg);
	background-size:contain;
	background-repeat:repeat;
	background-position:top;
}
#page-csr h2 {
	text-align:left;
	position:relative;
	padding:0 0 20px 0;
	margin-bottom:30px;
}
#page-csr h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  width: 120px;
  height: 5px;
  background-color: #ecf2fc;
}
/* ----------------------------------- */
/*　採用情報  */
/* ----------------------------------- */
#page-recruit {
	background-color:#ffffff;
	max-width: 1100px;
	margin:0 auto;
}
#page-recruit h2 {
	position:relative;
}
#page-recruit h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 120px;
  height: 5px;
  background-color: #ede9fa;
  -webkit-transform : translateX(-50%);
  transform : translateX(-50%);
}
.recruitment th {
	background-color:#ede9fa;
}
#page-recruit .recruit-contact {
	text-align:center;
	padding:30px;
	border:1px dotted #808080;
	max-width:500px;
	margin:0 auto;
	margin-top:30px;
}
/* ----------------------------------- */
/*　お知らせ一覧  */
/* ----------------------------------- */
#page-news .newslist{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin-left:-50px;
}
#page-news .news{
	width:33.33333%;
	margin-left:50px;
	padding-bottom:30px;
}
@media screen and (max-width: 1000px) {
#page-news .newslist{
	margin-left:-20px;
}
#page-news .news{
	margin-left:20px;
}
}
@media screen and (max-width: 600px) {
#page-news .newslist{
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
	margin-left:0;
}
#page-news .news{
	display:block;
	width:100%;
	margin-left:0;
}
}
#page-news .newslist-day {
	display:block;
	padding-top:0.5em;
}
#page-news .newslist-title {
	display:block;
	font-weight:bold;
	line-height:1.5em;
}
/* ----------------------------------- */
/*　お知らせ  */
/* ----------------------------------- */
#page-news {
	background-color:#ffffff;
	max-width: 1100px;
	margin:0 auto;
}
#page-news .news-day {
	padding-bottom:1em;
}
#page-news .newsarticle a {
	color: #ff6f50;
}
#page-news a:hover {
}
#page-news h2 {
	font-size:25px;
	font-size: 2.5rem;
	font-weight:bold;
	text-align:left;
	padding:0 0 20px 0;
	margin-bottom:30px;
	line-height:1.5em;
	position: relative;
}
#page-news h2:before {
  content: '';
  position: absolute;
  left: 0%;
  bottom: 0;
  display: inline-block;
  width: 120px;
  height: 5px;
  background-color: #ffe2dc;
}
@media screen and (max-width:600px){
#page-news h2 {
	font-size:20px;
	font-size: 2.0rem;
}	
}
#page-news h3 {
	font-size:20px;
	font-size: 2.0rem;
	line-height:1.5em;
}
#page-news h4 {
	font-weight:bold;
	border-left:5px solid #ffe2dc;
	padding:0 0 0 10px;
	margin:10px 0;
	line-height:1.5em;
}
#page-news h5 {
	font-size:15px;
	font-size: 1.5rem;
	line-height:1.5em;
	font-weight:normal;
	color:#ff6f50;
	margin-bottom:10px;
}
#page-news h6:before {
	content:"\025b6";
	color:#21825C;
	margin-right:10px;
}