@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
  .home #contents{
padding: 35px 210px 0 40px;
margin: 0;
}
.home h2 {
margin: 5px 0 0 0;
}
dl.news {
font-size: 86%
}
dl.news dt {
margin: 0;
}
dl.news dd {
margin: 0;
}
table.calender{
font-size:10px;
line-height: 1.2;
color: #666;
background-color:#fff;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
table.calender th{
text-align:center;
font-style: normal;
border-bottom:1px solid #ddd;
padding:0.2em;
}
table.calender td{
text-align:center;
border-bottom:1px solid #ddd;
padding:0.3em 0.2em 0.2em;
}
table.calender .tokyo,
p.calCaption .tokyo {
background-color:#afeeee;
color: #666;
}
table.calender .kobe,
p.calCaption .kobe {
background-color:#fff;
color:#fa8072;
}
table.calender .kobe.tokyo {
background-color:#afeeee;
color:#fa8072;
}
table.calender .none {
background-color:#fff;
color: #666;
}
table.calender .event,
p.calCaption .event {
background-color:#ccff66;
color: #666;
}
table.calender .kobe.event {
background-color:#ccff66;
color: #fa8072;
}
p.calCaption {
font-size:11px;
line-height: 1.5;
text-align: left !important;
} .slideshowwrap {
margin:10px 0 0 0;
display: inline-block;
border: 1px solid #eee;
padding: 3px;
}
#slideshow {
position:relative;
width: 396px;
height:289px;
}
#slideshow .img {
display: block;
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow .img.active {
z-index:10;
opacity:1.0;
}
#slideshow .img.last-active {
z-index:9;
} #topnewsarea .topnewsbox {
margin:20px 0 0 0;
width:49%;
float: left;
}
dl.news dd {
margin-bottom: 1.0rem;
}

   html {
font-size: 15px;
line-height: 1.6;
height: 100%;
min-height: 100%;
overflow-y: scroll;
}
body {
position: relative;
font-family: 'Noto Serif JP', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体","YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
color: #333;
height: 100%;
min-height: 100%;
text-align: center;
margin: 0;
padding: 0;
}
#wrap {
min-height: 100%;
width: 980px;
background: #fff url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/menubg.gif) repeat-y 7px top;
margin: 0 auto;
padding: 0;
}
#header {
width: 195px;
float: left;
padding-bottom: 30px;
}
#main {
width: 785px;
text-align: left;
float: left;
}
#contents{
padding: 0 210px 0 40px;
margin: 0;
}
#contentsbody {
background: #f8f8ff;
min-height: 500px;
margin: 20px 0 0 0;
padding: 1.0em 16px 1.5em 16px;
filter: alpha(opacity=90);
-moz-opacity:0.90;
opacity:0.90;
} #header h1.logo,
#header div.logo,
#header ul.nav,
#header table,
#header p {
width: 165px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#header h1.logo,
#header div.logo {
font-size: 172%;
line-height: 1.0;
margin-top: 1.0em;
margin-bottom: 1.0em;
padding: 0;
}
#header p.txt {
margin-top: 30px
}
#header p.img {
margin: 0 0 30px 7px;
padding: 0;
}
.global-nav {
display: none;
}
ul.nav {
list-style: none;
margin: 30px 0;
padding: 0;
}
ul.nav li a {
display: block;
text-align: left;
text-decoration: none;
color: #333;
font-size: 86%;
background: transparent url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/arrow.gif) no-repeat 10px 50%;
margin: 0;
padding: 4px 0 4px 18px;
}
ul.nav li a:hover,
ul.nav li a.on,
ul.nav  ul.subnav li a:hover,
ul.nav  ul.subnav li a.on {
background-color: #f1eee1;
}
ul.nav ul.subnav {
list-style: none;
background: none;
margin: 0;
padding: 0;
}
ul.nav li ul.subnav li {
margin-left: 10px;
}
ul.nav li ul.subnav li a {
display: block;
background: none;
margin: 0;
padding: 4px 0 4px 5px;
}
ul.sublocalnav {
list-style: none;
background: none;
display: : none;
margin: 0;
padding: 0;
}
ul.sublocalnav li {
margin: 0px;
}
ul.sublocalnav li a {
background: none;
margin: 0;
padding: 0;
} #footer {
text-align: center;
padding: 50px 0 20px 0;
margin: 0;
} img {
border: none;
vertical-align: bottom;
}
img {
max-width: 100%;
height: auto;
border: none;
vertical-align: middle;
}
p {
font-size: 100%;
}
.page-title {
font-size: 2em;
margin: 0;
font-weight: normal;
}
.page-title::before {
display: inline-block;
content: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/icon_title.png);
vertical-align: middle;
margin-right: 5px;
}
h1 {
margin: 0;
font-weight: normal;
}
h1.page-title-news {
font-size: 1.75em;
}
h2 {
font-size: 130%;
font-weight: bold;
color: #339;
line-height: 1.5;
margin: 0;
padding: 0.3em 0.3em 0 0;
}
h2.pt2 {
padding-top: 2.0em ;
}
h3 {
font-size: 100%;
font-weight: normal;
color: #339;
background: #e6e6fa;
padding: 0.3em 0.4em;
margin: 0.8em 0 0 0;
}
h4 {
font-size: 100%;
border-bottom: 1px solid #ddd;
padding: 0.6em 0 0.3em 0;
margin: 0;
}
h5 {
font-size: 85%;
line-height: 1.4;
font-weight: bold;
margin : 0px;
padding : 3px 0px 3px 0;
}
h6 {
color: #888;
font-size: 80%;
font-weight: bold;
margin : 0;
padding : 3px 0px 3px 0;
}
.snslogo {
text-align: center;
margin: auto;
}
.snslogo a{
display:inline-block;
text-align: center;
margin:12px 5px;
} .breadcrumb {
font-size: 72%;
line-height: 1.4;
margin: 20px 0 0 0;
padding: 5px 10px 23px 10px;
}
.breadcrumb strong {
font-weight: normal;
}
#breadcrumb a:active	{
text-decoration: none;
}
#breadcrumb a:link	{
text-decoration: none;
}
#breadcrumb a:visited	{
text-decoration: none;
}
#breadcrumb a:hover	{
text-decoration: underline;
} #backto {
position: fixed;
bottom: 80px;
right: 50px;
}
#backto a {
display: block;
font-size: 11px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
text-decoration: none;
background: #6b74ce url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/totoparrow.png) no-repeat 50% 48%;
color: #fff;
width: 50px;
height: 50px; border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px; -webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
} #backto {
display: block; border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px; -webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#backto a:hover {
color: #fff;
background-color: #f60; border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
} audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 24px;
margin-bottom: 1.714285714rem;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
small {
font-size: 88%;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}  #wrap .home { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg01.jpg) no-repeat right 160px;}
#wrap .greeting { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg02.jpg) no-repeat right 160px;}
#wrap .introduction-tokyo { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg03.jpg) no-repeat right 160px;}
#wrap .introduction-kobe { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg03.jpg) no-repeat right 160px;}
#wrap .trial-tokyo { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg05.jpg) no-repeat right 160px;}
#wrap .weekend-tokyo { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg08.jpg) no-repeat right 160px;}
#wrap .trial-kobe { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg05.jpg) no-repeat right 160px;}
#wrap .weekend-kobe { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg08.jpg) no-repeat right 160px;}
#wrap .info { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg04.jpg) no-repeat right 140px;}
#wrap .contact { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg06.jpg) no-repeat right 160px;}
#wrap .works { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg10_work.jpg) no-repeat right 160px;}
#wrap .welcome { background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/bg10_work.jpg) no-repeat right 160px;}
.thumb img    {margin: 0 0.3em 0.8em 0.3em;}
.thumb2 img   {margin: 0.1em;}
.tbl-box    {
font-size: 80%;
}
.tbl-box td   {
padding-left: 0.8em;
padding-right: 0.8em;
}
.tbl-box th   {
background-color: #66c;
color: #fff;
}
.to-top {
margin: 1.0em 0;
padding: 0;
} .margin-la    { margin-left: 5px;}
.margin-lb    { margin-left: 10px;}
.margin-lc    { margin-left: 15px;}
.margin-ld    { margin-left: 20px;}
.margin-le    { margin-left: 25px;}
.margin-lf    { margin-left: 30px;}
.margin-ra    { margin-right: 5px;}
.margin-rb    { margin-right: 10px;}
.margin-rc    { margin-right: 15px;}
.margin-rd    { margin-right: 20px;}
.margin-re    { margin-right: 25px;}
.margin-rf    { margin-right: 30px;}
.margin-ta    { margin-top: 5px;}
.margin-tb    { margin-top: 10px;}
.margin-tc    { margin-top: 15px;}
.margin-td    { margin-top: 20px;}
.margin-te    { margin-top: 25px;}
.margin-tf    { margin-top: 30px;}
.margin-ba    { margin-bottom: 5px;}
.margin-bb    { margin-bottom: 10px;}
.margin-bc    { margin-bottom: 15px;}
.margin-bd    { margin-bottom: 20px;}
.margin-be    { margin-bottom: 25px;}
.margin-bf    { margin-bottom: 30px;}
.margin-lra   { margin: 0px 5px 0px 5px;}
.margin-lrb   { margin: 0px 10px 0px 10px;}
.margin-lrc   { margin: 0px 15px 0px 15px;}
.margin-lrd   { margin: 0px 20px 0px 20px;}
.margin-lre   { margin: 0px 25px 0px 25px;}
.margin-lrf   { margin: 0px 30px 0px 30px;}
.margin-tba   { margin: 5px 0px 5px 0px;}
.margin-tbb   { margin: 10px 0px 10px 0px;}
.margin-tbc   { margin: 15px 0px 15px 0px;}
.margin-tbd   { margin: 20px 0px 20px 0px;}
.margin-tbe   { margin: 25px 0px 25px 0px;}
.margin-tbf   { margin: 30px 0px 30px 0px;}
.padding-la   { padding-left: 5px;}
.padding-lb   { padding-left: 10px;}
.padding-lc   { padding-left: 15px;}
.padding-ld   { padding-left: 20px;}
.padding-le   { padding-left: 25px;}
.padding-lf   { padding-left: 30px;}
.padding-ra   { padding-right: 5px;}
.padding-rb   { padding-right: 10px;}
.padding-rc   { padding-right: 15px;}
.padding-rd   { padding-right: 20px;}
.padding-re   { padding-right: 25px;}
.padding-rf   { padding-right: 30px;}
.padding-ta   { padding-top: 5px;}
.padding-tb   { padding-top: 10px;}
.padding-tc   { padding-top: 15px;}
.padding-td   { padding-top: 20px;}
.padding-te   { padding-top: 25px;}
.padding-tf   { padding-top: 30px;}
.padding-ba   { padding-bottom: 5px;}
.padding-bb   { padding-bottom: 10px;}
.padding-bc   { padding-bottom: 15px;}
.padding-bd   { padding-bottom: 20px;}
.padding-be   { padding-bottom: 25px;}
.padding-bf   { padding-bottom: 30px;}
.padding-lra    { padding: 0px 5px 0px 5px;}
.padding-lrb    { padding: 0px 10px 0px 10px;}
.padding-lrc    { padding: 0px 15px 0px 15px;}
.padding-lrd    { padding: 0px 20px 0px 20px;}
.padding-lre    { padding: 0px 25px 0px 25px;}
.padding-lrf    { padding: 0px 30px 0px 30px;}
.padding-tba    { padding: 5px 0px 5px 0px;}
.padding-tbb    { padding: 10px 0px 10px 0px;}
.padding-tbc    { padding: 15px 0px 15px 0px;}
.padding-tbd    { padding: 20px 0px 20px 0px;}
.padding-tbe    { padding: 25px 0px 25px 0px;}
.padding-tbf    { padding: 30px 0px 30px 0px;}
.padding-a    { padding: 5px;}
.padding-b    { padding: 10px;}
.padding-c    { padding: 15px;}
.padding-d    { padding: 20px;}
.padding-e    { padding: 25px;}
.padding-f    { padding: 30px;} .white      { background-color: #fff;}
.black      { background-color: #000;}
.red      { background-color: #c00;}
.red2     { background-color: #ffe9e9;}
.gray     { background-color: #eee;}
.gray2      { background-color: #ddd;}
.gray3      { background-color: #ccc;}
.gray4      { background-color: #f5f5f5;}
.purple     { background-color: #669;}
.purple2    { background-color: #eeecf7;}
.yellow     { background-color: #f4f2df;}
.yellow2    { 
background-color: #fafad2;
border: 2px solid #ffffff;
}
.green      { background-color: #edf8ed;}
.pink     { background-color: #f8dede;}
.blue     { background-color: #dcf1f8;} .clear-b    { clear: both;}
.clear-l    { clear: left;}
.clear-r    { clear: right;}
.float-l    { float: left;}
.float-r    { float: right;} .f-purple   { color: #339;}
.f-blue     { color: #366;}
.f-black    { color: #333;}
.f-red      { color: #c00;}
.f-green    { color: #390;}
.f-orange   { color: #f60;}
.f-white    { color: #fff;}
.f-pink     { color: #f27f7f;} p.first     { margin-top: 2px; padding-top: 2px;}
.linebox    { font-size: 1px;}
.txt-l      { text-align: left;}
.txt-r      { text-align: right;}
.txt-c      { text-align: center;}
.txt-vtt    { vertical-align: text-top;}
.txt-vtb    { vertical-align: text-bottom;}
.txt-vt     { vertical-align: top;}
.txt-vb     { vertical-align: bottom;}
.txt-vm     { vertical-align: middle;} .list007    {
font-size: 80%;
}
dl.list007    { margin-top: 0.7em;}
dl.list007 dt     {
clear: left;
float: left;
margin: 0 0 0.8em;
width: 7.5em;
color: #333;
}
dl.list007 dd     {
margin-bottom: 0.8em;
margin-left: 7.5em;
}
dl.listinfo   {
width: 100%;
font-size: 80%;
line-height: 1.5;
}
.listinfo dt    {
width: 6em;
padding-top:0.5em;
}
.listinfo dd    {
margin-left: 6em;
margin-top: -1.4em;
} #tbl-thumb    {
font-size: 80%;
}
#tbl-thumb dl   {
float: left;
display: inline; margin: 0;
}
#tbl-thumb dd   {
width:113px;
margin-left: 0;
padding: 0.2em 0  0.3em 0;
text-align: center;
}
dl.classlink {
float: left;
width: 240px;
margin-right: 10px;
}
dl.classlink.right {
margin-left: 10px;
margin-right: 0;
}
dl.classlink dt {
background: url(//galerie-puits-damour.com/wp/wp-content/themes/class/images/icon_index.png) no-repeat 0 0;
padding-left: 15px;
line-height: 24px;
}
dl.classlink dd {
margin: 0 0 1.0em;
}
ul.classlink {
list-style: none;
border-top: 1px solid #ccc;
margin: 2.0em 0 0;
padding: 0;
}
ul.classlink li {
float: left;
border-left: 1px solid #ccc;
margin: 0.2em 0;
padding: 0 0.5em;
}
ul.classlink li:first-child {
border-left: none;
} .tabmenu li,
.tabmenu li a {
float: left;
padding: 0.3em 0.8em;
margin-right: 2px;
}
.tabmenu li{
list-style-type: none;
}
.tabcontent {
clear: both;
overflow: hidden;
width: 100%;
min-height:750px;
}
.tabbox {
display: none;
width: 456px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.tabmenu li.active {
background: #eee;
}
.tabmenu li.active a{
color:red;
}
.tabcontent dl {
float: left;
display: inline;
margin: 0 0 0 1px;
}
.tabcontent dd {
width:113px;
margin-left: 0;
padding: 0.2em 0  0.3em 0;
text-align: center;
}
.roseimages {
width: 445px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 2.0em;
}
.roseimages img {
margin-left: 5px;
}
.roseimages img:first-child {
margin-left: 0;
} .works #contents{
padding: 0 0 0 50px;
margin: 0;
}
.works #contentsbody {
background-color: transparent;
margin: 20px 0 0 0;
padding: 1.0em 16px 1.5em 16px;
} .nivoSlider {
-webkit-box-shadow: 0px 0px 5px 0px #888 !important;
-moz-box-shadow: 0px 0px 5px 0px #888 !important;
box-shadow: 0px 0px 5px 0px #888 !important;
}
.nivo-controlNav {
padding: 5px 0 20px !important;
} ul.newslist {
list-style: none;
margin: 0;
padding: 0 0.5rem;
}
ul.newslist li {
border-bottom: 1px dotted #ccc;
margin-bottom: 0.5rem;
padding-bottom: 0.5rem;
}
h2 i a:link,
ul.newslist li a:link {
text-decoration: none;
}
h2 i a:hover,
ul.newslist li a:hover {
text-decoration: underline;
}
ul.newslist li .date {
font-size: 79%;
display: block;
}
#newstokyo,
#newskobe {
position: relative;
}
#newstokyo {
margin-bottom: 2.0rem;
}
#newstokyo i,
#newskobe i {
position: absolute;
right: 0;
top: 0.8rem;
font-size: 12px;
font-style: normal;
}
#newstokyo h2 {
border-bottom: 1px solid #b0b0e5;
margin-bottom: 1.0rem;
}
#newskobe h2 {
border-bottom: 1px solid #b0b0e5;
margin-bottom: 1.0rem;
}
.newsdatetime {
text-align: right;
}
.schoolname {
}
.back {
text-align: center;
} ul.page_navi {
margin: 10px;
list-style: none;
}
ul.page_navi li {
float: left;
margin-right: 3px;
padding-right: 3px;
border-right: 1px #ccc solid;
}
ul.page_navi li.last {
border-right: none;
}
ul.page_navi li span, 
ul.page_navi li a {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
ul.page_navi li a:link,
ul.page_navi li a:visited {
color: #3366ff;
text-decoration: none;
}
ul.page_navi li a:hover,
ul.page_navi li a:active {
color: #ff6633;
text-decoration: none;
}
ul.page_navi li em {
font-weight: bold;
} span.wpcf7-list-item {
display: inline-block;
}  html, body{
margin: 0;
padding: 0;
}
#wrapper {
background: url(//galerie-puits-damour.com/wp/wp-content/themes/common/img/bg10_work.jpg) no-repeat scroll 640px 160px transparent;
}
#worksmain {
width: 1000px;
height:100%;
min-height: 100%;
padding: 0;
margin: 0;
}
#worksmain:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#worksmain {display: inline-block;}/*\*/* html #worksmain {height: 1%;}
#worksmain {display: block;}/**/#worksleft {
float:left;
width: 195px;
padding: 0;
margin: 0;
}
#worksright {
float:left;
width: 565px;
padding: 0;
margin: 0 0 0 60px;
}
#workslogo {
text-align: left;
padding: 0;
margin: 0;
}
#worksbody {
font-size: 100%;
margin:0 0 80px 0;
}
#worksbody2 {
font-size : 80% ;
line-height : 1.6;
margin:0;
}
dl.listinfo {
width: 100%;
line-height: 1.5;
}
.listinfo dt {
width: 6em;
padding-top:0.5em;
}
.listinfo dd {
margin-left: 6em;
margin-top: -1.4em;
}
.blockL {
display: block;
float: left;
width: 283px;
margin: 0;
}
.blockR {
display: block;
float: left;
width: 282px;
margin: 0;
} ul#worksmenu  {
margin: 15px 0 0 0;
padding: 0; 
}
ul#worksmenu li {
padding: 0 0 20px 0;
display: block;
maigin: 0;
font-size: 90%;
color:#ccc;
font-weight:bold;
text-align: left;
list-style-type:none;
}
ul#worksmenu li.on a {
font-size: 90%;
color:#00008b;
font-weight:bold;
text-decoration: none;
padding-left:6px;
border-left:4px solid #DC143C;
}
ul#worksmenu a:link { 
display: block;
font-size: 90%;
color:#ccc;
font-weight:bold;
text-decoration: none;
padding-left:8px;
}
ul#worksmenu a:visited  { 
display: block;
font-size: 90%;
color:#ccc;
font-weight:bold;
text-decoration: none;
padding-left:8px;
}
ul#worksmenu a:hover    { 
display: block;
font-size: 90%;
color:#ccc;
font-weight:bold;
text-decoration: none;
padding-left:10px;
} .dia {
font-size: 90%;
} div.content { display: none;
}
div.content a, div.navigation a {
text-decoration: none;
color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
text-decoration: underline;
}
div.controls {
margin-top: 25px;
padding: 0 0 0 40px;
vertical-align:bottom;
height: 1.0em;
}
div.controls a {
padding: 5px;
}
div.ss-controls {
float: left;
}
div.nav-controls {
float: left;
}
div.slideshow-container {
position: relative;
clear: both;
width: 555px;
height: 350px;
}
div.loader {
position: absolute;
top: 0;
left: 0;
background-image: url(//galerie-puits-damour.com/wp/wp-content/themes/class/css/loader.gif);
background-repeat: no-repeat;
background-position: center;
width: 555px;
height: 350px;
}
div.slideshow span.image-wrapper {
display: block;
position: absolute;
top: 0;
left: 0;
}
div.slideshow a.advance-link {
display: block;
width: 555px;
height: 350px;
line-height: 380px;
text-align: right;
border: none; }
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
text-decoration: none;
}
div.slideshow img {
vertical-align: top;
text-align: right;
width: 510px;
border: none;
}
div.download {
float: right;
}
div.caption-container {
position: relative;
clear: left;
margin-top: 0;
width: 555px;
height: 75px;
}
span.image-caption {
display: block;
position: absolute;
width: 550px;
top: 0;
left: 0;
}
div.caption {
padding: 0 0 0 5px;
}
div.image-title {
margin-top: 0;
font-weight: bold;
font-size: 1.4em;
}
div.image-desc {
margin-top: 12px;
line-height: 1.3em;
}
div.navigation {
overflow: auto;
position:relative;
height:200px;
clear:both; }
ul.thumbs {
width:540px;
position:absolute;
clear: both;
}
ul.thumbs li {
float: left;
padding: 0;
margin: 0 10px 0 0;
list-style: none;
}
a.thumb {
padding: 2px;
display: block;
border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
background: #000;
}
a.thumb:focus {
outline: none;
}
ul.thumbs img {
border: none;
display: block;
}
.wp-pagenavi {
display: flex;
justify-content:center;
}
.wp-pagenavi a, .wp-pagenavi span.current {
display: block;
text-decoration: none;
margin-right: 2px;
padding: 4px 7px 2px 7px;
border: 1px solid #ccc;
}
div.wp-pagenavi a:hover {
background-color: #eee;
text-decoration: none;
}
div.wp-pagenavi span.current {
font-weight: bold;
background-color: #000;
border-color: #000;
color: #fff;
}  .margin-la { margin-left: 5px;}
.margin-la2 { 
margin:0 20px 15px 10px;
font-size: 90%;
} dl.list007 {
font-size: 90%;
margin: 0;
padding: 0;
margin-top: 0.7em;
}
dl.list007 dt {
clear: left;
float: left;
margin: 0 0 0.8em;
width: 7.5em;
color: #333;
}
dl.list007 dd {
margin-bottom: 0.8em;
margin-left: 7.5em;
} .blocks-gallery-item__caption
{
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.1) 10%,transparent) !important;
} .figcaption
{
text-align: center;
font-size: 12px;
} .clearfix { zoom:1; }
.clearfix:after     {
content: ".";
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden;
}
ul.page_navi,
ul.classlink,
#wrap { zoom:1; }
ul.page_navi:after,
ul.classlink:after,
#wrap:after {
overflow: hidden;
content: ".";
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden;
}
@media screen and (max-width: 980px){
html {
font-size: 16px;
}
p {
font-size: 100%;
}
#wrap {
width: 100%;
background: none;
box-sizing: border-box;
}
#header {
position: fixed;
width: 100%;
height: 90px;
float: none;
padding: 0;
background-color: #fff;
box-sizing: border-box;
z-index: 150;
}
#main {
width: 100%;
float: none;
padding-top: 80px;
box-sizing: border-box;
}
#contents {
background-color: rgba(255,255,255,0.8);
padding: 0 4%;
}
#contentsbody {
padding: 1.0em 3% 1.5em;
}
.globalnav {
display: none;
}
.global-nav {
display: block;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .global-nav {
position: fixed;
right: -320px; top: 0;
width: 300px; height: 100vh;
padding-top: 40px;
background-color: #fff;
transition: all .6s;
z-index: 200;
overflow-y: auto; box-sizing: border-box;
}
.hamburger {
position: fixed;
right: 20px;
top: 20px;
width: 40px; height: 40px; cursor: pointer;
z-index: 300;
}
.global-nav__list {
margin: 0;
padding: 0;
list-style: none;
}
.global-nav__list>li {
text-align: center;
padding: 0 14px;
}
.global-nav__list>li a {
display: block;
padding: 8px 0;
border-bottom: 1px solid #eee;
text-decoration: none;
color: #111;
}
.global-nav__list>li a:hover {
background-color: #eee;
}
.hamburger__line {
position: absolute;
left: 11px;
width: 30px;
height: 1px;
background-color: #111;
transition: all .6s;
}
.hamburger__line--1 {
top: 10px;
}
.hamburger__line--2 {
top: 20px;
}
.hamburger__line--3 {
top: 30px;
}
.black-bg {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 100;
background-color: #6b74ce;
opacity: 0;
visibility: hidden;
transition: all .6s;
cursor: pointer;
} .nav-open .global-nav {
right: 0;
}
.nav-open .black-bg {
opacity: .8;
visibility: visible;
}
.nav-open .hamburger__line--1 {
transform: rotate(45deg);
top: 20px;
}
.nav-open .hamburger__line--2 {
width: 0;
left: 50%;
}
.nav-open .hamburger__line--3 {
transform: rotate(-45deg);
top: 20px;
} .home #contents {
padding: 0 5%;
margin: 0;
}
.slideshowwrap {
border: none;
width: 100%;
}
#slideshow {
width: 100%;
} #topnewsarea .topnewsbox {
width: 100%;
float: noen;
} .works #contents {
padding: 0;
padding: 0 4%;
}
.works #contentsbody {
padding: 1.0em 0 1.5em;
}
dl.classlink {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
dl.classlink.right {
margin-left: 0;
margin-right: 0;
} .wpcf7 select,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
width: 100%;
font-size: 1.6rem;
padding: 10px;
box-sizing: border-box;
}
.wpcf7 input[type="submit"] {
padding: 2.0rem 4.0rem;
min-width: auto;
width: 100%;
box-sizing: border-box;
}
.wpcf7 span.wpcf7-not-valid-tip {
display: block;
width: 100%;
margin-left: 0;
box-sizing: border-box;
}
table.calender {
width: 100%;
padding: 5%;
box-sizing: border-box;
font-size: 12px;
border-collapse: separate;
}
}
@media screen and (max-width: 767px){
.tabbox {
width: 100%;
}
}
@media screen and (max-width: 480px){
}