body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

img{
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

ul{	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; } 




.clear { clear:both; }  


a, a:link, a:active, a:visited {
	color: #ED6C00;
	outline: none;
	border: none;
	text-decoration: none;
}

a:hover {
  filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

p {
	letter-spacing: 1px;	
	color: #333;
	line-height: 24px;

}

  



/*	header
________________________________________*/

header {
	position: relative;
	z-index: 1;
	height: 1068px;
}
header .inner{
	height: 110px;
	background:rgba(0,0,0,0.8);
}


header .left{
	margin-left: 40px;
	float: left;
}
header .left img{
	margin-top: 20px;
	width: 280px;
	height: 60px;

}

header .left a:hover{
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}



header .right{
	margin-right: 40px;
	float: right;
}

header .right ul li{
	font-size: 16px;
	float: left;
	color: #fff; 
	margin-left: 35px;
	padding-left: 15px;
	background: url('../img/common/arrow-right.svg') no-repeat;
	background-size: 8px 8px;
	background-position: 0px 7px;
}

header .right ul.first{
	margin-top: 7px;
	margin-bottom: 7px;
	float: right;	
}
header .right ul.second{
	padding-top: 35px;
	clear: both;
}


header .right ul.event {
	position: absolute;
	margin-top: 4px;
}

header .right ul.event a li{ 
	margin-bottom: 1px;
	font-size: 14px;
	font-weight: bold;
	clear: both;
	float: none;
	text-decoration: underline;
	color: #ff8c00;
}





header .right ul.second a.contact li{
	font-size: 15px;
	margin-top: -20px;	
	margin-left: 60px;
	padding: 10px 50px 10px 50px;
    border: 1px solid #fff;
	background-color: #CD5D00;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-position: 10px 17px;
}
header .right ul.second a.session li{
	font-size: 15px;
	margin-top: -20px;	
	margin-left: -1px;
	padding: 10px 40px 10px 40px;
    border: 1px solid #fff;
	background-color: #005D95;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-position: 10px 17px;
}


header .respons-full h1{
	margin-left: 100px;
	margin-top: 300px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;	
	/*
	background: url('../img/header/main-title.png') no-repeat;
	*/
	background-size: 650px 190px;	
	background-position: 10px 17px;
	width: 750px;
	height: 200px;
}




header .english .center ul{
	margin-left: 35px;
	margin-top: 45px;
	float: left;	
}

header .english .center ul li{
	font-size: 16px;
	float: left;
	color: #fff; 
	margin-left: 35px;
	padding-left: 15px;
	background: url('../img/common/arrow-right.svg') no-repeat;
	background-size: 8px 8px;
	background-position: 0px 7px;
}


header .respons-full h1.english{
	margin-left: 100px;
	margin-top: 300px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;	
	/*
	background: url('../img/header/main-title-en.png') no-repeat;
	*/
	background-size: 650px 190px;	
	background-position: 10px 17px;
	width: 750px;
	height: 200px;
}



/*	menu
_________________*/

.drawer-menu li a{
	color: #333;
}

.drawer-menu li.title{
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	border-bottom: none;
	border-top: none;
	padding: 15px 20px 10px 20px;
}
.drawer-menu li.menu{
	border-bottom: 1px solid #dcdddd;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 20px;
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 40px 25px;
	background: url('../img/common/arrow-gray-right.svg') no-repeat left;
	background-size: 8px 8px;	
	background-position: 0px 6px;
}
.drawer-menu li.menu.padding{
	padding: 0px 0px 60px 25px;
}

ul.drawer-menu{
	padding: 10px 0px 10px 0px;
}


.menu {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	height: 0px;
}

.menu > li {
	font-size: 16px;
	letter-spacing: 1px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 40px;
   	line-height: 40px;

}

.menu > li a.header {
    display: block;
    color: #333;
}


ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}


.menu > li:hover {
	color: #d4987e;
	text-decoration: none;
    background:;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu-second-level li {
	padding-top: 20px;
	padding-bottom: 20px;
    border-top: 1px solid #eee8aa;
	background: url('../img/header/navi01.svg') no-repeat left;
	background-size: 18px 18px;	
	background-position: 15px;	
}
.menu-second-level li:last-child{
    border-bottom: 1px solid #eee8aa;
}


/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}
.menu {
    *zoom: 1;
}

.menu > li.menu-single {
    position: relative;
}
li.menu-single ul.menu-second-level {
	padding: 0 10px 0px 10px;
	font-size: 14px;
	letter-spacing: 1px;
	position: absolute;
	top: 40px;
	width: 100%;
	background: #FFFCF6;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}
li.menu-single:hover ul.menu-second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}




@media all and (max-width: 1401px) {
header .right ul li{
	font-size: 15px;
	margin-left: 25px;
	padding-left: 10px;
	background-size: 8px 8px;
	background-position: 0px 7px;
}
header .right ul.second a.contact li{
	font-size: 14px;
	margin-top: -20px;	
	margin-left: 30px;
	padding: 10px 35px 10px 35px;

	background-position: 10px 17px;
}
header .right ul.second a.session li{
	font-size: 14px;
	margin-top: -20px;	
	margin-left: -1px;
	padding: 10px 20px 10px 30px;
	background-position: 10px 17px;
}
}

@media all and (max-width: 1191px) {
header .inner{
	height: 90px;
}
header .left{
	margin-left: 20px;
	width: 250px;
	height: 70px;
}
header .left img{
	margin-top: 20px;
	width: 220px;
	height: 50px;
}

header .right{
	margin-right: 20px;
}

header .right ul li{
	font-size: 15px;
	margin-left: 20px;
	padding-left: 10px;
	background-size: 8px 8px;
	background-position: 0px 7px;
}
header .right ul.second a.contact li{
	font-size: 13px;
	margin-top: -20px;	
	margin-left: 20px;
	padding: 10px 25px 10px 25px;
	background-position: 10px 15px;
}
header .right ul.second a.session li{
	font-size: 13px;
	margin-top: -20px;	
	margin-left: -1px;
	padding: 10px 15px 10px 20px;
	background-position: 10px 15px;
}
header .english .center ul{
	margin-left: 35px;
	margin-top: 35px;
	float: left;	
}

}

@media screen and (min-width: 991px) {
.d-menu{		
	display: none;
}
}
@media all and (max-width: 991px) {
header .right{
	display: none;
}
header .english .center{
	display: none;
}
header .inner{
	height: 70px;
}
header .left img{
	margin-top: 10px;
}
}


@media screen and (max-width: 991px) {
header{
	height: 700px;
}
header .respons-full h1,
header .respons-full h1.english{
	margin-left: 5%;
	margin-top: 190px;
	background-size: 600px 150px;	
	background-position: 10px 17px;
	width: 600px;
	height: 150px;
}


}

@media screen and (max-width: 800px) {
header{
	height: 600px;
}
header .respons-full h1,
header .respons-full h1.english{
	margin-left: 5%;
	margin-top: 150px;
	background-size: 600px 150px;	
	background-position: 10px 17px;
	width: 600px;
	height: 150px;
}
}

@media screen and (max-width: 700px) {
header{
	height: 500px;
}
header .respons-full h1,
header .respons-full h1.english{
	margin-left: 2%;
	margin-top: 100px;
	background-size: 550px 150px;	
	background-position: 10px 17px;
	width: 550px;
	height: 150px;
}
}

@media screen and (max-width: 600px) {
header{
	height: 400px;
}
header .respons-full h1,
header .respons-full h1.english{
	margin-left: 2%;
	margin-top: 80px;
	background-size: 400px 100px;	
	background-position: 10px 17px;
	width: 400px;
	height: 100px;
}
}

@media screen and (max-width: 500px) {
header{
	height: 300px;
}
header .respons-full h1,
header .respons-full h1.english{
	margin-left: 0%;
	margin-top: 30px;
	background-size: 350px 100px;	
	background-position: 10px 17px;
	width: 350px;
	height: 100px;
}
}




/*	home
________________________________________*/


.home .section01{
	background: url('../img/home/bg01.svg') no-repeat;
	background-size: 300px 210px;
	background-position: 9% -60px;

}

.home .section01 h2{
	margin-top: 70px;
	padding-top: 80px;
	font-size: 23px;
	line-height: 36px;
	font-weight: bold;
	background: url('../img/home/section01-title.svg') no-repeat;
	background-size: 250px 60px;
	background-position: 0px 10px;
}
.home.english .section01 p{
	margin-top: 70px;
	padding-top: 80px;
	font-size: 16px;
	line-height: 32px;
	background: url('../img/home/section01-title-en.svg') no-repeat;
	background-size: 200px 60px;
	background-position: 0px 10px;
}

.home .section01 p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 32px;

}


a.navi-btn{
	letter-spacing: 1px;
	text-align: center;
	color: #333;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;	
	margin-left: 0px;
	padding: 25px 10px 25px 10px;
    border: 1px solid #C9CACA;
	background-color: #fff;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 10px 10px;
	background-position: 95% 30px;
}

a.navi-btn.pink{
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 10px 10px;
	background-position: 95% 30px;
	background-color: #FFF6E9;
}

a.navi-btn.orange{
	color: #fff;
	background: url('../img/common/arrow-right.svg') no-repeat;
	background-color: #ED6C00;
    border: 1px solid #ED6C00;
	background-size: 10px 10px;
	background-position: 95% 30px;
}
a.navi-btn.orange.width100{
	margin-top: 20px;	
	color: #fff;
	background: url('../img/common/arrow-right.svg') no-repeat;
	background-color: #ED6C00;
    border: 1px solid #ED6C00;
	background-size: 10px 10px;
	background-position: 98% 30px;
}
a.navi-btn.white.width100{
	margin-top: 20px;	
	color: #333;
    border: 1px solid #C9CACA;
	background-color: #fff;
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 10px 10px;
	background-position: 98% 30px;
}



a.navi-btn.margin01{
	margin-top: 50px;
	background-color: #fff;
}
a.navi-btn.margin02{
	margin-top: 10px;
	background-color: #fff;

}
a.navi-btn.margin03{
	margin-top: 70px;
	margin-bottom: 70px;
	background-color: #fff;
}
a.navi-btn.width{
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	margin-bottom: 70px;
	width: 350px;
	background-color: #fff;
}
a.navi-btn.en{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 0px;
	width: 350px;
	background-color: #fff;
}





.home .section01 h3{
	margin-top: 80px;
	font-size: 17px;
	font-weight: bold;
	padding-left: 30px;
	background: url('../img/common/icon-midashi-logo.svg') no-repeat;
	background-size: 20px 20px;
	background-position: 0px 0px;
}

.home .section01 .respons-5 .inner{
	height: 75px;
	margin-bottom: 20px;	
    border: 1px solid #C9CACA;
	text-align: center	;
}

.home .section01 .respons-5 .inner.padding-top{
	font-size: 30px;
	padding-top: 14px;
}

.home .section01 .brand-logo-table table{
	width: 100%;
	table-layout: fixed;
}

.home .section01 .brand-logo-table table td{
	padding: 5px 10px 5px 10px;
}
.home .section01 .brand-logo-table table td.left{
	padding: 5px 10px 5px 0px;
}
.home .section01 .brand-logo-table table td.right{
	padding: 5px 0px 5px 10px;
}
.home .section01 .brand-logo-table table td .inner{
    border: 1px solid #C9CACA;	
}




.home .section02{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/section02-img01.jpg') no-repeat, url('../img/home/bg02.svg') no-repeat;
	background-size: 906px 848px, 400px 320px;
	background-position: 0% 130px,89% -70px;
} 


.home .section02 .respons-6.right img{
	width:160px;
	height:160px;
}
.home .section02 h2{
	margin-top: 50px;
	padding-top: 70px;
	font-size: 23px;
	line-height: 36px;
	font-weight: bold;
	background: url('../img/home/section02-title.svg') no-repeat;
	background-size: 280px 60px;
	background-position: 0px 10px;
}

.home .section02 p{
	margin-top: 60px;
	font-size: 16px;
	line-height: 32px;
}


.home .section03{
	background: #F7F6F5;
	padding-top: 70px;
	padding-bottom: 70px;
}

.home .section03 .respons-4 .inner{
	background: #fff;
}

.home .section03 a span{
	letter-spacing: 1px;
	text-align: center;
	color: #333;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;	
	margin-left: 0px;
	padding: 25px 10px 25px 10px;
    border: none;
	background-color: #fff;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 10px 10px;
	background-position: 95% 30px;
}


.home .section04{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/bg03.svg') no-repeat;
	background-size: 400px 350px;
	background-position: 10% -100px;
}

.home .section04 h2{
	padding-top: 30px;
	padding-bottom: 0px;
	margin-bottom: 5px;

	text-align: center;
	font-size: 26px;
	font-weight: bold;
	background: url('../img/common/icon-midashi-logo.svg') no-repeat;
	background-size: 20px 20px;
	background-position: center 0px;
}

.home .section04 span{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 1px;

}


/*	tab
_____________________*/

.tab_panel{
	display: none;
}

.tab_content {
	margin-top: 60px;
}
/*
.tab_content {
	display: flex;
	justify-content: space-around;
}
*/


.tab_content .respons-4.first{
	width: 33%;
	padding-left: 0px;
	padding-right: 0px;	
	margin: 0;
}
.tab_content .respons-4.second{
	width: 33%;
	padding-left: 0px;
	padding-right: 0px;	
	margin: 0;
}
.tab_content .respons-4.third{
	width: 34%;
	padding-left: 0px;
	padding-right: 0px;	
	margin: 0;
}

/* .tab_content .respons-4.third{
	font-size: 18px;
	line-height: 18px;
}

.tab_content .respons-4.third small{
	font-size: 14px;
	line-height: 14px;
} */





/*通常時のタブ装飾*/
.tab_btn {  
	text-align:center;
	border: 1px solid #fff;
	border-radius: 0px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	flex: 1;
	font-size: 18px;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	transition: all .3s ease-in-out;
	vertical-align: middle;
	background: url('../img/common/arrow-bottom.svg') no-repeat;
	background-size: 10px 10px;
	background-position: center 50px;
	background-color: #C9CACA;
}

.tab_btn.height {  
	text-align:center;
	border: 1px solid #fff;
	border-radius: 0px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	flex: 1;
	font-size: 18px;
	padding-bottom: 15px;
	padding-top: 15px;
	position: relative;
	transition: all .3s ease-in-out;
	vertical-align: middle;
	background: url('../img/common/arrow-bottom.svg') no-repeat;
	background-size: 10px 10px;
	background-position: center 52px;
	background-color: #C9CACA;
}








/*カレントとホバー時のタブ装飾*/
.tab_btn:hover {
	border: 1px solid #fff;
	background-color: #595757;
	box-sizing: border-box;
	color: #fff;

}
.tab_btn.is-active {
	border: 1px solid #fff;
	background-color: #595757;
	box-sizing: border-box;
	color: #fff;
  	text-decoration: none;
}







/*	home news
_____________________*/



.home-news .left{
	width: 25%;
	float: left;
}
.home-news .left img{
	width: 256px;
	margin-right: 30px;
}

.home-news .right{
	margin-top: 10px;
	text-align:left;
	width: 75%;
	float: left;
}

.home-news .right span.time{
	color: #333; 
	display: inline;
	margin-right: 20px;
}
.home-news .right span.ctgry{
	color: #333; 
	display: inline;
}
.home-news .right h3{
	color: #333; 
	letter-spacing: 1px;	
	margin-top: 10px;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
}
.home-news .right p{
	color: #333; 

	font-size: 16px;
	line-height: 32px;

}

.home-news .inner{
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #F5F5F5;
}


.home .section05{
	margin-top: 60px;	
	
}
.home .section05 .respons-6 .inner{
	border: 2px solid #333;
	border-radius: 7px;
	padding: 53px 10px 53px 10px;
}
.home .section05 .respons-6:nth-child(3) .inner,
.home .section05 .respons-6:nth-child(4) .inner{
	padding: 23px 10px 23px 10px;
}

.home .section05 .respons-6:nth-child(3) .inner{
		padding: 34px 10px 34px 10px;
}



.home .section05 .respons-6{
	margin-bottom: 30px;
}
.home .section05 .respons-6 .inner img{
	height: 40px;
}
.home .section05 .respons-6:nth-child(3) img,
.home .section05 .respons-6:nth-child(4) img{
	height: 100px;
}
.home .section05 .respons-6:nth-child(3) img{
		width: 420px;
		height: auto;
}


/* .home .section05 .respons-4 .inner:nth-child(1),
.home .section05 .respons-4 .inner:nth-child(2){
	border: 2px solid #333;
	border-radius: 7px;
	padding: 53px 10px 53px 10px;
}
.home .section05 .respons-4 .inner img{
	height: 40px;
	
}
.home .section05 .respons-4 img.right {
	width: 100%;
	margin-top: 0px;
} */






/* 

.home .section05 .respons-9{
	text-align: center;
}


.home .section05 .respons-9 h3{
	margin-bottom: 5px;
	padding-top: 30px;
	font-size: 30px;
	background: url('../img/home/icon-insta.svg') no-repeat;
	background-size: 20px 20px;
	background-position: center 0px;
}
.home .section05 .respons-9 span{
	letter-spacing: 1px;
}

.home .section05 aside{
	margin-top: 20px;
	margin-bottom: 20px;
}


.home .section05 .respons-3 .inner{
	margin-top: 20px;	
}
.home .section05 .respons-3 .inner img{
	width: 90%;	
}

.home .section05 .respons-3 .inner img.youtube{
	margin-top: 10px;
	width: 200px;	
}
 */





@media all and (max-width: 3000px) {
.home .section02{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/section02-img01.jpg') no-repeat, url('../img/home/bg02.svg') no-repeat;
	background-size: 906px 848px, 400px 320px;
	background-position: 18% 130px,89% -70px;
} 
}

@media all and (max-width: 2400px) {
.home .section02{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/section02-img01.jpg') no-repeat, url('../img/home/bg02.svg') no-repeat;
	background-size: 906px 848px, 400px 320px;
	background-position: 10% 130px,89% -70px;
} 
}

@media all and (max-width: 2300px) {
.home .section02{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/section02-img01.jpg') no-repeat, url('../img/home/bg02.svg') no-repeat;
	background-size: 906px 848px, 400px 320px;
	background-position: 0% 130px,89% -70px;
} 
}

@media all and (max-width: 1900px) {
.home .section02{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/section02-img01.jpg') no-repeat, url('../img/home/bg02.svg') no-repeat;
	background-size: 906px 848px, 400px 320px;
	background-position: 0% 130px,89% -70px;
} 
}



@media all and (max-width: 1840px) {
.home .section02{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/section02-img01.jpg') no-repeat, url('../img/home/bg02.svg') no-repeat;
	background-size: 906px 848px, 400px 320px;
	background-position: -15% 130px,89% -70px;
} 
}
@media all and (max-width: 1630px) {
.home .section02{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/section02-img01.jpg') no-repeat, url('../img/home/bg02.svg') no-repeat;
	background-size: 906px 848px, 400px 320px;
	background-position: -35% 130px,89% -70px;
} 
}
@media all and (max-width: 1450px) {
.home .section02{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/section02-img01.jpg') no-repeat, url('../img/home/bg02.svg') no-repeat;
	background-size: 906px 848px, 400px 320px;
	background-position: -55% 130px,89% -70px;
} 
}

@media all and (max-width: 1350px) {
.home .section02 .respons-6.right{
	background:rgba(255,255,255,0.9);
	padding: 0px 40px 0px 40px;
}
.home .section02{
	margin-top: 0px;
	padding-top: 100px;
	background: url('../img/home/section02-img01.jpg') no-repeat, none;
	background-size: 906px 848px, 300px 220px;
	background-position: 0% 130px,89% -70px;
} 
}



@media all and (max-width: 1451px) {
.home .section01 .side-img{
	margin-top: -60px;
	width: 572px;	
	height:536px;
	right: 0%;
}
.home .section01 h2{
	margin-top: 30px;
	padding-top: 80px;
	font-size: 23px;
	line-height: 36px;
	background-size: 250px 60px;
	background-position: 0px 10px;
}

.home .section01 p{
	margin-top: 30px;
	font-size: 16px;
	line-height: 32px;

}
a.navi-btn.margin01{
	margin-top: 45px;
}
}


@media all and (max-width: 1251px) {
.home .section01 .side-img{
	margin-top: 53px;
	width: 442px;	
	height:436px;
	right: 0%;
}
.home .section01 h2{
	margin-top: 30px;
	padding-top: 80px;
	font-size: 20px;
	line-height: 30px;
	background-size: 230px 60px;
	background-position: 0px 10px;
}
.home .section01 h2 br{
	display: none;
}

.home .section01 p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 32px;

}
a.navi-btn.margin01{
	margin-top: 25px;
}
}

@media all and (max-width: 1201px) {
.home .section01 .respons-5 .inner{
	height: 60px;
}
.home .section01 .respons-5 .inner.padding-top{
	font-size: 25px;
	padding-top: 11px;
	height: 60px;
}



.home .section02 .respons-6{
	width: 100%;
}
.home .section02{
	margin-top: 0px;
	padding-top: 50px;
	background: url('../img/home/section02-img01.jpg') no-repeat, none;
	background-size: 100% 848px, 300px 220px;
	background-position: 0% 130px,89% -70px;
} 

.home .section02 h2{
	margin-top: 20px;
	padding-top: 55px;
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
	background: url('../img/home/section02-title.svg') no-repeat;
	background-size: 235px 50px;
	background-position: 0px 10px;
}

.home .section02 p{
	margin-top: 20px;
	font-size: 16px;
	line-height: 32px;
}
a.navi-btn.margin03{
	margin-top: 30px;
	margin-bottom: 30px;
}
.home .section02 .respons-6.right{
	background:rgba(255,255,255,0.9);
	padding: 0px 40px 5px 40px;
}
.home-news .right{
	margin-left: 30px;
	margin-top: 0px;
	width: 71%;
}
.tab_content .respons-4.third small{
	font-size: 12px;
	line-height: 10px;
}


.home .section05 .respons-4 .inner:nth-child(1),
.home .section05 .respons-4 .inner:nth-child(2){
	padding: 40px 10px 40px 10px;
}

}


@media all and (min-width: 991px) {
.home .section01 .brand-logo02{
	display: none;
}
}


@media all and (max-width: 991px) {
.home .section01 .brand-logo{
	display: none;
}

.home .section01 .brand-logo-table table td{
	padding: 5px 5px 5px 5px;
}
.home .section01 .brand-logo-table table td.left{
	padding: 5px 5px 5px 0px;
}
.home .section01 .brand-logo-table table td.right{
	padding: 5px 0px 5px 5px;
}

a.navi-btn.orange,
a.navi-btn.pink{
	margin-top: 10px;
}
a.navi-btn.orange.width100,
a.navi-btn.white.width100{
	margin-top: 10px;	
	background-position: 95% 30px;
}

a.navi-btn.margin01.right{
	margin-top: 10px;
}

.home .section01 .side-img{
	display: none;
}
.home .section01{
	background-size: 200px 110px;
	background-position: -5% -20px;

}
.home .section01 h3{
	margin-top: 40px;
}
.home .section01 .respons-5 .inner{
	height: auto;
	margin-bottom: 10px;	
    border: 1px solid #C9CACA;
	text-align: center	;
}
.home .section01 .respons-5 .inner img{
	width: 200px;
}

.home .section03 .respons-4{
	margin-bottom:20px;
}
.home .section03 .respons-4 img{
	width: 100%;
}

.home-news .left{
	width: 100%;
	float: none;
}
.home-news .left img{
	width: 256px;
	margin-left: auto;
	margin-right: auto;
}
.home-news .right{
	margin-left: 0px;
	margin-top: 20px;
	width:100%;
}
.home-news .right h3{
	font-size: 18px;
	line-height: 26px;
}
.home-news .right p{
	font-size: 14px;
	line-height: 28px;
}


.tab_content .respons-4.first{
	width: 33.33333333%;
	padding-left: 0px;
	padding-right: 0px;	
	margin-left: 0px;	
	margin-right: 0px;	

}
.tab_content .respons-4.second{
	width: 33.33333333%;
	padding-left: 0px;
	padding-right: 0px;	
	margin-left: -4px;	
	margin-right: 0px;	
}
.tab_content .respons-4.third{
	width: 32%;
	padding-left: 0px;
	padding-right: 0px;	
	margin-left: -3px;		
	margin-right: 0px;	
}



.tab_btn {  
	text-align:center;
	border: none;

}
.tab_btn {  
	font-size: 15px;
	background-position: center 45px;
}
.home .section04{
	margin-top: 0px;
	padding-top: 50px;
	background: url('../img/home/bg03.svg') no-repeat;
	background-size: 300px 250px;
	background-position: -5% -70px;
}
a.navi-btn.width{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 350px;
}

.home .section05 .respons-3 .inner{
	margin-top: 20px;	
}
.home .section05 .respons-3 .inner img{
	width: 200px;	
}

.home .section05 .respons-4 .inner:nth-child(1),
.home .section05 .respons-4 .inner:nth-child(2){
	padding: 20px 10px 20px 10px;
	margin-bottom: 10px;
	border: 3px solid #333;
}


}


@media all and (max-width: 700px) {
.home .section02{
	margin-top: 0px;
	padding-top: 50px;
	background: url('../img/home/section02-img01.jpg') no-repeat, none;
	background-size:950px 848px, 300px 220px;
	background-position: 0% 130px,89% -70px;
} 
}




/*	footer
________________________________________*/

footer{
	margin-top: 100px;	
}

footer .inner{
	background-color: #F7F8F8;
}
footer .inner .navi{
	margin-top: -30px;	
	float: right;
	margin-bottom: 30px;	

}
footer .inner .navi img{
	float: right;
	width: 60px;
	width:60px;
}
footer .inner .navi a:hover{
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}


footer .inner .respons-4{
	text-align: left;
}

footer .inner .respons-4 img{
	width: 330px;
	height: 80px;
	margin-left: 0;
}
footer .inner .respons-4 a:hover{
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

footer .inner .respons-4 address{
	margin-top: 5px;	
}
footer .inner .respons-4 address span.first{
	margin-bottom: 10px;
	display: block;
}
footer .inner .respons-4 address span.second{
	margin-bottom: 0px;
	display: block;
}
footer .inner .respons-4 address span.second a{
	color: #333; 
}



footer .inner .respons-8{
	text-align: left;
}
footer .inner .respons-8 ul li{
	font-size: 15px;
	float: left;
	color: #333; 
	margin-left: 35px;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url('../img/common/arrow-gray-right.svg') no-repeat;
	background-size: 8px 8px;
	background-position: 0px 7px;
}

footer .inner .respons-8 .menu-jpn{
	margin-top: 25px;
	clear: both;
}




footer .inner .respons-8 .menu-en{
	padding-top: 20px;
	clear: both;
}

footer .inner .respons-8 .menu-en.english{
	margin-top: 50px;
	padding-top: 20px;
	clear: both;
}


footer .inner .respons-8 .menu-en .left{
	width: 80%;
	float: left;
}

footer .inner .respons-8 .menu-en ul{
}
footer .inner .respons-8 .menu-en ul li{
}
footer .inner .respons-8 .menu-en.english ul.second{
	margin-top: 20px;
	padding-bottom: 60px;
	clear: both;
}



footer .inner .respons-8 .menu-en hr.top{
	padding-bottom: 20px;
	border-top: 1px solid #cdcdcd;
	margin-left: 35px;
	clear: both;
}
footer .inner .respons-8 .menu-en hr.bottom{
	padding-top: 10px;
	border-bottom: 1px solid #cdcdcd;
	margin-left: 35px;
	clear: both;
}

footer .inner .respons-8 .menu-en .right{
	width: 20%;
	float: right;
}
footer .inner .respons-8 .menu-en .right img{
	margin-top: -10px;
	width: 110px;
	float: right;
}



footer .inner .respons-full .inner{
	margin-top: 40px;	
	margin-bottom: 40px;	
	background-color: #fff;	
	text-align: center;
	clear: both;
}

footer .inner .respons-full .inner small{
	color: #666;
	display: block; 
	padding-top: 15px;	
	padding-bottom: 15px;
	letter-spacing: 2px;	
}



footer.page{
	margin-top: 50px;	
}

footer.page .navi-inner{
	margin-bottom: 80px;		
}

footer.page .breadcrumbs{
	border-top: 1px solid #ddd;
}
footer.page .breadcrumbs ol{
	list-style-type: none;
	margin: 25px 0px 25px 0px;
	padding: 0px 0px 25px 0px; 
}
footer.page .breadcrumbs ol li{
	float: left;
	margin-right: 0px;
	padding-right: 20px;
	background: url('../img/page/line-diagonal.svg') no-repeat;
	background-size: 20px 10px;
	background-position: right;
}
footer.page .breadcrumbs ol li:last-child{
	background:none;
}
footer.page .breadcrumbs ol li a{
	color: #B5B5B6;
}


@media all and (max-width: 1201px) {
footer .inner .respons-8 .menu-en.english{
	margin-top: 70px;
}
}

@media all and (max-width: 991px) {
footer.page .breadcrumbs ol{
	list-style-type: none;
	margin: 25px 0px 25px 0px;
	padding: 0px 0px 55px 0px; 
}
footer .inner .respons-4{
	text-align: center;
}

footer .inner .respons-4 img{
	width: 300px;
	height: 70px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
footer .inner .respons-4 address span.first{
	margin-bottom: 3px;
}
footer .inner .respons-8 ul li{
	float: left;
	margin-left: 0px;
	margin-right: 25px;
	margin-bottom: 10px;
	padding-left: 15px;
}

footer .inner .respons-8 .menu-en.english{
	margin-top: 0px;
}


footer .inner .respons-full .inner{
	margin-top: 100px;	
	margin-bottom: 20px;	
}
footer .inner .respons-full .inner small{
	letter-spacing: 1px;	

}

footer.page{
	margin-top: 20px;	
}

footer.page .navi-inner{
	margin-bottom: 40px;		
}


footer .inner .respons-8 ul li,
footer .inner .respons-8 .menu-en hr.top,
footer .inner .respons-8 .menu-en hr.bottom,
footer .inner .respons-8 .menu-en .left,
footer .inner .respons-8 .menu-jpn{
	display: none;
}

footer .inner .respons-8 .menu-en .right{
	width:100%;
	float: none;
}
footer .inner .respons-8 .menu-en .right img{
	margin-top: -20px;
	width: 110px;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
footer .inner .respons-full .inner{
	width:100%;
	margin-top: 20px;	
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;	
}

}





/*	page　main
________________________________________*/

header.page {
	position: relative;
	z-index: 1;
	height: 80px;
}

.page main{
	position: relative;
	margin-top: -100px;
	height:398px;
	background: url('../img/main/guide.jpg') no-repeat center top;
	background-size: 2325px 398px;
}

.page main.catalog {
	background: url('../img/main/catalog.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.company {
	background: url('../img/main/company.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.recruit {
	background: url('../img/main/recruit.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.sdgs {
	background: url('../img/main/sdgs.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.news {
	background: url('../img/main/news.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.contact {
	background: url('../img/main/contact.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.reservation {
	background: url('../img/main/reservation.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.site_map {
	background: url('../img/main/site_map.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.privacy {
	background: url('../img/main/privacy.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.en_about {
	background: url('../img/main/en_about.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.crops-potion-puree {
	background: url('../img/main/crops-potion-puree.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.itac-professional-almond {
	background: url('../img/main/itac-professional-almond.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.kaoka {
	background: url('../img/main/kaoka.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.prova {
	background: url('../img/main/prova.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.babbi {
	background: url('../img/main/babbi.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.crops-fruits {
	background: url('../img/main/crops-fruits.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.capfruit {
	background: url('../img/main/capfruit.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.brand-babbi-gelatomix {
	background: url('../img/main/brand-babbi-gelatomix.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.babbi2024 {
	background: url('../img/main/babbi2024.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.suneight {
	background: url('../img/main/suneight.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.pistachio-fair {
	background: url('../img/main/pistachio-fair.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.babbi2026 {
	background: url('../img/main/babbi2026.jpg') no-repeat center top;
	background-size: 2325px 398px;
}
.page main.reservation {
	background: url('../img/main/reservation.jpg') no-repeat center top;
	background-size: 2325px 398px;
}



.page main .title{
	letter-spacing: 1px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	width: 400px;
	height: 120px;
	margin-bottom: -30px;
	background: url('../img/page/line-orange.svg') no-repeat;
	background-size: 50px 1px;
	background-position: center bottom;
	background-color: #fff;
}
.page main .title.wide{
	width: 600px;
}
.page main .title.wide-l{
	width: 900px;
}

.page main .title h1{
	padding-top: 10px;	
	font-size: 25px;
	font-weight: bold;
}
.page main .title span{
	font-size: 14px;
}




@media all and (max-width: 991px) {
.page main{
	height:220px;
}
.page main{
	background-size: 1300px 220px;
}
.page main.catalog,
.page main.company, 
.page main.recruit,
.page main.sdgs,
.page main.news,
.page main.contact,
.page main.reservation,
.page main.site_map,
.page main.privacy,
.page main.en_about,
.page main.crops-potion-puree,
.page main.itac-professional-almond,
.page main.kaoka,
.page main.prova,
.page main.babbi,
.page main.crops-fruits,
.page main.capfruit,
.page main.brand-babbi-gelatomix,
.page main.babbi2024{
	background-size: 1300px 220px;
}

.page main .title{
	letter-spacing: 0px;
	width: 330px;
	height: 100px;	
}
.page main .title h1{
	padding-top: 0px;	
	font-size: 22px;
	margin-bottom: 5px;
}
.page main .title span{
	font-size: 12px;
}
.page main .title.wide-l{
	width: 95%;
}
}
@media all and (max-width: 700px) {
.page main .title.wide{
	width: 95%;
}

.page main .title.wide h1{
	font-size: 18px;
	line-height:20px;
}


}





/*	page
________________________________________*/

.page .respons-full .inner{
	margin-top: 100px;
	margin-bottom: 50px;
}


.page .respons-full .inner h2{
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 20px;	
	line-height: 24px;
	color: #fff;
	background: url('../img/common/icon-midashi-logo-white.svg') no-repeat;
	background-position: 18px;
	background-size: 18px 18px;	
	background-color: #595757;	
	padding: 20px 10px 20px 50px;
	clear: both;
}
.page .respons-full .inner h3{
	font-weight: bold;

	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 18px;	
	line-height: 22px;
	color: #333;
	background: url('../img/page/dot.svg') no-repeat;
	background-position: 18px;
	background-size: 5px 5px;	
	background-color: #F7F8F8;	
	padding: 15px 10px 15px 38px;
	clear: both;
}


.page .respons-full .inner p{
	font-size: 17px;	
	line-height: 40px;
}

.page .respons-full .inner a{
	text-decoration: underline;
}

.page .respons-full .inner hr{
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #ddd;
	clear: both;
}
.page .respons-full .inner span.brand-inner-link{
	display: block;
	background-color: none;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #ddd;
	clear: both;
}
.page .respons-full .inner span.brand-inner-link a{
	color: #333;
}




.page .respons-full .inner .respons-3{
	text-align: center;
	margin-bottom: 40px;
}

.page .respons-full .inner a.catalog{
	letter-spacing: 1px;
	text-align: center;
	color: #333;
	width: 100%;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;	
	margin-left: 0px;
	margin-right: 0px;
	padding: 15px 10px 15px 10px;
    border: 1px solid #C9CACA;
	background-color: #fff;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 10px 10px;
	background-position: 95% 22px;
	text-decoration: none;

}


.page .respons-full .inner .catalog .respons-3{
	margin-bottom: 55px;	
}

.page .respons-full .inner .catalog strong{
	margin-top: 5px;
	display:block;
}
.page .respons-full .inner .catalog span{
	display:block;
}

.page .respons-full .inner img.catalogph{
}

.page .respons-full .inner img.cataloglogo{
	margin-top: 5px;
	height: 64px;
}

.page .respons-full .inner .catalog p{
	margin-top: 10px;
	font-size: 15px;
	line-height: 24px;
}



.page .respons-full .inner td, 
.page .respons-full .inner th {
    padding: 30px 40px;
}

.page .respons-full .inner table{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
}

.page .respons-full .inner table th{
	font-weight: normal;
	background-color:#F7F8F8;
	white-space: nowrap;
	border: 1px solid #ddd;
}
.page .respons-full .inner table td{
	border: 1px solid #ddd;

}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 20px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 20px 20px 0;
	display: inline;
	}


img.alignleft.clear {
	padding: 0px;
	margin: 0 20px 20px 0;
	display: block;
	float: none;
	clear: both;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}




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




@media all and (max-width: 991px) {
.page .respons-full .inner td, 
.page .respons-full .inner th {
    padding: 20px 20px;
	display: block;
}
.page .respons-full .table-cell td, 
.page .respons-full .table-cell th {
    padding: 20px 20px;
	display: table-cell;
}




.page .respons-full .inner table td {
    border-top: none;
}
.page .respons-full .table-cell table td {
    border-top: 1px solid #ddd;
}

.page .respons-full .inner img.catalogph{
	width: 250px;
}

}



@media all and (max-width: 550px) {
.company img.alignright {
	width: 100%;
	}
}




/*	news
________________________________________*/

.page.news .respons-9 .inner,
.page.news .respons-3 .inner{
	margin-top: 100px;
	margin-bottom: 50px;
}


.page.news .respons-9 .inner h2,
.page.news .respons-3 .inner h3{
	margin-top: 40px;
	margin-bottom: 0px;
	font-size: 20px;	
	line-height: 24px;
	color: #fff;
	background: url('../img/common/icon-midashi-logo-white.svg') no-repeat;
	background-position: 18px;
	background-size: 18px 18px;	
	background-color: #595757;	
	padding: 20px 10px 20px 50px;
	clear: both;
}
.page.news .respons-3 .inner h3{
	margin-bottom: 20px;
}


.page.news .respons-9 .home-news .inner-news .left{
	width: 33%;
	float: left;
}
.page.news .respons-9 .home-news .inner-news .left img{
	width: 256px;
	margin-right: 30px;
}

.page.news .respons-9 .home-news .inner-news .right{
	margin-top: 0px;
	text-align:left;
	width: 62%;
	float: left;
}

.page.news .respons-9 .home-news .inner-news .right span.time{
	display: inline;
	margin-right: 20px;
}
.page.news .respons-9 .home-news .inner-news .right span.ctgry{
	display: inline;
}
.page.news .respons-9 .home-news .inner-news .right h3{
	letter-spacing: 1px;	

	margin-top: 10px;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
}
.page.news .respons-9 .home-news .inner-news .right p{
	font-size: 15px;
	line-height: 30px;

}

.page.news .respons-9 .home-news .inner-news{
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #F5F5F5;
}


.page.news .respons-3 ul.ctgry-all a li{
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	display: block;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 10px;	
	margin-left: 0px;
	padding: 15px 10px 15px 30px;
    border: 1px solid #C9CACA;
	background-color: #fff;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 7px 7px;
	background-position: 10px 20px;
}


.page.news .wp-pagenavi,
.page.guide .wp-pagenavi {
	text-align: center;
   	padding: 30px 0px 50px 0px;

}

.page.news .wp-pagenavi span,
.page.guide .wp-pagenavi span {
	color: #777;
	text-decoration: none;
	border: 1px solid #ED6C00;
	padding: 10px 15px;
	margin: 2px;
}

.page.news .wp-pagenavi a,
.page.guide .wp-pagenavi a {
	color: #fff;
	text-decoration: none;
	border: 1px solid #ED6C00;
	padding: 10px 15px;
	margin: 2px;
}
.page.news .wp-pagenavi a,
.page.guide .wp-pagenavi a {
	border: 1px solid #ED6C00;
	background-color: #ED6C00;
}

.page.news .wp-pagenavi a:hover, .wp-pagenavi span.current,
.page.guide .wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color:#ED6C00;
}

.page.news .wp-pagenavi span.current,
.page.guide .wp-pagenavi span.current {
	font-weight: bold;
}



@media all and (max-width: 991px) {

.page.news .respons-9 .home-news .inner-news .left{

	width: 100%;
	float: none;
}
.page.news .respons-9 .home-news .inner-news .left img{
	display: block;

	width: 256px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
}

.page.news .respons-9 .home-news .inner-news .right{
	margin-top: 0px;
	text-align:left;
	width: 100%;
	float: none;
}

}



/*	news single
________________________________________*/

.page.news.single .respons-3 .inner{
	margin-top: 125px;
}

.page.news.single .respons-9 span.time{
	display: inline;
	margin-right: 10px;
}


.page.news.single .respons-9 .inner h2{
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 20px;	
	line-height: 24px;
	color: #fff;
	background: url('../img/common/icon-midashi-logo-white.svg') no-repeat;
	background-position: 18px;
	background-size: 18px 18px;	
	background-color: #595757;	
	padding: 20px 10px 20px 50px;
	clear: both;
}
.page.news.single .respons-9 .inner p{
	font-size: 15px;
	line-height: 30px;
}


/*	404
________________________________________*/


.page.not404 .respons-full{
	margin-top: 70px;
	margin-bottom: 70px;
	text-align: center;

}


@media all and (max-width: 991px) {
.page.not404 h2{
	font-size: 16px;
}
.page.not404 p{
	font-size: 12px;
}

}




/*	guide
________________________________________*/

.page.guide .inner.glay{
	margin-top: 0;
	margin-bottom: 0px;
	background-color: #F9F8F8;
	padding: 30px 30px 30px 30px;
}



.page.guide .inner.glay .balloon-right {
  position: relative;
  display: inline-block;
  padding: 18px 15px 15px 15px;
  width: auto;
  min-width: 300px;
  height: 70px;
  line-height: 34px;
  text-align: center;
  background: #fff;
  border: 1px solid #DCDDDD;
	float: left;
  z-index: 0;
}
.balloon-right:before {
  border-style: solid;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #fff;
  content: "";
  position: absolute;
  top: 50%; right: -10px;
  margin-top: -11px;
  display: block;
  width: 0px;
  height: 0px;
  z-index: 0;
}
.balloon-right:after {
  border-style: solid;
  border-width: 11px 0 11px 11px;
  border-color: transparent transparent transparent #DCDDDD;
  content: "";
  position: absolute;
  top: 50%; right: -12px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  z-index: -1;
}

.page.guide .inner.glay .balloon-right span{
	font-weight: bold;
	font-size: 17px;	
	line-height: 17px;
	letter-spacing: 1px;
}

.page.guide .inner.glay .search{
	margin-left: 30px;
	float: left;
}

.page.guide .inner.glay .search input#s-box{
	padding: 15px 15px 15px 15px;
	min-width: 570px;
	height: 70px;
	font-size: 17px;	
	text-align: 17px;
}

.page.guide .inner.glay .search button#s-btn-area{
	min-width: 150px;
	height: 68px;
	background: #727171;
	color: #fff;
	border: none;
}
.page.guide .inner.glay .search button#s-btn-area:hover{
  filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.page.guide .inner.glay .search button #s-btn{
	font-weight: bold;
	font-size: 15px;	
	text-align: 15px;
	letter-spacing: 1px;
}


.page.guide .second{
	margin-top: 30px;
}

.page.guide .second h2{
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: bold;
	padding-left: 30px;
	background: url('../img/common/icon-midashi-logo.svg') no-repeat;
	background-size: 20px 20px;
	background-position: 0px 0px;
}

.page.guide .second .respons-2{
	margin-bottom: 30px;	
}
.page.guide .second .respons-2 h3{
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;	
	margin-bottom: 0px;	
	padding: 9px 0px 0px 15px;
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 8px 8px;
	background-position: 0 12px;	
}
.page.guide .second .respons-2 span{
	display: block;
	color: #333;
	font-size: 12px;
	line-height: 14px;
	padding: 4px 0px 0px 15px;
}




@media all and (max-width: 1201px) {
.page.guide .inner.glay .balloon-right {
  min-width: 260px;
  height: 70px;
}
.page.guide .inner.glay .search input#s-box{
	min-width: 450px;
	height: 70px;
}

.page.guide .inner.glay .search button#s-btn-area{
	min-width: 100px;
	height: 68px;
}
}

@media all and (max-width: 991px) {
.page.guide .inner.glay{
	margin-bottom: 10px;
	padding: 20px 20px 20px 20px;

}


.page.guide .inner.glay .balloon-right {
  position: relative;
  display: inline-block;
  padding: 0px 0px 0px 0px;
  width: auto;
  min-width: auto;
  height: auto;
  line-height: 17px;
  text-align: center;
  background: none;
  border: none;
	float: none;
  z-index: 0;
}
.balloon-right:before,
.balloon-right:after {
	display: none;
}
.page.guide .inner.glay .balloon-right span{
	font-weight: bold;
	font-size: 17px;	
  line-height: 17px;
	letter-spacing: 1px;
}
.page.guide .inner.glay .search{
  padding: 0px 0px 0px 0px;
	margin-left: 0px;
	float: none;
}
.page.guide .inner.glay .search input#s-box{
	margin-top: 10px;
	height: 40px;
	min-width: 100%;
}

.page.guide .inner.glay .search button#s-btn-area{
	margin-top: 10px;
	min-width: 150px;
	height: 40px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.page.guide .second{
	margin-top: 0px;
}
.page.guide .second .respons-2 h3{
	text-align: center;
	background: none;
	padding: 9px 0px 0px 0px;
}
.page.guide .second .respons-2 span{
	padding: 4px 0px 0px 0px;
	text-align: center;

}
}




/*	guide ctgry
________________________________________*/


.page.guide .first{
	margin-top: 100px;
	margin-bottom: 50px;
}

.page.guide .first .respons-3 .inner {
	margin-bottom: 20px;
}



.page.guide .respons-3 .inner a span{
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;	
	margin-left: 0px;
	padding: 10px 5px 10px 30px;
    border: 1px solid #C9CACA;
	background-color: #fff;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 8px 8px;
	background-position: 10px 16px;
}

.page.guide .respons-3 .inner a{
	text-decoration: none;
}

@media all and (max-width: 991px) {
.page.guide .first .respons-3 .inner {
	margin-bottom: 10px;
}
}



/*	guide type A
________________________________________*/

.page.guide.typea .first .respons-5 {
	margin-bottom: 30px;	
}

.page.guide.typea .respons-5 h2{
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;	
	margin-bottom: 0px;	
	padding: 9px 0px 0px 15px;
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 8px 8px;
	background-position: 0 12px;	
}

.page.guide.typea .respons-5 img.movie{
	margin-top: 5px;
	width: 50px;
}


@media all and (max-width: 991px) {

.page.guide.typea .respons-5{
	margin-bottom: 10px;
}
.page.guide.typea .respons-5 h2{
	padding: 9px 0px 0px 0px;
	text-align: center;
	background: none;
}
.page.guide.typea .respons-5 img{
	width: 200px;
}


}




/*	guide type B , C
________________________________________*/

.page.guide.typeb .first .inner{
	margin-top: 20px;
	margin-bottom: 30px;
}

.page.guide.typeb .first.no-margin .inner{
	margin-top: 0px;
}
.page.guide.typeb .first.no-margin{
	margin-top: 0px;
}


.page.guide.typeb .first .inner h2 {
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 34px;
    color: #333;
    background: none;
    background-color: none;
    padding: 0px 10px 20px 0px;
    clear: both;
    border-bottom: 1px solid #ddd;
}

.page.guide.typeb .first .inner p {
    font-size: 17px;
    line-height: 30px;
}

.page.guide.typeb .first .inner ul{
	padding-top: 20px;
}

.page.guide.typeb .first .inner ul li {
    font-size: 17px;
    line-height: 30px;
	border-bottom: 1px solid #ddd;	
	padding-bottom: 20px;
	margin-top: 20px;
}
.page.guide.typeb .first .inner ul li:first-child {
	border-top: 1px solid #ddd;	
	padding-top: 20px;
}

.page.guide.typeb .respons-4 img.movie{
	margin-top: 10px;
	width: 60px;
}

.page.guide.typeb .respons-5,
.page.guide.typeb .respons-3{
	margin-top: 20px;
}
.page.guide.typeb .respons-3{
	margin-bottom: 0px;
}

.page.guide.typeb .respons-5 img,
.page.guide.typeb .respons-3 img{
	margin-bottom: 10px;

}

.page.guide.typeb .first .inner .respons-5 p,
.page.guide.typeb .first .inner .respons-3 p{
    font-size: 15px;
	line-height: 20px;

}
.page.guide.typeb .first .inner .respons-5 strong,
.page.guide.typeb .first .inner .respons-3 strong{
	display: block;
}


.page.guide.typeb .first .inner .brand .balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 200px;
  max-width: 100%;
	text-align: center;
  color: #fff;
  font-size: 16px;
  background: #595757;
}
.page.guide.typeb .first .inner .brand.related_links .balloon1 {
	position: relative;
	display: inline;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 100%;
	max-width: 100%;
	  text-align: center;
	color: #fff;
	font-size: 14px;
	background: #595757;
  }

.page.guide.typeb .first .inner .brand .balloon1:before {
  content: "";
  position: absolute;
  top: 80%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #595757;
}


.page.guide.typeb .first .inner .brand{
	margin-top: 40px;
}

.page.guide.typeb .first .inner .brand .balloon1 span {
  margin: 0;
  padding: 0;
}

.page.guide.typeb .first .inner .brand.related_links .balloon1 span {
	letter-spacing: 1px;
  }

.page.guide.typeb .first .inner .brand .brand-inner{
	margin-top: -40px;
	background-color: #F7F8F8;
	padding: 30px 30px 30px 30px;
}
.page.guide.typeb .first .inner .brand.related_links .brand-inner{
	margin-top: 0px;
	background-color: none;
	padding: 0px 0px 0px 0px;
}



.page.guide.typeb .first .inner .brand .brand-inner-contents{
	background-color: #fff;
	padding: 20px 30px 30px 30px;
}
.page.guide.typeb .first .inner .brand.related_links .brand-inner-contents{
	background-color: #fff;
	padding: 20px 0px 15px 0px;
}
.page.guide.typeb .first .inner .brand.related_links .brand-inner-contents a{
	color: #333;
	text-decoration: none;
}
.page.guide.typeb .first .inner .brand.related_links .brand-inner-contents a:hover{
	text-decoration: underline;
}


.page.guide.typeb .first .inner .brand .brand-inner-contents img{
	display: inline;
	margin-left: 0;
	margin-right: none;
}

.page.guide.typeb .first .inner .brand .brand-inner-contents span.logo img{
	height: 60px;
	margin-bottom: 10px;
}

.page.guide.typeb .first .inner .brand .brand-inner-contents span.title{
    font-size: 22px;
    line-height: 24px;
	font-weight: bold;
	margin-bottom: 10px;

}

.page.guide.typeb .first .inner .brand .brand-inner-contents p{
	border-top: 1px solid #ddd;	
	padding-top: 20px;
}
.page.guide.typeb .first .inner .brand.related_links .brand-inner-contents p{
	border-top: none;	
	padding-top: 0px;
}

.page.guide.typeb .first .inner .brand.related_links .brand-inner-contents p a{	
	padding-right:20px;
}



.page.guide.typeb .first .inner .brand .brand-inner-contents p.brand-inner-link a{
	color: #333;
}


.page.guide.typeb .first .inner .brand .brand-inner-contents span.icon-sns img{
	margin-top: 5px;
	height: 40px;
}

.page.guide .brand .brand-inner-contents span.icon-sns a{
	text-decoration: none;
}	




.page.guide.typeb .respons-full.tag{
	margin-top: 15px;
	margin-bottom: -20px;
}

.page.guide.typeb .balloon2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 5px 15px;
	text-align: center;
  color: #fff;
    font-size: 14px;
  background: #595757;
}

.page.guide.typeb .balloon2:before {
  content: "";
  position: absolute;
  top: 80%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #595757;
}


.page.guide.typeb .respons-full.reference_spec .inner{
	margin-top: 5px;
	margin-bottom: 30px;
	padding-top: 12px;
	border-top: 1px solid #ddd;	
	border-bottom: 1px solid #ddd;	
}

.page.guide.typeb .balloon-title {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  padding: 5px 15px;
	text-align: center;
  color: #fff;
    font-size: 14px;
  background: #cdcdcd;
}

.page.guide img.ctgry-brand{
	margin-top: 5px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.page.guide img.ctgry-brand.shart{
	height: 40px;
}


@media all and (max-width: 991px) {
.page.guide.typeb .first .inner h2 {
    font-size: 24px;
    line-height: 28px;
}
.page.guide.typeb .first .inner ul{
	padding-top: 0px;
}
.page.guide.typeb .respons-4 img{
	margin-top: 20px;
}

.page.guide.typeb .respons-4 img.movie{
	margin-top: 10px;
	width: 80px;
}
.page.guide.typeb .first .inner{
	margin-bottom: 0px;
}

.page.guide.typeb .respons-5 img,
.page.guide.typeb .respons-3 img{
	width: 204px;

}
.page.guide.typeb .respons-full.tag{
	text-align: center;

}

}

@media all and (max-width: 700px) {
.page.guide.typeb .first .inner .brand .brand-inner-contents span.title{
    font-size: 20px;
    line-height: 22px;
	margin-bottom: 20px;
	display: block;
}


}





/*	search
________________________________________*/

.page.guide .search h2{
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 30px;
	background: url('../img/common/icon-midashi-logo.svg') no-repeat;
	background-size: 20px 20px;
	background-position: 0px 0px;
	padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
	

}


.page.guide .search h3 a {
	letter-spacing: 1px;
	text-align: left;
	color: #333;
	display: block;
	line-height: 24px;
	font-size: 18px;
	margin-top: 0px;	
	margin-left: 0px;
	padding: 10px 5px 30px 30px;
    border-bottom: 1px solid #ddd;
	background-color: #fff;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background: url('../img/common/arrow-orenge-right.svg') no-repeat;
	background-size: 8px 8px;
	background-position: 10px 16px;
}






/*	kaoka-2023-shop
________________________________________*/

.page.kaoka-2023-shop .respons-full .inner h2{
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	background: none;
	background-color: #595757;
	padding: 10px 10px 10px 15px;
	clear: both;
  }


  .page.kaoka-2023-shop .respons-full .inner span.shop-title{
	font-size: 20px;
	font-weight: bold;
	display: block;
	clear: both;
	margin-bottom: 5px;
  }


  .page.kaoka-2023-shop .respons-full .inner table {
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 18px;
  }
  .page.kaoka-2023-shop .respons-full .inner table p{
	font-size: 13px;
	line-height: 18px;
  }


  .page.kaoka-2023-shop .respons-full .inner td, 
  .page.kaoka-2023-shop .respons-full .inner th {
	padding: 10px 15px;
  }

  .page.kaoka-2023-shop .respons-full .inner th{
	font-weight: bold;
  }

  .page.kaoka-2023-shop .respons-full .inner td.head{
	text-align: center;
	font-weight: bold;
	background-color: #F7F8F8;
  }


  .page.kaoka-2023-shop .respons-full .left{
	width: 30%;
	float: left;
  }
  .page.kaoka-2023-shop .respons-full .left img{
	width: 142px;
  }


  .page.kaoka-2023-shop .respons-full .right{
	width: 69%;
	float: right;
  }

  .page.kaoka-2023-shop .respons-full .right td, 
  .page.kaoka-2023-shop .respons-full .right th {
	padding: 16px 15px;
  }
  .page.kaoka-2023-shop .respons-full .right th {
	width: 110px;
}

  .page.kaoka-2023-shop .respons-full .right a img{
	display: inline;
	height: 30px;
	margin-right: 5px;
	margin-top: 8px;
  }

  .page.kaoka-2023-shop a.link{
	background: url('../img/common/arrow-gray-right.svg') no-repeat;
	background-size: 6px 6px;
	background-position: 0px 6px;
	padding-left: 13px;
  }




  .page.kaoka-2023-shop .row.shop-bottom{
	margin-bottom: 0px;
  }

  .page.kaoka-2023-shop p{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 0px;
  }


@media all and (max-width: 600px) {

	.page.kaoka-2023-shop .respons-full .left{
		width: 100%;
		float: none;
	  }
	  .page.kaoka-2023-shop .respons-full .right{
		width: 100%;
		float: none;
	  }
	  .page.kaoka-2023-shop .respons-full .right th {
		width: 100px;
	}
	.page.kaoka-2023-shop .respons-full .inner span.shop-title{
		font-size: 16px;
		line-height: 20px;
	  }
}