@charset "UTF-8";
/*
	Theme Name: House
	Description: House! ペットシッティング&お散歩代行 サイト用テーマ
	Theme URI: 
	Author: House
	Version: 1.0
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: right-sidebar, two-columns

*/
/**********************************************************************

          webfont

**********************************************************************/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');/*角丸*/
/**********************************************************************
 
         共通

**********************************************************************/
/*
body {
	font-family:Avenir ,"Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	min-width : 320px;
	width : 100%;
	font-size: 16px;
	line-height: 1.5;
} 

p {
	font-family:Avenir ,"Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
*/

body {
	font-family:"Open Sans" ,'Kosugi Maru', sans-serif;
}
#container {
	width : 100%;
}
/* 上へボタン */
#moveTop {
	position : fixed;
	bottom : 50px;
	right : 50px;
	display : none;
}
#moveTop img {
	width : 45px;
	height : 45px;
}

/* スクロールアニメーション */
.effectFadeInUp {
	animation-name: fadeinUp;
	animation-duration: 0.9s;
	animation-delay: 0.3s;
	animation-fill-mode: forwards;
}
.opacity-0 {
	opacity: 0;
}
@keyframes fadeinUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



/*---------------------------
          header固定
---------------------------*/
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	border-top: none;
}
/*---------------------------
          Link
---------------------------*/
a {
	color: #333333;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	-moz-transition:  all 0.3s ease 0s;
	-webkit-transition:  all 0.3s ease 0s;
	-o-transition:  all 0.3s ease 0s;
	-ms-transition:  all 0.3s ease 0s;	
}
a:hover {
	color: #999900;
	text-decoration : underline;
}
/* お知らせ */
.top_news_title a {
	color : #676666;
}
.top_news_title a:hover {
	color: #999900;
}
/* 記事 */
.news_article_content a {
	color: #999900;
	transition: all 0.3s ease 0s;
	-moz-transition:  all 0.3s ease 0s;
	-webkit-transition:  all 0.3s ease 0s;
	-o-transition:  all 0.3s ease 0s;
	-ms-transition:  all 0.3s ease 0s;	
}
.news_article_content a:hover {
	text-decoration: underline;
}
/* footer */
#footer a {
	color: #ffffff;
	transition: all 0.3s ease 0s;
	-moz-transition:  all 0.3s ease 0s;
	-webkit-transition:  all 0.3s ease 0s;
	-o-transition:  all 0.3s ease 0s;
	-ms-transition:  all 0.3s ease 0s;	
}
#footer a:hover {
	color: #8cc22c;
	color: #999900;
}
/*---------------------------
          Layout
---------------------------*/
.wrapper {
	margin: 0 auto;
	width: 100%;
	height : auto;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.fn {
	float:none;
}
.ar {
	text-align : right;
}
.al {
	text-align : left;
}

.ac {
	text-align : center;
}
.center {
	text-align : center;
}
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

	～480(iPhone 縦)

*/
.wrapper {
	margin: 0 auto;
	width: 100%;
	height : auto;
}
/*---------------------------
          header.php
---------------------------*/
#header_wrap {
	width : 100%;
	z-index : 1000;
}
#header{
	width: 100%;
	background-color: #ffffff;
}
.head_fix {
	position: fixed;
}
/* 青ライン */
.header-top-line {
	height: 20px;
	background: url("./images/bg_patern.jpg");
	text-align : right;
	font-size : 8px;
	line-height : 20px;
	color: #ffffff;
}
/* スマホ４メニュー */
#smart_square4_nav {
	background: url("./images/bg_patern.jpg");
	padding-top: 20px;
}

.header-top-line h1 {
	padding-right : 20px;
	padding-right : 2%;
}
/* ロゴ・サブタイトル */
#header .logo {
	padding-top: 13px;
	padding-bottom: 7px;
	width : 250px;
	margin-left : 10px;
}
.logo img {
	width: 100%;
	height: auto;
}
/* サブメニュー */
#header .submenu {
	display : none;
}
/* お問合わせボタン */
#header .contact {
	display : none;
}
/* メインメニューTOP画面以外 */
#main-nav {
	display : none;	
}
/* スマホパーツを表示*/
.smart {
	display: block;
}
/* 480以下パーツを表示 */
.smart480_only {
	display: block;
}
/* スマホメニューボタン */
.btn-trigger {
  position: relative;
  width: 40px;
  height: 39px;
  cursor: pointer;
}
.btn-trigger span {
  position: absolute;
  left: 0px;
  width: 81%;
  height: 5px;
  background-color: #333;
  border-radius: 0px;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 10px;
}
.btn-trigger span:nth-of-type(2) {
  top: 22px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}

#btn01.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
  	top: 2px;
}
#btn01.active span:nth-of-type(2) {
	opacity: 0;
}
#btn01.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
	bottom: -8px;
}
#smartMenuBtn {
	margin-top: -2px;
/*
	padding-top: 10px;
	padding-bottom: 10px;
	height: 28px;
	width: 30px;
	margin-right : 10px;
*/
}
#smartMenuBtn img {
	width: 100%;
	height : auto;
}
/* スマホメニューを隠しておく */
#smart-nav {
	display: none;
	z-index : 1000;
}
#smart-nav  ul {
	width: 100%;
}
#smart-nav  li {
	background-color : #ffffff;
	text-align : center;
	float: left;
	width : 50%;
}
#smart-nav  li a {
	display: block;
	height : 50px;
	line-height : 50px;
}
#smart-nav  li a:hover {
	background-color : #64a5d7;
	color : #ffffff;
}
/*---------------------------
          TOP.php
---------------------------*/
#main {
	width : 100%;
}
/* fixed用 */
.top_space {
	height : 58px;
}
/* メイン画像 */
#main_image_wrap {
	position: relative;
	width : 100%;
	overflow: hidden;
	height : 300px;
}
#main_image {
	position: absolute;
	top : 0;
	left : 0;
	height : 300px;

	background-image: url("./images/top_img.jpg") ;
	width: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	/*overflow: hidden;*/
	background-size : cover;
	/*ストライプ試し*/
	/*
	  background-image: repeating-linear-gradient(0deg, transparent 11px, #333 12px), url(./images/top_img.jpg);
	  background-size: auto, cover;
	*/
	filter: blur(1px);
	animation: bg-scale 12s ease-in-out infinite;

}
@keyframes bg-scale {
    50% {
        transform: scale(1.1);
		filter: blur(0px);
    }
}
#main_image_contents {
	position: absolute;
	width: 100%;
	top : 0;
	left : 0px;
	z-index: 999;
}

/* メイン画像ロゴ */
#main_logo {
	margin : 0 auto;
	width : 85px;
	margin-top : 45px;
    margin-bottom : 24px;
}
/* メイン画像ロゴ */
#main_logo img {
	width : 100%;
	height : auto;
	filter: drop-shadow(#333 1px 1px 5px);
}
/* メイン画像メッセージ */
#main_msg {
	width : 90%;
	margin : 0 auto;
	text-align : center;
	color : #ffffff;
	font-size: 18px;
	line-height: 1.5;
    margin-bottom : 5%;
	font-weight : bold;
	text-shadow: #333 1px 1px 5px;
}
/* □ナビ */
.square1 {
	width : 50%;
	height : auto;
	margin : 0 auto;
}
.square1 img {
	width : 100%;
	height : auto;
	vertical-align : bottom;
}
.square1 a {
	display : block;
}
/* ○ナビ */
.smart480_except {/* 480以下は非表示 */
	display : none;
}
/* 困っていること smart480_only */
.smart_top_h {
	padding : 25px 0px;
	background-color : #64a5d7;
	text-align : center;
}
.smart_top_h h2 {
	color : #ffffff;
	font-size : 30px;
	font-weight : bold;
	line-height : 1.3;
}
.smart_white_box {
	width : 100%;
	height: auto;
	background-color : #ffffff;
}
#smart_trouble4_box_wrap {
	margin-bottom : 20px;
	margin-bottom : 40px;
}
.smart_trouble4_box {
	width : 100%;
	height: auto;
}
.smart_sec_btn {
	width : 280px;
	margin : 0 auto;
	margin-bottom : 20px;
	margin-bottom : 40px;
}
.smart_sec_btn img {
	width : 280px;
	height : auto;
	vertical-align : bottom;
}
.smart_trouble4_box {
	width : 100%;
	height: auto;
	margin : 0 auto;
}
.smart_trouble4_box img {
	width : 100%;
	height: auto;
	margin : 0 auto;
	vertical-align : bottom;
}
/* メリット  smart480_only */
#smart_top_merit {
	margin-bottom : 20px;
}
#smart_merit3_box_wrap {
	margin : 20px 0px;
}
.smart_merit3_box {
	width : 100%;
	margin-bottom : 10px;
	text-align : center;
}
.smart_merit3_box img {
	width : 95%;
	height : auto;
	vertical-align : bottom;
}
.smart_merit_sankaku {
	margin : 0 auto;
	height : 10px;
	background: url("./images/meritYajirushi.png");
	background-repeat: no-repeat;
	background-position : center bottom;
	background-size : contain;
}
.smart_merit_content {
	padding : 5%;
	color: #333333;
	width : 84%;
	margin : 0 auto;
	font-weight: bold;
	border: 2px solid #64a5d7;
	font-size : 13px;
	text-align : left;
	margin-bottom : 10px;
	margin-bottom : 40px;
}

/* TOP お知らせ */
.page_header {
	padding-top : 30px;
	background: url("./images/bg_patern.jpg");
}
.page_header_title {
	width : 60%;
	border-top : solid #ffffff 1px;
	border-bottom : solid #ffffff 1px;
	margin : 0 auto;
	text-align : center;
	margin-bottom : 4px;
}
.page_header_title h2 {
	color : #ffffff;
	font-size : 26px;
	line-height: 1.5;
}
.page_header_subtitle {
	width : 80%;
	margin : 0 auto;
	color : #333333;
	font-size : 18px;
	text-align : center;
	line-height: 1.5;
}
#breadcrumb {
	text-align : center;
	color : #333333;
}
.page_bg_1 {/* 共通背景 */
	background-color : #d2e0ea;
	background-image: url("./images/header_sankaku480.png") ;
	background-position: center top;
	background-repeat: no-repeat;
	height : 50px;
}
.page_bg_2 {/* 共通背景 */
	background-color : #edf2f6;
	padding-top : 50px;
	padding-bottom : 70px;
}
.page_bg_3 {/* 共通背景 */
	background-color : #d2e0ea;
	height : 40px;
	text-align : center;
}
.top_page_bg_2 {
	background-color : #edf2f6;
	padding-top : 20px;
	padding-bottom : 20px;
}
#top_news_content,
#smart_top_news_content {
	width : 90%;
	margin : 0 auto;
	padding-bottom : 10px;
}
#top_news_closed,
#smart_top_news_closed,
#top_news_news,
#smart_top_news_news {
	margin-bottom : 20px;
	padding-bottom : 20px;
	border-bottom : solid #64a5d7 1px;
}
#top_news_others,
#smart_top_news_others {
	margin-bottom : 20px;
}
#top_news_closed header,
#top_news_news header,
#smart_top_news_closed header,
#smart_top_news_news header, 
#top_news_others header,
#smart_top_news_others header{
	margin-bottom : 10px;
	text-align : left ;
}
#top_news_closed h3,
#top_news_news h3,
#smart_top_news_closed h3,
#smart_top_news_news h3, 
#top_news_others h3,
#smart_top_news_others h3{
	font-size : 22px;
	font-weight: bold;
	color : #64a5d7;
}
.top_news_date {
	width : 100%;
	font-size : 16px;
	color : #484848;
	font-weight: bold;
	text-align : left ;
}
.news_date {
	width : 100%;
	font-size : 16px;
	color : #484848;
	font-weight: bold;
	text-align : left ;
}
.top_news_title {
	width : 100%;
	font-size : 16px;
	color : #64a5d7;
	text-align : left ;
	margin-bottom : 10px;
}
.sec_btn2 {
	width : 200px;
	margin : 0 auto;
}
/* ソーシャル */
#social_wrap {
	width : 80%;
	margin : 0 auto;
	padding-bottom : 10px;
}
#top_fb {
	width : 100%;
	height : 400px;
	margin-bottom : 30px;
}
#top_tw {
	height : 400px;
}
#top_fb,
#top_tw  {
	overflow : hidden;
}
#so_header_fb  {
	width : 100%;
	height : 50px;
	background-image: url("./images/FB_header.png") ;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size : 100% auto;
}
.fb-page {
    width:100% !important;
  }
#so_header_tw  {
	width : 100%;
	height : 50px;
	background-image: url("./images/TW_header.png") ;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size : 100% auto;
}
/*---------------------------
 	固定ページ共通
---------------------------*/
.page_wrap {
	width : 90%;
	margin : 0 auto;
}
.content_header {
	width : 100%;
	margin : 0 auto;
	text-align : center;
}
.content_header {
	font-size : 22px;
	color : #333333;
	margin-bottom : 40px;
	width : 90%;
}
.line_btn,
.page_icon {
	width : 100%;
	text-align : center;
}
/* アイコン */
.page_icon img {
	width : 25%;
	height: auto;
}

/* LINE登録 */
.line_btn img {
	width : 40%;
	height: auto;
}
.line_btn img:hover {
	opacity : 0.7;
}

.syousai {
	font-size : 14px;
	color : #676666;
}
/*---------------------------
 サービス内容 page-service.pnp
---------------------------*/
#post-4 .page_wrap {
	margin-bottom : 50px;
}
.page_s_head {
	margin-bottom : 5px;
}
.page_s_head h4 {
	font-size : 20px;
	color : #64a5d7;
	font-weight: bold;
}
.setumei {
	margin-bottom : 20px;
	font-size : 14px;
	color : #676666;
}
.setumei_2 {;
	font-size : 14px;
	color : #676666;
}
#post-4 .syousai {
	margin : 0 auto;
	width : 90%;
	font-size : 14px;
	color : #676666;
}
/*---------------------------
 ご利用の流れ page-step.pnp
---------------------------*/
#post-8 .page_wrap {
	margin-bottom : 50px;
}
.step_no {
	font-size : 24px;
	color : #64a5d7;;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom : 10px;
}
#post-8 .syousai {
	margin : 0 auto;
	width : 90%;
	font-size : 14px;
	color : #676666;
}
#post-8 .page_bg_3 {
	background-color : #d2e0ea;
	height : 46px;
	padding : 17px;
	text-align : center;
}
/*---------------------------
料金表・対応エリア page-price-area.pnp
---------------------------*/
#about_pay_img {
	margin : 0 auto;
	margin-bottom : 40px;
	width : 90%;
}
#sitting_pay_img {
	margin : 0 auto;
	margin-bottom : 40px;
	width : 90%;
}
#trip_pay_img,
#trans_pay_img,
#warimashi_pay_img,
#cancel_pay_img {
	margin : 0 auto;
	margin-bottom : 40px;
	width : 90%;
}
#about_pay_img img,
#sitting_pay_img img,
#trip_pay_img img ,
#trans_pay_img img,
#cancel_pay_img img,
#warimashi_pay_img img {
	width : 100%;
	height : auto ;
}
#area_img {
	display : none;
}
#area_img_s {
	width : 100%;
	height : auto;
}
#area_img_s img {
	width : 100%;
	height : auto;
}
#post-10 .syousai {
	margin : 0 auto;
	width : 90%;
	font-size : 14px;
	color : #676666;
}
.syousai_mb {
	margin-bottom : 40px;
}
.syousai_center {
	text-align : center;
	font-size : 14px;
	color : #676666;
}
/*ワンちゃんのサイズについて*/
.dog_size {
	width : 90%;
	margin : 0 auto;
	margin-top : 20px;
}
.dog_size_header {
	text-align : left;
	cursor: pointer;
	margin-bottom : 20px;
}
.dog_size_header h4 {
	color : #64a5d7;
	font-size : 16px;
	font-weight : bold;
}
.dog_size_contents {
	color : #676666;
	font-size : 14px;
}
.dog_size_bold {
	font-weight : bold;
	color : #64a5d7;
}
/*---------------------------
 シッター紹介 page-profile.pnp
---------------------------*/
#page_profile_bg_1 {
	background-image: url("./images/header_sankaku480.png") ;
	background-position: center top;
	background-repeat: no-repeat;
	height : 80px;
}
#page_profile_bg_4 {
	background-image: url("./images/prof_b_480.jpg") ;
	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size : cover;
	padding-bottom : 80px;
}
#page_profile_bg_2 {
	background-color : rgba(255,255,255,0.8);
	padding-top : 50px;
	padding-bottom : 70px;
}
#post-13 .page_icon img {
	height: auto;
}
.page_profile_s_head {
	text-align : center;
	margin-bottom : 5px;
}
.page_profile_s_head h4 {
	font-size : 20px;
	color : #64a5d7;
	font-weight: bold;
}
#post-13 .syousai {
	padding : 10px;
	margin : 0 auto;
	width : 90%;
	font-size : 14px;
	color : #676666;
	margin-bottom : 40px;
}
#setumei_center {
	text-align : center;
}
#blog_btn_area {
	width : 90%;
	margin : 0 auto;
}
.blog_btn_wrap {
	width : 100%;
	text-align : center;
}
.blog_btn {
	width : 200px;
	margin : 0 auto;
}
/*---------------------------
 よくある質問 page-question.pnp
---------------------------*/
.page_question_wrap {
	width : 90%;
	margin : 0 auto;
}
.q_a_wrap {
	margin-bottom : 20px;
    background-color: #ffffff;
    padding: 6%;
    border-radius: 10px;
	cursor: pointer;
}
.question {
	/*cursor: pointer;*/
	background: url("./images/Q_b.png");
	background-size : 16px;
	background-repeat: no-repeat;
	background-position : 0px 2px;	
	padding-left : 40px;
	padding-left : 10%;
	margin-bottom : 20px;
	margin-bottom : 0px;
}
.question h4 {
	color : #64a5d7;
	font-size : 16px;
	font-weight : bold;
}
.answer {
	color : #676666;
	font-size : 16px;
	background: url("./images/A_b.png");
	background-size : 16px;
	background-position : 0px 5px;	
	background-repeat: no-repeat;
	padding-left : 40px;
	margin-bottom : 50px;
    padding-left: 10%;
    margin-bottom: 0%;
    margin-top: 5%;
}
/*---------------------------
 お問い合わせ page-contact.pnp
---------------------------*/
.kome {
	color : red;
}
#sec_form .syousai {
	margin-bottom : 40px;
}
#denwa_no {
	font-size : 36px;
	color : #64a5d7;
	text-align : center;
	margin-bottom : 40px;
}
/* contact form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
.wpcf7 p {
	margin-top : 10px;
}
/* 送信ボタン */
.submit_center {
	text-align : center;
	margin-top : 10px;
}
.wpcf7 input[type="submit"] {
	width : 150px;
	font-size: 24px;
	color: #333;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
	background: rgba(0,0,0,0.02);
	border: solid 1px rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 5px 8px;
	padding: 8px 10px;
	margin: 0 2px;
}
.wpcf7 input[type="submit"]:hover {
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	background: rgba(0,0,0,1);
	background: rgb(108,159,178);
	border: solid 1px rgba(0,0,0,0.3);
	color: rgba(255,255,255,1);
}

/*---------------------------
 お知らせ一覧 index.pnp
---------------------------*/
#news_wrap {
	width : 85.4%;
	margin : 0 auto;
}
.news_content {
	width : 100%;
	margin : 0 auto;
}
#news_sidebar {
	width : 100%;
	margin : 0 auto;
}
.news_article {
	margin-bottom : 20px;
	padding-bottom : 20px;
	border-bottom : solid #64a5d7 1px;
}
.post-110 .news_date {
	text-align : left;
}
.news_title {
	width : 100%;
}
.news_title h4 {
	font-size : 18px;
	color : #64a5d7;
	font-weight: bold;
}
.news_article_content p {
	width : 100%;
	padding-top : 10px;
	font-size : 14px;
	color : #676666;
}
/* sidebar */
.widgettitle {
	font-size : 16px;
	color : #484848;
	font-weight: bold;
	margin-bottom : 10px;
}
#news_sidebar aside {
	margin-bottom : 50px;
}
/* pager */
.pager {
	text-align: center;
	margin-top : 60px;
	margin-bottom : 60px;
}
a.page-numbers, .pager .current {
	background: rgba(0,0,0,0.02);
	border: solid 1px rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 5px 8px;
	padding: 8px 10px;
	margin: 0 2px;
}
.pager .current,
a.page-numbers:hover {
	background: rgba(0,0,0,1);
	background: rgb(108,159,178);
	border: solid 1px rgba(0,0,0,0.3);
	color: rgba(255,255,255,1);
}
.cat-item-12 a {
	color : #64a5d7;
}
/*---------------------------
 プライバシーポリシー page-privacypolicy.pnp
---------------------------*/
#post-22 .syousai {
	margin : 0 auto;
	width : 90%;
	font-size : 14px;
	color : #676666;
	margin-bottom : 40px;
}
#post-22 .page_wrap {
	width : 90%;
}
/*---------------------------
 リンク page-link.pnp
---------------------------*/
#sec_link {
	text-align : center;
	height : 500px;
}
/*---------------------------
         footer.php
---------------------------*/
#footer {
	background: url("./images/bg_patern.jpg");
	color: #ffffff;
	padding-bottom : 10px;
}
#footer .wrapper {
	padding-top : 40px;
}
#footer-box1 {
	width : 100%;
	margin-bottom : 50px;
	height : 150px;
	text-align : center;
}
#footer-box2 {
	width : 100%;
	margin-bottom : 30px;
	text-align : left;
}
#footer-box3,#footer-box4 {
	width : 100%;
	margin-bottom : 30px;
	font-size : 14px;
	text-align : left;
}
#footer-box4 {
	margin-bottom : 40px;
}
#footer-word {
	text-align : center;
	font-size : 12px;
}
#copyright {
	text-align : center;
	padding-bottom : 10px;
	font-size : 12px;
}
#footer-box1 img {
	width: 130px;
	height: auto;
}
#footer-box1 img {
	width: 130px;
	height: auto;
}
#box2_1,#box2_2,#box2_3,#box2_4{
	width : 80%;
	margin : 0 auto;
	
}
#box2_1 {
	margin-bottom : 10px;
	font-size : 14px;
}
#box2_2 {
	font-size : 12px;
}
#box2_3 {
	font-size : 11px;
	margin-bottom : 10px;
}
#box2_4 {
	margin : 0 auto;
}
#box2_4 img {
	max-width : 100%;
	height : auto;
	margin : 0 auto;
}
.menu-foot_1-container , .menu-footer2-container {
	width:80%;
	margin : 0 auto;
}
#footer-word, #copyright {
	width : 80%;
	margin : 0 auto;
}


#moveTop {
	position : fixed;
	bottom : 15px;
	right : 15px;
	display : none;
}
/*---------------------------------------
 端末幅
iPhone5,5s,5c				320x568
iPhone6						375x667
iPhone6 Plus				414x736
iPad,2,iPad Mini			768x1024
iPad 3,4,Air, iPad Mini 2	768x1024
---------------------------------------*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

	480～(iPhone 横)

*/
@media screen and (min-width: 480px){
/*---------------------------
          header.php
---------------------------*/
/* ロゴ・サブタイトル */
#header .logo {
	padding-top: 14px;
	padding-bottom: 14px;
	height: 32px;
	width : 388px;
	margin-left : 20px;
}
/* 480以下パーツを非表示*/
.smart480_only {
	display: none;
}
/* スマホメニューボタン */

#smartMenuBtn {
    margin-top: 5px;
/*
	padding-top: 11px;
	padding-bottom: 12px;
	height: 37px;
	width: 40px;
	margin-right : 20px;
*/
}
/*---------------------------
          TOP.php
---------------------------*/
/* fixed用 */
.top_space {
	height : 80px;
}
/* メイン画像 */
#main_image_wrap {
	height : 400px;
}
#main_image {
	height : 400px;
}

/* メイン画像ロゴ */
#main_logo {
	width : 125px;
	margin-top : 50px;
    margin-bottom : 30px;
}

/* メイン画像メッセージ */
#main_msg {
	width : 100%;
	font-size: 19px;
    margin-bottom : 10%;
	font-weight : normal;
}
/* メイン背景パターン */
#top_sec {
	background: url("./images/bg_patern.jpg");
}
/* ○ナビ */
.smart480_except {/* 480以上は表示 */
	display : block;
}
#maru4_nav {
	position : relative;
	top: -30px;
}
.maru4_box {
	width : 25%;
	text-align : center;
}
.kakoi_maru {
	width : 84.3%;
	height: auto;
	margin : 0 auto;
}
.kakoi_maru  img {
	width : 100%;
	height: auto;
}
.kakoi_syousai {
	width : 100px;
	margin : 0 auto;
}
.kakoi_syousai img {
	width : 100px;
	height: auto;
	margin : 0 auto;
}
/* 困っていること、メリット 白ボックス */
.white_box {
	width : 94.5%;
	margin : 0 auto;
	background-color : #ffffff;
	padding-bottom : 1px;
	border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px; 
	position: relative;

}

.white_box:before {
    content: "";
	position: absolute;
	z-index: 0;
	border: solid 5px #ffffff;
	top: -10px;
	right: -10px;
	bottom: -10px;
	left: -10px;
	border-radius: 40px;
}

/* 困っていること */
#top_trouble {
	margin-bottom : 40px;
	text-align : center;
}
.top_h {
	padding : 30px;
}
.top_h h2{
	background: url("./images/nikukyuu.png");
	background-repeat: no-repeat;
	background-size : 50px auto;
	padding-left : 80px;
	color : #68a2be;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.5;
}
#trouble4 {
	/*margin-bottom : 30px;*/
	margin : 0 4% 3% 4%;
}
.trouble4_box {
	width : 50%;
	margin-bottom : 40px;
}
.trouble4_box img {
	width :  90%;
	max-width : 220px;
	height : auto;
	margin-bottom : 5%;
}
.trouble_content {
	color: #333333;
	width : 90%;
	margin : 0 auto;
	font-weight: bold;
	font-size : 14px;
}
#middle_h {
	color : #68a2be;
	font-size: 40px;
	font-weight: bold;
	text-align : center;
	margin : 0 5%;
	margin-bottom : 40px;
}
.sec_btn {
	width : 440px;
	margin : 0 auto;
	margin-bottom : 40px;
}

/* メリット */
#top_merit {
	margin-bottom : 60px;
}
.merit3_box {
	width : 100%;
	margin-bottom : 50px;
	text-align : center;
}
.merit3_box img {
	width : 80%;
	height : auto;
}
.merit_sankaku {
	margin : 0 auto;
	width : 41px;
	height : 23px;
	height : 10px;
	background: url("./images/meritYajirushi.png");
}
.merit_content {
	text-align : left;
	padding : 8px;
	padding : 3%;
	color: #333333;
	width : 77%;
	width : 73%;
	margin : 0 auto;
	font-weight: bold;
	border: 4px solid #64a5d7;
	font-size : 13px;
	text-align : center;
}
/* TOP お知らせ */
.page_header_title {
	width : 52.7%;
	margin-bottom : 8px;
}
.page_header_title h2 {
	font-size : 40px;
}
.page_header_subtitle {
	width : 40%;
	font-size : 20px;
	line-height: 1.7;
}
.page_bg_1 {/* 共通背景 */
	background-image: url("./images/header_sankaku768.png") ;
	height : 80px;
}
.page_bg_3 {/* 共通背景 */
	height : 80px;
}
.top_page_bg_2 {
	padding-top : 50px;
	padding-bottom : 50px;
}
#top_news_content {
	width : 80%;
}
#top_news_content .news_date {
	text-align : center;
}
#top_news_closed,
#smart_top_news_closed,
#top_news_news,
#smart_top_news_news {
	margin-bottom : 40px;
	padding-bottom : 40px;
}
#top_news_others {
	margin-bottom : 60px;
}
#top_news_closed h3,
#top_news_news h3,
#smart_top_news_closed h3,
#smart_top_news_news h3, 
#top_news_others h3,
#smart_top_news_others h3{
	font-size : 24px;
}

.news_date {
	width : 27.5%;
	text-align : left;
}
.top_news_title {
	width : 72.5%;
	text-align : left ;
	margin-bottom : 0px;
}
/* ソーシャル */
#social_wrap {
	width : 93.6%;
	padding-bottom : 50px;
}
#top_fb,#top_tw {
	width : 43.2%;
	margin-bottom : 0px;
	margin : 0 3.33%;
}
/*---------------------------
 	固定ページ共通
---------------------------*/
.content_header {
	font-size : 24px;
	width : 100%;
}
/* アイコン */
.page_icon img {
	width : 16.3%;
}
/* LINE登録 */
.line_btn img {
	width : 35%;
}
/*---------------------------
 サービス内容 page-service.pnp
---------------------------*/
#post-4 .page_wrap {
	margin-bottom : 50px;
}
.page_s_head {
	font-size : 22px;
	margin-bottom : 0px;
}
.setumei {
	padding : 10px;
}
.setumei_2 {
	padding : 10px;
}
/*---------------------------
料金表・対応エリア page-price-area.pnp
---------------------------*/
#sitting_pay_img {
	width : 66.5%;
}
#trip_pay_img,
#trans_pay_img,
#warimashi_pay_img,
#cancel_pay_img {
	width : 49.4%;
}
/*---------------------------
 シッター紹介 page-profile.pnp
---------------------------*/
#page_profile_bg_1 {
	background-image: url("./images/header_sankaku768.png") ;
}
#page_profile_bg_4 {
	background-image: url("./images/prof_b.jpg") ;
	background-position: center bottom;
}
#post-13 .page_icon img {
	max-width : 200px;
	height: auto;
}
.page_profile_s_head {
	margin-bottom : 0px;
}
.page_profile_s_head h4 {
	font-size : 22px;
}
/*---------------------------
 お知らせ一覧 index.pnp
---------------------------*/
#news_sidebar {
	width : 23.4%;
}
.news_article {
	margin-bottom : 40px;
	padding-bottom : 40px;
}
.news_title h4 {
	font-size : 22px;
}


/*---------------------------
 よくある質問 page-question.pnp
---------------------------*/
.question {
	padding-left : 7%;
}
.answer {
    padding-left: 7%;
}
/*---------------------------
 プライバシーポリシー page-privacypolicy.pnp
---------------------------*/
#post-22 .page_wrap {
	width : 80%;
}
/*---------------------------
         footer.php
---------------------------*/
/*
#footer-box2 {
	margin-bottom : 50px;
}
#footer-box3 {
	width : 30%;
	margin-left : 20%;
	margin-bottom : 50px;
	height : 150px;
}
#footer-box4 {
	width : 30%;
	margin-left : 0px;
	margin-right : 20%;
	margin-bottom : 50px;
}
#copyright {
	font-size : 16px;
}
#box2_1, #box2_2, #box2_3, #box2_4  {
	width : 60%;
	margin : 0 auto;
}
#box2_1 {
	font-size : 16px;
}
#box2_2 {
	font-size : 13px;
}
#box2_3 {
	margin-bottom : 20px;
}
#box2_4 img {
	width : 91%;
	height : auto;
}
*/
}/*@media end*/

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

	768～(iPad縦)

*/
@media screen and (min-width: 768px){
/*---------------------------
          header.php
---------------------------*/
/* ロゴ・サブタイトル */
#header .logo {
	margin-right : 50px;
}
/* スマホメニューボタン */
.btn-trigger {
  position: relative;
  width: 40px;
  height: 39px;
  cursor: pointer;
}
.btn-trigger span {
  position: absolute;
  left: 0px;
  width: 81%;
  height: 5px;
  background-color: #333;
  border-radius: 0px;
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 10px;
}
.btn-trigger span:nth-of-type(2) {
  top: 22px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}

#btn01.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
  	top: 2px;
}
#btn01.active span:nth-of-type(2) {
	opacity: 0;
}
#btn01.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
	bottom: -8px;
}#smartMenuBtn {
	margin-left : 20px;
}
/* 青ライン */
.header-top-line {
	height: 30px;
	font-size : 12px;
	line-height : 30px;
}

/*---------------------------
          TOP.php
---------------------------*/
/* fixed用 */
.top_space {
	height : 90px;
}

/* メイン画像 */
#main_image_wrap {
	height : 500px;
}
#main_image {
	height : 500px;
}

/* メイン画像ロゴ */
#main_logo {
	width : 140px;
	margin-top : 45px;
    margin-bottom : 25px;
}

/* メイン画像メッセージ */
#main_msg {
	width : 100%;
	font-size: 31px;
    margin-bottom : 10%;
	font-weight : normal;
}
/* ○ナビ */
#maru4_nav {
	top: -50px;
}
.kakoi_syousai {
	width : 170px;
}
.kakoi_syousai img {
	width : 170px;
}
/* 困っていること */
.top_h h2{
	text-align : left;
}
.trouble4_box {
	width : 25%;
	margin-bottom : 0px;
}
#middle_h h2 {
	margin : 0 0;
	margin-bottom : 40px;
}
/* メリット */
#merit3 {
	/*margin-bottom : 50px;*/
	margin : 0 4% 4% 4%;
}
.merit3_box {
	width : 33.2%;
	margin-bottom : 0px;
}
.merit3_box img {
	width : 88.4%;
}
.merit_content {
	padding : 6%;
	text-align : left;
}
/* TOP お知らせ */
.page_header_title {
	margin-bottom : 0px;
}
.page_bg_1 {/* 共通背景 */
	background-image: url("./images/header_sankaku1100.png") ;
	height : 100px;
}
#top_news_content {
	width : 480px;
}

#top_news_closed header,
#top_news_news header,
#smart_top_news_closed header,
#smart_top_news_news header, 
#top_news_others header,
#smart_top_news_others header{
	text-align : center ;
}
.news_date {
/*	width : 180px;*/
}
.top_news_title {
/*	width : 300px;*/
}
/*---------------------------
 	固定ページ共通
---------------------------*/
.page_wrap {
	width : 480px;
}
/*---------------------------
 サービス内容 page-service.pnp
---------------------------*/
#post-4 .syousai {
	width : 620px;
}
/*---------------------------
 ご利用の流れ page-step.pnp
---------------------------*/
#post-8 .syousai {
	width : 620px;
}
/*---------------------------
料金表・対応エリア page-price-area.pnp
---------------------------*/
#post-10 .syousai {
	width : 620px;
}
/*ワンちゃんのサイズについて*/
.dog_size {
	width : 620px;
}
/*---------------------------
 シッター紹介 page-profile.pnp
---------------------------*/
#page_profile_bg_1 {
	background-image: url("./images/header_sankaku1100.png") ;
	height : 100px;
}
#post-13 .syousai {
	width : 620px;
}
#blog_btn_area {
	width : 620px;
	margin : 0 auto;
}
.blog_btn_wrap {
	/*width : 310px;*/20171005
	margin : 0 auto;
}
/*---------------------------
 よくある質問 page-question.pnp
---------------------------*/
.page_question_wrap {
	width : 620px;
}
/*---------------------------
 プライバシーポリシー page-privacypolicy.pnp
---------------------------*/
#post-22 .syousai {
	width : 620px;
}
#post-22 .page_wrap {
	width : 620px;
}
/*---------------------------
         footer.php
---------------------------*/
#box2_1, #footer-box3, #footer-box4, #footer-word, #copyright {
	font-size : 16px;
}
#box2_2, #box2_3 {
	font-size : 14px;
}

#footer-word {
	margin-bottom : 5px;
}
#footer .wrapper {
    padding-top: 40px;
	margin-bottom : 40px;
}
#footer-box2 {
	width : 41%;
	margin : 0 0;
	padding-left : 5%;
	text-align : left;
}
#footer-box3 {
	width : 18.5%;
	margin-left : 0px;
	padding-left : 6%;
	margin-bottom : 0px;
	text-align : left;
}
#footer-box4 {
	width : 23.5%;
	margin-right : 0px;
	padding-left : 3%;
	text-align : left;
}
#box2_4 {
	text-align : left;
}
}/*@media end*/
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

	1100～(PC)

*/
@media screen and (min-width: 1100px){
.wrapper {
	width: 1100px;
}
/*---------------------------
          header.php
---------------------------*/
#header{
	height: 80px;
	height: 90px;
}

/* ロゴ・サブタイトル */
.logo img {
	width: 388px;
}
/* サブメニュー */
#header .submenu {
	display : block;
	width : 400px;
	height: 24px;
	padding-top: 18px;
	padding-bottom: 18px;
}
#header .menu-sub-container {
	width: 400px;
}
#header .menu-sub-container ul {
	width: 400px;
}
#header .menu-sub-container li {
	float: left;
	width: 33%;
	text-align : center;
}
/* お問合わせボタン */
#header .contact {
	display : block;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 40px;
	width: 200px;
	margin-left : 20px;
	margin-right : 20px;
}
/* メインメニューTOP画面以外 */
#main-nav {
	display : block;
	width: 100%;
	background-color: #ffffff;
	z-index : 1000;
}
#main-nav .menu-main-container {
	width: 100%;
	padding-top: 18px;
	padding-bottom: 18px;
	height: 24px;
}
#main-nav .menu-main-container ul {
	width: 100%;
}
#main-nav .menu-main-container li {
	border-right : 1px solid #46a5d7;
	float: left;
	width: 24.8%;
	width: 19.8%;
	text-align : center;
}
#main-nav .menu-main-container li:nth-child(1) {
	border-left : 1px solid #46a5d7;
}
#main-nav .menu-main-container a {
	display: block;
}
#main-nav .menu-main-container a:hover {
	background-color : #64a5d7;
	color: #ffffff;
}
/* スマホパーツを消す*/
.smart {
	display: none;
}
.smart480_only {
	display: none;
}
/*---------------------------
          TOP.php
---------------------------*/
/* fixed用(TOP以外) */
.top_space2 {
	height : 120px;
}
/* メイン画像 */
#main_image_wrap {
	height: 710px;
}
#main_image {
	height: 710px;
	width : 100%;

}
/* メイン画像ロゴ */
#main_logo {
	width : 180px;
	margin-top : 90px;
	margin-bottom : 70px;
}
/* メイン画像メッセージ */
#main_msg {
	width : 1100px;
	font-size: 40px;
    margin-bottom : 0px;
}
/* ○ナビ */
#maru4_nav {
	margin-bottom : 40px;
}
.maru4_box {
	width : 275px;
}
.kakoi_maru {
	width : 232px;
}
.kakoi_maru img {
	width : 232px;
}
.kakoi_syousai {
	width : 200px;
}
.kakoi_syousai img {
	width : 200px;
}
/* 困っていること、メリット 白ボックス */
.white_box {
	width : 1040px;
}

.merit_content {
	font-size: 16px;
	width : 81%;

}
/* 困っていること */
.top_h {
	padding : 30px;
}
.top_h h2{
	background-size : 67px 69px;
	font-size: 40px;
	line-height: 1.725;
}
.trouble4_box {
	/*width : 260px;*/
	text-align : center;
}
.trouble4_box img {
	/*width : 220px;*/
}
.trouble_content {
	text-align : center;
	width : 232px;
	font-size : 16px;
}
/* メリット */
.merit3_box {
	/*width : 346px;*/
}
.merit3_box img {
	/*width : 306px;*/
	width : 95%;
}
rit_content {
	padding : 10px;
	width : 270px;
	border: 8px solid #64a5d7;
	font-size : 16px;
}
/* TOP お知らせ */
.page_header {
	padding-top : 50px;
	padding-top : 60px;
	height : 136px;
}
.page_header_title {
	width : 580px;
	margin-bottom : 0px;
}
.page_header_title h2 {
	font-size : 54px;
}
.page_header_subtitle {
	width : 550px;
	font-size : 26px;
}
.page_bg_1 {/* 共通背景 */
	background-image: url("./images/header_sankaku.png") ;
	height : 150px;
}
/* ソーシャル */
#social_wrap {
	width : 1030px;
}
#top_fb,#top_tw {
	width : 445px;
	margin : 0 35px;
	height : 550px;
}
#top_fb {
	overflow : visible;
}
#so_header_fb  {
	width : 445px;
	background-size : 445px 50px;
}
#so_header_tw  {
	width : 445px;
	background-size : 445px 50px;
}
/*---------------------------
 	固定ページ共通
---------------------------*/
.page_wrap, #post-10 .syousai {
	width : 700px;
}
.content_header {
	width : 560px;
}
/* アイコン */
.page_icon img {
	width : 180px;
	max-width : 180px;
}
/* ライン登録 */
.line_btn img {
/*
	width : 180px;
	max-width : 180px;
*/
}

.setumei, #post-4 .syousai, .news_article_content p, #post-10 .syousai, #post-13 .syousai, .syousai_center {
	font-size : 16px;
}
/*---------------------------
料金表・対応エリア page-price-area.pnp
---------------------------*/
#about_pay_img {
	width : 1082px;
}
#sitting_pay_img {
	width : 732px;
}
#trip_pay_img,
#trans_pay_img,
#warimashi_pay_img,
#cancel_pay_img {
	width : 544px;
}
#area_img {
	display : block;
	height : 750px;
	overflow: hidden;
	background-size : cover;
	background-image: url("./images/area.jpg") ;
	background-position: center top;
	background-repeat: no-repeat;
}
#post-10 .syousai {
	width :700px;
}
/*---------------------------
 シッター紹介 page-profile.pnp
---------------------------*/
#page_profile_bg_1 {
	background-image: url("./images/header_sankaku.png") ;
	height : 150px;
}
/*---------------------------
 お知らせ一覧 index.pnp
---------------------------*/
#news_wrap {
	width : 940px;
}
.news_content {
	width : 620px;
	margin-right : 100px;
}
#news_sidebar {
	width : 220px;
}
.news_title {
	width : 620px;
}
.news_article_content p {
	width : 600px;
}
/* pager */
.pager {
	margin-bottom : 40px;
}
/*---------------------------
         footer.php
---------------------------*/
#footer .wrapper {
    padding-top: 100px;
	margin-bottom : 80px;
}
#footer-box1 {
	width : 17%;
	margin-bottom : 30px;
}
#footer-box2 {
	width : 35%;
	padding-left : 0px;
	margin-bottom : 30px;
}
#footer-box3 {
	width : 20%;
	margin-bottom : 30px;
	padding-left : 4%;
}
#footer-box4 {
	width : 24%;
	margin-bottom : 30px;
	padding-left : 0px;
}
}/*@media end*/