@charset "utf-8";
/* CSS Document */

 
/* メニュー header.php */


/*header menu */

.header-wrapper{
	width: 100%;
	position: relative;
	z-index: 100;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	 text-align:center; /* ie fix */
}

#header {
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	position: relative;
}

#header h1 {
float:left;
	margin: 0;
	 text-align:left; 
}
#header h1 img{

}

#header .head-ad{
	margin: 25px 0 0 0;
float:right;
	 text-align:right; 
}

.toptel{margin: 5px 0 0 0;}
h2 a:link { color: #05b301;}

/*※※※※※※※※※※※※※※※※※メイン・メニューバーここから※※※※※※※※※※※※※※※※※*/

#main-menu{
width:100%;
margin: 0 auto 0;
  background: #f28296;
  line-height: 100%;
}

#main-menu ul {
width:1000px;
  margin: 0 auto;

}

#main-menu ul li {
  margin: 0;
  float: left;
  position: relative;
  list-style: none;
  border-left: solid 1px #fff;
}
#main-menu ul li:last-child {
  border-right: solid 1px #fff;
}

/* main level link */
#main-menu ul a {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display: block;
  padding:  15px 30px;
  margin: 0;
}

/* main level link hover */
#main-menu ul .current a, #main-menu ul li:hover > a {
  background: #ee6077 ;

}

/* dropdown */
#main-menu ul li:hover > ul {
  display: block;
}


/* level 2 list */
#main-menu ul ul {z-index:10;
  display: none;
  margin: 0;
  padding: 0;
  width: 200px;
  position: absolute;
  top: 40px;
  left: 5px;
  background: #f8b4b4 ;

  -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
  box-shadow: 0 1px 3px rgba(0,0,0, .3);
}

#main-menu ul ul li {
  float: none;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #fff;
}

#main-menu ul ul li:nth-child(1) {
  float: none;
  margin: 0;
  padding: 0;
  border: solid 1px #fff;
}

#main-menu ul ul a {
  font-weight: bold;
    color: #444;
}
#main-menu ul ul a:hover {
  background: #ee6077   !important;
  color: #fff !important;
}

/* level 3+ list */
#main-menu ul ul ul {
  left: 10px;
  top: 40px;
}
#main-menu ul ul ul li {
  float: none;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #fff;
}
/* rounded corners of first and last link */
#main-menu ul ul li:first-child > a {

}
#main-menu ul ul li:last-child > a {

}

/* clearfix */
#main-menu ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/*※※※※※※※※※※※※※※※※メイン・メニューバーここまで※※※※※※※※※※※※※※※※※※※※※※*/

/* clearfix */
#header ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.panel{
  text-align:center;
  overflow:hidden;
  position:relative;
  width:100%;
  height:30px;
  color: #736357;
}



.slide{
  display:block;
  width:100%;
  height:30px;
  color:white;
  background-color:#F1EFEE;
  position:absolute;
  bottom:-30px;
  z-index:100;
  color: #736357;
}

/*------------各ページのトップ画像  */

.head-top1{	
    width: 100%;height:100%;
    margin: 0 auto 20px;
	text-align: center;
	padding-bottom: 30%;
    position: relative;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	
	display: none;
	}

.head-top1 .head-news1{
    width: 100%;height:100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background : url(images/sec6-p1.jpg) no-repeat center center ;
	background-size:cover;
}
.head-top1 .head-contact1{
    width: 100%;height:100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background : url(images/sec7-p1.jpg) no-repeat center center ;
	background-size:cover;
}

.head-top1 img{ margin:0 auto;	padding: 10% 0 0 0;}

.head-top1  h2{
font-family: Courier, Georgia, Times, "Times New Roman", serif;
	font-size: 34px;
	line-height: 1.4;
	color: #fff;
	padding: 100px 0 0 0;
	text-align: center;
}
.head-top1  span{
    font-family: "ＭＳ ゴシック",sans-serif; 
	font-size: 15px;
	line-height: 1.4;
	color: #fff;
	padding: 10px 10px 0 10px;
}



/*------------ nivoスライダー */

#catch-vidual{
	width: 100%;
	height: 100%;
	margin: 0 auto 0;
	position: relative;
	 	line-height:0;
}
.slider-wrapper {
	width: 100%;
}

img.spimage{width: 100%;}


#catch-copy{

}
.nivoSlider{
     overflow:hidden;
}

.nivoSlider img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0 ;

    max-width: none;
    text-align:center; 
}

.slider-video {
	width: 100%;
    height:100%;
}
.fluid-image{width: 100%;}

/*------------ トップページイメージ */

.mainimage{
	position: relative;
    height:100%;
    overflow:hidden;
}
/*IE用object-fit記述あり */
.object-fit{
   width:100%;height:100%;
  object-fit: contain;
  font-family: 'object-fit: contain;'
}


#main-logo {
    position: absolute;
    top: 5%;
    text-align: center;
    width: 100%;
    z-index: 10;
}

#main-logo h1 img {
    width: 50%;
}

#bg_main-navi{
    position: absolute;
    bottom: 8%;
    right: 15% ;
    text-align: center;
    z-index: 10;
}
#bg_main-navi img{
	width: 210px;
    height:210px;
}

.btn-box2 {
    text-align: center;
    width: 200px;
padding: 7px 10px 6px 10px;
    margin: 0 auto 0;
    border: solid 1px #f28296;
    border-radius: 5px;
}
.btn-box2 a{
    color: #f28296;
}
/*------------ フッター */




#footer_menu {text-align: right;}
#footer_menu ul{font-size:0;margin: 58px auto 0;}
#footer_menu li{display:inline-block;font-size:13px;}

#footer_menu a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#footer_logo ul{text-align:left;vertical-align:bottom;margin: 80px auto 0;}
#footer_logo ul{font-size:0;}
#footer_logo li{display:inline-block;}
#footer_logo li:nth-child(1){margin: 0 32px 0 0;}
#copyright{	
	color: #FFFFFF;
	font-family: Georgia,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
	font-size: 11px;
	margin: 0 auto 0;
	    padding:25px 0 25px 0;
	width: 320px;
	letter-spacing:0.1em;
}

/*-------------------電話番号*/
.footbox{
text-align:center;
	color: #FFFFFF;
    width: 80%;
  border: solid 1px #fff;
padding:10px 15px 5px 15px;
margin:0 auto 0;
}
.footbox h2 a:link {
    color: #05b301;
font-weight:bold;
font-size:20px;
line-height:120%;
}

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

.easy-wp-page-navigation { margin: 10px auto 20px;}



/* メニュー header.php */

#menu-sp{
    width: 100%;
    height:auto;
    padding:0;
    background: #333;
}


#menu-sp a{font-size: 16px; }



#header nav ul.slicknav_nav li a {
    padding: 10px 10px;
    margin: 15px 5px;
}
.slicknav_menu .slicknav_menutxt {
font-size: 16px;
text-shadow: none;
	line-height:1;
}

.slicknav_btn {
    margin: 0 42% 0 0 ;
    background: #f28296;
    text-decoration: none;
    text-shadow: none;
    text-align: center;
	padding: 5px 20px 5px 20px;
}

.slicknav_menu {
	display: block;
    background: #f28296;
    width: 100%;
    height: 100%;
     text-align:center; /* ie fix */
	position: relative;
	 padding: 7px 0 7px 0;
}


.slicknav_nav ul {
	display: block !important;
    margin: 0 ;
}

.slicknav_nav li {
      border-bottom: solid 1px #fff;
}
.slicknav_nav li:first-child {
    margin: 0;
      border-top: solid 1px #fff;
}


.slicknav_nav li a ,.slicknav_nav .slicknav_row {
font-size: 16px;
    padding: 10px 0;
    margin: 0;
}

.slicknav_nav a:hover ,.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ee6077 ;
    color: #333;
}
.slicknav_menu .slicknav_menutxt {
font-size: 18px;
text-shadow: none;
	line-height:1;
}

/*トップページ topnews*/


.newsbox{
 font-size: 12px;
	width: 520px;
	float:left;
	 margin:50px 20px 0 0;
   color: #736357;
}
.newsbox a{
 font-size: 12px;     line-height: 1.1;
   color: #736357;
}
.newsbox a:hover{
text-decoration: none;
}

.topnews_com{ margin:3px 0 0 0;}


img.newtopic1{
	width: 115px;height:25px;
	padding: 0 0 5px 0;
}

img.newtopic2{
	width: 174px;
	float:left;
	 margin:55px 0 0 0;
}
img.newtopic3{
	width: 240px;
	float:right;
	margin:55px 0 0 0;
}

.more-boxin{
    border:3px solid #EEECEB;
    width: 100%;
    height:60px;
    margin: 0 auto 40px;
        text-align:center;
}

 a:hover .more-boxin{
  background-color: #EEECEB;
}

.more-boxin img.morebtn{
    width: 122px;
	margin: 16px auto 0;

}



/*トップページ新着記事(works)*/

.new-post-wrap {width: 100%; margin:0 auto ; padding:0 ;}

.worksp1{	
	color: #736357;
	font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
	font-size: 36px;
	margin: 60px auto 0;
	text-align:center;
	letter-spacing:0.1em;
}

.worksp2{	
	color: #736357;
	font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
	font-size: 12px;
	margin: 0 auto 20px;
	text-align:center;
	letter-spacing:0.1em;
}

.worksp3{	
	color: #736357;
	font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
	font-size: 12px;
	margin: 30px auto 5px;
	text-align:center;
}

.post-box {
width:94%; border-bottom: 1px dotted #ccc;
margin:0 auto 15px;  padding:0 0 15px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	   position:relative;
	   
}

.post-box a{
 text-decoration:none;
  color: #736357;
}

.post-box  .entry-box{
margin:0 auto ;
width: 100%;
}
.post-box  .entry-box img{
margin:0 auto ;
text-align:center;
}

span.date {
    font-size: 16px;
     margin:0 20px 0 0;
}

.entry-boxin{
 margin:10px 0 0 0;
}

.new-entry{
float: left;
 margin:2px 10px 0 0;
}
.new-entry img{
width: 32px;
 height:32px; 
}
.hplink{
float: right;
 margin:0;
}
.hplink img{
width: 76px;
 height:34px; 
}

a:hover .hplink img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.hpfile{
float: right;
 margin:0;
}
.hpfile img{
width: 76px;
 height:34px; 
}

a:hover .hpfile img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.entry-txtin{
float: left;
width: 180px;
}
.post-box  .entry-meta{

}
.post-box  .entry-title{
  color: #4d4d4d;
     margin: 0 ;
     line-height: 1.3;
    text-align:left;
}
.post-box span.entry-txt{
  line-height: 1.3;
   margin: 0;
 padding:0;
   color: #4d4d4d;
       text-align:left;
}


/*--------- トップ ページ----------*/

.aisatsu{width: 94%;font-size: 16px;
	 margin:0 auto 0;}
	 
iframe#parentframe { 
      width: 100%;
    }
/*--------- topics アーカイブ ページ----------*/

h2.entry-title{margin: 5px 0 8px 0;}
p.entry-tex{line-height: 1.4;}



/*------------------------text装飾 */
.taitol {
font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
font-size: 24px;line-height:120%;
letter-spacing:0.05em;
padding: 5px 0 5px 10px;
border-left: 5px solid #f28296;
border-bottom: 1px solid #f28296;
margin: 20px 0 10px 0;

}

.subtex1 {
font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
font-size: 21px;line-height:120%;
letter-spacing:0.05em;
padding: 5px 0 5px 0;
border-bottom: 1px solid #dddddd;
margin: 20px 0 5px 0;

}

.linkbox{margin: 30px auto 20px;width: 100%;}
a.link1 {
font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
font-size: 24px;line-height:120%;
letter-spacing:0.05em;
color:#f28296;
text-align:center;
padding: 10px 40px 10px 40px;
border: 2px solid #f28296;
text-align:center;
border-radius:8px;width: 100%;

}

.linkbox a:hover{
text-decoration: none;
color:#fff;
background-color:#f28296;
}

hr.hrc1{background-color:#aaa;border:none;height:1px;margin:18px auto;clear:both;}
p.br1{margin:0 0 15px 0;}
.brb1,.brb2,.brb3,.brb4{display: none;}
p.te1{margin:0 auto 0;	color: #fff;text-align:center;}

/*--------- 装飾----------*/

/***** Style fix *****/

.pagename {
font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
	color: #736357;
    font-size: 28px;
    margin: 20px 0 15px 0;
	letter-spacing:0.1em;
}
.content-w .pagename {
font-family: 'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
	color: #736357;
    font-size: 28px;
    margin: 20px 0 5px 25px;
    line-height: 1.4;
    letter-spacing:0.1em;
}

.post .date{color: #736357;font-size: 14px;}
.post h2.entry-title a{color: #736357;}

.side-widget .widget-title,.page-widget .widget-title {
    font-size: 21px;
    border: none;
    color: #736357;
    margin: 0;
    padding: 20px 8px 0 8px;
     line-height: 1.4;
    letter-spacing:0.1em;
}
#main {
float: left;
    width: 100%;
    padding: 0 250px 0 0;
    margin: 0 -250px 0 0; 
}
#side {
    padding: 0;
    margin: 0;
}


.entry-summary .thumbnail-align img {
    float: none;
    padding: 0;
    margin: 15px 0 5px 0;
    background-color: #eee;
}


hr.titlehr {
   background-color:#c9beb6;border:none;height:1px;clear:both;
    margin: 0 auto 20px;
}

/***** ページャー *****/

.easy-wp-page-navigation.style-square a.next,
.easy-wp-page-navigation.style-square a.prev,
.easy-wp-page-navigation.style-square a.first-page-link,
.easy-wp-page-navigation.style-square a.last-page-link {
  	font-family:  'Cormorant Garamond', "Times New Roman" ,  "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',serif;
	#736357;font-size: 21px;
}
ul.easy-wp-page-nav li {
    margin: 0 15px 0 0;
}
.easy-wp-page-navigation.style-square a, .easy-wp-page-navigation.style-square span {
    line-height: 0.8;
}
.easy-wp-page-navigation a, .easy-wp-page-navigation span {
  	font-family: 'Cormorant Garamond', "Times New Roman" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'Yu Mincho',  serif;
    border: none;
    border-bottom: 1px solid #676767;font-size: 21px;
}


.easy-wp-page-navigation.style-square a.prev{
   height:26px;
   	background : url(images/arrow-pagenation-l.png) no-repeat left center ;
	background-size:auto 26px ;
	 padding: 10px 0 10px 42px;
}
.easy-wp-page-navigation.style-square a.prev:hover{
text-decoration: none;
}

.easy-wp-page-navigation.style-square a.next{
   height:26px;
   	background : url(images/arrow-pagenation-r.png) no-repeat right center ;
	background-size:auto 26px ;
	 padding: 10px 42px 10px 0;
}
.easy-wp-page-navigation.style-square a.next:hover{
text-decoration: none;
}

.yaleft a{
   height:26px;
   	background : url(images/arrow-pagenation-l.png) no-repeat left center ;
	background-size:auto 26px ;
	 padding: 10px 0 10px 42px;
}
.yaright a{
   height:26px;
   	background : url(images/arrow-pagenation-r.png) no-repeat right center ;
	background-size:auto 26px ;
	 padding: 10px 42px 10px 0;
}
/***** パンくず *****/

.breadcrumbs , .breadcrumbs a{
	color: #736357;
	font-size: 10px;
	margin:0 0 20px 0;
}

/***** レティーナ用 *****/

.attachment-medium_for_2x{
   width: 300px !important;
   height:auto !important;
}


/***** facebook埋め込み：レスポンシブ対応 *****/

.fb-page {
    display:block !important;
    width:100%;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    height:800px;
}

.tweetbox {
    width:70%;
    margin:40px auto 30px;
    height:800px;
}

/*---------テーブル----------*/

.type06 table, .type06 th, .type06 td {
  border-collapse: collapse;
  border: 1px dotted #ccc;
  line-height: 1.5;
}

.type06 table {
    width:100%;
    margin:10px 0 10px 0;
}
.type06 th {
  width: 30%;
  padding: 10px;
}
.type06 td {
  width: 70%;
  padding: 10px;
  vertical-align: top;
}

/***** コンタクトフォーム *****/
.wpcf7 .table-cf7{
font-size: 14px;
width: 100%;margin:0 auto;
table-layout: fixed;
    border:none;
    border-collapse:separate; border-spacing:2px;
}
 
.required-cf7{
  padding: 1px 5px 1px 5px;
  background: #e60012;
  color: #fff;
  border-radius: 2px;
  margin-right: 3px;
  text-align: right;
  float:right;
  line-height: 1.3;
}
 
.unrequired-cf7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.table-cf7 tr{}

.table-cf7 th{
   font-weight:400;
  color: #736357;
  border: 1px solid #c9beb6;
   vertical-align: middle;
   padding: 12px 10px 12px 10px;
   width:28%;
}

.table-cf7 td{
  color: #736357;
  border: 1px solid #c9beb6;
   vertical-align: middle;
   padding: 12px 10px 12px 10px;
}

.table-cf7 input,
.table-cf7 textarea{
  margin: 5px 0 10px 0;
  border-radius: 0;
  border: 1px solid #c9beb6;
  background-color: #fff;
}

.table-cf7 select{
  max-width: 90% !important;
  margin: 0;
  border-radius: 0;
  border: 1px solid #c9beb6;
  background-color: #fff;
}

.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
}

span.wpcf7-list-item {margin: 0 20px 0 0;}


.wpcf7 .formbox{width: 240px; margin:0 0 10px 0;}
.wpcf7 input[type="submit"],.wpcf7 input[type="reset"],.wpcf7 input[type="button"]{
width: 100px;height:30px;margin: 10px 20px 10px 0;border:1px solid #c9beb6;
border-radius:0;color:#736357 ;font-size: 14px;line-height:28px;background: #fff; }
.wpcf7 input[type="submit"]:hover,.wpcf7 input[type="reset"]:hover,.wpcf7 input[type="button"]:hover{
background: #eee; text-decoration: none;}
.wpcf7 .cf7setp1{max-width: 980px; margin:0 auto;text-align: center;}


.wpcf7 input.wpcf7c-conf,
.wpcf7 textarea.wpcf7c-conf{
user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */
    background:#eee;
}

.table-cf7 input, .table-cf7 textarea {
color:#888888;
}



/*------------ 1070  ------------*/
@media screen and (max-width: 1070px) {
#wrapout{width:95%;}
.content-w .pagename {margin: 20px 0 5px 0;}
.content-c{width: 700px;}

}

/*------------ 1040  ------------*/
@media screen and (max-width: 1040px) {

#wrap{width:92%;}
#wrap1{width:92%;}
#header{width:92%;}
.container{width:92%;}
#main { width: 100%;}
#main-menu ul {width:92%;}

}

/*------------ 1000  ------------*/
@media screen and (max-width: 1000px) {
#main{max-width:100%;margin:auto;display:block;float:none;width:auto;}
#side{border-top:1px solid #ccc;width:100%;float:none;}
.side-widget,.page-widget{border-bottom-style:none;}
}


/*------------ 920  ------------*/
@media screen and (max-width: 920px){


}

/*------------ 820  ------------*/
@media screen and (max-width: 820px) {
.header-wrapper .pc{display: none;}
#menu-sp{display: block; }

.header-wrapper {
    height: auto;
}
#header ul.headnav{
	display: none;
}


.mainimage{
	position: relative;
    height:300px;
    overflow: hidden;
}

/*IE用object-fit記述あり */
.object-fit{
   width:auto;
}


#main-logo h1 img {
    width: 390px;
}


}

/*------------/820 740  ------------*/
@media screen and (max-width: 740px) {

.content-c{width: 100%;}
#wrapout{width:92%;}

#header h1 {
float:none;
	margin: 15px 0 0 0;
	 text-align:center; 
}

#header .head-ad {
    margin: 15px 0 5px 0;
    float: none;
    text-align: center;
}
.sxc-follow-buttons {
    text-align: center !important;
}
}	

	

/*------------ 700  ------------*/
@media screen and (max-width: 700px){
.table-cf7,.table-cf7a{
  display:block;
}     
       
  .table-cf7 tbody,
  .table-cf7 tr{
    display: block;
    width: 100%;
  }
  .table-cf7 th{
  width:100%;
  display:block;
  margin: 2px auto;
}

.table-cf7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  width: 100%;
}

}

/*------------640  ------------*/
@media screen and (max-width: 640px) {

.com-left1{float:none;}
.com-right1{margin: 20px 0 0 0;}
.brb1,.brb3{display: block;}
}

/*------------/740 580  ------------*/
@media screen and (max-width: 580px) {

.slicknav_btn {margin: 0 35% 0 0 ;}
.newsbox{
	width:100%;
	float:left;
}
.topc-boxin{width:80%;}
}

/*------------  500  ------------*/
@media screen and (max-width: 500px) {

.post-list{ width:157px; height:131px; }

.topc-boxin{width:90%;}
#footer_logo li:nth-child(1){margin: 0;}
}
/*------------  480  ------------*/
@media screen and (max-width: 480px) {
#side{clear:both;border-top:1px solid #ccc;}
.side-widget,.page-widget{border-bottom:1px dotted #ccc;width:auto;display:block;float:none;padding:0 0 20px 0 ;}
.footer-widget{border-bottom:1px dotted #fff;width:auto;display:block;float:none;}

#header h1 {width: 100%;}
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="text-17"],
.wpcf7 input[name="text-395"] {
        width: 100%;
}

}

/*------------/500 440  ------------*/
@media screen and (max-width: 440px) {

.slicknav_btn {margin: 0 32% 0 0 ;}
.mainimage{height:260px;}
#main-logo h1 img {
    width: 90%;
}
}
/*------------400  ------------*/
@media screen and (max-width: 400px) {

.mainimage{height:230px;}

}
/*------------350  ------------*/
@media screen and (max-width: 350px) {

.post-box  .entry-box img{
width: 100% !important;
}
.mainimage{height:200px;}
#copyright {width: 90%;}
}


