/*
Theme Name: aiarea
Author: Masahiro Suzuki
Version: 180401
*/

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,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,th {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

body,button,input,select,textarea {
	font-family: Meiryo, "Hiragino Kaku Gothic Pro",Osaka, "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 150%;
	color: #333333;
}

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article,aside,details,figcaption,figure,footer,header,main,nav,section {
    display: block;
}




/*--------------------------------------------------------------
 Layout
--------------------------------------------------------------*/

#pagebase {
	margin: 0 auto ;
	width: 1000px ;
}

#all {
	width: 1000px ;
}

#main {
	width: 750px ;
	float: left ;
}

#side {
	width: 200px ;
	float: right ;
}



/*--------------------------------------------------------------
 header
--------------------------------------------------------------*/


#head-top {
	background-image:url(/wp-content/uploads/mainimage-02.jpg);
    background-position:center;
    background-size:cover;
    width:100%;
    height: 100vh;
}

#head-sptop {
	height: 110px ;
	background: url(/wp-content/uploads/headsub-02.png);
	margin-bottom: 35px ;
}

#head-sub {
	height: 110px ;
	background: url(/wp-content/uploads/headsub-02.png);
	margin-bottom: 35px ;
}

#head-text {
	text-align: center ;
	line-height: 220% ;
	margin-left: 150px ;
	padding-top: 15vh;
	width: 500px ;
}

.head-textbox {
	background-color: rgba(255, 255, 255, 0.9);
	padding: 30px 40px ;
}


#head-auto {
	width: 1000px ;
	margin: 0 auto ;
}

.head-left {
	float: left ;
	padding: 20px 0 ;
	width: 280px ;
}

.head-right {
	float: right ;
	padding: 28px 0 ;
	width: 680px
}

.head-right li a { float: right ; margin-left: 20px ; display: inline-block; padding: 10px 20px ; text-decoration: none; background: #FFFFFF ; color: #777777; border: solid 1px #AAAAAA; border-radius: 5px; transition: .4s; }
.head-right li a:hover { background: #777777; color: #FFFFFF; }



/*--------------------------------------------------------------
マッチング結果掲載施設(新規登録・登録情報編集モーダル)--2021/12/08(佐土対応)
--------------------------------------------------------------*/
#modal-content{
	/* ボックスの重なりの順序を指定 */
	z-index:2;
	/* divをブロック表示します。何も表示しないときは、none */
	display:none;
	/* 位置の固定 */
	position:fixed;
	/* 位置 */
	top:10%;
	left:25%;
	/* 幅・高さ */
	width:50%;
	height:auto;
	/* 外側の余白 */
	margin:auto;
	/* 内側の余白 */
	padding:10px 20px;
	/* 線 */
	border:2px solid #aaa;
	/* 背景の色 */
	background:#fff;
}

/*--------------------------------------------------------------
マッチング結果掲載施設(新規登録・登録情報編集モーダル)--2021/12/08(佐土対応)
--------------------------------------------------------------*/
/* 2番目に表示させるdiv半透明の膜 */
#modal-overlay{
	/* ボックスの重なりの順序を指定 */
	z-index:1;
	/* divをブロック表示します。何も表示しないときは、none */
	display:none;
	/* 位置の固定 */
	position:fixed;
	/* 位置 */
	top:0;
	left:0;
	/* 幅・高さ */
	width:100%;
	height:120%;
	/* 背景の色（半透明） */
	background-color:rgba(51,51,51,0.6);
	/* 外側の余白 */
	margin-top:0px;
	
}

/*--------------------------------------------------------------
 matching
--------------------------------------------------------------*/

.matchingformtitle { font-size: 22px ; font-weight: 700 ; color: #009FB9 ; text-align: center ; margin-bottom: 25px ;}
.matchingform { background: #FFFFFF ; padding: 10px 20px ; margin: 0 0 15px ; border-radius: 20px;}

.matchingform tr { }
.matchingform th { width: 250px ; color: #009FB9 ; font-size: 15px ;font-weight: 700 ; vertical-align: middle; }
.matchingform td { vertical-align: middle;}
.matchingform input,select {
    display: inline-block;
    width: 100px;
    border: 1px solid #DDD;
    box-sizing: border-box;
    background: #fcfcfc;
	padding: 7px ;
    margin-right: 10px ;
}
.matchingform input.back {
    width: calc(100% - 4em);
}
.matchingform input.click {
    width: 15px ;
}


.matching-left {
	position: relative;
	float: left ;
	width: 630px ;
	padding: 20px ;
	background: #F2F2F2 ;
}

.matching-left2 {
	position: relative;
	float: left ;
	width: 750px ;
	padding: 20px ;
	background: #F2F2F2 ;
}

.matching-no {
	position: absolute;
	top: -40px ;
	left : 7px ;
}

.matching-right {
	float: right ;
	width: 340px ;
}

.matching-right2 {
	float: right ;
	width: 220px ;
}
.matching-photo {
	float: left ;
	width: 260px ;
}

.matching-text {
	float: right ;
	width: 310px ;
}

.matching-text2 {
	float: right ;
	width: 430px ;
}



/*--------------------------------------------------------------
 footer
--------------------------------------------------------------*/

#foot {
	color: #FFFFFF ;
	background: #009944 ;
}
#foot a { text-decoration: none; color: #FFFFFF ; }
#foot a:hover { color: #FFFFFF ; }

#copyright {
	padding: 8px 0 ;
	color: #FFFFFF ;
	background: #225638 ;
	text-align: center ;	
}

.foot-auto {
	font-size: 16px ;
	margin: 0 auto ;
	padding: 50px 0 ;
	width: 1000px ;
	line-height: 160%;
	text-align: center ;
}

.foot-auto ul {
	border-left: 1px solid #FFFFFF ;
}

.foot-auto li {
	float: left ;
	padding: 0 20px ;
	border-right: 1px solid #FFFFFF ;
}



/*--------------------------------------------------------------
 top
--------------------------------------------------------------*/


#top { }

.top-back1 { background: #F1F8F2 ;}
.top-back2 { background: #DDDDDD ;}

.top-auto-sp {
	width: 1000px ;
	margin: 0 auto ;
	padding: 50px 0 ;
}

.top-auto {
	width: 1000px ;
	margin: 0 auto ;
	padding: 50px 0 ;
}

.top-flowleft1 { float: left ; width: 550px ; background: #FFFFFF ; padding: 25px ;}
.top-flowright1 { float: right ; width: 300px ; }

.top-flowleft2 { float: left ; width: 300px ; }
.top-flowright2 { float: right ; width: 550px ; background: #FFFFFF ; padding: 25px ;}





/*--------------------------------------------------------------
 content
--------------------------------------------------------------*/

#content {
	float: none ;
}

.hentry {
	font-size: 14px ;
    position: relative;
    margin: 0 0 53px;
    padding: 0 0 27px;
    border-bottom: 1px solid #eee;
}

.site-main {
	width: 800px ;
	margin: 0 100px ;
}


.site-main .hentry:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
}

.byline,.updated {
    display: none;
}

.single .byline,.group-blog .byline {
    display: inline;
}

.attachment-penscratch-featured {
    margin: 14px 0 0;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    opacity: 1;
    border-radius: 3px;
}

.hentry:hover .attachment-penscratch-featured {
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    opacity: .7;
}
.entry-footer,
.entry-meta {
    font-size: .8125em;
    font-weight: normal;
    margin: 0 0 27px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
}
.entry-footer a,
.entry-meta a,
.entry-footer a:visited,
.entry-meta a:visited {
    color: #999;
}
.entry-footer a:hover,
.entry-meta a:hover {
    color: #1c7c7c;
}

.entry-title {
    font-size: 1.75em;
    margin: 0 0 7px;
}
.entry-title a,
.entry-title a:visited {
    text-decoration: none;
    color: #666;
}
.entry-title a:hover {
    color: #1c7c7c;
}
.page .entry-title {
	margin: 0 0 27px;
}

.sep {
    margin: 0 3px;
}

.page-links {
    clear: both;
    margin: 27px 0;
    word-spacing: 7px;
}

.page-title {
    font-size: 18px;
    margin: 0;
    padding-bottom: 14px;
    letter-spacing: 1px;
    color: #999;
    border-bottom: 1px solid #eee;
}

.page-header {
    margin-bottom: 27px;
}

.taxonomy-description {
    font-style: italic;
    margin-top: 27px;
}

/* =Post Formats */
.format-link .entry-title a:after {
    font-size: 32px;
    margin-left: 5px;
    content: '\f442';
}

/* =Media */
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 27px;
}
.wp-caption img[class*='wp-image-'] {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.wp-caption-text {
    font-size: .8125em;
    margin: 14px 0;
    padding: 0 1%;
}


embed,iframe,object {
    max-width: 100%;
}

.site-main .post-navigation,
.site-main .paging-navigation {
    font-size: .8125em;
    font-style: italic;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 12px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.site-main .post-navigation .meta-nav,
.site-main .paging-navigation .meta-nav {
	clear: both;
	color: #1c7c7c;
	display: block;
	font-style: normal;
	letter-spacing: 1px;
    text-transform: uppercase;
}
.site-main .post-navigation .nav-previous a,
.site-main .paging-navigation .nav-previous a {
	color: #aaa;
    position: relative;
    float: left;
    width: 50%;
    text-decoration: none;
}
.site-main .post-navigation .nav-next a,
.site-main .paging-navigation .nav-next a {
	color: #aaa;
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
    text-decoration: none;
}

.site-main .post-navigation a,
.site-main .paging-navigation a {
	color: #aaa;
}
.site-main .post-navigation a:hover,
.site-main .paging-navigation a:hover {
	color: #666;
}

.comment-navigation:before,
.comment-navigation:after {
    display: table;
}

.comment-navigation:after {
    clear: both;
}

.site-main .comment-navigation {
    font-size: .8125em;
    clear: both;
    width: 100%;
    margin: 27px 0;
    padding: 12px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.site-main .comment-navigation .nav-previous {
    position: relative;
    float: left;
    width: 50%;
    text-align: left;
}
.site-main .comment-navigation .nav-next {
    position: relative;
    float: right;
    width: 50%;
    text-align: right;
}



/*--------------------------------------------------------------
 Base
--------------------------------------------------------------*/

/* top */

.box530 { width: 530px ; float: left ; }
.box420 { width: 420px ; float: right ; }

.news li {
	padding: 10px 0 ;
	border-bottom: 1px dashed #999999 ;
}



/* box */

.box50pa { width: 48% ; float: left ; }
.box50pb { width: 48% ; float: right ; }
.box33pa { width: 31% ; margin-right: 3% ; float: left ; }
.box33pb { width: 31% ; float: right ; }
.box25pa { width: 23% ; margin-right: 2.5% ; float: left ; }
.box25pb { width: 23% ; float: right ; }

.box30pa { width: 30% ; float: left ; }
.box70pb { width: 66% ; float: right ; }
.box70pa { width: 66% ; float: left ; }
.box30pb { width: 30% ; float: right ; }

.box40pa { width: 40% ; float: left ; }
.box60pb { width: 56% ; float: right ; }
.box60pa { width: 56% ; float: left ; }
.box40pb { width: 40% ; float: right ; }

.box60p { margin: 0 20% ; width : 60% ;}
.box70p { margin: 0 15% ; width : 70% ;}
.box80p { margin: 0 10% ; width : 80% ;}
.box90p { margin: 0 5% ; width : 90% ;}


.box30px { padding: 30px 0 20px;}
.box50px { padding: 50px 0 40px ;}
.box70px { padding: 70px 0 60px ;}
.box90px { padding: 90px 0 80px;}


/* backbox */

.back-gray { background: #f4f4f4 ; padding: 35px 35px 25px ;}
.back-orange { background: #ffeee0 ; padding: 25px ;}




.fukidashi-white{ position: relative; display: inline-block; margin: 0 ; padding: 30px 25px ; max-width: 100%; background: #FFFFFF; border-radius: 20px;}
.fukidashi-white:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #FFFFFF;}

.fukidashi-mizu { position: relative; display: block; margin: 0 ; padding: 20px 15px ; max-width: 100%; background: #EAF6FD; border-radius: 20px;}
.fukidashi-mizu:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #EAF6FD;}

.fukidashi-aomidori{ position: relative; display: inline-block; margin: 0 ; padding: 30px 25px ; max-width: 100%; background: #239F83; border-radius: 20px; color: #FFFFFF ;}
.fukidashi-aomidori:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #239F83;}




/* list */

ul.trans a:hover img {
	opacity:0.5; 
	filter:Alpha(opacity=50);
}

.list2 li{ width: 48% ; margin: 0px 0px 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top; float: left ;}
.list2 li:nth-child(2n){ float: right ;}

.list2top li{ width: 48% ; margin: 0px 0px 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top; float: left ;}
.list2top li:nth-child(2n){ float: right ;}

.list3 li{ width: 31% ; margin: 0px 2.5% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list3 li:nth-child(3n){ margin-right: 0 ;}

.list3-1 li{ width: 31% ; margin: 0px 2.5% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list3-1 li:nth-child(3n){ margin-right: 0 ;}
.list3-1 img { margin-bottom: 8px ; }

.list3-2 li{ width: 31% ; margin: 0px 2.5% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list3-2 li:nth-child(3n){ margin-right: 0 ;}

.list3-top li{ width: 31% ; margin: 0px 2.5% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list3-top li:nth-child(3n){ margin-right: 0 ;}
.list3-top img { margin-bottom: 8px ; }

.list3sp li{ width: 31% ; margin: 0px 2.5% 0px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top; border: none ;}
.list3sp li:nth-child(3n){ margin-right: 0 ;}

.list4 li{ width: 22.5% ; margin: 0px 2.5% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list4 li:nth-child(4n){ margin-right: 0 ;}

.list5 li{ width: 17.5% ; margin: 0px 2.5% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list5 li:nth-child(5n){ margin-right: 0 ;}




/*--------------------------------------------------------------
 Table
--------------------------------------------------------------*/

table {
    width: 100%;
    border-collapse: collapse ;
}

td,th {
    border-collapse: collapse ;
}

/* table */

.base01 th { color: #FFFFFF ; background: #999999 ; border-bottom: 1px solid #FFFFFF ; padding: 8px ; text-align: center ; vertical-align: middle ; }
.base01 td { background: #E9E9E9 ; border-bottom: 1px solid #FFFFFF ; padding: 8px ; vertical-align: middle ; }

.base02 th { border: 1px solid #999999 ; padding: 8px ; text-align: center ; vertical-align: middle ; }
.base02 td { border: 1px solid #999999 ; padding: 8px ; vertical-align: middle ; }

.base03 th { color: #FFFFFF ; background: #80141e ; border-bottom: 1px solid #FFFFFF ; padding: 8px ; text-align: center ; vertical-align: middle ; }
.base03 td { background: #fff4f5 ; border-bottom: 1px solid #FFFFFF ; padding: 8px ; vertical-align: middle ; }

.form th { color: #FFFFFF ; background: #888888 ; border-bottom: 2px solid #FFFFFF ; padding: 15px ; text-align: center ; vertical-align: middle ;}
.form td { background: #EEEEEE ; border-bottom: 2px solid #FFFFFF ; padding: 15px ; vertical-align: middle ; }

.usage-guide {
	margin-top: 10px ;
}

.usage-guide th {
    background: #6dad74 ;
    border: 1px solid #6dad74 ;
    color: #FFFFFF ;
    font-size: 13px ;
    padding: 5px ;
    text-align: center;
    vertical-align: middle ;
}

.usage-guide th .title {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.usage-guide td {
    background: #FFFFFF ;
    border: 1px solid #6dad74 ;
    font-size: 13px ;
    padding: 5px ;
    vertical-align: middle ;
}

.usage-guide td .title {
    color: #009B63;
    font-weight: bold;
    text-align: center;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    padding-left: 8px ;
    padding-right: 8px ;
}

/*--------------------------------------------------------------
 coupon
--------------------------------------------------------------*/

.coupon {margin-bottom: 20px ;}
.coupon img { margin-top: 10px ;}
.little70 img { width: 70% ; margin-bottom: 15px ;}

h3.coupon { font-weight: 700 ; border: 1px solid #80141e ; border-bottom: 2px solid #80141e ; color: #80141e ; padding: 10px 15px ; margin: 40px 0 20px ;}



/*--------------------------------------------------------------
 font
--------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
    clear: both;
}

h2.title1 { color: #FFFFFF ;font-size: 20px ; font-weight: 700 ; background: #2B9E84 ; padding: 20px ; margin-bottom: 30px ; border-radius: 5px; }

h3.title1 { color: #2B9E84 ; font-size: 18px ; font-weight: 700 ; border:1px solid #2B9E84 ; padding: 15px 20px ; margin-bottom: 20px ; border-radius: 5px; }


b,strong {
    font-weight: 700;
}

dfn,cite,em,i {
    font-style: italic;
}

address {
    margin: 0 0 24px;
}

pre {
    font-size: 15px;
    overflow: auto;
    max-width: 100%;
    margin-top: -2px;
    margin-bottom: 24px;
    padding: 24px;
    background: rgba(119, 119, 119, .5);
}

abbr,acronym {
    cursor: help;
    border-bottom: 1px dotted #666;
}

mark,ins {
    text-decoration: none;
    background: #fff9c0;
}

sup,sub {
    font-size: 75%;
    position: relative;
    height: 0;
    vertical-align: baseline;
}

sup { bottom: 1ex; }
sub { top: .5ex; }
figure { margin: 0; }


/*--------------------------------------------------------------
 Image
--------------------------------------------------------------*/

img {
  vertical-align: bottom;
}

img.waku {
	border: 1px solid #CCCCCC ;
}

img.img80 {width: 80% ; margin: 0 10% ;}

/* bottom */
img.bottom0 {margin-bottom:0;}
img.bottom5 {margin-bottom:5px;}
img.bottom10 {margin-bottom:10px;}
img.bottom15 {margin-bottom:15px;}
img.bottom20 {margin-bottom:20px;}
img.bottom25 {margin-bottom:25px;}
img.bottom30 {margin-bottom:30px;}
img.bottom50 {margin-bottom:50px;}
img.bottom100 {margin-bottom:100px;}
img.bottom150 {margin-bottom:150px;}

/* top */
img.top0 {margin-top:0px;}
img.top5 {margin-top:5px;}
img.top10 {margin-top:10px;}
img.top15 {margin-top:15px;}
img.top20 {margin-top:20px;}
img.top25 {margin-top:25px;}
img.top30 {margin-top:30px;}
img.top50 {margin-top:50px;}
img.top100 {margin-top:100px;}
img.top150 {margin-top:150px;}

/* right */
img.right0 {margin-right:0px;}
img.right5 {margin-right:5px;}
img.right10 {margin-right:10px;}
img.right15 {margin-right:15px;}
img.right20 {margin-right:20px;}
img.right25 {margin-right:25px;}
img.right30 {margin-right:30px;}

/* left */
img.left0 {margin-left:0px;}
img.left5 {margin-left:5px;}
img.left10 {margin-left:10px;}
img.left15 {margin-left:15px;}
img.left20 {margin-left:20px;}
img.left25 {margin-left:25px;}
img.left30 {margin-left:30px;}

/* right-float */
img.right0f {float:left;}
img.right5f {float:left;margin-right:5px;}
img.right10f {float:left;margin-right:10px;}
img.right15f {float:left;margin-right:15px;}
img.right20f {float:left;margin-right:20px;}
img.right25f {float:left;margin-right:25px;}
img.right30f {float:left;margin-right:30px;}

/* left-float */
img.left0f {float:right;}
img.left5f {float:right;margin-left:5px;}
img.left10f {float:right;margin-left:10px;}
img.left15f {float:right;margin-left:15px;}
img.left20f {float:right;margin-left:20px;}
img.left25f {float:right;margin-left:25px;}
img.left30f {float:right;margin-left:30px;}



/*--------------------------------------------------------------
 img
--------------------------------------------------------------*/

a img { border: 0; }
img { max-width: 100%; height: auto; }

a:hover img.trans {
	opacity:0.5; 
	filter:Alpha(opacity=50);
}

.expansion img{
  	transition: 0.3s;
}

.expansion img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
}


/*--------------------------------------------------------------
 a link
--------------------------------------------------------------*/

a {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    text-decoration: none;
    color: #80141e;
}

a:hover {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            color: #999;
}

a.maru-mizu { font-weight: 700 ; display: inline-block; padding: 15px 20px ; text-decoration: none; background: #009944 ; color: #FFFFFF; border: solid 1px #009944; border-radius: 25px; transition: .4s; }
a.maru-mizu:hover { background: #FFFFFF; color: #009944; }

a.maru-mizu2 { font-size: 17px ;font-weight: 700 ; display: block; padding: 15px 20px ; text-decoration: none; background: #FFFFFF; color: #009944 ; border: solid 1px #009944; border-radius: 25px; transition: .4s; }
a.maru-mizu2:hover { background: #009944 ; color: #FFFFFF;  }


a.footerlink { font-size: 14px ; font-weight: 700 ; background: #FFFFFF ; color: #009944!important ; padding: 7px 13px ; margin-right: 5px ; transition: .4s; border-radius: 10px; }
a.footerlink:hover { border-radius: 0; }





/*--------------------------------------------------------------
 Text
--------------------------------------------------------------*/


p { margin-bottom: 5px; }


/* カラー */
.red {color:#e2644a;}
.blue {color:#2c67cc;}
.mizu {color:#009FB9;}
.orange	{color:#f7875b;}
.green {color:#33aa41;}
.brown	{color:#3e261c;}

.marker-red { background: linear-gradient(transparent 50%, #ffcccc 0%); }
.marker-orange { background: linear-gradient(transparent 50%, #ffddbc 0%); }
.marker-mizu { background: linear-gradient(transparent 50%, #ccffff 0%); }
.marker-green { background: linear-gradient(transparent 50%, #ccffcc 0%); }
.marker-yellow { background: linear-gradient(transparent 70%, #ffff54 0%); }



/* フォントサイズ */
.font9	{font-size: 9px;}
.font10	{font-size: 10px;}
.font11	{font-size: 11px;}
.font12	{font-size: 12px;}
.font13	{font-size: 13px;}
.font14	{font-size: 14px;}
.font15	{font-size: 15px;}
.font16 {font-size: 16px; margin-bottom:5px ; }
.font18 {font-size: 18px; margin-bottom:5px ; }
.font20 {font-size: 20px; margin-bottom:5px ; }
.font22 {font-size: 22px; margin-bottom:5px ; }
.font24	{font-size: 24px; margin-bottom:5px ; }
.font26 {font-size: 26px; margin-bottom:5px ; }
.font28 {font-size: 28px; margin-bottom:5px ; }
.font30	{font-size: 30px; margin-bottom:5px ; }
.font36	{font-size: 36px; margin-bottom:5px ; }


/* タイトル */
.titlefont12 {font-size: 12px; font-weight: 700; margin-bottom:5px ;}
.titlefont14 {font-size: 14px; font-weight: 700; margin-bottom:5px ;}
.titlefont16 {font-size: 16px; font-weight: 700; margin-bottom:5px ;}
.titlefont18 {font-size: 18px; font-weight: 700; margin-bottom:5px ;}
.titlefont20 {font-size: 20px; font-weight: 700; margin-bottom:5px ;}
.titlefont22 {font-size: 22px; font-weight: 700; margin-bottom:5px ;}
.titlefont24 {font-size: 24px; font-weight: 700; margin-bottom:5px ;}
.titlefont26 {font-size: 25px; font-weight: 700; margin-bottom:5px ;}
.titlefont28 {font-size: 26px; font-weight: 700; margin-bottom:5px ;}
.titlefont30 {font-size: 30px; font-weight: 700; margin-bottom:5px ;}
.titlefont32 {font-size: 32px; font-weight: 700; margin-bottom:5px ;}
.titlefont34 {font-size: 34px; font-weight: 700; margin-bottom:5px ;}
.titlefont36 {font-size: 36px; font-weight: 700; margin-bottom:5px ;}
.titlefont38 {font-size: 38px; font-weight: 700; margin-bottom:5px ;}
.titlefont40 {font-size: 40px; font-weight: 700; margin-bottom:5px ;}

.textheight130 {line-height: 130% ;}
.textheight150 {line-height: 150% ;}
.textheight180 {line-height: 180% ;}
.textheight200 {line-height: 200% ;}



/* 文字揃え */
.textright { text-align:right;}
.textleft { text-align:left;}
.textcenter { text-align:center;}
img.center { margin: 0 auto ;}

.textmaru { font-family: 'M PLUS Rounded 1c', sans-serif; }

/* 文字揃え */
.textbottom5 {margin-bottom:5px;}
.textbottom10 {margin-bottom:10px;}
.textbottom15 {margin-bottom:15px;}
.textbottom20 {margin-bottom:20px;}

/* 文字揃え */
.texttop5 {margin-top:5px;}
.texttop10 {margin-top:10px;}
.texttop15 {margin-top:15px;}
.texttop20 {margin-top:20px;}

/* スペース 使用方法：<div class="space10"><hr></div>*/
hr{ display: none ; }
.space1 { height:1px; clear:both;}
.space2 { height:2px; clear:both;}
.space3 { height:3px; clear:both;}
.space4 { height:4px; clear:both;}
.space5 { height:5px; clear:both;}
.space6 { height:6px; clear:both;}
.space7 { height:7px; clear:both;}
.space8 { height:8px; clear:both;}
.space9 { height:9px; clear:both;}
.space10 { height:10px; clear:both;}
.space12 { height:12px; clear:both;}
.space14 { height:14px; clear:both;}
.space15 { height:15px; clear:both;}
.space16 { height:16px; clear:both;}
.space18 { height:18px; clear:both;}
.space20 { height:20px; clear:both;}
.space22 { height:22px; clear:both;}
.space24 { height:24px; clear:both;}
.space25 { height:25px; clear:both;}
.space26 { height:26px; clear:both;}
.space30 { height:30px; clear:both;}
.space40 { height:40px; clear:both;}
.space50 { height:50px; clear:both;}

 


.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#009399;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50px;
}


.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #000;
  background: #7fd9db;
  border-radius: 50px;
}



/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 20px;
  top   : 20px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #BBBBBB;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

.pc { display: block !important; }
.sp { display: none !important; }
/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba( 71,70,73,0.6 );
  text-align: center;
  width: 100%;
  transform: translateX(100%);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}