body {
	font-family:'Hiragino Kaku Gothic ProN',Meiryo, sans-serif !important;
	color: #494949;
}
.article {
	font-size:15px ;
}
h1{
  position: relative;
  padding: 0.2em 0.5em;
  font-weight: bold;
	line-height: 1.5 !important;
	font-size:18px;
}
.article h1{
	font-size:17px;
	color: #494949;
}
h2{
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
	margin-left: inherit !important;
}

h3{
  position: relative;
  padding: 0.25em 0;
}
h3:after {
  content: "";
  display: none;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}

.sample_box2_3 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color: #ffc6c6;/*背景色*/
    box-shadow: 0 0 0 8px #ffc6c6;/*背景色外側*/
    border: 2px dashed #ffffff;/*線*/
    color: #000000;/*文字色*/
}
.sample_box2_3 p {
    margin: 0; 
    padding: 0;
}
.sample_box2_6 {
    position: relative;
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color: #ffffff;/*背景色*/
    color: #000000;/*文字色*/
    z-index: 1;
}
.sample_box2_6::before,
.sample_box2_6::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.sample_box2_6::before {
    background-color: rgba(255, 219, 255, 0.6);
    left: 0;
    top: 0;
    z-index: -1;
}
.sample_box2_6::after {
    background-color: #edffdb;/*ズレている方の背景色*/
    top: 5px;
    left: 5px;
    z-index: -2;
}
.sample_box2_6 p {
    margin: 0; 
    padding: 0;
}

.pinkline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #FFDFEF 0%) repeat scroll 0 0;}
.yellowline-s{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffffbc 0%) repeat scroll 0 0;}

/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

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

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-gradient {
  font-size: 2rem;
  color: #fff;
  border-radius: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fa709a),
    to(#fee140)
  );
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

a.btn-gradient span {
  background-image: -webkit-linear-gradient(
    315deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

a.btn-gradient:hover {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fee140),
    to(#fee140)
  );
  background: -webkit-linear-gradient(left, #fee140 0%, #fee140 100%);
  background: linear-gradient(to right, #fee140 0%, #fee140 100%);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

.sample_box2_5 {
    position: relative;
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color: #ffffff;/*背景色*/
    color: #000000;/*文字色*/
    z-index: 1;
}
.sample_box2_5::before,
.sample_box2_5::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sample_box2_5::before {
    background-color: rgba(255, 255, 255, 0.2);
    left: 0;
    top: 0;
    z-index: -1;
}
.sample_box2_5::after {
    background-color: #ffffc6;/*ズレている方の背景色*/
    top: 5px;
    left: 5px;
    z-index: -2;
}
.sample_box2_5 p {
    margin: 0; 
    padding: 0;
}
#mobile-menu {
	display:none;
}
#h-top {
	min-height : 50px ;
}
#header, #header-in {
	
}
#footer {
	
}
h1.entry-title {
	margin-top:0;
}
#main {
	padding:0 29px
}
#site-title {
	margin-top:8px;
	color:#fff;
}
#sidebar {
	display:none;
}
#copyright {
	padding: 5px 0;
}
#main .post, #main .page {
    margin-bottom: 30px;
}
.entry-content {
	margin-bottom: 0;
}
@media screen and (max-width: 639px) {
	#body {
		margin-top:0;
	}
	div#main {
		padding:0 10px 10px;
	}
	#h-top #site-title {
		margin-top:8px;
	}
#h-top #site-title a {
    font-size: 15px;
}
	#h-top {
    min-height: 40px;
}
	#site-title {
		margin-right: 0;
	}
	
}
a {
	color:#999;
}
#header, #header-in {
	display:none;
}
.y-bg {
	background:#FFFBF2;
	border:solid 3px #D5CAA6;
	padding:10px;
}
.article h2 {
	margin-left: 0px !important;
	padding-right: 0px !important;
	padding-left: 0px !important;
	background:none !important;
	border-left:none !important;
	position: relative;
  padding: .7rem 0 !important;
  color: #993366;
	margin:20px 0;
	font-size:17px;
}
.article h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #993366, #993366 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #993366, #993366 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width:639px){
	.article h2 {
    font-size:16.5px;
}
	
	
}

a{
	-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;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -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;
}
.poyoyon{
  animation: poyoyon 2.5s infinite;
  opacity: 1;
}
@keyframes poyoyon {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}
/****--------- ボール ---------****/
.ball{
  animation: ball 0.5s alternate infinite;
  -webkit-animation: ball 0.5s alternate infinite;
  -moz-animation: ball 0.5s alternate infinite;
}
@keyframes ball{
  0%   { transform:translate(0%, 0%) rotateX(25deg); }
  100% { transform:translate(0%, -20px); }
}
@-webkit-keyframes ball{
  0%   { -webkit-transform:translate(0%, 0%) rotateX(25deg); }
  100% { -webkit-transform:translate(0%, -20px); }
}

@-moz-keyframes ball{
  0%   { -moz-transform:translate(0%, 0%) rotateX(25deg); }
  100% { -moz-transform:translate(0%, -20px); }
}
/****** 文字を点滅せさるアニメーション *******/
.blinktext{
-webkit-animation:blink 0.8s ease-in-out infinite alternate;
-moz-animation:blink 0.8s ease-in-out infinite alternate;
animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}