@charset "UTF-8";
/*
Theme Name:   MOMOWORK
Author:       Momoko Arakawa
Author URI:   https://momowork.com
Description:  MOMOWORKのWordPressテーマです。
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  MOMOWORK-theme
Tags:         photography, blog

*/

/*---------------------------------------------------------------------------------
　Reset CSS
----------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
}
body {
    font-family: 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    color: #333;
    background: #fff;
    font-size: 1rem;
    line-height: 1.6;
}
input,
textarea {
    font-size: 1rem;
    font-family: 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
}
::selection {
    color: #FFF;
    background-color: #00afcc;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}
blockquote {
    font-size: 1em;
    line-height: 1.5em;
    padding: 1em 1.5em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #eee, #eee 5px, #fff 5px, #fff 10px);
    background: repeating-linear-gradient(-45deg, #eee, #eee 5px, #fff 5px, #fff 10px);
    color: #4f274f;
}
/*---------------------------------------------------------------------------------
　Setup
----------------------------------------------------------------------------------- */
/* img */
img{max-width:100%;height:auto;}
a:hover img{opacity:.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";-moz-opacity:.6;-khtml-opacity:.6;}

/* link */
a{text-decoration:none;color:inherit;font-weight:700;color:#00afcc;}
a:hover{color:#999;}

/* font size */
h1,h2,h3,h4,h5,h6{clear:both;}
h1{font-size:2.5rem;}
h2{font-size:2rem;}
h3{font-size:1.5rem;}
p,li{font-size:1rem;}
li,ol,p,td,th,tr,ul{color:#333;font-size:1em;line-height:2em;}

/* font_color */
.red,.red_b{color:#e70012;}
.red_b{font-weight:700;}
.blue,.blue_b{color:#69c;}
.blue_b{font-weight:700;}
.green{color:#696;}
.green_b{color:#696;font-weight:700;}

/* table */
table{max-width:100%;margin:20px 0;}
td,th{padding:3px 5px;}
.t_w_15{width:15%;}
.t_w_20{width:20%;}
.t_w_25{width:25%;}
.t_w_30{width:30%;}
.t_w_35{width:35%;}
.list_table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #ccc;}
.list_table th.t_top{border-top:#b3b3b3 4px solid;}
.list_table td.t_top{border-top:#00afcc 4px solid;}
.list_table td,.list_table th{border:1px solid #ccc;vertical-align:top;}
.list_table th{background-color:#f7f7f7;text-align:center;}
.list_table td{text-align:left;}
.list_table table ul li{font-size:12px;margin-bottom:3px;}
.list_table .td_r{text-align:right;}
.list_table_02{width:100%;margin:15px 0;background-color:#fff;}

/* li */
.list_li a {
  display: block;
  padding: 5px 10px;
  background-color: transparent;
  transition: background-color 0.3s ease;
}
.list_li a:hover {
  background-color: #f0f0f0;
}
/* フォーム */
input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],textarea{width:100%;margin:5px 0;padding:.5em;border:solid 2px #e1e3e8;border-radius:5px;background-color:#eee}
/* フォーカス時のスタイル */
input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{border-color:#56a9ff;outline:0;background-color:#fff}
.post-password-form{max-width:300px;margin:0 auto;padding:0}
.post-password-form input[type=submit]{background:#5bbee5;background:linear-gradient(to right,#5bbee5,#52ddae);border-radius:5px}

.wpcf7-submit {
    background-color: #00afcc;
    color: white;
    border: none;
    padding: 14px 20px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 80%;
    display: block;            /* ブロック要素に */
    box-sizing: border-box;    /* パディング込みで幅を計算 */
    margin: 10px auto;
}

.wpcf7-submit:hover {
    background-color: #2980b9;
}

/*---------------------------------------------------------------------------------
　Hamburger Navigation
----------------------------------------------------------------------------------- */
.hamburger-overlay{position:fixed;top:20px;right:20px;z-index:1000;width:48px;height:48px;border:none;background:transparent;cursor:pointer;}
.hamburger-overlay__line{position:absolute;left:11px;width:26px;height:2px;background-color:#eee;transition:all .6s;}
.hamburger-overlay__line:nth-of-type(1){top:14px}
.hamburger-overlay__line:nth-of-type(2){top:23px;}
.hamburger-overlay__line:nth-of-type(3){top:32px}
.hamburger-overlay.active .hamburger-overlay__line{background-color:#fff;}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(1){transform:translateY(9px) rotate(-45deg);}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(2){opacity:0;}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(3){transform:translateY(-9px) rotate(45deg);}
.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.95);visibility:hidden;opacity:0;transition:all .6s;z-index:900;}
.nav-overlay.active{visibility:visible;opacity:1;}
.nav-overlay__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;}
.nav-overlay__list{margin:0;padding:0;list-style:none;}
.nav-overlay__item{opacity:0;transform:translateY(20px);transition:all .6s;}
.nav-overlay.active .nav-overlay__item{opacity:1;transform:translateY(0);}
.nav-overlay.active .nav-overlay__item:nth-child(1){transition-delay:0.1s;}
.nav-overlay.active .nav-overlay__item:nth-child(2){transition-delay:0.2s;}
.nav-overlay.active .nav-overlay__item:nth-child(3){transition-delay:0.3s;}
.nav-overlay.active .nav-overlay__item:nth-child(4){transition-delay:0.4s;}
.nav-overlay__link{display:inline-block;padding:20px;color:#fff !important;font-size:24px;text-decoration:none;transition:color .3s;}
.nav-overlay__link:hover{color:#00afcc !important;}
/*---------------------------------------------------------------------------------
　Main
----------------------------------------------------------------------------------- */
#main {
  width: 100%;
  padding: 0;
  margin: 0;
}

/*---------------------------------------------------------------------------------
　Window
----------------------------------------------------------------------------------- */
#window {
    margin: 0;
    padding: 0;
    background-color: #00afcc;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
#window .logo {max-width: 30%;height: auto;}
@media screen and (max-width: 1024px) {
    #window .logo {max-width: 300px;}
}
/*---------------------------------------------------------------------------------
　Main_site_header
----------------------------------------------------------------------------------- */
#main_site_header{width:100%;margin:0;padding:0;background-color:#FFF;display:flex;align-items:center;justify-content:center;}
#main_site_header h1{text-align:center;font-size:1rem;color:#fff;}
#main_site_header a{color:#fff;}
/*---------------------------------------------------------------------------------
　Contents
----------------------------------------------------------------------------------- */
#contents,#aside {
    width: 800px;
    margin: 20px auto;
}
#aside {
    text-align: center;
}
@media screen and (max-width: 1024px) {
    #contents,#aside {width: 80%;}
}
/*---------------------------------------------------------------------------------
　Search
----------------------------------------------------------------------------------- */
.main_search{
    margin: 0;
    padding: 0;}
.searchform{max-width:90%;margin:2em auto;display:flex;justify-content:center;position:relative;}
.searchfield{box-sizing:border-box;width:100%;padding:.75em;border:1px solid #bbb;border-radius:4px;background-color:#efefef;font-size:1.2rem;}
.searchsubmit{position:absolute;top:50%;right:.75em;display:block;padding:0;cursor:pointer;transform:translateY(-50%);color:#000;border:none;background:transparent;}
.searchsubmit:hover{opacity:.6}

/*---------------------------------------------------------------------------------
　Article
----------------------------------------------------------------------------------- */
.entry_content {
    margin: 20px 0;
}
.entry_header {}
.entry_title {}
.entry_body {
    margin: 20px 0;
}
.entry_body a:visited{color:#666;}

.entry_footer {
  border-top: 1px dotted #ccc;
  padding-top: 10px;
}

.entry_content h1, .entry_content h2 {
    font-weight: bold;
    position: relative;
    padding: 1.5rem 1rem;
}
.entry_content h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    background-image: -webkit-repeating-linear-gradient(135deg, #00afcc, #00afcc 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #00afcc, #00afcc 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.entry_content h3 {
    font-weight: bold;
    margin: 10px 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 65px;
}
.entry_content h3::before,
.entry_content h3::after {
    content: "";
    flex: 1;
    height: 6px;
    border-top: solid 2px #00afcc;
    border-bottom: solid 2px #00afcc;
}
.entry_content h3::before {
    margin-right: 20px;
}
.entry_content h3::after {
    margin-left: 20px;
}
.entry_date {text-align: right;
  font-size: 0.9em;
  color: #999;
  margin: 10px  0;}
.entry_content h4 {
    margin: 10px 0;
    font-weight: bold;
}

.entry_sns {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
.entry_sns li {
    height: auto;
    width: 80px;
    margin: 0px 5px;
    display: inline;
}
/*---------------------------------------------------------------------------------
　Footer
----------------------------------------------------------------------------------- */
#footer {
    clear: both;
    max-width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
}
.footer_logo {
    margin: 0 auto;
    padding: 30px;
}
.footer_logo img {
    width: 150px;
    height: auto;
}
.footer_copy {
    color: #999;
    text-decoration: none;
    padding: 10px 0;
}
.footer_copy small {
    font-size: 0.75rem;
    /* 12px */
}