/*テスト用CSS随時・削除、編集可能*/

/*top*/

body.index {
	background: url(../img/common/bg-board.png);
}

#top-zone1,
#top-zone2,
#top-zone3 {
	height: 220px;
}

#top-footer {
	height: 275px;
}

#top-zone1 ul,
#top-zone2 ul,
#top-zone3 ul {
	margin: 0;
	padding: 0;
}

#top-zone1 ul li,
#top-zone2 ul li,
#top-zone3 ul li {
	margin: 0;
	padding: 5px 0 5px;
	list-style: none;
}


#top-zone1 ul {
	/*float:left;*/
	float: right;
}

#top-zone1 ul li {
	float: right;
}

#top-zone1 ul.menu01 {
	float: right;
	margin-left: 0px;
}

@media only screen and (min-width: 435px) {
	#top-zone1 ul.menu01 {
		margin-left: 10px;
	}
}

@media only screen and (min-width: 1025px) {
	#top-zone1 ul.menu01 {
		margin-left: 20px;
	}
}

#top-zone1 ul li.poster {
	width: 140px;
}

#top-zone1 ul.menu02 {
	margin-left: 3%;
}


#top-zone2 ul.left {
	float: left;
}

#top-zone2 ul.right {
	float: right;
}


#top-zone2 ul li {
	float: right;
}

#top-zone3 ul {
	float: right;
}

#top-zone3 ul li {
	float: right;
	/*margin-left: 0.26%;*/
}

#top-zone3 ul li:last-child {
	margin-left: 0;
}

#top-zone1 img,
#top-zone2 img,
#top-zone3 img {
	width: 95%;
}


/*
#top-zone3 img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}



#top-zone3 a img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
	opacity:1.0;
}
*/



img.yurable,
img.yurable_last,
img.yurable_company {
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
}

@-webkit-keyframes ani1 {
	0% {
		-webkit-transform: rotate(0deg);
	}

	1% {
		-webkit-transform: rotate(-4deg);
	}

	5% {
		-webkit-transform: rotate(4deg);
	}

	10% {
		-webkit-transform: rotate(-4deg);
	}

	15% {
		-webkit-transform: rotate(4deg);
	}

	20% {
		-webkit-transform: rotate(-4deg);
	}

	25% {
		-webkit-transform: rotate(4deg);
	}

	30% {
		-webkit-transform: rotate(-3deg);
	}

	35% {
		-webkit-transform: rotate(2deg);
	}

	40% {
		-webkit-transform: rotate(-1deg);
	}

	45% {
		-webkit-transform: rotate(1deg);
	}

	50% {
		-webkit-transform: rotate(-1deg);
	}

	55% {
		-webkit-transform: rotate(1deg);
	}

	60% {
		-webkit-transform: rotate(-1deg);
	}

	65% {
		-webkit-transform: rotate(1deg);
	}

	70% {
		-webkit-transform: rotate(-1deg);
	}

	75% {
		-webkit-transform: rotate(1deg);
	}

	80% {
		-webkit-transform: rotate(-1deg);
	}

	85% {
		-webkit-transform: rotate(1deg);
	}

	90% {
		-webkit-transform: rotate(-1deg);
	}

	95% {
		-webkit-transform: rotate(1deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes ani1 {
	0% {
		-webkit-transform: rotate(0deg);
	}

	1% {
		-webkit-transform: rotate(-4deg);
	}

	5% {
		-webkit-transform: rotate(4deg);
	}

	10% {
		-webkit-transform: rotate(-4deg);
	}

	15% {
		-webkit-transform: rotate(4deg);
	}

	20% {
		-webkit-transform: rotate(-4deg);
	}

	25% {
		-webkit-transform: rotate(4deg);
	}

	30% {
		-moz-transform: rotate(-3deg);
	}

	35% {
		-moz-transform: rotate(2deg);
	}

	40% {
		-moz-transform: rotate(-1deg);
	}

	45% {
		-moz-transform: rotate(1deg);
	}

	50% {
		-moz-transform: rotate(-1deg);
	}

	55% {
		-moz-transform: rotate(1deg);
	}

	60% {
		-moz-transform: rotate(-1deg);
	}

	65% {
		-moz-transform: rotate(1deg);
	}

	70% {
		-moz-transform: rotate(-1deg);
	}

	75% {
		-moz-transform: rotate(1deg);
	}

	80% {
		-moz-transform: rotate(-1deg);
	}

	85% {
		-moz-transform: rotate(1deg);
	}

	90% {
		-moz-transform: rotate(-1deg);
	}

	95% {
		-moz-transform: rotate(1deg);
	}

	100% {
		-moz-transform: rotate(0deg);
	}
}

@-webkit-keyframes ani2 {
	0% {
		-webkit-transform: rotate(1deg);
	}

	1% {
		-webkit-transform: rotate(-4deg);
	}

	5% {
		-webkit-transform: rotate(1deg);
	}

	10% {
		-webkit-transform: rotate(-4deg);
	}

	15% {
		-webkit-transform: rotate(1deg);
	}

	20% {
		-webkit-transform: rotate(-4deg);
	}

	25% {
		-webkit-transform: rotate(1deg);
	}

	30% {
		-webkit-transform: rotate(-3deg);
	}

	35% {
		-webkit-transform: rotate(1deg);
	}

	40% {
		-webkit-transform: rotate(-3deg);
	}

	45% {
		-webkit-transform: rotate(1deg);
	}

	50% {
		-webkit-transform: rotate(-3deg);
	}

	55% {
		-webkit-transform: rotate(1deg);
	}

	60% {
		-webkit-transform: rotate(-2deg);
	}

	65% {
		-webkit-transform: rotate(1deg);
	}

	70% {
		-webkit-transform: rotate(-2deg);
	}

	75% {
		-webkit-transform: rotate(1deg);
	}

	80% {
		-webkit-transform: rotate(-1deg);
	}

	85% {
		-webkit-transform: rotate(1deg);
	}

	90% {
		-webkit-transform: rotate(-1deg);
	}

	95% {
		-webkit-transform: rotate(1deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes ani2 {
	0% {
		-webkit-transform: rotate(1deg);
	}

	1% {
		-webkit-transform: rotate(-4deg);
	}

	5% {
		-webkit-transform: rotate(1deg);
	}

	10% {
		-webkit-transform: rotate(-4deg);
	}

	15% {
		-webkit-transform: rotate(1deg);
	}

	20% {
		-webkit-transform: rotate(-4deg);
	}

	25% {
		-webkit-transform: rotate(1deg);
	}

	30% {
		-webkit-transform: rotate(-3deg);
	}

	35% {
		-webkit-transform: rotate(1deg);
	}

	40% {
		-webkit-transform: rotate(-3deg);
	}

	45% {
		-webkit-transform: rotate(1deg);
	}

	50% {
		-webkit-transform: rotate(-3deg);
	}

	55% {
		-webkit-transform: rotate(1deg);
	}

	60% {
		-webkit-transform: rotate(-2deg);
	}

	65% {
		-webkit-transform: rotate(1deg);
	}

	70% {
		-webkit-transform: rotate(-2deg);
	}

	75% {
		-webkit-transform: rotate(1deg);
	}

	80% {
		-webkit-transform: rotate(-1deg);
	}

	85% {
		-webkit-transform: rotate(1deg);
	}

	90% {
		-webkit-transform: rotate(-1deg);
	}

	95% {
		-webkit-transform: rotate(1deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
	}
}


@-webkit-keyframes ani3 {
	0% {
		-webkit-transform: rotate(0deg);
	}

	1% {
		-webkit-transform: rotate(-2deg);
	}

	5% {
		-webkit-transform: rotate(2deg);
	}

	10% {
		-webkit-transform: rotate(-2deg);
	}

	15% {
		-webkit-transform: rotate(2deg);
	}

	20% {
		-webkit-transform: rotate(-2deg);
	}

	25% {
		-webkit-transform: rotate(2deg);
	}

	30% {
		-webkit-transform: rotate(-2deg);
	}

	35% {
		-webkit-transform: rotate(2deg);
	}

	40% {
		-webkit-transform: rotate(-1deg);
	}

	45% {
		-webkit-transform: rotate(1deg);
	}

	50% {
		-webkit-transform: rotate(-1deg);
	}

	55% {
		-webkit-transform: rotate(1deg);
	}

	60% {
		-webkit-transform: rotate(-1deg);
	}

	65% {
		-webkit-transform: rotate(1deg);
	}

	70% {
		-webkit-transform: rotate(-1deg);
	}

	75% {
		-webkit-transform: rotate(1deg);
	}

	80% {
		-webkit-transform: rotate(-1deg);
	}

	85% {
		-webkit-transform: rotate(1deg);
	}

	90% {
		-webkit-transform: rotate(-1deg);
	}

	95% {
		-webkit-transform: rotate(1deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes ani3 {
	0% {
		-webkit-transform: rotate(0deg);
	}

	1% {
		-webkit-transform: rotate(-2deg);
	}

	5% {
		-webkit-transform: rotate(2deg);
	}

	10% {
		-webkit-transform: rotate(-2deg);
	}

	15% {
		-webkit-transform: rotate(2deg);
	}

	20% {
		-webkit-transform: rotate(-2deg);
	}

	25% {
		-webkit-transform: rotate(2deg);
	}

	30% {
		-moz-transform: rotate(-2deg);
	}

	35% {
		-moz-transform: rotate(2deg);
	}

	40% {
		-moz-transform: rotate(-1deg);
	}

	45% {
		-moz-transform: rotate(1deg);
	}

	50% {
		-moz-transform: rotate(-1deg);
	}

	55% {
		-moz-transform: rotate(1deg);
	}

	60% {
		-moz-transform: rotate(-1deg);
	}

	65% {
		-moz-transform: rotate(1deg);
	}

	70% {
		-moz-transform: rotate(-1deg);
	}

	75% {
		-moz-transform: rotate(1deg);
	}

	80% {
		-moz-transform: rotate(-1deg);
	}

	85% {
		-moz-transform: rotate(1deg);
	}

	90% {
		-moz-transform: rotate(-1deg);
	}

	95% {
		-moz-transform: rotate(1deg);
	}

	100% {
		-moz-transform: rotate(0deg);
	}
}




.yurayura {
	-webkit-animation-name: 'ani1';
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;

	-moz-animation-name: ani1;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease-in-out;
}



.yurayura_last {
	-webkit-animation-name: 'ani2';
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;

	-moz-animation-name: ani2;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease-in-out;
}



.yurayura_company {
	-webkit-animation-name: 'ani3';
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;

	-moz-animation-name: ani3;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease-in-out;
}





/*page共通*/

.page100 {
	width: 100%;
}

.page94 {
	width: 94%;
	margin: 0 3%;
}

.page84 {
	width: 84%;
	margin-left: auto;
	margin-right: auto;
}

.page79 {
	width: 79%;
	margin-left: auto;
	margin-right: auto;
}



.column2-left {
	width: 48%;
	float: left;
}

.column2-right {
	width: 48%;
	float: right;
}

.column2-sort .box {
	width: 48%;
	float: left;
	margin-right: 4%;
}

.column2-sort .box:nth-child(2n) {
	margin-right: 0;
}

.column3-left {
	width: 30%;
	float: left;
}

.column3-right {
	width: 30%;
	float: right;
}


.column3-center {
	width: 30%;
	float: left;
	margin: 0 5% 0 5%;
}


.column3-sort .box {
	width: 30%;
	float: left;
	margin-right: 5%;
}

.column3-sort .box:nth-child(3n) {
	margin-right: 0%;
}


#page-maintitle {
	text-align: center;
	margin-bottom: 50px;
}

#page-sns {
	text-align: center;
	padding: 50px 0 0 0;
}

#page-sns ul {
	margin: 0;
	padding: 0;
}

#page-sns ul li {
	margin: 0 1% 0 1%;
	padding: 0;
	list-style: none;
	display: inline-block;
}

#page-sns ul li.sp {
	display: none;
}

.column4-sort .box {
	width: 22%;
	float: left;
	margin-right: 4%;
}

.column4-sort .box:nth-child(4n) {
	margin-right: 0%;
}



.column2-sort .box,
.column3-sort .box,
.column4-sort .box {
	margin-bottom: 15px;
}



/*テンプレート構築用*/

.testbg {
	background: #CCC;
	margin-bottom: 100px;
}

.testbg2 {
	background: #999;
}



.page-paper {
	width: 84%;
	margin-left: auto;
	margin-right: auto;
	/*-moz-box-shadow:0px 0px 25px 5px #BC8F51;
	-webkit-box-shadow:0px 0px 25px 5px #BC8F51;*/
	background: url(../img/page/page-paper.png) left top;
	background-size: cover;
}

.paper-pin {
	text-align: center;
	margin: 0px 0 0px 0;
}

.paper-body {
	width: 90%;
	margin: 0 auto 0 auto;
}


.page-paper:before {
	content: " ";
	display: inline-block;
	width: 100%;
	height: 25px;
	background: url(../img/page/page-paper_header.png) no-repeat left top;
}

.page-paper:after {
	content: " ";
	display: inline-block;
	width: 100%;
	height: 25px;
	background: url(../img/page/page-paper_footer.png) no-repeat left bottom;
	position: relative;
	top: 10px;
}




hr {
	background: url(../img/page/page-hr.png) left top;
	border: 0;
	height: 13px;
	padding: 0;
	margin: 0;
}




/*一蘭について*/

.about-submenu {
	text-align: center;
	margin-bottom: 100px;
}

.about-submenu ul {
	margin: 0;
	padding: 0;
}

.about-submenu ul li {
	margin: 0 1% 0 1%;
	padding: 0;
	list-style: none;
	display: inline-block;
}



.about-top_policy {
	margin-bottom: 100px;
}

.about-top_policy .paper-body {
	text-align: center;
}

.about-top_policy .paper-body h3 {
	margin-bottom: 40px;
}

.about-top_policy .paper-body ul li {
	text-align: left;
	font-size: 130%;
	font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, YuMincho, "Yu Mincho", "游明朝体", HiraMinProN-W6, HiraMinPro-W6, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ 明朝", serif;
	margin-bottom: 15px;
}

.about-top_subtitle {
	margin-bottom: 20px;
	text-align: center;
}

.about-top_box {
	margin-bottom: 50px;
	/*text-align:center;*/
}

.about-company_subtitle {
	margin-bottom: 20px;
	text-align: center;
}








/*会社概要*/


.about-comnpany_lead {
	margin-bottom: 70px;
	/*text-align:center;*/
}

.about-comnpany_lead p {
	margin-bottom: 15px;
}


.about-comnpany_name h3 {
	margin-bottom: 40px;
	text-align: center;
	font-size: 230%;
	font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, YuMincho, "Yu Mincho", "游明朝体", HiraMinProN-W6, HiraMinPro-W6, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ 明朝", serif;
}


.about_tab {
	margin: 0 auto 50px auto;
}

.about_tab ul {
	margin: 0;
	padding: 0;
}

.about_tab ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 16%;
	margin-right: 0.8%;
	float: left;
}

.about_tab ul li:last-child {
	margin-right: 0;
}

.about_tab ul li a {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background: #543012;
	display: block;
	width: 100%;
	font-size: 90%;
	padding: 8px 0 8px 0;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

.about_tab ul li a.active {
	background: #333;
	color: #FF0;
}

.about_tab ul li a:hover {
	opacity: 0.8;
}








.about-company_info#honsha,
.about-company_info#tokyo,
.about-company_info#ny,
.about-company_info#hongkong,
.about-company_info#mori,
.about-company_info#yokohama {
	/*display:none;*/
}

.about-company_info.active#honsha,
.about-company_info.active#tokyo,
.about-company_info.active#ny,
.about-company_info.active#hongkong,
.about-company_info.active#mori,
.about-company_info.active#yokohama {
	/*display:block;*/
}



.about-company_info {
	width: 80%;
	margin: 0 auto 100px auto;
}

.about-company_info .photo {
	margin-bottom: 50px;
}

.about-company_info .photo img {
	width: 100%;
}

.about-company_info .comapny-date {
	width: 100%;
	margin-bottom: 70px;
}

.about-company_info .comapny-date th {
	width: 25%;
	padding: 2%;
	border-bottom: 2px solid #543012;
	vertical-align: top;
}

.about-company_info .comapny-date td {
	width: 75%;
	padding: 2%;
	border-bottom: 1px dotted #543012;
}


.about-company_info h4 {
	text-align: center;
	margin-bottom: 30px;
}



.about-company_map {
	margin-bottom: 70px;
}

.about-company_map iframe {
	width: 100%;
	height: 450px;
}

.about-company_sub {
	margin: 0 auto 50px auto;
	text-align: center;
}

.about-company_sub ul {
	margin: 0 0 50px 0;
	padding: 0;
}

.about-company_sub ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 30%;
	margin: 0 1% 0 1%;
	display: inline-block;
}


#inline-content1,
#inline-content2,
#inline-content3 {
	color: #333;
	text-align: center;
	padding: 2%;
	margin-bottom: 50px;
	padding-bottom: 10px;
}

#inline-content1 h3,
#inline-content2 h3,
#inline-content3 h3 {
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ccc;
	font-size: 230%;
	padding-bottom: 5px;
	font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, YuMincho, "Yu Mincho", "游明朝体", HiraMinProN-W6, HiraMinPro-W6, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ 明朝", serif;
	width: 90%;
	margin: 0 auto 10px auto;
}


/*お問い合わせ*/

.about-contact_sub1 {
	text-align: center;
	margin-bottom: 40px;
}


.about-contact_lead {
	margin-bottom: 100px;
	text-align: center;
}


.about-contact_plead {
	text-align: center;
}

.about-contact_box {
	margin-bottom: 50px;
}

.about-contact_box h4 {
	margin-bottom: 20px;
}

.about-contact_box .nextbtn {
	text-align: center;
}

.about-contact_box.recruit {
	text-align: center;
}

.about-contact_box.recruit ul {
	margin: 0 0 40px 0;
	padding: 0;
}

.about-contact_box.recruit ul li {
	margin: 0;
	padding: 0 1% 0 1%;
	list-style: none;
	display: inline-block;
}



.contact-block1 {
	padding: 50px 0 50px 0;
}


.contact-block2 {
	background: rgba(0, 0, 0, 0.4);
	padding: 50px 0 50px 0;
}



.contact-block3 {
	padding: 50px 0 50px 0;
}


.contact-block4 {
	background: rgba(0, 0, 0, 0.4);
	padding: 50px 0 50px 0;
}

.contact-block1 p.lead,
.contact-block2 p.lead,
.contact-block3 p.lead,
.contact-block4 p.lead {
	text-align: center;
}




.contact-wrap .left {
	float: left;
	width: 46%;
}

.contact-wrap .right {
	float: right;

	width: 46%;
}


.contact-wrap .left,
.contact-wrap .right,
.contact-wrap .center {
	margin-bottom: 50px;
}



.contact-page .btnlink {
	width: 90%;
	margin: 0 auto 0 auto;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

.contact-page .contact-block1 .center .btnlink {
	width: 100%;
}

.contact-page .contact-block3 .btnlink {
	width: 100%;
}


.contact-page .btnlink:hover {
	opacity: 0.8;
}

.contact-page .btnlink a {
	text-align: center;
	background: #333333;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	padding: 15px 0 15px 0;
	width: 100%;
	display: block;
	border-radius: 5px;
}

.contact-page .btnlink a:before {
	content: url(../img/page/page-point_right.png);
	padding: 0 5px 0 0;
	position: relative;
	top: 2px;
}



.contact-page h4,
.thanks h4,
.privacy-wrap h4 {
	background: url(../img/page/menu-ramen_img02.png) no-repeat center center;
	font-size: 150%;
	font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, YuMincho, "Yu Mincho", "游明朝体", HiraMinProN-W6, HiraMinPro-W6, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ 明朝", serif;
	padding: 30px 0 30px 0px;
	text-align: center;
	margin-bottom: 20px;
}



.contact-page .cornter-title {
	border-bottom: 1px solid #666666;
	padding-bottom: 10px;
	margin-bottom: 20px;
}











/*ごあいさつ*/



.about-greeting_wrap {}

.about-greeting_wrap .photo {
	margin-bottom: 50px;
	text-align: center;
}

.about-greeting_wrap h3 {
	margin-bottom: 50px;
	text-align: center;
}

.about-greeting_wrap h4 {
	margin-bottom: 40px;
	font-size: 120%;
	text-align: center;
}

.about-greeting_wrap .name {
	font-size: 170%;
	text-align: right;
	font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, YuMincho, "Yu Mincho", "游明朝体", HiraMinProN-W6, HiraMinPro-W6, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ 明朝", serif;
}

.about-greeting_wrap .name span {
	font-size: 80%;
}





/*講演情報*/



.about-kouen_wrap1 {}

.about-kouen_wrap1 .photo {
	margin-bottom: 30px;
	text-align: center;
}

.about-kouen_wrap1 h3 {
	margin-bottom: 50px;
	text-align: center;
}




/*講演情報*/





.about-kouen_table {
	border-top: 1px solid #503211;
	border-bottom: 1px solid #503211;
	padding: 40px 0 0 0;
	margin-bottom: 100px;
	width: 100%;
}

.about-kouen_table th {
	width: 25%;
	padding: 2%;
	border-bottom: 2px solid #503211;
	vertical-align: top;
}

.about-kouen_table td {
	width: 75%;
	padding: 2%;
	border-bottom: 1px dotted #503211;
}

.about-kouen_table tr:last-child th,
.about-kouen_table tr:last-child td {
	border-bottom: none;
}


.about-kouen_table p.no-date {
	text-align: center;
}




/*歴史・沿革*/



.company-history table {
	width: 100%;
	margin-bottom: 70px;
	border-top: 1px dotted #333;
}

.company-history th,
.company-history td {
	padding: 2%;
	vertical-align: top;
}

.company-history th.year {
	width: 15%;
	border-bottom: 2px solid #333;
}

.company-history th.month {
	width: 15%;
	border-bottom: 2px solid #333;
}

.company-history td.info {
	width: 70%;
	border-bottom: 1px dotted #333;
}

.company-history th.first.year {
	border-top: 2px solid #333;
}

.company-history th.first.month {
	border-top: 2px solid #333;
}



/*お店詳細*/

#page-maintitle.shop-detail {
	margin-bottom: 20px;
}

.shop-icon {
	margin-top: 20px;
	text-align: center;
}

.shop-icon img {
	margin: 0 10px 0 10px;
}

.shop-info_btn {
	margin-top: 40px;
	text-align: center;
}



.shop-photo {
	margin: 40px auto 50px auto;
	width: 80%;
}

.shop-back.shop {
	margin: 0 auto 50px auto;
	width: 80%;
}

ul.bxslider li img {
	width: 100%;
	height: auto;
}

.shop-photo .thum {
	text-align: center;
	margin-top: 10px;
}

ul.bxslider02 {
	margin: 0;
	padding: 0;
}

ul.bxslider02 li {
	display: inline-block;
	width: 16%;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.bxslider02 li a img {
	width: 100%;
	height: auto;
	opacity: 0.5;
}

ul.bxslider02 li a:hover img {
	opacity: 0.7;
}


ul.bxslider02 li a.active img {
	opacity: 1.0;
}







.shop-info {
	margin-bottom: 60px;
	/*text-align:center;*/
}

.shop-info h3 {
	color: #573013;
	margin-bottom: 30px;
	font-size: 150%;
}

.shop-info .text {
	/*font-size:110%;*/
}

.shop-info .text p {
	margin-bottom: 15px;
}



.shop-detail_subtitle {
	margin-bottom: 50px;
	text-align: center;
}


.shop-data {
	margin-bottom: 100px;
}

.shop-data .in,
.shop-access .in {
	width: 86%;
	margin: 0 auto 0 auto;
}


.shop-data_table {
	width: 100%;
	margin-bottom: 50px;
}

.shop-data_table th {
	border-bottom: 1px dotted #333;
	width: 20%;
	vertical-align: top;
	text-align: left;
	padding: 2%;
	font-weight: normal;
}

.shop-data_table td {
	border-bottom: 1px dotted #333;
	width: 80%;
	padding: 2%;
}

.shop-data_table th.jam,
.shop-data_table td.jam {
	border-bottom: none;
}



/*.konzatu-table{
		width:100%;
	}
	
	.konzatu-table td{
		text-align:center;
		background:#fff;
		border:1px solid #573013;
		padding:0;
		font-size:60%;
		width:3%;
		color:#000;
	}
	.konzatu-table td.title{
		width:16%;
		background:#573013;
		color:#fff;
		border-bottom:1px solid #83481D;
	}
	.konzatu-table td.time{
		background:#573013;
		color:#FFF;
		border-right:1px solid #83481D;
		border-left:1px solid #83481D;
	}
	.konzatu-table td.youbi{
		background:#573013;
		color:#FFF;
		font-size:85%;
		border-bottom:1px solid #83481D;
	}
	.konzatu-table td.jam{
		background:#990000;
	}*/

.konzatu-table {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, .4);
	border-radius: 1px;
}

.konzatu-table tr:nth-child(3) {
	background: rgba(255, 255, 255, .1);
}

.konzatu-table tr:nth-child(4) {
	background: rgba(185, 185, 255, .2);
}

.konzatu-table tr:nth-child(5) {
	background: rgba(255, 155, 155, .2);
}

.konzatu-table td {
	width: 3%;
	text-align: center;
	font-size: 60%;
	background: rgba(255, 255, 255, .65);
	box-sizing: border-box;
	border-left: 1px solid rgba(0, 0, 0, .14);
	border-bottom: 1px solid rgba(0, 0, 0, .17);
	border-collapse: collapse;
	padding: 0;
	color: #fca;
	font-weight: bolder;
	border-radius: 1px;
}

.konzatu-table td.title {
	background: rgba(60, 20, 0, .9);
}

.konzatu-table td.time {
	background: rgba(60, 20, 0, .8);
	border: 1px solid rgba(0, 0, 0, .3);
}

.konzatu-table td.youbi {
	background: rgba(60, 20, 0, .8);
	white-space: nowrap;
	font-size: 80%;
	padding: 0 .3em;
	border: 1px solid rgba(0, 0, 0, .3);
}

.konzatu-table td.jam {
	background: rgba(180, 0, 0, .55);
}

.shop-openattention {
	font-size: 80%;
	line-height: 150%;
}

.shop-news {
	margin-bottom: 100px;
}


.shop-news .news {
	width: 84%;
	padding-bottom: 20px;
	margin: 0 auto 40px auto;
	border-bottom: 1px dotted #333;
	/*text-align:center;*/
}

.shop-news .news h4 {
	color: #006600;
	font-size: 150%;
	margin-bottom: 10px;
}

.shop-news .news p.date {
	text-align: center;
	margin-bottom: 15px;
}



.shop-access {
	margin-bottom: 100px;
}

.shop-access .map iframe {
	width: 100%;
	height: 450px;
}


.shop-access .map-btn {
	text-align: center;
}



.shop-navi {
	text-align: center;
	margin-bottom: 70px;
}

.shop-navi ul {
	margin: 0;
	padding: 0;
}

.shop-navi ul li {
	margin: 0 1% 0 1%;
	padding: 0;
	list-style: none;
	display: inline-block;
	width: 45%;
}




/*店舗リスト*/


.map-btn {
	text-align: center;
	margin-bottom: 30px;
}

.map-btn ul {
	margin: 0 0 10px 0;
	padding: 0;
}

.map-btn ul li {
	padding: 0 1% 0 1%;
	margin: 0;
	list-style: none;
	display: inline-block;
}



.map-link {
	background: url(../img/page/shop-list_navi.png) no-repeat 30% center;
	padding: 20px 0 20px 0;
	text-align: center;
	margin-bottom: 30px;
}

.map-link ul {
	margin: 0;
	padding: 0;
}

.map-link ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #333;
	font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, YuMincho, "Yu Mincho", "游明朝体", HiraMinProN-W6, HiraMinPro-W6, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ 明朝", serif;
}

.map-link ul li:last-child {
	border-right: 0;
}

.map-link ul li a {
	text-decoration: none;
	color: #000;
}

.map-link ul li.active {
	font-size: 180%;
}

.map-link ul li a:hover {
	color: #069;
}





.shoplist-data {
	width: 100%;
	border-bottom: 1px dotted #333;
	margin-bottom: 30px;
	padding-bottom: 30px;
}



.shoplist-data .photo {
	width: 25%;
	float: left;
}

.shoplist-data .text {
	width: 72%;
	float: right;
	font-size: 100%;
}

.shoplist-data .text h4 {
	font-size: 150%;
	margin-bottom: 10px;
}

.shoplist-data .text h4:before {
	content: url(../img/page/shop-list_head.png);
	padding: 0 8px 0 0;
}

.shoplist-data .text a {
	color: #333;
}

.shoplist-data .text a:hover {
	color: #570000;
}


.shoplist-data .text h4 span {
	font-size: 85%;
}

.shoplist-data .text p {
	margin-bottom: 5px;
	line-height: 140%;
}

.shoplist-data .text p.address:before {
	content: url(../img/page/shop-list_date01.png);
	padding: 0 3px 0 0;
	position: relative;
	top: 7px;
}

.shoplist-data .text p.open:before {
	content: url(../img/page/shop-list_date02.png);
	padding: 0 3px 0 0;
	position: relative;
	top: 7px;
}

.shoplist-data .text p.icon img {
	margin-right: 10px;
}

.shoplist-data .text p:last-child {
	margin-bottom: 0;
}



.shop-close_subtitle {
	margin-bottom: 40px;
	text-align: center;
}

.openlist-table {
	border-bottom: 1px solid #333;
	width: 80%;
	margin: 0 auto 100px auto;
}

.openlist-table table {
	width: 100%;
}

.openlist-table table th {
	width: 30%;
	padding: 2%;
	border-top: 2px solid #333;
	vertical-align: top;
}

.openlist-table table td {
	width: 70%;
	padding: 2%;
	border-top: 1px dotted #333;
}

.openlist-table table th a {
	color: #333;
}



/*五つの元祖*/

.ganso-lead {
	/*text-align:center;*/
	margin-bottom: 70px;
	/*font-size:120%;*/
}


.ganso-subtitle {
	text-align: center;
	margin-bottom: 30px;
}

.ganso-photo {
	text-align: center;
	margin-bottom: 30px;
}

.ganso-text {
	width: 90%;
	margin: 0 auto 150px auto;
}

.ganso-text h4 {
	text-align: center;
	margin-bottom: 30px;
}

.ganso-text p.btn {
	text-align: center;
}

.ganso-kaedama {
	margin-bottom: 50px;
	background: url(../img/page/about-ganso_kaedama01.png) no-repeat left top;
	background-size: 50% auto;
	padding: 0 0 0 48%;
}

.ganso-kaedama h4 {
	text-align: left;
}






/*ラーメンメニュー*/



.menu-top_lead {
	margin-bottom: 100px;
}


.menu-title {
	text-align: center;
	margin-bottom: 30px;
}


.menu_photo {
	margin-bottom: 40px;
}

.menu_photo .main {
	width: 100%;
	background: rgba(255, 200, 185, 0.6);
	padding: 1%;
}

.menu_photo .main img {
	width: 100%;
	height: auto;
}

.menu_photo .sub {
	width: 100%;
}

.menu_photo .sub ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
}

.menu_photo .sub ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	/*padding:4.2% 8% 0 8%;
	background:rgba(183,113,28,0.6);*/
}

/*
@media only screen and (min-width: 436px) {
	.menu_photo .sub ul li {
		max-width: 120px;
	}
}

@media only screen and (min-width: 769px) {
	.menu_photo .sub ul li {
		max-width: 160px;
	}
}

@media only screen and (min-width: 1025px) {
	.menu_photo .sub ul li {
		max-width: 200px;
	}
}
*/

.menu_lead {
	margin-bottom: 50px;
	/*font-size:130%;*/
}


.menu_intro {
	margin-bottom: 40px;
}

.menu_intro h3 {
	margin-bottom: 20px;
}

.menu_intro h4 {
	padding-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.menu_men15 {
	margin-bottom: 100px;
}


.menu_men15 h3 {
	text-align: center;
	margin-bottom: 20px;
}




/*おみやげ*/

.omiyage-lead {
	margin-bottom: 100px;
}

.omiyage-lead p.img {
	text-align: center;
}


.omiyage-item {
	margin-bottom: 100px;
}

.omiyage-item .paper-body h3 {
	margin-bottom: 60px;
	text-align: center;
}

.omiyage-photo {
	text-align: center;
	margin-bottom: 40px;
}

.omiyage-photo ul {
	margin: 0;
	padding: 0;
}

.omiyage-photo ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.omiyage-photo ul li img {
	margin: 0 5px 0px 5px;
}

.omiyage-photo p {
	padding-top: 20px;
}


.omiyage-text {
	margin-bottom: 20px;
}

.omiyage-text h4 {
	margin-bottom: 20px;
}



/*一蘭の森*/

body.page.mori #page-menu {
	margin-bottom: 0;
}


.mori-main {
	background: url(../img/page/mori-main.png) no-repeat left top;
	background-size: cover;
	height: 580px;
	margin-bottom: 20px;
}

.mori-main #page-pankz {
	padding-top: 10px;
	padding-left: 15px;
}


.mori-photo {
	margin-bottom: 40px;
	text-align: center;
}


.mori-text {
	margin-bottom: 20px;
}





/*ここがすごい*/

.sugoi-subtitle {
	text-align: center;
	margin-bottom: 40px;
}


.sugoi-box {
	margin-bottom: 40px;
}

.sugoi-box h4,
.sugoi-box .photo {
	margin-bottom: 20px;
}

.sugoi_lead {
	text-align: center;
}

#eisei {
	margin-bottom: 80px;
}




/*お問い合わせ*/
.about-contact_box.recruit ul li {
	padding: 0 1% 20px 1%;
}

.about-contact_lead {
	text-align: left;
}

.about-contact_plead {
	text-align: left;
}


.contact-subtitle {
	text-align: center;
	margin-bottom: 20px;
}




.contact-table table {
	width: 100%;
	margin-bottom: 70px;
}


.contact-table table th {
	width: 25%;
	padding: 2% 2% 2% 3%;
	border-bottom: 1px dotted #999;
	vertical-align: top;
	text-align: left;
	background: url(../img/page/page-point_right.png) no-repeat left 25px;
}

.contact-table table td {
	width: 75%;
	padding: 2%;
	border-bottom: 1px dotted #333;
}

span.hissu {
	background: #F00;
	font-size: 75%;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	padding: 2px 7px 2px 7px;
	border-radius: 5px;
}



.contact-table table td span.attention {
	font-size: 85%;
	margin-left: 5px;
}

.contact-table table td span.attention_long {
	font-size: 85%;
}



.contact-table table td textarea {
	width: 80% !important;
	height: 150px !important;
}


.contact-table button {
	width: 50%;
	margin: 0 auto 0 auto;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	text-align: center;
	background: #333333;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	padding: 15px 0 15px 0;
	display: block;
	border-radius: 5px;
	border: 0;
}

.contact-table button:before {
	content: url(../img/page/page-point_right.png);
	padding: 0 5px 0 0;
	position: relative;
	top: 2px;
}

.contact-table button:hover {
	opacity: 0.8;
}







/*スクロールエフェクトの元 transition: .8s;*/

.ganso-box,
.menu-title,
.menu_photo,
.menu_lead,
.menu_intro,
.menu_men15,
.menu-howto,
.menu-howto .photo {
	transition: .8s;
}



.fadein {
	display: none
}





/*新着情報*/


.news-table {
	width: 100%;
	margin-bottom: 70px;
}


.news-table th {
	width: 20%;
	padding: 2% 2% 2% 3%;
	border-bottom: 1px dotted #333;
	vertical-align: top;
	text-align: left;
	background: url(../img/page/page-point_right.png) no-repeat left 25px;
}

.news-table td {
	width: 80%;
	padding: 2%;
	border-bottom: 1px dotted #333;
}

a.blank:after {
	content: url(../img/page/news-blank.png);
	margin-left: 5px;
}

.news-table td a {
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	color: #000;
}






.news-table td a:hover {
	color: #036;
}

.news-table td span {
	background: #491B06;
	border-radius: 30px;
	margin-right: 10px;
	text-align: center;
	padding: 2px 10px 2px 10px;
}

.news-table td span a {
	color: #fff;
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
}

.news-table td span a:hover {
	color: #FF0;
}



/*オンエア情報*/



.news-table td.tv:before {
	content: url(../img/page/onair-tv.png);
}

.news-table td.radio:before {
	content: url(../img/page/onair-radio.png);
}

.news-table td.web:before {
	content: url(../img/page/onair-web.png);
}

.news-table td.newspaper:before {
	content: url(../img/page/onair-newspaper.png);
}

.news-table td.freepaper:before {
	content: url(../img/page/onair-freepaper.png);
}

.news-table td.magazine:before {
	content: url(../img/page/onair-magazine.png);
}

.news-table td.tv:before,
.news-table td.radio:before,
.news-table td.web:before,
.news-table td.newspaper:before,
.news-table td.freepaper:before,
.news-table td.magazine:before {
	position: relative;
	top: 1px;
	margin: 0 10px 0 0;
}

.onair-archive {
	text-align: center;
}


.onair-archive a {
	display: inline;
	background-color: #FFFFFF;
	color: #000;
	text-decoration: none;
	padding: 1px 7px;
	border-radius: 30px;
}

.onair-archive a:hover {
	color: #B7A5B1;
}


.onair-archive span a {
	background: none;
	color: #503211;
}


.onair-archive span.current_page {
	padding: 2px 8px;
	margin: 1px;
	color: #fff;
	background-color: #900;
}





/*つぶやき情報*/

.tweet-table {
	width: 100%;
	margin-bottom: 70px;
}

.tweet-table th {
	width: 25%;
	padding: 2%;
	border-top: 2px solid #333;
	vertical-align: top;
}

.tweet-table td {
	width: 75%;
	padding: 2%;
	border-top: 1px dotted #333;
}

.tweet-table td a {
	padding: 8px 0 8px 28px;
	margin-right: 15px;
}

.tweet-table td div.sub {
	margin-top: 5px;
}

.tweet-table td a.tw {
	background: url(../img/page/tweet-tw.png) no-repeat left center;
	background-size: 22px 22px;
}

.tweet-table td a.fb {
	background: url(../img/page/tweet-fb.png) no-repeat left center;
	background-size: 22px 22px;
}

.tweet-table td a.inst {
	background: url(../img/page/tweet-insta.png) no-repeat left center;
	background-size: 22px 22px;
}

.tweet-table td a.ameblo {
	background: url(../img/page/tweet-ameblo.png) no-repeat left center;
	background-size: 22px 22px;
}

.tweet-table td a.blog {
	background: url(../img/page/tweet-blog.png) no-repeat left center;
	background-size: 22px 22px;
}

.tweet-table td a.photo {
	background: url(../img/page/tweet-photo.png) no-repeat left center;
	background-size: 22px 22px;
}

.tweet-table td a.yt {
	background: url(../img/page/tweet-yt.png) no-repeat left center;
	background-size: 22px 22px;
}





/*新着情報*/




.news-detail_title {
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.news-detail_title h3.title {
	font-size: 150%;
	font-family: YuMincho, '游明朝', "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
	margin: 0 0 5px 0;
}

.news-detail_date {
	font-size: 90%;
	text-align: right;
	margin-bottom: 50px;
}

.detail-body {
	width: 90%;
	margin: 0 auto 0 auto;
}

.detail-body .left {
	width: 40%;
	float: left;
}

.detail-body .right {
	width: 55%;
	float: right;
}

#news_btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	margin: 32px auto;
	padding: 16px 40px;
	width: 56%;
	font-weight: bold;
	border: 2px solid #0D4A3A;
	color: #0D4A3A;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-color: #ffffff80;
}

#news_btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #0D4A3A;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}

#news_btn:hover::before {
	transform: translateX(0);
}

#news_btn:hover {
	color: #ffffff;
}

@media only screen and (max-width: 769px) {
	#news_btn {
		width: 80%;
		cursor: none;
	}

	#news_btn::before {
		content: none;
	}

	#news_btn:hover::before {
		content: none;
	}

	#news_btn:hover {
		color: #0D4A3A;
	}
}




























.shopmap-wrap {
	width: 100%;
	margin: 0 auto 0 auto;
}

.shopmap-wrap .map-gmap {
	width: 100%;
	height: 600px;
}






.topping-window,
.sidemenu-window {
	max-height: 0;
	height: auto;
	margin: 0 auto;
	background: #1B1B1B url(../img/page/menulist-win_shadow.png) repeat-x left top;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: max-height 0.6s ease-out;
	-moz-transition: max-height 0.6s ease-out;
	-o-transition: max-height 0.6s ease-out;
	transition: max-height 0.6s ease-out;
}


.topping-window.expanded,
.sidemenu-window.expanded {
	max-height: 2000px;
}

.topping-window section,
.sidemenu-window section {
	padding: 60px 0 60px 0;
}



.topping-window .box,
.sidemenu-window .box {
	width: 30%;
	float: left;
	margin-right: 5%;
	margin-bottom: 20px;
	text-align: center;
	font-family: ToppanBunkyuMidashiMinchoStdN-ExtraBold, YuMincho, "Yu Mincho", "游明朝体", HiraMinProN-W6, HiraMinPro-W6, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "ＭＳ 明朝", serif;
	font-size: 120%;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

.topping-window .box:nth-child(3n),
.sidemenu-window .box:nth-child(3n) {
	margin-right: 0%;
}

.topping-window .box a,
.sidemenu-window .box a {
	color: #FFF;
	text-decoration: none;
	display: block;
}

.topping-window .box span:after,
.sidemenu-window .box span:after {
	content: url(../img/page/menulist-point_right.png);
	padding: 0 0 0 8px;
}

.topping-window .box img,
.sidemenu-window .box img {
	margin-bottom: 5px;
	box-shadow: 0px 0px 6px 2px #000;
	-moz-box-shadow: 0px 0px 6px 2px #000;
	-webkit-box-shadow: 0px 0px 6px 2px #0C0C0C;
}

.topping-window .box img:hover,
.sidemenu-window .box img:hover {
	opacity: 1.0;
}

.topping-window .box:hover,
.sidemenu-window .box:hover {
	opacity: 0.8;
}












/*こだわり*/


















.cornter-title.kankyo {
	padding: 40px 0 40px;
	background: url(../img/page/kankyo-bg_01.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	color: #000;
	margin-bottom: 50px;
}

.company-kankyo_body {
	margin-bottom: 70px;
}

.company-kankyo_body .photo {
	margin-bottom: 30px;
}

.company-kankyo_body .photo ul {
	margin: 0;
	padding: 0;
}

.company-kankyo_body .photo ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 32%;
	margin-right: 2%
}

.company-kankyo_body .photo ul li:last-child {
	margin-right: 0
}

.company-kankyo_body .photo ul li img {
	width: 100%;
}

.company-kankyo_body ul.list li {
	/*font-size:110%;*/
	margin-bottom: 10px;
}





.comapny-policy_box {
	text-align: center;
	margin-bottom: 70px;
	border-top: 1px solid #666666;
	padding: 40px 0 40px 0;
}







.photo_3box {
	margin-top: 10px;
	width: 100%;
}


.photo_3box ul {
	margin: 0;
	padding: 0;
}

.photo_3box ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 32%;
	margin-right: 2%;
	float: left;
}

.photo_3box ul li img {
	width: 100%;
}

.photo_3box ul li:last-child {
	margin-right: 0;
}













#mfp_confirm_table {
	color: #333 !important;
}



.policy-contact {
	border: 1px solid #666;
	padding: 3%;
	width: 80%;
	margin: 0 auto 0 auto;
	text-align: center;
}

.policy-contact h3 {
	margin-bottom: 10px;
}

.policy-contact span.tel {
	font-size: 230%;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	margin: 0 0 5px 0;
}

.policy-contact span.tel:before {
	content: url(../img/page/miyage-freedial.png);
	padding: 0 10px 0 0;
}

.privacy-wrap ul {
	margin-bottom: 5%;
}








.thanks {
	text-align: center;
}

.thanks .logo img {
	width: 15%;
}











/*スライドエフェクト*/

.mod-tit-demo01 {
	border-bottom: 1px solid #34495e;
	color: #34495e;
	padding: 20px 20px;
	font-size: 24px;
	margin-bottom: 50px;
}

.mod-tit-demo02 {
	margin-top: 100px;
	background-color: #34495e;
	color: #eee;
	font-size: 24px;
	padding: 10px 10px;
}

.inner {
	width: 900px;
	margin: 0 auto;
}

.list {
	margin: 50px 50px 50px 50px;
	list-style-type: none;
	overflow: hidden;
}

.list li {
	margin: 50px 20px 50px 20px;
	float: left;
	transition: .8s;
}

/* 1つ目：縮小・拡大 */
.list-mv01 {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}

.mv01 {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

/* 2つ目：opacity*/
.list-mv02 {
	opacity: 0;
}

.mv02 {
	opacity: 1.0;
}

/* 3つ目：回転 */
.list-mv03 {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.mv03 {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}


/* 4つ目：3D回転 */
.list-mv04 {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}

.mv04 {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
}

/* 5つ目：移動 */
.list-mv05 {
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
}

.mv05 {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

/* ６つ目：縮小・拡大＆3D回転 */
.list-mv06 {
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
}

.mv06 {
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}


/* ７つ目：移動＋透明度 */
.list-mv07 {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
}

.mv07 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.mod-btn-demo {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}

.mod-btn-demo::before,
.mod-btn-demo::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.mod-btn-demo,
.mod-btn-demo::before,
.mod-btn-demo::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.mod-btn-demo {
	width: 200px;
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
	line-height: 50px;
	overflow: hidden;
}

.mod-btn-demo:hover {
	color: #fff;
}

.mod-btn-demo::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}

.mod-btn-demo:hover::after {
	background: #333;
	-webkit-transform: scale(1);
	transform: scale(1);
}













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

/* for TB & SP CSS   */

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


/*全タブレット*/
/*1024×416*/
@media only screen and (min-width: 416px) and (max-width: 1024px) {


	.about_tab ul li {
		margin: 0 0 5px 0;
		width: 32%;
	}

	/*代表講演*/

	.about-kouen_wrap1.page84,
	.about-kouen_wrap2.page84 {
		width: 94%;
	}

	/*おみやげ*/

	.page-paper {
		background-size: contain;
	}

	.omiyage-item.page-paper {
		width: 100%;
	}




	/*店舗詳細*/


	.shop-data .in,
	.shop-access .in,
	.shop-news .news {
		width: 100%;
	}



	body.page #page-menu ul li a.pc {
		display: none !important;
	}

	body.page #page-menu ul li a.tb {
		display: block !important;
	}






}




/*→タブレット横限定*/
/*1024×769*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {

	#top-zone1,
	#top-zone2,
	#top-zone3 {
		height: auto;
		margin: 30px 0;
	}

	#top-foot {
		height: auto;
	}

	#top-zone1 ul li {
		width: 41px;
	}

	#top-zone1 ul li img {
		width: 95%;
		/*margin-bottom: 10px;*/
	}

	#top-zone1 ul li.poster {
		width: 80px;
	}


	#top-zone2 ul {
		margin-left: 0:
	}

	#top-zone2 ul li {
		width: 41px;
	}

	#top-zone2 ul li img {
		width: 95%;
		/*margin-bottom: 10px;*/
	}

	#top-zone3 ul li {
		width: 44px;
		margin-left: 0;
	}

	#top-zone3 ul li.bnr3 {
		width: 80px;
	}

	#top-zone3 ul li.bnr4 {
		width: 112px;
	}




	/*一蘭の森*/

	body.mori section {
		width: 96%;
	}


	.mori-main {
		background-size: contain;
		height: 500px;
	}

}

@media only screen and (min-width: 769px) and (max-width: 830px) {

	#top-zone1 ul li,
	#top-zone2 ul li {
		width: 38px;
	}

	#top-zone1 ul li.poster {
		width: 60px;
	}

	#top-zone3 ul li {
		width: 42px;
	}

	#top-zone3 ul li.bnr3 {
		width: 60px;
	}

	#top-zone3 ul li.bnr4 {
		width: 84px;
	}
}


/*→タブレット縦限定*/
/*768×436*/
@media only screen and (min-width: 436px) and (max-width: 768px) {

	#top-zone1,
	#top-zone2,
	#top-zone3 {
		height: auto;
		margin: 25px 0;
	}

	#top-foot {
		height: 255px;
		padding-top: 50px;
	}

	#top-zone1 ul.menu01 {
		width: 28%;
		margin-left: 0%;
	}

	#top-zone1 ul.menu01 li {
		width: 25%;
	}

	#top-zone1 ul.menu01 li.poster {
		width: 49%;
	}

	#top-zone1 ul.menu02 {
		width: 43%;
		margin-left: 0%;
	}

	#top-zone1 ul.menu02 li {
		width: 16.6%;
	}

	#top-zone1 ul.menu03 {
		width: 29%;
	}

	#top-zone1 ul.menu03 li {
		width: 25%;
	}

	#top-zone1 ul li img {
		width: 95%;
		margin-bottom: 45px;
	}


	#top-zone2 ul.menu04 {
		width: 40%;
	}

	#top-zone2 ul.menu04 li {
		width: 16.6%;
	}

	#top-zone2 ul.menu05 {
		width: 58%;
	}

	#top-zone2 ul.menu05 li {
		width: 11.1%;
	}



	#top-zone2 ul li img {
		width: 95%;
		margin-bottom: 45px;
	}

	#top-zone3 ul li {
		width: 7.1%;
		margin-left: 0;
	}

	#top-zone3 ul li.bnr3 {
		width: 13%;
	}

	#top-zone3 ul li.bnr4 {
		width: 18%;
	}

	#top-zone3 ul li.title {
		width: 7%;
	}

	#top-zone3 ul li.title img {
		width: 95%;
		margin-bottom: 25px;
	}


	/*一蘭の森*/

	body.mori section.mori {
		width: 100%;
	}

	.mori-main {
		height: 390px;
		background-size: contain;
	}


	/*店舗詳細*/

	.shop-photo {
		width: 100%;
	}



	/*店舗一覧*/

	.map-btn ul li {
		width: 49%;
		text-align: center;
	}







	.contact-wrap {
		width: 100%;
	}

	.contact-page h4,
	.thanks h4,
	.privacy-wrap h4 {
		font-size: 130%;
		background-size: auto 90%;
	}

	.contact-wrap .left,
	.contact-wrap .right {
		float: none;
		width: 100%;
	}

	.contact-table table th {
		background: url(../img/page/page-point_right.png) no-repeat left 17px;
	}


	#page-sns a.sp {
		display: inline-block;
	}

	#page-sns ul li.sp {
		display: inline-block;
	}








}



#top-zone1 ul.menu01 li.newssp {
	display: none;
}

/*全スマートフォン*/
/*435×1*/
@media only screen and (min-width: 1px) and (max-width: 435px) {

	#top-zone1,
	#top-zone2,
	#top-zone3 {
		height: auto;
	}

	#top-foot {
		height: auto;
		padding-top: 30px;
		font-size: 85%;
		text-align: center
	}


	#top-zone1 ul.menu01 {
		width: 100%;
	}

	#top-zone1 ul.menu01 li {
		width: 12.5%;
	}

	#top-zone1 ul.menu01 li.poster {
		width: 29.4%;
	}

	#top-zone1 ul.menu01 li.newssp {
		width: 13.7%;
		display: inherit;
	}


	#top-zone1 ul.menu02 {
		width: 75%;
		margin-left: 0%;
	}

	#top-zone1 ul.menu02 li {
		width: 16.6%;
	}



	#top-zone1 ul.menu03 {
		width: 62.5%;
		float: right;
	}

	#top-zone1 ul.menu03 li {
		width: 20%;
	}

	#top-zone1 ul li img {
		width: 95%;
		margin-bottom: 25px;
	}

	#top-zone1 ul.menu01 {
		float: left;
	}

	#top-zone2 ul.menu04 {
		width: 100%;
	}

	#top-zone2 ul.menu04 li {
		width: 12.7%;
	}

	#top-zone2 ul.menu05 {
		width: 100%;
		float: right;
	}

	#top-zone2 ul.menu05 li {
		width: 12.5%;
	}

	#top-zone2 ul.menu05 li:nth-child(9) {
		margin-right: 11.1%;
	}

	#top-zone2 ul li img {
		width: 95%;
		margin-bottom: 25px;
	}

	#top-zone3 ul li {
		width: 12.5%;
		margin-left: 0;
	}

	#top-zone3 ul li.bnr3 {
		width: 25%;
	}

	#top-zone3 ul li.bnr4 {
		width: 35%;
	}

	#top-zone3 ul li.title {
		width: 12.5%;
	}

	#top-zone3 ul li.title img {
		width: 95%;
		margin-bottom: 25px;
	}



	/*2017ページ共通*/

	.page100 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.page94 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.page85 {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	.page79 {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	.column2-left {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	.column2-right {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}


	.column2-sort .box {
		width: 100%;
		float: none;
		margin-right: 0%;
	}

	.column3-left {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}


	.column3-right {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}



	.column3-center {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px;
	}



	.column3-sort .box {
		width: 100%;
		float: none;
		margin-right: 0;
	}


	.column4-sort .box {
		width: 100%;
		float: none;
		margin-right: 0%;
	}





	.column2-sort .box,
	.column3-sort .box,
	.column4-sort .box {
		margin-bottom: 30px;
	}



	body.page #page-menu {
		display: none;
	}





	/*一蘭について*/

	.about-submenu ul li {
		width: 20%;
	}

	.page-paper {
		width: 94%;
	}

	.about-top_policy .paper-body h3 img {
		width: 50%;
	}

	.about-top_policy .paper-body ul li {
		font-size: 100%;
	}

	.about-top_box {
		text-align: left;
	}

	.about-top_box br {
		display: none;
	}




	/*会社概要*/

	.about_tab ul li {
		margin: 0 2% 5px 0;
		width: 49%;
	}

	.about_tab ul li:nth-child(2n) {
		margin-right: 0;
	}

	.about_tab ul li a {
		padding: 4px 0 4px 0;
	}

	.about-company_info {
		width: 100%;
	}

	.about-company_info .comapny-date th {
		width: 30%;
	}

	.about-company_info .comapny-date td {
		width: 70%;
	}

	@media screen and (max-width:436px) {

		.about-company_info .comapny-date td,
		.about-company_info .comapny-date th {
			font-size: 90%;
		}
	}

	.about-company_map iframe {
		height: 280px;
	}

	.about-company_sub ul li {
		width: 47%;
		margin: 0 1% 15px 1%;
	}



	/*代表講演*/

	.about-kouen_wrap1.page84,
	.about-kouen_wrap2.page84 {
		width: 100%;
	}

	.about-kouen_table th,
	.about-kouen_table td {
		width: 96%;
		display: block;
	}


	.about-kouen_table th {
		border-bottom: 1px dotted #503211;
	}

	.about-kouen_table td {
		border-bottom: 2px solid #503211;
	}

	.about-kouen_title img {
		width: 80%;
	}



	/*五つの元祖*/

	.ganso-lead {
		text-align: left;
	}

	.ganso-lead br {
		display: none;
	}

	.ganso-text {
		width: 100%;
	}

	.ganso-kaedama {
		margin-bottom: 50px;
		background: none;
		padding: 0 0 0 0%;
	}

	.ganso-kaedama h4 {
		text-align: center;
	}

	.ganso-kaedama h4 img {
		width: 60%;
	}





	/*一蘭の森*/

	body.mori section.mori {
		width: 100%;
	}

	.mori-main {
		height: 200px;
	}






	/*店舗詳細*/


	.shop-data .in,
	.shop-access .in,
	.shop-news .news {
		width: 100%;
	}

	.shop-photo {
		width: 100%;
	}


	.shop-data .in .shop-data_table th {
		width: 96%;
		display: block;
		font-weight: bold;
		border-bottom: none;
		background: #FFDCB9;
	}

	.shop-data .in .shop-data_table td {
		width: 96%;
		display: block;
		border-bottom: none;
		font-size: 90%;
	}

	.shop-news .news {
		width: 94%;
	}

	.shop-access .map-btn {
		width: 100%;
	}


	.shoplist-icon {
		width: 94%;
	}

	.shoplist-icon .left {
		font-size: 80%;
	}


	.shoplist-icon .right img {
		width: 40%;
	}


	.shoplist-data {
		width: 100%;
		float: none;
		height: auto !important;
	}

	.shoplist-data .text p.icon img {
		width: 45%;
	}


	.scroll {
		overflow: auto;
		white-space: nowrap;
		padding-bottom: 5%;
	}

	.scroll::-webkit-scrollbar {
		height: 10px;
	}

	.scroll::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}

	.tableslide-info {
		text-align: center;
	}

	.tableslide-info:before {
		content: url(../img/page/scroll-left.png);
	}

	.tableslide-info:after {
		content: url(../img/page/scroll-right.png);
	}


	.sp-jam h4 {
		padding: 10px;
		display: block;
		font-weight: bold;
		border-bottom: none;
		background: #FFDCB9;
		margin-bottom: 10px;
	}


	.shop-news .news h4 {
		text-align: left;
		font-size: 120%;
	}

	.shop-news .news p.date {
		text-align: right;
	}


	.shop-access .map iframe {
		width: 100%;
		height: 250px;
	}


	.shop-access .shop-data_table th {
		display: none;
	}


	.shop-navi ul li {
		width: 100%;
		text-align: center;
	}

	.shop-navi ul li img {
		width: 70%;
		margin-bottom: 15px;
	}

	.shop-info {
		text-align: left;
	}

	.shop-info h3 {
		font-size: 120%;
	}

	.shop-info .text {
		font-size: 100%;
	}




	/*店舗一覧*/


	.map-btn ul li {
		width: 100%;
		text-align: center;
	}

	.map-btn ul li img {
		width: 70%;
		margin-bottom: 15px;
	}

	.shoplist-data .text {
		font-size: 90%;
	}










































	/*page*/


	.company-navi h4 {
		font-size: 100%;
	}

	.company-navi a {
		padding: 40px 0 40px 0;
	}


	.company-greeting h4 {
		text-align: center;
	}

	.company-greeting {
		text-align: left;
	}

	.company-greeting p.name {
		text-align: right;
	}


	.company-history th.year {
		width: 18%;
		font-size: 75%;
	}

	.company-history th.month {
		width: 13%;
		font-size: 75%;
	}


	.company-index_contents .box h4 {
		font-size: 155%;

	}

	.company-index_contents p {
		text-align: left;
	}

	.company-index_contents p br {
		display: none;
	}



	.menulist-block.ramen {
		background: url(../img/page/menulist-list01.png) no-repeat center top;
		background-size: 90%;
		padding: 130px 0 0px 0;
	}

	.menulist-block .text {
		width: 90%;
		margin: 150px auto 0 auto;
	}

	.menulist-block.ramen .text,
	.menulist-block.sidemenu .text {
		float: none;
	}

	.menulist-block .text p br {
		display: none;
	}

	.menulist-block .text .btn,
	.menulist-block .next {
		width: 60%;
	}

	.menulist-block .btn a,
	.menulist-block .next a {
		padding: 10px 0 10px 0;
	}

	.menulist-block.topping,
	.menulist-block.sidemenu {
		padding: 0px 0 55px 0;
	}

	.topping-window .box,
	.sidemenu-window .box {
		width: 47%;
	}

	.topping-window .box:nth-child(3n),
	.sidemenu-window .box:nth-child(3n) {
		margin-right: 5%;
	}

	.topping-window .box:nth-child(2n),
	.sidemenu-window .box:nth-child(2n) {
		margin-right: 0%;
	}



	#page-maintitle.shop-entry h2 {
		font-size: 200%;
	}

	#page-maintitle.shop-entry p {
		font-size: 130%;
	}

	#page-maintitle.shop-entry .info {
		width: 75%;
	}


	ul.bxslider02 li {
		width: 32%;
		margin-bottom: 5px;
	}





	.news-table th {
		padding: 2% 2% 2% 6%;
		background: url(../img/page/page-point_right.png) no-repeat left 11px;
	}

	.news-table td span {
		display: block;
	}

	.news-table td span {
		margin-right: 0px;
		padding: 0px 0px 0px 0px;
		margin-bottom: 5px;
		font-size: 90%;
	}




	.shop-access .map-btn span {
		display: none;
	}


	.thanks .logo img {
		width: 55%;
	}


	.contact-wrap {
		width: 100%;
	}

	.contact-wrap .left,
	.contact-wrap .right {
		float: none;
		width: 100%;
	}



	.cornter-title h3.title {
		font-size: 180%;
	}

	.cornter-title p.eng {
		font-size: 85%;
	}


	.contact-page .btnlink {
		width: 100%;
	}


	.contact-page h4,
	.thanks h4,
	.privacy-wrap h4 {
		font-size: 135%;
		background-size: 70%;
	}



	.contact-table table th {
		width: 90%;
		display: block;
		padding: 2% 2% 2% 5%;
		border-bottom: 1px dotted #666;
		background: url(../img/page/page-point_right.png) no-repeat left center;
	}

	.contact-table table td {
		width: 92%;
		display: block;
	}


	.contact-table button {
		width: 80%;
		padding: 25px 0 25px 0;
	}


	.page-sns a.sp {
		display: inline-block;
	}

	#page-sns ul li.sp {
		display: inline-block;
	}





}




/*→スマートフォンiPhone5以前限定*/
/*320×1*/
@media only screen and (min-width: 1px) and (max-width: 320px) {}