/*
Theme Name:Sample Theme
Theme URI:http://www.www.www/
Description:This is my sample theme.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body{font-family:'メイリオ','Hiragino Kaku Gothic Pro','Wingdings 2',sans-serif;
font-color:#333333}

/*コンテナ*/
div#container {width:1080px;
margin:0 auto}

div#container p{color:#333333}

/*ヘッダー*/

div#header h1 {font-size: 1.875em;
width:1080px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
}

div#header p#desc {font-size: 0.75em;
color: #ffffff;
width:1080px;
margin-left:auto;
margin-right:auto;
margin-top: 5px;
margin-bottom:0px;
}

div#header p#image{margin:8px 0 0}

div#header{border-bottom:solid 5px #000000;
width:100%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
div#header1{
width:100%;
max-width:1080px;
margin-left:auto;
margin-right:auto;

}



/*ヘッダー配置*/

/*ヘッダー配置*/

@media screen and (max-width: 1080px) {
  .header {
    background-size: contain;
  }
}

#hcontener{

width:100%;
margin-left:auto;
margin-right:auto;
padding10px;
}
#title1{
float:left;
width:450px;
margin-bottom:0px;
padding-bottom:0px;
}




#contact1{
font-size:0.8em;
float:right;
margin-top:20px;
}
#contact1 a{text-decoration:none;
color:#660066;
font-weight: bold;}

#nav{
margin:0;
clear:both;
}

/* Contact Form7 */
 
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: normal;
}
 
/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}
 
/* 任意マーク */
.contact7 .optional {
	background: #999;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}
 
.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
}
 







/*ナビゲーションバー*/




/* Effect 5: same word slide in */
.cl-effect-5 a {
	overflow: hidden;
	padding: 0 4px;
	height: 1.5em;
}

.cl-effect-5 a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 700;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* Effect 5: same word slide in and border bottom */


.container > section {
	margin: 0 auto;
	padding: 10em 10em;
	text-align: center;}


@media screen and (max-width: 25em) {
	.codrops-icon span {display: none;}
}



nav a {	position: relative;
	display: inline-block;
	margin: 5px 12px;
       	outline: none;
	color: #696969;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 0.9em;
　　　　}

nav a:hover,
nav a:focus {
	outline: none;
}



#nav{width:100%;
max-width:1080px;
margin-left:auto;
margin-right:auto;}


#nav{border-top:solid 1px #696969;}



/*ぱんくず*/
.breadcrumbs{font-size:0.75em;
margin-top:10px}

/*コンテンツ*/
div#content{width:1080px;
margin-top:10px;
padding-left:10px;
float:right;
overflow:hidden
}

p#pagetitle{font-size:0.875em;
font-weight:bold;
color:#333333;
border:dotted 1px #ffa500;
text-align:center;
padding:10px 0;
margin-top:0}

/*トップへ*/




/*記事*/
div.post {

overflow:hidden;
margin-bottom:50px;

}


div.post h2 {
  border: 2px solid #000000;
  font-size: 32px;
  font-weight: bold;
  margin: 50px 0 20px;
  padding: 15px 20px;
}


div.post h2 a {
  text-decoration:none;
  font-size: 32px;
  font-weight: bold;
  margin: 50px 0 20px;
  padding: 15px 20px;
}



div.post h4 {
margin-top:50px;
font-size:1.2em;
position: relative;
padding: 0.6em;
background: #ff9999;
}

div.post h4:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ff9999;
  width: 0;
  height: 0;
}


div.post h3 {padding:10px;
margin-top:40px;
margin-bottom:20px;
letter-spacing:2px;
font-size:1.1em;
}



div.post h5{
position:relative;
	padding:9px;
	font-weight: bold;
	font-size: 15px;
	background-color: #51A2C1;
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
margin:20px 0;
}

div.post h5:before{
	content:''; 
	height:0; 
	width:0; 
	display:block; 
	border:13px transparent solid; 
	border-right-width:0; 
	border-left-color:#51A2C1; 
	position:absolute; 
	top:25px; 
	left:15px;
       	transform:rotate(-270deg);
	-webkit-transform:rotate(-270deg);
	-moz-transform:rotate(-270deg);
	-o-transform:rotate(-270deg);
	-ms-transform:rotate(-270deg);
}


div.post p{font-size:1.2em;

margin-top:5px:
}

p.postinfo{color:#ffa500;
text-align:right;
margin:20px 0 0;
clear:both}

p.postinfo a {color:#ffa500}

div#newpage{margin:20px;}

#ci{max-width:960px;
        margin-left:auto;
        margin-right:auto;}



/*記事内の画像*/
.aligncenter{display:block;
margin-left:auto;
margin-right:auto}

div.post img{border:none}

.alignleft{float:left;
margin-right;10px;
margin-bottom:10px}

.alignright{float:right;
margin-left:10px;
margin-bottom:10px}

.wp-caption {border:solid 1px #aaaaaa;
text-align:center;
padding-top:5px}

/*ページリンク*/
span.oldpage{float:left}

span.newpage{float:right}

p.pagelink a{font-size:0.75em;
color:#0c8bcd;}

p.pagelink{overflow:hidden;width:100%}

/*サイドバー*/

div#side{width:240px;
float:left;
border:none;
padding-left:10px;
padding-top:10px;
overflow:hidden;
}


div#sidebar10 ul li{list-style: none;
}


#othersbanner ul li{ padding:0;	
    display: inline; } 

/*サイドバー2*/
.cds-navi {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
}

.cds-navi li { display: inline; }

.cds-navi li a {
  text-align: center;
  margin: 0;
  padding: 10px 5px 10px 5px;
  width: 220px;
  display: block;

  color: rgb(56,89,116);
  text-decoration: none;
}


/*バナーのホバー*/
.othersbanner img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}


/*カレンダー*/
.widget_calendar h2{display:none}

#wp-calendar{font-size:0.75em;
color:#ffffff;
width:100%}

#wp-calendar a {color:#ffffff}

#wp-calendar td,#wp-calendar th
{text-align:center}

#wp-calendar caption{font-weight:bold;
text-align:left;
border-bottom:solid 1px #ffffff;
padding-bottom:8px;
margin-bottom:8px}

#wp-calendar #prev{text-align:left;
padding-top:3px}

#wp-calendar #next{text-align:right;
padding-top:3px}

/*フィード*/
p.feed {font-size:0.75em;
font-family:Verdana,Helvetica,sans-serif;
border:solid 1px #000000;
padding:5px;
margin:25px 0}

p.feed a {color:#444444;
text-decoration:none}

p.feed img {vertical-align:middle;
margin-right:8px}

/*フッター*/
div#footer{width:100%;
padding:6px 0;
background-color:#330000;
overflow:hidden
}

.footer2{width:100%;
background-color:#330000;

padding:10px;
clear:both;
overflow:hidden;
}
.footernpk1 img{float:left;}

.footernpk2{float:right;
list-style:none;
padding-top:30px;
margin-right:20px;}

.footernpk{width:1080px}

.footer3 a {
color: #ffffff;
text-decoration: none;
}

.footer3 ul li{	width: 150px;
list-style:none;
font-size:0.85em;
}
.footer3{color: #333333;
	position:relative;
	width:100%;
padding-top:20px;
}

.footer3 ul{
	position:relative;
	left:50%;
        float:left;}
.footer3 ul li{
	position:relative;
	left:-50%;
	float:left;
	padding:2px 10px;}

.koryu{width:100%;
background-color:#BDB76B;
font-size:0.75em;
padding-top:30px;
padding-bottom:10px;
margin-top:20px;
clear:both;
}
.koryu a {color: #333333;
text-decoration: none;
}


/*トップページ*/
div#topcontent p {text-align:center;
font-size:0.875em;
line-height:1.5;
margin:0 0 20px}

/*トップページ内の画像*/


article{overflow:hidden;
}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
}
 .required-contactform7{
  padding: 3px;
  border:1px solid rgb(161,30,94);
  color: rgb(161,30,94);
  border-radius: 3px;
  margin-right: 3px;
}
 

.unrequired-contactform7{
  padding: 10px;
  background: rgb(161,30,94);
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.table-contactform7 {
  border-collapse: collapse;
}


.table-contactform7 th{
font-weight:normal;
text-align:left;
vertical-align:middle;
background-color:#FFF0F5;
border:1px solid #dcdcdc;
padding-left:10px;
}


.table-contactform7 td{ 
max-width:800px;
padding:5px;
height:40px;
border:1px solid #dcdcdc;}

.wpcf7 input{
width:90%;
height:30px;}

.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px;

}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 10px;
}
.btndayo, .btn-success, .btn-lg {background:rgb(219, 112, 147);
border:0;
color:#fff;
font-size:1.2em;
width:300px !important;

margin-top:10px;
}
.btndayo:hover, .btn-success:hover, .btn-lg:hover {
  opacity: 0.6;
}
.btn p{vertical-align:middle;
margin:10px;}

 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:25%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
 

      
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 10px;
  border:none;
}

.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}
#contact01{margin:20px}


/*トップページ内の画像-新着情報*/
.info_sample {
	width: 900px;
	line-height: 150%;
	font-size: 15px;
	clear: left;
border-bottom: 1px solid #919191;
margin: 10px 0 10px;
padding-bottom: 10px;
max-width: 900px;
display: inline-block ;}


.info_sample dt {
	width: 150px;
	background: none;
	padding-left: 50px;
	margin: 5px 5px 5px 0;
	float: left;
clear:both;
	font-weight: bold;
}

.info_sample dd {
	width: 700px;
	background: none;
	padding-left: 10px;
		color: #42b5d2;
}

.info_sample dd a {
	color: #1a83a1;
	text-decoration:none;
}

#news{width:100%;
margin-top:100px;
margin-bottom:40px;
margin-left:auto;
margin-right:auto;
border:none;

}

#news10{margin:10px}

/*目指すもの*/
div#concept{margin-top:50px;
margin-bottom:70px}
div#concept1{width:700px;
margin-left:auto;
margin-right:auto;
margin-bottom:100px;}

/*会社概要*/
div#ci{padding:20px}
div.ci2{width:750px;
margin-left:auto;
margin-right:auto;
padding-bottom:40px;
font-color:#333333;}





/*沿革*/

.ci10{
	width: 750px;
	line-height: 150%;
	font-size: 15px;
	clear: left;
margin: 15px 0 15px;
padding-bottom: 20px;
max-width: 750px;
border-collapse:collapse;
}
.ci10 tr{border-bottom: 1px solid #919191;
}
.ci10 img{margin:10px}

/*指定管理*/
#manegement{padding:20px;}
.shitei{padding-bottom:40px;
}

/*農法*/
div#agri1{width:750px;
margin-left:auto;
margin-right:auto;
padding-bottom:40px;
font-color:#3333339;}

/*アクセス*/
div#npkmap{width:750px;
margin-top:50px;
margin-left:auto;
margin-right:auto;
padding-bottom:40px;
font-color:#333333;}

.eco50{clear:both}
#eco100 ul{ 
margin:auto;
padding: 10px; 
list-style: none; 
}
#eco100 li{ 
display: inline; 
padding: 0; 
margin: auto; 
float:left;
}


/*会社概要ナビ*/
#menu1 ul{ 
margin:auto;
padding: 0; 
list-style: none; 
}
#menu1 li{ 
display: inline; 
padding: 0; 
margin: auto; 
float:left;
}
#menu1 li a{
display: block; 
border-left: 8px solid #C97556;
background-color: rgb(29,42,86);
padding: 10px 20px;
text-decoration: none;
color: #E1E2CF;
width: 140px; 
margin: 1px 0px;
text-align: left;
font-size: 14px;
}
#menu1 li a:hover{
border-left: 8px solid #990033;
background-color: #474655;
}

/*４０周年ナビ*/
#aniv20{margin-top:150px}
#menu2 ul{ 
margin:auto;
padding: 0; 
list-style: none; 
}
#menu2 li{ 
display: inline; 
padding: 0; 
margin: auto; 
float:left;
}
#menu2 li a{
display: block; 
border-left: 8px solid #C97556;
background-color: rgb(29,42,86);
padding: 10px 20px;
text-decoration: none;
color: #E1E2CF;
width: 250px; 
margin: 1px 0px;
text-align: left;
font-size: 14px;
}
#menu2 li a:hover{
border-left: 8px solid #990033;
background-color: #474655;
}
#aniv10{margin-top:100px}

.aniv40{margin-bottom:30px}

#ci40{margin:50px}

/*警備ナビ*/
#semenu1 ul{ 
margin:auto;
padding: 0; 
list-style: none; 
}
#semenu1 li{ 
display: inline; 
padding: 0; 
margin: auto; 
float:left;
}
#semenu1 li a{
display: block; 
border-left: 8px solid #C97556;
background-color: rgb(29,42,86);
padding: 10px 20px;
text-decoration: none;
color: #E1E2CF;
width: 230px; 
margin: 1px 0px;
text-align: left;
font-size: 14px;
}
#semenu1 li a:hover{
border-left: 8px solid #990033;
background-color: #474655;
}
#semenu1{overflow:hidden;
margin-top:100px;
margin-left:20px;
}




#ci2{clear:both;
padding-top:40px;
}

/*沿革*/
#history{background-image:url(line4.jpg);
background-repeat:no-repeat;
margin-top:40px;
}

#history p{font-size:20px;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;}

.ci10 th {
	width: 150px;
	background: none;
	padding-left: 40px;
	margin: 5px 10px 5px 0;
	float: left;
color:#3333339;
text-align:left;}

.ci10 td {
	width: 550px;
	background: none;
font-size:14px;
	padding-left: 10px;
margin: 5px 10px 5px 0;
	float: left;
	color:#333333;
}


.ci20 ul{ 
padding: 10px; 
list-style: none; 
}
.ci20 li{ 
display: inline; 
padding: 0; 
float:left;
}


/*社会貢献*/
#csr10{padding-bottom:20px}/*画像の下に余白*/
#csr11{margin-top:40px;
margin-bottom:40px}

#volunteer{
    position: relative;
    margin: 2em 0 1.5em;
    padding: 0.8em;
    background: #afeeee;
    color: #fff;
    font-size: 1.143em;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
 
#volunteer:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #afeeee;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}

#bcp100{margin-top:100px;
overflow:hidden}

#csr11 ul{ 
margin-top:50px;
padding: 0; 
list-style: none; 
}
#csr11 li{ 
display: inline; 
padding: 5px; 
margin-bottom:50px;
float:left;
}
#csr11{overflow:hidden;}


/*警備事業*/
#security{padding:20px;
clear:both;
}
#security h3{margin-top:50px}

.cybersecurity2 img{float:right}

#sp{margin-bottom:20px;}

#sephoto1,#sephoto2,#sephoto3,#sephoto4,#sephoto5,#sephoto6{
width:230px;
height:230px;
border:solid 1px #c0c0c0;
padding:10px;
margin-left:10px;
margin-bottom:10px;
font-size:15px;}

#sp2 p{line-height: 1.5;
}

#sp2 ul li{list-style:none;
display:inline;
margin:20px;
}



#sp3 ul li{list-style:none;
display:inline;
margin:20px;
}



.koutu1,.koutu2{float:right;}
.koutu3,.koutu4{margin-top:20px}
#koutu5{margin-top:50px}

.kikai1{float:left;
margin:10px}
.genso img{width:auto;
height:auto;
max-width:100%;
max-height:100%;}

.kaigoimg img{ display: block; margin: 20px; }

.keibiimg1{margin:50px 0}

.keibitop{
 display: block;
 margin-left: auto;
 margin-right: auto;
margin-bottom:50px;
}



/*------ utiltity classes -----*/
.fl{ float:left; }
.fr{ float: right; }
/*its also known as clearfix*/
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}

.group {
    zoom: 1;  /*For IE 6/7 (trigger hasLayout) */
}


.pricing-table {
    width: 100%;
    margin: 30px 0;
    text-align: center;
    padding: 10px;
    padding-right: 0;
}

.block{
    width:240px;    
    margin: 3px ;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
/*    border: 1px solid red;*/
}

/*Shared properties*/
.title,.pt-footer{
    color: #FEFEFE;
    position: relative;
}
.title{font-weight:bold;
padding:20px 0}

.content{
    position: relative;
    color: #FEFEFE;
}
/*arrow creation*/
.content:after, .content:before,.pt-footer:before,.pt-footer:after {
	top:100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pt-footer:after,.pt-footer:before{
    top:0;
}
.content:after,.pt-footer:after {
	border-color: rgba(136, 183, 213, 0);	
	border-width: 5px;
	margin-left: -5px;
}
/*/arrow creation*/
.hint{
font-size:11px;
padding:10px
}
.features{
list-style-type: none;    
text-align: left;
color: #333333;
font-size: 15px;
padding:10px;
}
.features li{
margin-bottom:2em;
}
.features a{text-decoration: none;
color: #333333}
.features h6{border-bottom: 1px solid #9C9C9C;
padding:25px}

.pt-footer{
    font-size: 0.95rem;
    text-transform: capitalize;
}
/*PERSONAL*/
.personal .title{        
    background: #78CFBF;    
}
.personal .content,.personal .pt-footer{
    background: #82DACA;
}
.personal .content:after{	
	border-top-color:#82DACA;	
}
.personal .pt-footer:after{
    border-top-color: rgb(230,242,231);}
.personal .features{
background: rgb(230,242,231);
}
/*PROFESSIONAL*/
.professional .title{
    background: #3EC6E0;
}
.professional .content,.professional .pt-footer{
    background: #53CFE9;
}
.professional .content:after{	
	border-top-color: #53CFE9;	
}
.professional .pt-footer:after{
    border-top-color: #E0FFFF;
}
.professional .features{
background: #E0FFFF;
}


/*BUSINESS*/
.business .title{
    background: rgb(243,125,149);
}
.business .content,.business .pt-footer{
    background: rgb(245,152,171);
}
.business .content:after{	
	border-top-color: rgb(245,152,171);	
}
.business .pt-footer:after {	
	border-top-color: #FFF5EE;	
}
.business .features{
background: #FFF5EE;
}

/*40th*/
#aniv1 ul{ 
margin:auto;
padding: 10px; 
list-style: none; 
}
#aniv1 li{ 
display: inline; }

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

/*教育*/
#edu{padding:20px;}
#edu p{margin:20px}
#edu h3{margin-top:100px;
 }

#edu h6{border-bottom:solid 1px #696969}

.edu10 img,.edu11 img,.edu12 img,.edu13 img,.edu14 img,.edu15 img,.edu16 img{float:right}
.edu10,.edu11,.edu12,.edu13,.edu14,.edu15,.edu16{overflow:hidden}
iframe {
    display: block;
    }
.edu15 h6,.edu16 h6,.edu17 h6{margin:20px }

.edu50{ 
margin:auto;
padding:10px;
list-style: none; 
}
.edu50 li{ 
display: inline; 
padding:7px; 
margin: auto; 
float:left;
}

.access1{margin-bottom:30px;}


/*出入管理*/
#access1 ul li{ padding:3px;	
    display: inline; } 
.deiri10,.deiri11,.deiri13{float:left;
margin:0 10px}
.deiri12,.deiri14{float:left;
margin-bottom:10px}
#deiri3{clear:both}
/*災害*/
.bcp10{float:right}
.bcp11{clear:both}
/*メディ*/
.medi30,.medi31,.medi32{float:left;
margin-bottom:10px}
.medi33,.medi34,#medica4{clear:both}
/*防犯商品*/
.secu50,.secu51,.secu52,.secu53,.secu54,.secu55,.secu56,.secu57,.secu58,.secu59,.secu60,.secu61,.secu62,.secu63,.secu64,.secu65,.secu66,.secu67,.secu68,.secu70,.secu71,.secu72,.secu73,.secu74{float:left;
margin:10px}
.bouhan11,.bouhan12,.bouhan13,.bouhan14,.bouhan15,.bouhan16,.bouhan17,.bouhan18,.bouhan30,.bouhan31,.bouhan32,.bouhan33,.bouhan34,.bouhan35,.bouhan36,.bouhan37,.bouhan36,.bouhan38,.bouhan39,.bouhan40,.bouhan41,#mimamori{clear:both}

.drill1{float:right;
margin:10px}


/*コンテンツの背景*/
div.post,
p.feed,
#comments{background-color:#ffffff;}

/*ワインページの文字スペース*/
.wine10{margin:40px}


#wine20{width:100%;}

#wine21{width:1080px;
margin-left:auto;
margin-right:auto;
}


/*投稿*/
#news50{margin:50px;
width:900px;}

a.bt-samp1{
  display: block;
  text-decoration: none;
  height:50px;
  width: 300px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background:#8B0000;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt-samp1:hover{
  border:solid 1px #8B0000;
  background:#fff;
  color: #8B0000;
}

a.bt-samp1{float:right}

a.bt-samp3{
  display: block;
  text-decoration: none;
  height:50px;
  width: 200px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background:#8B0000;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt-samp3:hover{
  border:solid 1px #8B0000;
  background:#fff;
  color: #8B0000;
}

#winery20 li{
  float: left;
  list-style: none;
  margin: 5px;
}

#shop5  li{
  float: left;
  list-style: none;
  margin: 5px;
}

#shop5{margin-top:50px;}
#shop1{margin-top:50px;}
 



/*ブログ見出し*/

.grape h2 {   float:left
  }
.grape  { padding: .75em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  overflow:hidden
  }

#cafe5{
padding:30px 20px;
margin:20px;
border:1px solid #BC8F8F;}
#cafe10{line-height:150%;}

#winery5 a, #shop5 a, #cafe8 a{text-decoration: none ;
color:#c71585;
float:right;}

.wine30{overflow:hidden;}

.wine30 h2, #shop5 h2{margin-bottom:30px;}

#news10 h2{font-size:15px;}


.ikomapleft{float:left;}
.ikomaleft img{margin-right:50px;}
.ikomap{float:left;
border-collapse: collapse;
padding:10px;}

.ikomap th, .ikomap tr, .ikomap td {border:solid 1px #222222;
border-spacing: 0;
}

#ikomapmain{overflow:hidden;
margin-top:20px;}


.ikomap th {/*table内のthに対して*/
  padding: 4px 20px;/*上下左右10pxずつ*/
}

.ikomap td {/*table内のtdに対して*/
  padding: 4px 20px;/*上下3pxで左右10px*/
}

/*タイムライン*/
.cp_timeline03 {
position: relative;
margin: 3em auto;
}
.cp_timeline03:before {
position: absolute;
top: 0;
width: 4px;
height: 100%;
content: '';
background-color: #006064;
left: 30px;
}
.cp_timeline03 .timeline_group {
position: relative;
padding-top: 55px;
}
.cp_timeline03 .timeline_group:not(:first-of-type) {
margin-top: 4rem;
}
.cp_timeline03 .time_year {
position: absolute;
top: 0;
left: 0;
padding: 0.5rem 1.5rem;
color: #fff;
background-color: #00838F;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_timeline03 .timeline_item {
margin-bottom: 1em;
position: relative;
padding-left: 80px;
}
.cp_timeline03 .timeline_item:not(:last-of-type) {
margin-bottom: 2em;
}
.cp_timeline03 .timeline_item:before {
position: absolute;
z-index: -1;
left: 0;
width: 100%;
height: 3px;
content: '';
background-color: #006064;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.cp_timeline03 .time {
position: absolute;
left: 0;
box-sizing: border-box;
min-width: 65px;
min-height: 65px;
padding: 0.5em 0.5em;
text-align: center;
color: #fff;
background-color: #26C6DA;
top: 50%;
margin-top: -33px;
border-radius: 65px;
}
.cp_timeline03 .time_day {
font-size: 1em;
font-weight: 700;
display: block;
}
.cp_timeline03 .time_month {
font-size: 1em;
display: block;
text-transform: uppercase;
}
.cp_timeline03 .desc {
padding: 0.5em 1em;
border-left: 3px solid #26C6DA;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
font-size: 0.9em;
}
.cp_timeline03 .desc .flag {
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 0;
padding-bottom: 0.3em;
}
@media only screen and (max-width: 767px) {
.cp_timeline03:before {
left: 0;
}
.cp_timeline03 .timeline_group {
padding-top: 40px;
}
.cp_timeline03 .timeline_item {
padding-top: 60px;
padding-left: 20px;
}
.cp_timeline03 .timeline_item:before {
top: 90px;
}
.cp_timeline03 .time {
top: 40px;
border-radius: 0 20px 20px 0;
min-height: 2em;
}
.cp_timeline03 .time_day,
.cp_timeline03 .time_month {
display: inline-block;
}
.cp_timeline03 .desc {
font-size: 0.8em;
}
}

#wine45{margin-bottom:20px;}

#budou{margin:20px;}