@charset "utf-8";

@media screen and (min-width: 671px){

/* ===================================================================
CSS information

 file name  :page.css
 style info :各ページ
=================================================================== */

/* -----------------------------------------------------------
    TOP
----------------------------------------------------------- */
.pc {
	margin: 0 0 40px 0;
}

.sp {
	display :none;
}

#top #top_main,
.aboutpro header #top_main {
	/*2017.9.29 modify
	background: url(../img/top/main_bg.png) no-repeat center top;
	*/
	background: url(../img/top/main_bg.jpg) no-repeat center top;
	background-size: cover;
	min-height: 560px;
	/*padding: 50px 0 20px 0;
	overflow: hidden;
	xheight: 0;
	xpadding: 27.367% 0 0 0;*/
}

#top #top_mainBox {
	/*2017.9.29 modify
	width: 840px;
	*/
	width: 742px;
    margin: 0 auto;
	position:relative;
}

/*2017.9.29 add*/
.aboutpro #top_mainBox {
	width: 673px;
    margin: 0 auto;
	position:relative;
}

#hgroup h1 {
	position:absolute;
	left:0;
	/*2017.9.29 modify
	top:23px;
	*/
	top:16px;
}

/*2017.9.26 add*/
#top header.mexpro #hgroup h1,
.aboutpro header #hgroup h1 {
	top: 19px;
}

#hgroup ul {
	position:absolute;
	left:0;
	top:460px;
}

#hgroup ul li {
	float: left;
	margin: 0 0 0 15px;
	width:190px;
}

#hgroup ul li:first-child {
	margin: 0;
}

#hgroup ul li a img:hover {
	opacity: 0.8;
	-webkit-transition: .9s;
	transition: .9s;
}

#top section {
	border-bottom: 1px solid #d0c5bf;
	margin:0 0 60px 0;
	padding:0 0 60px 0;
	clear:both;
}

#top section:nth-child(1) {
	border: none;
	margin:0 0 80px 0;
	padding: 0;
}

#top section:nth-child(1) img {
	margin:30px 0 80px 0;
}

#top section:last-child {
	border: none;
	margin: 0;
	padding: 0;
}

#top section h2 {
	font-size: 46px;
	font-size: 4.6rem;
}

#top section h2 span {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	padding-left:20px;
}

#top section h3 {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: normal;
	color: #e34a00;
	line-height: 1.4;
}

/*2017.9.26 add*/
#contents.mexpro section h3 {
	color: #4f4946;
}

#top section h3 + p {
	margin: 30px 0 0 0;
}

/*2017.9.26 add*/
#contents.mexpro section h4 {
	margin-top: 30px;
	padding: 5px 20px;
	font-size: 20px;
	font-size: 2rem;
	color: #ffffff;
	background-color: #4f4946;
}

/*2017.9.26 add*/
#contents.mexpro section ul {
	height: 200px;
	padding: 10px 20px;
	border: solid 1px #4f4946;
	overflow-y: scroll;
}

/*2017.9.26 add*/
#contents.mexpro section ul li {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: solid 1px #4f4946;
}

/*2017.9.26 add*/
#contents.mexpro section ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/*2017.9.26 add*/
#contents.mexpro section ul li a::before {
	margin-right: 5px;
	content: ">";
}

/*2017.9.26 add*/
#contents.mexpro section ul li a:hover{
	opacity: 0.7;
}

#top section .pc {
	margin:0;
}

#top section #topBox {
	width:660px;
	float:left;
}

#top section #fbBox {
	width:270px;
	float:right;
}

/*2017.7.6 add*/
#top section #fbBox p.btn_download img {
	margin: 0 0 40px;
}

#top section #fbBox h4 {
	margin:0 0 20px 0;
	padding:0;
	background-color: #ffffff;
}

#top section #fbBox h4 img {
	margin:0;
}

#top section:nth-child(2) {
	background:url(../img/top/top_img02.png) no-repeat right top;
}

#top section:nth-child(3) {
	background:url(../img/top/top_img03.png) no-repeat right top;
}

#top section:nth-child(4) {
	background:url(../img/top/top_img04.png) no-repeat right top;
}

#top section:nth-child(5) {
	background:url(../img/top/top_img05.png) no-repeat right top;
}

#top section p.icon_point a {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight:bold;
	color:#370800;
	background:url(../img/use/icon_point.png) no-repeat left center;
	background-size:15%;
	padding:5px 0 5px 30px;
}

#top section p.icon_point a:hover {
	opacity: 0.8;
	-webkit-transition: .6s;
	transition: .6s;
}

/* -----------------------------------------------------------
    アプリについて
----------------------------------------------------------- */
.about #contents p {
	margin: 1em 0 0 0;
}

.about #contents p:first-child {
	margin: 0;
}

.about #contents > ul {
	overflow: hidden;
	margin: 100px 0 0 0;
}

.about #contents > ul li:nth-child(1) {
	float: right;
	margin: 0 90px 0 0;
}

.about #contents > ul li:nth-child(2) {
	float: left;
}

.about #contents > ul li:nth-child(3) {
	float: right;
	margin: 20px 0 0 0;
}

.about #contents > ul li:nth-child(4) {
	float: left;
	margin: 20px 0 0 0;
}


/*2017.9.29 del

/* -----------------------------------------------------------
    アプリの使い方
----------------------------------------------------------- *

.use #main {
	background: url(../img/use/main_bg.png) no-repeat center top !important;
}

.use #main #mainText {
	color: #ffffff;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-shadow: 2px 2px 10px #000,-2px 2px 10px #000,2px -2px 10px #000,-2px -2px 10px #000;
}

.use #main #mainText h1 {
	position: relative;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 0.8;
	letter-spacing: 0em;
	color: #ffffff;
	padding:0;
}

.use #main #mainText p{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}

.use #main #mainText p.smallText{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
	margin:-12px 0 20px 0;
}

.use #contents > section {
	clear:both;
	overflow: hidden;
	margin: 60px 0 0 0;
	background:url(../img/use/icon_next.png) no-repeat 20% 95%;
}

.use #contents > section:first-child {
	margin: 0;
	padding-bottom:60px;
	border-bottom: 1px solid #d0c5bf;
	background:none;
}

.use #contents > section:last-child {
	background:none;
}

.use #contents > section .useImg {
	float:right;
	width:375px;
	position:relative;
}

/*2017.5.23 add*
.use #contents > section .useImg_lg {
	float:right;
	width:400px;
	position:relative;
}

.use #contents > section .useImg .point_left {
	position:absolute;
	top:0;
	left:-125px;
}

.use #contents > section .useImg .point_right {
	position:absolute;
	top:0;
	left:125px;
}

/*2017.5.23 add*
.use #contents > section .useImg_lg .point_left {
	position:absolute;
	top:100px;
	left:-125px;
}

/*2017.5.23 add*
.use #contents > section .useImg_lg .point_right {
	position:absolute;
	right:0;
	bottom: 3px;
}

.use #contents > section .useText {
	width:450px;
}

/*.use #contents > div section div {
	max-width: 430px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 30px 0 0 0;
}*

.use #contents > section h1 {
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom:30px;
}

.use #contents > section h2 {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.4;
}

/*2017.5.23 add*
.use #contents > section div p img {
	width: 45%;
	margin: 10px 0 20px;
}

.use #contents > section div p {
	margin: 20px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
}

.use #contents > section div p .pc {
	margin:0;
}

.use #contents > section div p.icon_point a {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight:bold;
	color:#370800;
	background:url(../img/use/icon_point.png) no-repeat left center;
	background-size:15%;
	padding:5px 0 5px 30px;
}

.use #contents > section div p.icon_point a:hover {
	opacity: 0.8;
	-webkit-transition: .6s;
	transition: .6s;
}

.use #contents > section div ul {
	margin-top:10px;
	font-size: 10px;
	font-size: 1.0rem;
}

.use #contents > section div ul .pc {
	margin:0;
}

/*.use #contents > section div p:last-child  {
	margin: 1em 0 0 0;
}*/


/*2017.9.29 del

/* -----------------------------------------------------------
    メニューで使用する料理撮影のコツ　2017.5.24 add
----------------------------------------------------------- *
.use02 #main {
	background: url(../img/use/main_bg.png) no-repeat center top !important;
}

.use02 #main #mainText {
	color: #ffffff;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-shadow: 2px 2px 10px #000,-2px 2px 10px #000,2px -2px 10px #000,-2px -2px 10px #000;
}

.use02 #main #mainText h1 {
	position: relative;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 0.8;
	letter-spacing: 0em;
	color: #ffffff;
	padding:0;
}

.use02 #main #mainText p{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}

.use02 #main #mainText p.smallText{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
	margin:-12px 0 20px 0;
}

.use02 h1 {
	font-size: 28px;
	font-size: 2.8rem;
}

.use02 #contents > section {
	clear:both;
	overflow: hidden;
	margin: 80px 0 0 0;
}

.use02 #contents section.use02_sec_top {
	margin: 60px 0 0 0;
}

.use02 #contents > section .useImg {
	float:right;
	width:430px;
	position:relative;
}

.use02 #contents > section .useText {
	width:550px;
}

.use02 #contents > section h1 {
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom:30px;
}

.use02 #contents > section h2 {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.4;
}

.use02 #contents > section div p {
	margin: 20px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
}

.use02 #contents > section div p .pc {
	margin:0;
}

*/


/* -----------------------------------------------------------
    使い方　2017.9.22 add
----------------------------------------------------------- */
.use #main {
	background: url(../img/use/main_bg.png) no-repeat center top !important;
}

.use #main #mainText {
	color: #ffffff;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-shadow: 2px 2px 10px #000,-2px 2px 10px #000,2px -2px 10px #000,-2px -2px 10px #000;
}

.use #main #mainText h1 {
	position: relative;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 0.8;
	letter-spacing: 0em;
	color: #ffffff;
	padding:0;
}

.use #main #mainText p{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	order: 2;
}

.use #main #mainText p.smallText{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
	margin:-12px 0 20px 0;
}

.use .useList {
	margin-top: 60px;
}

.use .useList.advanced {
	margin-bottom: 80px;
}

.use .useListTitle {
	margin-bottom: 10px;
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3;
}

.use .useListTitle span {
	font-size: 12px;
	display: block;
}

.use .useTitle {
	width: 100%;
}

.use .basic section.useTitle:nth-child(even) {
	background-color: #eae2da;
}

.use .basic section.useTitle:nth-child(odd) {
	background-color: #f2ede9;
}

.use .advanced section.useTitle:nth-child(even) {
	background-color: #e5e5e5;
}

.use .advanced section.useTitle:nth-child(odd) {
	background-color: #efefef;
}

.use .useTitle .useTitleInner {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.use .useTitle .useTitleInner h1 {
	width: 85%;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
}

.use .useTitle .useTitleInner h1 a {
	padding-left: 30px;
	color: #370800;
	background: url(../img/use/icon_point.png) no-repeat left center;
	background-size: 22px;
}

.use .useTitle .useTitleInner h1 a:hover {
	opacity: 0.6;
}

.use .useTitle .useTitleInner h1 span {
	padding: 10px 0 0 30px;
	font-size: 12px;
	font-size: 1.2rem;
	border-top: solid 1px #666;
	display: block;
}

.use .useTitle .useTitleInner p {
	font-size: 170px;
	font-size: 17rem;
	font-weight: bold;
	color: #fff;
}

/* -----------------------------------------------------------
    使い方　2017.9.21 add
----------------------------------------------------------- */
.use_pages #main {
	background: url(../img/use/main_bg.png) no-repeat center top !important;
}

.use_pages #main #mainText {
	color: #ffffff;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-shadow: 2px 2px 10px #000,-2px 2px 10px #000,2px -2px 10px #000,-2px -2px 10px #000;
}

.use_pages #main #mainText h1 {
	position: relative;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 0.8;
	letter-spacing: 0em;
	color: #ffffff;
	padding:0;
}

.use_pages #main #mainText p{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}

.use_pages #main #mainText p.smallText{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
	margin:-12px 0 20px 0;
}

.use_pages #contents {
	margin-top: 0;
}

.use_pages .useTitle {
	width: 100%;
	margin-top: 60px;
	background-color: #eae2da;
}

.use_pages .useTitle .useTitleInner {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.use_pages .useTitle .useTitleInner h1 {
	width: 85%;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
}

.use_pages .useTitle .useTitleInner h1 span {
	padding-top: 10px;
	font-size: 12px;
	font-size: 1.2rem;
	border-top: solid 1px #666;
	display: block;
}

.use_pages .useTitle .useTitleInner p {
	font-size: 170px;
	font-size: 17rem;
	font-weight: bold;
	color: #fff;
}

.use_pages h1 {
	font-size: 28px;
	font-size: 2.8rem;
}

.use_pages #contents > section {
	clear:both;
	overflow: hidden;
	margin: 80px 0 0 0;
}

.use_pages #contents > section .useImg {
	float:right;
	width:430px;
	position:relative;
}

.use_pages #contents > section .useText {
	width:550px;
}

.use_pages #contents > section h1 {
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom:10px;
}

.use_pages #contents > section h2 {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.4;
}

.use_pages #contents > section div p {
	margin: 20px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
}

.use_pages #contents > section div p .pc {
	margin:0;
}

/* -----------------------------------------------------------
    お客さまの声
----------------------------------------------------------- */
.voiceTop #contents div {
	overflow: hidden;
}

.voiceTop #contents div article {
	overflow: hidden;
	float: left;
	margin: 60px 0 0 40px;
	width: 300px;
	position: relative;
}

.voiceTop #contents div article:nth-child(3n+1) {
	margin: 60px 0 0 0;
}

.voiceTop #contents div article figcaption {
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bolder;
	letter-spacing: 0.2em;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(126,93,76,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

.voiceTop #contents div article:hover figcaption {
	opacity: 1;
}

.voiceTop #contents div article figcaption:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.voiceTop #contents div article h2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	color: #e34a00;
	margin: 20px 5px 0;
}

.voiceTop #contents div article p {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 5px;
}

.voiceDetail #contents h2 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0 0 50px 0;
}

.voiceDetail #contents div {
	overflow: hidden;
}

.voiceDetail #contents div > img {
	float: left;
}

.voiceDetail #contents div div {
	float: right;
	width: 480px;
}

.voiceDetail #contents div div ul {
	overflow: hidden;
}

.voiceDetail #contents div div ul li:nth-child(1) {
	float: left;
}

.voiceDetail #contents div div ul li:nth-child(2) {
	float: right;
}

.voiceDetail #contents div div dl {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 15px 0 0 0;
}

.voiceDetail #contents div div dl dt {
	float: left;
	padding: 13px 0 13px 20px;
}

.voiceDetail #contents div div dl dd {
	border-bottom: 1px dotted #d0c5bf;
	padding: 13px 20px 13px 140px;
}

.voiceDetail #contents div + section {
	margin: 50px 0 0 0;
}

.voiceDetail #contents section {
	margin: 40px 0 0 0;
}

.voiceDetail #contents section h3 {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: normal;
	color: #e34a00;
}

.voiceDetail #contents section h3 + p {
	margin: 0;
}

.voiceDetail #contents section p {
	margin: 1em 0 0 0;
}

.voiceDetail #contents section + p {
	margin: 100px 0 0 0;
	text-align: center;
}

.voiceDetail #contents section + p a {
	display: inline-block;
	background: #e34a00;
	padding: 15px 100px;
	color: #ffffff;
}

.voiceDetail #contents section + p a:hover {
	-webkit-transition: .6s;
	transition: .6s;
	background: #fe6d27;
}

/* -----------------------------------------------------------
    テンプレート
----------------------------------------------------------- */
.template #main {
	background: url(../img/template/main_bg.png) no-repeat center top !important;
}

.template #main #mainText {
	color: #ffffff;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-shadow: 2px 2px 10px #000,-2px 2px 10px #000,2px -2px 10px #000,-2px -2px 10px #000;
}

.template #main #mainText h1 {
	position: relative;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 0.8;
	letter-spacing: 0em;
	color: #ffffff;
	padding:0;
}

.template #main #mainText p{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}

.template #main #mainText p.smallText{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
	margin:-12px 0 20px 0;
}

.template #main_box {
	width:722px;
	float:left;
}

.template #side_box {
	width:246px;
	float:right;
}

/*    #tab_box
----------------------------------------------------------- */
#tab_box{
	background-color:#fff;
	margin-bottom:10px;
}

/*    #g_tab
----------------------------------------------------------- */
#g_tab{
	font-size:1.6rem;
	background-color:#a38879;
}	

#g_tab ul{
	width:100%;
	display:table;
	table-layout:fixed;
}

#g_tab ul li{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#g_tab ul li a{
	color:#fff;
	display:block;
	padding:5% 0;
}

#g_tab li.active {
    background: #7e5d4c;
}

/*    #local_tab_box
----------------------------------------------------------- */
#local_tab_box{
	background-color:#7e5d4c;
	height:45px;
	overflow:hidden;
}

#local_tab_menu,
#local_tab_category{
	min-height:45px;	
}

#local_tab_menu ul,
#local_tab_category ul{
	display:table;
	table-layout:fixed;
	width:100%;
	min-height:45px;
}

#local_tab_menu ul li,
#local_tab_category ul li{
	display:table-cell;
	text-align:center;
	min-height:45px;
	font-size:1.2rem;
}

#local_tab_menu ul li a,
#local_tab_category ul li a{
	color:#a38879;
	display:block;
	line-height:3.5;
	min-height:45px;
}

#local_tab_menu ul li.active2 a,
#local_tab_category ul li.active2 a{
	color:#fff;
	display:block;
	position:relative;
}

#local_tab_menu ul li.active2 a:after,
#local_tab_category ul li.active2 a:after{
	font-family:"FontAwesome";
	content:"\f0de";
	font-size:2rem;
	color:#fff;
	position:absolute;
	bottom:-82%;
	left:50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	transform: translate(-50%);
}

.local_tab_none{
	display:none;
}

/*    #template_box
----------------------------------------------------------- */
.template #contents #templateBox ul {
	overflow: hidden;
}

.template #contents #templateBox ul li {
	width:160px;
	height:226px;
	/*display:flex;*/
	float: left;
	margin: 26px 0 0 26px;
}

.template #contents #templateBox ul li, x:-moz-any-link { display:flex; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.template #contents #templateBox ul li { display:flex; }
}

.template #contents #templateBox ul li:nth-child(4n+1) {
	margin: 26px 0 0 0;
}

.template #contents #templateBox ul li img {
	max-height:226px;
	max-width:160px;
	display:block;
	margin:auto;
}

ul.pager{
	width:90%;
	text-align:center;
	display:table;
	table-layout:fixed;
	border-spacing:0.5rem 0;
	margin:50px auto 0;
	padding:5% 0;
}

ul.pager li{
	display:table-cell;
	color:#5a4a42;
	border:1px solid #a38879;
	padding:2% 0;
}

ul.pager li a{
	color:#5a4a42;
}

ul.pager li.current{
	color:#fff;
	background:#7e5d4c;
}

/*    #side_box
----------------------------------------------------------- */
.template #ranking h2{
	padding:11px 0;
	text-align:center;
	background:#370800;
}

.template #ranking .ranking_box {
	clear:both;
	position:relative;
	width:230px;
	background-color:#EEEEEF;
	margin:8px auto;
	padding-bottom:5px;
}

.template #ranking .ranking_box .badge {
	position:absolute;
	top:-3px;
	left:-10px;
}

.template #ranking .ranking_box .rankingImg {
	height:230px;
	/*display:flex;*/
}

.template #ranking .ranking_box .rankingImg, x:-moz-any-link { display:flex; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.template #ranking .ranking_box .rankingImg { display:flex; }
}

.template #ranking .ranking_box .rankingImg img {
	max-height:230px;
	max-width:230px;
	display:block;
	margin:auto;
}

.template #ranking .ranking_box table {
	width:210px;
	color:#370800;
	margin:0px 10px;
	font-size: 12px;
	font-size: 1.2rem;
}
.template #ranking .ranking_box table .rankingLine {
	border-bottom:#370800 1px solid;
}
.template #ranking .ranking_box table th {
	text-align:left;
	padding-right:5px;
}


/* -----------------------------------------------------------
    よくあるご質問
----------------------------------------------------------- */
.faq #contents section {
	margin: 90px 0 0 0;
}

.faq #contents section:first-child {
	margin: 0;
}

.faq #contents section h2 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
	/*color: #e34a00;*/
}

.faq #contents section dl {
	margin: 45px 0 0 0;
}

.faq #contents section dl dt {
	position: relative;
	padding: 0 0 0 40px;
}

.faq #contents section dl dt:before {
	content: url(../img/faq/faq_q.png);
	position: absolute;
	top: 0;
	left: 0;
}

.faq #contents section dl dd {
	border-bottom: 1px dotted #d0c5bf;
	margin: 15px 0 30px 0;
	padding: 0 0 30px 40px;
}

.faq #contents section dl dd:last-child {
	border: none;
	margin: 20px 0 0 0; 
	padding: 0 0 0 40px;
}

/* -----------------------------------------------------------
    Menu Express PROとは　2017.9.25 add
----------------------------------------------------------- */
.aboutpro .pc {
    margin-bottom: 0;
}

.aboutpro a img:hover {
    opacity: 0.8;
    -webkit-transition: .6s;
    transition: .6s;
}

.aboutproBox01 {
	margin-top: 60px;
	text-align: center;
}

.aboutproBox01 h1 {
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1.2;
}

.aboutproBox01 p {
	margin-top: 30px;
}

.aboutproBox02 {
	margin-top: 80px;
}

.aboutproBox02 h1 {
	margin-bottom: -30px;
	padding: 15px 0 40px;
	font-size: 28px;
	font-size: 2.8rem;
	color: #fff;
	text-align: center;
	background-color: #4f4946;
}

.aboutproBox02 ul {
	width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.aboutproBox03 {
	margin-top: 80px;
}

.aboutproBox03 .aboutproTitleBox {
	padding-top: 10px;
	font-size: 28px;
	font-size: 2.8rem;
	color: #fff;
	text-align: center;
	background-color: #4f4946;
}

.aboutproTitleBox p {
	width: 980px;
	margin: 0 auto;
	color: #4f4946;
	border-bottom: solid 1px #4f4946;
	background : linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 5%,rgba(255,255,255,0.6) 12%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.6) 88%,rgba(255,255,255,0.2) 95%,rgba(255,255,255,0) 100%);
}

.aboutproTitleBox p span {
	font-size: 14px;
}

.aboutproBox03 table span{
	font-size: 10px;
}

.aboutproPriceBox {
	width: 670px;
	margin: 20px auto 0;
	display: flex;
	justify-content: space-between;
}

.aboutproPriceBox h2 {
	width: 150px;
}

.aboutproPrice {
	width: 500px;
}

.aboutproPrice td:nth-child(odd) {
	color: #c30d23;
}

.aboutproComparison {
	width: 900px;
	margin: 30px auto 0;
	border-collapse: collapse;
}

.aboutproComparison td {
	padding: 10px 20px;
	text-align: center;
	vertical-align: middle;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

.aboutproComparison tr td:first-child {
	text-align: left;
}

.aboutproComparison tr td:last-child {
	border-right: none;
	background-color: #ddd;
}

.aboutproComparison tr:last-child td {
	border-bottom: none;
}

.aboutproOutput {
	width: 900px;
	margin: 30px auto 0;
	padding: 30px 0;
	background : linear-gradient(to right, rgba(221,221,221,0) 0%,rgba(221,221,221,0.2) 2%,rgba(221,221,221,0.6) 18%,rgba(221,221,221,1) 50%,rgba(221,221,221,0.6) 82%,rgba(221,221,221,0.2) 98%,rgba(221,221,221,0) 100%);
}

.aboutproOutput td {
	padding: 5px 30px;
	vertical-align: middle;
}

.aboutproOutput tr:last-child {
	border-top: solid 1px #000;
}

.aboutproBtn {
	margin: 40px 0 60px;
	text-align: center;
}

.aboutproBtn span {
	margin-top: 10px;
	font-size: 9px;
	font-size: 0.9rem;
	display: block;
}

/* -----------------------------------------------------------
    ニュース　2017.10.04 add
----------------------------------------------------------- */
.pro_news01 #main {
	background: url(../img/pro_news/main_bg.jpg) no-repeat center top !important;
}

.pro_news01 #main #mainText {
	color: #ffffff;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-shadow: 2px 2px 10px #000,-2px 2px 10px #000,2px -2px 10px #000,-2px -2px 10px #000;
}

.pro_news01 #main #mainText h1 {
	position: relative;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 0.8;
	letter-spacing: 0em;
	color: #ffffff;
	padding:0;
}

.pro_news01 #main #mainText p{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	order: 2;
}

.pro_news01 #main #mainText p.smallText{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
	margin:-12px 0 20px 0;
}

.pro_news01 #contents > section.pro_newsBox h2 {
	margin-bottom: 30px;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.4;
}

/* -----------------------------------------------------------
    オリジナルテンプレート　2017.10.04 add
----------------------------------------------------------- */
.pro_original #main {
	background: url(../img/pro_original/main_bg.jpg) no-repeat center top !important;
}

.pro_original #main #mainText {
	color: #ffffff;
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-shadow: 2px 2px 10px #000,-2px 2px 10px #000,2px -2px 10px #000,-2px -2px 10px #000;
}

.pro_original #main #mainText h1 {
	position: relative;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 0.8;
	letter-spacing: 0em;
	color: #ffffff;
	padding:0;
}

.pro_original #main #mainText p{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	order: 2;
}

.pro_original #main #mainText p.smallText{
	font-size: 12px;
	font-size: 1.2rem;
	font-weight:bold;
	margin:-12px 0 20px 0;
}

.pro_original #contents > section {
	clear:both;
	overflow: hidden;
}

.pro_original #contents > section .pro_originalImg {
	float:right;
	width:300px;
	position:relative;
}

.pro_original #contents > section .pro_originalText {
	width:650px;
}

.pro_original #contents > section.pro_originalBox01 h2 {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.4;
}

.pro_original #contents > section div p {
	margin: 20px 0 0 0;
	font-size: 13px;
	font-size: 1.3rem;
}

.pro_original #contents > section div p .pc {
	margin:0;
}

.pro_original #contents > section.pro_originalBox02 {
	margin-top: 80px;
}

.pro_original #contents > section.pro_originalBox02 h2 {
	margin-bottom: 20px;
	padding: 5px 0;
	font-size: 24px;
	font-size: 2.4rem;
	color: #4f4946;
	text-align: center;
	background : linear-gradient(to right, rgba(230,230,230,0) 0%,rgba(230,230,230,0.2) 5%,rgba(230,230,230,0.6) 12%,rgba(230,230,230,1) 50%,rgba(230,230,230,0.6) 88%,rgba(230,230,230,0.2) 95%,rgba(230,230,230,0) 100%);
}

.pro_original #contents > section.pro_originalBox02 table {
	width: 900px;
	margin: 0 auto;
	border-collapse: collapse;
}

.pro_original #contents > section.pro_originalBox02 table td {
	padding: 15px;
	text-align: center;
	vertical-align: middle;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}

.pro_original #contents > section.pro_originalBox02 table tr td:last-child {
	border-right: none;
}

.pro_original #contents > section.pro_originalBox02 table tr:last-child td {
	border-bottom: none;
}

.pro_originalBtn {
	width: 70%;
	margin: 80px auto 0;
}

.pro_originalBtn a {
	padding: 15px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	background-color: #231815;
	display: block;
	transition: 0.5s;
}

.pro_originalBtn a:link {
	color: #ffffff;
}

.pro_originalBtn a:hover {
	background-color: #3a2b28;
}

/* -----------------------------------------------------------
    メニューエクスプレスについて　2017.5.23 add
----------------------------------------------------------- */
.about #contents section h2 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
}

.about #contents section p.about_txt{
	margin-bottom: 40px;
	line-height: 2.5;
}

.about #contents section .pc{
	margin-bottom: 0;
}

/* -----------------------------------------------------------
    運営会社
----------------------------------------------------------- */
.company #contents section {
	margin: 80px 0 0 0;
}

.company #contents section:nth-child(1) {
	margin: 0;
}

.company #contents section h2 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
	/*color: #e34a00;*/
}

.company #contents section dl {
	margin: 35px 0 0 0;
}

.company #contents section dl dt {
	float: left;
	padding: 0 0 0 30px;
}

.company #contents section dl dd {
	border-bottom: 1px dotted #d0c5bf;
	margin: 0 0 20px 0;
	padding: 0 30px 20px 150px;
}

.company #contents section dl dd:last-child {
	border: none;
	margin: 0;
	padding: 0 30px 0 150px;
}

.company #contents section dl dd dl {
	margin: 0;
}

.company #contents section dl dd dl dt {
	margin: 0;
	padding: 0;
}

.company #contents section dl dd dl dt:after {
	content: "：";
	margin: 0 0 0 0.1em;
}

.company #contents section dl dd dl dd {
	border: none;
	margin: 0;
	padding: 0;
}

.company #contents section dl dd dl dd:last-child {
	padding: 0;
}

.company #contents section:nth-child(2) h2 + div {
	margin: 35px 0 0 0;
}

.company #contents section:nth-child(2) div {
	margin: 0;
}

.company #contents section:nth-child(2) dl dt {
	/*color: #e34a00;*/
	font-weight: bolder;
	padding: 0;
	float: left;
}

.company #contents section:nth-child(2) dl dd {
	padding: 0 0 0 90px;
}

.company #contents section:nth-child(2) iframe {
	margin: 10px 0 0 0;
}

.company #contents p.map_detail {
	margin: 10px 0 0 0;
	text-align: right;
}

.company #contents p.map_detail a:hover {
	text-decoration: underline;
}

/* -----------------------------------------------------------
    利用規約
----------------------------------------------------------- */
.terms #contents > p {
	border-bottom: 1px solid #d0c5bf;
	padding: 0 0 50px 0;
}

.terms #contents > p + section {
	margin: 45px 0 0 0;
}

.terms #contents section {
	margin: 35px 0 0 0;
}

.terms #contents section h2 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
	/*color: #e34a00;*/
}

.terms #contents section p {
	margin: 5px 0 0 0;
}

.terms #contents section ol > li {
	position: relative;
	padding: 0 0 0 1.5em;
}

.terms #contents section ol > li:nth-child(10) {
	padding: 0 0 0 2em;
}

.terms #contents section ol > li:nth-child(11) {
	padding: 0 0 0 2em;
}

.terms #contents section ol > li:before {
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
}

.terms #contents section ol > li:nth-child(1):before {
	content: "1.";
}

.terms #contents section ol > li:nth-child(2):before {
	content: "2.";
}

.terms #contents section ol > li:nth-child(3):before {
	content: "3.";
}

.terms #contents section ol > li:nth-child(4):before {
	content: "4.";
}

.terms #contents section ol > li:nth-child(5):before {
	content: "5.";
}

.terms #contents section ol > li:nth-child(6):before {
	content: "6.";
}

.terms #contents section ol > li:nth-child(7):before {
	content: "7.";
}

.terms #contents section ol > li:nth-child(8):before {
	content: "8.";
}

.terms #contents section ol > li:nth-child(9):before {
	content: "9.";
}

.terms #contents section ol > li:nth-child(10):before {
	content: "10.";
}

.terms #contents section ol > li:nth-child(11):before {
	content: "11.";
}

.terms #contents section p + ol {
	margin: 10px 0 0 0;
}

.terms #contents section ol li ul li {
	position: relative;
	padding: 0 0 0 1.2em;
}

.terms #contents section ol li ul li:before {
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
}

/* -----------------------------------------------------------
    個人情報保護方針
----------------------------------------------------------- */
.privacy #contents > p {
	border-bottom: 1px solid #d0c5bf;
	padding: 0 0 50px 0;
}

.privacy #contents > p + section {
	margin: 45px 0 0 0;
}

.privacy #contents section {
	margin: 35px 0 0 0;
}

.privacy #contents section h2 {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
	/*color: #e34a00;*/
}

.privacy #contents section p {
	margin: 5px 0 0 0;
}

.privacy #contents section ul {
	margin: 10px 0 0 0;
}

.privacy #contents section ul li {
	position: relative;
	padding: 0 0 0 1.2em;
}

.privacy #contents section ul li:before {
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
}

/* -----------------------------------------------------------
    お問い合わせ / アンケート
----------------------------------------------------------- */
.contact #contents ol {
    width: 100%;
	overflow: hidden;
	margin: 50px 0 0 0;
}

.contact #contents ol li {
    background: #ece3de;
    color: #7e5d4c;
    display: inline-block;
    height: 70px;
    letter-spacing: normal;
    line-height: 70px;
    margin: 0 40px 0 0;
    position: relative;
    vertical-align: middle;
    min-width: 299px;
}

.contact #contents ol li:after {
    background: #ffffff;
    border-color: transparent transparent transparent #ece3de;
    border-style: solid;
    border-width: 35px 0 36px 25px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.contact #contents ol li:last-child {
    margin: 0;
    min-width: 289px;
}

.contact #contents ol li:last-child:after {
    content: none;
}

.contact #contents ol li.is_current {
    background: #e34a00;
    position: relative;
}

.contact #contents ol li.is_current .list_flow-step,
.contact #contents ol li.is_current .list_flow-num,
.contact #contents ol li.is_current .list_flow-text {
    color: #ffffff;
}

.contact #contents ol li.is_current:after {
    border-left-color: #e34a00;
}

.contact #contents ol li .list_flow-step {
    float: left;
	font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    padding: 0 5px 0 20px;
    position: relative;
}

.contact #contents ol li .list_flow-num {
    float: left;
	font-size: 30px;
    font-size: 3.0rem;
    position: relative;
}

.contact #contents ol li .list_flow-text {
    float: right;
	font-size: 15px;
    font-size: 1.5rem;
    padding: 0 40px 0 0;
    position: relative;
}

.inquiry {
	margin: 50px 0;
	padding: 0 0 60px 0;
	border: 1px solid #d0c5bf;
	font-size: 14px;
    font-size: 1.4rem;
}

.inquiry dl {
	display: table;
	border-bottom: 1px solid #d0c5bf;
	width: 100%;
	padding: 30px;
}

.inquiry dl dt, .inquiry dl dd {
	display: table-cell;
	vertical-align: middle;
}

.inquiry dl dt {
	width: 25%;
}

.inquiry dl dt.vat {
	vertical-align: top;
}

.inquiry dl dt span:before {
	content: "必須";
	background: #b5150d;
    color: #ffffff;
	font-size: 11px;
    font-size: 1.1rem;
    margin: 0 10px 0 0;
    padding: 2px 5px;
}

.confirm dl:last-child dt {
	vertical-align: top;
	padding: 0;
}

.inquiry dl dd select {
	background: url(../img/common/down_type.png) no-repeat right center, url(../img/common/line.gif) no-repeat right 41px center;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0 0 0 10px;
	outline: medium none;
	border: 1px solid #d0c5bf;
    border-radius: 4px;
	font-size: 14px;
    font-size: 1.4rem;
	width: 500px;
	height: 40px;
	color: #7e5d4c;
}

.inquiry dl dd select::-ms-expand {
	display: none;
}

.contact input, .contact textarea {
	border: 1px solid #d0c5bf;
    border-radius: 4px;
    outline: medium none;
	padding: 10px 15px;
	font-size: 14px;
    font-size: 1.4rem;
	color: #7e5d4c;
}

.contact input {
	width: 500px;
	height: 40px;
}

.contact #btnBox {
	text-align: center;
	margin: 55px 0 0 0;
}

.contact #btnBox p {
	margin: 0 0 20px 0;
}

.contact button {
	padding: 15px 50px;
	background: none repeat scroll 0 0 #e34a00;
    border: 3px solid #e34a00;
    color: #ffffff;
    transition: background-color 0.35s ease 0s, color 0.35s ease 0s;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}

.contact button:hover {
	background: none repeat scroll 0 0 #ffffff;
	border: 3px solid #e34a00;
	color: #e34a00;
}

.err_top {
    color: #b94a48;
    font-weight: bolder;
    margin: 0 0 50px 0;
    background: #f2dede;
    border: 1px solid #eed3d7;
    padding: 10px 15px;
}

.err {
    color: #b94a48;
    font-weight: bolder;
    margin: 10px 0 0 0;
    background: #f2dede;
    border: 1px solid #eed3d7;
    padding: 10px 15px;
}

/*    入力内容の確認ページ
----------------------------------------------------------- */
.confirm button {
	padding: 15px 70px;
	background: none repeat scroll 0 0 #e34a00;
    border: 3px solid #e34a00;
    color: #ffffff;
    transition: background-color 0.35s ease 0s, color 0.35s ease 0s;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	cursor: pointer;
}

.confirm button:last-child {
	margin: 0 0 0 55px;
}

/*    送信完了ページ
----------------------------------------------------------- */
.complete .inquiry {
	margin: 50px 0 0 0;
	padding: 0;
}

.complete #contents ol {
    width: 100%;
	overflow: hidden;
	margin: 0;
}

.complete #contents #completeBox {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	padding: 55px 0;
}

.complete #contents #completeBox p:last-child {
	margin: 30px 0 0 0;
}

.complete #btnBox {
    border-top: 1px solid #d0c5bf;
	margin: 0;
	padding: 60px 0;
}

.complete #btnBox p {
	margin: 0;
}

.complete #btnBox p a {
	padding: 15px 50px;
	background: none repeat scroll 0 0 #e34a00;
    border: 3px solid #e34a00;
    color: #ffffff;
    transition: background-color 0.35s ease 0s, color 0.35s ease 0s;
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}

.complete #btnBox p a:hover {
	background: none repeat scroll 0 0 #ffffff;
	border: 3px solid #e34a00;
	color: #e34a00;
}

.survey dl dd ul {
	overflow: hidden;
	margin: 5px 0 0 0;
}

.survey dl dd ul li {
	float: left;
	margin: 0 0 0 25px;
}

.survey dl dd ul li input {
	width: auto;
}

.survey dl dd ul li:first-child {
	margin: 0;
}

.survey dl dd ul li input.input_radio {
	xmargin: -3px 10px 0 0;
}

.survey dl dd input.txtArea01 {
	width: 70px;
}

.survey dl dd input.txtArea02 {
	width: 50px;
}

.survey dl dd input.txtArea03 {
	width: 105px;
}

.survey dl dd#postal:before {
	content: "〒";
}

.survey dl dd ul li#year:after {
	content: "年";
}

.survey dl dd ul li#month:after {
	content: "月";
}

.survey dl dd ul li#day:after {
	content: "日";
}
/* -----------------------------------------------------------
    ユーザー登録（アプリ）　2017.03.24追記
----------------------------------------------------------- */
#app_regist {
	color:#000;
}
#app_regist .registTitle {
	border-bottom:#000 1px solid;
	margin:15px 0 30px 0;
	padding-bottom:5px;
	position:relative;
}
#app_regist .registTitle h1{
	text-align:center;
	font-weight:normal;
}
#app_regist .registTitle p {
	position:absolute;
	right:0;
	top:-15px;
	font-size:2.2em;
}
#app_regist .registTitle p a {
	color:#898989;
}
#app_regist .registForm h2 {
	color:#898989;
	font-weight:normal;
}
#app_regist .registForm h2 span {
	background-color:#DCDDDD;
	font-size:0.8em;
	padding:3px 10px;
}
/*2019.3.6 add N*/
#app_regist .registForm h2 span.hissu {
	background-color:#FFF;
	color:red;
	font-size:8pt;
	vertical-align:middle;
	padding:0;
	margin-left:5px;
}
#app_regist .registForm input {
	padding:5px;
	margin:0 0 25px 0;
	width:100%;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius: 0;
	outline: none;
	border:none;
	border-bottom:#898989 1px solid;
}
#app_regist .registForm select {
	border:#898989 1px solid;
	width:100%;
}
#app_regist .registForm select-wrap {
	content: "\f123";
	font-family: "IonIcons";
}
#app_regist .registForm p {
	text-align:center;
	margin-top:20px;
}
#app_regist .registForm p.kiyaku {
	border-top:#898989 1px solid;
	padding-top:30px;
}
#app_regist .registForm p a {
	color:#000;
}
#app_regist .registForm p.registBtn a {
	color:#FFF;
	display:block;
	background-color:#f07e2a;
	padding:15px;
	margin:0 20px;
}

#app_regist .registForm hr {
	border-top:#898989 1px solid;
	width:100%;
}

#app_regist footer {
	background:none;
	margin-top:50px;
}
#app_regist footer p {
	color:#000;
	text-align:center;
	font-size:0.7em;
}

/* -----------------------------------------------------------
    ログイン　2017.03.28追記
----------------------------------------------------------- */
/*2017.5.31 add*/
.login #mobile-bar{
	display: none;
}
.login #login_box {
	background:#F8F1EC;
	color:#231815;
	border: 1px solid #d0c5bf;
	width:500px;
	margin:0 auto;
	padding:30px;
	line-height: 1.5;
}
.login #login_box a {
	color:#231815;
	text-decoration:underline;
}
.login #login_box a:hover {
	text-decoration:none;
}
.login #login_box h1 {
	font-size: 16px;
	font-size: 1.6rem;
	text-align:center;
	border-bottom:#8D8480 1px solid;
	margin-bottom:30px;
}
.login #login_box h2 {
	text-align:center;
	margin-bottom:5px;
}
.login #login_box input {
	display:block;
	padding:5px;
	margin:0 auto 25px auto;
	width:70%;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius: 0;
	outline: none;
	border:none;
}
.login #login_box p.loginBtn {
	text-align:center;
	width:230px;
	margin:0 auto;
}
.login #login_box p.loginBtn a {
	color:#FFF;
	display:block;
	background-color:#805F4C;
	padding:15px;
	text-decoration:none;
}
.login #login_box p.loginBtn a:hover {
	opacity: 0.6;
	-webkit-transition: .6s;
	transition: .6s;
}
.login #login_box .loginText p {
	text-align:center;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top:20px;
	line-height: 1.3;
}
.login p.loginback {
	font-size: 12px;
	font-size: 1.2rem;
	width:500px;
	margin:0 auto;
}
}