ins {
  background: none;
}

html {
overflow-y:scroll;
height: auto;

  
}

div.tanebox {
margin-left: auto;
margin-right: 50px;
}




.tab-content {
  max-width: 800px;
  margin: 30px 0 0 0px;
 
}
.tab-nav {
  padding-bottom: 10px;
}
.tab-box {
  margin-top: 10px;
  border: 1px solid #bbb;
  border-radius: 7px 7px 7px 7px;
}
.tab {
  border: 1px solid #bbb;
  border-radius: 7px 7px 7px 7px;
  padding: 8px 8px 8px 8px;
  
}
.tab:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 255, 0.3);
}
.tab-view {
  margin: 20px;
  display: none;
}
.radio {
  display:none;
}
.radio:checked + .tab {
  background-color: rgba(0, 0, 255, 0.3);
}
#tab1:checked ~ .tab-box > #tab-view1 {
  display: block;
  
}
#tab2:checked ~ .tab-box > #tab-view2 {
  display: block;
 
}
#tab3:checked ~ .tab-box > #tab-view3 {
  display: block;
  
}









 












@media all and (-ms-high-contrast:none) and  (min-width: 955px) {
  *::-ms-backdrop, .site-header {
		background-color: transparent;
		border-bottom: 0;
		margin: 20% 0 0% 0;
		padding: 0 2%;
        
	}
	}


@media all and (-ms-high-contrast:none)and (min-width: 620px)
    and (max-width: 954px){
 *::-ms-backdrop, .site-footer {
		margin-top: 7% ;
			}
            }	











@media screen and (max-width: 619px) { 
li {
list-style-type: square;
color:#aaaaff;  
 margin-left:3px; 
}
  
  
.entry-content li {
 list-style-type: none;	
 margin-left:0px;    
} 
  
  
}
    
@media screen and (min-width: 620px) {

li {
list-style-type: none;	
}



}

    

.blue{
    position:relative;
    padding: 0px;
    margin: 0px 0;
    width: 100%;
    border: 1px solid #AAAAFF;
    border-radius: 0 4px 4px 4px;
    color: #80888D;
}
.blue span{
    position:absolute;
    top: -10px;
    left: -1px;
    padding: 5px 25px;
    background-color: #AAAAFF;
    border-radius:4px 4px 0px 0px;
    color:#fff;
    font-weight:800;
    letter-spacing:.3em;
    line-height: 1em;
}


.blue1{
    position:relative;
    padding: 0px;
    margin: 0px 0;
    width: 100%;
    border: 1px solid #AAAAFF;
    border-radius: 0 4px 4px 4px;
    color: #80888D;
}
.blue1 span{
  width: 82%;
  font-size: 17px;
    position:absolute;
    top: 0px;
    left: 0px;
    padding: 9px 25px;
    background-color: #AAAAFF;
    border-radius:0px 0px 0 0;
    color:#fff;
    font-weight:800;
    letter-spacing:.3em;
    line-height: 1em;
}


.blue2{
    position:relative;
    padding: 0px;
    margin: 0px 0;
    width: 100%;
    border: 1px solid #AAAAFF;
    border-radius: 0 4px 4px 4px;
    color: #80888D;
}
.blue2 span{
  width: 60%;
  font-size: 17px;
    position:absolute;
    top: 0px;
    left: 0px;
    padding: 9px 25px;
    background-color: #AAAAFF;
    border-radius:0px 0px 0 0;
    color:#fff;
    font-weight:800;
    letter-spacing:.3em;
    line-height: 1em;
}






.sample ul{
  border: solid 0px #aaaaff;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
 
.sample ul li{
  line-height: 1.5;
  padding: 0em 0;
  list-style-type: none;
}



.sample ul li:before {
 font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 1em; 
  color: #aaaaff; 
	 
}




.sample1 ol{
  counter-reset:number; 
  list-style-type: none!important; 
  padding:0.5em;
  background: #fff;
}
.sample1 ol li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.sample1 ol li:before{
  
  position: absolute;
  counter-increment: number;
  content: counter(number);
  
  display:inline-block;
  background: #aaaaff;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);

}



.ksk dt {
  color: white;
  float: left;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 5px 20px;
  background: #aaaaff;
 
}















.buruburu {
    display: inline-block;
  margin:0;
    animation: hurueru .1s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}


.amazon_zz {
    font-size: 16px;
    font-weight: bold;
  

}





.post-navigation .post-title {
	font-size: 16px;
	font-size: 1.6rem;
}




 
.post-navigation a {
	padding: 2%  7.6923%;
  
}



　

h6 {
	position: relative;
	padding-left: 30px;
	font-size:20px;
	color: #AAAAFF;
  border:1px solid #AAAAFF;
  padding-bottom:30px;
  padding-top:30px;
  padding-right:30px;
}
h6::before,
h6::after{
	content: "□";
	position: absolute;
}
h6::before{
	left:0;
	top:-3px;
}
h6::after{
	left: 5px;
	top: 10px;
  bottom 10px;
	color: #AAAAFF;
  
  
}






.note4 {
  background-color: #AAAAFF;
  color:#fff;
  border: 0px solid #AAAAFF;
  position: relative;
  padding: 1.7em 1em 0.3em 4.5em;
   font-weight:450;
}
.note4::after {
  position: absolute;
  top: 0px;
  left: 10px;
  font-family: FontAwesome;
  content: '\f05a';
  color:#e5e8fa ;
  font-size: 230%;
 
}











.note1 {
  background-color: #AAAAFF;
  color:#fff;
  border: 0px solid #AAAAFF;
  position: relative;
  padding: 1.7em 1em 0.3em 4.5em;
   font-weight:450;
}
.note1::after {
  position: absolute;
  top: 0px;
  left: 10px;
  font-family: FontAwesome;
  content: '\f06a';
  color:#e5e8fa ;
  font-size: 230%;
 
}



.note2 {
  background-color: #BDC3C4;
  border: 0px solid #BDC3C4;
  position: relative;
  padding: 1.7em 1em 0.3em 4.5em;
　font-weight:450;  
}
.note2::after {
  position: absolute;
  top: 0px;
  left: 10px;
  font-family: FontAwesome;
  content: '\f06a';
  color:#eee ;
  font-size: 230%;
}

.note3 {
  background-color: #D9E5FF;
  border: 0px solid #D9E5FF;
  position: relative;
  padding: 1.7em 1em 0.3em 4.5em;
　font-weight:450;  
}
.note3::after {
  position: absolute;
  top: 0px;
  left: 10px;
  font-family: FontAwesome;
  content: '\f06a';
  color:#eee ;
  font-size: 230%;
}





.memo10 {
    position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #d9e5ff;
	font-size: 17px;
	clear: both;
  }
 
.memo10:before {
    position: absolute;
	left: 15px;
	top: -15px;
	content: 'f0f6';
	z-index: 2;
	width: 30px;
	height: 30px;
	padding-top: 4px;
	border-radius: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #b0c4de;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 20px;
	line-height: 1;
	text-align: center;
    }
 
.memo10:after {
    position: absolute;
	left: 32px;
	top: -10px;
	z-index: 1;
	content: 'MEMO';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #d9e5ff;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1;
    }












.memo {
    position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #e6e6fa;
	font-size: 17px;
	clear: both;
     }
 
.memo:before {
    position: absolute;
	left: 15px;
	top: -15px;
	content: 'f0f6';
	z-index: 2;
	width: 30px;
	height: 30px;
	padding-top: 4px;
	border-radius: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #b0c4de;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 20px;
	line-height: 1;
	text-align: center;
     }
 
.memo:after	{
    position: absolute;
	left: 32px;
	top: -10px;
	z-index: 1;
	content: 'MEMO';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #e5e8fa;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1;
    }

.note {
  position: relative;
  background-color:  #e9ebfc;
  padding: 1em;
}
.note h5 {
  position:absolute ;
  top: -3em;
  background-color: rgba(100,100,100,0.4);
  padding: 0.1em 1em;
  color: #fff;
  transform: rotate(-4deg);
}


.note100 {
  position: relative;
  background-color:  #e9ebfc;
  padding: 1em;
}
.note100 h5 {
  position:absolute ;
  top: -2em;
  background-color: rgba(100,100,100,0.4);
  padding: 0.1em 1em;
  color: #fff;
  transform: rotate(-4deg);
}













.note5 {
  position: relative;
  background-color:  #D9E5FF;
  padding: 1em;
}
.note5 h5 {
  position:absolute ;
  top: -3em;
  background-color: rgba(100,100,100,0.4);
  padding: 0.1em 1em;
  color: #fff;
  transform: rotate(-4deg);
}


















.marker_purple {
background: linear-gradient(transparent 60%, #AAAAFF  60%);
}






 h4 {
background-color: #AAAAFF;
margin-bottom: 5px;
padding: 5px 0;
}
h4 span {
display: block;
border-left: 4px solid #e5e8fa;
color: #FFF;
font-size: 18px;
margin: 2px 8px;
padding: 4px 0 0 8px;
}





















.balloon1 {
position: relative;
display: inline-block;
margin: 0.4em 0 0em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #fff;
font-size: 16px;
background: #AAAAFF; border-radius: 15px; }.balloon1:before{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #AAAAFF;
}

.balloon1 p {
margin: 0;
padding: 0;
} 





.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}   





.entry-content .more-link {
 margin:0px 0px 0px 0px;
 padding:0px;
 width: 125px;
 height: 30px;
 line-height: 30px;
 color: #FFF;
 background-color:  #AAAAFF;
 font-size: 16px;
 font-weight: 700;
 text-align: center;
 display: inline-block;
 text-decoration: none;
 -webkit-border-radius: 0px;
 border-radius: 0px; 
 border: solid 2px  #AAAAFF ;
 -webkit-transition: all .3s;
 transition: all .3s;
}

.entry-content .more-link:hover {
 color:#AAAAFF ;
 background-color: transparent;
 border: solid 2px;
 border-color: #AAAAFF;
}








sub {
    vertical-align: sub;
    font-size: smaller;
}


sup {
    vertical-align: super;
    font-size: smaller;
}








div.only_back p {
    background: rgba(255,0,0,0.3);
}










.wrap {
    height: 250px;
    width: 300px;
}

.wrap a {
    display: block;
    width: 100%;
    height: 100%;
}


.power0 {
max-width:125px;
max-height:125px;
overflow:hidden;

}


div.entry-post-thumbnail{ 
 max-width:125px;
max-height:125px;
overflow:hidden;

} 




.power0,div.entry-post-thumbnail:hover{ 
overflow:hidden;

        
}

  



.power0 img{ 
transition: 0.5s

}



div.entry-post-thumbnail img{
 transition: 0.5s

}

div.entry-post-thumbnail img:hover{      
-moz-transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2)
  
}




















.power {
max-width:300px;
max-height:250px;
overflow:hidden;
}

.power1 { 
  
overflow:hidden;

}

.power1 img {


transition:0.5s;
}

.power1 img:hover {
 
-moz-transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
}

.power2 {
max-width:234px;
max-height:60px;
overflow:hidden;
}

.power3 {
max-width:250px;
max-height:250px;
overflow:hidden;
}

.power4 {
max-width:300px;
max-height:50px;
overflow:hidden;
}

.power5 {
max-width:400px;
max-height:300px;
overflow:hidden;
}

.power6 {
max-width:225px;
max-height:300px;
overflow:hidden;
}

.power7 {
max-width:400px;
max-height:300px;
overflow:hidden;
}


.power8 {
max-width:572px;
max-height:635px;
overflow:hidden;
}

.power9 {
max-width:610px;
max-height:615px;
overflow:hidden;
}

.power10 {
max-width:500px;
max-height:345px;
overflow:hidden;
}

.power11 {
max-width:343px;
max-height:500px;
overflow:hidden;
}

.power12 {
max-width:500px;
max-height:313px;
overflow:hidden;
}

.power13 {
max-width:450px;
max-height:325px;
overflow:hidden;
}

.power14 {
max-width:383px;
max-height:272px;
overflow:hidden;
}

.power15 {
max-width:506px;
max-height:542px;
overflow:hidden;
}

.power16 {
max-width:502px;
max-height:650px;
overflow:hidden;
}

.power17 {
max-width:640px;
max-height:480px;
overflow:hidden;
}

.power18 {
max-width:480px;
max-height:640px;
overflow:hidden;
}

.power19 {
max-width:650px;
max-height:433px;
overflow:hidden;
}

.power20 {
max-width:660px;
max-height:439px;
overflow:hidden;
}

.power21 {
max-width:650px;
max-height:450px;
overflow:hidden;
}

.power22 {
max-width:660px;
max-height:438px;
overflow:hidden;
}

.power23 {
max-width:787px;
max-height:425px;
overflow:hidden;
}

.power24 {
max-width:790px;
max-height:427px;
overflow:hidden;
}

.power25 {
max-width:400px;
max-height:250px;
overflow:hidden;
}

.power26 {
max-width:796px;
max-height:482px;
overflow:hidden;
}

.power27 {
max-width:800px;
max-height:508px;
overflow:hidden;
}

.power28 {
max-width:790px;
max-height:593px;
overflow:hidden;
}

.power29 {
max-width:800px;
max-height:473px;
overflow:hidden;
}

.power30 {
max-width:798px;
max-height:425px;
overflow:hidden;
}

.power31 {
max-width:814px;
max-height:425px;
overflow:hidden;
}

.power32 {
max-width:798px;
max-height:425px;
overflow:hidden;
}

.power33 {
max-width:800px;
max-height:533px;
overflow:hidden;
}

.power34 {
max-width:798px;
max-height:425px;
overflow:hidden;
}

.power35 {
max-width:778px;
max-height:427px;
overflow:hidden;
}

.power36 {
max-width:782px;
max-height:427px;
overflow:hidden;
}

.power img,.power2 img,.power3 img,.power4 img,.power5 img,.power6 img,.power7 img,.power8 img,.power9 img,.power10 img,.power11 img,.power12 img,.power13 img,.power14 img,.power15 img,.power16 img,.power17 img,.power18 img,.power19 img,.power20 img,.power21 img,.power22 img,.power23 img,.power24 img,.power25 img,.power26 img,.power27 img,.power28 img,.power29 img,.power30 img,.power31 img,.power32 img,.power33 img,.power34 img,.power35 img,.power36 img {
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.5s;
}

.power img:hover,.power2 img:hover,.power3 img:hover,.power4 img:hover,.power5 img:hover,.power6 img:hover,.power7 img:hover,.power8 img:hover,.power9 img:hover,.power10 img:hover,.power11 img:hover,.power12 img:hover,.power13 img:hover,.power14 img:hover,.power15 img:hover,.power16 img:hover,.power17 img:hover,.power18 img:hover,.power19 img:hover,.power20 img:hover,.power21 img:hover,.power22 img:hover,.power25 img:hover,.power28 img:hover,.power29 img:hover {
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
}


.power23 img:hover,.power24 img:hover,.power26 img:hover,.power27 img:hover,.power30 img:hover,.power31 img:hover,.power32 img:hover,.power33 img:hover,.power34 img:hover,.power35 img:hover,.power36 img:hover {
-moz-transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
-o-transform:scale(1.3,1.3);
-ms-transform:scale(1.3,1.3);
}




.container {
			width: 323px ;
			height: 150px ;
			
			text-align: center ;
		}

		.target {
			transition: .5s ;
			transform: rotateZ( 0deg ) ;
		}

		.container:hover .target {
			transform: rotateZ( 360deg ) ;
		}





















.box {
    background-color: #000;
    color: #fff;
    background-color:rgba(0,0,0,0.8); 
}




blockquote{ 
 
  font-size: 12px;
		font-size: 1.7rem;
		line-height: 1.75;
		margin-bottom: 1.75em;
  margin-top: 1.75em;
		margin-left: 0em;
		
  padding-left: 0.3em;
  margin-right: 0em;
  background-color: #f1f1f1;
  border:0px;
  padding:30px 30px 30px 30px;
 }




 blockquote:before{
content: "“";
font-size: 500%;
line-height: 0.8em;
font-family:"ＭＳ Ｐゴシック" ,sans-serif;  
color: #767676;
position: absolute;
  top: 10px;
  left: 0px;
  z-index: 2;
}
 
blockquote:after{
content: "”";
font-size: 500%;
line-height: 0em;
font-family: "ＭＳ Ｐゴシック" ,sans-serif;
color: #767676;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}


 



























@media screen and (max-width: 1024px)
   { 
    
	br {
		 display:none;
	}



blockquote {
    
		font-size: 12px;
		font-size: 1.5rem;
		line-height: 1.75;
		margin-bottom: 1.75em;
		margin-left: 0em;
		padding-left: 1.85em;
    　　
    margin-right: 0em;
    }
    br {
     display:inline;
	}


  
   blockquote:before {
content: "“";
font-size:75px;
line-height: 0.8em;
font-family:'Times New Roman' , "ＭＳ Ｐゴシック" ,sans-serif;  
color: #767676;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
 
blockquote:after {
content: "”";
font-size: 75px;
line-height: 0em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #767676;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
  
 
 }
  
  
		



  
  
  
  
  
  
  
  
  
  @media only screen and (min-width: 767px)
    and (max-width: 1279px){
    



blockquote {
      
		font-size: 12px;
		font-size: 1.5rem;
		line-height: 1.75;
		margin-bottom: 1.75em;
		margin-left: 0em;
		padding-left: 0.85em;
      margin-right: 0em;
	}   
    
    
    
     blockquote:before{
content: "“";
font-size:500%;
line-height: 0.8em;
font-family:'Times New Roman' , "ＭＳ Ｐゴシック" ,sans-serif;  
color: #767676;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
 
blockquote:after{
content: "”";
font-size: 500%;
line-height: 0em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #767676;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}  
    
}    

  @media only screen and (min-width: 768px)
    and (max-width: 1024px){
   
  
  header h1 span:before {
    content: "\A";
    white-space: pre;
  }
    

.page-header, 
	.page-content,
        .hentry {
       margin: 0% 0% 0% 0%;
}


blockquote{ 
 
font-size: 11px;
font-size: 1.7rem;
line-height: 1.75;
margin-bottom: 1.75em;
margin-top: 1.75em;
margin-left: 0em;
padding-left: 0.3em;
margin-right: 0em;
background-color: #f1f1f1;
border:0px;
padding:30px 30px 30px 30px;
}      

}






@media all and (-ms-high-contrast: none)
    {

 blockquote:before{
content: "“";
font-size:80px;
line-height: 0.8em;
font-family:'Times New Roman' , "ＭＳ Ｐゴシック" ,sans-serif;  
color: #767676;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
 
blockquote:after{
content: "”";
font-size: 80px;
line-height: 0em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #767676;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}  

  
  

  

}