@charset "utf-8";
/* CSS Document */

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}


html{font-size:62.5%;}

body {
	margin:0 auto;
	padding:0 0 10rem 0;
	background-color:#fff;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.5rem;
}

#wrapper {
	max-width:640px;
	margin: 0 auto;
}

#top{margin-bottom: 30px;}

#s-002{margin-bottom: 10px;}

.main{margin:0 0 30px;}

p,dl,dt,dd{ margin:0; padding:0;}

img{
	width:100%;
	vertical-align:bottom;
	list-style-type: none;
}

ul li img{
	list-style-type: none;
	vertical-align: bottom;
}

.subttl {
	margin:10px auto;
	width:50%;
}

.slider{
	margin: 0 10px 50px;
}

span{
	line-height:0;
}

h2{
	text-align:center;
	margin-bottom:20px;
}

#s-006,
#s-007{
	border:#ffb6c1 2px solid;
	background:#fc5491;
	color:#fff;
	padding:8px;
	margin:0 0 20px;	
}


/* -------------------------------------------
	link
---------------------------------------------- */
a:hover {
  text-decoration: none;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
a:focus {
	outline:none;
}

/* グローバルナビ */
nav.global-navi ul {
	list-style:none;
	margin:2% 0 0 2%;
}
 
nav.global-navi ul li {
	float:left;
	width:32%;
	margin:0 1% 1% 0;
}

/* 下ボタン */
.fixednav {
	border-top:2px solid #ff224b;
	position:fixed;
	bottom:0;
	padding:0;
	text-align:center;
	background-color:#fff;
	width:100%;
}
.fixednav ul {
	max-width: 640px;
	margin: 0 auto;
}
.fixednav li {
	float:left;
	margin:0;
	padding:0;
	width:50%;
}

.fixednav li:nth-child(3){
	margin:0;
	width:50%;
}

.fixednav li a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.flex-direction-nav {
  display: none;
}


body.page-template-form-adjest .fixednav{
	display:none;
}

.s-002img{
	margin:0 auto 10px;
	width:90%;
}

#s-003{
	margin:20px auto 10px;
}
.s-003img{
	margin:0 20px 10px;
}

.s-003txt{
	margin:0 20px 20px;
}

.s-004-ac{
	margin:0 0 50px;
}
.s-004txt{
	text-align:left;
}
.s-005img{
	margin:0 20px 20px;
}

p.course{margin: 0 20px;}
ul.course{	margin:0 20px 10px 20px;}

#Salada,
#Burger,
#Pasta,
#Sweets{
	margin-bottom:20px;
}

#Salada p img,
#Burger p img,
#Pasta p img,
#Sweets p img{
	width:90%;
	margin:10px 15px 5px;
}

/* タブメニュー */
#Tabswitch {
  margin: 0.5rem;
}
#Tabswitch li {
  width: 48%;
  margin-right: 1%;
  margin-bottom: 0.3rem;
  float: left;
}
#Tabswitch li a {
  color: #FFF;
  display: block;
  padding: 0.7rem 0;
  width: 100%;
  background: #168eb1;
  text-align: center;
  text-decoration: none;
  border-radius:5px;
}

#Tabswitch li a.active {
  background: #7eb7c7;
}
.aracaltcaption{
	border-top:#000000 2px dotted;
	margin:20px 15px 0;
	padding:10px 0 0;
	font-size:128%;
	text-align:center;
}
.aracaltmenu {
  width: 100%;
  margin-bottom: 1.5rem;
}
.aracaltmenu caption {
  margin:20px 15px 0;
  padding: 0.4rem 0;
  text-align: left;
}
.aracaltmenu tr {
}
.aracaltmenu tr th {
  width: 75%;
  padding: 0.4rem 2%;
}
.aracaltmenu tr td {
  text-align: right;
  padding: 0.4rem 2%;
}
#Burger,
#Pasta,
#Sweets {
  display: none;
}
.etc {
  margin: 0 15px 1rem !important;
}

dd.open{
	font-size:1.5rem;
	margin:0 20px 30px;
}



/*会社概要*/
.info_txt a{
	color: #ff1e59;
}

.shop-info-ttl{
	text-align:center;
	font-size:128%;
	margin:10px auto;
}

.info_ttl{
	background-color:#ffb6bd;
	color:#282828;
	padding:10px;
	margin:0 10px;	
}

.info_txt{
	margin:0 10px;
	padding:10px 10px 10px 20px;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:10px 10px 40px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*お問い合わせ*/
#s-007p{
	background-color:#ffb6bd;
	color:#282828;
	padding:8px;
	margin:0 0 20px;	
}
.s-007txt{
	margin:0 10px 30px;
}
.contact .form_area{
	background-color:#e7e7e7;
	color:#000;
	padding:15px;
	margin:0 15px 10px;		
}

.form_ttl{
	background-color:#ffb6bd;
	color:#282828;
	padding:10px;
	margin:0 10px;	
}

.form_txt{
	margin:0 10px;
	padding:10px 10px 10px 20px;
}

.form_ttl span{
	background-color:#aa0d0d;
	color:#fff;
	padding:5px;
	margin:0 10px 0 0;
}

.form_area .txt_r{
	color:#aa0d0d;
	font-weight:bold;
}	
.form_box{
	margin:0 0 30px;
}
.w90 input, .w90 textarea { width: 90%; }

span.red{
	color:#aa0d0d;
	font-weight:bold;
}
p.red{
	color:#aa0d0d;
	font-weight:bold;
	margin:20px;
}

span.fwb{font-weight:bold;}


label{
	 display: block;
	 margin-bottom:10px;
}


.t-area{width:90%;}
textarea { width:90%;}

.decimal {
  padding-left: 30px;
  margin:0 0 15px;
}
.decimal li {
  display: list-item;
  list-style-type: decimal;
}

.decimal_02 {
  padding-left: 30px;
}

.decimal_02 li {
  display: list-item;
  list-style-type: decimal;
}

.pritxt{ margin: 0 10px 15px 10px;}

#submit-button {
  text-align: center;
}
#submit-button input {
  padding: 5px;
  cursor: pointer;
}

.error{
	margin:15px 10px 10px;
}

.privacy{
	margin:0 10px 10px;
}

.prihr{	
	border-bottom: 1px dashed #000;
	border-top: none;
	width: 98%;
	margin-bottom:15px;
}

#pritxtbox{
	width: 95%;
	height: 200px;
	margin: 0 auto;
	overflow: scroll;
}

select{ margin:0 5px;}

nav.global-navi ul {
	margin:2% 0 0 2%;
}
 
nav.global-navi ul li {
	float:left;
	width:32%;
	margin:0 1% 1% 0;
}


.bnr-cam{
	width:90%;
	margin:20px auto;
}
.bnr-cam2{
	margin:20px auto;
}

/*アコーディオン*/
.accordion,.close{
	padding:15px;
	margin:20px auto;
	display:block;
	font-size:80%;
	font-size:100%;
}

.accordion{
	background:url(/wp-content/themes/miu_smartLP/images/icon-open.png) 95% center no-repeat #ff658d;
	background-size:30px;
	color:#fff;
	width:85%;	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom:3px solid #ff376b;
}

.open p.s-004txt{
	line-height:1.7em;
}

.close{
	border:2px solid #feb5c0;
	border-radius:40px;
	background:url(/wp-content/themes/miu_smartLP/images/icon-close.png) 95% center no-repeat #fff;
	background-size:30px;
	color:#fc5491;
	text-align: center;
	width:70%;
}

span.rtri{
	float: right;
	padding-top: 20px;
}



#footer{
	background:#fff;
	color:#000;
	width:100%;
}

.copy{
	font-size:1rem;
	text-align:center;
	padding:8px 0;
}


.mb30{
	margin-bottom:30px;
}

.contactunit{
	margin:20px auto 30px;
}

.contactunit li{
	/*width:48%;*/
	margin-bottom:10px;
}


.fl{ float:left;}
.fr{ float:right;}


/*スライダー*/
.flexslider .slides {
  background: #fff;
}
.flexslider .slides li img {
  width:100%;
  display: block;
  margin: 0 auto;
}
.flexslider .slides li p {
	margin:0 auto; 
	width:100%;
  color: #FFF;
  background: #000;
  text-align: center;
}

/** 151203 **/
.pcindicate {
	max-width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	background: #efefef;
	font-size: 14px;
}