/*ヘッダーの固定*/
#masthead
{
position: static;
top: 0;
width: 100%;
z-index: 999;
	background:#ffffff;/*背景色*/
}


#user_login{
	color:#1f3fff;
	float: right;
}

#header_search{
	margin: 0 0 0 0;
}


/*Paypal単発ボタン*/

.swpm-button-wrapper input{
	
	background: #1e90ff;
}


/*stripe単発ボタン*/





span.sample1 {font-size: 35%; }

.slider {
  display:none;
	
}
.slider.slick-initialized {
  display: block;
}



.slick-slide img
{
	padding: 10px 10px;
	margin:0px;
}


.slick-slider
{
	margin:0px -40px;
}


.sample01 {
    background: linear-gradient(transparent 60%, #ffff66 60%);
	font-size: 20px;
}

.sample02 {
    background: linear-gradient(transparent 60%, #87ceeb 60%);
	font-size: 24px;
}



h2 {
	text-transform: none;
}

#site-header-menu {
	margin: 0em 0em 0em 1em;
}


.max-img {
    margin: 1em -80px;
  }














.square_btn {
	  width:100%;
    position: relative;
    display: inline-block;
	  padding: 0.5em 5em;
	  text-align:center;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*色*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;/*線色*/
}

.square_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}




.square_btn2 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 6px #d27d00;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn2:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}





input[type="search"] {          /* 検索ボックス */
    padding: 0.3rem 0.5rem;
    font-size: 0.9rem;
	max-width:30%;/*フォームのサイズ*/
	background-color:#e6e6fa
;
}

.search-submit{
	left:30%;
}


.search-submit::before {        /* 検索ボックスの右側の虫眼鏡アイコン */
    font-size: 18px;            /* アイコンの大きさ */
    line-height: 30px;          /* アイコンの上部からの距離 */
background-color:#1f3fff
;
 
}



/* archive post-thumbnail 検索結果含む*/
 
body:not(.single):not(.page) .post-thumbnail {
	width: 50%;
	margin: 3px 5px 5px 3px;
	padding:0;
	float: left;
}
 
.search-results .post-thumbnail {
	max-width: 50%;
	max-height: 50%;
	overflow: hidden;
}


.entry-title{
	font-size:30px;
}


.star-rating {
  position: relative;
  width: 5em;
  height: 1em;
  font-size: 25px;

}
.star-rating-front {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #ffcc33;
}
.star-rating-back {
  color: #ccc;
}




[class^="img-flex-"] {
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex-2 > img,
.img-flex-2 a { width: 49%; height: 49%; }
.img-flex-3 > img,
.img-flex-3 a { width: 32%; height: 32%; }
.img-flex-4 > img,
.img-flex-4 a { width: 24%; height: 24%; }






table th, table td {
  border: solid 1px black;
  /*実線 1px 黒*/
}


/***ここから***/

.site-header-menu {
	
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	margin: 1em ;
}

/*** 「次の投稿」「前の投稿」を非表示 ***/
.nav-links {
display: none;
}

/* サイト全体 */
body {
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
}


a:hover {

color:#ff7f50;
text-decoration:underline;

}




h3  {
	font-size: 24px!important; 
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #ebf9ff;/*背景色*/
  border-left: solid 5px #00acee;/*左線（実線 太さ 色）*/
}



h4{
	font-size: 21px!important; 
 padding: 0.5em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #00acee;/*左線*/
}

h5 {
	font-size: 18px!important; 
 padding-bottom:0.5em;
 border-bottom: 3px solid #00acee;
}

.site-header {
	padding: 0em 0%;
}


.header-image {
	clear: both;
	margin: 0 0  0.875em;
}


h1:first-letter {
font-size: 1.3em;
color: red;
}

h1{
position: relative;
padding: 0.1em 0.8em;
border: solid 2px black;
border-radius: 3px 0 3px 0;
}



.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}


.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}


.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}


.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}

.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}


.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}



.ad-entry-bottom{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.adslot_1 {display:inline-block;width: 300px;height: 250px; }

@media screen and (max-width: 540px){
.ad-entry-bottom{-webkit-justify-content:center;justify-content:center;}
.adslot_1{display:none;}
}






@media screen and (min-width: 44.375em) {
	.entry-header,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.page-header,
	.page-content,
	.content-bottom-widgets {
		margin-right: 10%;
	}
}
 
@media screen and (min-width: 56.875em) {
	.entry-content,
	.entry-footer {
		margin-right: 10%;
	}
 
	body:not(.search-results) article:not(.type-page) .entry-footer {
		width: 100%;
	}
 
	body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
	content: "/";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
	}
 
	.single .byline,
	.full-size-link,
	body:not(.search-results).group-blog .byline,
	body:not(.search-results) .entry-format,
	body:not(.search-results) .cat-links,
	body:not(.search-results) .tags-links,
	body:not(.search-results) article:not(.sticky) .posted-on,
	body:not(.search-results) article:not(.type-page) .comments-link,
	body:not(.search-results) article:not(.type-page) .entry-footer .edit-link,
	body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
		display: inline-block;
	}
}






 
@media screen and (min-width: 61.5625em) {
	body:not(.search-results) article:not(.type-page) .entry-content {
		width: 90%;
	}
}



@media screen and (max-width: 480px){
#masthead{
background:#ffffff;/*背景色*/
position: fixed;/*ヘッダーを固定*/
z-index: 9999;/*一番前に表示*/
top: 0;/*画面の一番上で固定*/
left:0;/*画面の一番左で固定*/
right:0;/*画面の一番右で固定*/
width: 100%;/*横幅いっぱいに表示*/
box-shadow: 0px 1px 2px gray;/*影を付ける*/
}
}

@media screen and (max-width: 480px){
#page {
margin-top:80px;/*ヘッダー分の余白を開ける*/
}
}

@media screen and (max-width: 480px) {
  .max-img {
    margin: 1em -30px;
  }
	.entry-title{
	font-size:20px;
}
	#example { overflow : hidden ; }
	
	.slick-slide img
{
	padding: 10px 10px;
	margin:0px;
}


.slick-slider
{
	margin:0px 0px;
}
	
}
	
.slick-box{
  margin: 1em -20px;
}


/* フォーム全体の最大幅追記 */
.wpcr3_div_2 {
    max-width: 100%;
}
 
/* 画面幅600px以下で見出しと入力フォームを２段にする */
@media (max-width: 600px){
.wpcr3_table_2 td {
    text-align: left;
    display: block;
}
}
 
/*  レビューフォームの幅設定 */
.wpcr3_respond_2 textarea {
    min-width: 300px;
    width: 100%;
    max-width: 100%;
}

.wpcr3_button_1 {
	
	font-size: 16px;
	font-weight: normal;
	
 }