/*
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,body{
    width: 100%;
}

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;
}




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

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

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

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




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

#head {
	background: #FFFFFF url(/wordpress/wp-content/uploads/back-01.gif) ;
	height: 130px ;
}

.head-text {
	font-size: 11px ;
	color : #FFFFFF ;
	background: #39774D ;
	height: 20px ;
	text-align: center ;
}

.head-text h1 {
	margin: 0 auto ;
	width: 1000px ;
}

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

.head-main {
	height: 110px ;
}

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

.head-navi {
	height: 100px ;
	float: right ;
}

.head-navi li {
	float: left ;
}

.slider {
	height: 400px ;	
}



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

#foot {
	color: #FFFFFF ;
	background: #555555 ;
	width: 100% ;
}
#foot a { text-decoration: none; color: #FFFFFF ; }
#foot a:hover { color: #FFFFFF ; }

.foot-auto {
	margin: 0 auto ;
	text-align: center ;
	padding: 30px 0 ;
	width: 1000px ;
	line-height: 200%;
}

.newslist li {
	padding: 8px 0 ;
	border-bottom: 1px dashed #AAAAAA ;
}


.fix_menu{
	display: none ;
}


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


#top {
}

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






/*--------------------------------------------------------------
 Header
--------------------------------------------------------------*/

.site-header {
    margin: 0 0 27px;
    padding: 0 0 24px;
    border-bottom: 3px solid #eee;
}
.site-logo {
    display: block;
    width: auto;
    max-height: 150px;
    margin: 0 auto 7px;
}
.custom-header {
    display: block;
    margin: 0 auto;
    margin-bottom: 27px;
    border-radius: 5px;
}

.site-branding {
    clear: both;
    margin-bottom: 14px;
    text-align: center;
}

.site-title {
    font-size: 27px;
    margin: 0;
}
.site-title a {
    text-decoration: none;
    color: #666;
}

.site-branding .site-logo a > img {
    max-width: 250px;
}

.site-description {
    color: #999;
    font-weight: 300;
    letter-spacing: 0;
    margin: 7px auto;
    text-align: center;
}

.main-navigation {
    border-top: 3px solid #eee;
    font-weight: normal;
    position: relative;
    display: block;
    letter-spacing: 1px;
    margin-top: 27px;
    padding-top: 24px;
    text-transform: uppercase;
    z-index: 1;
}
.main-navigation ul {
    clear: both;
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.main-navigation li {
    position: relative;
    display: block;
}
.main-navigation li:hover > a {
    color: #1c7c7c;
}
.main-navigation a,
.main-navigation a:visited {
    display: block;
    padding: 14px 0 14px;
    text-decoration: none;
    color: #999;
    border-bottom: 1px solid #eee;
}
.main-navigation ul:first-child > li:last-of-type a {
    border-bottom: 0;
}

.current_page_item a,
.current-menu-item a,
.current_page_item a:visited,
.current-menu-item a:visited {
    color: #1c7c7c;
}

/* Small menu */
.menu-toggle,
.main-navigation.toggled .nav-menu {
    display: block;
}

.menu-toggle {
    margin: 0 auto;
    position: relative;
    padding: 5px 7px;
    border: 1px solid #eee;
}
.menu-toggle:before {
    font-size: 16px;
    margin-right: 5px;
    content: '\f419';
    position: relative;
    top: -2px;
}

.toggled .menu-toggle {
    color: #1c7c7c;
    border-color: #1c7c7c;
}

.main-navigation ul:first-child {
    display: none;
}
.main-navigation ul ul li a {
    padding-left: 14px;
}
.main-navigation ul ul ul li a {
    padding-left: 28px;
}
.main-navigation ul ul ul ul li a {
    padding-left: 42px;
}

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

.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
--------------------------------------------------------------*/

/* box */

.box50pa { width: 48% ; float: left ;}
.box50pb { width: 48% ; float: right ;}

.box310a { width: 310px ; margin: 0 0 25px ; float: left ; }
.box370b { width: 370px ; margin: 0 0 25px ; float: right ; }

.box370a { width: 370px ; margin: 0 0 25px ; float: left ; }
.box310b { width: 310px ; margin: 0 0 25px ; float: right ; }


.box210a { width: 210px ; margin: 0 20px 25px 0 ; float: left ; }
.box470b { width: 470px ; margin: 0 0 25px ; float: right ; }

.box470a { width: 470px ; margin: 0 20px 25px 0 ; float: left ; }
.box210b { width: 210px ; margin: 0 0 25px ; float: right ; }




.box260a { width: 260px ; margin: 0 35px 30px 0 ; float: left ; }
.box260b { width: 260px ; margin: 0 0 30px ; float: right ; }

.box510a { width: 510px ; margin: 0 0 30px ; float: left ; }
.box300b { width: 300px ; margin: 0 0 30px ; float: right ; }

.box300a { width: 300px ; margin: 0 0 30px ; float: left ; }
.box510b { width: 510px ; margin: 0 0 30px ; float: right ; }

.box410a { width: 410px ; margin: 0 0 30px ; float: left ; }
.box410b { width: 410px ; margin: 0 0 30px ; float: right ; }


.bgredmaru { background: #D36072 ; color: #FFFFFF ; padding: 10px 12px 8px ; margin: 0 0 15px ; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.bggreenmaru { background: #6DBA44 ; color: #FFFFFF ; padding: 10px 12px 8px ; margin: 0 0 15px ; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.bgbluemaru { background: #79C1DA ; color: #FFFFFF ; padding: 10px 12px 8px ; margin: 0 0 15px ; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.bgpurplemaru{ background: #c07bb2 ; color: #FFFFFF ; padding: 10px 12px 8px ; margin: 0 0 15px ; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }




/* list */

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

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

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

ul.list5 { font-size: 0 ; }
.list5 li{ font-size: 13px ; width: 18% ; margin: 0px 2.2% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list5 li:nth-child(5n){ margin-right: 0 ;}

ul.list6 { font-size: 0 ; }
.list6 li{ font-size: 13px ; width: 14.8% ; margin: 0px 2% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list6 li:nth-child(6n){ margin-right: 0 ;}

ul.list8 { font-size: 0 ; }
.list8 li{ font-size: 13px ; width: 11.2% ; margin: 0px 1.3% 20px 0px ; overflow: hidden ;  display: inline-block;  vertical-align: top;}
.list8 li:nth-child(8n){ margin-right: 0 ;}

/* 1000 */

.box480a { width: 480px ; margin: 0 0 30px 0 ; float: left ; }
.box480b { width: 480px ; margin: 0 0 30px 0 ; float: right ; }



.bg-pink { background: #ffedfe ; padding: 20px ; }
.bg-blue { background: #edfcff ; padding: 20px ; }
.bg-blue2 { background: #DFEEFB ; padding: 20px ; }
.bg-yellow { background: #fff9ed ; padding: 20px ; }
.bg-purple { background: #f7edff ; padding: 20px ; }
.bg-gray { background: #efefef ; padding: 30px ; }

.bg-green-waku { border: 1px dashed #6DBA44  ; padding: 20px 25px ; }


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

table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
}

td,th {
    border-collapse: collapse;
}


/* table */

.base1 th { color: #FFFFFF ; background: #737272 ; padding: 3px 5px ; border-bottom: 1px solid #FFFFFF ;  text-align: center ; vertical-align: middle ; }
.base1 td { background: #F7F8F8 ; padding: 3px 5px ; border-bottom: 1px solid #FFFFFF ; vertical-align: middle ; }

.base2 th { color: #FFFFFF ; background: #5b9aba ; padding: 7px 10px ; border-bottom: 1px solid #FFFFFF ;  text-align: center ; vertical-align: middle ; }
.base2 td { background: #F7F8F8 ; padding: 5px 10px ; border-bottom: 1px solid #FFFFFF ; vertical-align: middle ; }

.base3 th { padding: 5px 10px ; border-bottom: 1px dashed #CCCCCC ; text-align: center ; vertical-align: middle ; }
.base3 td { padding: 5px 10px ; border-bottom: 1px dashed #CCCCCC ; vertical-align: middle ; }

.base4 th { color: #FFFFFF ; background: #5b9aba ; padding: 7px 10px ; border: 1px solid #FFFFFF ;  text-align: center ; vertical-align: middle ; }
.base4 td { background: #F7F8F8 ; padding: 5px 10px ; border: 1px solid #FFFFFF ; vertical-align: middle ; }

.base5 th { color: #FFFFFF ; background: #5b9aba ; padding: 7px 10px ; border: 1px solid #FFFFFF ;  text-align: center ; vertical-align: middle ; }
.base5 td { background: #F7F8F8 ; padding: 5px 10px ; border-bottom: 1px dashed #5b9aba ; vertical-align: middle ; }




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

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

h2.title1 { background: #5AA572 ; color: #FFFFFF ; padding: 12px 12px 10px ; margin: 0 0 20px ;}

h3.title1 { border-bottom: 2px solid #5AA572 ; color: #5AA572 ; font-weight: 700 ; padding: 10px 0 ; margin: 0 0 20px ;}

h1 {
}

h2 {
    font-size: 22px;
    font-weight: normal;
    margin: 27px 0;
}

h3 {
    font-size: 20px;
    font-weight: normal;
    margin: 20px 0;
}

h4 {
    font-size: 16px;
    font-weight: normal;
    margin: 27px 0;
}

h5 {
    font-size: 16px;
    font-weight: normal;
    margin: 27px 0;
}

h6 {
    font-size: 14px;
    font-weight: normal;
    margin: 27px 0;
}

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
--------------------------------------------------------------*/


/* 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
--------------------------------------------------------------*/


img {
	max-width: 100%;
	display: block; 
}

a:hover img.trans {
	opacity:0.5; 
	transition: .4s;
	filter:Alpha(opacity=50);
}
img.center{
     display: block;
     margin: auto ;
}

img.waku { border: 1px dashed #D5E5BB ; padding: 4px ;}
img.maru {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.entry-thumbnail img {
  	float: left ;
	margin-right: 15px ;
}

.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: #1c7c7c;
}

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.btn_square { display: inline-block; padding: 0.3em 1em; text-decoration: none; color: #aaa; border: solid 1px #aaa; border-radius: 2px; transition: .4s; }
a.btn_square:hover { background: #aaa; color: white; }

a.btn_square2 { display: inline-block; padding: 0.3em 1em; text-decoration: none; color: white; background: #5aa572; border: solid 1px #5aa572; border-radius: 2px; transition: .4s; }
a.btn_square2:hover { background: white; color: #5aa572; }

a.square-ye { display: inline-block; padding: 0.3em 1em; text-decoration: none; color: #F8B42D; border: solid 1px #F8B42D; border-radius: 2px; transition: .4s; }
a.square-ye:hover { background: #F8B42D; color: white; }

a.square-bl { display: inline-block; padding: 0.3em 1em; text-decoration: none; color: #02758D; border: solid 1px #02758D; border-radius: 2px; transition: .4s; }
a.square-bl:hover { background: #02758D; color: white; }


a.square-gray {
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    border: 1px solid #aaa;
    border-color: #aaa;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 15px 17px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05);
    /* Corrects inability to style clickable 'input' types in iOS */
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    /* Improves usability and consistency of cursor style between image-type 'input' and others */

    -webkit-appearance: button;
}


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


p { margin-bottom: 5px; }

.mincho {
	font-family: "Hiragino Mincho Pro", "Times New Roman", YuMincho, "MS PMincho" , serif;
}

.kadomaru {
	color: #FFFFFF;
	background: #5aa572;
	padding: 5px 15px ;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.red {color:#C30D22;}
.blue {color:#2c67cc;}
.orange	{color:#EA5414;}
.green {color:#33aa41;}
.brown	{color:#3e261c;}


.font9	{font-size: 9px;}
.font10	{font-size: 10px;}
.font11	{font-size: 11px;}
.font12	{font-size: 12px;}
.font13	{font-size: 13px;}
.font14	{font-size: 14px; line-height: 150% ;}
.font15	{font-size: 15px; line-height: 150% ;}
.font16 {font-size: 16px; margin-bottom:5px ; line-height: 150% ;}
.font18 {font-size: 18px; margin-bottom:5px ; line-height: 150% ;}
.font20 {font-size: 20px; margin-bottom:5px ; line-height: 150% ;}
.font24	{font-size: 24px; margin-bottom:5px ; line-height: 180% ;}
.font30	{font-size: 30px; margin-bottom:5px ; line-height: 180% ;}
.font36	{font-size: 36px; margin-bottom:5px ; line-height: 180% ;}


.titlefont12 {font-size: 12px; font-weight: 700; margin-bottom:5px ;}
.titlefont14 {font-size: 14px; font-weight: 700; margin-bottom:5px ;}
.titlefont15 {font-size: 15px; font-weight: 700; margin-bottom:5px ;}
.titlefont16 {font-size: 16px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont18 {font-size: 18px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont20 {font-size: 20px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont24 {font-size: 24px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont26 {font-size: 26px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont28 {font-size: 28px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont30 {font-size: 30px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont34 {font-size: 34px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont36 {font-size: 36px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}

/* line-height */
.fontline125 { line-height: 125% ; }
.fontline150 { line-height: 150% ; }
.fontline175 { line-height: 175% ; }
.fontline200 { line-height: 200% ; }


.textright { text-align:right;}
.textleft { text-align:left;}
.textcenter { text-align:center;}
img.center { margin: 0 auto ;}


.textbottom5 {margin-bottom:5px;}
.textbottom10 {margin-bottom:10px;}
.textbottom15 {margin-bottom:15px;}
.textbottom20 {margin-bottom:20px;}


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;}


.sidefixed {
    position: fixed;
    right: 0;
    top:50px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index:9999;
}

.pc { display: block !important; }
.sp { display: none !important; }