/*for sm*/
.sm-none { display: none;}
.sm{ display:block;}

.inner {
    padding: 3em 0 3em;
    width: 80%;
}
.gfont {
	font-size: 20px;
}
section .gfont {
	padding-bottom:2em;
}
body{
	font-size:14px;
}
section p {
    line-height: 2em;
}

.sm_img img{
	clear:both;
	width : 100% ;
	height : auto ;
}
#sm-menu{
	height:360px;
	width:100%;
}
#sm_menu_0{
	background:url(../images/menu_inthemountain_sp.jpg) no-repeat center center;
	background-size:100%;
	width:100%;
}
#sm_menu_1{
	background:url(../images/menu_driptrip_sp.jpg) no-repeat center center;
	background-size:100%;
	width:100%;
}
#sm_menu_2{
	background:url(../images/menu_blend_sp.jpg) no-repeat center center;
	background-size:100%;
	width:100%;
}
#sm_menu_3{
	background:url(../images/menu_singleorigin_sp.jpg) no-repeat center center;
	background-size:100%;
	width:100%;
}
#sm_menu_4{
	background:url(../images/menu_dripbag_sp.jpg) no-repeat center center;
	background-size:100%;
	width:100%;
}
#sm_menu_5{
	background:url(../images/menu_coffeeyokan_sp.jpg) no-repeat center center;
	background-size:100%;
	width:100%;
}
#sm_menu_6{
	background:url(../images/menu_goods_sp.jpg) no-repeat center center;
	background-size:100%;
	width:100%;
}
#sm_menu_7{
	background:url(../images/menu_booksyamamoto_sp.jpg) no-repeat center center;
	background-size:100%;
	width:100%;
}
section#menu h4, section#menu h4#sm_menu_1, section#menu h4#sm_menu_2, section#menu h4#sm_menu_3, section#menu h4#sm_menu_4, section#menu h4#sm_menu_5, section#menu h4#sm_menu_6, section#menu h4#sm_menu_7{
	height:250px;
}
#menu-img{
	height:200px;
}
#about-img{
	height:300px;
}
#about2-img{
	height:300px;
}



/* header */
header h1 {
    padding: 25px 0 50px;
}
#header-intro h1 img{
	width:160px;
}
header nav {
    top: 120px;
}
nav#nav-global {
    left: 0;
    margin-left: 0;
    width: 100%;
}
nav#nav-global ul {
	text-align: center;
}
#nav-global li {
	display: inline-block;
	float:none;
	padding:0 0.5em;
}
nav#nav-global a{
	font-size:12px;
}
header nav#nav-sns {
	top:3.7em;
}
header .innner {
	width: 80%;
	position: relative;
}
#slide-img {
    height: 360px;
}
#concept h2 figure {
	padding-top: 2em;
}
#concept h2 figure img{
	width:300px;
}
#concept h2 {
    font-size: 14px;
	line-height:1.4em;
	padding: 2em 0 4em 0;
}
#concept{
	padding-bottom:0;
}

/*menu*/
.menu-list {
	width:100%;
}
.menu-list dl.f-right {
	float:left;
	padding-left: 50px;
}
.menu-details .f-left, .menu-details .f-right{
	clear:both;
	float:left;
	width:100%;
}
.menu-details p{
	font-size:10px;
	padding-bottom:1em;
}
.price-example{
	margin-top:2em;
	padding:0.5em;
	font-size:10px;
}
.menu-list dl.f-left, .menu-list dl.f-right {
	padding-left: 1em;
	width:80%;
}
.menu-list dt img, .menu-list dt img {
	height:10px;
}
.menu-details table {
	width: 100%;
}
.menu-details table th, .menu-details table td {
	white-space: normal;
}
.menu-details table th{
	padding-right:1em;
	white-space:nowrap;
}

/* section #onlinestore */
section#onlinestore .inner{
	padding:0 1;
}
section#onlinestore a {
	width: 100%;
	height:110px;
	background-size:100% auto;
	margin-top:1em;
}
section#onlinestore a:hover {
	background-size:100% auto;
}
section#onlinestore .inner h2 {
	padding-top:48px;
}
section#onlinestore h2.gfont {
	font-size: 16px;
	letter-spacing: 0.1em;
	padding-bottom:0.1em;
}
section#onlinestore .inner p{
	font-size:10px;
	padding:0 1em 1em 1em;
	line-height:1.2em;
}

/* section #radio */
section#radio .inner{
	padding:0 0;
}
section#radio .radio28 a, section#radio .radio27 a, section#radio .radio26 a, section#radio .radio25 a, section#radio .radio24 a, section#radio .radio23 a, section#radio .radio22 a, section#radio .radio21 a, section#radio .radio20 a, section#radio .radio19 a, section#radio .radio18 a, section#radio .radio17 a, section#radio .radio12 a, section#radio .radio13 a, section#radio .radio14 a, section#radio .radio15 a, section#radio .radio16 a, section#radio .radio11 a {
	width: 100%;
	height:110px;
	background-size:100% auto;
	margin-top:1em;
}
section#radio .inner h2 {
	padding-top:60px;
}
section#radio h2.gfont {
	font-size: 16px;
	letter-spacing: 0.1em;
	padding-bottom:0.5em;
}
section#radio .inner p{
	font-size:12px;
	padding:0.5em 1em 1.5em 1em;
	line-height:1.5em;
}
section#radio .inner .bk{
	font-size:12px;
	padding:2.5em 1em 1.5em 1em;
	line-height:1.5em;
}

/*about*/
section#about .inner{
	padding-top:3em;
}
section#about p {
    padding:0;
}
#nav-sns li img{
	width:36px;
	height:auto;
}
#about-details .f-right {
	clear:both;
	float:left;
}
#about-details .f-left, #about-details .f-right {
	width:100%;
}
#about-details{
	padding-top:1em;
}
#map{
	width:100%;
	height:300px;
}
#sm_about-details{
	padding-top:2em;
	clear:both;
}
#about-details li {
	list-style: none;
	float: left;
	padding-right: 1em;
}

/*about2*/
section#about2 .inner{
	padding-top:3em;
}
section#about2 p {
    padding:0;
}
#nav-sns li img{
	width:36px;
	height:auto;
}
#about2-details .f-right {
	clear:both;
	float:left;
}
#about2-details .f-left, #about2-details .f-right {
	width:100%;
}
#about2-details{
	padding-top:3em;
}
#map{
	width:100%;
	height:300px;
}
#sm_about-details{
	padding-top:2em;
	clear:both;
}
#about-details li {
	list-style: none;
	float: left;
	padding-right: 1em;
}