@charset "UTF-8";

/*
	Theme Name: Saika
	Description: SaikaRamen
	Theme URI: http://www.saikaramen.com
	Author: Move Co.,Ltd.
	Author URI: http://www.move-jp.com
	Version: 1.0.0
	License: move.co.,ltd.
	License URI: www.move-jp.com
*/

/****************************************

          General Setting

*****************************************/
html, .top {
    width: 100%;
    height: 100%;
}
html, body {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	font-size: 14px;
	font-family: Verdana, Arial,
    	'ヒラギノ角ゴ Pro W3',
    	'Hiragino Kaku Gothic Pro',
    	Osaka,
    	'ＭＳ Ｐゴシック',
    	sans-serif;
	line-height: 160%;
}
.container-fluid {
	padding: 0;
}
.container {
	width: auto;
}
.row {
	margin-left: 5%;
	margin-right: 5%;
}
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.img {
	max-width: 100%;
	height:auto;
}
.pt10 {
	padding-top: 10%;
}
.textcw {
color: white;
}
/****************************************

          Slider

*****************************************/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	width: 100%;
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(theme/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}


/*  Responsive Slider
*****************************************/
.responsive-slider.flexslider {
	background: transparent !important;
	border: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}
.responsive-slider.flexslider a, .responsive-slider.flexslider a:visited, .responsive-slider.flexslider a:hover {
	text-decoration: none;
	border-bottom: none;
}
.responsive-slider.flexslider .slides img {
	height: auto !important;
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}
.responsive-slider.flexslider .slides, .responsive-slider.flexslider .slides li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.responsive-slider.flexslider .flex-direction-nav, .responsive-slider.flexslider .flex-direction-nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.responsive-slider.flexslider .flex-direction-nav li a {
	width: 40px !important;
	height: 40px !important;
	background: url(./images/slider-nav.png) no-repeat 0 0 !important;
	text-align: left;
	text-indent: -9999em;
	top: 47.5% !important;
	opacity: 0;
	-webkit-transition: all 0.18s ease-out;
	-moz-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	-o-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;	
}
.responsive-slider.flexslider:hover .flex-direction-nav li a {
	opacity: .6;
}
.responsive-slider.flexslider .flex-direction-nav li a:hover {
	opacity: 1;
}
.responsive-slider.flexslider .flex-direction-nav li .next {
	background-position: 0 -50px !important;
	right: 20px !important;
}
.flex-direction-nav li .prev {
	left: 20px !important;
}
.responsive-slider.flexslider .flex-control-nav {
	width: 91% !important;
	bottom: 4% !important;
	right: 4.545454545454545%;
	margin: 0;
	padding: 0;
}
.responsive-slider.flexslider .flex-control-nav li {
	margin: 0 0 0 7px !important;
	padding: 0;
}
.responsive-slider.flexslider .flex-control-nav li a {
	width: 14px !important;
	height: 14px !important;
	background: url(./images/slider-nav.png) no-repeat 0 -132px !important;
}
.responsive-slider.flexslider .flex-control-nav li a:hover, .responsive-slider.flexslider .flex-control-nav li a.active {
	background-position: 0 -111px !important;
}
.responsive-slider.flexslider .flex-control-nav li a {
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;	
}
.responsive-slider.flexslider .slide {
	position: relative;
}
.responsive-slider.flexslider .slide .slide-title {
	margin: 0;
	padding: 0;
}
.responsive-slider.flexslider .slide-title a {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	line-height: 1.3em;
	color: #fff;
	background: #222;
	background: rgba(0,0,0,.3);
	text-shadow: none;
	margin: 0;
	padding: .5em 1em;
}
.responsive-slider.flexslider .slide-title a:hover {
	color: #fff;
	background: rgba(0,0,0,.5);
}
/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 240%;
	font-family: 'Josefin Sans', sans-serif;
}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

h4 {
	line-height: 1.5em;
}

/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}


/****************************************

          Link

*****************************************/

a {
	text-decoration: none;
	color: #473f3b;
}
/*
a:hover {
	background-color: #FAF2EE;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
*/
a img {
		-webkit-transition: 0.8s;
        -moz-transition: 0.8s;
	   -o-transition: 0.8s;
	   -ms-transition: 0.8s;
	   transition: 0.8s;
}
a img:hover {
     opacity: 0.6;
	 -webkit-transition:opacity 0.8s linear;
}

/****************************************

          Layout

*****************************************/

#header {
	position: relative;
	width: 100%;
	height: 100%;
}
	#header .alignleft,
	#header .alignright{
		margin-bottom: 20px;
		width: auto;
	}
	#header .alignright{
		width: 200px;
	}

#main {
	float: left;
	width: 600px;
}

#sidebar {
	float: right;
	width: 250px;
}

#main,
#sidebar{
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}

#footer {
	clear: both;
	background: #555;
	color: #fff;
}


/****************************************

          header

*****************************************/

*:first-child+html #header > div{ /* IE7 */
	clear: both;
	zoom:1;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 30%;
	margin: auto;
	width: 120px;
	height: 141px;
}

#logo a{
	border: none;
}

#description {
	margin-top: 0;
	color: #777;
}

#searchform{
	position: relative;
	margin-top: 45px;
}
	#s{
		padding: 6px 20% 6px 5%;
		width: 75%;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px; 
		font-size: 10px;
	}
	#searchsubmit{
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 26px;
		border: none;
		background: url(images/search.png) no-repeat 50% 50%;
	}


/****************************************

          Navigation

*****************************************/
.recbox h3 {
	font-size: large;
}
.headtitle {
	background-color: #EEEEEF;
	text-align: center;
	color: #473F3B;
	padding-top: 2%;
}

.mainnavi {
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 5%;
	padding-left: 5%;
	background-color: #000000;
	border-bottom: 5px solid #EC4043;
}
.mainnavi li a {
	width: 25%;
	float: left;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #2A2A2A;
	border-left: 1px dashed #D5D5D5;
	color: #F1F1F1;
}
.mainnavi ul li:last-child a {
	border-right: 1px dashed #D5D5D5;
}
.mainnavi li a:hover {
	display: block;
	background-color: #6C6C6C;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}


.subnavi  {
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 14%;
	padding-left: 14%;
	background-color: #000000;
	border-bottom: 5px solid #EC4043;
}
.subnavi ul li img {
	display: block;
	float:left;
	width: 33.333%;
}
.subnavi li a .subtitle {
	position: absolute;
	display: block;
     width: 5%;
	color: #FFFFFF !important;
	position: absolute;
	left: 14.333%;
	bottom: 3%;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: 1%;
}
.subnavi li:nth-child(2) a .subtitle {
	display: block;
	width: 5%;
	color: #FFFFFF !important;
	position: absolute;
	left: 38.333%;
	bottom: 3%;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: 1%;
}
.subnavi li:nth-child(3) a .subtitle {
	display: block;
	width: 5%;
	color: #FFFFFF !important;
	position: absolute;
	left: 62.333%;
	bottom: 3%;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: 1%;
}

.navirecruit {
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 5%;
	padding-left: 5%;
	background-color: #000000;
	border-bottom: 1px solid #000000;
}
.navirecruit li a {
	width: 24%;
	float: left;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #ffffff;
	border-left: 1px dashed #000000;
	color: #3A3A3A;
}

.navirecruit li.current-menu-item a {
	background-color: #FAF2EE;
}

.navirecruit li:nth-child(4) a {
	width: 14%;
	background-color: #D9818A;
}
.navirecruit li:nth-child(5) a {
	width: 14%;
	background-color: #91504F;
}
.navirecruit li:nth-child(n+4) a {
	color: #FFFFFF;
}
.navirecruit li:nth-child(n+4) a:hover {
	color: #000000;
}
.navirecruit ul li:last-child a {
	border-right: 1px dashed #D5D5D5;
}
.navirecruit li a:hover {
	display: block;
	background-color: #F2F2F2;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}



/*ナビゲーション*/
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #E80013;
	font-style: normal;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
	background-color: #626262;
}

.dropdown {
	font-size: large;
}
.dropdown li {
	color: #090909;
	padding-left: 10px;
}

#navbar {
	background-color: #242424;
	border-top: 5px solid #E80013;
}
#navbar li a,
.menu-toggle {
	color: #FFFFFF;
}
#navbar li a:hover {
	background-color: #E80013;
}


/*shopnavi -all*/
.shopMlist {
	margin-left:10%;
	margin-right:10%;
	margin-top:2%;
}
.shopDnavi dl {
	float:left;
	width:100%;
	margin-bottom:0.5%;
}
.shopDnavi dt,
.shopDnavi2 dt {
	float:left;
	background-color:#D9534F;
	padding-right:3%;
	padding-left:3%;
	padding-top:1%;
	padding-bottom:1%;
	color:#ffffff;
}
.shopDnavi dd,
.shopDnavi2 dd {
	float: left;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-right: 1px solid #D9534F;
	text-align:left;
}
/****************************************

          header image

*****************************************/

#header-image{
	margin-bottom: 40px;
}


/****************************************

          Breadcrumb

*****************************************/

#breadcrumb{
	margin-bottom: 20px;
}
#breadcrumb li{
	float: left;
	margin-right: .5em;
}

/****************************************

          Top Main

*****************************************/

header article {
	background-repeat: no-repeat;
	background-position: center top no-repeat;
	background-image: url("images/bg_main.webp");
	background-color: #0d0d0d;
	background-size: cover;
	text-align: center;
}
.kv .btn {
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.kv {
	color: #FFFFFF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.kv h2 {
	font-size: 150%;
	line-height: 1.8em;
}
.gnav {
	background-color:#000000;
	float: left;
	width:100%;
	border-bottom: 9px solid #955251;
	z-index: 100;
}
.gnav li {
	float: left;
	width: 16.666%;
	text-align: center;
	padding-top:10px;
	padding-bottom:7px;
}
.gnav li:last-child {
	background-color: #232323;
}
.gnav li a {
	color: #FFFFFF;
		-webkit-transition: 0.8s;
        -moz-transition: 0.8s;
	   -o-transition: 0.8s;
	   -ms-transition: 0.8s;
	   transition: 0.8s;
}
.smred {
	font-size:x-small;
	color: #E50011;
}
.sm {
	font-size:x-small;
}
.news .col-sm-3 {
	color: #FFFFFF;
	background-color: #955251;
	width: 200px;
	height: 200px;
}

/*************************************************************************/
/*                  TOP NEWS                */
/*************************************************************************/
.newslist {
	padding-left: 10%;
}
.newslist li {
	padding-bottom: 1%;
}
.newslist li a {
	text-decoration:underline;
}
.newslist .date {
	display: block;
    float: left;
	width: 20%;
}
.newslist .listpart {
	display: block;
    overflow: auto;
}
.newslist .news {
    font-size: 80%;
    background-color: #EFFEEE;
    padding: 5px;
}
.newslist .shop_yawata,
.newslist .shop_honten,
.newslist .shop_manba,
.newslist .shop_matsubara,
.newslist .shop_yatai,
.newslist .shop_tawaramoto,
.newslist .shop_kashihara,
.newslist .shop_yao,
.newslist .shop_yamatokoizumi,
.newslist .shop_daito,
.newslist .shop_sakurai,
.newslist .shop_fuse
{
    font-size: 80%;
    background-color: #FFD4D4;
    padding: 7px;
    font-weight: bold;
}


.newslist .media {
	font-size:80%;
	background-color:#FFFBE2;
	padding:5px;
}
@media only screen and (min-width: 1000px) {
}


/****************************************

          Index

*****************************************/

.topmain {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
	background-color:#171717;
    background: url(images/navi3-2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}
.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.news,
.yawata {
    padding: 200px 0;
}


.about .col-sm-3 {
	background-color:#F65F61;
}
.about .col-sm-9 {
	background-color: #A05FF6;
}
.banner {
	padding-bottom:3%;
}
.movie .col-sm-12 {
	background-color: #FFFFFF;
	padding: 0;
	background-image: url("images/main-mono.webp");
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 300px;
	background-position: 0% 30%;
}


.fixed {
      position: fixed;
      top: 0px;　//一番上なら0pxに指定してください
      z-index: 1;
      width: 100%;
    }
#fixedBox {
}
#fixedBox ul {
}
/*
.navi-top li {
	background-color: #000000;
}
.navi-top li a {
	display: block;
	color: #FFFFFF;
	float: left;
	width: 16.666%;
	text-align: center;
	background-color: #000000;
	border-bottom: 10px solid #955251;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navi-top li a:hover {
	background-color: #333333;
}
.navitopsub {
	color:#E50011;
	font-size: x-small;
}
*/

/****************************************

          Main

*****************************************/

#main .post,
#main .page{
	overflow: hidden;
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}
.post p a {
	text-decoration: underline;
}

.sticky{
	/* 先頭固定ポストのスタイル */
}

.post-meta{
	margin-bottom: 1.5em;
}
	.post-meta .post-date,
	.post-meta .category{
		padding-right: 1em;
	}
	.comment-num{ white-space: nowrap; }

.more-link{
	float: right;
}

.navigation{
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
}
	.navigation > div{
		width: 50%;
	}

	.navigation .alignright{
		text-align: right;
	}

	.navigation a{
		display: block;
		padding: 1em;
		border: none;
		-webkit-transition: 0.8s;
        -moz-transition: 0.8s;
	   -o-transition: 0.8s;
	   -ms-transition: 0.8s;
	   transition: 0.8s;
	}
		.navigation a:hover{
	background-color: #FAF2EE;
	color: #000;
	border: none;
	text-decoration:none;
}
.navigation .alignright a:hover{
	border-left: 1px solid #ddd;
}

.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}
	.post-author{ padding-left: 1em; }

.page-link{
	margin: 3em 0;
}
.comment-page-link{
	margin: 0 0 3em;
}

	.page-link span,
	.comment-page-link span,
	.comment-page-link a{
		display: inline-block;
		margin-right: 3px;
		padding: 5px 8px;
		border: 1px solid #ddd;
		background: #ddd;
	}
		.page-link a span,
		.comment-page-link a{
			background: #fff;
		}
	
	.page-link a{
		border-bottom: none;
		color: #000;
	}
	
	.page-link a span:hover,
	.comment-page-link a:hover{
		background: #ffeff7;
		color: #000;
	}


/****************************************

          Comments Area

*****************************************/

#comment-area h3{
	font-size: 150%;
	font-family: 'Josefin Sans', sans-serif;
}

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
	.commets-list li,
	.trackback-list li{
		overflow: hidden;
		margin-top: -1px;
		padding: 20px 0 0;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid transparent;
	}
		.commets-list .avatar{
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}

		.comment-meta,
		.reply,
		.comment-notes,
		.form-allowed-tags,
		span.small{
			font-size: 80%;
		}

		.comment-body p{
			clear: both;
		}
		.reply{
			text-align: right;
		}

.bypostauthor{
	/* 記事投稿者のコメントのスタイル */
}

.children{
	padding-left: 2em;
}

#respond{
	margin-bottom: 40px;
}

/****************************************

          index.php Main

*****************************************/

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 420px;
}
	.content-box .more-link{
		margin: 0;
	}

.thumbnail-box{
	float: left;
	width: 160px;
}
	.thumbnail-box img{
		width: 160px;
		height: 160px;
	}


/****************************************

          Sidebar

*****************************************/

#sidebar h2{
	margin-bottom: 10px;
	font-family: 'Josefin Sans', sans-serif;
}
.widget{
	margin-bottom: 60px;
}

#sidebar .widget ul{
	padding-left: 1.5em;
	list-style-position: outside;
	list-style-type: disc;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
	margin:20px 0;
}

.sidebar-thumbnail-box{
	float: left;
	width: 75px;
}

.sidebar-recent-posts-title{
	float: right;
	width: 165px;
}
	#sidebar-recent-posts h3,
	#sidebar-recent-posts p,
	#sidebar-popular-posts h3,
	#sidebar-popular-posts p{
		margin: 0;
	}

.tagcloud a{
	white-space: nowrap;
}


/****************************************

          Footer

*****************************************/
#footer {
	background-color: #FAF2EE;
}
#copyright{
	padding: 20px 0;
	font-size: 80%;
}
#footer .row {
	margin-right: 5%;
	margin-left: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
}
#footer ul li {
	color:#333333;
}
.logo {
	float: left;
	margin-right: 2%;
}
#footer p {
	color: #473F3B;
}
#footer .tel {
	font-weight: bold;
	font-size: large;
}
.f-button li {
	position: relative;
	float: left;
	background-color: #473F3B;
	width: 13%;
	text-align: center;
	margin-right: 0.5%;
}
.f-button li a {
	color: #FFFFFF;
	display: block;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-right: 1%;
}
.f-button li a:hover {
	display: block;
	background-color: #B90002;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
small {
	color: #473F3B;
}
/****************************************

          Form

*****************************************/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin-bottom: 5px;
	padding: 6px 4px;
	max-width: 100%;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	color: #777;
	vertical-align: bottom;
	font-size: 13px;
}

#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #473f3b;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(71,63,59,1.00);
 	-moz-box-shadow: 0 0 3px rgba(71,63,59,1.00);
	box-shadow:  0 0 3px rgba(71,63,59,1.00);
 	color: #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	margin-bottom: 20px;
	padding: 4px 12px;
	padding: 8px 10px;
	border: 1px solid #473f3b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #473f3b;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	cursor: pointer;
	/* Old browsers */
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	border: 1px solid #99867D;
	background-color: #99867D;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		position: relative;
		top:1px;
	}


/****************************************

          WordPress Misc

*****************************************/

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}


/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}

/****************************************

          Recruit

*****************************************/
.bread {
	background-color: #FAF2EE;
	padding-right: 5%;
	padding-left: 5%;
}
.bread li {
	float:left;
}

/****************************************

          Recruit

*****************************************/
.recruit .col-sm-2 {
	background-color: #91504F;
	color: #FFFFFF;
}
.recruitimage {
	position: relative;
}
.recruitimage h2 {
	position: absolute;
	top: 40%;
	left: 5%;
	color: #FFFFFF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.recbox {
	padding-top:5%;
}
.recbox h3,
.recbox h3+p {
	text-align: center;
	width: 100%;
}
.recbox h3 {
	padding-top: 20%;
	padding-bottom:5%;
	border-bottom: 1px dotted #FFFFFF;
}
.recbox p {
	padding-bottom: 30%;
}
.recruit .col-sm-5.relative {
	position: relative;
}
.recruit .col-sm-5.relative p {
	position: absolute;
	left: 117px;
	top: -1px;
}
.section2 .col-sm-6,
.section3 .col-sm-6,
.section4 .col-sm-12,
.section5 .col-sm-6,
.section6 .col-sm-6 {
	padding:0;
}
.section2 .col-sm-6 h4,
.section3 .col-sm-6 h4,
.section5 .col-sm-6 h4,
.section6 .col-sm-6 h4 {
	border: 3px solid #91504F;
	text-align: center;
}

.section2 .col-sm-6:first-child p,
.section3 .col-sm-6:last-child p,
.section5 .col-sm-6:first-child p,
.section6 .col-sm-6:last-child p {
	background-color: #91504F;
	padding: 5%;
	bottom: 0;
	color: #FFFFFF;
	filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
}
.section4 {
	border-bottom-color: #91504F;
	border-top-color: #91504F;
	border-bottom-style: solid;
	border-top-style: solid;
	border-bottom-width: 5px;
	border-top-width: 5px;
}
.section7 {
	background-color: #D9818A;
	padding-top:2%;
	padding-bottom: 2%;
}
.timetable {
	padding-right: 10% !important;
	padding-left: 5% !important;
	padding-top: 35% !important;
}
.section8 {
	padding-top: 5%;
	padding-bottom: 5%;
}
.section8 .col-md-8 .col-md-6 {
	padding-top:2%;
	margin-top:1%;
}
ul.entrybutton {
    text-align: center;
}
ul.entrybutton li {
    display: inline;
}
ul.entrybutton li a {
	color: #FFFFFF;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 1%;
	padding-bottom: 1%;
}
ul.entrybutton li:first-child a {
	background-color: #D9818A;
}
ul.entrybutton li:last-child a {
	background-color: #91504F;
}
ul.entrybutton li a:hover {
	color: #000000;
	background-color: #F2F2F2;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.staffA {
	position: absolute;
	top: -250px;
	left: 50px;
}
.balloonA {
	position: absolute;
	background-image: url(images/blowoff.png);
	width: 300px;
	height: 300px;
	left: 300px;
	top: -300px;
	padding-top: 100px;
	padding-left: 75px;
	padding-right: 20px;
}
.staffB {
	position: absolute;
	top: -50px;
	left: 70px;
}
.balloonB {
	position: absolute;
	background-image: url(images/blowoff.png);
	width: 300px;
	height: 300px;
	left: 250px;
	top: -200px;
	padding-top: 100px;
	padding-left: 70px;
	padding-right: 20px;
}
.staffC {
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;
}


#loopslider {
	margin: 0 auto;
	width: 100%;
	height: 320px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#loopslider ul {
/*	width: 100%;*/
	height: 320px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 400px;
	height: 320px;
	float: left;
	display: inline;
	overflow: hidden;
}

.entryform {
	padding-left: 30%;
	padding-right: 30%;
	margin-top: 3%;
	margin-bottom: 10%;
}

.requirementslist {
	margin-top: 3%;
	margin-bottom: 10%;
}

/****************************************

          Footer

*****************************************/
.footerbutton {
	background-color:#000000;
}

/****************************************

          Shop

*****************************************/
.shop {
	background-color: #000000;
	color: #ECECEC;
	padding: 0 !important;
}
.shop a {
	color: #C02A2D;
}
.shop ul {
	padding-left: 10%;
}
.shoplist {
	padding-bottom: 3%;
	padding-top: 3%;
	padding-left: 10%;
	padding-right: 10%;
	background-color: #FDF9ED;
	border-bottom: 1px dotted #BCA253;
}
.shoplist:first-child {
	margin-top:2%;
}
.shoplist .badge {
	margin-right:1%;
}

/*
.shoplist:nth-child(even) {
	background-color: #353535;
}
*/
.shoplist dd {
	line-height: 1.8em;
}
.shop .col-sm-4 li a {
	color: #BD060A;
}
.shoplist h3 {
	width: 20%;
	border: 3px solid #D9534F;
	color: #D9534F;
	margin-bottom:5%;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 3%;
	padding-right: 3%;
	background-image: url(http://www.saikaramen.com/wp/wp-content/uploads/2016/02/logo_100.png);
	background-repeat: no-repeat;
	background-position: 95% -0.6em;
}

/****************************************

          ShopInfo

*****************************************/
.shopinfo .col-sm-8 {
	background-repeat: no-repeat;
	background-size: 98% auto;
	display: block;
	background-position: 0% 40%;
}
.yao {
	background-image: url(images/shop_yao_01.jpg);
}
.yatai {
	background-image: url(images/shop_yatai_01.jpg);
}
.honten {
	background-image: url(images/shop_honten_022.webp);
}
.tawaramoto {
	background-image: url(images/shop_tawaramoto_01.jpg);
}
.sakurai {
	background-image: url(images/shop_sakurai_01.jpg);
}
.nara {
	background-image: url(images/shop_nara_01.jpg);
}
.kisshoin {
	background-image: url(images/shop_kisshoin_01.jpg);
}
.kashihara {
	background-image: url(images/shop_kashihara_01.jpg);
}
.yamatokoizumi {
	background-image: url(images/shop_yamatokoizumi_01.jpg);
}
.ueroku {
	background-image: url(images/shop_ueroku_01.jpg);
}
.yawata {
	background-image: url(images/shop_yawata_01.jpg);
}
.amagasaki {
	background-image: url(images/shop_amagasaki_01.jpg);
}
.daito {
	background-image: url(images/shop_daito_01.jpg);
}
.matsubara {
	background-image: url(images/shop_matsubara_01.jpg);
}
.manba {
	background-image: url(images/shop_manba_01.jpg);
}
.fuse {
background-image: url("images/shop_fuse_01.webp");
background-position: right 50px;
}
.tel-number a {
color:white;
text-decoration:none;
}

.shopinfo .col-sm-4 {
	background-color: #D9534F;
	padding-left:5%;
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
	padding-top:2%;
	padding-bottom:1%;
}
.shopinfo .col-sm-4 h3 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#ffffff;
	margin-bottom:2%;
	padding-bottom:5%;
}
.shopinfo .col-sm-4 dt {
	background-color: #ffffff;
	width: 5em;
	text-align: center;
	border-radius: 10px;
	color: #D9534F;
	font-weight: normal;
	margin-bottom:1%;
}
.shopinfo .col-sm-4 dd {
	color: #FFFFFF;
	margin-left:5%;
	margin-bottom:2%;
	overflow:auto;
	zoom:1;
}
.shopmenu {
	margin-top:3em;
	margin-bottom:1em;
}

.shopmenu .col-md-4 {
	margin-bottom:2em;
}
.shopmenu li:nth-child(odd) {
	border-bottom: 1px dotted #D9534F;
	text-align:right;
	margin-bottom:1%;
}
.shopmenu li:nth-child(even){
	padding-top:1%;
}
.shopmenu h4 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.shopmenu .col-md-4 h5 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-color: #D9534F;
	border-radius: 5px;
	color: #ffffff;
	padding-top: 1%;
	padding-bottom: 1%;
	text-align:center;
}
.topping {
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-left:0.1em;
	margin-right:2%;
}
.topping dt {
	padding-left:0;
	font-weight:normal;
}
.topping dd {
	text-align:right;
	padding:0;
}
.topping dt:before {
	content: "\f0a9";
	font-family: FontAwesome;
	color:#D9534F;
	padding-right:0.3em;
}
.bottomborder {
	border-bottom: 1px solid #D9534F;
	padding-bottom:1%;
}

.shopimage {
	margin-top:3em;
}
.shopimage .col-md-3 {
	margin-bottom:2em;
}



@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}

/****************************************

          WhatNew

*****************************************/
div.whatsnew {
	border: 0px silver solid !important;
	padding-left: 10% !important;
}


div.wn-head {
  border-bottom: 0px silver solid !important;
  box-shadow: #cccccc 0px 0px 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.wn-date {
	margin-right: 5% !important;
}
.postdate {
	width: 20% !important;
}

/****************************************

          Medialist

*****************************************/
.gallery {
    margin: auto;
}
.gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33.333%;
}
.gallery img {
    border: 2px solid #cfcfcf;
	width:80%;
	height: 80%;
}
.gallery .gallery-caption {
    margin-left: 0;
}

/**/
.newspage,
.newspagelist {
	margin:10%;
}
.newspagelist .date {
	padding-right:5%;
}

/****************************************

          Company

*****************************************/
.comintro {
	padding-top: 10%;
	padding-bottom:20%;
	line-height: 3em;
	background-image: url(images/logo-shadow.png);
	background-repeat: no-repeat;
	background-position: 110% -50%;
	height:0;
}
.comintro h2 {
	color: #D9534E;
}
.commessage {
	position: relative;
	color: #FFFFFF;
	background-color: #FAF2EE;
}
.commessage .section1,
.commessage .section2 {
	box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.2);
}
.commessage .section1 .col-sm-7 {
	position:relative;
	padding-top: 35%;
	background-image: url(images/com-k011.jpg);
	background-repeat: no-repeat;
	height: 0;
	background-size: 100% auto;
}
.commessage .section1 .col-sm-7 .small {
	color:#ffffff;
}
.commessage .section1 .col-sm-7 h3 {
	font-size: xx-large;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	position: absolute;
	color: #ffffff;
	width: 50%;
	left: 2%;
	bottom: 0%;
}
.commessage .section1 .col-sm-5 {
	padding-top: 4%;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 1%;
}
.commessage .section1 .col-sm-5 p {
	color: #333;
	line-height:1.8em;
}

.commessage .section1 .comMceo1 {
	position: absolute;
	top:10%;
	left:10%;
	right:40%;
	color: lighten(sienna, 10%);
}
.comName1 {
	font-size: large;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	position: absolute;
	padding-top: 2%;
	padding-left: 67%;
	padding-bottom: 10%;
}
.commessage .section2 .col-sm-7 {
	position:relative;
	padding-top: 35%;
	background-image: url(images/com-k021.jpg);
	background-repeat: no-repeat;
	height: 0;
	background-size: 100% auto;
}
.commessage .section2 .col-sm-7 .small {
	color:#ffffff;
}
.commessage .section2 .col-sm-7 h3 {
	font-size: xx-large;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	position: absolute;
	color: #ffffff;
	width: 50%;
	bottom: 0%;
	right: 2%;
	text-align: right;
}
.commessage .section2 .col-sm-5 {
	padding-top: 4%;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 1%;
}
.commessage .section2 .col-sm-5 p {
	color: #333;
	line-height:1.8em;
}
.commessage .section2 .comMceo2 {
	position: absolute;
	padding-top: 10%;
	padding-right: 5%;
	padding-left: 40%;
	padding-bottom: 10%;
}

.comdata {
	padding-top: 10%;
	padding-bottom: 10%;
	background-color: #FDF9ED;
}
.comdata dt {
	float: left;
	width: 30%;
	padding-bottom: 2%;
	font-weight: normal;
	border-top: 1px dotted #000000;
	padding-top: 2%;
}
.comdata dd {
	float: left;
	width: 70%;
	padding-bottom: 2%;
	border-top: 1px dotted #000000;
	padding-top: 2%;
}
.comdata dt:last-of-type {
	border-bottom: 1px dotted #000000;
}
.comdata dd:last-of-type {
	border-bottom: 1px dotted #000000;
}
.comdata p a {
	background-color: #EEBF5C;
	width: 40%;
	float: left;
	padding-top: 2%;
	padding-bottom: 2%;
	text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	margin-top: 3%;
}
.comdata p a:before {
    content: "\f138";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    margin:1%;
}
.comdata p a:hover {
	background-color: #FFE5AE;
}

/****************************************

          History

*****************************************/
.row.history .col-sm-2 {
	padding-top:10%;
}
.row.history .col-sm-2 li {
	padding-bottom:7%;
}
.row.history .col-sm-2 li:before {
	content: " \f0da";
	font-family: FontAwesome;
	padding-right: 4%;
	color: #E5E5D1;
}
.timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
}
.timeline-year {
	width: 25%;
	float: left;
	padding-right: 2%;
	text-align: right;
	color: #C5C4C1;
}
.dl-horizontal dd img {
	margin-top:2%;
	margin-bottom:2%;
}
.his1 {
	-moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.his2 {
	-moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}
.timeline-content {
  width: 75%;
  float: left;
  border-left: 3px #e5e5d1 solid;
  padding-left: 10%;
}
.timeline-content:before {
	content: '';
	width: 24px;
	height: 24px;
	background-color: #FAF2EE;
	position: absolute;
	left: 23.8%;
	top: 24px;
	border-radius: 100%;
}
.timeline-content dd {
	padding-bottom:2%;
}
.timeline-content dt {
	float:left;
}
.timeline-content .dl-horizontal {
	  margin-top: 20px;
}

/****************************************
          Movie(youtube)
*****************************************/

.video-holder {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top:5%;
}
.video-holder iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/****************************************
*****************************************/
.header_img{
	position: relative;
	overflow: hidden;
}

.header_img img{
	display: block;
	width: 100%;
	height: auto;
}

.header_img video,
#video_1{
	display: block;
	margin-top: -100px;
	margin-bottom: -100px;
	height: 100%;
}

@media screen and (max-width:700px){
	.header_img video,
	#video_1{
		margin-top: 0;
		margin-bottom: 0;
	}
}

.html5-video-container{
	opacity: .6;
}

.header_img p{
	display: block;
	position: absolute;
	top: 25%;
	left: 10%;
	z-index: 200;
}

.youtube_bg{
	position: relative;
	margin-top: -150px;
	margin-bottom: -180px;
	padding: 0 0 70%;
	overflow: hidden;
}

.youtube_bg:hover{
}

.youtube_bg iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1.0;
}


@media screen and (max-width:600px){
	.youtube_bg{
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media screen and (max-width:780px){
	.header_img p{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		text-align: center;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
}



/****************************************

          AboutSaika

*****************************************/
.aboutsaika {
	margin-top: 5%;
	margin-bottom: 5%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.aboutsaika h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.aboutsaika p {
	font-size: large;
	line-height: 3em;
}

/****************************************
          Yonchan
*****************************************/
.yonchan_01 {
padding:  10px;
display: flex;
}

.yonchan_01-item {
padding: 10px;
margin:  10px;              /* 外側の余白 */
border-radius:  5px;        /* 角丸指定 */
}
.yonchan_01 {
position: relative;
}
.signY {
position: absolute;
transform: rotate( -15deg );
width: 20%;
height: 20%;
left: 35%;
bottom: 20%;
}

@media (max-width:479px) {
.yonchan_01 {
flex-direction: column;
}
.yonchan_01-item {
width: 100%;
}
.signY {
position: absolute;
transform: rotate( -15deg );
width: 30%;
height: 30%;
left: 0%;
bottom: -20%;
}
}






@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */

/****************************************
          Recruit
*****************************************/

.requirementslist p {
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 3%;
}

/****************************************
          Movie(youtube)
*****************************************/

.video-holder {
  position: relative;
  width: 80%;
  padding-top: 56.25%;
}
.video-holder iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 80% !important;
  height: 80% !important;
}



}

@media screen and (min-width: 768px) and (max-width: 1024px) {
/* タブレット用のスタイル記述 */

/****************************************
          Navigation
*****************************************/

.navirecruit {
	padding-right: 0%;
	padding-left: 0%;
}

/****************************************
         Medialist
*****************************************/
.gallery .gallery-item {
    width: 33%;
}
.gallery img {
	width:100%;
	height: 100%;
}
/****************************************
          WhatsNew
*****************************************/
.newslist {
	padding-left:0% !important;
	width:100% !important;
}
.news .col-sm-3 {
	color: #FFFFFF;
	background-color: #955251;
	width: 100%;
	height: 70px;
	margin-bottom: 2% !important;
}
/****************************************
          Company
*****************************************/
.comintro {
	padding-top: 5%;
	padding-bottom: 25%;
	background-position: 100% 200%;
	height: 0;
	background-size: 30% 100%;
}
.commessage .section1 .col-sm-7 {
	padding-top: 52%;
	background-image: url(images/com-k011-T.jpg);
}
.commessage .section1 .col-sm-7 .small {
	color:#ffffff;
}
.commessage .section1 .col-sm-7 h3 {
	font-size: x-large;
	width: 50%;
	left: 2%;
}
.commessage .section1 .col-sm-5 {
	padding-top:2%;
	padding-left:2%;
	padding-right:1%;
}

.commessage .section1 .comMceo1 {
	top: 3%;
}
.comName1 {
	padding-top:5%;
	padding-left: 55%;
}
.commessage .section2 .col-sm-7 {
	padding-top: 50%;
	background-image: url(images/com-k021-T.jpg);
}
.commessage .section2 .col-sm-7 .small {
	color:#ffffff;
}
.commessage .section2 .col-sm-7 h3 {
	font-size: x-large;
	width: 50%;
	right: 2%;
}
.commessage .section2 .col-sm-5 {
	padding-top:2%;
	padding-left:2%;
	padding-right:1%;
}

/****************************************
          History
*****************************************/
.timeline-content dt {
	padding-right:25%;
	width:35%;
}
.timeline-content dd {
	text-align:left;
	margin:0;
	padding-left:28%;
}

/****************************************
          Navigation
*****************************************/
/*shopnavi -tb*/

.shopMlist {
	margin-left:0%;
	margin-right:0%;
}
.shoplist {
	padding-left:5%;
	padding-right:5%;
}

/****************************************
          Shopinfo
*****************************************/





}

@media screen and (min-width: 0px) and (max-width: 414px) {
/* スマートフォン用縦のスタイル記述 */

/****************************************
          Top
*****************************************/
.kv {
	padding-top: 10%;
	padding-bottom: 10%;
	width: 100%;
}
.kvc img,
.kv h2 img {
	max-width: 90%;
}
.gnav li {
	width: 50%;
	padding-top:5px;
	padding-bottom:5px;
}
.gnav li:nth-child(odd) {
	border-right: 1px solid #4D4D4D;
}
.gnav li:nth-child(-n+4) {
	border-bottom: 1px solid #4D4D4D;
}

.news .col-sm-3 {
	color: #FFFFFF;
	background-color: #955251;
	width: 100%;
	height: 70px;
}
div.whatsnew {
	margin-left: 0% !important;
}
.movie .col-sm-12 {
	height: 100px;
}

/****************************************
          Navigation
*****************************************/

.mainnavi {
	padding-right: 0%;
	padding-left: 0%;
}
.mainnavi li a {
	width: 50%;
}
.mainnavi ul li:nth-child(even) a {
	border-right: 1px dashed #D5D5D5;
}
.mainnavi ul li:nth-child(-n+2) a {
	border-bottom: 1px dashed #D5D5D5;
}

.navirecruit {
	padding-right: 0%;
	padding-left: 0%;
}
.navirecruit li a {
	width: 100%;
	border-bottom: 1px dashed #000000;
	border-left: 0px;
}
.navirecruit li:nth-child(n+4) a {
	width: 50%;
}
.navirecruit li:nth-child(n+4) a {
	color: #FFFFFF;
}
.navirecruit li:nth-child(n+4) a:hover {
	color: #000000;
}
.navirecruit ul li:last-child a {
	border-right: 0px;
}
.navirecruit li a:hover {
	display: block;
	background-color: #F2F2F2;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*shopnavi -pt*/
.shopMlist {
	margin-left:0%;
	margin-right:0%;
}
.shopDnavi dt {
	float:left;
	width:100%;
}
.shopDnavi dd {
	float: left;
	width:33.333%;
	padding-top:2%;
	padding-bottom:2%;
}
.shopDnavi2 {
	float:left;
	width:33.333%;
}
.shopDnavi2 dt {
	padding-left:10%;
	padding-right:10%;
	margin-bottom:1%;
	padding-top:2%;
	padding-bottom:2%;
	width:100%;
}
.shopDnavi2 dd {
	padding-left:7%;
	padding-right:7%;
	padding-top:4%;
	padding-bottom:4%;
	width:100%;
}
.shoplist h3 {
	width: 45%;
	background-size: 30% auto;
}

/****************************************
          Recruit
*****************************************/
.recruitimage h2 {
	font-size: medium;
}
.recruit .col-sm-5.relative p {
}
.subnavi  {
	margin-left: 0%;
	margin-right: 0%;
	padding-right: 0%;
	padding-left: 0%;
	background-color: #000000;
	border-bottom: 5px solid #EC4043;
}
.subnavi li a .subtitle {
	left: 3%;
     width: 20%;
}
.subnavi li:nth-child(2) a .subtitle {
	left: 36.333%;
     width: 20%;
}
.subnavi li:nth-child(3) a .subtitle {
	left: 69.333%;
     width: 20%;
}

.recbox {
	padding-bottom: 120px;
}
.staffB img {
	width: 100px;
	top: -39rem;
	left: -50px;
	position: absolute;
}

.balloonB {
	position: absolute;
	background-size: 100%;
	width: 55%;
	top: -450px;
	left: 110px;
	background-repeat: no-repeat;
	padding-top: 20px !important;
}

.staffA img {
	height: 200px;
	top: -19rem;
	left: -40px;
	position: absolute;
}
.balloonA {
	position: absolute;
	background-size: 100%;
	width: 65%;
	top: -450px;
	left: 100px;
	background-repeat: no-repeat;
	padding-top: 20px !important;
}

.staffC {
	top: 100px;
}
.staffC img {
	position: absolute;
	height: 200px;
	top: -85px;
}
.entryform {
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 3%;
	margin-bottom: 10%;
}
/****************************************
          WhatsNew
*****************************************/
.newslist {
	padding: 0 !important;
}
.newslist li {
	padding-top:2%;
}
.newslist .date {
	display: block;
    float: left;
	width: auto;
}
.newslist .listpart {
	display: block;
    overflow: auto;
}



/****************************************
         Medialist
*****************************************/

.gallery img {
	width:100%;
	height: 100%;
}

/****************************************
          Company
*****************************************/
.comintro {
	padding-top: 10%;
	padding-bottom: 80%;
	background-position: 120% 120%;
	height: 0;
	background-size: 50% 50%;
}
.comintro p {
	text-align:left;
	padding-left:5%;
	padding-right:5%;
	line-height:1.8em;
}
.commessage .section1 .col-sm-7 {
	padding-top: 70%;
	height: 0;
}
.commessage .section1 .col-sm-7 .small {
	color:#ffffff;
}
.commessage .section1 .col-sm-7 h3 {
	font-size: large;
	width: 50%;
	left: 2%;
}
.commessage .section1 .comMceo1 {
	top:2%;
	left:5%;
	right:5%;
}
.comName1 {
	padding-top: 3%;
	padding-left: 40%;
}

.commessage .section2 .col-sm-7 {
	padding-top: 70%;
	height: 0;
}
.commessage .section2 .col-sm-7 .small {
	color:#ffffff;
}
.commessage .section2 .col-sm-7 h3 {
	font-size: large;
	width: 50%;
	right: 2%;
}

/****************************************
          History
*****************************************/
.row.history .col-sm-2 {
	display:none;
}
.timeline > li {
  overflow: hidden;
  margin: 0;
  position: relative;
}
.timeline-year {
  width: 26%;
  float: left;
  padding-top:3px;
  text-align:left;
  font-size:small;
}
.timeline-content {
  width: 74%;
  float: left;
  border-left: 3px #e5e5d1 solid;
  padding-left: 10%;
}
.timeline-content:before {
	content: '';
	width: 22px;
	height: 22px;
	background-color: #FAF2EE;
	position: absolute;
	left: 22%;
	top: 20px;
	border-radius: 100%;
}
.timeline-content .dl-horizontal {
	  margin-top: 20px;
}
.timeline-content dl {
	width:100%;
}
.timeline-content dt {
	float:left;
	width:20%;
	text-align:right;
}
.timeline-content dd {
	margin-left:22%;
	padding-left:10%;
	width:80%;
}

/****************************************
          Shop -pt
*****************************************/
.shoplist {
	padding-bottom: 3%;
	padding-top: 3%;
	padding-left:0%;
	padding-right:0%;
}


/****************************************
          ShopInfo
*****************************************/


/****************************************
          AboutSaika
*****************************************/
.aboutsaika {
	margin-top: 5%;
	margin-bottom: 5%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.aboutsaika h1 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: xx-large;
}
.aboutsaika p {
	font-size: large;
	line-height: 1.8em;
}




}

/* iPHone4,iPhone5,iPhone5sのみ */
@media screen and (min-width: 320px) and (max-width: 374px){

/****************************************
          ShopInfo
*****************************************/
.shopinfo .col-sm-8 {
	background-size: 100% auto;
	min-height:12em;
}
.shopinfo .col-sm-4 {
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
}
.shopinfo .col-sm-4 dl {
	width:100%;
}
.shopinfo .col-sm-4 dt {
	float:left;
	clear:left;
	margin-right:3%;
}
.shopinfo .col-sm-4 dd {
	margin-bottom:1%;
}
/****************************************
          Histrory
*****************************************/
.timeline-content {
  padding-left: 13%;
}



}

/* iPhone6のみ */
@media screen and (min-width: 375px) and (max-width: 413px){
 
/****************************************
          Recruit
*****************************************/

.staffB img {
	top: -43rem;
}
.balloonB {
	top: -500px;
	left: 105px;
}
.staffA img {
	height: 200px;
	top: -24rem;
	left: -20px;
}
.balloonA {
	background-size: 80%;
	width: 65%;
	top: -500px;
	left: 110px;
	padding-top: 20px !important;
	padding-left: 50px !important;
	padding-right: 60px;
}

/****************************************
          ShopInfo
*****************************************/
.shopinfo .col-sm-8 {
	background-size: 100% auto;
	min-height:12em;
}
.shopinfo .col-sm-4 {
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
}
.shopinfo .col-sm-4 dl {
	width:100%;
}
.shopinfo .col-sm-4 dt {
	float:left;
	clear:left;
	margin-right:3%;
}
.shopinfo .col-sm-4 dd {
	margin-bottom:1%;
}

}

/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (min-width: 414px) and (max-width: 500px){

/****************************************
          Recruit
*****************************************/

.staffB img {
	top: -48rem;
}
.balloonB {
	top: -550px;
	left: 115px;
}
.staffA img {
	height: 220px;
	top: -28rem;
	left: -10px;
}
.balloonA {
	background-size: 80%;
	width: 65%;
	top: -550px;
	left: 150px;
	padding-top: 20px !important;
	padding-left: 50px !important;
	padding-right: 60px;
}

/****************************************
          ShopInfo
*****************************************/
.shopinfo .col-sm-8 {
	background-size: 100% auto;
	min-height:14em;
}
.shopinfo .col-sm-4 {
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
}
.shopinfo .col-sm-4 dl {
	width:100%;
}
.shopinfo .col-sm-4 dt {
	float:left;
	clear:left;
	margin-right:3%;
}
.shopinfo .col-sm-4 dd {
	margin-bottom:1%;
}

}

@media screen and (min-width: 415px) and (max-width: 736px) {
/* スマートフォン用横のスタイル記述 */
/****************************************
          Navigation
*****************************************/

.mainnavi {
	padding-right: 0%;
	padding-left: 0%;
}
.navirecruit {
	padding-right: 0%;
	padding-left: 0%;
}
.navirecruit li a {
	width: 33.333%;
	border-bottom: 1px dashed #000000;
	border-left: 0px;
}
.navirecruit li:nth-child(n+4) a {
	width: 50%;
}
.navirecruit ul li:last-child a {
	border-right: 0px;
}
.entryform {
	padding-left: 5%;
	padding-right: 5%;
	margin-top: 3%;
	margin-bottom: 10%;
}

/*shopnavi -py*/
.shopMlist {
	margin-left:0%;
	margin-right:0%;
}
.shoplist h3 {
	width: 35%;
	background-size: 30% auto;
}

/****************************************
          Top
*****************************************/
.kv {
	padding-top: 10%;
	padding-bottom: 10%;
	width: 100%;
}

/****************************************
         Medialist
*****************************************/

.gallery img {
	width:100%;
	height: 100%;
}

/****************************************
          Company
*****************************************/
.comintro {
	padding-top: 5%;
	padding-bottom: 30%;
	background-position: 120%  -200%;
	height: 0;
	background-size: 30% 100%;
}
.comintro p {
	padding-left:5%;
	padding-right:5%;
	line-height:1.8em;
}
.commessage .section1 .col-sm-7 {
	padding-top: 70%;
	height: 0;
}
.commessage .section1 .col-sm-7 .small {
	color:#ffffff;
}
.commessage .section1 .col-sm-7 h3 {
	font-size: x-large;
	width: 50%;
	left: 2%;
}
.commessage .section1 .comMceo1 {
	top: 3%;
}
.comName1 {
	padding-left: 35%;
}
.commessage .section2 .col-sm-7 {
	padding-top: 70%;
	height: 0;
}
.commessage .section2 .col-sm-7 .small {
	color:#ffffff;
}
.commessage .section2 .col-sm-7 h3 {
	font-size: x-large;
	width: 50%;
	right: 2%;
}
/****************************************
          History
*****************************************/
.row.history .col-sm-3 {
	display:none;
}
.timeline-year {
	width: 23%;
	float: left;
	padding-top: 3px;
	padding-right: 3%;
	text-align: right;
	font-size: medium;
}
.timeline-content {
  width: 77%;
  float: left;
  border-left: 3px #e5e5d1 solid;
  padding-left: 10%;
}
.timeline-content:before {
	content: '';
	width: 22px;
	height: 22px;
	background-color: #FAF2EE;
	position: absolute;
	left: 21.2%;
	top: 20px;
	border-radius: 100%;
}
.timeline-content .dl-horizontal {
	  margin-top: 20px;
}
.timeline-content dl {
	width:100%;
}
.timeline-content dt {
	float:left;
	width:20%;
	text-align:right;
}
.timeline-content dd {
	margin-left:16%;
}

/****************************************
          ShopInfo
*****************************************/
.shopinfo .col-sm-8 {
	background-size: 100% auto;
	min-height:20em;
}
.shopmenu .col-md-4:not(:first-child) {
	margin-top:3em;
}
.shopinfo .col-sm-4 {
	padding-top:0.5%;
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
}
.shopinfo .col-sm-4 h3 {
	padding-top:0%;
	padding-bottom:1%;
}
.shopinfo .col-sm-4 dl {
	width: 100%;
	font-size: x-small;
	line-height: 1.5em;
}
.shopinfo .col-sm-4 dt {
	clear:left;
	margin-right:3%;
}
.shopinfo .col-sm-4 dd {
	margin-bottom:1%;
}
.topping {
	border-radius: 0px;
}
.topping li:first-child {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	padding-bottom:2%;
}
.topping li:nth-child(n+2) {
	margin-left:2%;
}
}
.dropdown:hover > .dropdown-menu{
  display: block;
}

/*loveit*/
.column2-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  /* 以降はレイアウトとは無関係です */
}
.column2-inner{
  flex-basis:calc((100% - 20px) / 2);
  max-width:calc((100% - 20px) / 2);
  margin-top:20px;
}
.column2-inner:nth-of-type(1),
.column2-inner:nth-of-type(2){
  margin-top:0;
}


.newsimages .col-md-6:nth-child(-n+2) {
padding-bottom: 3%;
}