/*
Template:mysticblue
Theme Name:mysticblue-child
*/
.share_on{display:none;}
.top_left_culumn{background-color:#fff; border-radius:15px;}
.page-header-imagee{height: 250px;background-position: center center;}
.grayscale{-webkit-filter: grayscale(0%);filter:none;}
#breadcrumb {margin-top: -70px;border-bottom: none;}
#breadcrumb {margin-bottom: 25px;}
.home #logo-small, .archive #logo-small, .page #logo-small, .single #logo-small{padding-left:20px;}
#contact_information p{line-height: 17px;}
#header_contentwidth{background-color: rgba(219,219,219,.0);padding:50px 0 0;}
.page .content hr, .single .content hr {
    border-top-color: #fff;
    border-top-style: dotted;
    border-top-width: 1.5px;
    border-right-color: initial;
    background: 0 0;
    border-bottom: 0;
    height: 1px;
    margin: 30px 0;
    clear: both;
}
.entry h2 {
    border-left: 1px solid #F2A360;
    padding-left: 20px;
    color: #555;
}
.flex-control-nav{display:none;}

@media only screen and (min-width: 1101px){
.flexslider {
    margin-top: 80px !important;
}

}

@media only screen and (min-width:1100px) {
.full-width #nav-topbar.nav-container{z-index:999;display:inline-block}
.full-width.admin-bar #nav-topbar.nav-container{top:32px}
}

@media only screen and (min-width:1100px) {
#smartphone-widgets,.sub-menu .menu_description{display:none}
.nav-wrap{right:50px;top:0}
.widget ul>li{position:relative}
.widget_categories ul>li:after,.widget_nav_menu ul>li:after,ul.nav>li:after{content:'';position:absolute;width:0;height:3px;left:0;bottom:0;transition:all .3s ease-in-out}
.sidebar .widget_nav_menu ul>li:after {
	height:1px;}

.widget_categories ul>li:after,.widget_nav_menu ul>li:after,ul.nav>li:after,ul.sub-menu{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.widget ul>li:hover:after,ul.nav>li:hover:after{width:100%}
ul.nav>li.menu-item-has-children:before{content:'\f107';top:30px;right:5px;font-family:FontAwesome;position:absolute}
#footer ul.nav>li.menu-item-has-children:before{color:#fff;top:10px}
ul.nav ul li.menu-item-has-children:before{content:'\f105';top:10px;right:15px;font-family:FontAwesome;position:absolute}
.nav,.nav>li{position:relative}
ul.nav>li.current-menu-item:after{bottom:0;width:100%;opacity:.5}
#nav-header .nav ul{background-color:rgba(255,255,255,.98)}
#nav-header .nav ul li:hover,#nav-topbar .nav ul li:hover{background-color:rgba(255,255,255,.1)}
#nav-topbar li a{color:#464646!important}
#footer .nav-wrap{border-bottom:rgba(255,255,255,.2) 1px solid;width:100%;text-align:center}
#footer-top-widgets{margin:20px auto}
.menu_description{float:left;font-size:10px;text-align:left;height:20px}
.nav{font-size:0}
.nav li a{display:block;line-height:20px}
.nav>li{font-size:12px;display:inline-block;margin-right:2px}
.nav>li>a{padding:30px 23px}
.nav>li>a:hover{background-color:rgba(255,255,255,1)}
.nav li:hover>ul{display:block}
.nav ul{display:none;position:absolute;left:0;top:50px;width:250px;padding:10px 0;z-index:2;-webkit-transform:translateZ(0);-webkit-box-shadow:0 2px 2px rgba(0,0,0,.15);box-shadow:0 2px 2px rgba(0,0,0,.15)}
.nav ul li{font-size:14px;position:relative;display:block;padding:0;border-bottom:rgba(207,207,207,.6) 1px solid}
.nav ul li a{padding:10px 30px 10px 20px;font-size:12px}
.nav ul li:last-child{border-bottom:none!important}
.nav ul ul{position:absolute;top:-10px;left:250px}
ul.sub-menu{transition:all .3s ease-in-out;background-color:#fff}
#nav-topbar .menu_description{display:none}
#nav-header ul ul li a{color:#4B4B4B}
}
@media only screen and (min-width:1100px) {
.mt-postlist{width:50%;height:auto;margin-bottom:10px;float:left}
#header{padding:0}
.s2{width:50px}
.s2 .sidebar-content{display:none;float:left;width:100%}
.s2 .sidebar-toggle{display:block}
.s2-expand .s2{background:#FCFCFC;position:absolute;top:0;bottom:0;width:260px;margin:0!important;z-index:9;overflow:auto;-moz-transition:width .2s ease;-webkit-transition:width .2s ease;transition:width .2s ease}
.s2-expand .s2 .sidebar-content{display:block;min-width:260px}
.s2-collapse .s2 .sidebar-content{display:none}
.col-3cl.s2-expand .s2 .icon-sidebar-toggle:before,.col-3cm.s2-expand .s2 .icon-sidebar-toggle:before{content:"\f101"}
.col-3cr.s2-expand .s2 .icon-sidebar-toggle:before{content:"\f100"}
.col-3cm .main-inner{padding-right:50px}
.col-3cm .s2{margin-right:-50px}
.col-3cm.s2-expand .s2{right:0}
.safari .s2{min-width:50px;max-width:50px;width:auto}
.safari.s2-expand .s2{min-width:260px;max-width:260px;width:auto}
.col-2cl.s1-expand .s1,.col-3cl.s1-expand .s1,.col-3cm.s2-expand .s2{right:0}
.col-2cr.s1-expand .s1,.col-3cm.s1-expand .s1,.col-3cr.s1-expand .s1{left:0}
.s1{width:50px}
.s1 .sidebar-content{display:none;float:left;width:100%}
.s1 .sidebar-toggle{display:none;}
.s1-expand .s1{background:#f0f0f0;position:absolute;top:0;bottom:0;width:340px;margin:0!important;z-index:9;overflow:auto;-moz-transition:width .2s ease;-webkit-transition:width .2s ease;transition:width .2s ease}
.col-2cr .s1,.col-3cm .s1{margin-left:-50px}
.col-2cl .s1,.col-3cm .s2{margin-right:-50px}
.col-2cr .main-inner,.col-3cm .main-inner{background-position:-290px 0!important;padding-left:50px}
.col-3cl .main,.col-3cr .main{background-image:none}
.s1-expand .s1 .post-nav,.s1-expand .s1 .sidebar-content{display:block;min-width:340px}
.s1-collapse .s1 .sidebar .post-nav,.s1-collapse .s1 .sidebar-content{display:none}
.col-2cl.s1-expand .s1 .icon-sidebar-toggle:before,.col-3cl.s1-expand .s1 .icon-sidebar-toggle:before{content:"\f101"}
.col-2cr.s1-expand .s1 .icon-sidebar-toggle:before,.col-3cm.s1-expand .s1 .icon-sidebar-toggle:before,.col-3cr.s1-expand .s1 .icon-sidebar-toggle:before{content:"\f100"}
.col-2cl .main-inner{padding-right:50px}
.col-2cl.s1-expand .sidebar-toggle{float:right}
.col-3cl .main-inner{padding-right:100px}
.col-3cl .s1{margin-right:-100px}
.col-3cl .s2{margin-right:-50px}
.col-3cl.s2-expand .s2{right:50px}
.col-3cr .main-inner{padding-left:100px}
.col-3cr .s1{margin-left:-100px}
.col-3cr .s2{margin-left:-50px}
.col-3cr.s2-expand .s2{left:50px}
.safari .s1{min-width:50px;max-width:50px;width:auto}
.safari.s1-expand .s1{min-width:340px;max-width:340px;width:auto}
.flexslider{height:500px}
}

.boxed header{width:1100px}
@media only screen and (max-width: 1100px) {
    .archive #logo-small, .page #logo-small, .single #logo-small {padding-left:0;}
    
    .image-container{display:none}
    
    .page #logo-small,.single #logo-small,.archive #logo-small{top:0}
    #header_contentwidth{padding:20px 0}
    .widget_mt_posts h3,.widget_alx_tabs{margin-bottom:5px}
    .widget_mt_posts h4{margin-bottom:15px}
    .home header{position:absolute;top:0!important}
    #header{height:70px}
    #footer-top-widgets{padding:0 20px}
    #footer .pad{padding:20px}
    .site-title{padding:0;width:100%;float:none}
    .site-title a{text-align:center}
    .site-title{font-size:32px}
    .site-title a{max-width:300px;margin:0 auto}
    .toggle-search{right:10px;top:12px;-webkit-box-shadow:1px 0 0 rgba(255,255,255,0.1);box-shadow:1px 0 0 rgba(255,255,255,0.1)}
    .flex-direction-nav a{width:40px;height:40px}
    .flex-direction-nav a:before{font-size:20px;line-height:20px;top:11px}
    #footer .widget{margin-top:0;padding-bottom:0}
    #footer .widget select{background-color:#fff;color:#434343}
    .flex-control-nav .flex-control-paging,.btn-next{display:none}
    .pagination{margin-bottom:0}
    #header_contentwidth{margin:0 auto}
    #header{text-align:center;width:100%!important;position:absolute;box-shadow:none}
    .page-widget{padding:10px 0}
    .feature_meta{display:none}
    
    #header{padding-bottom:0}
    .topbar-enabled #header{padding-top:0;text-align:center}
    #header .pad{padding-top:0;padding-bottom:0}
    #logo-small{margin-top:0}
    .nav-toggle span{background-color:#929292}
    #footer .nav-toggle span{background-color:#fff}
    .menu_description{font-size:11px}
    }
    @media only screen and (max-width: 1100px) {
        #logo-small{text-align:center;float:none;max-width:200px;position:relative;display:inline-block;margin-top:0px;padding-left:0}
        #nav-header{float:none}
    .nav > li{width:100%;background-color:#fff}
        .nav-wrap{position:relative;float:left;width:100%;height:0;overflow:hidden}
    .nav-wrap.transition{-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}
    #nav-topbar .container{padding-left:0;margin-top:67px}
    #nav-topbar .nav li a{color:#5F5F5F;border-top:1px solid rgba(255,255,255,0.8)}
    #nav-topbar .nav li > a:hover{color:#5F5F5F}
    #nav-topbar .nav li.current_page_item > a,#nav-topbar .nav li.current-menu-item > a,#nav-topbar .nav li.current-post-parent > a{color:#E5E5E5}
    .nav-container{text-transform:none}
    .nav-toggle{display:block;position:absolute}
        #footer .nav-wrap {padding-top:70px;}
        #nav-footer .nav-toggle{background:transparent;color:#fff;border-left:1px solid rgba(255,255,255,0.30);padding-top:10px}
    *{font-family:Helvetica;-webkit-appearance:none}
    .nav-container{text-transform:none}
    .nav-toggle,.nav-text{display:block}
    .nav-toggle div{margin:10px 10px 5px;width:30px;height:30px;position:relative}
    .nav-toggle span{display:block;position:absolute;width:22px;height:3px;content:" ";left:4px;border-radius:2px}
    .nav-toggle span:nth-child(1){top:8px}
    .nav-toggle span:nth-child(2){top:13px}
    .nav-toggle span:nth-child(3){top:18px}
    body{overflow-x:hidden!important}
    .page .content,.single .content,.archive .content{margin-top:76px}
    #footer{margin-top:0}
    #owl_wrapper{margin:0}
    .content .pad{padding:0}
    .page-widget{margin-bottom:0}
    .excerpt,#header_social_links{display:none}
    .expand .nav-wrap{height:auto}
    .safari .nav-wrap.transition{-webkit-transition:none;transition:none}
    .nav{float:left;width:100%}
    .nav li a{line-height:20px;display:block;padding:8px 20px;border-bottom:#DBDBDB 1px dotted}
    .nav li li a{padding-left:45px;padding-right:15px;border-bottom:#DBDBDB 1px dotted}
    .nav li{position:relative}
    .nav li > a:after{content:'\f107';opacity:.5;margin-left:6px;position:absolute;right:10px;top:10px}
    .nav > li > a:after{content:'\f107';font-size:14px;position:absolute;right:10px;top:10px}
    .nav li > a:only-child:after{content:''}
    .nav > li{font-size:14px;text-align:left}
    .nav ul{display:block!important;opacity:1!important}
    .nav ul li{font-size:13px;font-weight:300}
    #breadcrumb{display:none}
    #smartphone-widgets{padding:10px;text-align:center;position:relative;margin-top:10px}
    .post-thumb-category{display:none}
    .s1 .alx-posts .post-item-title{position:relative;top:0;left:0;padding:10px;text-align:center;margin:0;width:100%;display:inline-block}
    .alx-posts .post-item-date{margin-top:10px}
    #nav-header .container{padding:0}
    #nav-header .nav{padding-bottom:20px}
    #nav-header .nav li a{border-top:1px solid rgba(255,255,255,0.06)}
    #nav-topbar .nav li.current-menu-item > a,#nav-topbar .nav li.current-post-parent > a{color:#fff}
    
    #nav-topbar .nav li.current_page_item > a {
        color:rgba(74,74,74,1.00);	
    }
    #nav-footer .nav li a{color:#fff}
    #nav-footer .nav li > a:hover{color:#fff}
    #nav-footer .nav li.current_page_item > a,#nav-footer .nav li.current-menu-item > a,#nav-footer .nav li.current-post-parent > a{color:#676767}
    .content .post-nav li.previous{border-bottom:1px solid #eee}
    #page-top{display:none!important}
    #nav-footer .menu_title{color:#2D2D2D}
    .mt-postlist_group{width:100%;padding:10px;box-sizing:border-box}
    .mt-postlist{width:100%;height:auto;margin-bottom:10px}
    .mt-postlist-small{display:none}
    .post_format_icon{display:none}
    #header{padding:0}
    .page #header,.single #header,.archive #header{padding:0}
    .pagination span,.pagination a,.post-pages a,.pagination .current{padding:10px 15px}
    .container{padding:0}
    .grid{width:100%;margin:0 0 10px}
    .page-title.pad{padding-top:12px;padding-bottom:12px}
    .sidebar-toggle{height:50px}
    .sidebar-toggle i{padding:5px 0}
    .feature_meta{width:100%;box-sizing:border-box}
    .site-description,.image-caption,.feature_meta,.owl-buttons,.page-header-imagee{display:none}
    .notebox{margin-bottom:20px}
    .entry{font-size:15px}
    .nav-text{padding:10px 0}
    .search-expand{right:0;top:57px}
    #footer-bottom .pad{padding-top:50px;padding-bottom:40px}
    #footer-bottom .one-half.last{margin-bottom:0}
    #footer-bottom{text-align:center}
    #footer-bottom #footer-logo{margin-left:auto;margin-right:auto}
    #footer-bottom .social-links{float:none}
    #footer-bottom .social-links li{margin-left:4px;margin-right:4px}
    .comment-tabs{font-size:14px}
    .commentlist li{font-size:13px}
    .commentlist li ul li{padding-left:10px}
    #page{margin-top:0;padding-bottom:10px}
    .pagination{margin-bottom:0}
    .page-title{font-size:14px}
    .page-image-text{margin-top:-15px}
    .page-image-text .caption{font-size:26px;line-height:30px}
    .page-image-text .description{font-size:13px}
    .post-list{margin-left:0;margin-right:0}
    .post-list .post,.post-list .page,.post-list-3c .post{width:100%}
    .post-list .post-row,.post-list-3c .post-row{margin-left:0;padding-left:0;margin-bottom:0;border:0}
    .post-list .post-inner,.post-list-3c .post-inner{margin-right:0;border-bottom:#eee 1px solid;margin-bottom:10px}
    .post-standard .post-inner{padding-left:120px}
    .post-standard .post-thumbnail{margin-left:-120px;max-width:100px}
    .post-inner .post-thumbnail{width:80px;float:left;margin-right:10px}
    .post-meta{margin-bottom:0}
    .entry h2,.entry h3,.entry h4,.entry h5,.entry h6{font-size:22px}
    .featured .post-title,.single .post-title{font-size:22px;line-height:1.5em;margin-top:10px}
    .post-byline{font-size:13px}
    .post-format{margin-bottom:20px}
    .format-gallery .post-format .flexslider .slides img{max-height:240px}
    .format-quote .post-format blockquote,.format-link .post-format p{font-size:18px}
    .single .format-status .entry{font-size:20px;line-height:1.4em}
    .post-format .format-container .fa{font-size:28px}
    .entry.share{padding-right:0}
    .sharrre-container{position:relative;float:left;width:auto;padding:0;margin:20px 0 0}
    .sharrre-container span{text-align:left}
    .sharrre-container > div{float:left;margin-right:10px}
    .author-bio .bio-desc{font-size:13px}
    .content .post-nav li{width:100%;-webkit-box-shadow:none!important;box-shadow:none!important}
    .content .post-nav li a{min-height:0}
    .single .related-posts .post-title{font-size:15px}
    .related-posts li{width:50%}
    .related-posts li:nth-child(2) article{border-right-color:transparent}
    .related-posts li:nth-child(3),.related-posts li:nth-child(4){display:none}
    .dropcap{font-size:80px}
    .content,.sidebar{width:100%;float:none;margin-right:0!important;margin-left:0!important}
    .sidebar{background:#f0f0f0;width:100%;display:block;float:none}
    .main,.main-inner{background-image:none!important;padding:0!important}
    .s2{right:0!important;left:0!important}
    .flexslider{position:relative;zoom:1}
    .content .pad{padding:10px}
    #footer-top-widgets{padding:0 20px;margin-top:10px}
    .mobile-sidebar-hide-s1 .s1,.mobile-sidebar-hide-s2 .s2,.mobile-sidebar-hide .sidebar{display:none}
    .sidebar-top,.sidebar .widget{padding-left:15px!important;padding-right:15px!important;text-align:center}
    .notebox{margin-bottom:15px}
    .gallery-caption{display:none}
    .post-standard .post-inner{padding-left:82px}
    .post-standard .post-thumbnail{margin-left:-82px;max-width:72px}
    .format-link .post-format p{margin-bottom:5px}
    #container{width:100%!important}
    article.grid-3c{box-sizing:border-box;width:100%;border-top:none;border-left:none;border-right:none;margin-bottom:5px}
    article.grid-3c .post_description{padding:0}
    .box{width:100%}
    .post-inner .post_description{padding-top:0}
    .border-double{display:none}
    .post_description{padding:0}
    }
    @media screen and (max-width: 1100px) {
    .iframe-content{position:relative;width:100%;padding:75% 0 0}
    .iframe-content iframe{position:absolute;top:0;left:0;width:100%;height:100%}
    .widget_mt_posts h3,.widget_alx_tabs,.widget_freeareaitem h3{font-size:24px}
    .widget{margin-top:0}
		.nav-toggle{height:50px;width:50px;}
    }
}
@media only screen and (min-width: 1101px){
.page-header-imagee {
    margin-top: 80px;
	}}

/* template02 */
.form__wrap {
  width: 100%;
  max-width: 900px;/*フォームの最大幅*/
  margin-right: auto;
  margin-left: auto;
}
.wpcf7 .template02 {
  color: #666;
  font-size: 16px;
}
.wpcf7 .template02 a {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  color: inherit;
  transition: opacity .25s;
}
.wpcf7 .template02 a:hover {
  opacity: .5;
  transition: opacity .25s;
}
.wpcf7 .template02 div.form__row {
  display: flex;
  margin: 0;
  padding: 0;
  border-top: 1px solid #efe8e5;
}
.wpcf7 .template02 div.form__row.row-privacy,
.wpcf7 .template02 div.form__row.row-submit {
  display: block;
  border-top: 0;
  margin-top: 1em;
  text-align: center;
}
.wpcf7 .template02 p.form__label,
.wpcf7 .template02 p.form__body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label {
  width: 36%;
  padding: 1.5em 1em;
}
.wpcf7 .template02 p.form__body {
  width: 64%;
  padding: 1.5em 1em;
}
.wpcf7 .template02 div.form__row.row-privacy .form__body,
.wpcf7 .template02 div.form__row.row-submit .form__body {
  width: 100%;
}
.wpcf7 .template02 p.form__label label {
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 44px; 
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label label::after {
  content: "任意";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  margin: 0;
  padding: 0 5px;
  border-radius: 2px;
  background-color: #f1f1f1;
  color: #929292;
  font-size: 11px;
  text-align: center;
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label.is-required label {
  position: relative;
}
.wpcf7 .template02 p.form__label.is-required label::after {
  content: "必須";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  padding: 0 5px;
  background-color: #fa8072;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
/* テキストフィールド */
.wpcf7 .template02 input[type=text],
.wpcf7 .template02 input[type=tel],
.wpcf7 .template02 input[type=email],
.wpcf7 .template02 textarea {
  width: 100%;
  margin: 0;
  padding: .5em 1em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fefefe;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* テキストフィールド placeholder */
.wpcf7 .template01 input[type=text]::placeholder,
.wpcf7 .template01 input[type=tel]::placeholder,
.wpcf7 .template01 input[type=email]::placeholder,
.wpcf7 .template01 input[type=url]::placeholder,
.wpcf7 .template01 input[type=date]::placeholder,
.wpcf7 .template01 input[type=number]::placeholder,
.wpcf7 .template01 textarea::placeholder {
  color: #ccc;
}
.wpcf7 .template01 input[type=text]:-ms-input-placeholder,
.wpcf7 .template01 input[type=tel]:-ms-input-placeholder,
.wpcf7 .template01 input[type=email]:-ms-input-placeholder,
.wpcf7 .template01 input[type=url]:-ms-input-placeholder,
.wpcf7 .template01 input[type=date]:-ms-input-placeholder,
.wpcf7 .template01 input[type=number]:-ms-input-placeholder,
.wpcf7 .template01 textarea:-ms-input-placeholder {
  color: #ccc;
}
.wpcf7 .template01 input[type=text]::-ms-input-placeholder,
.wpcf7 .template01 input[type=tel]::-ms-input-placeholder,
.wpcf7 .template01 input[type=email]::-ms-input-placeholder,
.wpcf7 .template01 input[type=url]::-ms-input-placeholder,
.wpcf7 .template01 input[type=date]::-ms-input-placeholder,
.wpcf7 .template01 input[type=number]::-ms-input-placeholder,
.wpcf7 .template01 textarea::-ms-input-placeholder {
  color: #ccc;
}
/* テキストフィールド フォーカス時 */
.wpcf7 .template01 input[type=text]:focus,
.wpcf7 .template01 input[type=tel]:focus,
.wpcf7 .template01 input[type=email]:focus,
.wpcf7 .template01 input[type=url]:focus,
.wpcf7 .template01 input[type=date]:focus,
.wpcf7 .template01 input[type=number]:focus,
.wpcf7 .template01 textarea:focus {
  outline: 0;
  border: 1px #fa8072 solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
/* チェックボックス */
.wpcf7 .template02 input[type=checkbox] {
  display: none;
}
.wpcf7 .template02 input[type=checkbox] + span {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 1em 0 1.8em;
  font-size: inherit;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.24em;
  height: 1.24em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  background-color: #fefefe;
  box-sizing: border-box;
}
.wpcf7 .template02 input[type=checkbox] + span::after {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  top: 0.15em;
  left: 0.44em;
  width: 0.4em;
  height: .8em;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  box-sizing: border-box;
  transform: rotate(40deg);
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span {
  color: #6c5d2f;
  transition: all .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::before {
  opacity: 1;
  border: 1px solid #6c5d2f;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
  background-color: #6c5d2f;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::after {
  opacity: 1;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: opacity .25s ease;
}
/* ラジオボタン */
.wpcf7 .template02 input[type=radio] {
  display: none;
}
.wpcf7 .template02 input[type=radio] + span {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 1em 0 1.8em;
  font-size: inherit;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #c4bbb8;
  border-radius: 50%;
  background-color: #fefefe;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio]:checked + span {
  color: #fa8072;
}
.wpcf7 .template02 input[type=radio]:checked + span::before {
  box-shadow: 0 0 2px 2px rgba(255, 112, 92, 0.5);
}
.wpcf7 .template02 input[type=radio]:checked + span::after {
  opacity: 1;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: #fa8072;
  border-radius: 50%;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
/* セレクト */
.wpcf7 .template02 span.select-wrap {
  position: relative;
  width: 250px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wpcf7 .template02 select {
  cursor: pointer;
  width: 250px;
  max-width: 100%;
  margin: 0;
  padding: .5em 3.5em .5em 1em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fefefe;
  background-image: linear-gradient(90deg, #d4cbb2, #d4cbb2);
  background-position: 100% 0;
  background-size: 2em 3.5em;
  background-repeat: no-repeat;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  box-sizing: border-box;
  transition: border-color 0.2s ease, outline 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpcf7 .template02 select::-ms-expand {
  display: none;
}
.wpcf7 .template02 span.select-wrap::after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  width: .6em;
  height: .6em;
  top: 50%;
  right: .8em;
  margin-top: -3px;
  border-bottom: 1px solid #6c5d2f;
  border-right: 1px solid #6c5d2f;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
  box-sizing: border-box;
}
.wpcf7 .template02 select:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 .template02 span.select-wrap:focus-within::after {
  border-bottom: 1px solid #6c5d2f;
  border-right: 1px solid #6c5d2f;
}
/* 送信ボタン */
.wpcf7 .template02 .submit-btn {
  position: relative;
  width: 320px;
  height: 65px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.wpcf7 .template02 input[type="submit"] {
  cursor: pointer;
  width: 320px;
  max-width: 100%;
  padding: 18px;
  box-shadow: none;
  border: 1px #fa8072 solid;
  border-radius: 8px;
  background-color: #fa8072;
  color: #fff;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
  transition: all .25s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpcf7 .template02 input[type="submit"]:disabled {
  cursor: not-allowed;
  box-shadow: none!important;
  border: 1px solid #f8f8f8!important;
  background-color: #f8f8f8!important;
  color: #929292!important;
}
.wpcf7 .template02 input[type="submit"]:hover {
  box-shadow: 0 0 2px 2px rgba(255, 112, 92, 0.5);
  background-color: #fff;
  color: #fa8072;
  transition: all .25s;
}
.wpcf7 .template02 input[type="submit"]:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 label{
    width: 100%;	
}
@media only screen and (max-width: 768px) {
  .wpcf7 .template02 div.form__row {
    display: block;
  }
  .wpcf7 .template02 p.form__label {
    width: 100%;
    padding: 1.5em 1em 0;
  }
  .wpcf7 .template02 p.form__body {
    width: 100%;
    padding: 1em 1em 1.5em;
  }
}

/* header background の画像 */
/*ごあいさつ*/
.page-id-25 #wrapper #page #head_space .page-header-imagee{
background-image: url(http://hayong.sakura.ne.jp/hiesho/wp-content/uploads/2020/08/head-img-01.jpg);
}
/*冷え症とは*/
.page-id-28 #wrapper #page #head_space .page-header-imagee{
background-image: url(http://hayong.sakura.ne.jp/hiesho/wp-content/uploads/2020/08/head-img-02.jpg);
}
/*冷え症に関する研究*/
.page-id-123 #wrapper #page #head_space .page-header-imagee{
background-image: url(http://hayong.sakura.ne.jp/hiesho/wp-content/uploads/2020/08/head-img-06.jpg);
}
/*研究成果物*/
.page-id-135 #wrapper #page #head_space .page-header-imagee{
background-image: url(http://hayong.sakura.ne.jp/hiesho/wp-content/uploads/2020/08/head-img-08.jpg);
}
/*お問い合わせ */
.page-id-72 #wrapper #page #head_space .page-header-imagee{
background-image: url(http://hayong.sakura.ne.jp/hiesho/wp-content/uploads/2020/08/head_img_05.jpg);
}

figcaption{
	font-size:16px;
}
.contact-img figure img{
	display: block;
   margin:auto;
}

@media only screen and (min-width: 415px) and (max-width: 1100px) {
header #header-inner #nav-topbar {
   width: 100%!important;
}
}

/* スマホ版 　start 0px~414px*/
@media only screen and (max-width: 414px){
	html, body{
		overflow: hidden;
		overflow-y:scroll;
	}
	
	#freeareaitem-3 p{
		font-size: 3.5vw!important;
		margin-left: .2em;
		margin-right: .2em;
	}
	
	#freeareaitem-3 h2{
		margin: .5em;
	}
	
	#freeareaitem-3 hr{
		margin: .5em;		
		width: 95%;
	}
	
	#freeareaitem-3 li time{
		font-size: 12px!important;
		line-height: 15px;
	}
	
	.wp-block-latest-posts.wp-block-latest-posts__list li{
	display:block;
	overflow: hidden;
		text-align: left;
  width: 95%;
	}
	
	.wp-block-latest-posts.wp-block-latest-posts__list a{
	color:#f88741;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	 width: 95%;
		margin:1em 1em 0;		
		line-height: 15px;
}
		.wp-block-latest-posts.wp-block-latest-posts__list time{
		width: 95%;
		margin: 0 1em 1em;		
}

	.top_bottom_space{
		height:40px!important;
	}
	
	.first_button{
		margin-top: 10vw;
	}
	
	.free_space {
    margin-bottom: 30px;
	}
	
	#paginate,#smartphone-widgets{
		display:none;
	}
	.home #smartphone-widgets{
		display:block;
	}
	
	.home #contents-next{
			display:none;
	}
	.post-template-default p{
		font-size: 14px!important;
		margin:5px;
	}
	#respond #submit{
		background-color:#fe9e64;
	}
	
	.post-meta-group{
		margin-bottom:0px;
	}
	.page-id-25 #contents-next p,
	.page-id-28 #contents-next p,
	.page-id-123 #contents-next p,
	.page-id-135 #contents-next p,
	.page-id-432 #contents-next p
	{
		font-size: 14px!important;
		width: 90%;
		margin: 0 auto;
	}
	.page-id-25 #contents-next .entry h2,
	.page-id-28 #contents-next .entry h2,
	.page-id-123 #contents-next .entry h2,
	.page-id-135 #contents-next .entry h2,
	.page-id-72 #contents-next .entry h2,
	.page-id-432 #contents-next .entry h2{
		margin-top:0px;
		margin-left: 10px;
		margin-bottom:30px;
	}
		.page-id-123 .wp-block-spacer{
		height:0px!important;
	}
	.wpcf7 .template02 div.form__row{
		border-top:0.5px;
	}
	.page-id-432  .wp-block-latest-posts a,
	.page-id-432  .wp-block-latest-posts time{
		margin-left:0px;
	 overflow: visible;
  text-overflow: clip;
		white-space: normal;
	}

	.page-id-432 .news_all li{
		margin-bottom:15px;
	}
	.entry hr{
		display:none;
	}
	h1.post-title{
		font-size:32px;
	}
	.wp-block-column .wp-block-image{
		width:90%;
		margin: 20px auto;
	}
	figcaption{
		font-size:14px;
	}
	.sidebar{
		display:none!important;
	}
	.oi_soc_icons2{
		width:90%;
	}
	.nav a{
    font-size: 8px!important;
		color: #333;
	}
	#footer .nav-wrap {
    padding-top: 0px;
	}
	#footer .pad{
		padding-bottom:30px;
	}
	#footer a{
		color: #EE8571;
	}
	#footer a:hover{
		color: #fead4b;
	}
}
/* スマホ版 end */