@charset "utf-8";


@import url(http://fonts.googleapis.com/css?family=Clicker+Script);
@import url(http://fonts.googleapis.com/css?family=Poiret+One);
@import url('font-awesome.min.css');
/**********************************************************************

■Ateh's theme(template);
http://material.atehs.net/template/

***********************************************************************/


@charset "utf-8";


@import url(http://fonts.googleapis.com/css?family=Clicker+Script);
@import url(http://fonts.googleapis.com/css?family=Poiret+One);
@import url('font-awesome.min.css');
/**********************************************************************

■Ateh's theme(template);
http://material.atehs.net/template/

***********************************************************************/



/************************************************************************************
 デザインセット02（角33px）
************************************************************************************/

/************************************************************************************
テーマカラー指定
************************************************************************************/


/***********************************************************************************/

/*テーマカラー*/
.themecolor{
	background-color:#ffffff;
}
.themecolor:hover{
	background-color:#cccccc;
}

/*テーマカラー背景色*/
.indexpage{
	background-color:#ffffff;

/*
	background-image: url(https://source.unsplash.com/2000x800)!important;
	background-size:cover!important;
	background-attachment: fixed!important;
*/

}
.koteipage{
	background-color:#ffffff;

}
.singlepage{
	background-color:#ffffff;
}


/*タグクラウド背景色*/

.tagcloud{
	background-color:#ffffff;
}
.tagcloud:hover{
	background-color:#ffffff;
}


/***********************************************************************/
/*home_box*/
.home_box{


	background-color:#000000;

/*background-image
	background-image: url(https://source.unsplash.com/2000x800)!important;
	background-size:cover!important;
	background-attachment: fixed!important;
*/

/*kado*/
	-webkit-border-radius: 4px; 
		-moz-border-radius: 4px ;
		border-radius: 4px;


/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;

font-size:70%;

text-align:center;

width:200px;
height:200px;
padding:30px 50px 30px 50px;
margin:20px 20px 60px 20px ;

overflow: hidden;

line-height:1.2em;

color:#000000;

border: 13px solid #000000;

}

.home_box_theme{


	background-color:#ffffff;
}

.home_box_theme:hover{


	background-color:#cccccc;
}



/*画像フィルタ*/
.imgfilter{


-webkit-filter:grayscale(100%); 
-moz-filter:grayscale(100%);  
-o-filter:grayscale(100%); 
-ms-filter:grayscale(100%);


}


/*画像フィルタ*/
.imgfilter2{


-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);


}



/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/***************************************************
　基本
****************************************************/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
}

html,body {
	height: 100%;
}

img {
	border: none;
	margin:50px;
	height:auto;

}


/*リスト関連*/
ul,ol {
	/*list-style: none disc circle square decimal upper-alpha lower-alpha upper-roman lower-roman
	cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha */
	list-style: none;
	list-style-position: inside;

	font-size:90%;
	line-height:1.5;

	/*margin:25px 15px 25px 15px ;*/
}

li {
	/*list-style: none disc circle square decimal upper-alpha lower-alpha upper-roman lower-roman
	cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha */

	list-style: none;
	list-style-position: inside;


}


table {
	border-collapse: collapse;
	border-spacing: 0;
 } 

body {

font-size:100%;
	line-height: 1.7;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#414141;
	background-color:#ffffff;

}

p {
    margin-bottom:2.0em;
}



/***************************************************
　リンク
****************************************************/

a,
a:link {
	text-decoration: none;
	color:#000000;
}

a:visited {
	text-decoration: none;
	color:#000000;
}

a:hover {
	color:#000000;

}
a:focus {
	outline: none;
	color:#000000;
    font-weight:bold;
}

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}





/***************************************************
　引用
****************************************************/
blockquote {
    margin: 80px auto 80px auto;
    padding: 80px 10% 80px 10%;
    border: 1px solid #000000;
    font-size: 99%;

text-align:left;

	border-radius:17px 17px 17px 17px;
		-webkit-border-radius:17px 17px 17px 17px;
		-moz-border-radius:17px 17px 17px 17px;
}

/***************************************************
　見出し
****************************************************/


/*シンプル系見出し*/



/*デザイン系見出し*/

h2{
	display: inline;
	line-height:3em;

	padding: 5px 12px 5px 12px;
	margin:180px 0px 50px 0px;

    font-weight:bold;
	font-size: 60%;

	background-color:#ffffff;
    color:#414141;

	border:solid 3px #414141;

	text-decoration: none; 

	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;

}



h3{
	display: inline;
	line-height:3em;

	padding: 3px 12px 3px 12px;
	margin:150px 0px 50px 0px;

    font-weight:bold;
	font-size: 60%;

	background-color:#ffffff;
    color:#414141;

	border:solid 2px #414141;

	text-decoration: none; 

	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;

}


h4{
	display: inline;
	line-height:3em;

	padding: 2px 12px 2px 12px;
	margin:150px 0px 50px 0px;

    font-weight:normal;
	font-size: 60%;

	background-color:#ffffff;
    color:#414141;

	border:solid 1px #414141;

	text-decoration: none; 

	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;

}

/*_functions_tag2img （置換で追加。inline+margin）*/
.midasis{
	margin:180px 0px 50px 0px;
}





/***************************************************
　フォーム
****************************************************/

form{
	margin:50px 10px 50px 10px;
}

input, button, textarea, select {
	border:0px; 
	padding:10px 10px 10px 10px; 
	font-size:100%; 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#212121; 
	border:solid 1px #cccccc; 
	margin:0px 0px 20px 0px; 

	-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		border-radius: 3px;

	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
		-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
		box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);

}

/********************************************************/


.centering{
text-align:center;
float:center;

}

.righting{

text-align:right;
float:right;


}


/*線*/
 hr{
    margin: 55px auto 55px auto;

    border: 1px dotted #000000;

}

/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/




/********************************************************/


#footer{

margin:800px auto 100px auto;


}

#home_boxs{


margin:50px auto 10px auto;
width:90%;
}

#home_boxs img{
text-align:left;
margin:15px;
}

#home_boxs h1{
font-family:  'Poiret One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:90px auto 140px auto;
text-align:center;
font-weight:bold;
font-size:320%;

color:#414141;

line-height:1.2em;


/*
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
		-webkit-text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
		-moz-text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
*/

}

/*スマホ用*/
@media screen and (max-width:889px){
#home_boxs h1{
margin:80px auto 140px auto;
font-size:120%;
}
}/*スマホ用*/


#home_boxs h2{

display: inline;
line-height:3em;

	padding: 5px 12px 5px 12px;
	margin: 5px 5px 5px 5px;

    font-weight:bold;
	font-size: 60%;

	background-color:#ffffff;
    color:#414141;

	border:solid 2px #414141;


	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;



}

#home_boxs h2 a{
	color:#000000!important;
}

#home_boxs h2:hover{
	/**/
    background-color:#ffffff;
    color:#000000!important;
	border:solid 4px #000000;
	opacity: 1.0; 
}
#home_boxs h2 a:hover{
	color:#000000!important;
	opacity: 1.0; 
}






#home_boxs blockquote{
text-align:left;
margin:15px;

    margin: 15px auto 15px auto;
    padding: 15px 10px 15px 10px ;
    border: 1px solid #000000;
    font-size: 90%;


line-height:1.4em;

	border-radius:17px 17px 17px 17px;
		-webkit-border-radius:17px 17px 17px 17px;
		-moz-border-radius:17px 17px 17px 17px;

}



/****************************************************************/



/****************************************************************/

}

.home_box p{
	text-align:left;
}

.homemenu ul{
	text-align:left;
	line-height:1.4em;
	font-size:100%;
	margin:2px 1px 2px -15px ;
}

.homemenu li{
	text-align:left;
	line-height:1.4em;
	font-size:100%;
	margin:2px 1px 2px -15px ;
}

.home_box a{
color:#000000;
}

.home_box a:hover{
color:#000000;
font-weight:bold;

}



/*線*/
.home_box hr{
    margin: -10px auto 25px auto;

    border: 1px solid #000000;

}


/*サムネ画像*/
.home_box img{
	width:100px!important;
	margin:10px 10px 20px 10px ;

	box-shadow:rgba(64, 65, 66, 0.368627) -1px -1px 16px 1px;
		-webkit-box-shadow:rgba(64, 65, 66, 0.368627) -1px -1px 16px 1px;
		-moz-box-shadow:rgba(64, 65, 66, 0.368627) -1px -1px 16px 1px;
}


/***********************************/

.home_box h2{

display: inline;
line-height:3em;

	padding: 5px 12px 5px 12px;
	margin: 5px 5px 5px 5px;

    font-weight:bold;
	font-size: 60%;

	background-color:#ffffff;
    color:#000000;

	border:solid 2px #000000;


	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;



}

.home_box h2 a{
	color:#000000!important;
}

.home_box h2:hover{
	/**/
    background-color:;
    color:#000000!important;
	border:solid 4px #000000;
	opacity: 1.0; 
}
.home_box h2 a:hover{
	color:#000000!important;
	opacity: 1.0; 
}




.home_box h3{


line-height:1.5em;


    font-weight:bold;


    color:#000000;

	border:solid 0px #000000;


	text-decoration: none; 


	


}

.home_box h3 a{
	color:#000000!important;
}

.home_box h3:hover{
	/**/
	font-size: 120%;
	opacity: 1.0; 
}
.home_box h3 a:hover{
	color:#000000!important;
	opacity: 1.0; 
}




.home_box hr{
	border:0px!important;

}


/******************************************************************/
/*リスト関連*/

.home_box li {
	position: relative;
}

.home_box li ::after {



/* チェックマーク
	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: -1em;
	width: 7px;
	height: 4px;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
 */

/* disc custom */ 

	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: #000000;
	border-radius: 100%;


}


.home_box ul {
	margin:0px 0px 0px 10px;
}


/*profile*/
#home_profile{
width:50%;

margin:550px auto 350px auto;
padding:90px 50px 90px 50px;
	

background-color:#000000;
color:#414141;
border:13px solid #ffffff;

/*kado*/
	-webkit-border-radius: 4px; 
		-moz-border-radius: 4px 
		border-radius: 4px;


/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;

font-size:90%;

/**/
text-align:center;


/*overflow: hidden;*/

line-height:1.5em;


}


/*スマホ用*/
@media screen and (max-width:889px){
#home_profile{
width:60%;
}
}/*スマホ用*/




/*********************************************************/



.home_box_about{

width:50%;

margin:250px auto 50px auto;
padding:90px 50px 90px 50px;


background-color:#ffffff;
color:#414141;
border:0px solid #000000;

/*kado*/
	-webkit-border-radius: 4px; 
		-moz-border-radius: 4px 
		border-radius: 4px;


/* box-shadow 
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
*/

font-size:90%;

/**/
text-align:left;


/*overflow: hidden;*/

line-height:1.5em;

}


/*スマホ用*/
@media screen and (max-width:889px){
.home_box_about{
width:80%;

margin:150px auto 150px auto;
padding:50px 10px 50px 10px;

}
}/*スマホ用*/

/*装飾見出し*/
.home_box_about h2{
/*
    line-height:1.5em;

	padding: 55px 20px 55px 20px;
	margin: 0px auto 0px auto;


    font-weight:bold;
	font-size: 120%;


	border-bottom:solid 0px #414141;
*/


/*
	background-color:#ffffff;
    color:#000000;

	border:solid 0px #414141;
*/

	text-decoration: none; 

/**/
	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;


}

.home_box_new h3{

    line-height:1.5em;

	padding: 13px 20px 13px 20px;
	margin: 130px 5px 50px 5px;

    font-weight:bold;
	font-size: 120%;

	background-color:#414141;
    color:#000000;

	border:solid 12px #ffffff;


	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;


}

/*説明文*/
.home_setumei_txt{

margin:-30px auto 200px auto!important;

	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	padding: 5px 15px 5px 15px!important;

    font-weight:normal;
	font-size: 70%!important;

    color:#414141!important;

	border:solid 0px #000000!important;

    line-height:1.5em;

	text-decoration: none!important;

    text-align:center!important;
    width:50%;
}


/*説明文*/
.home_setumei_txt2{

    width:50%;

    margin:0px auto 500px auto!important;

	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	padding: 5px 15px 5px 15px!important;

    font-weight:normal;
	font-size: 70%!important;

    color:#414141!important;

	border:solid 0px #000000!important;

line-height:1.7em;

	text-decoration: none!important;

text-align:center!important;

}
/*スマホ用*/
@media screen and (max-width:889px){
.home_setumei_txt{
    margin:-30px auto 100px auto!important;
   width:80%;
}
.home_setumei_txt2{
    margin:0px auto 100px auto!important;
   width:80%;
}
}

/*説明文*/
.home_setumei_txt3{

margin:30px 25px 200px 25px!important;

	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	padding: 5px 15px 5px 15px!important;

    font-weight:normal;
	font-size: 80%!important;

    color:#414141!important;

	border:solid 0px #000000!important;

line-height:1.7em;

	text-decoration: none!important;

text-align:left!important;

}

.home_box_head{


width:90%;
margin:0px auto 0px auto;

}


.home_box_head h1{

margin-top:20px;
margin-bottom:0px;

font-size:390%;
	font-family:  'Poiret One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*スマホ用*/
@media screen and (max-width:889px){

.home_box_new{

margin:150px auto 50px auto;
}

.home_box_head h1{

margin-top:20px;
margin-bottom:0px;

font-size:120%;
	font-family:  'Poiret One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.home_more{
font-size:200%!important;
}

}/*スマホ用*/



/*要約*/

.youyaku_home{

width:40%;

	font-size: 80%;
	margin:10px auto 10px auto;

text-align:left;



    line-height:1.9em;

	padding: 25px 20px 25px 20px;


}


/*スマホ用*/
@media screen and (max-width:889px){
.youyaku_home{
    width:80%;
	font-size: 90%;
}
}/*スマホ用*/


/*****************************************************************/
/*背景に画像*/
/*background-image*/


.backgroundimg{

/*background-image*/

    

background-image: url(http://material.atehs.net/template/html_template/img/wpn_screenshot00.jpg
)!important;
/*background-size: 400px;*/
background-size: cover;
background-position: 50% 50%;
}


/*unsplash*/
.backgroundimg_unsplash{

    

background-image: url(https://source.unsplash.com/400x600)!important;
/*background-size: 400px;*/
background-size: cover;
background-position: 50% 50%;
}



.description{
/*	font-family:  'Poiret One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/

	margin-top:-100px;
    margin-bottom:50px;

	padding: 3px 13px 3px 13px;

	line-height:1.2em;


	font-size: 0.7em;
	text-align: center;
	text-decoration: none; 

	opacity: 1.0; 

	border-radius:17px 17px 17px 17px;
		-webkit-border-radius:17px 17px 17px 17px;
		-moz-border-radius:17px 17px 17px 17px;
}
/***************************************************
　■デザイン系
****************************************************/
#wrapper {
	padding: 0 0px;
	width:100%;
}




/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/
/*********************************************************************************************************************************************************/



/**************************************************************/
/*sidemenu　　*/
/**************************************************************/

/*マウスオーバーで表示*/
#sidemenu_container:hover{



width:400px!important;
height:100%!important;

background-color:#ffffff!important;
color:#000000!important;
border-left:0px solid #000000!important;

/*kado*/
	-webkit-border-radius:0px; 
		-moz-border-radius: 0px ;
		border-radius: 0px;


/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;

font-size:80%!important;

/*text-align:center;*/



padding:350px 10px auto 10px!important;
margin:00px 0px 0px 0px!important;

/*overflow: hidden!important;*/

line-height:1.3em;



/*固定*/

 position: fixed;  
    top: 0px;  
    right: 0px; 
    z-index:888;
display: block;

/*透明*/
opacity:1.0;

/*フェード*/
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;

/*スライド*/
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}


/*リンク*/
#sidemenu_container a{

color:#000000!important;

}



/*フェード*/
#sidemenu_container {

background-color:#ffffff!important;
color:#000000!important;
border:0px solid #ffffff!important;

/*kado*/
	-webkit-border-radius:3px; 
		-moz-border-radius: 3px ;
		border-radius: 3px;


/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;


font-size:90%!important;

/**/
text-align:center;


width:100px!important;
height:100%!important;

padding:30px 30px 30px 30px!important;
margin:0px 0px -60px 20px!important ;

overflow: hidden!important;

line-height:1.5em!important;



/*固定*/

 position: fixed;  
    top: 0px;  
    right: -20px; 
    z-index:1111;
display: block;

/*透明*/
opacity:0.0;
}



/*スマホ用*/
@media screen and (max-width:889px){
#sidemenu_container {

/*透明*/
opacity:0.8;

width:100px!important;
height:100px!important;

/*kado*/
	-webkit-border-radius: 22px; 
		-moz-border-radius: 22px;
		border-radius: 22px;

/*固定*/

 position: fixed;  
top:auto;
    bottom: -50px;  
    right: -22px; 
    z-index:1111;
display: block;

}
}/*スマホ用*/






/**************************************************************/
/*sidemenu 2　　*/
/**************************************************************/

/*マウスオーバーで表示*/
#sidemenu_container2:hover{

overflow:auto;


padding:80px 30px 20px 50px ;


width:300px!important;
height:100%!important;

background-color:#ffffff;
color:#414141;
border-left:1px dotted #414141;

/*kado*/
	-webkit-border-radius:0px; 
		-moz-border-radius: 0px ;
		border-radius: 0px;


/* box-shadow 
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
*/

font-size:70%;

/*text-align:center;*/


margin:0px 0px 0px 0px!important;

/*overflow: hidden!important;*/

line-height:1.5em;



/*固定*/

 position: fixed;  
    top: 0px;  
    right: 0px; 
    z-index:888;
display: block;

/*透明*/
opacity:1.0;

/*フェード*/
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;

/*スライド*/
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}


/*リンク*/
#sidemenu_container2 a{

color:#000000;

}



/*フェード*/
#sidemenu_container2 {

background-color:#ffffff;
color:#000000;
border:0px solid #ffffff;

/*kado*/
	-webkit-border-radius:3px; 
		-moz-border-radius: 3px ;
		border-radius: 3px;

/* box-shadow 
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
*/

font-size:70%;

/**/
text-align:center;

width:100px!important;
height:100%!important;

padding:50px 30px 30px 30px;
margin:0px 0px -60px 20px;

overflow: hidden!important;

line-height:1.5em;



/*固定*/

 position: fixed;  
    top: 0px;  
    right: 0px; 
    z-index:888;
display: block;

/*透明*/
opacity:0.0;
}



/*スマホ用*/
@media screen and (max-width:689px){

}/*スマホ用*/




/*sidemenu2内リスト*/


#sidemenu_container2 li {
	position: relative;
margin:3px;
}

#sidemenu_container2 li::after {



}



#sidemenu_container2 ul{
    margin:20px 10px 20px 10px;
}


#sidemenu_container2 li{


	/*list-style: none disc circle square decimal upper-alpha lower-alpha upper-roman lower-roman
	cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha */

	list-style: none;
	list-style-position: inside;

}



/******************************************************************/





/*タイトル*/
.sidemenu_title{

margin:-0px auto 50px auto!important;

	/*font-family:  'Poiret One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;*/
	padding: 10px!important;

    font-weight:bold;
	font-size: 120%!important;

	background-color:#ffffff!important;
    color:#000000!important;

	border:solid 3px #000000!important;


	text-decoration: none!important;

text-align:center!important;


	border-radius:33px;
		-webkit-border-radius:33px;
		-moz-border-radius:33px;

}

.sidemenu_link{

margin:0px 30px 2px 30px!important;


	padding: 3px 15px -10px 15px!important;

    font-weight:normal;
	font-size: 80%!important;

	background-color:#ffffff!important;
    color:#000000!important;

	border-bottom:dotted 1px #414141!important;

line-height:2.2em;

	text-decoration: none!important;

text-align:center!important;

}

.sidemenu_link :hover{

    font-weight:bold!important;
}



/*説明文*/
.setumei_txt{

margin:-30px 20px 20px 20px!important;

	font-family:  'Poiret One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	padding: 5px 15px 5px 15px!important;

    font-weight:normal;
	font-size: 80%!important;

    color:#000000!important;

	border:solid 0px #000000!important;

line-height:1.3em;

	text-decoration: none!important;

text-align:left!important;

}





/*sidemenu内リスト*/


#sidemenu_container li {
	position: relative;
margin:1px 1px 1px 1px!important;
}

#sidemenu_container li::after {


/* チェックマーク
	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: -1em;
	width: 7px;
	height: 4px;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
 */

/* disc custom */ 

	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: #ffffff;
	border-radius: 100%;


}



#sidemenu_container ul{
    
}


#sidemenu_container li{


	/*list-style: none disc circle square decimal upper-alpha lower-alpha upper-roman lower-roman
	cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha */

	list-style: none;
	list-style-position: inside;

}


/**************************************************************/
/* menu関連　ここまで*/
/**************************************************************/


/*backstrech 枠*/
#backstrechdiv{
    width:80%;
    height:600px;
    margin:10% 10% auto 10%;

    border:0px solid #ffffff;

/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
}


/*スマホ用*/
@media screen and (max-width:889px){
#backstrechdiv{
    height:450px;
    margin:100px 10% auto 10%;

}
}/*スマホ用*/

/**************************************************************/

/*テーマイメージ 画像*/
.themeimage{

/*
    width:90%;
    height:500px;

    width:30%;
    height:150px;
*/


    margin:50px 3px 50px 3px ;

    display: inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;


/*kado*/
	-webkit-border-radius: 4px; 
		-moz-border-radius: 4px 
		border-radius: 4px;


/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;


/*画像フィルタ2
$themecolor_imgfilter2="grayscale(100%)";
$themecolor_imgfilter2="sepia(100%)";
$themecolor_imgfilter2="saturate(200%)";
*/
-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);



}

.themeimage:hover{

/*画像フィルタ2
$themecolor_imgfilter2="grayscale(100%)";
$themecolor_imgfilter2="sepia(100%)";
$themecolor_imgfilter2="saturate(200%)";
*/
-webkit-filter:grayscale(0%); 
-moz-filter:grayscale(%);  
-o-filter:grayscale(0%); 
-ms-filter:grayscale(0%);
}

/**************************************************************************/

/*ヘッダ用　テーマイメージ*/

/*円形大*/
.themeimage_homehead{


    width:400px;
    height:400px;

	border-radius:400px;
		-webkit-border-radius:400px;
		-moz-border-radius:400px;


    margin:50px auto 450px auto ;

    display: inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;

    border:0px solid #000000;


/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;


/*画像フィルタ2
$themecolor_imgfilter2="grayscale(100%)";
$themecolor_imgfilter2="sepia(100%)";
$themecolor_imgfilter2="saturate(200%)";
*/
-webkit-filter:saturate(100%); 
-moz-filter:saturate(100%);  
-o-filter:saturate(100%); 
-ms-filter:saturate(100%);

}

.themeimage_homehead:hover{
-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);

}


/*square小*/
.themeimage_homehead2{

    width:300px;
    height:300px;

	border-radius:11px;
		-webkit-border-radius:11px;
		-moz-border-radius:11px;

	border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;


    margin:50px 10px 350px 10px ;

    display: inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;

    border:0px solid #000000;


/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;


/*画像フィルタ2
$themecolor_imgfilter2="grayscale(100%)";
$themecolor_imgfilter2="sepia(100%)";
$themecolor_imgfilter2="saturate(200%)";
*/
-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);

}



.themeimage_homehead2:hover{
/*
-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);
*/
-webkit-filter:saturate(100%); 
-moz-filter:saturate(100%);  
-o-filter:saturate(100%); 
-ms-filter:saturate(100%);

}


/*■スマホ用（広め）*/
@media screen and (max-width:1100px){
.themeimage_homehead2{
    width:80%;
    height:300px;
   margin:5px auto 10px auto ;
    padding: 75px 5% 5px 5%;
	border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
}
}/*スマホ用*/




/*square横長*/
.themeimage_homehead3{


    width:90%;
    height:400px;

	border-radius:11px;
		-webkit-border-radius:11px;
		-moz-border-radius:11px;

	border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;


    margin:30px 10px 250px 10px ;

    display: inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;

    border:0px solid #000000;


/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;


/*画像フィルタ2
$themecolor_imgfilter2="grayscale(100%)";
$themecolor_imgfilter2="sepia(100%)";
$themecolor_imgfilter2="saturate(200%)";
*/
-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);

}



.themeimage_homehead3:hover{
/*
-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);
*/
-webkit-filter:saturate(100%); 
-moz-filter:saturate(100%);  
-o-filter:saturate(100%); 
-ms-filter:saturate(100%);

}



/*固定ページ用　テーマイメージ*/
.themeimage_page{


    width:600px;
    height:600px;

	border-radius:600px;
		-webkit-border-radius:600px;
		-moz-border-radius:600px;


    margin:auto;

    display: inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;

    border:13px solid #ffffff;


/*固定*/

 position: absolute;  
    top: -300px;  
    left: -150px; 
display: block;

/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;


/*画像フィルタ2
$themecolor_imgfilter2="grayscale(100%)";
$themecolor_imgfilter2="sepia(100%)";
$themecolor_imgfilter2="saturate(200%)";
*/
-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);

/*傾く*/

    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);

}

.themeimage_page:hover{

-webkit-filter:saturate(100%); 
-moz-filter:saturate(100%);  
-o-filter:saturate(100%); 
-ms-filter:saturate(100%);


}





/*************************************************************************/

.displaynone_all{
    display:none;
}
/*■スマホ用（広め）*/
@media screen and (max-width:1100px){
.displaynone_s{
    display:none;
}
}/*スマホ用*/



/***************************************************************/




/*themeimage 記事ue画像*/
.themeimage_head{


    width:350px;
    height:350px;

	border-radius:350px;
		-webkit-border-radius:350px;
		-moz-border-radius:350px;

    margin:50px auto 150px auto ;

    display: inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;

    border:0px solid #000000;



/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;


/*画像フィルタ2
$themecolor_imgfilter2="grayscale(100%)";
$themecolor_imgfilter2="sepia(100%)";
$themecolor_imgfilter2="saturate(200%)";
*/
-webkit-filter:saturate(100%); 
-moz-filter:saturate(100%);  
-o-filter:saturate(100%); 
-ms-filter:saturate(100%);

}

.themeimage_head:hover{
-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);

}

/*スマホ用*/
@media screen and (max-width:889px){
.themeimage_homehead{

    width:250px;
    height:250px;

	border-radius:250px;
		-webkit-border-radius:250px;
		-moz-border-radius:250px;

    margin:50px auto 50px auto ;
}

.themeimage_head{

    width:200px;
    height:200px;

	border-radius:200px;
		-webkit-border-radius:200px;
		-moz-border-radius:200px;

    margin:50px auto 50px auto ;
}
}/*スマホ用*/

/**************************************************************************/

.botan{

display: inline;
line-height:3em;

	padding: 5px 12px 5px 12px;
	margin: 5px 5px 5px 5px;

    font-weight:bold;
	font-size: 60%;

	background-color:#ffffff;
    color:#414141;

	border:solid 2px #414141;


	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;

}

.botan a{
	color:#000000!important;
}

.botan:hover{
	/**/
    background-color:#ffffff;
    color:#000000!important;
	border:solid 4px #000000;
	opacity: 1.0; 
}
.botan a:hover{
	color:#000000!important;
	opacity: 1.0; 
}





/******************************************************************************/
/*ハンバーガー*/

#hamburger_menu{
    width:60px;
    height:60px;

    padding:10px;


    position: fixed;  
    top: 5px;  
    right: 0px; 
    z-index:1001;
    display: block;

opacity:0.1;

}


#hamburger_menu:hover{

opacity:0.3;

/*フェード*/
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;

}

.hamburger{

	border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;

margin-bottom:7px;
    background-color:#000000;
    width:50px;
    height:7px;
}


/******************************************************************************/


/*アコーディオン*/

#acMenu_c dt{
    display:block;
    cursor:pointer;

    margin-top:100px;/*記事下余白（themeimage_foot画像なしの場合200等）*/
	text-align: right;
    }
#acMenu_c dd{
    display:none;
    }


/***********************************************************/

/*アコーディオンで表示*/
#sidemenu_container3{


overflow:auto;


padding:50px 20px 20px 10px ;


width:300px!important;
height:100%!important;

background-color:#ffffff!important;
color:#414141!important;
border-left:0px solid #000000!important;

/*kado*/
	-webkit-border-radius:0px; 
		-moz-border-radius: 0px ;
		border-radius: 0px;


/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;

font-size:70%!important;

text-align:center;


margin:0px 0px 0px 0px!important;

/*overflow: hidden!important;*/

line-height:1.5em;



/*固定*/

 position: fixed;  
    top: 0px;  
    right: 0px; 
    z-index:888;
display: block;

/*透明*/
opacity:1.0;

/*フェード*/
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;

/*スライド*/
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}


/*リンク*/
#sidemenu_container3 a{

color:#000000!important;

}


/*スマホ用*/
@media screen and (max-width:889px){
#sidemenu_container3 {

padding:50px 30px 80px 5px ;


width:300px!important;
height:100%!important;

/*透明*/
opacity:0.9;


/*kado*/
	-webkit-border-radius: 2px; 
		-moz-border-radius: 2px;
		border-radius: 2px;

/*固定*/

 position: fixed;  
    top:0px;
    bottom: 0px;  
    right: 0px; 
    z-index:887;


}
}/*スマホ用*/




/*sidemenu3内リスト*/


#sidemenu_container3 li {
	position: relative;
margin:1px 10px 1px 10px!important;
}

#sidemenu_container3 li::after {


/* チェックマーク
	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: -1em;
	width: 7px;
	height: 4px;
	border-left: 2px solid #000000;
	border-bottom: 2px solid #000000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
 */

/* disc custom 

	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: #414141;
	border-radius: 100%;
*/ 

}



#sidemenu_container3 ul{
    margin:20px 10px 20px 40px!important;
}


#sidemenu_container3 li{


	/*list-style: none disc circle square decimal upper-alpha lower-alpha upper-roman lower-roman
	cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha */

	list-style: none;
	list-style-position: inside;

}



/*現在の見出し*/
#toc .toc-active {
	font-weight:bold;
	border-bottom: 0px dotted #000000;
}
 


/**************************************************************************/

#single_div{

padding-top:180px;

padding-bottom:380px;
width:100%;
height:100%;

text-align:center;

}




/*スマホ用*/
@media screen and (max-width:889px){
#no_backstrechdiv{
    padding-top:50px;
}
}/*スマホ用*/


/*記事画像*/
#single_div img{

width:70%;


margin:20px auto 20px auto;

/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;

}

#single_div img:hover{


/*画像フィルタ2
$themecolor_imgfilter2="grayscale(100%)";
$themecolor_imgfilter2="sepia(100%)";
$themecolor_imgfilter2="saturate(200%)";
*/
-webkit-filter:saturate(200%); 
-moz-filter:saturate(200%);  
-o-filter:saturate(200%); 
-ms-filter:saturate(200%);


}

#single_div h1{

display: inline;
line-height:10em;

	padding: 5px 12px 5px 12px;
	margin: 5px 5px 5px 5px;

    font-weight:bold;
	font-size: 60%;

	background-color:#ffffff;
    color:#414141;

	border:solid 2px #414141;


	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;



}

#single_div h1 a{
	color:#000000!important;
}

#single_div h1:hover{
	/**/
    background-color:#ffffff;
    color:#000000!important;
	border:solid 4px #000000;
	opacity: 1.0; 
}
#single_div h1 a:hover{
	color:#000000!important;
	opacity: 1.0; 
}






/*説明文*/
.img_setumei_txt{

margin:-220px 20px 400px 20px!important;

	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
	padding: 5px 15px 5px 15px!important;

    font-weight:normal;
	font-size: 70%!important;

    color:#414141!important;

	border:solid 0px #000000!important;

line-height:1.3em;

	text-decoration: none!important;

text-align:center!important;

}



/****************************************************************************************/



/*タイトル*/
.home_next{

margin:50px auto 50px auto!important;

	padding: 5px 20px 5px 20px;

    font-weight:bold;
	font-size: 100%!important;

	background-color:#ffffff!important;
    color:#000000!important;

	border:solid 3px #000000!important;


	text-decoration: none!important;

text-align:center!important;


	border-radius:33px;
		-webkit-border-radius:33px;
		-moz-border-radius:33px;

}


.home_next a{
   color:#000000!important;
}



/****************************************************************************************/

/*記事部分*/
.note{

margin:100px 25% 200px 25% ;

text-align:left;
font-size:90%;
line-height:1.8em;

}

/*■スマホ用*/
@media screen and (max-width:679px){
.note{
margin:100px 5% 200px 5% ;
}
}/*スマホ用*/


/*記事内画像*/
.note img {
	margin:50px auto 50px auto!important;

width:100%!important;
}

.note img {
	margin:150px auto 150px auto;
	height:auto;

}


.note blockquote {
    margin: 80px 5% 80px 5%;
    padding: 80px 10% 80px 10%;
    border: 1px solid #414141;
    font-size: 90%;

	border-radius:17px 17px 17px 17px;
		-webkit-border-radius:17px 17px 17px 17px;
		-moz-border-radius:17px 17px 17px 17px;
}

.note blockquote::before {

}
.note blockquote::after {
}




.note ul {
	margin:50px auto 50px 5%;

}


.note li{
/*記事内リスト関連*/
border-bottom:dotted 0px #414141;

}

.note li::before {
/**/
	content:"●";
}

/*記事内リンク*/
.note a{
font-weight:bold;
}

.note a:hover{
letter-spacing:0.1em;

}


/**********************************************/

/*縦書用設定追加分*/
.tate{
	padding:50px 0px 50px 0px ;
	font-size:105%;
	letter-spacing: 0px;
	line-height:1.8;

}


.tate h2{
font-weight:bold;
}

.tate h2::before{
content:" ";
}


.tate h3{
font-weight:bold;
}

.tate h3::before{
content:" ";
}






/*罫線関連*/
._r_separator {
    clear: both;
    width: 100%;
    height: 30px!important;
    margin-bottom: 30px!important;
    border-bottom: dotted 1px #000000!important;
}


/**********************************************/
/*縦書き内画像*/

.h2v img{
	width:400px!important;
	height:auto!important;

}


/*レスポンシブスマホ用*/
@media screen and (max-width:879px){

.h2v img{
	width:250px!important;
	height:auto!important;
}

}/*レスポンシブスマホ用ここまで*/


.h2v hr{
	margin-left:30px!important;

}

/**********************************************/
.migiyose{
text-align:right;
font-size:9pt;
}

/**********************************************/
#pagetop{

cursor: pointer;

/*固定*/

 position: fixed;  
    bottom: 25px;  
    right: 5px; 
    z-index:1111;
display: block;

/*透明*/
opacity:1.0;

/*フェード*/
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;

/*スライド*/
   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;


}





/*****************************************************************/


/*枠（かこみ）*/
.waku{

background-color:#ffffff;
color:#000000;
border:1px solid #414141;

/*kado*/
	-webkit-border-radius: 4px; 
		-moz-border-radius: 4px 
		border-radius: 4px;


/* box-shadow 
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
*/

font-size:90%;

/*text-align:center;*/


width:400px;

padding:50px 50px 50px 50px;
margin:60px auto 60px auto ;

overflow: hidden;

line-height:1.4em;
}


/*スマホ用*/
@media screen and (max-width:479px){
.waku{
width:90%;
padding:30px 10px 30px 10px;
margin:40px 1px 40px 1px ;
}
}/*スマホ用*/

.waku:hover{
background-color:#ffffff;
}

.waku a{
color:#000000!important;
}

/*********************************************************************/

/*コメント関連*/


.comments-area{

width:70%;
    margin: 130px auto 150px auto;
    padding: 75px 25px 75px 25px;
    border: 1px solid #000000;
    font-size: 80%;

/*kado*/
	-webkit-border-radius: 4px; 
		-moz-border-radius: 4px 
		border-radius: 4px;



}


/*■スマホ用*/
@media screen and (max-width:679px){
.comments-area{
    width:80%;
}
}/*スマホ用*/

.comments-area ul{

font-size:100%;

}

.comments-area h4{

margin-top:20px;

}

.comments-area li::after {


/* disc custom */ 

	display: block;
	content: '';
	position: absolute;
	top: .3em;
	left: -1em;
	width: 0px;
	height: 0px;
	background-color: #000000;
	border-radius: 100%;


}


.comments-area li {

margin:10px auto 20px auto ;
padding:10px;
border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;

}


.note .comments-area li::before {
	content:" "!important;

}




/*コメントアバターを非表示*/
.comments-area .avatar{

display:none;

}

.comments-area .comment-author{

text-align:right;
font-size:70%;
}

.comments-area .commentmetadata{
text-align:right;
font-size:70%;
margin-bottom:20px;
}



.comments-area .reply{
text-align:right;
font-size:70%;

}


/*コメントウェブサイトを非表示*/
.comment-form-url,
.form-allowed-tags {
	display: none;
}



/*COMMENTアコーディオン*/

#acMenu_a dt{
    display:block;
    cursor:pointer;

    margin-top:100px;/*記事下余白（themeimage_foot画像なしの場合200等）*/
	text-align: right;
    }
#acMenu_a dd{
    display:none;
    }


/*プロフィールアコーディオン*/

#acMenu_b dt{
    display:block;
    cursor:pointer;

    margin-top:100px;/*記事下余白（themeimage_foot画像なしの場合200等）*/
	text-align: right;
    }
#acMenu_b dd{
    display:none;
    }


/*COMMENTボタン*/
.commentbtn{

display: inline;
line-height:3em;

	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 5px;

    font-weight:normal;
	font-size: 50%;

	background-color:#ffffff;
    color:#000000;

	border:solid 1px #414141;


	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;

}

.commentbtn a{
	color:#000000;
}

.commentbtn:hover{
	background-color:#ffffff;
    color:#000000;
	border:solid 1px #414141;
   font-weight:bold;

}
.commentbtn a:hover{
	color:#000000;
}



/*COMMENT 見出し*/
.commentmidasi{

display: inline;
line-height:3em;

	padding: 5px 15px 5px 15px;
	margin: 5px 5px 50px 5px;


	font-size: 100%;
    font-weight:bold;

	color:#000000;
	border:solid 2px #414141;
background-color:#ffffff;

	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;

}


.commentmidasi:hover{
	background-color:#ffffff;
}


/**************************************************************************************/
/*フッタ　プロフィール*/


#author_foot{



width:50%;
    margin: 100px auto 150px auto;
    padding: 100px 15% 55px 15%;
    border: 1px solid #414141;
    font-size: 80%;

/*kado*/
	-webkit-border-radius: 4px; 
		-moz-border-radius: 4px 
		border-radius: 4px;


/* box-shadow 
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
*/
}



/*■スマホ用*/
@media screen and (max-width:679px){
#author_foot{
    width:80%;
    padding: 75px 5% 75px 5%;
}
}/*スマホ用*/


#article_foot a{

	color:#000000;

}

#article_foot a:hover{

	color:#000000!important;

}



/*profileボタン*/
.profilebtn{



display: inline;
line-height:3em;

	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 5px;

    font-weight:normal;
	font-size: 50%;

	background-color:#ffffff;
    color:#000000;

	border:solid 1px #414141;


	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;

}

.profilebtn a{
	color:#414141;
}

.profilebtn:hover{
	background-color:#ffffff;
    color:#000000;
}
.profilebtn a:hover{
	color:#000000;
}


/*profileボタン2*/
.profilebtn2{
	font-weight:normal;
}

.profilebtn2::before{
	content:"[";
}

.profilebtn2::after{
	content:"]　";
}









.profiletxt{
width:50%;
margin:50px auto 150px auto;
font-size:0.8em;
}
/*************************************************************************/

#allpost{

margin:80px auto 100px auto;

width:50%;

font-size:0.9em;

}


#allpost ul{

line-height:3.0em;
}


.fontsize05em{
font-size:0.5em;
}




/*************************************************************************/
.botfutxt{
width:70%;
margin:10px auto 150px auto;
font-size:0.9em;
}


.botfu_bot{

clear:both;
line-height:1.4em;

	padding: 11px 12px 11px 12px;
	margin: 35px 10% 35px 5px;

    font-weight:bold;
	font-size: 0.9em;

	background-color:#ffffff;
    color:#414141;

	border:solid 2px #414141;


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;


}


.botfu_user{


clear:both;

	line-height:1.4em;

	padding: 5px 12px 5px 12px;
	margin: 35px 5px 35px 10%;

    font-weight:normal;
	font-size: 0.7em;

	background-color:#ffffff;
    color:#414141;

	border:dotted 1px #414141;

	text-align:right;
	float:right;

	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;


}

/*ヘッダ部分*/
#home_boxs_head{

margin:50px auto 400px auto;
}





















/*********************************************************************************************/


/*サイドメニュー（カスタムメニュー）*/

.menu-item{
display: inline-block;

font-size:0.7em;


/*	padding: 3px 8px 3px px;*/
	margin: 3px;

    font-weight:normal;

	background-color:#ffffff;
    color:#414141;

	border:solid 0px #414141;


	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;

}


.menu-item li{

line-height:1.8em;
margin:3px 0px 3px 0px ;

}


.menu-item ul{
margin:3px 0px 3px 0px ;
}


.menu-item::before{
	content:"[";
}

.menu-item::after{
	content:"]";
}




.menu-item a{
	color:#000000!important;
}

.menu-item:hover{
	/**/
    background-color:#ffffff;
    color:#000000!important;
	border:solid 0px #000000;
}

.menu-item a:hover{
	color:#000000!important;
	opacity: 1.0; 
}








.page_item{
display: inline-block;

font-size:0.7em;


/*	padding: 3px 8px 3px px;*/
	margin: 3px;

    font-weight:normal;

	background-color:#ffffff;
    color:#414141;

	border:solid 0px #414141;


	text-decoration: none; 


	border-radius:22px 22px 22px 22px;
		-webkit-border-radius:22px 22px 22px 22px;
		-moz-border-radius:22px 22px 22px 22px;

}


.page_item li{

line-height:1.8em;
margin:3px 0px 3px 0px ;

}


.page_item ul{
margin:3px 0px 3px 0px ;
}


.page_item::before{
	content:"[";
}

.page_item::after{
	content:"]";
}




.page_item a{
	color:#000000!important;
}

.page_item:hover{
	/**/
    background-color:#ffffff;
    color:#000000!important;
	border:solid 0px #000000;
}

.page_item a:hover{
	color:#000000!important;
	opacity: 1.0; 
}


/*スマホ用*/
@media screen and (max-width:889px){

.menu-item{
line-height:3.8em;
}
.menu-item ul{
margin:3px 0px 3px 0px ;
}


.page_item li{
line-height:3.8em;
margin:3px 0px 3px 0px ;
}
.page_item ul{
margin:3px 0px 3px 0px ;
}

}

/*************************************************************************/

/*■ギャラリーページ配色設定 gallery*/



.singlepage2 {
	background-color:#000000!important;
	color:#414141!important;
}


.singlepage2 a{
	color:#414141!important;
}

/*画像ページの下線配色*/
.attachmentbox_txt{
	border-bottom:1px dotted #414141;
}

/*画像ページ見出し配色*/
#attachmentbox h1{
	color:#414141;
	border-bottom:1px dotted #414141;
}


/*
サムネ画像にフィルタをかける場合
　※フィルタをかけない場合はコメントアウト、削除、数字を「0」にする等
*/



#customgallery_boxs img{
/*hoverしない時は画像にフィルタ（グレイスケール等）*/
/*
-webkit-filter:grayscale(100%);   // for Google Chrome and Safari
-moz-filter:grayscale(100%);      // for Firefox
-o-filter:grayscale(100%);        // for Oper
-ms-filter:grayscale(100%);       // for Internet Explorer
*/
}

#customgallery_boxs img:hover{
-webkit-filter:grayscale(0%);   // for Google Chrome and Safari
-moz-filter:grayscale(0%);      // for Firefox
-o-filter:grayscale(0%);        // for Oper
-ms-filter:grayscale(0%);       // for Internet Explorer
}


/**************************************************************************/


/*■attachment画像ページ用*/


/*attachment画像*/

#attachmentbox{
margin-top:0px;
width:100%;
text-align:center;

}

#attachmentbox img{


max-width: 700px;
height:auto;

	-webkit-border-radius: 4px!important; 
		-moz-border-radius: 4px !important;
		border-radius: 4px!important;

/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
}



/*■スマホ用*/
@media screen and (max-width:679px){
#attachmentbox img{
width:300px;
}
}/*スマホ用*/



#attachmentbox h1{
text-align:center;
margin:0 10% 0 10% ;

font-family:  'Poiret One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
font-size:150%;
font-weight:bold;

}

.attachmentbox_txt{
margin:150px 20% 50px 20% ;
	text-align:center;
    padding: 15px 10px 15px 10px ;
    font-size: 70%;

}

/*■ギャラリー系*/
/*customgallery*/



/*ギャラリー機能用*/

#customgallery_boxs{
text-align:center;
margin:150px auto 150px auto;

width:60%;
}

#customgallery_boxs img{

margin:5px 5px 5px 5px ;

width:100px;/*角と揃えると丸*/
height:auto;
overflow:hidden;


	-webkit-border-radius: 100px!important; 
		-moz-border-radius: 100px !important;
		border-radius: 100px!important;

/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;

}


#customgallery_boxs img:hover{
margin:10px 10px 10px 10px ;
-webkit-filter:grayscale(0%);   // for Google Chrome and Safari
-moz-filter:grayscale(0%);      // for Firefox
-o-filter:grayscale(0%);        // for Oper
-ms-filter:grayscale(0%);       // for Internet Explorer
}

.customgallery_boxs_title{
text-align:left;
margin:0px 0px 0px 100px ;


font-family:  'Poiret One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
font-size:120%;
}


/*■ギャラリーページヘッダ*/


#customgalleryheader{

/**/
background-color:#ffffff!important;
background-color:#cccccc!important;

color:#000000!important;

/*
border-bottom:5px solid #cccccc;
*/

padding:15px 10px 5px 30px;

margin:-10px -15px 35px -15px;
	font-size:80%;
	font-weight:bold;
	font-family:  'Poiret One',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.34902) 3px 3px 17px 1px;

/*傾く*/

    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);

}

#customgalleryheader:hover{

}

#customgalleryheader a{

background-color:#cccccc;
color:#000000!important;

}

.customgalleryheadertitle{

background-color:#cccccc;
color:#000000!important;

font-size:120%;
font-weight:bold;

}