/********** オリジナルゾーン **********/

.wideslider li{
padding:0px !important;
margin:0px !important;
}

.wideslider ul{
padding:0px !important;
margin:0px !important;
}

.logo_m{
padding:0;margin:0;border:none;background:#FFF;height:69px;width:17%;
}

body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
background-image: url() !important; 
/*background-position: center center;*/
background-size: 100% !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}

/* ぱんくず色 */
.breadcrumb>li+li:before{color:#333 !important;margin-left:5px !important;} /* スラッシュ色 */
.breadcrumb>.active{color:#333; !important}
/* div.ccm-page .breadcrumb a{color:rgb(132, 88, 55); !important}
div.ccm-page .breadcrumb a:hover{color:rgb(175, 122, 73); !important} */

div.ccm-page .breadcrumb a:link{
color:#175095 !important;}

div.ccm-page .breadcrumb a:hover{
color:#4593C7 !important;}

div.ccm-page .breadcrumb a:visited{
color:#175095 !important;}

h1{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
margin:0 !important;
padding:0 !important;
font-size:12px !important;
line-height:20px !important;
}

h2{
display:inline !important;
color:#FFF !important;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
font-size:28px !important;
font-weight:normal !important;
margin:0 !important;
padding:25px 0 5px 0 !important;
/*border-bottom:5px solid #FFF !important; */

text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3),
-2px 2px 1px rgba(0, 0, 0, 0.3),
2px -2px 1px rgba(0, 0, 0, 0.3),
-2px -2px 1px rgba(0, 0, 0, 0.3);
} 

h3{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}

.sns_bk{
padding:15px 15px 30px 15px;
background:rgba(255,255,255,0.7);
}

.wht_bk{
padding:20px 30px 20px 30px;
background:rgba(255,255,255,0.95);
}

.n_img{
margin-top:15px;
text-align:center;
}

.n_img{
    height: auto;
    position: relative;
    overflow: hidden;
}

/*.n_img a:hover img{*/
    /*opacity: .9;*/
/*    transform: scale(1.1,1.1);
*/

.n_img img{
border:5px solid #FFF;
}

h1#n_h1{
/*font-size:15px !important;*/
padding:0 !important;
margin:0 !important;
}

h1#n_h1 a:link{
color:rgb(47, 46, 47) !important;
}

h1#n_h1 a:hover{
color:#E7C26D !important;
}

h1#n_h1 a:visited{
color:rgb(47, 46, 47) !important;
}

/* 404エラー色だけはページ設定から変更（細いタイトル）が必要 */
/*div.ccm-page main .jumbo h1{
color:#0D72B6 !important;
}*/

/*.n_h2{
color:#FFF !important;
font-size:18px !important;
margin:0 !important;
padding:0 !important;
border-bottom:5px solid #0D72B6; 
}*/

.pankuzu{
margin-top:15px;
}

.ev_bdr{
border-bottom:1px dotted #D3AD65;
}

.bk{
background-image: url(); 
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
}
            
.theme_bk{
padding:55px 0 55px 0;
text-align:center;
background:url(http://p-one-corp.sakura.ne.jp/application/files/1314/8809/3914/main_bk_d.jpg)repeat;
background-size: 100% !important;
background-position: center center !important;
}

.theme_bk2{
padding:55px 0 55px 0;
text-align:center;
background:url(http://p-one-corp.sakura.ne.jp/application/files/1614/8809/4931/main_bk_d2.jpg)repeat;
background-size: 100% !important;
background-position: center bottom !important;
}

.theme_bk3{
padding:55px 0 55px 0;
text-align:center;
background:url(http://p-one-corp.sakura.ne.jp/application/files/8614/8809/4882/main_bk_d3.jpg)repeat;
background-size: 100% !important;
background-position: center center !important;
}

.theme_bk4{
padding:55px 0 55px 0;
text-align:center;
background:url(http://p-one-corp.sakura.ne.jp/application/files/6714/8809/6646/main_bk_d4.jpg)repeat;
background-size: 100% !important;
background-position: center center !important;
}

.theme_bk5{
padding:55px 0 55px 0;
text-align:center;
background:url(http://p-one-corp.sakura.ne.jp/application/files/7714/8809/4880/main_bk_d5.jpg)repeat;
background-size: 100% !important;
background-position: center top !important;
}

/* 枠有・ベースライン */ 
.theme_line{
background:url() no-repeat;
background-position:left bottom;
}

.t_work_bk{
margin-top:15px;
padding:30px 0;
background:url()no-repeat; 
/*background-position: center center; */
background-size: cover;
background-attachment: fixed;
}

/* ヘッダー背景 */
div.ccm-page header{ 
background:#FFF !important;
background-size: 100% !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
/* background-position: 55% 0% !important; */
}

/* メイン背景 */
div.ccm-page main{
/* background:#FFF !important;  */
background:url(http://p-one-corp.sakura.ne.jp/application/files/9514/8808/6970/main_bk.jpg)repeat !important;
/*background:url(http://p-one-corp.sakura.ne.jp/application/files/1314/8809/3914/main_bk_d.jpg) !important;  */
/*background-size: cover !important;
background-position: 55% 0% !important; */
background-attachment: fixed !important;
}

/* フッター上部枠色 */
#footer-theme{
background:#306DAB !important;
/* background-attachment: fixed !important; */
}
footer#footer-theme section{
border-top:1px solid #FFF !important;
}

.h_logo{
padding:0 0 0 40px;
}

.s_contact{
margin-top:10px;
padding-left:5px;
line-height:25px;
color:#333;
text-align:left;
}

.s_contact a:link{
color:#175095 !important;}

.s_contact a:hover{
color:#4593C7 !important;}

.s_contact a:visited{
color:#175095 !important;}


.s_contact span{
line-height:25px;
font-size:18px;
font-weight:bold;
color:rgb(182, 138, 186);
}

.h_contact{
padding:16px 15px 15px 0;
/*text-align:right; */
/*line-height:22px !important;*/
vertical-align:middle;
color:#175095;
}
.h_contact img{
padding:0 10px 7px 0;
}

.h_contact span{
/*line-height:33px !important;*/ 
font-size:20px;
font-weight:bold;
color:#175095 !important;
}

.h_contact a:link{
color:#175095 !important;}

.h_contact a:hover{
color:#4593C7 !important;}

.h_contact a:visited{
color:#175095 !important;}

.f_contact{
padding:20px 15px 20px 15px;
line-height:30px;
vertical-align:middle;
color:#FFF;
}

.f_contact a:link{
color:#FFF !important;
}

.f_contact a:hover{
color:rgba(255,255,255,0.3) !important;
}

.f_contact a:visited{
color:#FFF !important;
}

.f_contact span{
line-height:30px;
font-size:22px;
font-weight:bold;
color:rgb(182, 138, 186);
}

.f_copy{
margin-bottom:10px;
text-align:center;
color:#FFF;
}

.fix{
background-attachment: fixed;
}

.r_tag{
margin-top:15px;
padding:10px 10px 10px 40px;
border:1px solid rgba(13,114,182,0.3); 
background-color:rgba(13,114,182,0.1);
background-image:url();
background-position:15px 50%;
background-repeat: no-repeat !important; 
}

.r_box{
padding:10px 10px 10px 10px;
border:1px solid #ddd;
background-color:rgba(255,255,255,0.8); 
}

.r_img{
width:100%;
height:auto;
}

.r_tag a:link{
color:#0D72B6 !important;
}

.r_tag a:hover{
color:#71A9E1 !important;
}

.r_tag a:visited{
color:#0D72B6 !important;
}

.gc_wrapper {
  max-width: 100%; 
  min-width: 300px; 
  margin: 2.0833% auto;
}
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe-container iframe,   
.responsive-iframe-container object,  
.responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 
@media (max-width: 600px) {
    .big-container {
        display: none;
    }
    .small-container {
       padding-bottom: 200%;   /* 高さ */
    }
}
@media (min-width: 600px) {
    .small-container {
        display: none;
    }
}

/********** iPhone hover問題解消 **********/

.hover img{
opacity:0.5;
filter: alpha(opacity=30);
-moz-opacity: 0.5;
}
.hover a{
opacity:0.5;
filter: alpha(opacity=30);
-moz-opacity: 0.5;
}

/********** 非表示 **********/

.none{
display:none;
}

/********** スライダー（slickカスタマイズ） **********/

.mypattern .slick-slide:not(.slick-center) {
  -webkit-transform: scale(0.90);
  -moz-transform: scale(0.90);
  -ms-transform: scale(0.90);
  -o-transform: scale(0.90);
  transform: scale(0.90);

  -webkit-filter: blur(5px);
  -moz-filter:blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); 

/*  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
*/

}

.t_relative {
    position: relative;
    width:100%;
    height:auto;
}
.t_absolute {
    position: absolute;
    left: 0%;
    top: 60%;
    width:50%;
    height:auto;
}

/********** 画像 **********/

.mt15{
margin-top:15px;
}
.mv{
margin-top:15px;
}

.gl{
margin-top:15px;
text-align:center;
}

/* サイズ変更 */
.img100 img{
width:100%;
height:auto;
text-align:center;
}
.img90 img{
margin-top:15px;
width:95%;
height:auto;
text-align:center;
}
.img80 img{
margin-top:15px;
width:80%;
height:auto;
text-align:center;
}
.img60 img{
margin-top:15px;
width:60%;
height:auto;
text-align:center;
}

/* 拡大 */

.img-block{text-align:center;margin-top:15px;}

.img-block figure{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #000;
}

.img-block a:link{
color:#FFF !important;
}

.img-block a:hover{
color:rgba(255,255,255,0.3) !important;
}

.img-block a:visited{
color:#FFF !important;
}

.img-block img {
    transition: all 0.4s ease-out 0.1s;
}

.img-block figure:hover img {
    opacity: .7;

    transform: scale(1.2,1.2);
}
.img-block figcaption {
    color: #fff;
    font-size: 16px;
    background: #333;
    background: rgba(17,17,17,0.65);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    padding:13px 10px 7px 10px;
    line-height: 1;
 
    /* 1行で納める */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 
    transition: all 0.2s ease-in 0.3s;
    transform: translateY(0px);
}
.img-block figure:hover figcaption {
    transform: translateY(0);
}

/* 複数行 */

.img-block02{text-align:center;margin:0 5px;}

.img-block02 figure{
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: rgba(0,0,0,0.0);
}

.img-block02 a:link{
color:#FFF !important;
}

.img-block02 a:hover{
color:rgba(255,255,255,0.3) !important;
}

.img-block02 a:visited{
color:#FFF !important;
}

.img-block02 img {
    width:100%;height:auto;
    transition: all 0.4s ease-out 0.1s;
}


.img-block02 figure:hover img {
    opacity: .7;

   /* transform: scale(1.2,1.2); */
}
.img-block02 figcaption {
    color: #fff;
    font-size: 14px;
    background: #333;
    background: rgba(0,0,0,0.8);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    padding:13px;
    line-height: 1;
 
    /* 1行で納める */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 
    transition: all 0.2s ease-in 0.3s;
    transform: translateY(0px);
}
.img-block02 figure:hover figcaption {
    transform: translateY(0);
}

/********** リンク **********/

.f_menu a:link{
color:#fff;
}
.f_menu a:hover{
color:#01882A;
border-bottom:2px dotted #01882A;
}
/* 画像半透明 */
a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
}
/* 凹む */
.menu_link a:hover{
position:relative;
top:3px;
left:3px;
}
/* クエリ：回転 */
.head_menu a,
.head_menu a span {display: inline-block;color: #333;}
.head_menu a span {transition: .5s;}
.head_menu a:hover span {
color:#7A7A7A;
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
}
.head_menu a {
position: relative;
display: inline-block;
transition: .3s;
}
.head_menu a::after {
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 0;
height: 1px;
background-color: #7A7A7A;
transition: .3s;
}
.head_menu a:hover::after {
width: 100%;
}
/* SNS画像切替 */                 
a.bb_fb{
display:block;
float:left;
width:51px;
height:48px;
background-image:url(http://);
text-indent:-9999px;
margin-right:8px;
}
.bb_fb:hover{
background-position:left bottom;       
}

/********** ライン **********/

.hr-stn{width: 100%;height: 10px;margin:0 auto;background:url(/application/files/2714/4929/2799/hr-stn.jpg);background-repeat:repeat-x;}

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

/* テーブル01:新着 */
/* スクロールバーデザイン：IE以外用 */
.scrollbar01::-webkit-scrollbar{
width:10px;background:#EBEBEB;/* 背景 */
}
.scrollbar01::-webkit-scrollbar:horizontal{
height:0px;
}
.scrollbar01::-webkit-scrollbar-button{
  width:5px;height:5px;background:#0D72B6;/* コーナー */
}
.scrollbar01::-webkit-scrollbar-piece{
  background:#4593C7;/* バー */
}
.scrollbar01::-webkit-scrollbar-piece:start{
  background:#4593C7;/* バー */
}
.scrollbar01::-webkit-scrollbar-thumb{
  background:#4593C7;/* バー */
}
.scrollbar01::-webkit-scrollbar-corner{
  background:#4593C7;}/* バー */
.news_scroll01{
  width:100%;
  margin-top:15px;
  padding-bottom:15px;
  background:rgba(255,255,255,0.9); 
  height:350px;
  overflow:scroll;
/* スクロールバーデザイン：IE用 */
  scrollbar-face-color: #4593C7;/*バー*/
  scrollbar-track-color: #EBEBEB;/*背景*/
  scrollbar-arrow-color: #0D72B6;/*矢*/
  scrollbar-highlight-color:#4593C7;/*バー*/
  scrollbar-shadow-color: #4593C7;/*バー*/
  scrollbar-3dlight-color: #4593C7;/*バー*/
  scrollbar-darkshadow-color: #4593C7;/*バー*/
}
.news_scroll02{
  width:100%;
  margin-top:15px;
  height:350px;
  overflow:scroll;
/* スクロールバーデザイン：IE用 */
  scrollbar-face-color: #4593C7;/*バー*/
  scrollbar-track-color: #DBDBDB;/*背景*/
  scrollbar-arrow-color: #0D72B6;/*矢*/
  scrollbar-highlight-color:#4593C7;/*バー*/
  scrollbar-shadow-color: #4593C7;/*バー*/
  scrollbar-3dlight-color: #4593C7;/*バー*/
  scrollbar-darkshadow-color: #4593C7;/*バー*/
}

.news{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:none;
}

td.news_th{
  display: block;
  width: 100%;
  /*background:rgba(255,255,255,0.9);*/  
  padding:15px 15px 0px 15px;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:none;
  font-size:15px;
  color:#0D72B6;
}
td.news_td{
  display: list-item;
  width: 100%;
  /*background:rgba(255,255,255,0.9);*/  
  padding:0px 15px 15px 15px;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:none;
  color:#333;
  border-bottom:1px dotted #CCC;
}

td.news_td a:link{
color:#175095 !important;
}

td.news_td a:hover{
color:#fff !important;
}

td.news_td a:visited{
color:#175095 !important;
}

/* テーブル02 */
.table02{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:none;
  border-top:1px dotted #bbb;
}
td.table02_th{
  padding:10px 15px 10px 15px;
  width: 30%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  border:1px dotted #bbb;
  background:rgba(225,226,230,0.5);
  text-align:center;
}
td.table02_td{
  padding:10px 15px 10px 15px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:1px dotted #bbb;
  color:#333;
  background:rgba(255,255,255,0.6);
}
/*.table02 td{border:1px dotted #9C948A;}*/  

/* テーブル03 */
.table03{
  width:100%;
  /*overflow:scroll; */
  word-break:break-all;
  word-wrap: break-word;
  border:1px dotted #bbb;
}
td.table03_th{
  padding: 5px;
  width: 30%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align:middle;
  font-size:15px;
  border:0px dotted #bbb;
  color:#333;
}
td.table03_td{
  padding: 5px 15px;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:0px dotted #bbb;
  color:#333;
}
 .table03 th{border:1px dotted #bbb;}   
.table03 tr:nth-child(2n+1) {background: rgba(225,226,230,0.5);border:1px dotted #bbb;}

/* テーブル04:スタッフ紹介 */
.table04{
  width:100%;
  /* border: 0px solid #111; */
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
td.table04_th{
  padding: 5px;
  width: 3%;
  overflow: hidden;
  font-style: normal;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  color:#DED193;
  border:0px solid #ffffff;
}
td.table04_td{
  padding: 5px 15px;
  text-align: left;
  vertical-align: middle;
  color: #333;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border:0px solid #ffffff;
}

.table04 td{border-bottom:1px dotted #9C948A;} 

/********** フォント **********/

/* 行間 */
.line25{line-height:25px;}

/* フォント種類 */
.vintage{
  font-size:35px;
  background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat;
  text-shadow: 2px -2px #333, 2px -2px white;
  font-weight: nomal;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;}

/********** 見出し **********/

/********** タイトル **********/

/* 枠有・左ワンポイント画像中心固定（緑系） */
.w_title{
width:100%;
border:0;
font-size:20px;
font-weight:normal;
color:#0D72B6;
vertical-align:middle;
margin:4px 0 0 0;
padding:7px 0 2px 60px;
background:url() no-repeat;
}

.r_title_c{
padding: 0 0 10px 0;
}

.r_title{
width:100%;
border:0;
font-size:20px;
font-weight:normal;
color:#0D72B6;
vertical-align:middle;
margin:0px 0 0 0;
padding:7px 0 2px 60px;
background:url() no-repeat;
}

.t_title{
width:100%;
border:0;
font-size:20px;
font-weight:normal;
color:#0D72B6;
vertical-align:middle;
margin:0px 0 0 0;
padding:7px 0 2px 60px;
background:url() no-repeat;
}

.title{
width:100%;
border:0;
font-size:22px;
font-weight:bold;
color:#0D72B6;
vertical-align:middle;
margin:15px 0 15px 0;
padding:0 0 5px 0px;
background:url() no-repeat;
/*background-position:0% 50%;*/
border-bottom:2px dotted #0D72B6;
}

/* 枠有・ベースライン */ 
.sub_title{
width:100%;
border:0;
font-size:18px;
font-weight:bold;
color:#0D72B6;
vertical-align:middle;
margin:15px 0 0 0;
padding:7px 0 2px 0px;
background:url() no-repeat;
background-position:left bottom;
}

/* メニューワンポイント */
.menu_point{
width:100%;
border:0px solid #E9E5DC;
font-size:18px;
font-weight:bold;
color:#3F2110;
margin:15px 0 0 0;
padding:0 0 0 28px;
background:url()no-repeat;
background-position:left center;
}

.menu_link_bk{
margin:15px 0 0 0;
padding:7px 15px 5px 15px;
font-size:18px;
font-weight:bold;
text-align:center;
background: url(); 
/*background-position: center center;
background-size: auto; */
background-repeat: repeat;
}

.menu_link_bk a:link{
color:#DED193 !important;
}

.menu_link_bk a:hover{
opacity:0.5 !important;
filter: alpha(opacity=30) !important;
-moz-opacity: 0.5 !important;
}

.menu_link_bk a:visited{
color:#DED193 !important;
}

/********** テンプレートプラン用 **********/

.contact{color:#F95384;}
.ccm-image-slider-inner img{
width:100%;
}

/********** ヘッダー **********/

/* オーダーメイドプラン用ヘッダー */
.d_hd{
margin:12px 0 17px 0;
}
.d_hd_left{
float:left; 
width:60%;
}
.d_hd_right{
float:left;
width:40%;
}

/********** フッター **********/

footer#footer-theme section:first-child{
border:none !important;
}

/* テンプレートプラン用フッター */
div#footermenubar{
margin:20px auto 0 auto;
padding-left:15px;
clear:both;
display:block;
text-align:center !important;
}

div#footermenubar a:link{
color:#FFF !important;
}

div#footermenubar a:hover{
color:rgba(255,255,255,0.3) !important;
}

div#footermenubar a:visited{
color:#FFF !important;
}

div#footermenu{
width:760px;margin: 0px auto;
}

div#footermenubar ul li {
list-style:none;font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
float: left;
margin:0 25px 0 0;
padding:0;
}

div#footer_contact_l{
float:left;width:70%;
}

div#footer_contact_r{
float:right;width:25%;color:#FFF;margin-top:20px;
}

/* f_contactと共通 */

div#footer_contact_r a:link{
color:#FFF !important;
}

div#footer_contact_r a:hover{
color:rgba(255,255,255,0.3) !important;
}

div#footer_contact_r a:visited{
color:#FFF !important;
}

div#footercopy{
clear:both;
display:block;
text-align:center;
padding-top:15px;
}

/********** サイド **********/


/********** メニュー **********/      

/* テンプレートメニュー */

.menu_bk{box-shadow:0px 5px 5px rgba(0, 0, 0, 0.1);background:url(http://p-one-corp.sakura.ne.jp/application/files/8214/8748/6656/menu_bk.jpg);background-repeat:repeat-x;width: 100%;margin:0;padding:0;}
/* position: fixed;z-index:999; */ 

.menu_bk2{box-shadow:0px 5px 5px rgba(0, 0, 0, 0.1);background:url(http://p-one-corp.sakura.ne.jp/application/files/8214/8748/6656/menu_bk.jpg);background-repeat:repeat-x;width: 100%;margin:0;padding:0;position: fixed;z-index:999;}
/*position: fixed;z-index:999;*/ 

.menu_bk_mb{box-shadow:0px 3px 3px rgba(0, 0, 0, 0.1);background:url(http://p-one-corp.sakura.ne.jp/application/files/6414/8808/0250/menu_bk_mb.jpg);background-repeat:repeat-x;width: 100%;margin:0;padding:0;position: fixed;z-index:999;}
/*position: fixed;z-index:999;*/ 

div#menubar {margin:0 0 0 0;}
div#menubar ul {margin:0 0 0 0;padding:0;list-style-type: none;} 
div#menubar ul li {padding:4px 0 6px 0;list-style:none;font: 15px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
float: left;border-right: 1px dotted #000;text-align: center;font-weight: bold;margin: 5px 0 0 0;}
div#menubar ul li a {color: #fff;text-decoration: none;display: block;-webkit-transition: 0.5s;transition: 0.5s;}
div#menubar ul li:first-child {border-left: 0px dotted #000;}
div#menubar ul li a:hover {position:relative;top:2px;left:2px;}
div#menubar ul li a span {font-size: 11px;display: block;font-weight: normal;letter-spacing: 0.2em;color: #636363;}
/*div#menubar ul li a:hover span {color: #E7C26D;}*/ 

div#menubar_s {margin:0 0 0 0;}
div#menubar_s ul {margin:0 0 0 0;padding:0;list-style-type: none;} 
div#menubar_s ul li {padding:4px 0 6px 0;list-style:none;font: 15px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
float: left;border-right: 1px dotted #000;text-align: center;font-weight: bold;margin: 5px 0 0 0;}
div#menubar_s ul li a {color: #fff;text-decoration: none;display: block;-webkit-transition: 0.5s;transition: 0.5s;}
div#menubar_s ul li:first-child {border-left: 0px dotted #000;}
div#menubar_s ul li a:hover {position:relative;top:2px;left:2px;}
div#menubar_s ul li a span {font-size: 11px;display: block;font-weight: normal;letter-spacing: 0.2em;color: #636363;}

/* オーダーメイドメニュー（Slicknav）*/
.slicknav_menu {
display:none;
}
.js .slicknav_menu {
display:block;
}
#menu {
background:#FFF;
margin-bottom:10px; 
}

/********** トップに戻る **********/

/* テンプレートプラン用 3箇所色変 */
#page-top{filter:alpha(opacity=30);width:168px;height:41px;display:none;position:fixed;right:0;bottom:0;}
#page-top p{margin:0;padding:0;text-align:center;background:#0D397B;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#page-top p:hover{background:#0D397B;}
#move-page-top{color:#ffffff;line-height:0px;text-decoration:none;display:block;cursor:pointer;}
#move-page-top a:link{color:#ffffff;text-decoration:none;}
#move-page-top a{color:#ffffff;}
#move-page-top a:hover{color:#D7B355;}

/* オーダーメイドプラン用 */
/*
#page-top{filter:alpha(opacity=30);width:50px;height:50px;padding-bottom:15px;display:none;position:fixed;right:16px;bottom:16px;}
#page-top p{margin:0;padding:0;text-align:center;background:rgba(0,0,0,0.0);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#page-top p:hover{background:rgba(0,0,0,0.0);}
#move-page-top{color:#ffffff;line-height:50px;text-decoration:none;display:block;cursor:pointer;}
#move-page-top a:link{color: #ffffff;text-decoration: none;}
#move-page-top a{color: #ffffff;}
#move-page-top a:hover{color:#FFF;}
*/

/********** フロートクリア **********/

.clr{
clear:both;
}

/********** 位置 **********/

.clr{
clear:both;
}

.mid{
vertical-align:middle;
}

.cen{
text-align:center;
}

.lef{
text-align:left;
}

.rig{
text-align:right;
}

/********** 余白 **********/

.magt15{
margin-top:15px;
}

/********** 特殊 **********/

/* 固定 */
/*.fixed {
  width: 100%;
  position: fixed;
  z-index: 999;
  margin:0;
  padding:0;
} */

/* 上部固定のため、画面上部を押しさげる回避策 */
/* PC */
.head_fix_yohaku{height:130px;}
/* MB */
.head_fix_yohaku_mb{height:98px;}

/* 吹き出し */
.balloon-1-right {
	position: relative;
	display: inline-block;
	padding: 10px 10px 0 15px;
	width: auto;
	min-width: 115px;
	height: 150px;
	line-height: 25px;
	color: #19283C;
	text-align: left;
        vertical-align:middle;
	background: #FFF;
	border: 3px solid #19283C;
	z-index: 0;
}
.balloon-1-right:before {
	content: "";
	position: absolute;
	top: 50%; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #FFF;
	z-index: 0;
}
.balloon-1-right:after {
	content: "";
	position: absolute;
	top: 50%; right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #19283C;
	z-index: -1;
}
































/********** メディアクエリ（画面可変対応処理）**********/

/* MIN */
@media (min-width:401px) /* モバイル縦 */{

}/* END:min401px */

@media (min-width:481px){
.mb_m{display:none;}
}/* END:min481px */

@media (min-width:768px) /* iPad縦以上 */{

/* サイドメニュー */
.col-sidebar{
margin:0;
padding:0;
width:20%;
}

.col-content{
margin:0;
padding:0 18px 0 15px;
width:77%;
}

}/* END:min768px */

@media (min-width:769px) /* iPad横より上 */{

/* MB用パーツ非表示 */
.mb{display:none;}

}/* END:min769px */

@media (min-width:1024px) /* iPad横以上 */{

/* サイドメニュー */
.col-sidebar{
margin:0;
padding:0;
width:22%;
}

.col-content{
margin:0;
padding:0 18px 0 15px;
width:78%;
}

}/* END:min1024px */

@media (min-width:1025px) /* PC以上 */{

/* テンプレートプラン用 ヘッダー・メニュー */
.col-sm-title{float:left;width:78%;margin:0;}
.col-sm-banner{float:right;width:22%;padding:0 0 0 30px;margin:0;} 
div#menubar ul li{width:16.6%;}
div#menubar ul li:first-child{order:0px dotted #DBDBDB;}
div#menubar ul li:last-child{border-right:0px dotted #DBDBDB;}

div#menubar_s ul li{width:16%;}
div#menubar_s ul li:first-child{order:0px dotted #DBDBDB;}
div#menubar_s ul li:last-child{border-right:0px dotted #DBDBDB;}

}/* END:min1025px */






/* MAX */
@media (max-width:1024px) /* iPad横以下 */{

.1024none{
display:none;
}

h2{
padding:10px 0 10px 0 !important;
/*border-bottom:4px solid #FFF !important;*/
} 

/*footer#footer-theme/* 背景が表示されない場合に利用/footerに背景セット・position変更 */{
/*background-image: url() !important;
background-position: left bottom;
background-size: contain !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important; */
}

/* ヘッダー・メニュー */
.col-sm-title{float:left;width:77%;margin:0;}
.col-sm-banner{float:right;width:23%;padding:0;margin:0;}
div#menubar ul li{width:16%;margin:4px 0 5px 0;}

div#menubar_s ul li{width:15%;margin:5px 0 0 0;}

.d_hd{margin:4px 0 7px 0;}
.d_hd_left{width:52%;}
.d_hd_right{width:48%;margin-top:6px;}

}/* END:max1024px */

@media screen and (max-width: 768px) /* iPad縦以下 */{

.m_logo{
width:150px;
height:auto;
padding:6px 0 9px 0;
}

.s_contact span{
font-size:16px;
}

.theme_bk{
padding:0;
background-size: 300%;
}

.theme_bk2{
padding:0;
background-size: 300%;
}

.theme_bk3{
padding:0;
background-size: 300%;
}

.theme_bk4{
padding:0;
background-size: 300%;
}

.theme_bk5{
padding:0;
background-size: 300%;
}


div#footer_contact_l{
float:left;width:60%;
}

div#footer_contact_r{
float:right;width:40%;color:#FFF;margin-top:20px;
}

/* テンプレートプラン用 ヘッダー・メニュー */
.col-sm-title{float:left;width:70%;}
.col-sm-banner{float:right;width:30%;padding:0;} 
.col-sm-banner img{width:180px;height:auto;} 
div#menubar ul li{margin:10px 0 10px 0;}
div#menubar_s ul li{margin:10px 0 10px 0;}
.fb{overflow: hidden;}

/* テーブル02*/
td.table02_th{width:18%;}
/* テーブル03*/
td.table03_th{width:20%;}

/* PC用パーツ非表示 */
.pc{display:none;}

.pagination{display:none;}

.wht_bk{
padding:15px 15px 15px 15px;
}


/* ヘッダー（オーダーメイドプラン用）*/
.d_hd{
padding:5px 0 1px 0; /* メニュー位置調整 */
background:url(http://) no-repeat;
background-size:60%;/* ロゴサイズ調整 */
background-position:0px 7px; /* ロゴ位置調整 */
}

/* メニュー（オーダーメイドプラン用）*/
#menu {display:none;}
.slicknav_menu {display:block;}

/* 吹き出し */
.balloon-1-right {
height:200px;
}

}/* END:max768px */

@media screen and (max-width: 767px) /* iPad縦未満 */{

div#footermenu{
width:100%;margin: 0px auto;
}

/* トップイメージ非表示(オーダーメイドプラン用) */
.topimage_pc{display:none;}

/* 吹き出し */
.balloon-1-right {
	position: relative;
	display: inline-block;
	padding: 10px 10px 0 15px;
	width: auto;
	min-width: 115px;
	height: 150px;
	line-height: 25px;
	color: #19283C;
	text-align: left;
        vertical-align:middle;
	background: #FFF;
	border: 3px solid #19283C;
	z-index: 0;
}
.balloon-1-right:before {
display:none;
}
.balloon-1-right:after {
display:none;
}

}/* END:max767px */

@media screen and (max-width: 667px) /* iPhone6横以下 */{

.s_contact span{
font-size:18px;
}

/* テンプレートプラン用 ヘッダー・メニュー */
.col-sm-title{width:60%;margin:0;}
.col-sm-banner{float:right;width:40%;padding:0;margin:0;}
.col-sm-banner img{width:160px;height:auto;} 
div#menubar ul li{margin:15px 0 10px 0;}

div#menubar_s ul li{margin:15px 0 10px 0;}

#k_h1{
font-size:23px;
}

/* テーブル*/
td.table02_th{width:18%;}

/* ヘッダー（オーダーメイドプラン用）*/
.d_hd{
padding:6px 0 3px 0; /* メニュー位置調整 */
background:url(http://) no-repeat;
background-size:65%;/* ロゴサイズ調整 */
background-position:0px 10px; /* ロゴ位置調整 */
}

}/* END:max667px */

@media screen and (max-width: 640px) /* Android(Galaxy S5)横以下 */{

}/* END:max640px */

@media screen and (max-width: 568px) /* iPhone5s横以下 */{

}/* END:max568px */

@media screen and (max-width: 480px) /* モバイル縦以下 */{

/* テーブル02 */
td.table02_th{
  padding-top:10px;
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
td.table02_td{
  padding:10px 15px 10px 15px;
  display: list-item;
  width: 100%;
  border-top: none !important;
}
/* テーブル03 */
td.table03_th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
td.table03_td{
  padding:0px 15px 10px 15px;
  display: list-item;
  width: 100%;
  border-top: none !important;
}
/* テーブル（枠無）*/
/*.table04 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table04 td{
  display: list-item;
  width: 100%;
  border-top: none !important;
} */

div#footer_contact_l{
float:left;width:100%;
}

div#footer_contact_r{
float:left;width:100%;color:#FFF;margin-top:0;
}

.t_relative {
    position: relative;
    width:100%;
    height:auto;
}
.t_absolute {
    position: absolute;
    left: 0%;
    top: 28%;
    width:70%;
    height:auto;
}

/********** スライダー（slickカスタマイズ） **********/

.mypattern .slick-slide:not(.slick-center) {
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);

  -webkit-filter: blur(5px);
  -moz-filter:blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px); 

/*  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
*/

}

.slick-dots li button{
padding:50px !important;
height:0px !important;
}

/* メニュー非表示 */
.pc_m{display:none;}

/*#n_h1{
font-size:25px !important;/* MBサイトタイトルサイズ */
/*display:block !important;
margin-bottom:20px !important;
}*/

.col-sm-title{text-align:center;}

.h_contact{
padding:0 10px 10px 10px;
text-align:center;
line-height:19px !important;
}

.h_contact a:link{
color:#985C9C;
}

.h_contact span{
line-height:25px !important;
}


/* テンプレートプラン用 ヘッダー */
.col-sm-banner{display:none;}

/* ヘッダー（オーダーメイドプラン用）*/
.d_hd{
padding:3px 0 0 0; /* メニュー位置調整 */
background:url(http://) no-repeat;
background-size:80%;/* ロゴサイズ調整 */
background-position:0px 15px; /* ロゴ位置調整 */
}

/* フォント */
.pr_font{
font-size:18px;
padding:11px 15px 10px 15px;
}

/* テンプレートプラン用 モバイルメニュー */
#menu li{
display: block;
float: left;
margin: 0;
padding: 0;
font-weight: bold;
margin-bottom:0;
}
#menu li a {
display: block;
padding: 10px 0 10px;
background: rgba(255,255,255,0.8);
color: #0D72B6;
text-align: center;
text-decoration: none;
border-bottom:1px dotted #56A5E4;
}
#menu li:last-child a{
border: none;
}
#menu li a:hover{
color:#56A5E4;
background: #EBF2FC;
}
#toggle {
display: none;
}
#menu {
display: none;
}
#menu li {
width: 100%;
}

/* メニューバー */
#toggle {
display: block;
position: relative;
width: 100%;
background:#0D72B6;
margin:9px 0 0 0;
border:1px solid #56A5E4;
}

/* メニューバー内文字・余白 */
#toggle a{     
display: block;
position: relative;
padding:6px 0 3px;
border-bottom: 0px solid color:#0D72B6;
color:#FFF;
font-weight:normal;
text-align: center;
text-decoration: none;
font-size:17px;
}

/* ハンバーガーマーク */
#toggle:before {
display: block;
content: "";
position: absolute;
top: 57%;
left: 10px;
width: 30px;
height: 25px;
margin-top: -15px;
background:#FFF;
}

/* ハンバーガーマーク背景 */	
#toggle a:before, #toggle a:after {
display: block;
content: "";
position: absolute;
top: 48%;
left: 10px;
width: 30px;
height: 5px;
background:#0D72B6;
}
#toggle a:before {
margin-top:-6px;
}
#toggle a:after {
margin-top: 4px;
}
#menu span {
font-size:11px; 
font-weight: normal;
color: #636363;
margin-left:15px;
}

}/* END:max480px */

@media screen and (max-width: 400px) /* モバイル縦以下 */{

/* テンプレートプラン用 ヘッダー */
.col-sm-title{display:block;width:100%;margin-bottom:0px;}

}/* END:max400px */

@media screen and (max-width: 375px) /* iPhone6縦以下 */{

/* テンプレートプラン用 ヘッダー */
.col-sm-title{display:block;width:85%;margin:15px 0 8px 13px;}
.col-sm-banner{display:none;}

}/* END:max375px */

@media screen and (max-width: 360px) /* Android(Galaxy S5)縦以下 */{

}/* END:max360px */

@media screen and (max-width: 320px) /* iPhone5s縦以下 */{

}/* END:max320px */