@charset "UTF-8";

/* レイアウト */
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body {
        /*background: #ccc;*/
background-image:url(background-1.jpg);
}
#container {
	width: 1040px;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding:20px;
	background: #fff;
}
#header {
	padding: 0 0 15px 0;
}
#wrap {
	padding: 15px 0 0 0;
}
#content {
	float: left;
	width: 730px;
}
#sidebar {
	float: right;
	width: 250px;
}
#footer {
	clear: both;
	padding: 50px 0 0;
}
/* Style */
#header h1 {
	font-size:98%;
	font-weight: normal;
	position: absolute;
	top: 0;
}

p.logo {
  margin-top:30px;
 }

p.resizeimage {
    max-width: 260px; /* 最大幅 */
  }
p.resizeimage img { width: 100%; }

#header-ext {
	position: relative;
	left: 150px;
	margin: -50px auto 10px;
	width: 700px;
	text-align: right;
}
#breadcrumb{
	margin-top: 20px;
}
#breadcrumb ol{
        padding-left:10px;
}
#breadcrumb ol li{
	display: inline-block;
	margin-right: 15px;
}
#breadcrumb ol li a{
        padding-right: 15px;
        background: url(https://u.jimcdn.com/cms/o/s89f48eb0bac8e90d/userlayout/img/breadcrumb-icon.png?t=1460534073) center right no-repeat;
}
#breadcrumb ol li a.cc-nav-current {
        text-decoration: none;
        background: none;
}
#wrap ul, #wrap ol {
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
}
#footer p.copyright {
	width:1000px;
	text-align:center;
	margin-top:10px;
}
#wrap h1 {
border: solid 1px #365;
border-left: solid 10px #365;
padding: 5px 10px;
}
#footer p.copyright a.about{font-size:70%;}
#sidebar h1{
        font-size:18px;
}
#sidebar h2{
        font-size:16px;
}
#sidebar h3{
        font-size:14px;
}
.cc-FloatingButtonBarContainer li a{background:green !important;}

body.cc-page div#topimage,
body.cc-page div#slideshow{ 
        display:none !important; 
}
body.cc-indexpage div#topimage,
body.cc-indexpage div#slideshow{
        display:block !important;
}

/*ブログ*/

.blogselection h1{
        font-size:16px;
}
.postmata{
        text-align:right;
}

/* Clearing fix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
*:first-child+html .clearfix {
	min-height:1%;
}

.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
 
/* ユーチューブ動画 */
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/*　電話発信PC用　*/
 
.tel-pc {
    display: block; !important;
}
 
.tel-mobile {
    display: none; !important;
} 
/*　PC用ここまで　*/
 
 
/*　電話発信モバイル用　*/
 @media only screen and (max-width: 480px) {

.tel-pc {
    display: none; !important;
}
 
.tel-mobile {
    display: block; !important;
}
}
/*　モバイル用ここまで　*/

/*ナビゲーション*/
/* drawer menu */
.drawer-menu {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    width: 275px;
    height: 100%;
    padding: 30px 0;
    background: #000000;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: perspective(500px) rotateY(-90deg);
    transform: perspective(500px) rotateY(-90deg);
    opacity: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.drawer-menu li {
    text-align: left;
}

.drawer-menu li a {
    display: block;
    height: 33px;
    line-height: 33px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all .8s;
    transition: all .8s;
}

.drawer-menu li a:hover {
    color: #1a1e24;
    background: #fff;
}

/* checkbox */
.check {
    display: none;
}

/* menu button - label tag */
.menu-btn {
    background-color: #000000; /*アイコン部分背景色*/
    border-radius: 10 10 10 10px; /*四方角丸*/
    color: #333; /*アイコン（フォント）色*/

    position: fixed;
    display: block;
    top: 0px;
    right: 0px;
    display: block;
    width: 45px;
    height: 45px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}

.bar {
    position: absolute;
    top: 5px;
    left: 2.5px;
    display: block;
    width: 40px;
    height: 3px;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.bar.middle {
    top: 15px;
    opacity: 1;
}

.bar.bottom {
    top: 25px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}

.menu-btn__text {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    visibility: visible;
    opacity: 1;
}

.menu-btn:hover .bar {
    background: #999;
}

.menu-btn:hover .menu-btn__text {
    color: #999;
}

.close-menu {
    position: fixed;
    top: 0;
    right: 300px;
    width: 100%;
    height: 100vh;
    background:rgba(0,0,0,0)
    cursor: url(http://theorthodoxworks.com/demo/images/cross.svg),auto;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0;
}

/* checked */
.check:checked ~ .drawer-menu {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 2;
}

.check:checked ~ .contents {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    transform: translateX(-300px);
}

.check:checked ~ .menu-btn .menu-btn__text {
    visibility: hidden;
    opacity: 0;
}

.check:checked ~ .menu-btn .bar.top {
    width: 50px;
    left: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check:checked ~ .menu-btn .bar.middle {
    opacity: 0;
}

.check:checked ~ .menu-btn .bar.bottom {
    width: 50px;
    top: 40px;
    left: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.check:checked ~ .close-menu {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    background: rgba(0,0,0,0.5);
    visibility: visible;
    opacity: 1;
    z-index: 3;
}

/* レスポンシブ */
@media only screen and (max-width: 768px) {
	 #container {
		 width: 90%;
	}
	 #header h1 {
		 display: none; !important;
	}
	 #topimage img {
		 max-width:100%;
		 height: auto !important;
	}
	 .j-hgrid .cc-m-hgrid-column,  .cc-imagewrapper, table {
		 width: 100% !important;
	}
	 .cc-m-image-resizewrapper img,  .cc-imagewrapper img {
		 margin: 0 auto;
	}
	 #wrap, #header {
		 max-width:100%;
	}
	 #content, #sidebar {
		 width: 100%;
		 clear:both;
	}
	 #sidebar {
		 float: none;
	}
	 p.logo {
		 		 margin: 20px auto;
	}
	 #header-ext {
		 position:static;
		 text-align:center;
		 margin:0;
		 width:auto;
	}
	 #footer p.copyright {
		 max-width:100%;
		 text-align: left;
	}
	 #slideshow{
		 position: relative;
		 height: 0;
		 overflow: hidden;
		 padding-top: 36.25%;
    }
 
	 #slideshow iframe{
		 position: absolute;
		 top: 0;
		 left: 0;
		 max-width: 100% !important;
		 height: 100%;
    }

/* 電話　LINE相談　アクセス　フローティングボタン */
.ijp-floating-bar{
position:fixed;
bottom:0;
left:0;
width:100%;
display:none;
z-index:9999;
display:none;
box-shadow:0 -2px 10px rgba(0,0,0,0.15);
font-family:sans-serif;
}

.ijp-btn{
flex:1;
text-align:center;
text-decoration:none !important;
color:#ffffff;
padding:12px 5px;
font-size:14px;
font-weight:bold;
}

.ijp-call{
background:#000;
}

.ijp-line{
background:#06C755;
color:#000 !important;
}

.ijp-form{
background:#000;
}

body{
padding-bottom:60px;
}


body{
padding-bottom:0;
}

}
/* PC・タブレットHTML非表示 */
@media(min-width:768px){

  .sp-only{
    display:none !important;
  }

}

/* スマホ　トップへ戻るボタン　位置調整 */
@media(max-width:767px){

.cc-FloatingButtonBarContainer-button-scroll{

    position: fixed !important;
    right: 10px !important;
    bottom: 60px !important;

    transform: none !important;

    z-index: 9999 !important;
}

}