@charset "UTF-8";
/*
Theme Name:お赦しください2024-09
Theme URI:https://festa.cocomal.com/
Description:お赦しください2024-09
Version: 1.0
Author:お赦しください2024-09
Author URI:https://festa.cocomal.com/
*/ 

/*reset*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, address, del, em, img,
small, strong, sub, i,
dl, dt, ol, ul, li, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td, dt, dd,
article, aside, figcaption, figure, 
footer, header, menu, nav, section, time, mark, audio, video {
background: transparent;
border: 0;
letter-spacing:0.5px;
margin: 0;
outline: 0;
padding: 0;
}
li {list-style-type: none;}

html,body{
font-family:Arial,Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
width:100%; height:100%; padding:0; margin:0; color:#444; line-height:1.6; font-size:15px; text-align:left; word-break: break-all;
}
@media only screen and (max-width:641px) {
html,body{font-size:16px;}
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html {scroll-behavior: smooth; scroll-padding-top: 80px;}
img {vertical-align:bottom; border:0px; max-width:100%; height:auto; width:auto;}

a:link {color:#ff3399; text-decoration:none;}
a:link, .btn-s-gray, .btn-s-blue, .btn-m, .btn-submit, .abs-return :hover {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
a:visited {color:#ff3399;}

/*--画像hover演出--*/
a:hover img {
opacity:0.7;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

/*--切替--*/
.edt-desktop {display:block;}
.edt-mov {display:none;}
@media only screen and (max-width:769px) {
.edt-desktop {display:none;}
.edt-mov {display:block;}
}

/*--articleなど--*/
article {width:100%;}
/*section .index-ec {width:100%;}*/
/*section .w90per-max1200px {width:90%; max-width:1200px; margin:0 auto; padding:0%; background:#f9f9f9;}*/

/*主要部品*/
/*ヘッダ固定*/
header {
position: fixed; /* ヘッダーの固定 */
top: 0px; /* 位置(上0px) */
left: 0px; /* 位置(右0px) */
width: 100%; /*--横100%--*/
height:108px; /*--縦+g-nav高さ=height110px--*/
border-bottom:2px solid #ff3399;
background:#fff;
z-index:9999;
overflow:hidden;
box-shadow : 0px 9px 10px 0px rgba(0,0,0,0.3);
-webkit-box-shadow : 0px 9px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow : 0px 9px 10px 0px rgba(0,0,0,0.3);
}
/*--821以下--*/
@media only screen and (max-width:821px) {
header {
height:79px;
border-bottom:1px solid #ff3399;
}
}

/*--w-94%--*/
div #header-content {width:94%; max-width:1200px; height:100%; height:110px; margin:0 auto;}
@media only screen and (max-width:821px) {
div #header-content {height:100%; height:80px;}
}

#container {
width:100%;
position: relative;
height:auto !important;
height:100%;
min-height:100%;
/*background:#fff;*/ /*--背景色注意--*/
padding:110px 0% 0px 0%; /*--topをヘッダ高さ--*/
}
@media only screen and (max-width:821px) {
#container {padding:80px 0% 0px 0%;} /*--topをヘッダ高さ--*/
}

#wrap {
width:100%;
margin-left:auto;
margin-right:auto;
padding:0px 0% 260px 0%; /*bottomをフッタの高さ*/
background:#fff;
}
/*--821以下--*/
@media only screen and (max-width:821px) {
#wrap {padding:0px 0% 280px 0%;} /*bottomをフッタの高さ*/
}

footer {
position:absolute;
bottom:0;
width:100%;
height:260px; /*高さをwrapのpadding-bottomと揃え*/
padding:0px;
background:#adb7bd;
color:#222;
overflow:hidden;
}
/*--821以下--*/
@media only screen and (max-width:821px) {
footer {height:280px;} /*高さをwrapのpadding-bottomと揃え*/
}

#footer-content {
width:94%;
max-width:1200px;
margin-left:auto;
margin-right:auto;
padding:10px 0% 0px 0%;
/*background:#999;*/
}

.foot-logo {width:20%; height:auto; margin-bottom:5px;}
@media only screen and (max-width:641px) {
.foot-logo {width:40%;}
}

.box-w100per, .box-w98per {
margin-left:auto;
margin-right:auto;
}

.box-w100per {
width:100%;
padding:0px 0px;
}
.box-w98per {
width:94%;
max-width:1200px;
padding:10px 0 0 0;
}
/*--主要部品--*/

/*news*/
.table-news {
width:100%;
padding:0;
margin:0 0 30px 0;
border-collapse:collapse;
}
.table-news tr:first-child {
border-top:1px dotted #555;
}
.table-news td:first-child {
width:18%;
margin-top:6px;
padding:4px 2% 4px 0;
border-bottom:1px dotted #555;
vertical-align:top;
}
.table-news td:last-child {
width:80%;
margin-top:6px;
padding:4px 0px;
border-bottom:1px dotted #555;
}
/*--640以下--*/
@media only screen and (max-width:640px){
.table-news td:first-child {display:block; width:43%; border-bottom:none; padding:3px 2% 0 0;}
.table-news td:last-child {display:block; width:100%; border-bottom:1px dotted #555; padding:3px 0px; }
}
/*--色分け共通--*/
.service, .web, .bc, .cg, .prof{
color:#fff;
width:100%;
padding:2px 0%;
font-size:0.8em;
overflow:hidden;
text-align:center;
}
.service {background:#ea68a2;}
.web {background:#3399cc;}
.bc {background:#9999cc;}
.cg {background:#99cc66;}
.prof {background:#ccc;} 
@media only screen and (max-width:640px){
.staff-blog, .web, .bc, .cg, .prof{
display:block;
width:100%;
font-size:0.7em;
}
}
/*news*/
.disp-none {display:none;}