@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/*.article h2 {
    font-size: 23px;
    border-bottom: 5px solid #e7e7e7;
	padding: 10px 0;
	font-weight: normal;
} */ 

/*#main {
    margin: 0 0 20px;
    padding: 30px 70px;
}*/ 

/* 投稿背景透け */ 
#main {
    background-color: rgba(255,255,255,.5)!important;
}

/* 投稿横幅 
#main {
  float: left;
  box-sizing: border-box;
  width: 740px;
  padding: 30px 70px;
  background-color:#fff;
  border: 0px solid #ddd;
  border-radius: 4px;
  margin-bottom: 30px;
  position: relative;
}
*/ 

/* 投稿枠線消す*/ 
#main {
  border: 0px solid #ddd;
}


/* 口コミ ここから */ 
.review li{
	border: 1px solid #b0b0b0 !important;
	  box-shadow: 3px 3px #ff8c00;
}

.review {
	list-style: none;
	box-sizing: border-box;
	padding: 0;
}

ul.review{
	padding-left: 0;
}

.review li {
	position: relative;
	box-sizing: border-box;
	list-style: none;
	z-index: 10;
	margin-top: 3rem;
	margin-bottom: 2rem;
	padding: 12px;
	border: #ffc7d3 1px solid;
	background: #fff;
	border-radius: 6px;
}

.review li p {
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
}

.review li .icon {
	display: block;
	position: absolute;
	left: -2px;
	top: -46px;
}

.review li .icon img {
	width: 70px;
}

.review li .icon .unit {
	font-size: 1.2rem;
}
  
.review li .icon .number {
	margin-top: -10px;
	font-size: 3.2rem;
}
/* 口コミ ここまで */

/* #header {
	box-shadow: 0 1px 16px rgba(0, 0, 0, 0.34);
	border-top: 3px solid #ff66b2;
	z-index: 9999;
    width: 100%;
	top: 0;
}*/

/* 　背景模様　*/
/* body{
  background-size: 30px 30px;
  margin: 0 auto;
  background-color: #FFF;
  background-image: radial-gradient(#fff0f7 15%, rgba(255,255,255,0) 20%),
                    radial-gradient(#fff0f7 15%, rgba(255,255,255,0) 20%);
  background-position: 0 0, 15px 15px;
}

.article #the-content p {
    line-height: 150%;
    margin-bottom: 1.7em;
}*/

/* 投稿情報 */
.post-meta {
	display: none;
}
.article h1 {
	font-size: 23px;
	margin-top: 50px;
}

.says {
	display: none;
}

.comment-meta {
	display: none;
}

.comment-author img {
	width: 30px;
	height: 30px;
}

.comment-author .fn {
	color: #006bb3;
	font-size: 16px;
}

/* .comment-form-author {
	display:none;
} */

.comment-form-email {
	display:none;
}

.comment-form-cookies-consent {
	display:none;
}

.comment-reply-link {font-size:0;}
.comment-reply-link:after {
	font-size: 13px;
	content: "";
}

.main-footer {
  max-width: auto;
  margin: auto;
}

.post-meta .category {
	color: #ff9398;
}

#mobile_nav {
	height: 30px;
}


#mobile-menu {
	display: none;
}

#h-top {
	margin: 0 auto;
	background-position: center 80%;
	max-height: 37px;
	background-size: 140px;
}

.cp_hr06 {
	position: relative;
	height: 1px;
	border-width: 0;
	background-color: #f6acac;
	background-image: -webkit-linear-gradient(left,
	#f6acac 0%,#e93535 50%,#f6acac 100%);
	background-image:         linear-gradient(90deg,
	#f6acac 0%,#e93535 50%,#f6acac 100%);
}
/* ぷるぷるボタン */
.button-simple {
	position: relative;
	font-weight: bold;
	padding: 5px 15px;
	margin: 0px 5px;
	border-radius: 30px;/*角の丸み*/
	font-size: 18px;/*文字サイズ*/
	background-color: #00a41a;/*背景色*/
	color: #fff;/*文字色*/
	display: inline-block;
	text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3);
	box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
.button-simple:before {
	font-family: FontAwesome;
	content: '\f144';/*好きなアイコン*/
	color: #eeee22;/*アイコンの色*/
	margin-right: 3px;
}
a:hover .button-simple {
	background-color: #cc0000;/*触れたときの背景色*/
	color: #fff;/*触れたときの文字色*/
	box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
	animation-play-state: paused;
	top: 3px;
}
.purupuru2 {
	animation: purupuru2 0.1s infinite;
}
@keyframes purupuru2 {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(0.98, 0.95)
	}
}
/* btnAnime04 */

@-moz-keyframes plnpln1 {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
    100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes plnpln1 {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
    100% { -o-transform: skewX(0deg); }
}

@-webkit-keyframes plnpln1 {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
    100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes arrow1 {
    0% { -moz-transform: translateX(0px); }
    45% { -moz-transform: translateX(20px); }
    50% { -moz-transform: translateX(25px); }
    55% { -moz-transform: translateX(20px); }
    95% { -moz-transform: translateX(0px); }
    100% { -moz-transform: translateX(0px); }
}

@-o-keyframes arrow1 {
    0% { -o-transform: translateX(0px); }
    45% { -o-transform: translateX(20px); }
    50% { -o-transform: translateX(25px); }
    55% { -o-transform: translateX(20px); }
    95% { -o-transform: translateX(0px); }
    100% { -o-transform: translateX(0px); }
}

@-webkit-keyframes arrow1 {
    0% { -webkit-transform: translateX(0px); }
    45% { -webkit-transform: translateX(20px); }
    50% { -webkit-transform: translateX(25px); }
    55% { -webkit-transform: translateX(20px); }
    95% { -webkit-transform: translateX(0px); }
    100% { -webkit-transform: translateX(0px); }
}
.btnAnime04 {
    position: relative;
    display:block;
    width:100%;
    max-width:600px;
    padding:10px;
    padding-left:10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
}
.btnAnime04-animate{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -ms-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    margin-left:auto;
    margin-right:auto;
    z-index: 8;
    
    -webkit-animation-name: plnpln1;
    -moz-animation-name: plnpln1;
    -o-animation-name: plnpln1;
    animation-name: plnpln1;
    width:100%;
}
.btnAnime04-arrow {
    position: absolute;
    top:25%;
    left:-5px;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;

    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    -webkit-animation-name: arrow1;
    -moz-animation-name: arrow1;
    -o-animation-name: arrow1;
    animation-name: arrow1;
    z-index: 9;
    width:20%;
    max-width:100px;
}
.btnAnime04:hover img{
    opacity:1;
}


/* コピー禁止 */
body {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}