@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";

 html {
-webkit-text-size-adjust: 100%;
max-height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,img{ padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
fieldset,img {
border:0;
}
img {
vertical-align:bottom;
font-size:0;
line-height:0;
}
address,caption,cite,code,dfn,em,x_strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
max-height: 100%;
}
caption,th {
text-align:left;
max-height: 100%;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
dl,dt,dd,ul,ol,x_li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
max-height: 100%;
}
main, article, aside, dialog, figure, footer, header,hgroup, nav, section {
display:block;
padding:0;
margin:0;
vertical-align:top;
text-align:left; word-break: normal;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: collapse;
} .cl:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.cl{
display: inline-block; x_overflow:hidden;
} * html .cl{
height: 1%;
}
.cl{
display:block;
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap"); @font-face {
font-family: 'entypo';
font-style: 'normal';
font-weight: 'normal';
src: url(https://www.tomophoto.jp/css/fonts/entypo/entypo.eot);
src: url(https://www.tomophoto.jp/css/fonts/entypo/entypo.eot?#iefix) format("eot"), url(https://www.tomophoto.jp/css/fonts/entypo/entypo.woff) format("woff"), url(https://www.tomophoto.jp/css/fonts/entypo/entypo.ttf) format("truetype"), url(https://www.tomophoto.jp/css/fonts/entypo/entypo.svg#entypo) format("svg");
}  html {
font-size:10px;
}
body {
position:relative;
font-size:1rem;
line-height:1.7;
font-family: 'Noto Sans JP', sans-serif;
color:#2f2c2b;
min-width:1300px;  }
@media screen and (max-width: 1400px) {
html { font-size:10px;
}
body {
font-size:1rem;
width: 100%;
min-width: 100%;
}
}
@media screen and (max-width: 767px) {
html {
font-size:2.868vw;
}
body {
font-size:1rem;
width: 100%;
min-width: 100%;
line-height:1.5;
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
-ms-font-feature-settings: "palt";
-o-font-feature-settings: "palt";
font-feature-settings: "palt";
}
}
* {
font-style: normal;
font-weight: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
a {color: #2f2c2b; text-decoration: none; transition: .5s;}
a:hover {color: #2f2c2b; text-decoration:underline; transition: .5s;}
main a {color: #2f2c2b; text-decoration: underline;	transition: .5s;}
main a:hover {color: #2f2c2b; text-decoration:none;	transition: .5s;}
a:hover img ,
a.opacity:hover ,
footer .footer_in .f_contents section dl a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
header h2 a:hover img ,
footer dl dt a:hover img {
opacity:1.0;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; zoom:1;
}
a:before, a:after,
a:hover:before, a:hover:after{
text-decoration: none !important;
display: inline-block;
}
img {
width: 100%;
height: auto;
} .tablet , .tablet_img {
display: none;
}
.sp , .sp_img {
display: none;
}
@media screen and (max-width: 1040px) {
.tablet , .tablet_img {
display: block;
}
}
@media screen and (max-width: 767px) {
img {
max-width: none;
width: 100%;
height: auto;
}
.pc {
display: none;
}
.sp , .sp_img {
display: block;
}
}   h1 {
display:none;
}
.sub header {
position:fixed;
top:0;
left:0;
width:50%;
height:100vh;
}
.sub header:before {
position:absolute;
top:0;
left:50px;
width:1px;
height:100vh;
display:block;
background:#000;
content:'';
}
.sub header:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.sub header h2 {
position:relative;
z-index:2;
float:left;
width:50px;
height:100vh; padding-top:4vh;
text-align:center;
background:#FFF;
}
.sub header h2 a {
display:inline-block;
text-decoration:none;
}
.sub header h2 a span {
display:inline-block;
width:18px;
margin-bottom:5vh;
}
.sub header h2 a em {
display:inline-block;
font-size:1.4rem;
line-height:18px;
letter-spacing:.3em;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
.sub header .box {
float:left;
width:calc(100% - 50px); padding-top:4vh;
padding-left:20px;
}
.sub header .box section {
display:table; margin-bottom:3vh;
}
.sub header .box section .img ,
.sub header .box section .box_r {
display:table-cell;
vertical-align:bottom;
}
.sub header .box section .box_r {
padding-left:30px;
}
.sub header .box section .img {
width:110px;
}
.sub header .box section .img img { }
.sub header .box section .box_r h3 { margin-bottom:3vh;
}
.sub header .box section .box_r h3 span ,
.sub header .box section .box_r h3 em {
display:block;
line-height:1.1;
white-space:nowrap;
}
.sub header .box section .box_r h3 span {
font-size:2.1rem;
color:#5b3327;
margin-bottom:.8em;
}
.sub header .box section .box_r h3 em {
font-size:1.3rem;
font-weight:700;
letter-spacing:.15em;
}
.sub header .box section .box_r p {
font-size:1.2rem;
line-height:2.0;
}
.sub header .box nav { margin-bottom:4vh;
}
.sub header .box nav ul li {
font-size:1.8rem;
line-height:1.1; margin-bottom:2.5vh;
}
.sub header .box nav ul li:last-child {
margin-bottom:0;
}
.sub header .box nav ul li span ,
.sub header .box nav ul li a {
position:relative;
display:inline-block;
font-size:1.8rem;
line-height:1.1;
text-decoration:none;
transition: .5s;
cursor:pointer;
}
.sub header .box nav ul li span:after ,
.sub header .box nav ul li a:after {
position: absolute;
bottom: -.2em;
left: 0;
content: '';
width: 0;
height: 2px;
background: #5b3327;
transition: .5s;
}
.sub header .box nav ul li span:hover:after ,
.sub header .box nav ul li a:hover:after {
width: 100%;
}
.sub header .box .sns {
display:table;
}
.sub header .box .sns p {
display:table-cell;
vertical-align:middle;
}
.sub header .box .sns p.insta {
padding-right:40px;
}
.sub header .box .sns p a {
display:table;
text-decoration:none;
}
.sub header .box .sns p a span ,
.sub header .box .sns p a em {
display: table-cell;
vertical-align:middle;
}
.sub header .box .sns .insta a span {
width:28px;
}
.sub header .box .sns .insta a em {
font-size:1.1rem;
letter-spacing:.2em;
padding-left:1.6em;
}
.sub header .box .sns .facebook a {
color:#1977f3;
}
.sub header .box .sns .facebook a span {
font-size:1.1rem;
letter-spacing:.2em;
padding-right:.4em;
}
.sub header .box .sns .facebook a em {
width:18px;
}
.sub header .box .mybest {
padding-top: 10px;
}
.sub header .box .mybest a {
display: flex;
align-items: center;
}
.sub header .box .mybest a:hover {
text-decoration: none;
}
.sub header .box .mybest a span {
display: block;
width: 100px;
margin-right: .5em;
}
.sub header .box .mybest a em {
display: flex;
align-items: center;
font-size: 1.3rem;
}
.sub header .box .mybest a em i {
display: block;
font-size: 1.2rem;
color: #FFF;
background: #113d89;
border-radius: .3em;
margin-left: .4em;
padding: .3em .6em;
}
@media screen and (min-width: 1600px) {
.sub header:before {
left:110px;
}
.sub header h2 {
width:110px;
}
.sub header .box {
width:calc(100% - 110px);
padding-left:80px;
}
.sub header .box section .box_r h3 em {
letter-spacing:.3em;
}
}
@media screen and (max-height: 600px) {
.sub header .box section .img {
width:20vh;
}
.sub header .box nav ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.sub header .box nav ul li {
float:left;
width:50%;
font-size:1.8rem;
line-height:1.1; margin-bottom:2.5vh;
}
.sub header .box nav ul li:nth-child(2n+1) {
clear:both;
}
}
@media screen and (max-width: 1400px) {
.sub header .box section .box_r {
padding-left:2vw;
}
.sub header .box section .img {
width:8vw;
}
.sub header .box section .box_r h3 span ,
.sub header .box section .box_r h3 em {
display:block;
line-height:1.1;
white-space:nowrap;
}
.sub header .box section .box_r h3 span {
font-size:2.1rem;
color:#5b3327;
margin-bottom:.8em;
}
.sub header .box section .box_r h3 em {
font-size:1.3rem;
font-weight:700;
letter-spacing:.1em;
white-space:normal;
line-height:1.5;
}
.sub header .box section .box_r p {
font-size:1.2rem;
line-height:2.0;
}
}
@media screen and (max-width: 900px) {
.sub header .box .sns {
display:block;
}
.sub header .box .sns p {
display:block;
}
.sub header .box .sns p.insta {
padding-right:0;
padding-bottom:2vh;
}
}
@media screen and (max-width: 767px) {
.sub header {
display:none;
}
} .sub footer {
position:relative;
clear:both;
padding:3vh 0 4vh;
text-align:center;
}
.sub footer:before {
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:1px;
background:#000;
display:block;
content:'';
}
.sub footer .f_logo {
width:125px;
margin:0 auto;
margin-bottom:2vh;
}
.sub footer .box {
display:inline-block;
text-align:left;
}
.sub footer .box p {
font-size:1.4rem;
margin-bottom:1em;
}
.sub footer .box p span ,
.sub footer .box p em {
margin-right:1em;
}
.sub footer .box .copy {
display:block;
font-size:1.2rem;
color:#000;
}
.sub footer .box .copy span {
margin-right:1em;
}
@media screen and (max-height: 500px) {
.sub footer:before {
display:none;
}
}
@media screen and (max-width: 767px) {
.sub footer {
padding:5vw 0 5vw;
}
.sub footer:before {
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:1px;
background:#AAAAAA;
display:block;
content:'';
}
.sub footer .f_logo {
width:30vw;
margin:0 auto;
margin-bottom:3vw;
}
.sub footer .box {
display:block;
text-align:center;
}
.sub footer .box p {
font-size:1.4rem;
margin-bottom:1em;
text-align:center;
line-height:1.5;
}
.sub footer .box p span ,
.sub footer .box p em {
margin-right:1em;
}
.sub footer .box p span {
display:block;
text-align:center;
margin-right:0;
}
.sub footer .box .copy {
font-size:1.1rem;
color:#999999;
}
.sub footer .box .copy span {
margin-right:.7em;
}
} main {
position:relative;
display:block !important;
float:right;
width:50%;
padding-bottom:250px;
}
main:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
@media screen and (max-width: 1400px) {
main {
padding-bottom:10vw;
}
}
@media screen and (max-width: 767px) {
main {
position:relative;
display:block !important;
float:none;
width:100%;
margin:0 auto;
padding-bottom:5vw;
}
} .modal{
display: none;
position: fixed;
top: 0;
width: 100%;
height: 100vh;
z-index:100;
}
.modal__bg {
background: rgba(106,110,112,.8);
position: absolute;
top:0;
left:0;
width: 100%;
height: 100vh;
}
.modal__content {
display: -webkit-flex; display: flex;
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
width:100%;
height:100%;
}
.modal__content .box {
position:relative;	
display:inline-block;
}
.modal__content .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.modal__content .box .comment {
float:left;
font-size:1.4rem;
color:#FFF;
line-height:2.5;
margin-right:5vw;
}
@media screen and (min-width: 1900px) {
.modal__content .box .comment {
float:left;
font-size:1.4rem;
color:#FFF;
line-height:2.5;
margin-right:160px;
}
}
.modal__content .box .img {
float:right;
width:371px;
}
.modal__content .box .close {
position:absolute;
top:0;
right:-160px;
}
.modal__content .box .close a {
display:block;
width:66px;
height:66px;
background:url(//www.tomophoto.jp/img/common/close.svg) no-repeat center center;
background-size:cover;
}
@media screen and (max-width: 1400px) {
.modal__content .box {
position:relative;	
display:inline-block;
width:80%;
margin:auto;
}
.modal__content .box .comment {
float:left;
width:50%;
margin-right:0;
}
.modal__content .box .img {
float:right;
width:40%;
margin-right:5%;
}
.modal__content .box .close {
position:absolute;
top:0;
right:-6%;
}
.modal__content .box .close a {
display:block;
width:5vw;
height:5vw;
background:url(//www.tomophoto.jp/img/common/close.svg) no-repeat center center;
background-size:cover;
}
}
@media screen and (max-width: 767px) {
.modal{
display: none;
position: fixed;
top: 0;
width: 100%;
height: 100vh;
z-index:10000;
}
.modal__bg {
background: rgba(106,110,112,.8);
position: absolute;
top:0;
left:0;
width: 100%;
height: 100vh;
}
.modal__content {
display: -webkit-flex; display: flex;
-webkit-justify-content: center; justify-content: center;
-webkit-align-items: center; align-items: center;
width:100%;
height:100%;
}
.modal__content .box {
position:relative;	
display:block;
padding:5vw 4vw;
width:100%;
}
.modal__content .box .comment {
float:none;
width:100%;
font-size:1.4rem;
line-height:1.5;
margin-right:0;
margin-bottom:2vw;
}
.modal__content .box .img {
float:none;
width:70%;
margin:0 auto;
}
.modal__content .box .close {
position:absolute;
top:-10vw;
right:4vw;
}
.modal__content .box .close a {
display:block;
width:10vw;
height:10vw;
background:url(//www.tomophoto.jp/img/common/close.svg) no-repeat center center;
background-size:cover;
}
} .page_ttl {
background:#93cdb3;
line-height:1.1;
padding:160px 20px 50px;
color:#FFF;
}
.page_ttl h3 {
display:table;
}
.page_ttl h3 span ,
.page_ttl h3 em {
display:table-cell;
white-space:nowrap;
vertical-align:bottom;
}
.page_ttl h3 span {
font-size:7.2rem;
letter-spacing:.1em;
}
.myphoto .page_ttl h3 span {
font-size:6.0rem;
letter-spacing:.1em;
}
.page_ttl h3 em {
font-size:1.8rem;
padding-bottom:.3em;
padding-left:1em;
}
.page_ttl ul {
padding-top:40px;
}
.page_ttl ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.page_ttl ul li {
float:left;
margin-right:5%;
font-size:1.2rem;
}
.page_ttl ul li a {
color:#FFF;
}
@media screen and (max-width: 1800px) {
.myphoto .page_ttl h3 span {
font-size:4.2rem;
letter-spacing:.1em;
}
}
@media screen and (max-width: 1400px) {
.page_ttl {
padding:10vw 2vw 5vw;
}
.page_ttl h3 {
display:block;
}
.page_ttl h3 span ,
.page_ttl h3 em {
display:block;
white-space:nowrap;
vertical-align:bottom;
}
.page_ttl h3 span {
font-size:4vw;
letter-spacing:.1em;
}
.myphoto .page_ttl h3 span {
font-size:3.5vw;
letter-spacing:.1em;
}
.page_ttl h3 em {
font-size:1.8rem;
padding-bottom:.3em;
padding-left:0;
padding-top:2vw;
}
.page_ttl ul {
padding-top:4vw;
}
.page_ttl ul li {
float:left;
margin-right:5%;
margin-bottom:2vw;
font-size:1.2rem;
}
}
@media screen and (max-width: 767px) {
.page_ttl {
background:#93cdb3;
line-height:1.1;
padding:20vw 3vw 6vw;
color:#FFF;
}
.page_ttl h3 {
display:block;
}
.page_ttl h3 span ,
.page_ttl h3 em {
display:block;
white-space: normal;
vertical-align:bottom;
}
.page_ttl h3 span {
font-size:3.0rem;
font-weight:700;
letter-spacing:.1em;
line-height:1.5;
}
.myphoto .page_ttl h3 span { font-size:2.4rem;
font-weight:700;
letter-spacing:.1em;
}
.page_ttl h3 em {
font-size:1.8rem;
padding-bottom:.3em;
padding-left:0;
}
.page_ttl ul {
padding-top:5vw;
}
.page_ttl ul li {
float:none;
margin-right:0;
margin-bottom:3vw;
font-size:1.4rem;
}
.page_ttl ul li:last-child {
margin-bottom:0;
}
.page_ttl ul li a {
display:block;
}
.page_ttl ul li a:before {
font-family: "FontAwesome";
content: "\f13a";
margin-right:.5em;
}
} .pagination {
padding:70px 0 0;
}
.pagination .pagination-box {
text-align:center;
font-size:0;
}
.pagination .pagination-box a ,
.pagination .pagination-box span {
display:inline-block;
font-size:1.5rem;
font-weight:700;
width:32px;
height:32px;
line-height:30px;
text-align:center;
margin-right:10px;
background:none;
border: solid 1px #979b9b;
color:#979b9b;
text-decoration:none;
}
.pagination .pagination-box a:last-child ,
.pagination .pagination-box span:last-child {
margin-right:0;
}
.pagination .pagination-box span.current {
color:#FFFFFF;
background:#02357d;
border: solid 1px #02357d;
font-weight:700;
}
.pagination .pagination-box a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
@media screen and (max-width: 767px) {
.pagination {
padding:9.126vw 0 0;
}
.pagination .pagination-box a ,
.pagination .pagination-box span {
font-size:1.4rem;
width:8vw;
height:8vw;
line-height:7vw;
margin-right:4vw;
}
}
.dn {
display: none;
} .contents {
font-size:1.2rem;
}
.contents img {
width:auto !important;
max-width:100%;
}
.contents h1 {
font-size: 2em;
margin: 0.67em 0;
}
.contents figcaption,
.contents figure,
.contents main {
display: block;
}
.contents figure {
margin: 1em 0;
}
.contents hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
.contents pre {
font-family: monospace, monospace;
font-size: 1em;
}
.contents abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
.contents b,
.contents strong {
font-weight: inherit;
}
.contents b,
.contents strong {
font-weight: 700;
}
.contents code,
.contents kbd,
.contents samp {
font-family: monospace, monospace;
font-size: 1em;
}
.contents dfn {
font-style: italic;
}
.contents mark {
background-color: #eee;
color: #222;
}
.contents small {
font-size: 80%;
}
.contents sub,
.contents sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.contents sub {
bottom: -0.25em;
}
.contents sup {
top: -0.5em;
}
.contents audio,
.contents video {
display: inline-block;
}
.contents audio:not([controls]) {
display: none;
height: 0;
}
.contents button,
.contents input,
.contents optgroup,
.contents select,
.contents textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
.contents button,
.contents input {
overflow: visible;
}
.contents button,
.contents select {
text-transform: none;
}
.contents button,
.contents html [type="button"],
.contents [type="reset"],
.contents [type="submit"] {
-webkit-appearance: button;
}
.contents button::-moz-focus-inner,
.contents [type="button"]::-moz-focus-inner,
.contents [type="reset"]::-moz-focus-inner,
.contents [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.contents button:-moz-focusring,
.contents [type="button"]:-moz-focusring,
.contents [type="reset"]:-moz-focusring,
.contents [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.contents fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.contents legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.contents progress {
display: inline-block;
vertical-align: baseline;
}
.contents textarea {
overflow: auto;
}
.contents [type="checkbox"],
.contents [type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.contents [type="number"]::-webkit-inner-spin-button,
.contents [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.contents [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.contents [type="search"]::-webkit-search-cancel-button,
.contents [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.contents ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.contents details,
.contents menu {
display: block;
}
.contents summary {
display: list-item;
}
.contents canvas {
display: inline-block;
}
.contents template {
display: none;
}
.contents [hidden] {
display: none;
}
.contents .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.contents .alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.contents .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.contents .clear:before,
.contents .clear:after,
.contents .entry-content:before,
.contents .entry-content:after,
.contents .entry-footer:before,
.contents .entry-footer:after,
.contents .comment-content:before,
.contents .comment-content:after,
.contents .site-header:before,
.contents .site-header:after,
.contents .site-content:before,
.contents .site-content:after,
.contents .site-footer:before,
.contents .site-footer:after,
.contents .nav-links:before,
.contents .nav-links:after,
.contents .pagination:before,
.contents .pagination:after,
.contents .comment-author:before,
.contents .comment-author:after,
.contents .widget-area:before,
.contents .widget-area:after,
.contents .widget:before,
.contents .widget:after,
.contents .comment-meta:before,
.contents .comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.contents .clear:after,
.contents .entry-content:after,
.contents .entry-footer:after,
.contents .comment-content:after,
.contents .site-header:after,
.contents .site-content:after,
.contents .site-footer:after,
.contents .nav-links:after,
.contents .pagination:after,
.contents .comment-author:after,
.contents .widget-area:after,
.contents .widget:after,
.contents .comment-meta:after {
clear: both;
}
.contents button,
.contents input,
.contents select,
.contents textarea {
color: #333;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 15px;
font-size: 0.9375em;
font-weight: 400;
line-height: 1.66;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
clear: both;
line-height: 1.4;
margin: 0 0 0.75em;
padding: .5em .1em;
}
.contents h1:first-child,
.contents h2:first-child,
.contents h3:first-child,
.contents h4:first-child,
.contents h5:first-child,
.contents h6:first-child {
padding-top: 0;
}
.contents h1 {
font-size: 24px;
font-size: 1.5em;
font-weight: 300;
}
.contents h2,
.contents .home.blog .entry-title {
color: #666;
font-size: 20px;
font-size: 1.25em;
font-weight: 300;
}
.contents h3 {
color: #333;
font-size: 18px;
font-size: 1.125em;
font-weight: 300;
}
.contents h4 {
color: #333;
font-size: 16px;
font-size: 1em;
font-weight: 800;
}
.contents h5 {
color: #767676;
font-size: 13px;
font-size: 0.8125em;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.contents h6 {
color: #333;
font-size: 15px;
font-size: 0.9375em;
font-weight: 800;
}
.contents p {
margin: 0 0 1.5em;
padding: 0;
}
.contents dfn,
.contents cite,
.contents em,
.contents i {
font-style: italic;
}
.contents blockquote {
color: #666;
font-size: 18px;
font-size: 1.125em;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}
.contents blockquote cite {
display: block;
font-style: normal;
font-weight: 600;
margin-top: 0.5em;
}
.contents address {
margin: 0 0 1.5em;
}
.contents pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375em;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
.contents code,
.contents kbd,
.contents tt,
.contents var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375em;
}
.contents abbr,
.contents acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.contents mark,
.contents ins {
background: #eee;
text-decoration: none;
}
.contents big {
font-size: 125%;
}
.contents blockquote {
quotes: "" "";
}
.contents q {
quotes: "“" "”" "‘" "’";
}
.contents blockquote:before,
.contents blockquote:after {
content: "";
}
.contents :focus {
outline: none;
}
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6 {
font-weight: 700;
}
.contents hr {
background-color: #bbb;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.contents ul,
.contents ol {
margin: 0 0 1.5em;
padding: 0;
}
.contents ul {
list-style: disc;
}
.contents ol {
list-style: decimal;
}
.contents li > ul,
.contents li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
.contents dt {
font-weight: 700;
}
.contents dd {
margin: 0 1.5em 1.5em;
}
.contents table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
}
.contents thead th { padding-bottom: 0.5em;
}
.contents th {
padding: 0.4em;
text-align: left;
}
.contents tr { }
.contents td {
padding: 0.4em;
}
.contents th:first-child,
.contents td:first-child {
padding-left: 0;
}
.contents th:last-child,
.contents td:last-child {
padding-right: 0;
}
@media screen and (max-width: 768px) { .contents { }
.contents button,
.contents input,
.contents select,
.contents textarea {
font-size: 18px;
font-size: 1.125em;
}
.contents h1 {
font-size: 30px;
font-size:calc( 1.875em * 0.9);
}
.contents h2,
.contents .home.blog .entry-title,
.contents .page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size:calc( 1.625em * 0.9);
}
.contents h3 {
font-size: 22px;
font-size:calc( 1.375rem * 0.9);
}
.contents h4 {
font-size: 18px;
font-size:calc( 1.125em * 0.9);
}
.contents h5 {
font-size: 13px;
font-size:calc( 0.8125em * 0.9);
}
.contents h6 {
font-size: 16px;
font-size:calc( 1em * 0.9);
}
.contents .entry-content blockquote.alignleft,
.contents .entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875em;
}
.contents img.alignleft {
float: left;
margin-right: 1.5em;
}
.contents img.alignright {
float: right;
margin-left: 1.5em;
}
.contents th {
display:block;
}
.contents tr { }
.contents td {
display:block;
}
}
.contents h1 {
display:block !important;
padding: 0 0 0 20px;
border-left: solid 7px #cccccc;
font-size: 30px;
line-height: 1.4;
}
.contents h2 {
margin:0 0 45px 0;
padding: 0 0 4px;
font-size: 30px;
border-bottom: 4px solid #cccccc;
line-height: 1.4;
}
.contents h3 {
position:relative;
margin:0 0 35px 0;
padding: 0 0 6px;
font-size: 26px;
}
.contents h3::before {
content:'';
position:absolute;
bottom:-2px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h3::after {
content:'';
position:absolute;
bottom:-4px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h4{ 
border-bottom: solid 1px #cccccc;
padding: 0 0 6px;
margin: 0 0 35px 0;
font-size: 20px;
}
.contents h5{ 
margin: 0 0 35px 0;
font-size: 18px;
}
.contents h6{ 
margin: 0 0 35px 0;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.contents h1 {
display:block !important;
padding: 0 0 0 20px;
border-left: solid 7px #cccccc;
font-size: calc(30px * 0.7);
line-height: 1.4;
}
.contents h2 {
margin:0 0 45px 0;
padding: 0 0 4px;
font-size: calc(30px * 0.7);
border-bottom: 4px solid #cccccc;
line-height: 1.4;
}
.contents h3 {
position:relative;
margin:0 0 35px 0;
padding: 0 0 6px;
font-size: calc(26px * 0.7);
}
.contents h3::before {
content:'';
position:absolute;
bottom:-2px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h3::after {
content:'';
position:absolute;
bottom:-4px;
left:0;
width:40px;
width:100%;
height:1px;
background:#cccccc;
}
.contents h4{ 
border-bottom: solid 1px #cccccc;
padding: 0 0 6px;
margin: 0 0 35px 0;
font-size: calc(20px * 0.8);
}
.contents h5{ 
margin: 0 0 35px 0;
font-size: calc(18px * 0.8);
}
.contents h6{ 
margin: 0 0 35px 0;
font-size: calc(16px * 0.8);
}
}
@media screen and (max-width: 767px) {
.menu-trigger {
width: 100%;
height:auto;
position: fixed;
top: 0;
left: 0;
z-index:3000;
}
.menu-trigger:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.menu-trigger .head_logo {
position:relative;
z-index:10;
float:left;
margin-left:3.911vw;
padding-top:1.956vw;
width:30vw;
}
.menu-trigger .menu_btn {
position:relative;
float:right;
width:14vw;
height: 12vw;
background:#1c2e7c;
}
.menu-trigger .menu_btn span {
position: absolute;
left: 0;
right:0;
margin:0 auto;
width: 7.823vw;
height:0.522vw;
z-index:3000;
display:block;
background:#FFFFFF;
transition: all .4s ease;
}
.menu-trigger .menu_btn span:nth-of-type(1) {
top: 3.911vw;
}
.menu-trigger.active .menu_btn span:nth-of-type(1) {
transform: translateY(2.0vw) rotate(-45deg);
background:#FFFFFF;
}
.menu-trigger .menu_btn span:nth-of-type(2) {
top: 6.128vw;
background:#FFFFFF;
}
.menu-trigger.active .menu_btn span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger .menu_btn span:nth-of-type(3) {
top: 8.083vw;
background:#FFFFFF;
}
.menu-trigger.active .menu_btn span:nth-of-type(3) {
transform: translateY(-2.0vw) rotate(45deg);
background:#FFFFFF;
}
.menu-trigger .menu_btn em {
position:absolute;
bottom:2.5vw;
left:0;
width:100%;
text-align:center;
font-weight:600;
font-size:1.1rem;
color:#FFF;
line-height:1.1;
}
.fix_nav .box {
width:100%;
height:100%;
overflow:auto;
}
.fix_nav {
width: 100%;
height: 100vh;
padding-top: 10vh;
background-color: rgb(255,255,255,.9);
position: fixed;
top: 0;
right: 0;
z-index:2000;
transform: translate(100%);
transition: all .5s;
opacity:0;
}
.fix_nav.open {
opacity:1;
transform: translateZ(0);
}
.fix_nav .box {
padding-bottom:10vw;
}
.fix_nav ul {
padding:0 4%;
padding-bottom:10vw;
}
.fix_nav ul li {
border-bottom: dotted 1px #333333;
}
.fix_nav ul li span ,
.fix_nav ul li a {
position:relative;
display:block;
font-size:1.4rem;
color:#333333;
text-align:center;
padding:.8em 1.6em;
}
.fix_nav .sns {
display:block;
}
.fix_nav .sns p {
display:block;
text-align:center;
}
.fix_nav .sns p.insta {
padding-right:0;
margin-bottom:5vw;
}
.fix_nav .sns p a {
display:table;
text-decoration:none;
text-align:center;
margin:0 auto;
}
.fix_nav .sns p a span ,
.fix_nav .sns p a em {
display: table-cell;
vertical-align:middle;
}
.fix_nav .sns .insta a span {
width:10vw;
}
.fix_nav .sns .insta a em {
font-size:1.1rem;
letter-spacing:.2em;
padding-left:1.6em;
}
.fix_nav .sns .facebook a {
color:#1977f3;
}
.fix_nav .sns .facebook a span {
font-size:1.1rem;
letter-spacing:.2em;
padding-right:.4em;
}
.fix_nav .sns .facebook a em {
width:10vw;
}
.fix_nav .sns .mybest {
padding-top: 5vw;
display: flex;
align-items: center;
justify-content: center;
}
.fix_nav .sns .mybest a {
display: flex;
align-items: center;
}
.fix_nav .sns .mybest a:hover {
text-decoration: none;
}
.fix_nav .sns .mybest a span {
display: block;
width: 20vw;
margin-right: .5em;
}
.fix_nav .sns .mybest a em {
display: flex;
align-items: center;
font-size: 1.2rem;
}
.fix_nav .sns .mybest a em i {
display: block;
font-size: 1.2rem;
color: #FFF;
background: #113d89;
border-radius: .3em;
margin-left: .4em;
padding: .3em .6em;
}
}
   #vegas {
position: relative;
width: 100%;
height: 100vh;
}
.top header {
position: absolute;
top:0;
left:0;
z-index:10;
}
.top header h2 {
position:fixed;
top:45px;
left:20px;
}
@media screen and (min-width: 1900px) {
.top header h2 {
position:fixed;
top:45px;
left:115px;
}
}
.top header h2 a {
display:table;
text-decoration:none;
}
.top header h2 a span ,
.top header h2 a em {
display:table-cell;
line-height:1.1;
vertical-align:middle;
}
.top header h2 a span {
width:125px;
}
.top header h2 a em {
font-size:1.3rem;
font-weight:700;
letter-spacing:.2em;
padding-left:2.5em;
}
.top nav {
position: fixed;
top:65px;
right:0;
z-index:10;
text-align:right;
}
.top nav ul {
display:inline-block;
font-size:1.1rem;
line-height:1.1;
padding:0 5em 0 1.5em;
background:#000;
}
@media screen and (min-width: 1900px) {
.top nav ul {
display:inline-block;
font-size:1.1rem;
line-height:1.1;
padding:0 14em 0 1.5em;
background:#000;
}
}
.top nav ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top nav ul li {
float:left;
margin-right:.6em;
}
.top nav ul li:last-child {
margin-right:0;
}
.top nav ul li span ,
.top nav ul li a {
display:block;
padding:1em 1.5em;
text-decoration:none;
color:#FFF;
cursor:pointer;
transition: .5s;
}
.top nav ul li span:hover ,
.top nav ul li a:hover {
background:rgba(255,255,255,.3);
transition: .5s;
}
.top footer {
position: fixed;
bottom:60px;
left:20px;
z-index:10;
line-height:1.1;
}
@media screen and (min-width: 1900px) {
.top footer {
position:fixed;
bottom:130px;
left:120px;
}
}
.top footer .insta {
margin-bottom:20px;
}
.top footer .insta a {
display:table;
text-decoration:none;
}
.top footer .insta a span ,
.top footer .insta a em {
display:table-cell;
line-height:1.1;
vertical-align:middle;
}
.top footer .insta a span {
width:30px;
}
.top footer .insta a em {
font-size:1.1rem;
letter-spacing:.2em;
padding-left:1.6em;
}
.top footer .facebook {
margin-bottom:20px;
}
.top footer .facebook a {
display:table;
text-decoration:none;
color:#1977f3;
}
.top footer .facebook a span ,
.top footer .facebook a em {
display:table-cell;
line-height:1.1;
vertical-align:middle;
}
.top footer .facebook a span {
font-size:1.1rem;
letter-spacing:.2em;
padding-right:1.2em;
}
.top footer .facebook a em {
width:20px;
}
.top footer .mybest a {
display: flex;
align-items: center;
}
.top footer .mybest a:hover {
text-decoration: none;
}
.top footer .mybest a span {
display: block;
width: 100px;
margin-right: .5em;
}
.top footer .mybest a em {
display: flex;
align-items: center;
font-size: 1.3rem;
}
.top footer .mybest a em i {
display: block;
font-size: 1.2rem;
color: #FFF;
background: #113d89;
border-radius: .3em;
margin-left: .4em;
padding: .3em .6em;
} .work main .photo_slider section {
position:relative;
}
.work main .photo_slider section h3 {
position:absolute;
top:0;
right:calc(100% + 1.8em);
z-index:100;
overflow: visible;
font-size:1.2rem;
background:#93cdb3;
color:#FFF;
height:240px;
padding:2em .9em 0;
line-height:1.1;
letter-spacing:.2em;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
.work main .photo_slider section .box {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
}
.work main .photo_slider section .box .box_in {
position:absolute;
top:0;
left: -100%;
z-index:200;
width:100%;
height:100%;
padding:10% 5% 0;
background:rgba(88,89,91,.8);
opacity: 0;
transition:all 0.6s ease;
}
.work main .photo_slider section h3:hover + .box .box_in {
opacity: 1;
left: 0;
}
.work main .photo_slider section .box .box_in .comment {
position:relative;
display:inline-block;
border-left: solid 1px #FFFFFF;
padding-left:2%;
color:#FFF;
}
.work main .photo_slider section .box .box_in .comment h4 {
font-size:1.8rem;
font-weight:700;
margin-bottom:1em;
}
.work main .photo_slider section .box .box_in .comment p {
font-size:1.4rem;
margin-bottom:1em;
}
.work main .photo_slider section .box .box_in .comment p:last-child {
margin-bottom:0;
}
.work div.pp_default .pp_description {
font-size: 1.3rem;
font-weight: 700;
line-height: 1.7;
margin:0 0 0 2em;
float:left;
width:80%;
display:block !important;
} .blog main .wrap {
background:#e6e7e7;
padding:8% 3%;
}
.blog main .wrap:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.blog main .wrap article {
float:left;
width:60%;
}
.blog main .wrap aside {
float:right;
width:35%;
}
.blog main .wrap article .box section {
padding-bottom:50px;
margin-bottom:50px;
border-bottom: solid 1px #666666;
}
.blog main .wrap article .box section:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}
.blog main .wrap article .box section .thum {
margin-bottom:10px;
}
.blog main .wrap article .box section .ttile {
position:relative;
font-size:2.0rem;
font-weight:bold;
line-height:1.5;
border-bottom: solid 3px #CCCCCC;
margin-bottom:10px;
}
.blog main .wrap article .box section .ttile:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #999999;
bottom: -3px;
width: 20%;
}
.blog main .wrap article .box section time {
display:block;
font-size:1.1rem;
color:#666;
margin-bottom:10px;
}
.blog main .wrap aside h3 {
position:relative;
font-size:1.4rem;
font-weight:700;
line-height:1.1;
padding-bottom:.2em;
margin-bottom:50px;
border-bottom: solid 1px #666666;
}
.blog main .wrap aside h3:after {
position:absolute;
left:0;
bottom:-.35em;
height:2px;
width:100%;
display:block;
background:#666;
content:'';
}
.blog main .wrap aside .update {
display:table;
width:100%;
}
.blog main .wrap aside .update dl {
display:table-row;
}
.blog main .wrap aside .update dl dt ,
.blog main .wrap aside .update dl dd {
display:table-cell;
vertical-align:top;
border-bottom: dashed 1px #000000;
font-size:1.2rem;
padding-top:.5em;
padding-bottom:.5em;
}
.blog main .wrap aside .update dl:first-child dt ,
.blog main .wrap aside .update dl:first-child dd {
padding-top:0;
}
.blog main .wrap aside .update dl dt {
white-space:nowrap;
padding-right:1em;
} .myphoto main .page_ttl {
margin-bottom:50px;
}
.myphoto main .wrap {
background:#d1cdb9;
padding:8% 3%;
}
.myphoto main .wrap section {
margin-bottom:60px;
}
.myphoto main .wrap section:last-child {
margin-bottom:0;
}
.myphoto main .wrap section h3 {
text-align:center;
line-height:1.1;
margin-bottom:20px;
}
.myphoto main .wrap section h3 span {
position:relative;
display:inline-block;
font-size:2.0rem;
font-weight:700;
padding:0 60px;
}
.myphoto main .wrap section h3 span:before ,
.myphoto main .wrap section h3 span:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 2px;
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
}
.myphoto main .wrap section h3 span:before {
left:0;
}
.myphoto main .wrap section h3 span:after {
right: 0;
}
.myphoto main .wrap section ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.myphoto main .wrap section ul li {
float:left;
width:32%;
margin-right:2%;
margin-bottom:10px;
background:#FFF;
}
.myphoto main .wrap section ul li:nth-child(3n) {
margin-right:0;
}
.myphoto main .wrap section ul li:nth-child(3n+1) {
clear:both;
}
.myphoto main .wrap section ul li:nth-last-child(-n+3) {
margin-bottom:0;
} .contact main .wrap {
padding:8% 5%;
font-size:1.4rem;
}
.contact main .wrap .box table {
width:100%;
}
.contact main .wrap .box table th ,
.contact main .wrap .box table td {
display:block;
padding:25px 0;
border-bottom: solid 2px #02357d;
}
.contact main .wrap .box table tr:first-child th ,
.contact main .wrap .box table tr:first-child td {
border-top:none;
}
.contact main .wrap .box table th {
padding-bottom:0;
border-bottom:none;
}
.contact main .wrap .box table td {
padding-top:10px;
}
.contact main .wrap .box table th:after ,
.contact main .wrap .box table td:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.contact main .wrap .box table th {
font-weight:700;
width:100%;
}
.contact main .wrap .box table th span ,
.contact main .wrap .box table th em {
position:relative;
float:right;
display:inline-block;
font-size:1.3rem;
font-weight:700;
line-height:1.1;
color:#FFF;
padding:.4em .8em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.contact main .wrap .box table th span {
background:#299736;
}
.contact main .wrap .box table th em {
background:#1e519a;
}
.contact main .wrap .box table td {
}
.form table td input[type="text"] ,
.form table td input[type="tel"] ,
.form table td input[type="email"] ,
.form table td input[type="date"] ,
.form table td input[type="number"] ,
.form table td textarea {
width:100%;
padding:.9em .6em;
font-size:1.5rem;
background:#f0f3f5;
border: solid 1px #f0f3f5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: .4em;
-moz-border-radius: .4em;
border-radius: .4em;
}
.form table td input[type="text"]:focus ,
.form table td input[type="tel"]:focus ,
.form table td input[type="email"]:focus ,
.form table td input[type="number"]:focus ,
.form table td input[type="date"]:focus ,
.form table td textarea:focus {
outline: 0;
background:#FFF;
border: solid 1px #f0f3f5;
}
.form table td input[type="number"] {
text-align:center;
}
.form table td textarea {
height:250px;
}
.form table td input.input01 {
width:100%;
}
:-moz-placeholder {
color: #bdbec6;
opacity: 1;
}
::-moz-placeholder {
color: #bdbec6;
opacity: 1;
}
:-ms-input-placeholder {
color: #bdbec6;
}
::-ms-input-placeholder {
color: #bdbec6;
}
::-webkit-input-placeholder {
color: #bdbec6;
}
::placeholder {
color: #bdbec6;
}
.form .mwform-checkbox-field {
display:inline-block;
margin:0 40px 0 0;
}
.form .caution {
padding-top:10px;
font-size:1.5rem;
}
.form .btn {
text-align:center;
font-size:0;
padding-top:40px;
}
.form .btn dl {
display:inline-block;
font-size:0;
}
.form .btn dl dt ,
.form .btn dl dd {
display:inline-block;
text-align:center;
}
.form .btn dl dd {
margin:0 0 0 2rem;
}
.form .btn p.confirm_btn {
text-align:center;
}
.form .btn input ,
.form .btn button {
position:relative;
background: #02357d;
border:none;
display: inline-block;
width:210px;
text-align:center;
cursor:pointer;
color:#FFF;
font-size:1.6rem;
font-weight:700;
line-height:1.1;
padding:1.3em 0;
margin:0;
text-decoration:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form .btn input[type=reset] ,
.form .btn button[type=reset] ,
.form .btn input.back ,
.form .btn button.back {
position:relative;
background: #02357d;
border:none;
display: inline-block;
width:210px;
text-align:center;
cursor:pointer;
color:#FFF;
font-size:1.6rem;
font-weight:700;
line-height:1.1;
padding:1.3em 0;
margin:0;
text-decoration:none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form .btn input:hover ,
.form .btn button:hover ,
.form .btn input:focus ,
.form .btn button:focus {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview th ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td {
padding-top:25px;
font-size:1.5rem;
}
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview th span ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview th em ,
.confirm .mw_wp_form.mw_wp_form_confirm.mw_wp_form_preview td p {
display:none;
}
.mw_wp_form.mw_wp_form_input span.error {
font-size:1.4rem;
} .confirm main .com ,
.thanks main .com {
text-align:center;
margin-bottom:3em;
} .news main .wrap {
background:#e6e7e7;
padding:8% 3%;
}
.news main .wrap:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.news main .wrap article {
float:left;
width:60%;
}
.news main .wrap aside {
float:right;
width:35%;
}
.news main .wrap article .box section {
padding-bottom:50px;
margin-bottom:50px;
border-bottom: solid 1px #666666;
}
.news main .wrap article .box section:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}
.news main .wrap article .box section .thum {
margin-bottom:10px;
}
.news main .wrap article .box section .ttile {
position:relative;
font-size:2.0rem;
font-weight:bold;
line-height:1.5;
border-bottom: solid 3px #CCCCCC;
margin-bottom:10px;
}
.news main .wrap article .box section .ttile:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #999999;
bottom: -3px;
width: 20%;
}
.news main .wrap article .box section .time_cat {
display: flex;
align-items: center;
font-size:1.1rem;
color:#666;
margin-bottom:10px;
}
.news main .wrap article .box section .time_cat time {
display: block;
margin-right: 1em;
}
.news main .wrap article .box section .time_cat ul {
display: flex;
align-items: center;
font-size: 1.2rem;
margin-bottom: -1em;
}
.news main .wrap article .box section .time_cat ul li {
font-size: 1.2rem;
margin-bottom: 1em;
}
.news main .wrap article .box section .time_cat ul li:not(:last-of-type) {
margin-right: .6em;
}
.news main .wrap article .box section .time_cat ul li a {
display: block;
background: #626262;
font-size: 1.2rem;
color: #FFF;
text-decoration: none;
padding: .3em .8em;
}
.news main .wrap article .box section .time_cat ul li a:hover {
text-decoration:none;
opacity:0.65;
zoom:1;
}
.news main .wrap aside section:not(:last-of-type) {
margin-bottom: 40px;
}
.news main .wrap aside h3 {
position:relative;
font-size:1.4rem;
font-weight:700;
line-height:1.1;
padding-bottom:.2em;
margin-bottom:50px;
border-bottom: solid 1px #666666;
}
.news main .wrap aside h3:after {
position:absolute;
left:0;
bottom:-.35em;
height:2px;
width:100%;
display:block;
background:#666;
content:'';
}
.news main .wrap aside .update {
display:table;
width:100%;
}
.news main .wrap aside .update dl {
display:table-row;
}
.news main .wrap aside .update dl dt ,
.news main .wrap aside .update dl dd {
display:table-cell;
vertical-align:top;
border-bottom: dashed 1px #000000;
font-size:1.2rem;
padding-top:.5em;
padding-bottom:.5em;
}
.news main .wrap aside .update dl:first-child dt ,
.news main .wrap aside .update dl:first-child dd {
padding-top:0;
}
.news main .wrap aside .update dl dt {
white-space:nowrap;
padding-right:1em;
}
.news main .wrap aside ul li {
padding-bottom: .5em;
margin-bottom: .5em;
border-bottom: solid 1px #666;
font-size:1.2rem;
}
.news main .wrap aside ul li a {
display: block;
} @media screen and (max-width: 1400px) { .top header h2 {
position:fixed;
top:45px;
left:3vw;
}
.top header h2 a span {
width:125px;
}
.top header h2 a em {
font-size:1.3rem;
font-weight:700;
letter-spacing:.1em;
padding-left:1.5em;
}
.top nav ul {
padding:0 2em 0 1.5em;
}
.top nav ul li {
margin-right:.5em;
}
.top nav ul li span ,
.top nav ul li a {
padding:1em .8em;
}
.top footer {
position: fixed;
bottom:60px;
left:3vw;
} .work main .photo_slider section h3 {
height:auto;
padding:1em .9em 1em;
}
.work main .photo_slider section .box .box_in {
padding:5% 3% 0;
} .myphoto main .page_ttl {
margin-bottom:5vw;
}
.myphoto main .wrap section {
margin-bottom:8vw;
}
} @media screen and (max-width: 1000px) { .blog main .wrap {
padding:8% 5%;
}
.blog main .wrap article {
float:none;
width:100%;
margin-bottom:10vw;
}
.blog main .wrap aside {
float:none;
width:100%;
}
.blog main .wrap article .box section {
padding-bottom:4vw;
margin-bottom:4vw;
}
.blog main .wrap aside h3 {
margin-bottom: 2vw;
}
.blog main .wrap aside .update dl dt {
white-space: normal;
padding-right:1em;
width:8em;
} .news main .wrap {
padding:8% 5%;
}
.news main .wrap article {
float:none;
width:100%;
margin-bottom:10vw;
}
.news main .wrap aside {
float:none;
width:100%;
}
.news main .wrap article .box section {
padding-bottom:4vw;
margin-bottom:4vw;
}
.news main .wrap aside h3 {
margin-bottom: 2vw;
}
.news main .wrap aside .update dl dt {
white-space: normal;
padding-right:1em;
width:8em;
}
} @media screen and (max-width: 900px) { .top header h2 {
position:fixed;
top:25px;
left:3vw;
}
.top header h2 a span {
display:block;
}
.top header h2 a em {
display:block;
padding-left:0;
padding-top:1.5vw;
} .form .btn dl {
display:inline-block;
width:100%;
font-size:0;
}
.form .btn dl dt ,
.form .btn dl dd {
width:48%;
display:inline-block;
text-align:center;
}
.form .btn dl dd {
margin:0 0 0 4%;
}
.form .btn p.confirm_btn {
text-align:center;
}
.form .btn input ,
.form .btn button {
display: block;
width:100%;
}
.form .btn input[type=reset] ,
.form .btn button[type=reset] ,
.form .btn input.back ,
.form .btn button.back {
display: block;
width:100%;
}
} @media screen and (max-width: 767px) { #vegas {
position: relative;
width: 100%;
height: 100vh;
}
.top header {
display:none;
}
.top nav {
display:none;
}
.top footer {
display:none;
} .work main .photo_slider section {
position:relative;
}
.work main .photo_slider section h3 {
display:none;
}
.work main .photo_slider section .box {
position: relative;
top:inherit;
left:inherit;
width:100%;
height:100%;
overflow: inherit;
}
.work main .photo_slider section .box .box_in {
position: relative;
top:inherit;
left:inherit;
width:100%;
height:100%;
padding:10% 5% 0;
background:#FFFFFF;
opacity: 1;
transition:all 0.6s ease;
}
.work main .photo_slider section h3:hover + .box .box_in {
opacity: 1;
left: 0;
}
.work main .photo_slider section .box .box_in .comment {
position:relative;
display:block;
border-left: solid 2px #999999;
padding-left:2%;
color:#333333;
width:94%;
margin:0 auto;
margin-bottom:5vw;
}
.work div.pp_default .pp_description {
font-size: 1.3rem;
font-weight: 700;
line-height: 1.7;
margin:0 ;
float:none;
width:100%;
} .blog main .wrap {
background:#e6e7e7;
padding:10vw 4%;
}
.blog main .wrap article {
float:none;
width:100%;
margin-bottom:10vw;
}
.blog main .wrap aside {
float:none;
width:100%;
}
.blog main .wrap article .box section {
padding-bottom:5vw;
margin-bottom:5vw;
border-bottom: solid 1px #666666;
}
.blog main .wrap aside h3 {
margin-bottom:4vw;
}
.blog main .wrap aside .update {
display:block;
width:100%;
}
.blog main .wrap aside .update dl {
display:block;
}
.blog main .wrap aside .update dl dt ,
.blog main .wrap aside .update dl dd {
display:block;
border-bottom: dashed 1px #000000;
font-size:1.2rem;
padding-top:.5em;
padding-bottom:.5em;
}
.blog main .wrap aside .update dl:first-child dt ,
.blog main .wrap aside .update dl:first-child dd {
padding-top:0;
}
.blog main .wrap aside .update dl dt {
white-space: normal;
padding-right:1em;
border-bottom:none;
padding-bottom:0;
} .myphoto main .page_ttl {
margin-bottom:5vw;
}
.myphoto main .wrap {
padding:10vw 4%;
}
.myphoto main .wrap section {
margin-bottom:10vw;
}
.myphoto main .wrap section:last-child {
margin-bottom:0;
}
.myphoto main .wrap section h3 {
text-align:center;
line-height:1.1;
margin-bottom:4vw;
}
.myphoto main .wrap section h3 span {
position:relative;
display:inline-block;
font-size:2.0rem;
font-weight:700;
padding:0 10vw;
}
.myphoto main .wrap section h3 span:before ,
.myphoto main .wrap section h3 span:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 6vw;
height: 2px;
border-top: solid 1px #666666;
border-bottom: solid 1px #666666;
}
.myphoto main .wrap section ul li {
float:left;
width:48%;
margin-right:0;
margin-bottom:4vw;
background:#FFF;
}
.myphoto main .wrap section ul li:nth-child(3n) {
margin-right:0;
}
.myphoto main .wrap section ul li:nth-child(3n+1) {
clear:none;
}
.myphoto main .wrap section ul li:nth-last-child(-n+3) {
margin-bottom:4vw;
}
.myphoto main .wrap section ul li:nth-child(2n) {
float:right;
}
.myphoto main .wrap section ul li:nth-child(2n+1) {
clear:both;
}
.myphoto main .wrap section ul li:nth-last-child(-n+2) {
margin-bottom:0;
} .contact main .wrap {
padding:10vw 4%;
font-size:1.4rem;
}
.contact main .wrap .box table {
width:100%;
}
.contact main .wrap .box table th ,
.contact main .wrap .box table td {
display:block;
padding:4vw 0;
border-bottom: solid 2px #02357d;
}
.contact main .wrap .box table tr:first-child th ,
.contact main .wrap .box table tr:first-child td {
border-top:none;
}
.contact main .wrap .box table th {
padding-bottom:0;
border-bottom:none;
}
.contact main .wrap .box table td {
padding-top:2vw;
}
.form table td textarea {
height:60vw;
} .confirm main .com ,
.thanks main .com {
text-align:left;
margin-bottom:3em;
} .news main .wrap {
background:#e6e7e7;
padding:10vw 4%;
}
.news main .wrap article {
float:none;
width:100%;
margin-bottom:10vw;
}
.news main .wrap aside {
float:none;
width:100%;
}
.news main .wrap article .box section {
padding-bottom:5vw;
margin-bottom:5vw;
border-bottom: solid 1px #666666;
}
.news main .wrap article .box section .time_cat {
flex-direction: column;
align-items: stretch;
}
.news main .wrap article .box section .time_cat time {
margin-right: 0;
margin-bottom: .3em;
}
.news main .wrap article .box section .time_cat ul {
flex-wrap: wrap;
white-space: wrap;
margin-right: 0;
}
.news main .wrap aside section:not(:last-of-type) {
margin-bottom: 6vw;
}
.news main .wrap aside h3 {
margin-bottom:4vw;
}
.news main .wrap aside .update {
display:block;
width:100%;
}
.news main .wrap aside .update dl {
display:block;
}
.news main .wrap aside .update dl dt ,
.news main .wrap aside .update dl dd {
display:block;
border-bottom: dashed 1px #000000;
font-size:1.2rem;
padding-top:.5em;
padding-bottom:.5em;
}
.news main .wrap aside .update dl:first-child dt ,
.news main .wrap aside .update dl:first-child dd {
padding-top:0;
}
.news main .wrap aside .update dl dt {
white-space: normal;
padding-right:1em;
border-bottom:none;
padding-bottom:0;
}
}