@charset "UTF-8";


/* web fonts */
@import url('//fonts.googleapis.com/css?family=Montserrat');

/*
 * cmn_layout.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	font-size: 16px;
	color: #000;
	word-wrap:break-word;/* 英数字折り返し */
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ max-width: 100%; width: 100%; height: auto; vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


/* !contents
---------------------------------------------------------- */
html { overflow-y: scroll;}
@media print {
	html,
	html body { *zoom: 0.65;}
}

.Clear {
	clear: both;
}

a {
	color: #009ACA;
	text-decoration: underline;
}

a:hover {
	color: #009ACA;
	text-decoration: none;
}

/* !汎用コンテンツ
---------------------------------------------------------- */
.header_sp{display:none;}
.header {
	height:80px;
	background:#fff;
	border-bottom:solid 2px #e60012;
}
.headerbox{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
.logo{
	width:320px;
	height:40px;
	float:left;
	margin-top:20px;
}
.logo a{transition:.2s;}
.logo a:hover{opacity:.8;}

/* ナビゲーション */
.nav{
	float:right;
	display:table;
	height:80px;
}
.nav li{
	display:table-cell;
	vertical-align:middle;
	font-size:20px;
	padding:0 16px;
}
.nav li a{
	color:#000;
	text-decoration:none;
	transition:.2s;
}
.nav li a:hover{color:#ff6600;}
.nav li img.nav_insta{width:36px; height:auto; transition:.2s;}
.nav li img.nav_insta:hover{opacity:.8;}

/* フッター */
.footer_btn{
	width:980px;
	margin:40px  auto 0;
	display:table;
}
.footer_btn li{
	display:table-cell;
	padding:0 10px;
}
.footer_btn li a{transition:.2s;}
.footer_btn li a:hover{opacity:.8;}

.footer_btn02{
	display:block;
	width:960px;
	margin:20px auto 0;
	background:#ff6600;
	textalign:center;
	color:#fff;
	text-decoration:none;
	font-size:22px;
	line-height:44px;
	text-align:center;
	padding-top:6px;
	border-radius: 6px;
	transition:.3s;
	border:solid 2px #ff6600;
}
.footer_btn02:hover{
	background:#fff;
	color:#ff6600;
}

.footer_nav{
	width:100%;
	height:70px;
	background:#99cc66;
	margin:60px 0 0;
}
.footer_nav ul{
	width:980px;
	height:70px;
	margin:0 auto;
	display:table;
}
.footer_nav ul li{
	display:table-cell;
	text-align:center;
	width:20%;
	vertical-align:middle;
	padding-top:4px;
}
.footer_nav ul li a{color:#fff; text-decoration:none;}
.footer_nav ul li a:hover{text-decoration:underline;}

/* トップに戻る */
.back a{
	display:block;
	width:980px;
	height:75px;
	margin:0 auto;
	background:url(http://company.tanpopo-nouen.com/common/img/footer_arrow.png) center no-repeat;
	background-size:75px;
	text-indent:-9999px;
	transition:.2s;
}
.back a:hover{opacity:.8;}

.footer_bottom{
	width:100%;
	background:#99cc66;
	padding:40px 0;
}
.footer_bottombox{
	width:980px;
	margin:0 auto;
}
.footer_logo{
	width:360px;
	margin:0 auto;
}
.footer_bottombox p{
	color:#fff;
	text-align:center;
	padding:20px 0 0;
}
.copy{font-size:13px;}

/* トップページ
---------------------------------------------------------- */
.main_image{
	width: 100%;
	height: 540px;
	padding:140px 0 0;
	background-size:cover;
	background-position:center;
}
.main_catch{
	width:846px;
	height:140px;
	margin:0 auto;
}

.top_contents01{
	position:relative;
	width:100%;
	min-height:1060px;
	background:#fcf4db;
}
.top_wrapper01{
	width:980px;
	position:absolute;
	top:-80px;
	left:50%;
	margin-left:-490px;
}

/* お知らせ */
.top_news{
	width:980px;
	height:140px;
	background:#fff;
	box-shadow:0px 0px 7px 0px #999999;
	overflow:hidden;
}
.news_title{
	width:250px;
	height:140px;
	float:left;
	background:#f9c2c2;
	padding:28px 35px 0; 
}
.news_list{
	width:730px;
	height:140px;
	padding:20px 40px;
	float:right;
}
.news_list ul{
	height:120px;
	overflow:auto;
}
.news_list ul li{
	padding-bottom:5px;
}

.news_list iframe{
	width:690px;
	height:120px;
	padding:0;
	margin:0;
}

/* たんぽぽ農園について */
.top_about{
	margin-top:60px;
}
.top_about p{
	font-size:21px;
	text-align:center;
	padding:30px 0 0;
}
.top_about a{
	display:block;
	width:60%;
	background:#ff6600;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	line-height:40px;
	padding-top:8px;
	margin:20px auto 0;
	border-radius:6px;
	border:solid 2px #ff6600;
	transition:.3s;
}
.top_about a:hover{
	background:#fff;
	color:#ff6600;
}

/* 運営施設 */
.top_contents02{
	position:relative;
	width:100%;
	background:#fff;
	padding-top:60px;
}
.facility_title{
	width:980px;
	margin:0 auto;
}
.facility_title img{
	display:block;
	width:566px;
	height:auto;
	margin:0 auto;
	z-index:2;
}
.top_facility{
	background:url(../img/top_facility_back.jpg);
	margin:-80px 0 0 0;
	padding:120px 0 80px;
}
.top_facility ul{
	width:980px;
	margin:0 auto;
	display:table;
}
.top_facility ul li{
	display:table-cell;
	padding:0 10px;
}
.top_facility ul li p{
	padding:4px 0 8px;
}
.top_facility ul li a{
	display:block;
	text-decoration:none;
	border-radius:6px;
	background:#0ba974;
	text-align:center;
	color:#fff;
	line-height:36px;
	padding-top:4px;
	border:solid 2px #0ba974;
	transition:.3s;
}
.top_facility ul li a:hover{
	background:#fff;
	color:#0ba974;
}
.top_map{width:100%; height:480px;}

/* 第二階層 */
.cover{
	width:100%;
	height:300px;
	background:url(http://company.tanpopo-nouen.com/common/img/cover.jpg) no-repeat;
	background-size:cover;
}
.cover .page_title{
	width:980px;
	height:300px;
	display:table;
	margin:0 auto;
}
.cover .page_title h1{
	display:table-cell;
	height:300px;
	vertical-align:middle;
	font-size:60px;
	color:#000033;
	font-weight:bold;
	text-align:center;
}