@import url("monitor.css");


Fbackground-color: rgba(0,0,0,0.5);@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
}

body {
	position: relative;
	/* padding-bottom:83px; */
	height: auto !important;
	height: 100%;
	min-height: 100%;
	color: #333333;
	font-size: 14px;
	font-size: 13px\9;
 /* ie8 */
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
	line-height: 1.8em;
	/font-size: 13px;
 /* ie6_7 */
}

.if_formz{
	height: 1400px;
	width: 100%; 
	border: 0;
}


@media (max-width: 480px) {
.if_formz{
	height:1950px;
	width: 100%; 
	border: 0;
}
	
}

.tosier {
    font-size: 11px;
    color: #d80c18;
    margin-left: 5px;
    font-family: monospace;
}

.tosier_in{
	color: #d80c18;
	
}

.sogyo48back {
	background-color: #B31526;
	background-image: url(../images/lp/sogyo_back.png);
}

.sogyoh1 {
	width: 100%!important;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif !important;
	line-height: 150%;
}

.sympathy_area {
	padding: 25px 0;
	width: 100%;
	background: #000066;
	text-align: center;
}

/*.ev50th_area {
	padding: 25px 0 0 0;
	width: 100%;
	background: #ab8f67;
	text-align: center;
}*/

.instagram{
position:fixed;
top:15%;
right:2%;
z-index:3000;
}

.instagram img{
	width:200px;
    height:200px;
}

.ev50th_area {
	padding: 25px 0 0 0;
	width: 100%;
	background: #000000;
	text-align: center;
}

.contest_b{
	padding: 25px 0 ;
}

.sympathy_area img,
.ev50th_area img {
	/*width: 40%;*/
}

.ev_area {
	padding: 25px 0;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f3f3f+0,000000+100 */
	background: #ab8f67;
 /* Old browsers */
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab8f67', endColorstr='#000000',GradientType=1 );
 /* IE6-9 fallback on horizontal gradient */
}

.ev_area a {
	margin-right: 1%;
}

.ev_area img {
	width: 19.4%;
	/*box-shadow: 2px 2px 2px rgba(0,0,0,0.8); */
}

.ev_area a:nth-of-type(2) {
	margin: 0px;
}

.video_area {
	padding: 30px 0;/*2段時は60px 0*/
	width:100%;
	text-align: center;
	background: -webkit-gradient(radial, 50% 52%, 0, 50% 52%, 120, color-stop(0.77, #080808), color-stop(0.00, #292828));
	background: -webkit-radial-gradient(50% 52%, circle, #292828 0%, #080808 77%);
	background: -moz-radial-gradient(50% 52%, circle, #292828 0%, #080808 77%);
	background: -o-radial-gradient(50% 52%, circle, #292828 0%, #080808 77%);
	background: -ms-radial-gradient(50% 52%, circle, #292828 0%, #080808 77%);
	background: radial-gradient(50% 52%, circle, #292828 0%, #080808 77%);
}

.video_title {
	font-size:55px;/*2段時は40px*/
	color:#FFF;
	letter-spacing: 0.1em;
	line-height: 1em;
	margin-bottom:15px;
}

@media (max-width: 480px) {

	.sogyoh1 {
		width: 100%!important;
		text-align: center;
		font-size: 3.8vw;
		line-height: 150%;
	}

	.ev50th_area img {
		width: 90%;
	}
	
	.ev50th_area {
		padding: 15px 0;
		border-bottom:1px dashed #fff;
	}
	
		.ev50th_area .pan{
		margin-bottom:20px;
	}

	.ev_area {
		box-sizing: border-box;
		padding: 10px 0;
		border-top: 1px dashed #fff;
	}

	.ev_area a {
		margin-right: 0;
	}
	
	.ev_area img {
		box-sizing: border-box;
		margin: 5px 0;
		margin-right: 0px;
		width: 90%;
		/*box-shadow: 2px 2px 2px rgba(0,0,0,0.8); */
	}
	
	.video_area {
		padding: 30px 0 30px 0;
		width:100%;
		text-align: center;
		background: #000;
	}
	
	.video_title {
		font-size:20px;
		margin-bottom:5px;
	}
	.instagram{
        top:80%;
        right:5%;
}

.instagram img{
	width:90px;
    height:90px;
}
}

.tx_und {
	text-decoration: underline!important;
}

.evph_w {
	max-width: 400px;
	max-height: 350px;
}

.eve_table_box {
	margin-top: 30px;
	padding: 20px;
	background: #FAF0E6;
}

.t_event_table {
	padding: 20px;
	width: 100%;
	border: 2px solid #FAF0E6;
	border-collapse: collapse;
	background: #F0F0F0;
	text-align: left;
}

.t_event_table td,.t_event_table th {
	padding: 20px;
	border: solid 1px #FAF0E6;
	background: #FFF;
	vertical-align: top;
}

.t_event_table th {
	width: 200px;
}

.t_event_table td {
}

.te_appeal {
	margin: 20px 0;
	padding: 15px;
	border: double #d80c18;
	text-align: left;
}

.app_pc {
	max-height: none!important;
}

.gmap_shop {
	position: relative;
	z-index: 9999;
	margin: 0 auto;
	padding: 5px 10px;
	width: 500px;
	border: solid 1px;
	text-align: center;
}

.bt_are {
	min-height: 35px;
}

.hanbai a {
	background: none !important;
}

.seizou a {
	background: none !important;
}

.baito a {
	display: inline-block !important;
	margin: 5px 0 0 0;
	padding: 10px 0 !important;
	color: #666;
	font-size: 14px;
	;
	text-decoration: underline;
}

.baito {
	display: inline !important;
}

.recipe_toptt {
	position: relative;
	top: -25px;
	left: 120px;
	width: 60%;
}

.reci_picjeh {
	position: absolute;
	right: 10%;
}

.btn_re_area {
	position: absolute;
	top: 88px;
	right: 52%;
    /* left: 0%; */
	margin: auto;
	margin: auto;
	width: 260px;
}

.baito_list li {
	display: inline-block !important;
	font-size: 12px !important;
}

.baito_list li a {
	padding: 20px 20px 10px 5px;
	background: none;
}

.map_area_iframe {
	width: 525px;
	height: 350px;
}

.new_eve {
	color: #000;
	font-weight: bold;
	font-size: 36px;
}

.new_eve img{
	margin:0 0 20px -30px;
}

.new_date {
	display: block;
	padding: 0 0 15px 3px;
	font-weight: normal;
	font-size: 18px;
}

.long{
	line-height:1.5;
}

.pore {
	position: relative;
}

.top_sympathy {
	position: absolute;
	top: 75%;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	margin: auto;
	width: 750px;
}

.shop_kumamoto {
	margin: 0 auto;
	padding: 15px;
	width: 650px;
	border: solid 1px #ececec;
}

.shinsai {
	padding: 5px 5px 5px 10px;
	border: solid 1px #D80C18;
}

@media (max-width: 479px) {
	.top_sympathy {
		position: static;
		top: 0;
		margin: 0 auto;
		width: 100%;
	}

	.shop_kumamoto {
		box-sizing: border-box;
		margin: 130px auto 0 auto;
		padding: 15px;
		width: 90%;
		border: solid 1px #ececec;
	}
}

@media (min-width: 480px) {
	body {
		min-width: 1366px;
	}
}

@media (max-width: 479px) {
	body {
		padding-bottom: 0px;
	}

	body.top_sp_area {
		/* padding-bottom:200px; */
	}
}

.font {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif !important;
}

/* __ ipad用 __ */
@media screen and (max-device-width: 1024px) {


	#selector {
		property: value;
	}
}

/* __ ie6用 __ */
* html #selector {
	property: value;
}

/* __ ie7用 __ */
*+html #selector {
	property: value;
}

/* __ ie6_7用 __ */
#selector {
	/property: value;
}

/* __ ie8用 __ */
#selector {
	property: value\9;
}

/* __ Firefox用 __ */
#selector, x:-moz-any-link {
	property: value;
}


/*____________________ RESPONSIVE ____________________*/

/*--------------------------------
column
--------------------------------*/
.column2 li {
	margin-right: 60px;
}

.column2 {
	margin-right: -60px;
}

.column2 .ph img {
	max-width: 100%;
}

@media (min-width: 480px) {
	.column2 li {
		float: left;
	}

	.wd2 {
		width: 440px;
	}
}

@media (max-width: 479px) {
	.column2 {
		margin-right: 0;
	}

	.column2 li {
		margin-right: 0;
		text-align: left;
	}
}

@media (min-width: 480px) {
	.CONTENTS {
		margin: 0 auto 0 auto;
		padding: 100px 0 200px 0;
		width: 980px;
	}
}

@media (max-width: 479px) {
	.CONTENTS {
		padding-bottom: 65px;
	}
}

/*____________________ HEADER ____________________*/

/*____________________ TOP ここから ____________________*/

.new {
	background: #D80C18;
	text-align: center;
}

.news_tit .left {
	float: left;
}

.news_tit .right {
	float: right;
}

.online {
	background: #fff;
	text-align: center;
}

.reciarea {
	padding: 40px 0 70px 0!important;
	background: #AC8F67!important;
}

.reciarea .left {
	text-align: center;
}

.item_area {
	background: #000;
}

.item_area .left {
	text-align: center;
}

.search,
.passion {
	text-align: center;
}

.group {
	background: url(../images/group_bg.jpg) no-repeat top center;
}

.group_ph {
	padding-right: 25px;
	width: 248px;
}

.facebook_ph {
	padding-right: 53px;
	width: 257px;
}

.shop_ph {
	width: 327px;
}

.shop_txt {
	width: 222px;
}

.search_ph {
	width: 387px;
}

.search_txt {
	width: 129px;
}

.facebook {
	float: right;
	min-height: 152px;
	background: url(/images/main_slide19.jpg) center;
	/* background-color:rgba(0,0,0,0.5); */
}

.group h1,
.facebook h1 {
	float: left;
}

.facebook p {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
}

a.none {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	white-space: nowrap;
}

.sp_area li {
	position: relative;
}

.sp_area p.main_slid03,
.sp_area p.main_slid05,
.sp_area p.main_slid07,
.sp_area p.main_slid09,
.sp_area p.main_slid11,
.sp_area p.main_slid13,
.sp_area p.main_slid15 {
	position: absolute;
	margin: auto;
}

.sp_area p.main_slid15 {
	top: 115px;
	right: 20px;
	width: 200px;
}

.sp_area p.main_slid13 {
	top: 25px;
	left: 10px;
	width: 200px;
}

.sp_area p.main_slid11 {
	top: 40px;
	right: 10px;
	width: 200px;
}

.sp_area p.main_slid09 {
	top: 40px;
	right: 10px;
	width: 210px;
}

.sp_area p.main_slid07 {
	top: 30px;
	right: 10px;
	width: 195px;
}

.sp_area p.main_slid05 {
	top: 25px;
	right: 0%;
	left: 0%;
	width: 240px;
}

.sp_area p.main_slid03 {
	top: 65px;
	left: 5px;
	width: 180px;
}

.border_l {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 284px;
}

@media (max-width: 479px) {
	.mt3PA {
		margin-top: 6% !important;
	}

	.news_area {
		padding: 50px 35px 50px 35px;
		background: #EEE;
	}

	.bx-viewport {
		left: 0;
		width: 100%!important;
		border: none;
		box-shadow: none;
	}

	#slider li {
		height: 100vh;
		background: center / contain no-repeat;
	}

	.search > h1 {
		padding-top: 240px;
	}

	.passion > h1 {
		padding-top: 230px;
	}

	.search {
		position: relative;
		min-height: 380px;
		background: #fff url(../images/search_bg.jpg) no-repeat top center;
		background-size: 175%;
	}

	.search_sp {
		position: absolute;
		right: 0%;
		bottom: 110px;
		left: 0%;
		margin: auto;
		width: 80%;
	}

	.width_img {
		margin: 0 auto;
		width: 220px !important;
	}

	.passion {
		position: relative;
		min-height: 440px;
		background: #000 url(../images/passion_bg.jpg) no-repeat center 37px;
		background-size: 180%;
	}

	.passion_sp {
		position: absolute;
		right: 0%;
		bottom: 135px;
		left: 0%;
		margin: auto;
		width: 80%;
	}

	.group {
		background: none;
	}

	.group_sp {
		position: relative;
		padding: 50px 0 50px 40px;
		background: url(../images/group_bg.jpg) no-repeat top center;
		background-size: cover;
	}

	.facebook {
		float: none;
		background: none;
	}

	.facebook_sp {
		padding: 50px 0 50px 40px;
		background: #D80C18;
	}

	.facebook_sp a {
		display: block;
	}

	.group h1,
	.facebook h1 {
		width: 28%;
	}

	.group p {
		float: left;
		padding-left: 29px;
		width: 60%;
	}

	.facebook p {
		float: left;
		padding-left: 29px;
		width: 54%;
	}

	.facebook {
		background-color: rgba(0,0,0,0.5);
	}
}

.new,
.online,
.item_wrap,
.search,
.passion {
	position: relative;
}

@media (min-width: 480px) {

	.search h1 img {
		width: 133px;
	}

	.search h2 img {
		margin-top: 5px;
		width: 400px;
	}

	.passion h1 img {
		width: 224px;
	}

	.passion h2 img {
		width: 334px;
	}

	.slider_pc ul img {
		width: 100%;
	}

	.facebook,
    .group {
		position: relative;
	}

	/*
		お知らせ一覧はこちらの動きを修正しました。
		*/
	a.newslist {
		position: relative;
		display: block;
		overflow: hidden;
		width: 150px;
		height: 40px;
		color: #333;
		text-decoration: none;
	}

	a.newslist::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 1px;
		background-color: #000;
		content: '';
		-webkit-transition: all .3s cubic-bezier(.31,.6,.75,1);
		transition: all .3s cubic-bezier(.31,.6,.75,1);
	}

	a.newslist img {
		-webkit-transition: all .3s cubic-bezier(.31,.6,.75,1);
		transition: all .3s cubic-bezier(.31,.6,.75,1);
	}

	a.newslist img {
		position: absolute;
		top: 0;
		right: 0;
	}

	a.newslist:hover {
	}

	a.newslist:hover img {
		right: -63px;
	}

	a.newslist:hover::after {
		width: 100%;
	}

		/*修正ここまで*/

	.btn {
		position: relative;
		overflow: hidden;
		margin-right: auto !important;
		margin-left: auto !important;
		width: 238px;
	}

	.btn_arrow {
		position: absolute;
		top: 0%;
		right: -47px;
		bottom: 0%;
		margin: auto;
	}

	.news_area {
		background: #fff;
	}

	.titph {
		margin: 30px auto 0 auto;
		width: 73%;
	}

	.titph img {
		width: 100%;
	}

	.new,
	.online {
		padding: 60px 0;
		min-height: 460px;
	}

	.online h1 {
		margin: 0 auto;
		width: 158px;
	}

	.new h1 {
		margin: 0 auto;
		width: 115px;
	}

	.news_ph {
		width: 370px;
	}

	.online h1 img,
	.new h1 img {
		width: 100%;
	}

	.new {
		float: left;
		width: 50%;
	}

	.online {
		float: right;
		width: 50%;
	}

	#CONTS {
		position: absolute;
		z-index: 999;
		width: 100%;
		min-width: 1100px;
		background-color: rgba(0,0,0,0);
	}

	.news_contents {
		margin: 0 auto;
		padding-left: 210px;
		width: 890px;
		min-height: 152px;
		background: url(../images/news_bg.png) no-repeat top left;
	}
	/* .scrEvent {
		display: none; */

	/*
	Scroll時に読み込む動作を修正
	cubic-bezierを修正
	*/

	.scrEvent {
		position: relative;
		margin: 0 13px;
		opacity: 0;
		-webkit-transition: -webkit-transform .5s cubic-bezier(.77,0,.175,1),opacity .5s cubic-bezier(.88,.73,1,.86);
		transition: transform .5s cubic-bezier(.77,0,.175,1),opacity .5s cubic-bezier(.88,.73,1,.86);
		-webkit-transform: translateY(50px);
		transform: translatYX(50px);
		z: 13px;
		-ms-transform: translateY(50px);
	}
	/*ここまで*/

	.cont_slide {
		opacity: 1;
		-webkit-transition: all .5s cubic-bezier(.49,.99,.9,1);
		transition: all .5s cubic-bezier(.49,.99,.9,1);
		-webkit-transform: translateY(0px);
		transform: translatYX(0px);
		-ms-transform: translateY(0px);
	}

	.news_area {
		background: #fff;
		padding: 70px 0;
	}

	.news_area .day {
		float: left;
		width: 110px;
	}

	.news_area .txt {
		float: left;
		width: 760px;
	}

	.item_area h1 img {
		width: 60%;
	}

	.item_area {
		padding: 60px 0 50px 0;
	}

	.item_area > div {
		margin: 0 auto;
		width: 1200px;
	}

	.item_area h1 img {
		width: 60%;
	}

	.item_area .right {
		float: right;
	}

	.item_area .left {
		float: left;
		padding: 100px 0 0 60px;
	}

	.passion,
	.search {
		width: 50%;
	}

	.search {
		float: left;
		padding: 360px 0 80px 0;
		height: 160px;
		background: #fff url(../images/search_bg.jpg) no-repeat top center;
	}

	.passion {
		float: right;
		padding: 317px 0 90px 0;
		height: 193px;
		background: #000 url(../images/passion_bg.jpg) no-repeat center 30px;
	}

	.group_facebook {
		background: #fff;
	}

	.facebook {
		padding: 16px 0;
		width: 50%;
		min-height: 380px;
		text-align: center;
	}

	.group {
		padding: 70px 0;
		height: 272px;
		text-align: center;
	}

	.group > div >p,
	.facebook > div > p {
		padding: 40px 35px 0 0;
	}

	.group > div {
		position: relative;
		top: 100px;
		margin: 0 auto;
		width: 495px;
	}

	.facebook > div {
		margin: 0 auto;
		width: 525px;
	}

	.group {
		background-size: cover;
	}

	.facebook {
		float: right;
	}

	.group p,
	.facebook p {
		float: right;
	}

	.facebook,
	.group {
		border: none;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		verticle-align: top;
	}

	.group:hover {
		opacity: 0.8;
		opacity: 0.8;
		/* For IE 5-7 */
		filter: alpha(opacity=80);
		filter: Alpha("opacity=70");
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

	.group_sp {
		float: left;
		width: 50%;
	}
}

/* --- スクロールデザイン--- */
/* --- chrome --- */
#hideMenu::-webkit-scrollbar {
	overflow: hidden;
	width: 5px;
	background: #eee;
}

/* .topicsPageNavIn::-webkit-scrollbar,
.pageNavIn::-webkit-scrollbar{
    overflow:hidden; */

/* width:17px; */

/* background:#eee; */

#hideMenu::-webkit-scrollbar-button {
	width: 5px;
	height: 5px;
	background: #900;
}

#hideMenu::-webkit-scrollbar-thumb {
	background: #900;
}

/* --- IE--- */
#hideMenu {
	scrollbar-face-color: #900;
	scrollbar-track-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-shadow-color: #900;
	scrollbar-darkshadow-color: #404040;
	scrollbar-arrow-color: #900;
}

/* --- スクロールデザイン ここまで --- */

.navi_area_box {
	float: right;
	width: 90%;
}

.navi_area_box {
	line-height: 35px;
}

.sp_top_navi {
	padding: 22px 0;
	background: #000;
}

.sp_top_navi_area {
	width: 100%;
	text-align: center;
	font-size: 13px;
}

.sp_list01 img {
	width: 25px;
}

.sp_list02 img {
	width: 24px;
}

.sp_list03 img {
	width: 30px;
}

.sp_list04 img {
	width: 14px;
}

.sp_top_navi_area a {
	color: #fff;
}

ul.sp_top_navi_area li.sp_top_navi_list a:hover {
	color: #fff;
	text-decoration: none !important;
	opacity: 0.7;
	filter: alpha(opacity=70);
        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";
  /* ie 8 */
	-moz-opacity: 0.7;
                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
              /* Safari 1.x */
}

.sp_top_navi li {
	position: relative;
	float: left;
	margin: 0 auto;
	padding: 5px 0;
	width: 24.75%;
	height: 50px;
	border-right: 1px solid #666;
}

.sp_top_navi li.last {
	border-right: none;
}

.sp_top_navi li a {
	display: block;
	width: 100%;
}

.sp_top_navi_area {
	text-align: center;
}

@media (min-width: 480px) {
	.hide_menu_area {
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
		margin: auto;
		width: 100%;
		height: 300px;
	}
}

@media (max-width: 479px) {

	.hide_menu_area {
		height: 100%;
	}
}

@media (max-width: 479px) {

	.news_contents .txt {
		font-size: 95%;
		line-height: 1.8em;
	}

	.news_contents .day {
		font-size: 95%;
	}

	.sp_top_navi_list a {
		position: absolute;
		right: 0%;
		bottom: 0%;
		left: 0%;
		margin: auto;
	}

	.navi_area {
		padding-right: 0px;
	}

	#slider_sp {
		margin-top: 65px;
	}

	.sp_list01 {
		background: url("/images/navi_list04.png") no-repeat 47% 5%;
		background-size: 33%;
	}

	.sp_list02 {
		background: url("/images/navi_list03.png") no-repeat 52% 3%;
		background-size: 30%;
	}

	.sp_list03 {
		background: url("/images/navi_list02.png") no-repeat 55% -5%;
		background-size: 44%;
	}

	.sp_list04 {
		background: url("/images/navi_list01.png") no-repeat 56% 4%;
		background-size: 19%;
	}
}

/*____________________ TOP ここまで ____________________*/

/*____________________ NEWS ここから ____________________*/

@media (min-width: 480px) {
	#NEWS_TEXT h1 {
		padding: 80px 0 10px 0;
	}

	#NEWS_TEXT .txt {
		float: left;
		width: 450px;
	}

	#NEWS_TEXT .txt h1.tit,
	#NEWS_TEXT .txt_ec h1.tit {
		font-size: 30px;
		line-height: 1.6em;
	}

	#NEWS_TEXT .txt h1.tit {
		line-height: 42px;
	}

	#NEWS_TEXT .txt_ec h1.tit {
		line-height: 50px;
	}

	#NEWS_TEXT .txt p {
		line-height: 2.3em;
	}

	#NEWS_TEXT .ph {
		float: right;
		width: 450px;
	}

	#NEWS_TEXT .ph img {
		width: 55%;
	}
}

@media (max-width: 479px) {
	#NEWS_TEXT {
		padding-top: 140px;
		/* padding-right:75px; */
		padding-bottom: 50px;
	}

	#NEWS_TEXT h1.tit {
		font-size: 23px;
		line-height: 1.6em;
	}

	#NEWS_TEXT .txt p {
		font-size: 13px;
	}
}
/*____________________ NEWS ここまで ____________________*/

/*____________________ NAVI ここから ____________________*/

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	height: 0;
}

@media (min-width: 480px) {
	#top-head {
		position: relative;
	}

	#top-head.fixed {
		width: 140px;
	}

	/*ロゴの動き修正ここから */

	#top-head.img_ac img {
		width: auto;
		width: 100px;
		height: auto;
		height: 100px;
		-webkit-transition: scale(0.5);
		-webkit-transition: all 0.5s cubic-bezier(.5,0,.5,1);
		transition: width scale(0.5);
		transition: all 0.5s cubic-bezier(.5,0,.5,1);
	}

	#top-head img {
		width: 250px;
		height: 250px;
		-webkit-transition: scale(0.5);
		-webkit-transition: all .5s cubic-bezier(0,0,.1,1);
		transition: width scale(0.5);
		transition: all .5s cubic-bezier(0,0,.1,1);
	}

	/*ここまで*/


	.embed-container, .fb_iframe_widget span, .h_nav-outer, .loader_img, .loader_img-outer, .nav_btn, .nav_items, .search, .side_mask, .side_right, .sns-expand {
		overflow: hidden;
	}

	.link_ac .navi_area {
		overflow: hidden;
		background-color: rgba(0, 0, 0, 0);
		-webkit-transition: -webkit-transform .3s cubic-bezier(.37,.42,1,.77) .6s,background .4s cubic-bezier(.37,.42,1,.77) .2s;
		transition: transform .3s cubic-bezier(.37,.42,1,.77) .6s,background .4s cubic-bezier(.37,.42,1,.77) .2s;
		-webkit-transform: translateX(90%);
		transform: translate(90%);
	}

	.link_ac .navi_area_box {
		background-color: rgba(0, 0, 0, 0);
	}

	.logo {
		position: relative;
	}

	.navi_area_box {
		position: absolute;
		top: 0px;
		left: 0px;
	}
}

.h_logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	z-index: 1;
	display: block;
	width: 250px;
	height: 250px;
	text-align: left;
	line-height: 1;
}

.img_ac .h_logo {
	width: 100px;
	height: 100px;
}

.h_logo_ttl02 {
	top: 50%;
	left: 100px;
	margin-top: -6px;
	width: 96px;
	height: 12px;
	background: url(../images/common/h_logo_ttl.png) no-repeat;
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(Opacity=0);
}

.h_btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2050;
	width: 80px;
	height: 80px;
	background-color: #21B7B6;
	/* opacity: 0; */
	-webkit-transition: .3s cubic-bezier(.77,0,.175,1) .25s;
	transition: .3s cubic-bezier(.77,0,.175,1) .25s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-ms-transform: translateY(-100%);
}

.navi_area_box {
	display: block;
	width: 100%;
	height: 100px;
	background-color: rgba(0,0,0,0.2);
	line-height: 100px;
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
	-ms-transform-origin: 100%;
}

.navi_area {
	padding-right: 100px;
	text-align: right;
}

/*cubic-bezierとtranslateを修正*/

.h_link {
	position: relative;
	display: inline-block;
	margin: 0 13px;
	color: #fff;
	font-size: 13px;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.52,.85,.75,.97),opacity .4s cubic-bezier(.52,.85,.75,.97);
	transition: transform .4s cubic-bezier(.52,.85,.75,.97),opacity .4s cubic-bezier(.52,.85,.75,.97);
}

.link_ac .h_link {
	opacity: 0;
	cursor: default;
	-webkit-transition: all .4s cubic-bezier(.52,.85,.75,.97);
	transition: all .4s cubic-bezier(.52,.85,.75,.97);
	filter: alpha(opacity=000);
}

div.hide_menu {
	position: relative;
	top: 0px;
	left: 0;
	z-index: 1;
	overflow: hidden;
	/* padding:150px 0 0 ; */
	width: 100%;
	height: 100%;
	/* min-width: 1200px; */
	background-color: #D80C18;
	color: #FFF;
	opacity: 0;
	display: none;
}

ul#g-menu02 {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
}

ul#g-menu02 li#head_menu-btn {
	position: relative;
	z-index: 100;
	padding: 25px;
	width: 50px;
	height: 50px;
	background-color: #000;
	list-style: none;
	cursor: pointer;
}

ul#g-menu02 li#head_menu-btn span#menu_line01 {
	top: 28px;
	z-index: 4;
}

ul#g-menu02 li#head_menu-btn span#menu_line02 {
	top: 41px;
	z-index: 3;
}

ul#g-menu02 li#head_menu-btn span#menu_line03 {
	top: 54px;
	z-index: 2;
}

ul#g-menu02 li#head_menu-btn span#menu_obj {
	top: 68px;
	z-index: 1;
}

ul#g-menu02 li#head_menu-btn span#menu_obj_w {
	top: 68px;
	z-index: 1;
	opacity: 0;
}

ul#g-menu02 li#head_menu-btn span#menu_obj_close {
	top: 38px;
	z-index: 1;
}

ul#g-menu02 li#head_menu-btn span#menu_line01,  ul#g-menu02 li#head_menu-btn span#menu_line02,  ul#g-menu02 li#head_menu-btn span#menu_line03 {
	display: block;
	margin-bottom: 7px;
	width: 39px;
	height: 3px;
	background-color: #d80c18;
}

ul#g-menu02 li#head_menu-btn span {
	position: absolute;
	left: 31px;
}

ul#g-menu02 li#head_menu-btn span#menu_obj_close img,
ul#g-menu02 li#head_menu-btn span#menu_obj img,
ul#g-menu02 li#head_menu-btn span#menu_obj_w img {
	width: 39px;
}

.hide_menu {
	top: 0px !important;
}

#menu_obj_close {
	opacity: 0;
}

.h_link {
	z-index: 999;
	color: #fff;
}

div#naviArea a:hover {
	text-decoration: none !important;
}

.h_link:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";
  /* ie 8 */
	-moz-opacity: 0.7;
                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
              /* Safari 1.x */
}

.h_link01 {
	padding-left: 20px;
	background: url(../images/navi_list01.png) no-repeat 0 48.5%;
	background-size: 15px;
}

.h_link02 {
	padding-left: 43px;
	background: url(../images/navi_list02_pc.png) no-repeat 0 45%;
	background-size: 35px;
}

.h_link03 {
	padding-left: 35px;
	background: url(../images/navi_list03.png) no-repeat center left;
	background-size: 25px;
}

.h_link04 {
	padding-left: 35px;
	background: url(../images/navi_list04.png) no-repeat 0 49%;
	background-size: 26px;
}

.h_link05 {
	margin-right: 45px;
	padding-left: 35px;
	background: url(../images/navi_list05.png) no-repeat 0 48%;
}

.h_link06 {
	margin-top: 7px;
	margin-right: 30px;
 /*FBとメニューボタンの間隔を調整*/
	width: 29px;
	vertical-align: middle !important;
}

.h_link06 img {
	position: absolute;
	top: -15px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.h_link06_ig {
	margin-top: 7px;
	margin-right: -5px;
	/*margin-right: 30px;*/
 /*FBとメニューボタンの間隔を調整*/
	width: 29px;
	vertical-align: middle !important;
}

.h_link06_ig img {
	position: absolute;
	top: -15px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

@media (max-width: 479px) {
	.h_nav {
		width: 100%;
		height: 50px;
	}

	.h_nav img {
		width: 50%;
	}

	.h_nav .navi_area {
		padding-right: 0;
		height: 50px;
	}

	ul#g-menu02 li#head_menu-btn {
		position: relative;
		z-index: 100;
		padding: 12px;
		width: 41px;
		height: 41px;
		background-color: #000;
		list-style: none;
		cursor: pointer;
	}

	ul#g-menu02 li#head_menu-btn span#menu_line01 {
		top: 16px;
		z-index: 4;
	}

	ul#g-menu02 li#head_menu-btn span#menu_line02 {
		top: 25px;
		z-index: 3;
	}

	ul#g-menu02 li#head_menu-btn span#menu_line03 {
		top: 34px;
		z-index: 2;
	}

	ul#g-menu02 li#head_menu-btn span#menu_obj {
		top: 44px;
		z-index: 1;
	}

	ul#g-menu02 li#head_menu-btn span#menu_obj_close {
		top: 19px;
		z-index: 1;
	}

	ul#g-menu02 li#head_menu-btn span {
		position: absolute;
		left: 18px;
	}

	ul#g-menu02 li#head_menu-btn span#menu_line01,  ul#g-menu02 li#head_menu-btn span#menu_line02,  ul#g-menu02 li#head_menu-btn span#menu_line03 {
		display: block;
		margin-bottom: 7px;
		width: 30px;
		height: 2px;
		background-color: #d80c18;
	}

	ul#g-menu02 img {
		width: 68% !important;
	}

	.navi_00 img {
		width: 44px !important;
	}

	.navi_01 img {
		width: 151px !important;
	}

	.navi_02 img {
		width: 70px !important;
	}

	.navi_03 img {
		width: 70px !important;
	}

	.navi_04 img {
		width: 72px !important;
	}

	.navi_05 img {
		width: 66px !important;
	}

	.navi_06 img {
		width: 68px !important;
	}

	.navi_07 img {
		width: 157px !important;
	}

	.navi_08 img {
		width: 68px !important;
	}

	.navi_09 img {
		width: 158px !important;
	}

	.navi_10 img {
		width: 126px !important;
	}

	.navi_11 img {
		width: 159px !important;
	}
	
	.navi_12 img {
		width: 170px !important;
	}

	.navi_reci img {
		width: 115px !important;
	}
}

/*-------------
head_navi
---------------*/

.hide_menu_inner {
	display: block;
}

.navi_tit_area {
	margin: 0 auto;
	width: 90%;
	text-align: center;
	opacity: 0;
/*ア二メーションのために追記*/
}

.navi_list_box {
	margin: 50px auto 0;
	/* padding:0 17px 17px; */
	width: 100%;
}

.navi_list_box_in {
	padding-bottom: 10px;
	width: 100%;
}

.navi_list_area {
	margin: 0 auto;
	width: 1060px;
}

.hide_menu_inner {
	opacity: 0;
/*ア二ンメーションのために追記*/
}

.hide_menu_inner .hide_menu_block {
	float: left;
	/* width:23.5%; */
	min-width: 250px;
	background: url("/images/navi_icon_next.png") no-repeat center right;
}

.hide_menu_inner .last {
	margin-right: 0px;
}

.hide_menu_inner .icon {
	background: url("/images/navi_icon_link.png") no-repeat center right;
}

.hide_menu_inner .last02 {
	margin-right: 0px;
}

/*修正ここから*/

.hide_menu_inner .hide_menu_block a {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 25px 0 25px 40px;
	height: 75px;
	min-width: 250px;
}

.hide_menu_block {
	overflow: hidden;
	margin-right: 20px;
	width: 20%;
}

.hide_menu_block a {
	border-bottom: 1px solid #fff;
	-webkit-transition: all .3s cubic-bezier(.31,.6,.75,1);
	transition: all .3s cubic-bezier(.31,.6,.75,1);
}

.hide_menu_block a::after {
	position: absolute;
	right: 0;
	bottom: -1px;
	width: 0;
	height: 1px;
	background-color: #EC868C;
	content: "";
	-webkit-transition: all .3s cubic-bezier(.31,.6,.75,1);
	transition: all .3s cubic-bezier(.31,.6,.75,1);
}

@media (min-width: 480px) {
	.hide_menu_block a:hover {
		margin-left: -40px;
	}

	.hide_menu_block a:hover::after {
		width: 100%;
	}
}

.hide_menu_block img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 45px;
	margin: auto;
}

/*修正ここまで*/

@media (min-width: 480px) {
	.navi_00 img {
		width: 46px;
	}

	.navi_01 img {
		width: 147px;
	}

	.navi_02 img {
		width: 70px;
	}

	.navi_03 img {
		width: 70px;
	}

	.navi_04 img {
		width: 72px;
	}

	.navi_05 img {
		width: 66px;
	}

	.navi_06 img {
		width: 68px;
	}

	.navi_07 img {
		width: 155px;
	}

	.navi_08 img {
		width: 68px;
	}

	.navi_09 img {
		width: 158px;
	}

	.navi_10 img {
		width: 126px;
	}

	.navi_11 img {
		width: 162px;
	}
	
	.navi_12 img {
		width: 162px;
	}

	.navi_reci img {
		width: 110px;
	}
}

.navi_00 {
	background: url("/images/navi_icon00.png") no-repeat center left;
	background-size: 23px;
}

.navi_01 {
	background: url("/images/navi_icon01.png") no-repeat center left;
	background-size: 14px;
}

.navi_02 {
	background: url("/images/navi_icon02.png") no-repeat center left;
	background-size: 34px;
}

.navi_03 {
	background: url("/images/navi_icon03.png") no-repeat center left;
	background-size: 24px;
}

.navi_04 {
	background: url("/images/navi_icon04.png") no-repeat center left;
	background-size: 25px;
}

.navi_05 {
	background: url("/images/navi_icon05.png") no-repeat center left;
	background-size: 16px;
}

.navi_06 {
	background: url("/images/navi_icon06.png") no-repeat center left;
	background-size: 20px;
}

.navi_07 {
	background: url("/images/navi_icon07.png") no-repeat center left;
	background-size: 22px;
}

.navi_08 {
	background: url("/images/navi_icon08.png") no-repeat center left;
	background-size: 23px;
}

.navi_09 {
	background: url("/images/navi_icon09.png") no-repeat center left;
	background-size: 21px;
}

.navi_10 {
	background: url("/images/navi_icon10.png") no-repeat center left;
	background-size: 20px;
}

.navi_11 {
	background: url("/images/navi_icon11.png") no-repeat center left;
	background-size: 20px;
}

.navi_12 {
	background: url("/images/navi_icon12.png") no-repeat center left;
	background-size: 20px;
}

.navi_13 {
	background: url("/images/navi_icon13.png") no-repeat center left;
	background-size: 30px;
}

.navi_reci {
	background: url("/images/navi_icon_reci.png") no-repeat center left;
	background-size: 20px;
}

@media (max-width: 479px) {
	.hide_menu_block img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50px;
		margin: auto;
	}

	div.hide_menu {
		padding: 45px 0 50px;
		height: 100%;
		/* min-width:377px !important; */
	}

	.navi_tit_area {
		width: 100%;
		min-width: auto;
	}

	.navi_list_area {
		margin: 25px auto 0;
		width: 100%;
	}

	.navi_list_box {
		margin: 0 auto;
		overflow-x: hidden !important;
	}

	.navi_list_scroll {
		overflow-x: hidden;
		overflow-y: scroll;
		/* padding-right:16px; */
		padding-right: 17px\9;
		width: 100%;
		/* height:450px; */
	}

	.navi_list_scroll_sp {
		height: 10%;
	}

	.navi_tit_area img {
		height: 14px;
	}

	.hide_menu_block img,
	.navi_tit_area img {
		width: auto;
	}

	.hide_menu_inner {
		padding: 0 17px;
	}

	.hide_menu_inner .hide_menu_block {
		float: none;
		width: 100%;
	}

	.hide_menu_inner .hide_menu_block a {
		display: block;
		padding: 15px 0 15px 50px;
	}

	.navi_list_box_in {
		padding-bottom: 0;
	}

	.navi_00 {
		background-position: 9px center;
	}

	.navi_01 {
		background-position: 16px center;
	}

	.navi_02 {
		background-position: 5px center;
	}

	.navi_03 {
		background-position: 10px center;
	}

	.navi_04 {
		background-position: 7px center;
	}

	.navi_05 {
		background-position: 12px center;
	}
   
	.navi_06 {
		background-position: 9px center;
	}

	.navi_07,.navi_09 {
		background-position: 8px center;
	}

	.navi_08 {
		background-position: 7px center;
	}

	.navi_10 {
		background-position: 7px center;
	}

	.navi_11 {
		background-position: 7px center;
	}
	
	.navi_12 {
		background-position: 7px center;
	}


	.navi_reci {
		background-position: 7px center;
	}
}

/*-------------
passion
---------------*/

.fb_area {
	position: relative;
	position: absolute;
	top: 18px;
	right: 114px;
	z-index: 2500;
	float: right;
}

.fb_btn_b,
.fb_btn_w {
	position: absolute;
	top: 0;
}

.fb_btn_b img,
.fb_btn_w img {
	/*width: 27px;*/
	width: 29px;
}

.fb_btn_w {
	/* opacity:0; */
}

.ig_btn_w img {
	width: 29px;
	margin-right:5px;
}


/*____________________ NEWS ここまで ____________________*/

/*____________________ 下層 ここから ____________________*/
/*-------------
kasou
---------------*/

.pageNav {
	overflow-x: hidden;
	overflow-y: hidden;
}

.pageNavIn {
	position: fixed;
	top: 100px;
	right: -17px;
	z-index: 1500;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: auto;
	padding-right: 17px;
	width: 100px;
	background: #222;
}

.navi_kasou {
	height: 100px;
	max-height: 100px;
	background-color: #d80c18;
	text-align: center !important;
}

.navi_kasou img.kasou_logo {
	margin-top: 15px;
}

.pageNav .page_nav_list {
	width: 100%;
	border-bottom: 1px solid #222;
}

.pageNav .page_nav_btn {
	position: relative;
	display: block;
	padding: 17px 19px;
	width: 396px;
}

.pageNav .nav_btn_on {
	width: 440px;
	background: #D80C18;
}

.p_navi01,
.p_navi02,
.p_navi03,
.p_navi04,
.p_navi05,
.p_navi06,
.p_navi07,
.p_navi08,
.p_navi09,
.p_navi10,
.p_navi11,
.p_navi12 {
	width: 440px;
}

.pageNav .nav_btn_on a {
	width: 440px;
}

/* .pageNav .page_nav_list	a:hover{
	background: #D80C18; */

.pageNav .page_nav_list	a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.pageNav .img_right {
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 159px;
	z-index: 1500;
	overflow: hidden;
	margin: auto;
}

.right_navi_h3 {
	position: relative;
	width: 430px;
	height: 123px;
	text-align: center;
}

@media (min-width: 480px) {
	#PASSION_CONTS .right_navi_h3 img {
		width: 163px;
	}

	#PASSION_CONTS img.img_right.navi01 {
		width: 154px;
	}

	#PASSION_CONTS img.img_right.navi02 {
		width: 144px;
	}

	#PASSION_CONTS img.img_right.navi03 {
		width: 201px;
	}

	#PASSION_CONTS img.img_right.navi04 {
		width: 148px;
	}

	#PASSION_CONTS img.img_right.navi05 {
		width: 166px;
	}

	#PASSION_CONTS img.img_right.navi06 {
		width: 143px;
	}

	#PASSION_CONTS img.img_right.navi07 {
		width: 158px;
	}

	#PASSION_CONTS img.img_right.navi08 {
		width: 162px;
	}

	#PASSION_CONTS img.img_right.navi09 {
		width: 188px;
	}

	#PASSION_CONTS img.img_right.navi10 {
		width: 131px;
	}

	#PASSION_CONTS img.img_right.navi11 {
		width: 206px;
	}

	#PASSION_CONTS img.img_right.navi12 {
		width: 212px;
	}

	#ITEMS_CONTS .right_navi_h3 img {
		width: 110px;
	}

	#ITEMS_CONTS img.img_right.navi01 {
		width: 113px;
	}

	#ITEMS_CONTS img.img_right.navi02 {
		width: 109px;
	}

	#ITEMS_CONTS img.img_right.navi03 {
		width: 55px;
	}

	#ITEMS_CONTS img.img_right.navi04 {
		width: 80px;
	}

	#ITEMS_CONTS img.img_right.navi05 {
		width: 130px;
	}

	#ITEMS_CONTS img.img_right.navi06 {
		width: 193px;
	}
}

.right_navi_h3 img {
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	margin: auto;
}

@media (max-width: 479px) {

	.pageNav .img_right {
		left: 140px;
		width: 50%;
	}

	.navi_kasou {
		max-height: 65px;
	}

	.navi_kasou img.kasou_logo {
		margin-top: 9px !important;
		margin-left: 15px;
		width: 65%;
	}

	.pageNav {
		position: static;
	}

	.pageNavIn {
		position: static !important;
		overflow: visible;
		width: 100% !important;
		height: auto !important;
	}

	.pageNav .page_nav_btn {
		width: 100%;
	}

	.page_nav_links {
		width: 100%;
	}

	.pageNav .page_nav_list	a img {
		width: 101px;
	}

	.navi_kasou {
		text-align: left !important;
	}

	.right_navi_h3 {
		width: 100%;
	}

	#PASSION_CONTS .right_navi_h3 img {
		width: 50%;
	}

	#ITEMS_CONTS .right_navi_h3 img {
		width: 37%;
	}
}

@media (max-width: 479px) {
	.nav_btn_on,
	.p_navi01,
	.p_navi02,
	.p_navi03,
	.p_navi04,
	.p_navi05,
	.p_navi06,
	.p_navi07,
	.p_navi08,
	.p_navi09,
	.p_navi10,
	.p_navi11,
	.p_navi12 {
		width: 100% !important;
	}
}

/*-------------
passion / items
---------------*/
#ITEMS_MAIN,
#PASSION_MAIN,
.PASSION_MAIN {
	position: relative;
	overflow: hidden;
	margin-top: 100px;
	max-height: 650px;
}

#ITEMS_MAIN .items_main,
#PASSION_MAIN .passion_main,
.PASSION_MAIN .passion_main {
	width: 100%;
	height: 720px;
	object-fit: cover;
}

@media (min-width: 480px) {
	#ITEMS_MAIN,
	#PASSION_MAIN,
	.PASSION_MAIN {
		padding-right: 100px;
	}

	.page_nav_links {
		padding-bottom: 99px;
		width: 200px;
	}

	.PASSION_TEXT_AREA {
		margin: 75px auto 150px;
		width: 980px;
	}

	#PASSION_TEXT_AREA .left_area p,
	#PASSION_TEXT .txt,
	.PASSION_TEXT_AREA .left_area p,
	.PASSION_TEXT .txt {
		line-height: 210%;
	}

	#PASSION_TEXT_AREA {
		margin: 75px auto 0;
		padding-bottom: 125px;
		width: 980px;
	}

	#ESTABLISHMENT,
	#ORIGIN,
	#MOTOMACHI,
	#WORKSHOP,
	#SCRATCH,
	#FIRING,
	#BREED,
	#PRODUCT,
	#HEALTH,
	#TRAINING,
	#GOODFOR01,
	#GOODFOR02 {
		margin-top: -100px;
		padding-top: 100px;
	}
}

@media (max-width: 479px) {
	#ITEMS_MAIN,
	#PASSION_MAIN {
		margin-top: 65px;
		margin-top: 0px\9;
	}

	.PASSION_MAIN {
		margin-top: 0px;
		margin-top: 0px\9;
	}
}

/*-------------
passion
---------------*/

#PASSION_MAIN .passion_main_tit01 {
	position: absolute;
	bottom: 40px;
	left: 9%;
	width: 30%;
}

.PASSION_MAIN .passion_main_tit01 {
	position: absolute;
	bottom: 90px;
	left: 9%;
}

#PASSION_MAIN .passion_main_tit02 {
	position: absolute;
	top: 50px;
	left: 9%;
	width: 30%;
}

.PASSION_MAIN .passion_main_tit02 {
	position: absolute;
	top: 100px;
	left: 9%;
}

#PASSION_MAIN .passion_main_tit03 {
	position: absolute;
	bottom: 50px;
	left: 9%;
	width: 35%;
}

.PASSION_MAIN .passion_main_tit03 {
	position: absolute;
	bottom: 95px;
	left: 9%;
}

#PASSION_MAIN .passion_main_tit04 {
	position: absolute;
	top: 50px;
	left: 9%;
	width: 20%;
}

.PASSION_MAIN .passion_main_tit04 {
	position: absolute;
	top: 100px;
	left: 9%;
}

#PASSION_MAIN .passion_main_tit05 {
	position: absolute;
	top: 55px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 50%;
}

.PASSION_MAIN .passion_main_tit05 {
	position: absolute;
	top: 100px;
	right: 0;
	left: 0;
	margin: 0 auto;
}

#PASSION_MAIN .passion_main_tit06 {
	position: absolute;
	top: 25px;
	right: 13%;
	width: 25%;
}

.PASSION_MAIN .passion_main_tit06 {
	position: absolute;
	top: 75px;
	right: 13%;
}

#PASSION_MAIN .passion_main_tit07 {
	position: absolute;
	top: 35px;
	left: 9%;
	width: 25%;
}

.PASSION_MAIN .passion_main_tit07 {
	position: absolute;
	top: 75px;
	left: 9%;
}

#PASSION_MAIN .passion_main_tit08 {
	position: absolute;
	right: 10%;
	bottom: 170px;
	width: 25%;
}

.PASSION_MAIN .passion_main_tit08 {
	position: absolute;
	right: 10%;
	bottom: 170px;
}

#PASSION_MAIN .passion_main_tit09 {
	position: absolute;
	right: 10%;
	bottom: 110px;
	width: 28%;
}

.PASSION_MAIN .passion_main_tit09 {
	position: absolute;
	right: 10%;
	bottom: 160px;
}

#PASSION_MAIN .passion_main_tit11 {
	position: absolute;
	top: 30px;
	left: 9%;
	width: 34%;
}

.PASSION_MAIN .passion_main_tit11 {
	position: absolute;
	top: 80px;
	left: 9%;
}

#PASSION_MAIN .passion_main_tit12 {
	position: absolute;
	top: 40px;
	right: 13%;
	width: 30%;
}

.PASSION_MAIN .passion_main_tit12 {
	position: absolute;
	top: 80px;
	right: 13%;
}

#PASSION_SUB_TIT,
#PASSION_TIT,
.PASSION_SUB_TIT,
.PASSION_TIT {
	text-align: center;
}

#PASSION_SUB_TIT,
.PASSION_SUB_TIT {
	margin-top: 100px;
}

#PASSION_TIT,
.PASSION_TIT {
	margin-top: 50px;
}

#PASSION_TEXT_AREA .right_area,
#PASSION_TEXT_AREA .left_area,
.PASSION_TEXT_AREA .right_area,
.PASSION_TEXT_AREA .left_area {
	width: 470px;
}

#PASSION_TEXT_AREA .left_area,
.PASSION_TEXT_AREA .left_area {
	float: left;
}

#PASSION_TEXT_AREA .right_area,
.PASSION_TEXT_AREA .right_area {
	float: right;
}

/*-------------
product
---------------*/

#ITEMS_SUB_TIT .cap {
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
}

@media (min-width: 480px) {
	#ITEMS_TEXT {
		margin: 0 auto;
		width: 980px;
	}
	
	.cdm_2{
		padding: 0px 0 40px 0;
		max-width:842px;
		margin:0 auto;
	}

	.cdm_2 img{
		max-width:842px;
		display:block;
		margin:0 auto;
		width:100%;
	}

	#ITEMS_TEXT02 {
		margin: 0 auto;
		padding-bottom: 100px;
		width: 1100px;
	}

	#ITEMS_MAIN .items_main_tit01 {
		top: 0;
		right: 12%;
		bottom: 0;
		margin: auto;
	}

	#ITEMS_MAIN .items_main_tit02 {
		position: absolute;
		right: 12%;
		bottom: 80px;
	}

	#ITEMS_MAIN .items_main_tit03 {
		position: absolute;
		right: 12%;
		bottom: 50px;
	}

	#ITEMS_MAIN .items_main_tit04 {
		position: absolute;
		right: 12%;
		bottom: 100px;
	}

	#ITEMS_MAIN .items_main_tit05 {
		position: absolute;
		right: 20%;
		bottom: 75px;
	}

	#ITEMS_SUB_TIT {
		z-index: 9999;
	}

	#ITEMS_SUB_TIT h1 {
		text-align: center;
		font-size: 18px;
		line-height: 152%;
	}

	.french_bloc01,
	.french_bloc02,
	.french_bloc03,
	.french_bloc04,
	.sweet_bloc01,
	.sweet_bloc02,
	.sweet_bloc03,
	.sweet_bloc04,
	.chip_bloc01,
	.chip_bloc02,
	.chip_bloc03,
	.chip_bloc04,
	.chip_bloc05,
	.chip_bloc06,
	.chip_bloc07,
	.chip_bloc08,
	.variety_bloc01,
	.variety_bloc02,
	.variety_bloc03,
	.variety_bloc04,
	.bread_bloc01,
	.bread_bloc02,
	.bread_bloc03,
	.bread_bloc04,
	.bread_bloc05 {
		position: relative;
	}

	#ITEMS_TEXT .txt01,
	#ITEMS_TEXT02 .txt01 {
		margin-top: 21px;
		font-size: 16px;
		line-height: 152%;
	}

	#ITEMS_TEXT .txt02,
	#ITEMS_TEXT02 .txt02 {
		margin-top: 20px;
	}

	#ITEMS_TEXT .txt03,
	#ITEMS_TEXT02 .txt03 {
		margin-top: 19px;
		font-size: 12px;
		line-height: 152%;
	}

	#ITEMS_SUB_TIT .cap {
		font-size: 12px;
	}

	.french_bloc01 {
		position: relative;
		margin-top: 70px;
		min-height: 582px;
	}

	.french_bloc01 .bl01_01 {
		position: absolute;
		top: 18px;
		left: -42px;
		z-index: 999;
	}

	.french_bloc01 .bl01_02 {
		position: absolute;
		top: -64px;
		right: -110px;
	}

	.french_bloc02 {
		margin-top: 25px;
		min-height: 348px;
	}

	.french_bloc02 .bl02_01 {
		position: absolute;
		top: 10px;
		left: 21px;
		z-index: 999;
	}

	.french_bloc02 .bl02_02 {
		position: absolute;
		top: -22px;
		right: -31px;
	}

	.french_bloc03 {
		margin-top: 105px;
		min-height: 427px;
	}

	.french_bloc03 .bl03_01 {
		position: absolute;
		top: 31px;
		right: 86px;
		z-index: 999;
	}

	.french_bloc03 .bl03_02 {
		position: absolute;
		top: -26px;
		left: -89px;
	}
	
	.french_bloc04 {
		margin: 60px 0 0 0;
		min-height: 535px;
	}

	.french_bloc04 .bl04_01 {
		position: absolute;
		top: 1px;
		left: -41px;
		z-index: 999;
	}

	.french_bloc04 .bl04_02 {
		position: absolute;
		top: -56px;
		right: -99px;
	}

	.sweet_bloc01 {
		position: relative;
		margin-top: 140px;
		min-height: 560px;
	}

	.sweet_bloc01 .bl01_01 {
		position: absolute;
		top: 6px;
		left: 103px;
		z-index: 999;
	}

	.sweet_bloc01 .bl01_02 {
		position: absolute;
		top: 8;
		right: -66px;
	}

	.sweet_bloc02 {
		position: relative;
		margin-top: 30px;
		min-height: 285px;
	}

	.sweet_bloc02 .bl02_01 {
		position: absolute;
		top: 34px;
		left: 103px;
		z-index: 999;
	}

	.sweet_bloc02 .bl02_02 {
		position: absolute;
		top: 0;
		right: 20px;
	}

	.sweet_bloc03 {
		position: relative;
		margin-top: 70px;
		min-height: 316px;
	}

	.sweet_bloc03 .bl03_01 {
		position: absolute;
		top: 30px;
		right: 115px;
		z-index: 999;
	}

	.sweet_bloc03 .bl03_02 {
		position: absolute;
		top: -100px;
		left: -8px;
	}

	.sweet_bloc04 {
		position: relative;
		margin: 70px 0 80px 0;
		min-height: 374px;
	}

	.sweet_bloc04 .bl04_01 {
		position: absolute;
		top: 16px;
		left: 105px;
		z-index: 999;
	}

	.sweet_bloc04 .bl04_02 {
		position: absolute;
		top: -157px;
		right: -69px;
		z-index: -999;
	}

	.chip_bloc01 {
		position: relative;
		margin-top: 70px;
		min-height: 349px;
	}

	.chip_bloc01 .bl01_01 {
		position: absolute;
		top: 84px;
		right: 52px;
		z-index: 999;
	}

	.chip_bloc01 .bl01_02 {
		position: absolute;
		top: 66px;
		left: -132px;
	}

	.chip_bloc02 {
		position: relative;
		margin-top: 70px;
		min-height: 427px;
	}

	.chip_bloc02 .bl02_01 {
		position: absolute;
		top: 98px;
		left: 5px;
		z-index: 999;
	}

	.chip_bloc02 .bl02_02 {
		position: absolute;
		top: 9px;
		right: -20px;
	}

	.chip_bloc03 {
		position: relative;
		margin: 70px 0 80px 0;
		min-height: 378px;
	}

	.chip_bloc03 .bl03_01 {
		position: absolute;
		top: 21px;
		right: 76px;
		z-index: 999;
	}

	.chip_bloc03 .bl03_02 {
		position: absolute;
		top: -17px;
		left: -168px;
	}

	.chip_bloc04 {
		position: relative;
		margin: 70px 0 140px 0;
		min-height: 374px;
	}

	.chip_bloc04 .bl04_01 {
		position: absolute;
		top: 16px;
		left: 105px;
		z-index: 999;
	}

	.chip_bloc04 .bl04_02 {
		position: absolute;
		top: -47px;
		right: 14px;
	}

	.chip_bloc05 {
		position: relative;
		margin: 70px 0 80px 0;
		min-height: 378px;
	}

	.chip_bloc05 .bl05_01 {
		position: absolute;
		top: 21px;
		right: 76px;
		z-index: 999;
	}

	.chip_bloc05 .bl05_02 {
		position: absolute;
		top: -87px;
		left: -8px;
	}

	.chip_bloc06 {
		position: relative;
		margin: 70px 0 140px 0;
		min-height: 374px;
	}

	.chip_bloc06 .bl06_01 {
		position: absolute;
		top: 16px;
		left: 105px;
		z-index: 999;
	}

	.chip_bloc06 .bl06_02 {
		position: absolute;
		top: -47px;
		right: 14px;
	}

	.chip_bloc07 {
		position: relative;
		margin: 70px 0 140px 0;
		min-height: 374px;
	}

	.chip_bloc07 .bl07_01 {
		position: absolute;
		top: -47px;
		right: 14px;
		z-index: 999;
	}

	.chip_bloc07 .bl07_02 {
		position: absolute;
		top: -134px;
		left: -85px;
	}

	.chip_bloc08 {
		position: relative;
		margin: 70px 0 80px 0;
		min-height: 378px;
	}

	.chip_bloc08 .bl08_01 {
		position: absolute;
		top: -17px;
		left: 12px;
		z-index: 999;
	}

	.chip_bloc08 .bl08_02 {
		position: absolute;
		top: -149px;
		right: 56px;
	}

	.chip_bloc09 {
		position: relative;
		margin: 70px 0 0  0;
		min-height: 374px;
	}

	.chip_bloc09 .bl09_01 {
		position: absolute;
		top: -47px;
		right: 14px;
		z-index: 999;
	}

	.chip_bloc09 .bl09_02 {
		position: absolute;
		top: -84px;
		left: 25px;
	}

	.variety_bloc01 {
		position: relative;
		margin-top: 70px;
		min-height: 378px;
	}

	.variety_bloc01 .bl01_01 {
		position: absolute;
		top: 52px;
		right: 186px;
		z-index: 999;
	}

	.variety_bloc01 .bl01_02 {
		position: absolute;
		top: 36px;
		left: -61px;
	}

	.variety_bloc02 {
		position: relative;
		margin-top: 20px;
		min-height: 607px;
	}

	.variety_bloc02 .bl02_01 {
		position: absolute;
		top: 49px;
		left: 30px;
		z-index: 999;
	}

	.variety_bloc02 .bl02_02 {
		position: absolute;
		top: 137px;
		right: -42px;
		z-index: 99;
	}

	.variety_bloc03 {
		position: relative;
		margin-top: 70px;
		min-height: 482px;
	}

	.variety_bloc03 .bl03_01 {
		position: absolute;
		top: 146px;
		right: 38px;
		z-index: 999;
	}

	.variety_bloc03 .bl03_02 {
		position: absolute;
		top: 55px;
		left: -167px;
	}

	.variety_bloc03 .bl03_03 {
		position: absolute;
		top: 100px;
		left: 0px;
	}
	
	.variety_bloc04 {
		position: relative;
		margin-bottom: 110px;
		min-height: 531px;
	}

	.variety_bloc04 .bl04_01 {
		position: absolute;
		top: 270px;
		left: 29px;
		z-index: 999;
	}

	.variety_bloc04 .bl04_02 {
		position: absolute;
		top: 52px;
		right: -124px;
	}

	.bread_bloc01 {
		position: relative;
		margin-top: 170px;
		min-height: 390px;
	}

	.bread_bloc01 .bl01_01 {
		position: absolute;
		top: 61px;
		right: 124px;
		z-index: 999;
	}

	.bread_bloc01 .bl01_02 {
		position: absolute;
		top: -257px;
		left: -109px;
		z-index: -999;
	}

	.bread_bloc02 {
		position: relative;
		margin-top: 15px;
		min-height: 404px;
	}

	.bread_bloc02 .bl02_01 {
		position: absolute;
		top: 67px;
		left: 41px;
		z-index: 999;
	}

	.bread_bloc02 .bl02_02 {
		position: absolute;
		top: -202px;
		right: -157px;
		z-index: -9999;
	}

	.bread_bloc03 {
		position: relative;
		margin-top: 30px;
		min-height: 556px;
	}

	.bread_bloc03 .bl03_01 {
		position: absolute;
		top: 93px;
		right: 71px;
		z-index: 999;
	}

	.bread_bloc03 .bl03_02 {
		position: absolute;
		top: 35px;
		left: -138px;
		z-index: -999;
	}

	.bread_bloc04 {
		position: relative;
		padding-bottom: 40px;
		min-height: 458px;
	}

	.bread_bloc04 .bl04_01 {
		position: absolute;
		top: 97px;
		left: 76px;
		z-index: 999;
	}

	.bread_bloc04 .bl04_02 {
		position: absolute;
		top: -20px;
		right: 36px;
		z-index: -9999;
	}

	.bread_bloc05 {
		position: relative;
		margin-top: 30px;
		min-height: 556px;
	}

	.bread_bloc05 .bl05_01 {
		position: absolute;
		top: 93px;
		right: 71px;
		z-index: 999;
	}

	.bread_bloc05 .bl05_02 {
		position: absolute;
		top: 35px;
		left: 0px;
		z-index: -999;
	}

	.new_item_bloc01 {
		position: relative;
		margin-top: 70px;
		min-height: 360px;
	}

	.new_item_bloc01 .bl01_01 {
		position: absolute;
		top: 150px;
		left: -42px;
		z-index: 999;
	}

	.new_item_bloc01 .bl01_02 {
		position: absolute;
		top: 44px;
		right: 10px;
	}

	.new_item_bloc02 {
		position: relative;
		margin-top: 120px;
		min-height: 360px;
	}
	/* .new_item_bloc02 .bl02_01 {
    position: absolute; */
	/* top: 70px; */
	/* right: 48px; */
	/* z-index: 999; */
	.new_item_bloc02 .bl02_02 {
		position: absolute;
		top: 8px;
		left: -122px;
	}

	.new_item_bloc03 {
		position: relative;
		margin-top: 70px;
		min-height: 360px;
	}

	.new_item_bloc03 .bl03_01 {
		position: absolute;
		top: 120px;
    /* left: 80px; */
		z-index: 999;
	}

	.new_item_bloc03 .bl03_02 {
		position: absolute;
		top: 38px;
		right: -65px;
	}

	.new_item_bloc04 {
		position: relative;
		margin-top: 100px;
		min-height: 360px;
	}

	.new_item_bloc04 .bl04_01 {
		position: absolute;
		top: 100px;
		right: 37px;
		z-index: 999;
	}

	.new_item_bloc04 .bl04_02 {
		position: absolute;
		top: 22px;
		left: -72px;
	}

	.new_item_bloc05 {
		position: relative;
		margin-top: 70px;
		min-height: 360px;
	}

	.new_item_bloc05 .bl05_01 {
		position: absolute;
		top: 148px;
		left: -42px;
		z-index: 999;
	}

	.new_item_bloc05 .bl05_02 {
		position: absolute;
		top: 131px;
		right: 8px;
	}

	.new_item_bloc06 {
		position: relative;
		margin-top: 70px;
		min-height: 500px;
	}

	.new_item_bloc06 .bl06_01 {
		position: absolute;
		top: 135px;
		right: 48px;
		z-index: 999;
	}

	.new_item_bloc06 .bl06_02 {
		position: absolute;
		top: 132px;
		left: -72px;
	}

	.new_item_bloc07 {
		position: relative;
		margin-top: 70px;
		min-height: 500px;
	}

	.new_item_bloc07 .bl07_01 {
		position: absolute;
		top: 30px;
		left: -39px;
		z-index: 999;
	}

	.new_item_bloc07 .bl07_02 {
		position: absolute;
		top: -22px;
		right: 8px;
	}

	.new_item_bloc08 {
		position: relative;
		margin-top: 40px;
		min-height: 460px;
	}

	.new_item_bloc08 .bl08_01 {
		position: absolute;
		top: -41px;
		right: 34px;
		z-index: 999;
	}

	.new_item_bloc08 .bl08_02 {
		position: absolute;
		top: -109px;
		left: -107px;
	}

	.btn_new {
		position: relative;
		overflow: hidden;
		margin: 35px auto 0;
		width: 319px !important;
	}

	#ITEMS_CONTS {
		padding-bottom: 65px;
	}

	.aregin_new {
		min-height: 80px;
	}
}

@media (max-width: 479px) {

	.new_item_bloc08 {
		padding-bottom: 30px;
	}

	#ITEMS_CONTS {
		padding-bottom: 65px;
	}
	
	.cdm_2{
		padding:65px 0 0 0;
		width:100%;
		margin: 0 auto;
	}

	.cdm_2 img{
		width:100%;
	}

	#ITEMS_SUB_TIT h1 {
		line-height: 170%;
	}

	#ITEMS_SUB_TIT {
		margin-top: 40px;
	}

	.items_btn {
		margin-top: 30px;
	}

	#ITEMS_MAIN .items_main_tit01 {
		top: 60px;
		right: 7%;
		width: 115px;
	}

	#ITEMS_MAIN .items_main_tit02 {
		position: absolute;
		right: 7%;
		bottom: 27px;
		width: 100px;
	}

	#ITEMS_MAIN .items_main_tit03 {
		position: absolute;
		right: 7%;
		bottom: 20px;
		width: 160px;
	}

	#ITEMS_MAIN .items_main_tit04 {
		position: absolute;
		right: 7%;
		bottom: 30px;
		width: 130px;
	}

	#ITEMS_MAIN .items_main_tit05 {
		position: absolute;
		right: 7%;
		bottom: 30px;
		width: 130px;
	}

	#ITEMS_MAIN .items_main_tit06 {
		position: absolute;
		bottom: 20px;
		left: 11%;
		width: 122px;
	}

	#ITEMS_TEXT .txt01,
	#ITEMS_TEXT02 .txt01 {
		margin-top: 10px;
		line-height: 155%;
	}

	#ITEMS_TEXT .txt02,
	#ITEMS_TEXT02 .txt02 {
		margin-top: 15px;
	}

	#ITEMS_TEXT .txt03,
	#ITEMS_TEXT02 .txt03 {
		margin-top: 15px;
		font-size: 90%;
	}

	#ITEMS_SUB_TIT .cap {
		font-size: 90%;
	}

	.bl01_01,
	.bl02_01,
	.bl03_01,
	.bl04_01,
	.bl05_01,
	.bl06_01,
	.bl07_01,
	.bl08_01,
	.bl09_01,
	.bl10_01,
	.bl11_01 {
		padding: 0 45px;
	}

	.french_bloc01 {
		margin-top: 40px;
	}

	.french_bloc02 {
		margin-top: 5px;
	}

	.french_bloc03 {
		margin-top: 20px;
	}

	.french_bloc04 {
		margin: 20px 0 50px 0;
	}

	.bread_bloc01 {
		position: relative;
		margin-top: 40px;
		min-height: 565px;
	}

	.bread_bloc01 .bl01_02 {
		position: absolute;
		top: 50%;
		z-index: -999;
	}

	.bread_bloc02 {
		position: relative;
		min-height: 555px;
	}

	.sweet_bloc04 {
		padding-top: 20px;
	}

	.bread_bloc02 .bl02_02 {
		position: absolute;
		top: 52%;
		z-index: -999;
	}

	.sweet_bloc01 {
		padding-top: 40px;
	}

	.sweet_bloc03 {
		padding-top: 20px;
	}

	.sweet_bloc01 .bl01_02 {
		padding-top: 30px;
	}

	.sweet_bloc02 .bl02_02 {
		padding-top: 15px;
	}

	.sweet_bloc04 .bl04_02 {
		padding-bottom: 50px;
	}

	.chip_bloc01 {
		padding-top: 40px;
	}

	.chip_bloc02 {
		padding-top: 20px;
	}

	.chip_bloc03 {
		padding-top: 20px;
	}

	.chip_bloc04 {
		padding-top: 20px;
	}

	.chip_bloc05 {
		padding-top: 20px;
	}

	.chip_bloc06 {
		padding-top: 20px;
	}

	.chip_bloc07 {
		padding-top: 20px;
	}

	.chip_bloc08 {
		padding-top: 20px;
	}

	.chip_bloc03 .bl03_02 {
		padding: 10px 0 20px 0;
	}

	.chip_bloc04 .bl04_02 {
		padding: 20px 0 50px 0;
	}

	.variety_bloc01 {
		padding-top: 40px;
	}

	.variety_bloc02 {
		padding-top: 20px;
	}

	.variety_bloc03 {
		padding-top: 20px;
	}

	.new_item_bloc01 {
		margin-top: 40px;
	}

	#ITEMS_TEXT,
	#ITEMS_TEXT02 {
		font-size: 0.9375rem;
		line-height: 1.6em;
	}

	.new_item_bloc02,
	.new_item_bloc03,
	.new_item_bloc04,
	.new_item_bloc05,
	.new_item_bloc06,
	.new_item_bloc07 {
		padding-top: 25px;
	}

	.valentine_item_bloc02,
	.valentine_item_bloc03,
	.valentine_item_bloc04,
	.valentine_item_bloc05,
	.valentine_item_bloc06,
	.valentine_item_bloc07 {
		padding-top: 25px;
	}
}

@media (min-width: 480px) {
	#PASSION_TEXT_AREA .left_area,
	.PASSION_TEXT_AREA .left_area {
		line-height: 190%;
	}

	.passion_cap {
		font-size: 15px;
	}
}

@media (max-width: 479px) {

	#PASSION_TEXT,
	.PASSION_TEXT {
		padding: 0 45px;
	}

	.PASSION_MAIN .passion_main_tit01,
	#PASSION_MAIN .passion_main_tit01 {
		bottom: 25px;
		left: 40px;
		width: 45%;
	}

	.PASSION_MAIN .passion_main_tit02,
	#PASSION_MAIN .passion_main_tit02 {
		top: 25px;
		left: 40px;
		width: 45%;
	}

	.PASSION_MAIN .passion_main_tit03,
	#PASSION_MAIN .passion_main_tit03 {
		bottom: 25px;
		left: 40px;
		width: 50%;
	}

	.PASSION_MAIN .passion_main_tit04,
	#PASSION_MAIN .passion_main_tit04 {
		top: 30px;
		left: 40px;
		width: 40%;
	}

	.PASSION_MAIN .passion_main_tit05,
	#PASSION_MAIN .passion_main_tit05 {
		top: 35px;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 60%;
	}

	.PASSION_MAIN .passion_main_tit06,
	#PASSION_MAIN .passion_main_tit06 {
		top: 20px;
		right: 25px;
		width: 30%;
	}

	.PASSION_MAIN .passion_main_tit07,
	#PASSION_MAIN .passion_main_tit07 {
		top: 25px;
		right: 25px;
		width: 39%;
	}

	.PASSION_MAIN .passion_main_tit09,
	#PASSION_MAIN .passion_main_tit09 {
		top: 75px;
		right: 20px;
		width: 40%;
	}

	.PASSION_MAIN .passion_main_tit11,
	#PASSION_MAIN .passion_main_tit11 {
		top: 30px;
		right: 20px;
		width: 50%;
	}

	.PASSION_MAIN .passion_main_tit12,
	#PASSION_MAIN .passion_main_tit12 {
		top: 30px;
		right: 20px;
		width: 35%;
	}

	.PASSION_SUB_TIT,
	#PASSION_SUB_TIT {
		margin-top: 50px;
	}

	.PASSION_TIT,
	#PASSION_TIT {
		margin-top: 25px;
	}

	.PASSION_TEXT_AREA,
	#PASSION_TEXT_AREA {
		margin: 25px 0 70px 0;
		width: 100%;
	}

	.PASSION_TEXT_AREA .right_area,
	.PASSION_TEXT_AREA .left_area,
	#PASSION_TEXT_AREA .right_area,
	#PASSION_TEXT_AREA .left_area {
		float: none;
		width: 100%;
		line-height: 2em;
	}

	.PASSION_TEXT_AREA .right_area,
	#PASSION_TEXT_AREA .right_area {
		margin-top: 30px;
	}
}

#ITEMS_MAIN .items_main_tit01 {
	position: absolute;
}

#ITEMS_SUB_TIT,
#ITEMS_TIT {
	text-align: center;
}

#ITEMS_TEXT_AREA {
	margin: 80px auto 110px;
	width: 1200px;
}

.items_btn {
	display: block;
}

#ITEMS_TEXT .items01_area01 {
	position: relative;
	margin-top: 80px;
	height: 610px;
	background: url("/images/items/items01_back01.jpg") no-repeat 100px 0px;
}

#ITEMS_TEXT .items01_area02 {
	position: relative;
	height: 450px;
	background: url("/images/items/items01_back02.jpg") no-repeat 550px 0px;
}

#ITEMS_TEXT .items01_area03 {
	position: relative;
	height: 473px;
	background: url("/images/items/items01_back03.jpg") no-repeat top left;
}

#ITEMS_TEXT .items01_area04 {
	position: relative;
	height: 400px;
	background: url("/images/items/items01_back01.jpg") no-repeat top left;
}

#ITEMS_TEXT .items01_french01 {
	position: absolute;
	top: 0;
	left: 5%;
	width: 373px;
}

#ITEMS_TEXT .items01_french02 {
	position: absolute;
	top: 0%;
	left: 10%;
	width: 389px;
}

#ITEMS_TEXT .items01_french03 {
	position: absolute;
	top: 0%;
	left: 10%;
	width: 389px;
}

@media (min-width: 480px) {
	#ITEMS_SUB_TIT {
		margin-top: 100px;
	}

	.items_btn {
		margin-top: 40px;
	}
}

/*____________________ 下層 ここまで ____________________*/

/*____________________ FOOTER ここから ____________________*/

#FOOTER_AREA_KASOU {
	position: absolute;
	bottom: 0;
	z-index: 1800;
	width: 100%;
	background: #D80C18;
	color: #fff;
}

@media (min-width: 480px) {
	#FOOTER_AREA_KASOU {
		/* padding:14px 0 15px 0; */
		height: 100px;
		text-align: center;
		line-height: 100px;
	}

	#FOOTER_AREA_KASOU .copy02 {
		padding-top: 0px;
	}

	#FOOTER_AREA_KASOU .copy02 img {
		padding-top: 0px;
		vertical-align: middle !important;
	}
}

/*-------------
TOP用
---------------*/
#FOOTER_AREA {
	width: 100%;
	background: #000;
	color: #fff;
}

@media (min-width: 480px) {
	#FOOTER_AREA {
		padding: 45px 0 45px 0;
	}

	.footer_pc {
		margin: 0 auto;
		/*width: 982px;*/
		width: 1200px;
	}

	.footer_pc li {
		float: left;
		margin-right: 25px;
	}

	.copy {
		padding-top: 35px;
		text-align: center;
	}

	.copy02 {
		padding-top: 20px;
		text-align: center;
	}
}

@media (max-width: 479px) {

	#FOOTER_AREA {
		height: auto;
	}

	.footer_sp {
		padding: 36px 0px 24px 0px;
	}

	.footer_sp ul {
		display: table!important;
	}

	/* .footer_sp ul li{
	display:table-cell; */

	/* vertical-align:middle; */

	.footer_sp ul li {
		display: inline-block;
	}

	.copy,
    .copy02 {
		float: left;
		padding-top: 22px;
		width: 115%;
	}

	.copy img,
   .copy02 img {
		width: 143px;
	}

	.page_top {
		padding: 28px 10px 0 0;
	}

	.page_top img {
		width: 65px !important;
	}

	.arrow {
		float: right;
	}

	.copyright,
	.copyright02 {
		padding: 0 0 0 20px;
	}
}

/* --- SPフッター　コピーライト　ここから　--- */

.copyright .copyright_right,
.copyright02 .copyright_right {
	width: 141px;
}

.copyright .copyright_right img,
.copyright02 .copyright_right img {
	width: auto;
}

.copyright .copyright_right .page_top img,
.copyright02 .copyright_right .page_top img {
	width: 70px;
}

.copyright .copyright_right .arrow img,
.copyright02 .copyright_right .arrow img {
	width: 17px;
}

.copyright .copyright_right .arrow,
.copyright02 .copyright_right .arrow {
	position: relative;
	display: block;
	width: 65px;
	height: 65px;
	cursor: pointer;
}

.copyright .copyright_right .arrow,
.copyright02 .copyright_right .arrow {
	background: #D80C18;
}

.copyright02 .copyright_right .arrow {
	background: #000;
}

.copyright .copyright_right .arrow img,
.copyright02 .copyright_right .arrow img {
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	margin: auto;
}

@media (max-width: 479px) {

	.copyright .left_area,
	.copyright02 .left_area {
		float: left;
	}

	.page_top.left_area {
		float: right;
	}

	.copyright .right_area,
   .copyright02 .right_area {
		float: right;
	}

	.copyright .copyright_left,
	.copyright02 .copyright_left {
		width: 155px;
	}
}
/* --- SPフッター　navi　ここから　--- */
.footer_list {
	margin-top: 10px;
	width: 100%;
	text-align: center;
}

.footer_sp .fast {
	margin-top: 0px;
}

.footer_sp .last {
	margin-right: 0px;
}

.footer_sp_list {
	margin-right: 18px;
	height: 30px;
	color: #fff;
	font-size: 13px;
	line-height: 30px;
}

.footer_sp_list a:hover {
	color: #fff;
	text-decoration: none !important;
	opacity: 0.7;
	filter: alpha(opacity=70);
        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";
  /* ie 8 */
	-moz-opacity: 0.7;
                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
              /* Safari 1.x */
}

.footer_sp_list a {
	padding-top: 8px;
	padding-bottom: 5px;
	color: #fff;
}

.list01 {
	padding-left: 21px;
	background: url("/images/footer_nav01_sp.png") no-repeat center left;
	background-size: 14px;
}

.list02 {
	padding-left: 19px;
	background: url("/images/footer_nav02_sp.png") no-repeat center left;
	background-size: 14px;
}

.list03 {
	padding-left: 22px;
	background: url("/images/footer_nav03_sp.png") no-repeat center left;
	background-size: 16px;
}

.list04 {
	padding-left: 20px;
	background: url("/images/footer_nav04_sp.png") no-repeat center left;
	background-size: 14px;
}

.list05 {
	padding-left: 19px;
	background: url("/images/footer_nav05_sp.png") no-repeat center left;
	background-size: 14px;
}

.list06 {
	padding-left: 24px;
	background: url("/images/footer_nav06_sp.png") no-repeat center left;
	background-size: 16px;
}

.list07 {
	padding-left: 24px;
	background: url("/images/footer_nav08_sp.png") no-repeat center left;
	background-size: 16px;
}
/* --- SPフッター　navi　ここまで　--- */

/* --- SPフッター　コピーライト　ここまで　--- */

/*____________________ FOOTER ここまで ____________________*/

/*____________________ SHOP ここから ____________________*/

#SHOP_CONTS .txt_r {
	position: relative;
}

#SHOP_CONTS .txt_r a {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
	display: block;
}

#SHOP_MAIN {
	overflow: hidden;
	margin-top: 100px;
	margin-top: 0px\9;
}

#SHOP_TXT {
	position: relative;
}

#SHOP_MAIN .shop_main {
	width: 100%;
}

#SHOP_TXT .shop_txt02 {
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
}

.shop_txt02 p {
	margin-top: 20px;
}

#SHOP_LIST_AREA {
	margin: 0 auto;
	padding: 15px 0 165px;
	width: 1100px;
}

.shop_funk {
	position: relative;
}

.pre_tit {
	margin-top: 30px;
	letter-spacing: 2pt;
	font-weight: normal;
	font-size: 18px;
	line-height: 120%;
}

.pre_tit_after {
	margin-top: 30px;
	background-size: 12px;
	letter-spacing: 2pt;
	font-weight: normal;
	font-size: 18px;
	line-height: 120%;
}

.shop_box li {
	border-bottom: 1px solid #fff;
	letter-spacing: 0pt;
	font-size: 16px;
	line-height: 120%;
}

.shop_box a {
	display: block;
	padding: 12px 20px;
	background: #e9e7e7;
}

.shop_box a:hover {
	text-decoration: none!important;
	opacity: 0.8;
	opacity: 0.8;
	/* For IE 5-7 */
	filter: alpha(opacity=80);
	filter: Alpha("opacity=70");
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

@media (min-width: 480px) {

	.shop_box a {
		display: block;
		padding: 15px 20px;
		background: #e9e7e7 url("../images/shop/shop_arrow02.png") no-repeat 98% center;
	}

	#SHOP_TXT .shop_txt02 {
		bottom: 80px;
	}

	.area_box {
		margin-top: 50px;
	}

	.shop_box {
		margin-top: 13px;
	}
}

@media (max-width: 479px) {

	.bread_bloc04 .bl04_02 {
		padding-right: 10px;
		padding-left: 10px;
	}

	.shop_box02 li {
		border-bottom: 1px solid #fff;
	}

	.shop_box02 a {
		display: block;
		padding: 16px 20px 16px;
		background: url("../images/shop/shop_arrow_next.png") no-repeat 92% 50% #e9e7e7;
		background-size: 19px;
	}

	.shop_box02 a:hover {
		text-decoration: none!important;
		opacity: 0.8;
		opacity: 0.8;
			/* For IE 5-7 */
		filter: alpha(opacity=80);
		filter: Alpha("opacity=70");
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

	#SHOPSERCH_NEAR {
		margin-top: 20px;
		text-align: center;
	}

	#SHOPSERCH_NEAR .red_txt,
	#SHOPSERCH_NUM .red_txt {
		color: rgb(216,12,24);
	}

	#SHOPSERCH_NUM {
		margin: 15px 0 20px 0;
		text-align: center;
	}

	#SHOP_TXT .shop_txt02 {

		top: -31px;
	}

	.shop_txt02 p {
		margin-top: 10px;
	}

	.shop_txt02 h1 img {
		width: 67.1%;
	}

	.shop_txt02 h2 img {
		width: 20.3%;
	}

	.shop_txt02 p img {
		width: 60.9%;
	}

	#SHOP_MAIN {
		margin-top: 65px;
		margin-top: 0px\9;
	}

	.gps_btn {
		margin-top: 50px!important;
		padding: 0 27px;
		cursor: pointer;
	}

	.gps_btn p,.gps_btn a#SHOPSERCHBTN {
		display: block;
		margin-top: 0;
		padding: 22px 20px 18px 20px;
		width: auto;
		border-bottom: 1px solid #fff;
		background: #000;
		color: #fff;
		text-align: center;
		font-size: 150%;
	}

	#SHOPSERCHBTN img {
		width: 90%;
	}

	#SHOP_LIST_AREA {
		margin: 0 auto;
		padding: 0 27px 130px 27px;
		width: auto;
	}

	ul.shop_box {
		padding: 0px 20px 12px;
	}

	.pre_search {
		margin: 35px 0 15px;
		text-align: center;
		letter-spacing: 3pt;
		font-size: 125%;
	}

	.pre_tit {
		display: block;
		margin-top: 0;
		padding: 20px;
		/* border-bottom: 1px solid #fff; */
		/* background: #e9e7e7; */
		background: url("../images/shop/shop_arrow.png") no-repeat 92% 50%;
		background-size: 15px;
		text-align: left;
		cursor: pointer;
	}

	.pre_tit_after {
		display: block;
		margin-top: 0;
		padding: 20px;
		/* border-bottom: 1px solid #fff; */
		/* background: #e9e7e7; */
		background: url("../images/shop/shop_close.png") no-repeat 92% 50% #000 !important;
		background-size: 25%;
		color: #fff !important;
		text-align: left;
		cursor: pointer;
	}

	.shop_box {
		display: none;
	}

	.shop_box a {
		display: block;
		padding: 20px 15px;
		background: url("../images/shop/shop_arrow_next.png") no-repeat 92% 50% #fff;
		background-size: 19px;
		text-align: left;
	}

	.shop_area_after h4 {
		color: #fff;
	}

	.area_box .column2_02 li.wd4 {
		margin-top: 0;
	}

	.shop_area {
		border-bottom: 1px solid #fff;
		background: #E9E7E7;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-property: background,-webkit-transfNrm;
		transition-property: background,transform;
	}

	/* .shop_area:hover{
		background: #000; */

	/* color:#fff; */

	.shop_area_after {
		background: #000;
	}

	.shop_area_after02 {
		background: #E9E7E7;
	}

	.shop_box li {
		border-bottom: 1px solid #000;
		letter-spacing: 0pt;
		font-size: 16px;
		line-height: 120%;
	}

	.shop_box a {
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
}

#loader-bg {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 3000;
	display: none;
	width: 100%;
	height: 100%;
	background: #D80C18;
}

#loader {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 3001;
	display: none;
	margin-top: -100px;
	margin-left: -100px;
	width: 200px;
	height: 200px;
	color: #fff;
	text-align: center;
}



/*--------------------------------
2/1 追加
--------------------------------*/
@charset "utf-8";

@media (min-width: 480px) {
	.btn_newitem {
		width: 233px !important;
	}

	#SHOP_INFO h1 {
		font-size: 44px;
	}
}

@media (max-width: 479px) {
	.news_tit .txt {
		font-size: font-size: 0.9375rem;
	}
}
/*--------------------------------
新商品　フランスパンボタン
--------------------------------*/

.btn_french {
	position: relative;
	overflow: hidden;
	margin: 20px auto 0;
	width: 319px !important;
}

.french_arrow {
	position: absolute;
	top: 0%;
	right: -41px;
	bottom: 0%;
	margin: auto;
}

@media (max-width: 479px) {
	.btn_french {
		width: 210px !important;
		line-height: 23px;
	}
}

@media (max-width: 479px) {
	.btn_new {
		margin: 20px auto 0;
		width: 210px !important;
		line-height: 23px;
	}
}


/*--------------------------------
column
--------------------------------*/
/* 割り方増やす時に追加すること */
.column3 li {
	margin-right: 40px;
}

.column2_02 li.wd4 {
	margin-right: 50px;
}

.column2_03 li {
	margin-right: 65px;
}

/* 割り方増やす時に追加すること */
.column3 {
	margin-right: -40px;
}

.column2_02 {
	margin-right: -50px;
}

.column2_03 {
	margin-right: -65px;
}

/* 割り方増やす時に追加すること */
.column1 li img,
.column3 li img,
.column2_02 li img,
.column2_03 li img {
	height: auto;
	max-width: 100%;
}

@media (min-width: 480px) {

/* 割り方増やす時に追加すること */
	.column3 li,
	.column2_02 li.wd4,
	.column2_03 li {
		float: left;
	}

/* 割り方増やす時に追加すること */
	.wd3 {
		width: 340px;
	}

	.wd4 {
		width: 525px;
	}

	.wd5 {
		width: 340px;
	}
}

@media (max-width: 479px) {
/* 割り方増やす時に追加すること */
	.column3 {
		margin-right: -14px;
	}

	.column2_02,
	.column2_03 {
		margin-right: 0;
	}

/* 割り方増やす時に追加すること */

	.column2_02 li.wd4,
	.column2_03 li {
		margin-top: 10px;
		margin-right: 0;
		text-align: center;
	}

	.column3 li {
		float: left;
		margin-top: 10px;
		margin-right: 14px;
		text-align: center;
	}

	.ASSION_LIST_AREA .column3 li {
		margin-top: 0;
	}

	.wd3 {
		width: 45%;
	}
}

/*-------------
passion
---------------*/
#PASSION_LIST_TIT,
.PASSION_LIST_TIT {
	margin-top: 120px;
	text-align: center;
}

#PASSION_LIST_AREA,
.PASSION_LIST_AREA {
	margin: 0 auto 150px;
	padding: 75px 0 0;
	width: 1100px;
}

.PASSION_LIST_AREA.list_02 {
	margin: 0 auto;
	padding: 75px 0 165px;
	width: 1100px;
}

#PASSION_LIST_AREA .list,
.PASSION_LIST_AREA .list {
	margin-top: 50px;
}

#PASSION_LIST_AREA .list_txt,
.PASSION_LIST_AREA .list_txt {
	margin-top: 55px;
	min-height: 100px;
}

#PASSION_LIST_AREA .list_txt02,
.PASSION_LIST_AREA .list_txt02 {
	margin-top: 55px;
	min-height: 85px;
}

@media (min-width: 480px) {

	#PASSION_LIST_AREA.list_index {
		margin: 0 auto;
		padding-bottom: 100px;
	}

	#PASSION_CONTS,
   .PASSION_CONTS {
		padding-bottom: 65px;
	}
}

@media (max-width: 479px) {

	#PASSION_CONTS,
   .PASSION_CONTS {
		padding-bottom: 65px;
	}

	#PASSION_LIST_TIT,
	.PASSION_LIST_TIT {
		margin: 45px auto 22px;
	}

	#PASSION_LIST_TIT img,
	.PASSION_LIST_TIT img {
		width: 70%;
	}

	#PASSION_LIST_AREA,
	.PASSION_LIST_AREA {
		margin: 0 auto;
		padding: 0 27px 65px !important;
		width: auto !important;
	}

	#PASSION_LIST_AREA .list,
	.PASSION_LIST_AREA .list {
		margin-top: 22px;
	}

	#PASSION_LIST_AREA .list_txt,
	#PASSION_LIST_AREA .list_txt02,
	.PASSION_LIST_AREA .list_txt,
	.PASSION_LIST_AREA .list_txt02 {
		margin-top: 12px;
		min-height: inherit;
		text-align: left;
	}

	#PASSION_LIST_AREA .sp_height01,
	.PASSION_LIST_AREA .sp_height01 {
		min-height: 61px;
	}

	#PASSION_LIST_AREA .sp_height02,
	.PASSION_LIST_AREA .sp_height02 {
		min-height: 57px;
	}

	#PASSION_LIST_AREA .sp_height03,
	.PASSION_LIST_AREA .sp_height03 {
		min-height: 36px;
	}

	#PASSION_LIST_AREA .text01,
	.PASSION_LIST_AREA .text01 {
		width: 76.9%;
	}

	#PASSION_LIST_AREA .text02,
	.PASSION_LIST_AREA .text02 {
		width: 69.8%;
	}

	#PASSION_LIST_AREA .text03,
	.PASSION_LIST_AREA .text03 {
		width: 96.8%;
	}

	#PASSION_LIST_AREA .text04,
	.PASSION_LIST_AREA .text04 {
		width: 91.2%;
	}

	#PASSION_LIST_AREA .text05,
	.PASSION_LIST_AREA .text05 {
		width: 96.8%;
	}

	.PASSION_LIST_AREA .text06 {
		width: 95.2%;
	}

	#PASSION_LIST_AREA .text07,
	.PASSION_LIST_AREA .text07 {
		width: 91.2%;
	}

	#PASSION_LIST_AREA .text08,
	.PASSION_LIST_AREA .text08 {
		width: 87.3%;
	}

	#PASSION_LIST_AREA .text09,
	.PASSION_LIST_AREA .text09 {
		width: 100%;
	}

	#PASSION_LIST_AREA .text10,
	.PASSION_LIST_AREA .text10 {
		width: 71.4%;
	}

	#PASSION_LIST_AREA .text11,
	.PASSION_LIST_AREA .text11 {
		width: 95.2%;
	}
}

/*-------------
topics 右ナビ
---------------*/
.topics_navi_page_nav_list {
	width: 100%;
}

.topics_navi_page_nav_list_ar {
	position: relative;
	display: block;
	padding: 17px 34px;
	width: 396px;
	color: #fff;
}

.topics_navi_page_nav_list a {
	position: relative;
	display: block;
	padding: 15px 34px;
	width: 396px;
	color: #fff;
}

.topics_navi_page_nav_list .topics_navi a:hover {
	text-decoration: none !important;
}

.topicsPageNav .nav_btn_on {
	background: #D80C18;
}

.topicsPageNav {
	overflow-x: hidden;
	overflow-y: hidden;
}

.topicsPageNavIn {
	position: fixed;
	top: 100px;
	right: -17px;
	z-index: 1500;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: auto;
	padding-right: 17px;
	width: 100px;
	background: #222;
}

.topics_page_nav_links {
	padding-bottom: 135px;
	width: 230px;
}

.topics_right_navi_h3 {
	position: relative;
	height: 123px;
	text-align: center;
}

.topics_right_navi_h3 img {
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	margin: auto;
	width: 141px;
}

.p_navi,
.topics_navi {
	width: 450px;
	color: #ffffff;
	/*以下アニメーションの設定*/
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	-webkit-transition-property: background-color, width, height;
	-moz-transition-property: background-color, width, height;
	-o-transition-property: background-color, width, height;
	-ms-transition-property: background-color, width, height;
	-ms-transition-duration: 0.25s;
	-ms-transition-timing-function: ease-in-out;
}

.p_navi:hover,
.topics_navi:hover {
	width: 450px;
	background-color: #D80C18;
	color: #000000;
}

@media (max-width: 479px) {
	.topics_right_navi_h3 img {
		width: 125px;
	}

	.topicsPageNavIn {
		position: static !important;
		overflow: visible;
		width: 100% !important;
		height: auto !important;
	}

	.topics_page_nav_links {
		width: 177px;
	}

	.topics_navi_page_nav_list_ar {
		padding: 17px 17px;
	}

	.topics_navi_page_nav_list a {
		padding: 17px 17px;
	}
}

/*--------------------------------
店舗詳細　shop_detail　
--------------------------------*/
/*-----------------
0303追記
-----------------*/
.shop_list li span {
	padding: 3px 4px 0 4px;
	background: #404040;
	color: #fff;
	font-size: 85%;
}

@media (min-width: 480px) {
	.shop_index_box {
		margin-bottom: 50px;
		/* min-height: 255px; */
	}

	.shop_index_box dt {
		float: left;
		width: 70px;
		line-height: 155%;
	}

	.shop_index_box dd {
		float: left;
		margin-left: 17px;
		width: 435px;
		line-height: 155%;
	}

	.shop_list li span {
		float: left;
		margin: 10px 5px 0 0;
		line-height: 155%;
	}
}

@media (max-width: 479px) {
	.shop_list li span {
		margin-right: 5px 0 0 0!important;
	}

	.shop_list li {
		text-align: left !important;
	}
}
/*-----------------
0303追記
-----------------*/

#SHOP_DETAIL_AREA {
	margin-top: 100px;
}

#SHOP_DETAIL_AREA .ph img {
	width: 100%;
}

#SHOP_DETAIL {
	margin-top: 180px;
	text-align: center;
}

.btn_area {
	margin: 0 auto;
	width: 340px;
}

.btn_area .btn_top,
.btn_area .btn_print {
	float: left;
	width: 170px;
}

.btn_area p a:hover {
	text-decoration: none!important;
	opacity: 0.8;
	opacity: 0.8;
	/* For IE 5-7 */
	filter: alpha(opacity=80);
	filter: Alpha("opacity=70");
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.btn_area .btn_top a {
	display: block;
	padding: 10px 20px 10px;
	background: #e9e7e7;
	font-size: 105%;
}

.btn_area .btn_print a {
	display: block;
	padding: 10px 0;
	background: #000;
	color: #fff;
}

#SHOP_INFO {
	margin: 0 auto;
	padding: 100px 0 150px;
	width: 790px;
}

.info_box {
	margin-top: 115px;
	text-align: left;
}

.info_box_in {
	margin-top: 30px;
}

.info_box_in dt,
.info_box_in dd {
	float: left;
}

.info_box_in dt {
	padding: 2px 0;
	width: 80px;
	background: #000;
	color: #fff;
	text-align: center;
}

.info_box_in dd {
	margin-left: 17px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 115%;
}

.sp_area_in {
	display: none;
}

#SHOP_CONTS {
	page-break-after: always;
}

@media (max-width: 479px) {
	.btn_area .btn_top a {
		display: block;
		padding: 10px 20px 10px;
		background: url("../images/shop_arrow02.png") no-repeat 20% 50% #e9e7e7;
		background-size: 8%;
		font-size: 105%;
	}

	.btn_area .btn_top a {
		display: block;
		padding: 20px 0 18px 0;
	}

	#SHOP_INFO h1 {
		margin-top: 45px !important;
		font-size: 23px;
	}

	.sp_area_in {
		display: inline;
	}

	#SHOP_DETAIL {
		margin-top: 65px;
	}

	#SHOP_DETAIL_AREA {
		margin-top: 0;
	}

	.btn_area {
		width: auto;
	}

	.btn_area .btn_top {
		float: none;
		width: 100%;
	}

	.btn_area .btn_print {
		float: none;
		margin: 40px auto;
		width: 130px;
	}

	#SHOP_INFO {
		margin: 0 auto 40px;
		padding: 0 42px 130px;
		width: auto;
	}

	#SHOP_INFO .txt {
		margin-top: 20px;
		text-align: left;
	}

	.info_box {
		margin-top: 40px;
	}

	.info_box_in {
		margin-top: 25px;
	}

	.info_box_in dt {
		width: 75px;
	}

	.info_box_in dd {
		font-weight: normal;
	}

	.sp_font {
		font-size: 90%;
	}

	#SHOP_INFO {
		margin-bottom: 0 !important;
	}
}


/*--------------------------------
店舗GPS　shop_gps　
--------------------------------*/

@media (max-width: 479px) {
	#SHOP_GPS_AREA {
		margin: 0 auto 40px;
		padding: 0 27px;
		width: auto;
	}

	#SHOP_GPS_AREA .txt_area {
		margin: 30px auto;
	}
}


/*追記ここから*/
/*--------------------------------
新規追加　枠線ボタン挙動　
--------------------------------*/
.btn_border {
	position: relative;
	display: block;
	border: 5px solid #000;
}

.btn_border.white {
	margin: auto;
	/* width:225px; */
	/* height:55px; */
	border-color: #FFFFFF !important;
}

@media (min-width: 480px) {
	.btn_border.white,
	.btn_border {
		z-index: 2100;
	}
}

#top_btn04 .btn_border,
#top_btn05 .btn_border {
	margin: 0 auto;
	width: 273px;
}

.btn_border span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	opacity: 0;
}

.btn_border,
.btn_border span {
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
}

.btn_border:hover {
	background-color: #000;
}

.btn_border.white:hover {
	background-color: #FFF;
}

.btn_border:hover span {
	opacity: 1;
}

@media (max-width: 479px) {

	.btn_border {
		position: relative;
		display: block;
		border: 3px solid #000;
	}

	#top_btn01 .btn_border,
#top_btn02 .btn_border,
#top_btn03 .btn_border,
#top_btn04 .btn_border,
#top_btn05 .btn_border {
		margin: 0 auto;
		width: 190px;
	}

	#top_btn01 .btn_border img,
#top_btn02 .btn_border img,
#top_btn03 .btn_border img,
#top_btn04 .btn_border img,
#top_btn05 .btn_border img {
		width: 100%;
		height: auto;
	}

	#top_btn04,
#top_btn05 {
		position: absolute;
		right: 0%;
		bottom: 35px;
		left: 0%;
		margin: auto;
	}
}

/*追記ここまで*/


/*ナビ画像サイズ*/

@media (max-width: 479px) {
	.passion_right_navi .navi01 {
		width: 114px !important;
	}

	.passion_right_navi .navi02 {
		width: 106px !important;
	}

	.passion_right_navi .navi03 {
		width: 150px !important;
	}

	.passion_right_navi .navi04 {
		width: 120px !important;
	}

	.passion_right_navi .navi05 {
		width: 124px !important;
	}

	.passion_right_navi .navi06 {
		width: 106px !important;
	}

	.passion_right_navi .navi07 {
		width: 116px !important;
	}

	.passion_right_navi .navi08 {
		width: 120px !important;
	}

	.passion_right_navi .navi09 {
		width: 139px !important;
	}

	.passion_right_navi .navi10 {
		width: 97px !important;
	}

	.passion_right_navi .navi11 {
		width: 153px !important;
	}

	.passion_right_navi .navi12 {
		width: 154px !important;
	}

	.items_right_navi .navi01 {
		width: 94px !important;
	}

	.items_right_navi .navi02 {
		width: 91px !important;
	}

	.items_right_navi .navi03 {
		width: 46px !important;
	}

	.items_right_navi .navi04 {
		width: 61px !important;
	}

	.items_right_navi .navi05 {
		width: 109px !important;
	}

	.items_right_navi .navi06 {
		width: 154px !important;
	}
}

/*COMPANY*/


.right_area .company_table {
	text-align: left;
}

.right_area .company_table td,
.right_area .company_table th {
	text-align: left;
}

.right_area .company_table th {
	font-weight: normal;
}

@media (min-width: 480px) {

	#COMPANY_TEXT_AREA .img01 {
		width: 213px;
	}

	#COMPANY_TEXT_AREA .img01 img,
    #COMPANY_TEXT_AREA .right_tit img {
		width: 100%;
	}

	#COMPANY_TEXT_AREA .right_tit {
		width: 336px;
	}

	#COMPANY_CONTS {
		margin-top: 100px;
		padding-bottom: 69px;
	}

	#COMPANY_TEXT {
		margin: 0 auto;
		padding-bottom: 134px;
		width: 800px;
	}

	#COMPANY_TEXT_AREA .text_area .left_area {
		float: left;
	}

	#COMPANY_TEXT_AREA .text_area .right_area {
		float: right;
		width: 525px;
	}

	#COMPANY_TIT {
		padding-top: 120px;
	}

	#COMPANY_TEXT_AREA .text_area {
		margin-top: 120px;
	}

	#COMPANY_TIT h1 {
		margin: 0 auto;
		width: 331px;
	}

	.right_area .right_text {
		margin-top: 30px;
	}

	.right_area .img01 {
		margin-top: 30px;
	}

	.right_area .company_table th,
   .right_area .company_table td {
		padding-bottom: 10px;
	}

	.right_area .company_table td {
		padding-left: 10px;
	}
}

@media (max-width: 479px) {
	.archive {
		font-size: 80%;
	}

	.archive img {
		width: 64px;
	}

	#COMPANY_TEXT {
		padding-bottom: 55px;
	}

	#COMPANY_CONTS {
		margin-top: 65px;
		padding: 0 45px 65px;
	}

	#COMPANY_TIT {
		padding-top: 55px;
	}

	#COMPANY_TIT h1 {
		margin: 0 auto;
		width: 170px;
	}

	#COMPANY_TEXT_AREA .text_area {
		margin-top: 40px;
	}

	#COMPANY_TEXT_AREA .cnt01 {
		width: 100px;
	}

	#COMPANY_TEXT_AREA .cnt02 {
		width: 132px;
	}

	#COMPANY_TEXT_AREA .cnt03 {
		width: 163px;
	}

	#COMPANY_TEXT_AREA .img01 {
		margin-top: 15px;
		width: 200px;
	}

	#COMPANY_TEXT_AREA .right_text,
	#COMPANY_TEXT_AREA .right_area {
		margin-top: 25px;
	}

	#COMPANY_TEXT_AREA .right_area.table_mr {
		margin-top: 20px;
	}

	#COMPANY_TEXT_AREA h2,
	#COMPANY_TEXT_AREA .cnt03 {
		line-height: 10px;
	}
}

/*PRIVACY*/
/*HOW TO USE*/

.use_text_tit,
.privacy_text_tit {
	font-weight: bold;
}

@media (min-width: 480px) {

	#USE_CONTS,
	#PRIVACY_CONTS {
		margin-top: 100px;
		line-height: 29px;
	}

	#USE_TEXT,
	#PRIVACY_TEXT {
		margin: 0 auto;
		padding-bottom: 200px;
		width: 800px;
	}

	#USE_TEXT,
	#PRIVACY_TEXT {
		padding-top: 120px;
	}

	#USE_TEXT .use_read,
	#PRIVACY_TEXT .privacy_read {
		margin-top: 90px;
	}

	#PRIVACY_TIT h1 {
		margin: 0 auto;
		width: 519px;
	}

	#USE_TIT h1 {
		margin: 0 auto;
		width: 404px;
	}

	.use_text_area,
	.privacy_text_area {
		margin-top: 53px;
	}
}

@media (max-width: 479px) {

	#USE_CONTS,
	#PRIVACY_CONTS {
		margin-top: 65px;
		padding: 0 45px 65px;
	}

	#USE_CONTS,
	#PRIVACY_CONTS {
		padding-top: 55px;
	}

	#PRIVACY_TIT h1 {
		margin: 0 auto;
		width: 218px;
	}

	#USE_TIT h1 {
		margin: 0 auto;
		width: 216px;
	}

	#USE_TEXT .use_text_area,
	#USE_TEXT .use_read,
	#PRIVACY_TEXT .privacy_text_area,
	#PRIVACY_TEXT .privacy_read {
		margin-top: 45px;
	}

	#USE_TEXT,
	#PRIVACY_TEXT {
		padding-bottom: 55px;
	}
}

/*CONTACT*/

@media (min-width: 480px) {

	#CONTACT_CONTS {
		margin-top: 100px;
		line-height: 29px;
	}

	#CONTACT_TEXT {
		margin: 0 auto;
		padding-bottom: 225px;
		width: 750px;
	}

	#CONTACT_TEXT {
		padding-top: 120px;
	}

	#CONTACT_TIT h1 {
		margin: 0 auto;
		width: 310px;
	}

	#CONTACT_TEXT_AREA {
		text-align: center;
	}

	#CONTACT_TEXT .contact_read {
		margin-top: 90px;
		text-align: left;
	}

	#CONTACT_TEXT .contact_read p span {
		font-weight: bold;
		font-size: 26px;
		line-height: 32px;
	}

	#CONTACT_TEXT .contact_text_area {
		margin-top: 40px;
		padding: 33px 50px;
		
		text-align: left;
	}

	#CONTACT_TEXT .contact_text_area .contact {
		font-weight: bold;
		font-size: 16px;
		line-height: 33px;
	}

	#CONTACT_TEXT .contact_text {
		margin-top: 52px;
	}

	#CONTACT_TEXT .contact_caution {
		margin-top: 28px;
		font-size: 12px;
	}
	#closed{
		margin-top:10px;
		border:1px dashed #DC143C;
		padding:10px;
	}

	#closed p{
		color:#DC143C;
		text-align:left;
	}
	
	#CONTACT_TEXT .contact_read .ye_close{
		font-weight:normal;
		font-size:15px;
		color:#DC143C;
	}
	
}

@media (max-width: 479px) {

	#CONTACT_CONTS {
		margin-top: 65px;
		padding: 0 45px 65px;
		line-height: 29px;
	}

	#CONTACT_TEXT {
		padding-bottom: 64px;
	}

	#CONTACT_CONTS {
		padding-top: 55px;
	}

	#CONTACT_TIT h1 {
		margin: 0 auto;
		width: 164px;
	}

	#CONTACT_TEXT_AREA {
		text-align: center;
	}

	#CONTACT_TEXT .contact_read {
		margin-top: 45px;
	}

	#CONTACT_TEXT .contact_read p span {
		font-weight: bold;
		font-size: 17px;
		line-height: 32px;
	}

	

	#CONTACT_TEXT .contact_text_area .contact {
		font-weight: bold;
		font-size: 16px;
		line-height: 33px;
	}

	#CONTACT_TEXT .contact_text {
		margin-top: 35px;
	}
	#closed{
		margin-top:10px;
		border:1px dashed #DC143C;
		padding:10px;
	}

	#closed p{
		color:#DC143C;
		text-align:left;
	}
	
	#CONTACT_TEXT .contact_read .ye_close{
		font-weight:normal;
		font-size:15px;
		color:#DC143C;
	}
　　#CONTACT_TEXT .contact_read .ye_close a{
　　	word-break: break-all;
　　}
	
}

/*GROUP*/


#GROUP_TEXT_AREA table.group_table th {
	text-align: left;
	font-weight: normal;
}

@media (min-width: 480px) {

	.group img.wd90 {
		width: 252px;
	}

	#GROUP_MAIN {
		overflow: hidden;
		margin-top: 100px;
		max-height: none;
	}

	#GROUP_MAIN .group_main {
		width: 100%;
	}

	#GROUP_TEXT {
		margin: 0 auto;
		padding-bottom: 200px;
		width: 1100px;
	}

	#GROUP_TEXT {
		padding-top: 105px;
	}

	#GROUP_TIT h1 {
		margin: 0 auto;
		width: 397px;
	}

	#GROUP_TEXT_AREA {
		margin-top: 80px;
	}

	#GROUP_TEXT_AREA .text_area .logo_area{
		margin-top:45px; 
	}
	
	#GROUP_TEXT_AREA .text_area .group_text02 .logo_area{
		margin-top:20px;
	}

	#GROUP_TEXT_AREA .logo_img01{
		margin:30px auto 0;
		width:435px;
	}

	#GROUP_TEXT_AREA .text_area .text_area{
		margin-top:18px;
		line-height:210%;
	}

	#GROUP_TEXT_AREA .group_mt_01{
		margin-top:70px;
	}

	#GROUP_TEXT_AREA .group_mt_02{
		margin-top:50px;
	}

	#GROUP_TEXT_AREA .text_area .map_area{
		margin:30px 0 70px 0;
	}

	#GROUP_TEXT_AREA .text_area .left_area{
		float:left;
		width:525px;
	}

	#GROUP_TEXT_AREA .text_area .right_area{
		float:right;
		width:525px;
	}

	#GROUP_TEXT_AREA .logo_img02{
		margin:70px auto 0;
		width:250px;
	}

/*
	#GROUP_TEXT_AREA .store_area{
		font-size:18px;
	}
*/
	#GROUP_TEXT_AREA .group_table{
		margin-top:15px;
		font-size:14px;
		line-height: 210%;
	}

	#GROUP_TEXT_AREA .group_table th,
	#GROUP_TEXT_AREA .group_table td{
		vertical-align: top;
	}

	#GROUP_TEXT_AREA .group_table td{
		padding-left:10px;
	}
/*
    .recruit{
        padding-top: 120px;
        line-height: 29.4 px;
    }

    .recruit .bn01{
		margin-top: 40px;
		width:462px;
    }

    .recruit .txt01{
			margin-top: 15px;
    }

    .recruit .bn02{
 		margin-top: 25px;
		width:462px;
    }

    .recruit .txt02{
        margin-top: 20px;
    }
*/

}


@media (max-width: 479px) {

	#GROUP_MAIN {
		margin-top: 65px;
		margin-top: 0px;
	}

	#GROUP_TEXT{
		margin-top: 65px;
		padding:0 45px 65px;
	}
	
	#GROUP_TIT {
		margin: 45px auto 22px;
	}
	#GROUP_TEXT_AREA{
		margin-top:42px;
	}
	#GROUP_TEXT_AREA{
		padding-bottom:67px;
	}

	#GROUP_TEXT_AREA .text_area .logo_area{
		margin-top:35px;
	}

	#GROUP_TEXT_AREA .text_area .text_area{
		margin-top:20px;
	}

	#GROUP_TEXT_AREA .text_area .img_area{
		margin:25px 25px 0 0;
	}

	#GROUP_TEXT_AREA .text_area a {
		display: block;
		padding: 20px;
		background: #000;
		color: #FFF;
		text-align: center;
	}

	#GROUP_TEXT_AREA p.store_area {
		margin-top: 20px;
	}
	
	#GROUP_TEXT_AREA .group_table_box01 {
		padding: 10px;
		background: #f1f1f1;
	}
	
	#GROUP_TEXT_AREA .text_area .map_area{
		margin-top:30px;
	}

	#GROUP_TEXT_AREA .text_area .map_area {
		margin: 15px 0 60px 0 !important;
		width: 100%;
		height: 210px;
	}

	#GROUP_TEXT_AREA .text_area .map_area iframe {
		width: 100%;
		height: 100%;
	}

	#GROUP_TEXT_AREA .group_img01{
		margin-top:25px;
	}

	#GROUP_TEXT_AREA .logo_img01{
		margin:35px auto;
		width:80%;
	}

	#GROUP_TEXT_AREA .logo_img02{
		margin:35px auto 0;
		width:45%;
	}
/*
	#GROUP_TEXT_AREA .store_area{
		margin-top:25px;
	}
*/
	#GROUP_TEXT_AREA .ag_info_n{
		display: none;
	}
	#GROUP_TEXT_AREA .ag_info{
		height: auto !important;
	}
	#GROUP_TEXT_AREA .group_table{
		margin-top:5px;
	}

	#GROUP_TEXT_AREA .group_table th,
	#GROUP_TEXT_AREA .group_table td{
		vertical-align: top;
	}

	#GROUP_TEXT_AREA .group_table td{
		padding-left:10px;
	}
/*
	#GROUP_TEXT_AREA .store_area{
		font-size:18px;
	}
*/
	#GROUP_TEXT_AREA .top_mt{
		margin-top:35px;
	}
	/*
    .recruit_tit{
        margin-top: 65px;
        padding: 0 45px 65px;
    }

    .recruit .bn01{
        margin-top: 20px;
    }

    .recruit .txt01{
        margin-top: 10px;
    }

    .recruit .bn02{
        margin-top: 20px;
    }

    .recruit .txt02{
        margin-top: 10px;
    }
*/

}


/*店舗詳細 googlemaps　SP*/

@media (max-width: 479px) {

	#googlemaps {
		width: 100%;
		height: 300px !important;
	}

	#TOHOKU {
		padding-top: 10px !important;
	}
}

@media (min-width: 480px) {

	#Miyagi,#Fukushima,#Ibaraki,#Tochigi,#Saitama,
	#Chiba,#Tokyo,#Kanagawa,#Yamanashi,#Shizuoka,
	#Aichi,#Kyoto,#Osaka,#Hyogo,#Nara,
	#Tottori,#Okayama,#Hiroshima,#Yamaguchi,#Fukuoka,
	#Saga,#Nagasaki,#Kumamoto,#Oita,
	#TOHOKU,#KANTO,#TOKAI,#CHUGOKU,#KYUSYU {
		position: relative;
		margin-top: -100px;
		padding-top: 150px;
	}

	#Miyagi,#Fukushima,#Ibaraki,#Tochigi,#Saitama,
	#Chiba,#Tokyo,#Kanagawa,#Yamanashi,#Shizuoka,
	#Aichi,#Kyoto,#Osaka,#Hyogo,#Nara,
	#Tottori,#Okayama,#Hiroshima,#Yamaguchi,#Fukuoka,
	#Saga,#Nagasaki,#Kumamoto,#Oita {
		z-index: 1;
	}

	#TOHOKU {
		z-index: 100;
	}

	#KANTO {
		z-index: 80;
	}

	#TOKAI {
		z-index: 60;
	}

	#CHUGOKU {
		z-index: 40;
	}

	#KYUSYU {
		z-index: 20;
	}

	.shop_box {
		position: relative;
		z-index: 100;
	}
}

/*デニッシュクロワッサンへのこだわり0213追記*/

@media (min-width: 480px) {
	.danish {
		position: relative;
		padding-top: 170px;
	}

	.danish .danish_txt {
		position: absolute;
		top: 0;
		right: 0px;
		left: 0px;
	}
}

/*TOPボタン追記*/
.btn_fr_box {
	position: relative;
}

.btn_fr_area {
	position: absolute;
	top: 370px;
	right: 0%;
	left: 0%;
	margin: auto;
	margin: auto;
	width: 1030px;
}

.btn_fr {
	width: 228px;
}

@media (max-width: 479px) {

	#field3 .item_area {
		min-height: 450px !important;
	}

	.btn_fr_area {
		top: 375px;
		width: 100%;
	}

	.btn_fr {
		margin: 0 auto;
	}
}

/*TOP3/2追記*/

.sub_tit {
	font-size: 130%;
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
}

.bg_none {
	background: none !important;
}

@media (max-width: 479px) {
	.news_tit.clearfix.pcmt40 {
		margin-top: 35px;
	}
}

#page-top {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 3000;
	padding: 20px 5px;
	width: 90px;
	height: 60px;
	background: #000000;
	text-align: center;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif !important;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#page-top:hover {
	opacity: 0.6;
	opacity: 0.6;
	/* For IE 5-7 */
	filter: alpha(opacity=60);
	filter: Alpha("opacity=60");
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#page-top .top_img {
	padding-bottom: 15px;
}

.move-page-top {
	display: block;
	width: 50px;
	height: 50px;
	background-size: 25px;
	color: #fff;
	text-decoration: none;
	font-size: 9px;
	line-height: 14px;
	cursor: pointer;
}

.z-index {
	z-index: 1000!important;
}
/*3/5追記*/
.vertop {
	vertical-align: top;
}

.br-sp {
	display: none;
}

@media screen and (max-width: 479px) {
	.br-sp {
		display: block;
	}

	.new_eve {
		font-size: 5vw;
		line-height: 120%;
	}

	.new_date {
		padding: 0 0 5px 3px;
		font-size: 4vw;
	}
}

/*情熱スクロール追記0307*/
.pageNavIn::-webkit-scrollbar,
.topicsPageNavIn::-webkit-scrollbar {
	width: 10px;
	all: unset;
}

.pageNavIn::-webkit-scrollbar-track,
.topicsPageNavIn::-webkit-scrollbar-track {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.pageNavIn::-webkit-scrollbar-thumb,
.topicsPageNavIn::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(255,255,255,0.71);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.pageNav {
	position: relative;
}

.pageNavIn::-webkit-scrollbar {
	position: right: 20px;
}

.reci_bordr {
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}

@media (max-width: 479px) {
	.reci_picjeh {
		position: static;
		width: 100%;
	}

	.recipe_toptt {
		position: relative;
		top: 0;
		left: 0px;
		display: block;
		margin: 0 auto;
		width: 90%;
	}

	.reciarea {
		background: #000;
	}

	.reciarea .left {
		text-align: center;
	}

	#field3 .reciarea {
		min-height: 340px !important;
	}

	.btn_re_area {
		position: absolute;
		top: 340px;
		right: 0%;
		left: 0%;
		margin: auto;
		margin: auto;
		width: 260px;
	}
}

/*  160824　追加   */

@media (max-width: 479px) {
	#SHOP_CONTS #SHOP_TXT .shop_txt02 p {
		display: none;
	}

	#SHOP_LIST_AREA ul.pre_area li.wd4 ul.shop_box p a {
		padding: 0;
		width: 38%;
		color: #fff;
		font-size: 90%;
	}

	.searchTxt {
		margin: 0!important;
		padding: 0 0 3px 0!important;
		background: #fff!important;
	}

	.searchTxt a {
		margin: 0;
		padding: 0;
		background: #fff;
		text-align: left;
		font-size: 70%;
	}
}

/*---- 一升パン文字入れフォーム ここから ----*/
.orderLinkBox h3 {
	margin: 0;
}

.orderLinkBox {
	border: 1px solid #808080;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.orderLinkBox input[type="text"] {
	margin-top: 15px!important;
	height: 30px !important;
	border: 1px inset!important;
	background-color: rgb(238,238,238);
	text-align: center;
	font-size: 14px;
}

.orderLinkBox input[type="image"] {
	display: block;
	margin: 20px auto 0 auto;
}

.errRed {
	margin-top: 5px;
	color: #d80c18;
}

@media (min-width: 480px) {
	.orderLinkBox {
		margin-bottom: 40px;
		padding: 30px;
	}

	.orderLinkBox input[type="text"] {
		width: 300px !important;
		vertical-align: baseline;
	}

	.orderLinkBox input[type="image"] {
		width: 232px;
	}
}

@media (max-width: 479px) {
	.orderLinkBox h3 {
		padding: 0;
	}

	.orderLinkBox {
		margin: 30px 0;
		padding: 15px;
		width: initial;
		text-align: center;
	}

	.orderLinkBox input[type="text"] {
		width: 70% !important;
		vertical-align: baseline;
	}

	.orderLinkBox input[type="image"] {
		width: 70%;
	}
}
/*---- 一升パン文字入れフォーム ここまで ----*/

/*---- 一升パン注文書 ここから ----*/
#ORDERPAGE p {
	padding: 0px;
}

#ORDERPAGE .orderTitArea h1 {
	margin: auto;
	padding: 13px 0 7px 0;
	background-color: #000;
	color: #fff;
}

#ORDERPAGE .orderTitArea h2 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 18px;
}

#ORDERPAGE .orderImageArea {
	position: relative;
	margin: auto;
}

#ORDERPAGE .orderImageArea .orderImageTxtArea {
	position: absolute;
	top: 27%;
	left: 0%;
	width: inherit;
	color: #6b432c;
	font-weight: bold;
	line-height: 110%;
}

#ORDERPAGE .orderTxtArea {
	margin-top: 40px;
}

#ORDERPAGE .orderTxtArea p {
	margin-top: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	font-size: 14px;
}

#ORDERPAGE .backBtnArea	a {
	display: block;
	margin-top: 30px;
	padding: 12px 25px 8px 25px;
	background-color: #000;
	color: #fff;
}

@media (min-width: 480px) {
	#ORDERPAGE {
		margin-top: 60px;
		margin-right: auto;
		margin-left: auto;
		width: 600px;
	}

	#ORDERPAGE .orderImageArea {
		width: 337px;
		font-size: 55px;
	}

	#ORDERPAGE .orderTitArea h2 {
		margin-top: 30px;
		margin-bottom: 20px;
	}
}

@media (max-width: 479px) {
	#ORDERPAGE {
		padding: 0 20px 60px 20px;
	}

	#ORDERPAGE .orderImageArea .orderImageTxtArea {
		font-size: 46px;
	}

	#ORDERPAGE .orderImageArea {
		width: 280px;
	}

	#ORDERPAGE .orderTitArea h2 {
		margin-top: 20px;
		margin-bottom: 15px;
	}

	.gmap_shop {
		display: block;
		margin: 30px;
		padding: 5px 10px;
		width: 80%;
		border: solid 1px;
		text-align: center;
	}

	.all_cancel {
		background: no-repeat 20% 50% #e9e7e7!important;
	}

	.conect {
		margin-top: 50px;
		font-size: 30px;
	}

	.wifitempo {
		margin-top: 30px;
		font-size: 26px;
	}

	.freearea_wifi {
		margin-bottom: 20px;
		padding: 30px;
		text-align: left;
		font-size: 18px;
	}

	.freearea_wifi a {
		color: #006;
		text-decoration: underline;
	}
/*---- 一升パン注文書 ここまで ----*/



	.evph_w {
		margin: 15px 0;
		width: 100%;
		max-width: 100%;
		max-height: auto;
	}

	.eve_table_box {
		margin-top: 30px;
		padding: 10px 0 0 0;
	/* background:none; */
	}

	.t_event_table {
		margin: 0 auto;
		padding: 10px;
		width: 98%;
	/* border:none; */
		border-collapse: collapse;
	/* border-bottom:dotted 1px; */
		background: #F0F0F0;
		text-align: left;
	}

	.t_event_table td,.t_event_table th {
		display: block;
		padding: initial;
		background: #FFF;
		vertical-align: top;
	}

	.t_event_table th {
		padding: 5px;
		width: auto;
		border: none;
	/* background:#FAF0E6; */
		color: #603816;
		text-align: center;
	}

	.t_event_table td {
		padding: 10px 20px 20px 20px;
		border: none;
		border-bottom: solid 5px #FAF0E6;
	}

	.txt_cent {
		text-align: center;
	}
}








/*---- halloween ここから ----*/
.halloween2017 {
	background-color: #340632;
}

.halloween2017 p,.halloween2017 h2 span {
	color: #fff;
}

.halloween2017 #ITEMS_SUB_TIT h1 {
	display: inline-block;
	color: #fff;
	vertical-align: middle;
	text-align: left;
}

.halloween2017 #ITEMS_SUB_TIT img.pc_area {
	display: inline!important;
	vertical-align: middle;
}

.halloween2017 h2 {
	color: #ff7d22;
}

.halloween2017 h2 span.type {
	padding: 5px 10px;
	background-color: #fcff3c;
	color: #0c0044;
	font-weight: 600;
	font-size: 12px;
	font-family: "gothic";
}

.halloween2017 #ITEMS_MAIN {
	width: 100%;
}

.halloween2017 #ITEMS_MAIN .wrap {
	margin: 0 auto;
	padding-top: 70px;
	width: 1080px;
}

.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type {
	float: right;
	width: 67%;
}

.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p {
	display: block;
	margin-top: 20px;
	padding: 0 14px;
	font-size: 50px;
	line-height: 1;
}

.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p  > span:first-of-type {
	display: block;
	margin: 6px;
	padding-left: 70px;
	font-weight: 600;
	font-size: 35%;
	font-family: "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",

   serif;
	line-height: 1;
}

.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p  > span {
	display: block;
	margin: 6px;
	padding-left: 100px;
	font-weight: 600;
	font-size: 94%;
	font-family: "ヒラギノ明朝 ProN W6",
   "HiraMinProN-W6",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",

   serif;
	line-height: 1;
}

.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p  span span {
	position: relative;
	display: inline-block;
}

.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p  span span::before,
.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p  span span::after {
	position: absolute;
	bottom: 9px;
	margin: 0 15px;
	width: 45px;
	border-bottom: 2px solid #fff;
	content: "";
}

.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p  span span::before {
	right: 100%;
}

.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p  span span::after {
	left: 100%;
}

.halloween2017 #ITEMS_MAIN .wrap > div:nth-of-type(2) {
	float: left;
	overflow: hidden;
	width: 32%;
}

.halloween2017 #ITEMS_MAIN .wrap > div img {
	width: 102%;
}

.halloween2017 .new_date {
	margin-top: 5px;
}

.halloween2017 .new_item_bloc06 .bl06_01 {
	right: 71px;
}

.halloween2017 .new_item_bloc02 .chara-guide {
	right: -31%;
}

.halloween2017 .new_item_bloc07 .chara-guide {
	right: -3%;
	bottom: 50%;
}

@media (max-width: 479px) {
	#ITEMS_CONTS.halloween2017 #ITEMS_MAIN .wrap > div,
	.halloween2017 #ITEMS_MAIN .wrap {
		float: none;
		width: 100%;
	}

	.halloween2017 #ITEMS_MAIN .wrap {
		padding-top: 50px;
	}

	.halloween2017 #ITEMS_MAIN {
		padding-top: 5px;
		max-height: 1000px;
	}

	.halloween2017 #ITEMS_MAIN .wrap > div img {
		padding: 0 15px;
		width: calc(100% - 30px);
	}

	.halloween2017 #ITEMS_SUB_TIT img.pc_area {
		display: none!important;
	}

	.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p {
		text-align: center;
	}

	.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p  > span,
	.halloween2017 #ITEMS_MAIN .wrap > div:first-of-type p  > span:first-of-type {
		padding-left: 0;
	}
}
/*---- halloween ここまで ----*/

/*---- ポンパちゃんとドウルおじさん　ここから ----*/


.con_area {
	margin: 0 auto;
	width: 980px;
	text-align: left;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif !important;
}

.intro_area {
	clear: both;
}

.intro_area h1 {
	display: inline-block;
	padding: 10px 5px;
	width: 350px;
	background: #C30D23;
	color: #FFF;
	text-align: center;
	font-size: 30px;
	line-height: 130%;
}

.intro_area P {
	float: right;
	margin-right: 100px;
	font-size: 26px;
	line-height: 130%;
}

.chara_shokai1 {
	clear: both;
	margin-top: 100px;
	margin-bottom: 50px;
}

.chara_shokai1 img {
	float: left;
}

.chara_shokai1 p {
	margin-left: 350px;
	padding: 30px;
	width: 350px;
	border-radius: 10px;
	background: #FEF0DD;
	font-size: 18px;
}

.chara_shokai2 {
	clear: both;
	margin-top: 100px;
	margin-bottom: 180px;
}

.chara_shokai2 img {
	float: right;
}

.chara_shokai2 p {
	margin-left: 250px;
	padding: 30px;
	width: 350px;
	border-radius: 10px;
	background: #FEF0DD;
	font-size: 18px;
}

.hankachi {
	margin-top: 50px;
	padding: 50px 0 150px 0;
	width: 100%;
}

.han_div {
	display: inline-block;
	margin-right: 20px;
	width: 300px;
	vertical-align: top;
}

.han_div img {
	width: 100%;
}

@media (max-width: 479px) {

	.con_area {
		box-sizing: border-box;
		margin: 0 auto;
		padding: 0 10px;
		width: 100%;
		text-align: left;
	}

	.intro_area {
		clear: both;
	}

	.intro_area h1 {
		display: block;
		box-sizing: border-box;
		padding: 10px 5px;
		width: 100%;
		color: #FFF;
		font-weight: bold;
		font-size: 26px;
	}

	.intro_area P {
		float: none;
		margin-top: 15px;
		margin-right: unset;
		font-size: 18px;
	}

	.chara_shokai1 {
		clear: none;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.chara_shokai1 img {
		float: none;
		box-sizing: border-box;
		width: 100%;
	}

	.chara_shokai1 p {
		box-sizing: border-box;
		margin-left: 0;
		padding: 20px;
		width: 100%;
		font-size: 16px;
	}

	.chara_shokai2 {
		clear: none;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.chara_shokai2 img {
		float: none;
	}

	.chara_shokai2 p {
		box-sizing: border-box;
		margin-left: 0;
		padding: 20px;
		width: 100%;
		font-size: 16px;
	}

	.hankachi {
		box-sizing: border-box;
		margin-top: 0px;
		padding: 10px 0 100px 0;
		width: 100%;
		text-align: center;
	}

	.han_div {
		display: inline-block;
		box-sizing: border-box;
		margin-right: unset;
		width: 100%;
		vertical-align: top;
	}
}

/*---- ポンパちゃんとドウルおじさん　ここまで ----*/

/* メープルシロップ 180529 */

.maple_page p {
	font-family: "meiryo", "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.maple_page h2 {
	font-family: "Kozuka Mincho Pro", "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
}

p.maple_price {
	font-family: "Kozuka Mincho Pro", "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.maple_all p {
	text-align: justify;
	text-justify: inter-ideograph;
}

.maple_all a {
	text-decoration: underline;
}

.maple_all a:hover {
	text-decoration: none!important;
}

@media (min-width: 768px) {


	.area_08_2  {
		font-size: 18px;
	}

	.maple_page {
		margin-top: 200px;
		min-width: 757px;
	}

	.maple_01 p {
		font-size: 15px;
	}

	.maple_text_02 {
		margin-top: 40px!important;
	}

	.area_01 h1 {
		margin: 20px 0;
		color: #5e5224;
		font-size: 55px;
		line-height: 1.0em;
	}

	.maple_amber {
		display: inline-block;
		box-sizing: border-box;
		padding: 25px;
		width: 100%;
		background: #c89f62;
		color: #FFF;
		text-align: left;
		font-size: 35px;
		line-height: 120%;
	}

	.maple_price span {
		font-size: 40px;
	}

	.maple_price {
		font-size: 20px!important;
	}

	.maple_text_01 {
		box-sizing: border-box;
		padding: 10px;
	}

	.ponpa_talk {
		margin: auto;
		padding: 30px;
		width: 80%;
		border-radius: 10px;
		background: #fde9f2;
		text-align: left;
		font-size: 18px;
	}

	.ponpa_chara {
		text-align: center;
	}

	.maple_left {
		float: left;
		float: none;
		display: table-cell;
		padding-right: 1%;
		width: 49%;
		vertical-align: middle;
	}

	.maple_right {
		float: right;
		float: none;
		display: table-cell;
		padding-left: 1%;
		width: 49%;
		vertical-align: middle;
	}

	.maple_right img {
		width: 100%;
	}

	.maple_area {
		margin: 25px 0 25px 0;
	}

	.clearfix::after {
		clear: both;
		display: block;
		content: "";
	}

	.maple_rink {
		margin-top: 80px;
	}

	.maple_rink_02 {
		margin-top: 80px;
	}

	.maple_rink_03 {
		margin-top: 40px;
}

	.maple_dark {
		display: inline-block;
		box-sizing: border-box;
		padding: 25px;
		width: 100%;
		background: #946134;
		color: #FFF;
		text-align: left;
		text-align: left;
		font-size: 35px;
		line-height: 120%;
	}

	.maple_dark_02 {
		display: inline-block;
		box-sizing: border-box;
		padding: 25px;
		width: 100%;
		background: #981c21;
		color: #FFF;
		text-align: left;
		text-align: left;
		font-size: 35px;
		line-height: 120%;
	}

	.maple_left p {
		font-size: 18px;
	}

	.maple_right p {
		font-size: 18px;
	}

	.dowl_talk {
		margin: auto;
		padding: 30px;
		width: 80%;
		border-radius: 10px;
		background: #eae7d4;
		font-size: 18px;
	}

	.dowl_chara {
		margin-top: 30px;
		text-align: center;
	}

	.area_01 {
		margin-top: 30px;
		width: 100%;
		max-width: 960px;
	}

	.area_02 {
		width: 100%;
		max-width: 960px;
	}

	.area_03 {
		margin-bottom: 60px;
		padding-bottom: 60px;
		width: 100%;
		max-width: 960px;
		border-bottom: 2px solid #946134;
	}

	.area_04 {
		width: 100%;
		max-width: 960px;
	}

	.area_05 {
		margin-bottom: 60px;
		padding-bottom: 60px;
		width: 100%;
		max-width: 960px;
		border-bottom: 2px solid #946134;
	}

	.area_06 {
		width: 100%;
		max-width: 960px;
	}

	.area_07 {
		margin: 0!important;
		padding-bottom: 20px;
		width: 100%;
		max-width: 960px;
	}

	.area_01 p {
		margin-top: 10px;
		font-size: 22px;
	}

	.mapleimg05 {
		margin-top: 50px;
	}

	.mama_talk {
		margin: auto;
		padding: 30px;
		width: 80%;
		border-radius: 10px;
		background: #fffbce;
		font-size: 18px;
	}

	.mama_chara {
		margin-top: 50px;
		text-align: center;
	}

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

	.mapleimg_top {
		display: block;
		visibility: visible;
		margin: auto;
		width: 100%;
		max-width: 960px;
	}

	.maple_all {
		margin: 0 auto;
		padding: 0 20px;
		max-width: 960px;
	}

	.maplemargin {
		margin-top: 10px;
	}

	.sp {
		display: none;
	}

	.chara_name {
		margin-top: 10px;
		color: #c30d22!important;
		text-align: center!important;
		font-size: 20px!important;
	}

	.maple_btn a {
		display: block;
		box-sizing: border-box;
		margin: auto;
		margin-top: 25px!important;
		padding: 10px;
		width: auto;
		background: #981c21;
		text-align: center!important;
		text-decoration: none;
		font-size: 20px;
		transition: opacity .3s;
	}

	.maple_btn a {
		padding: 10px;
		color: #FFF!important;
		text-decoration: none;
		cursor: pointer;
	}

	.maple_btn a:hover {
		opacity: 0.7;
	}


	.area_08 {
		padding-bottom: 170px;
	}
}

@media (max-width: 767px) {
	body > section {
		margin-bottom: 50px;
	}

	.area_08 h3 {
		font-size: 25px!important;
	}

	.area_06 {
		margin-bottom: 30px;
	}

	.area_01 {
		margin-bottom: 50px;
		padding-bottom: 4%;
	}

	.pc {
		display: none;
	}

	.maple_btn a {
		display: block;
		box-sizing: border-box;
		margin-top: 10px;
		padding: 30px;
		width: auto;
		background: #981c21;
		text-align: center!important;
		text-decoration: none;
		font-size: 24px;
		transition: opacity .3s;
	}

	.maple_btn a {
		color: #FFF!important;
		cursor: pointer;
	}

	.maple_btn a:hover {
		opacity: 0.7;
	}

	.maple_all img {
		width: 100%;
		height: auto;
	}

	.clearfix::after {
		clear: both;
		display: block;
		content: "";
	}

	.maple_left {
		width: 100%;
	}

	.maple_right {
		width: 100%;
	}

	.pc {
		display: none;
	}

	.area_01 h1 {
		margin: 10px 0 10px 0;
		color: #5e5224;
		font-size: 35px;
		line-height: 1em;
	}

	.ponpa_talk {
		box-sizing: border-box;
		margin: auto;
		margin-left: 0!important;
		padding: 30px;
		width: 100%;
		border-radius: 10px;
		background: #fde9f2;
		text-align: left;
		font-size: 15px;
	}

	.maple_amber {
		display: inline-block;
		box-sizing: border-box;
		padding: 10px 8px;
		width: 100%;
		background: #c89f62;
		color: #FFF;
		text-align: left;
		font-size: 25px;
		line-height: 130%;
	}

	.maple_dark {
		display: inline-block;
		box-sizing: border-box;
		padding: 10px 8px;
		width: 100%;
		background: #946134;
		color: #FFF;
		text-align: left;
		font-size: 25px;
		line-height: 130%;
	}

	.maple_dark_02 {
		display: inline-block;
		box-sizing: border-box;
		padding: 10px 8px;
		width: 100%;
		background: #981c21;
		color: #FFF;
		text-align: left;
		font-size: 25px;
		line-height: 130%;
	}

	.dowl_talk {
		box-sizing: border-box;
		margin: auto;
		margin-left: 0!important;
		padding: 30px;
		width: 100%;
		border-radius: 10px;
		background: #eae7d4;
		text-align: left;
		font-size: 15px;
	}

	.mama_talk {
		box-sizing: border-box;
		margin: auto;
		margin-left: 0!important;
		padding: 30px;
		width: 100%;
		border-radius: 10px;
		background: #fffbce;
		text-align: left;
		font-size: 15px;
	}

	.area_07 {
		margin: 0!important;
	}

	.maple_all p {
		font-size: 15px;
	}

	.maple_all h1 {
		margin-left: 10px;
		font-size: 30px;
	}

	.maple_all h2 {
		font-size: 25px;
	}

	.maple_all span {
		font-size: 15px;
	}

	.spimg {
		width: 50%!important;
	}

	.spimgmama {
		width: 50%!important;
	}

	.ponpa_chara {
/* margin-top: 10px; */
		text-align: center;
	}

	.dowl_chara {
		margin-top: 10px;
		text-align: center;
	}

	.mama_chara {
		margin-top: 10px;
		text-align: center;
	}

	.maple_area {
		margin-top: 10px;
	}

	.area_03 img {
		margin: 0 0 10px;
	}
/* .mapleimg04 {
	margin-top: 10px; */

	.mapleimg06 {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.area_05 img {
		margin-bottom: 10px;
	}

	.maple_all {
		padding: 4%;
	}

	.mapletopsp {
		padding: 0;
	}

	.maple_page {
		padding-bottom: 100px;
		min-width: 100%;
	}

	.maple_page span {
		font-size: 23px;
	}

	.chara_name {
		margin-top: 30px;
		color: #c30d22!important;
		text-align: center!important;
		font-size: 20px!important;
	}

	p.maple_price {
		padding: 0 4px;
	}

	.area_08_2 {
		margin-top: 50px;
	}
}

@media (min-width: 1200px) {


	.maple_left p {
		font-size: 18px;
	}

	.maple_right p {
		font-size: 18px;
	}
}

@media (max-width: 940px) {

	.maple_left p {
		font-size: 15px;
	}

	.maple_right p {
		font-size: 15px;
	}

	.area_01 h1 {
		font-size: 43px;
	}
}


.area_08_2 {
	padding: 35px;
	border: solid 2px #9461347a;
	position: relative;
}

.area_08 ul li {
	line-height: 1.5;
	padding: 7px 0;
	list-style: disc;
	margin-left: 2%;
}


.area_08 h3 {
    font-size: 30px;
    background: white;
    padding: 0 .5em;
	position: absolute;
	top: -11px;
	left: 10px;
}





/* サラダロール 180629 */

.roll_page p {
	font-family: meiryo, "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.roll_all {
    margin: 0 auto;
    max-width: 960px;
}

.roll_mv img.pc {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
	margin-top: 100px;
}

.roll_area01 {
	overflow: hidden;
	margin-top: 40px;
}

.roll_left {
	float: left;
	width:40%;
}

.roll_left img {
	width:100%;
	height: auto;
}

.roll_right {
	float: right;
	width:60%;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.roll_right img {
	width: 80%;
	height: auto;
	padding-bottom: 7.7%;
}

.roll_howeat01 {
	overflow: hidden;
	margin-top: 40px;
}

.roll_howeat01 img.left {
	float: left;
	margin-right: 40px;
}

.roll_howeat01 img.right {
	float: right;
}

.roll_area03 {
	overflow: hidden;
	width: 590px;
	margin: 0 auto;
	margin-top: 40px;
}

.roll_area03 img {
	float: right;
	width: 220px;
	height: auto;
}

.ponpachan {
	float: left;
	display: flex;
	align-items: center;
	margin: 0 auto;
	height: 210px;
}

.ponpachan p {
	font-size: 18px;
	font-weight: 400;
	padding: 30px;
	border-radius: 10px;
	background: #fde9f2;
}

.roll_area04 {
	margin-top: 10px;
	border-top: 2px dotted #333;
	border-bottom: 2px dotted #333;
}

.roll_howeat02 {
	overflow: hidden;
	width: 640px;
	margin: 0 auto;
	padding: 40px 0;
}

.roll_howeat02 img.left {
	float: left;
	width: 300px;
	height: auto;
}

.roll_howeat02 img.right {
	float: right;
	width: 300px;
	height: auto;
}

.roll_area05 {
	overflow: hidden;
	margin-top: 40px;
	padding-bottom: 170px;
}

.ojisan {
	float: left;
	width: 360px;
	text-align: center;
}

.ojisan img {
	width: 210px;
	height: auto;
	margin: 0 auto;
}

.ojisan p {
	font-size: 18px;
	font-weight: 400;
	padding: 30px;
	border-radius: 10px;
	background: #eae7d4;
	text-align: left;
}

.roll_last {
	float: right;
}

.roll_last img {
	width: 580px;
	height: auto;
}

.roll_btn a {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	padding: 28px;
	width: auto;
	color: #fff;
	background: #981c21;
	text-align: center!important;
	text-decoration: none;
	font-size: 20px;
	transition: opacity .3s;
}

.roll_btn a:hover {
	text-decoration: none!important;
	opacity: 0.7;
}

.br_sp {
	display: none;
}

.br_pc {
	display: block;
}

.roll_page_btn a{
	cursor: pointer;
	display: block;
	padding: 10px;
	border: 5px solid #000;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	width: 40%;
	margin-top: 20px;
	transition: 0.2s;
}

.roll_page_btn a:hover {
	color: #FFF;
	background: #000;
	text-decoration: none!important;
	
}


@media (max-width: 767px) {

	.roll_page {
		width: 100%;
		margin: 0 auto;
	}

	.roll_mv img.pc{
		margin-top: 32px;
		display: none;
	}
	
	.roll_mv img.sp{
		margin-top: 65px;
		display: block;
	}
	
	.roll_all {
		width: 90%;
		margin: 0 auto;
	}

	.roll_area01 {
		margin-top: 20px;
	}
	
	.roll_right {
		float: none;
		width: 100%;
		height: 100px;
	}

	.roll_right img {
		width: 100%;
	}

	.roll_howeat01 {
		margin-top: 0;
	}
	
	.roll_howeat01 img {
		margin-bottom: 40px;
	}

	.roll_area03 {
		overflow: hidden;
		width: 100%;
		margin-top: 0;
		text-align: center;
	}

	.roll_area03 img {
		float: none;
		width: 40%;
		height: auto;
	}

	.ponpachan {
		float: none;
		display: flex;
		align-items: center;
		margin: 0 auto;
		height: auto;
	}

	.ponpachan p {
		width: 100%;
		font-size: 16px;
		font-weight: 400;
		text-align: left;
	}

	.roll_area04 {
		margin-top: 40px;
		border-top: none;
		border-bottom: none;
	}

	.roll_howeat02 {
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.roll_howeat02 img.left {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}

	.roll_howeat02 img.right {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	
	.roll_area05 {
		margin-top: 0;
		padding-bottom: 100px;
	}

	.ojisan {
		float: none;
		width: 100%;
		text-align: center;
	}

	.ojisan img {
		width: 40%;
	}

	.ojisan p {
		width: auto;
		font-size: 16px;
		font-weight: 400;
		text-align: left;
	}

	.roll_last {
		float: none;
		margin-top: 20px;
	}

	.roll_last img {
		width: 100%;
	}

	.roll_btn a {
		cursor: pointer;
		display: block;
		margin: 0 auto;
		margin-top: 20px;
		padding: 28px;
		width: auto;
		color: #fff;
		background: #981c21;
		text-align: center!important;
		text-decoration: none;
		font-size: 20px;
		transition: opacity .3s;
	}

	.roll_btn a:hover {
		text-decoration: none!important;
		opacity: 0.7;
	}

	.br_sp {
		display: block;
	}
	
	.br_pc {
		display: none;
	}

}
@media (min-width: 480px) {
#insta_cam{
		padding-bottom:150px;
		width:960px;
		margin:0 auto;
}
#insta_main{
	margin-top:150px;
	text-align:center;
}
#insta_main img{
	width:100%;
	max-width:594px;
}
#insta_main h1{
	color:#f00;
	font-size:1.8em;
	margin-bottom: 30px;
	font-weight:bold;
}
#insta_main p{
	font-size:1.3em;
	margin:20px 0;
}
/*#insta_ex{
	background-image: url("../instagram/images/instagram_qr.png"),url("../instagram/images/pompa_ojisan.png");
	background-repeat:no-repeat,no-repeat;
	background-position:100% 0%,100% 75%;
}*/
#insta_ex table{
	margin:0 auto;
	text-align:left;
}
#insta_ex table a{
	text-decoration:underline;
}
#english{
	padding-bottom:150px;
	width:980px;
	margin:0 auto;
}
.eng_cont{
	margin-top:150px;
	text-align:center;
	display:flex;
}
.eng_cont .eng_txt{
	width: 600px;
}
.eng_cont .eng_txt{
	display: block;
	width:600px;
}
.eng_cont .eng_txt p{
   word-break: normal;		
}
.eng_cont .eng_img{
	width: 350px;
}	
}
@media (max-width: 479px) {
#insta_cam{
		width:90%;
		margin:0 auto;
		padding-bottom:80px;
}
#insta_main{
	margin-top:80px;
	text-align:center;
}
#insta_main h1{
	color:#f00;
	font-size:13px;
}
#insta_main p{
	font-size:11px;
}
#insta_ex table{
	margin:0 auto;
	text-align:left;
	font-size:11px;
}
#insta_ex table a{
	text-decoration:underline;
}
#english{
		width:90%;
		margin:0 auto;
		padding-bottom:80px;
}
.eng_cont{
	margin-top:80px;
	text-align:center;
}
}