@charset "UTF-8";

html {
    height: 100%;
}

body	{
    height: 100%;
    font-family: "游明朝","Yu Mincho", YuMincho, serif;
    font-weight:400;
    font-size:14px;
    line-height:2em;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-right: 0px;
    padding-left: 0px;
}

h3 {
    font-size: 28px;
    margin-bottom: 25px;
    font-weight:bold;
}



/*　ナビゲーションバー　navbar-static */
.menu{
    margin: 0
}

.navbar-center{
    width:590px;
    margin:auto;
    float:none;    
}

.navbar2{
    position:absolute;
    max-width:780px;
    border:none;
    bottom:40px;
    background: rgba(255,255,255, 0);
}

.navbar{
    position:fixed;
    height:80px;
    opacity:0.7;
    width:100%;
    background-color: #000;
    border:none;
}

.navbar-brand{
    padding-top: 13px;
    padding-left: 7px;
    margin-right:55px;

}

.navbar2  .container{
    height:0px;
}

.navbar-main > li {
    font-size:22px;
    margin-top: 10px;
    margin-left: 38px;

}

.navbar-icon > li {

    margin-top: 29px;
    margin-left: 15px;
}

.navbar-icon > li > a {

    padding:0;
}


.menu_j{

    font-size:10px;
}

.navbar-default .navbar-nav>li>a{

    color:#000;
    line-height:16px;
}



@media (min-width: 480px) and (max-width:1200px) {

    .navbar-brand {
	padding-top: 13px;
	padding-left: 7px;
	margin-right: 15px;
    }

    .content{
	margin-bottom:100px;

    }
    .navbar-main > li {
	font-size:22px;	
	margin-top: 10px;
	margin-left: 38px;
    }

    .navbar-shop{
	margin-left:0px;
    }

    .navbar-icon {
	margin-left: 0px;
    }
}


/* copyright*/


.copyright{

    background-color: none;
    background: none;
    position: absolute;
    left: 30px;
    top: 20px;

}

/* icon box */

.icon_box{
    background-color: none;
    background: none;
    position: absolute;
    right: 30px;
    top: 20px;
    line-height:50px;
    text-align:right;
}

.icon_box img{
    margin-left:25px;
}


.icon_box img:first-child{
    margin-right:-10px;
}



.content{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 700px;
    width: 700px;
    left: 0;
    right: 0;
}



/* about */

.about2 .content{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 800px;
    width: 700px;
    left: 0;
    right: 0;
}
.about2_scroll{
    min-height:240px;
    position:relative;
}

.about2_scroll .back{
    position:absolute;
    bottom:0px;
    
}
.about-text{
    padding-top:80px;
    padding-left:25px;
}



/* philosophy */

.philosophy .content{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 700px;
    width: 700px;
    left: 0;
    right: 0;
}

.philosophy-main{
    margin-bottom:30px;
}



/* food */

.food .content{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 700px;
    width: 700px;
    left: 0;
    right: 0;
}

.food h3 {
    font-size: 18px;
}

.food_text{
    padding-left:25px;
}




/* main1-app */
.main1-app {
    background-image: url(/kushinoya/image/bg_main_01.jpg);
    background-position: 35% 50%;
    background-size: cover;
    padding: 0;
}


.navbar2 > .container{
    max-width:780px;
    height:100%;
    padding-left: 0px;
    padding-right: 0px;


}

.main1-app > .container{


    max-width:780px;
    height:100%;


    background: rgba(255,255,255, 0.9);
    padding-left: 0px;
    padding-right: 0px;
    min-height: 700px;
    position: relative;

}


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

.main1-app h1 {
    margin: 0 0 30px 0;
    font-size: 50px;
    font-family: 'sans-serif';
    line-height: 1.2;
}

.main1-app h3 {
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 1.2;
    color:#b19769;
}

.main1-app p {
    margin: 0 0 25px 0;
    font-size: 15.5px;
    line-height: 2em;
    color:#111;
}

.main1-app .button {
    text-shadow: none;
}


/* main1-app 背景画像の設定 */
.main1-app {
    background-image: url(/HUD/image/ph.jpg);
    background-position: 35% 50%;
    background-size: cover;
    color: #111;
}



.menu_list{

    font-size:22px;
    color:#bfa473;

}  


.scroll{
    margin-top:35px;
}




#mobile_slide_menu
{
    position:absolute; 
    width:100%; 
    background:#fff; 
    padding-top:50px; 
    display:none;
    z-index:99;
}
#navToggle {
    display:none; /*通常時は非表示にしておきます*/
    position:absolute; /*bodyに対しての絶対位置指定です*/
    left:15px;
    top:15px;
    width:30px;
    height:25px;
    cursor:pointer;
    z-index:9999;

}
#navToggle div {position:relative} /*spanの絶対位置指定の親にします*/
#navToggle span {
    display:block;
    position:absolute; /*#navToggle div に対して*/
    width:100%;
    border-bottom:solid 3px #FFF;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}


/*header footer*/
header, footer {
    width:100%;
    z-index:2;
    position:fixed;
    background:rgba(255,255,255,.7)}
/*header menu*/
header {
    display:table;
    font-size:0; /*ul,liが親のfont-sizeを継承して隙間が空くのをリセット*/
    line-height:0}
header h1, nav {
    display:table-cell}
nav {
    text-align:right;
    vertical-align:bottom}
header h1 a img {
    height:40px;
    margin:10px}
header ul {
    font-size:13px;
    line-height:1;
    margin:0 10px 10px 0}
header ul li {
    margin-left:3px;
    display:inline-block}
header ul li::after {content:' |'}
header ul li:last-child::after {content:''}
header ul li a {color:inherit}


@media screen and (max-width: 640px) {
 
/*header menu*/
　/*nav要素は絶対位置指定にして、ビューの外側に置いて見えなくします。
　　nav の中の ul li は横並びを解除して縦組みにレイアウトし直します。*/
header nav {
    position: absolute; /*bodyに対しての絶対位置*/
    right:0;
    top: -300px; /*通常時はビュー外*/
    background:rgba(255,255,255,.7);
    width:50%;
    padding:0 10px;
    -webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align:left}
header ul {margin:0}
header ul li {
    display:block;
    margin:0;
    border-bottom:dotted 1px #fff;
    line-height:3}
header ul li a {display:block}
header ul li::after {content:''}
header ul li:last-child {border-bottom:none}
 
#navToggle {display:block}



	/* main1-app メディアクエリの設定 */
	@media (max-width: 450px) {


	    .container{
		padding:20px;
		overflow:auto;
	    }
	    .main1-app > .container{
		min-height:0;
		padding:20px;
	    }
	    
	    .main1-app {
		padding-top:70px;
		padding-bottom:70px;
	    }
	    .main1-app h1 {
		font-size: 40px;
	    }
	    .main1-app p{
		font-size: 16px;
		line-height:1.9em;
	    }


	    .mobile_top_logo{
		margin-bottom:30px;
	    }

	    #mobile_menu{
		line-height:16px;

	    }
	    #mobile_menu > div{
		padding-bottom:30px;
	    }

	    #mobile_button .list-inline > li {

		padding-left:10px;
		paddin-right:10px;
	    }

	    #mobile_copyright{
		font-size:8px;
		bottom:20px;
		width:100%;
		text-align:center;
	    }

	    .content {
		position: relative;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 100%;
		width: 100%;
		left: 0;
		right: 0;
		height: inherit;
	    }

	    .about-text{
		padding:0px;
		padding-top:10px;
		line-height:

	    }

	    .about-text > h3{
		margin-top:15px;
		font-size:13px
			      text-align:center;
	    }

	    .about-photo{

	    }

	    .main1-app h3{
		font-size:14px;
		text-align:center;
	    }
	    .main1-app p
	    {

		font-size:10.5px;
	    }

	    .scroll {
		margin-top: 35px;
		position: absolute;
		bottom: 15px;
		left:20px;
	    }
	    .scroll > img{
		width:45px;
	    }
	    
	    .about2 .content {
		position: relative;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 100%;
		width: 100%;
		left: 0;
		right: 0;

	    }

	    .about2_scroll{
		position:absolute;
		bottom: 15px;

	    }

	    .about2_scroll > img{
		width:45px;
	    }


	    .philosophy .content {
		top: 0;
		bottom: 0;
		margin: auto;
		height: inherit;
		right: 0;
		position:relative;
		width:100%;
	    }

	    .philosophy-main {
		margin-bottom: 10px;
	    }


	    .food .content {
		top: 0;
		bottom: 0;
		margin: auto;
		height: inherit;
		right: 0;
		position:relative;
		width:100%;
	    }

	    .food_text {
		padding-left: 15px;

	    }

	    .food_text >  p {

		line-height:1.5em;
		margin-bottom:10px;
	    }

	    .food_text > h3 {

		text-align:left;
	    }
	    
	    .main1-app h3 {
		font-size: 12px;
		margin-bottom:3px;
	    }

	    

	    
	}


    }