@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Judson:700|Cinzel);

/* /// スマホ ////////////////////////// */

a {
}

a:hover {
 opacity: 0.8;
}

p{ margin-bottom: 10px;}

section {
 text-align: center;
 padding: 0 1%;
}

h1,
h2,
h3,
h4,
h5{
 font-weight: bold;
 letter-spacing: 0;
}

h1{
 font-size: 30px;
 font-size: 3.0rem;
 line-height: 4.5rem;
}

h2{
 font-size: 25px;
 font-size: 2.5rem;
 line-height: 3.75rem;
}

@media print, screen and (max-width: 768px) {
h2{
	font-size: 25px;
	font-size: 2.5rem;
	text-align:left;
	line-height: 1.75rem;
}
}

.fClear:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

.t_ri {
	text-align: right;
}

.t_ce {
	text-align: center;
}

.m_b10 {
	margin-bottom: 10px;
}

.m_b15 {
	margin-bottom: 15px;
}

.m_b20 {
	margin-bottom: 20px;
}

.m_b30 {
	margin-bottom: 30px;
}

.line {
	border: 1px solid #C0C0C0;
	margin:30px 0;	
}

.t_90 {
	font-size: 90%;
}

.f_bo {
	font-weight: bold;
}

.t_attention {
	color: #e67f05;
	font-weight: bold;
}

.container_smile a, a:hover {
	color: #237ad2;
}

.line_dotted {
	margin: 20px 0;
	border: solid 1px #b9babb;
}


.f_150 {
	font-size: 150%;
	font-weight: bold;
}

.f_120 {
	font-size: 120%;
}

.arrow_sankaku {
	margin-bottom:15px;
}

.arrow_sankaku::before {
  content: "";
  display: inline-block;
  border: 7px solid transparent;
  border-left-color: #4399f0;
  vertical-align: middle;
}


.btnRecruit a {
	font-size: 150%;
	font-weight: bold;	
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 border-radius: 10px;
	 color: #fff;
	 display: block;
	 padding: 20px 0;
	 margin: 10px;
	 text-align: center;
	 text-decoration: none;
	 background-color: #4399f0;
	 background-image: -webkit-gradient(linear, left top, left bottom, from(#4399f0), to(#3c8de0));
	 background-image: -webkit-linear-gradient(top, #4399f0, #3c8de0);
	 background-image: -moz-linear-gradient(top, #4399f0, #3c8de0);
	 background-image: -ms-linear-gradient(top, #4399f0, #3c8de0);
	 background-image: -o-linear-gradient(top, #4399f0, #3c8de0);
	 background-image: linear-gradient(to bottom, #4399f0, #3c8de0);
	 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4399f0, endColorstr=#3c8de0);
}

.btnRecruit a:hover{
 display: block;
 text-align: center;
 background-color: #4399f0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#4399f0), to(#3c8de0));
 background-image: -webkit-linear-gradient(top, #4399f0, #3c8de0);
 background-image: -moz-linear-gradient(top, #4399f0, #3c8de0);
 background-image: -ms-linear-gradient(top, #4399f0, #3c8de0);
 background-image: -o-linear-gradient(top, #4399f0, #3c8de0);
 background-image: linear-gradient(to bottom, #4399f0, #3c8de0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4399f0, endColorstr=#3c8de0);
}

.btnOrange a{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 display: block;
 padding: 10px;
 margin: 10px;
 text-align: center;
 text-decoration: none;
 background-color: #f4c15d;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f4c15d), to(#e4a016));
 background-image: -webkit-linear-gradient(top, #f4c15d, #e4a016);
 background-image: -moz-linear-gradient(top, #f4c15d, #e4a016);
 background-image: -ms-linear-gradient(top, #f4c15d, #e4a016);
 background-image: -o-linear-gradient(top, #f4c15d, #e4a016);
 background-image: linear-gradient(to bottom, #f4c15d, #e4a016);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4c15d, endColorstr=#e4a016);
}

.btnOrange a:hover{
 display: block;
 padding: 10px;
 margin: 10px;
 text-align: center;
 background-color: #f4c15d;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f4c15d), to(#f2c66b));
 background-image: -webkit-linear-gradient(top, #f4c15d, #f2c66b);
 background-image: -moz-linear-gradient(top, #f4c15d, #f2c66b);
 background-image: -ms-linear-gradient(top, #f4c15d, #f2c66b);
 background-image: -o-linear-gradient(top, #f4c15d, #f2c66b);
 background-image: linear-gradient(to bottom, #f4c15d, #f2c66b);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4c15d, endColorstr=#f2c66b);
}

.btnGreen a{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 display: block;
 padding: 10px;
 margin: 10px;
 text-align: center;
 text-decoration: none;
 background-color: #4399f0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#4399f0), to(#3c8de0));
 background-image: -webkit-linear-gradient(top, #4399f0, #3c8de0);
 background-image: -moz-linear-gradient(top, #4399f0, #3c8de0);
 background-image: -ms-linear-gradient(top, #4399f0, #3c8de0);
 background-image: -o-linear-gradient(top, #4399f0, #3c8de0);
 background-image: linear-gradient(to bottom, #4399f0, #3c8de0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4399f0, endColorstr=#3c8de0);
}

.btnGreen a:hover{
 display: block;
 padding: 10px;
 margin: 10px;
 text-align: center;
 background-color: #4399f0;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#4399f0), to(#3c8de0));
 background-image: -webkit-linear-gradient(top, #4399f0, #3c8de0);
 background-image: -moz-linear-gradient(top, #4399f0, #3c8de0);
 background-image: -ms-linear-gradient(top, #4399f0, #3c8de0);
 background-image: -o-linear-gradient(top, #4399f0, #3c8de0);
 background-image: linear-gradient(to bottom, #4399f0, #3c8de0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4399f0, endColorstr=#3c8de0);
}

.btnRed a{
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 color: #fff;
 display: block;
 padding: 10px;
 margin: 10px;
 text-align: center;
 text-decoration: none;
 background-color: #e39633;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e39633), to(#db902f));
 background-image: -webkit-linear-gradient(top, #e39633, #db902f);
 background-image: -moz-linear-gradient(top, #e39633, #db902f);
 background-image: -ms-linear-gradient(top, #e39633, #db902f);
 background-image: -o-linear-gradient(top, #e39633, #db902f);
 background-image: linear-gradient(to bottom, #e39633, #db902f);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e39633, endColorstr=#db902f);
}

.btnRed a:hover{
 display: block;
 padding: 10px;
 margin: 10px;
 text-align: center;
 background-color: #e39633;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e39633), to(#db902f));
 background-image: -webkit-linear-gradient(top, #e39633, #db902f);
 background-image: -moz-linear-gradient(top, #e39633, #db902f);
 background-image: -ms-linear-gradient(top, #e39633, #db902f);
 background-image: -o-linear-gradient(top, #e39633, #db902f);
 background-image: linear-gradient(to bottom, #e39633, #db902f);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e39633, endColorstr=#db902f);
}

.txtRed{ color: #F31215;}

.txtSize1{ 
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 letter-spacing: 0;
 line-height: 3rem;
}
.txtSize2{ 
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: bold;
 letter-spacing: 0;
 line-height: 2.7rem;
}
.txtSize3{ 
 font-size: 13px;
 font-size: 1.3rem;
 letter-spacing: 0;
 line-height: 1.6rem;
}
.txtSize4{ 
 font-size: 10px;
 font-size: 1.0rem;
 letter-spacing: 0;
 line-height: 1.5rem;
}

/*--- ec-beingの自動タイトルを消すスタイル ---*/
.block-category-list--header,
.block-category-list--comment,
.block-category-list--goods {
             display: none;
}

/* SNS *************************** */

#share {
    clear: both;
    padding-top: 10px;
    text-align: center;
	margin-bottom: 20px;
}
#share ul {
    float: right;
}
#share li {
    float: left;
    margin-right: 10px;
}
#share li a {
    background: #388EE9 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
	text-decoration: none;
}
#share li a:hover {
    background: #137FF1 none repeat scroll 0 0;
}
#share li a i {
    font-size: rem;
}

@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?kmkbls');
    src:    url('../fonts/icomoon.eot?kmkbls#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?kmkbls') format('truetype'),
        url('../fonts/icomoon.woff?kmkbls') format('woff'),
        url('../fonts/icomoon.svg?kmkbls#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
    content: "\ea90";
}
.icon-twitter:before {
    content: "\ea96";
}



/* header *************************** */
/*#breadclumb ul{
 letter-spacing: 0;
 margin: 5px;
}

#breadclumb ul li{
 display: inline-block;
 font-size: 13px;
 font-size: 1.3rem;
 line-height: 1.2rem;
 color: #666;
}

#breadclumb ul li:first-child{
 margin-left: -10px;
}

#breadclumb ul li:last-child{
}

#breadclumb li{
 list-style: none;
 margin: 0;
 padding: 5px 0 5px 15px;
 position: relative;
}

#breadclumb ul li a{
 color: #666;
 display: block;
 text-decoration: none;
}

#breadclumb li:before{
 display: block;
 content: "";
 position: absolute;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 top: 50%;
 left: 2px;
 width: 8px;
 height: 8px;
 margin-top: -4px;
 background: #999;
}

#breadclumb li:after{
 display: block;
 content: "";
 position: absolute;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 top: 50%;
 left: 0px;
 width: 8px;
 height: 8px;
 margin-top: -4px;
 background: #fff;
}

#breadclumb li:first-child:before{
 display: none;
}

#breadclumb li:first-child:after{
 display: none;
}
*/

/*//////// ヘッダ //////////////////////////*/
#pageHeader_smile {
	max-width: 1024px;
	margin: 0 auto;
}

#pageHeader_smile .span_24 {

}

.line_g {
	border-bottom: 1px solid #dedede;
}

#pageHeader_smile .pageHeader_smileH1 h1{ 
 margin-top: 10px;
	  text-align: center;

}
#pageHeader_smile .pageHeader_smileH1 img{
	 height: auto;
}


#pageHeader_smile .pageHeader_smileMenu ul{

	 text-align: center;
	 padding: 5px 0 15px;
	 float: right;
}

#pageHeader_smile .pageHeader_smileMenu ul li{
 	font-size: 14px;
 	font-size: 1.4rem; 
	 display: inline-block;
	 letter-spacing: 0;
}

#pageHeader_smile .pageHeader_smileMenu ul li a{
 color: #5e382c;
 display: block;
 line-height: 1.0rem;
 margin: 0;
 padding: 0 5px;
 text-decoration: none;
 text-align: center;
}

#pageHeader_smile .pageHeader_smileMenu ul li a:hover{
 color: #d14f27;
 display: block;
 line-height: 1.0rem;
 margin: 0;
 padding: 0 5px;
}


/* headerCont *************************** */
.headerCont {
 position: relative;
 width: 100%;
 padding-top: 5px;
 clear: both;
 text-align:center;
}

.headerCont header {
 text-align: center;
 position: absolute;
 top: 0;
 left: 0;
 padding: 2%;
 width: 100%;
 height: 100%;
}

header .headImg img{
 padding: 0 10%;
}

header h1 img{
 width: 100%;
}

header h1 a{
 opacity: 1.0;
}
header h1 a:hover{
 opacity: 1.0;
}
header .headMoushikomi{
 display: block;
 padding: 1% 4%;
 text-align: center;
}


/* menu *************************** */

.headerCont ul {
	width: 100%;
	margin: 0 auto;
}

.headerCont .headerMenu {
	text-align: center;
	background: #3c8de0;
	padding: 5px 0;
	font-weight: bold;
	margin-bottom: 2px;
}

.headerCont .headerMenu a,
.headerCont .headerMenu a:hover {
	text-decoration: none;
	color: #fff;
}

.headerCont .headerMenu a,
.headerCont .headerMenu a:hover {
	text-decoration: none;
	color: #fff;
}

.headerCont .current {
	text-align: center;
	background: #1a72cc;
	color: #fff;
	padding: 5px 0;
	font-weight: bold;
	margin-bottom: 2px;
}

/* menu *************************** */

/*  */

.smile_contsBlock:after { 
	content: ""; 
	display: table; 
	clear: both; 
}


.smile_contsBlock {
	padding: 10px 0;
}


.smile_columnBlock:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

@media print, screen and (min-width: 768px) {
/* /// タブレット・PC ////////////////////////// */
.smile_columnBlock {
	max-width: 80%;
	margin: 0 auto;
	height: auto;
}
}

@media print, screen and (max-width: 768px) {
/* /// スマホ ////////////////////////// */
.smile_columnBlock {
	max-width: 85%;
	margin: 0 auto;
	height: auto;
	font-size: 120%;
}
}


.smile_columnBlock {
	padding: 20px 0;
}

.smile_columMidashi {
	padding-left: 12px;
	margin: 20px 0;
	font-size: 22px;
	border-left: solid 7px #f8ef03;
	border-bottom: 2px solid #f8ef03;
}


/* ページTOP *************************** */
#pageTop {
 position: fixed;
 bottom: 0;
 font-size: 10px;
 font-size: 1.0rem;
 line-height: 1.3rem;
 right: 10px;
}

#pageTop a {
	background: #ec6600 none repeat scroll 0 0;
	border-radius: 40px;
	color: #fff;
	display: block;
	opacity: 0.3;
	padding: 10px 8px;
	text-align: center;
	text-decoration: none;
}

#pageTop a:active {
 opacity: 0.3;
}
#pageTop a:hover {
 opacity: 0.7;
 text-decoration: none;
}


@media print, screen and (max-width: 768px) {
/* /// タブレット・PC ////////////////////////// */
#pageHeader_smile .pageHeader_smileH1 img {
	max-width: 55%;
	 height: auto;
}
}


@media print, screen and (min-width: 768px) {
/* /// タブレット・PC ////////////////////////// */

section {
 text-align: center;
 padding: 15px 1%;
}

.wd30{width: 30%; margin: 0 auto;}
.wd40{width: 40%; margin: 0 auto;}
.wd50{width: 50%; margin: 0 auto;}
.wd60{width: 60%; margin: 0 auto;}
.wd70{width: 70%; margin: 0 auto;}
.wd80{width: 80%; margin: 0 auto;}

.mrgnLN {
 margin-left: 0; 
 }

.mrgnLR1 {
 margin-left: 1%; 
 margin-right: 1%; 
 }

h1,
h2{
 letter-spacing: 0.15rem;
}

.txtSize1{ 
 font-size: 30px;
 font-size: 3.0rem;
 font-weight: normal;
 letter-spacing: 0;
 line-height: 4.5rem;
}
.txtSize2{ 
 font-size: 25px;
 font-size: 2.5rem;
 font-weight: normal;
 letter-spacing: 0;
 line-height: 3.75rem;
}
.txtSize3,
.txtSize4{ 
 font-size: 16px;
 font-size: 1.6rem;
 letter-spacing: 0.1em;
 line-height: 2.4rem;
}

#marcheMovie,
#marcheRecipe{
 margin-bottom: 2%;
}



/* ページTOP *************************** */
#pageTop {
 font-size: 12px;
 font-size: 1.2rem;
}
#pageTop a {
 	-moz-border-radius: 40px;
 	-webkit-border-radius: 40px;
 	border-radius: 40px;
	width: 60px;
	height: 80px;
 	line-height: 1.5rem;
 	padding-top: 26px;
	background: #4399f0 none repeat scroll 0 0;
	border-radius: 30px;
	color: #fff;
	display: block;
	height: 60px;
	opacity: 0.4;
	padding-top: 18px;
	text-align: center;
	text-decoration: none;
	/*width: 60px;*/
}
 
}
#pageTop a:hover {
}


}

@media screen and (min-width : 1024px) {
/* /// PC ////////////////////////// */
}