@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

 /*--------------------------------------
/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
--------------------------------------*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border:solid 1px #d7d7d7;	
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fff;
 color:#ffaa56;
}

 /*--------------------------------------
 グローバルメニュー階層横幅のカスタマイズ
--------------------------------------*/
.c-gnav .sub-menu {
  width: 300px; /* ホバー時に表示されるメニューの幅 */
}
.c-gnav .sub-menu li a {
  font-size: 15px; /* フォントサイズの変更 */
}

.gazoubutton {
  display: block;
  box-shadow: 0px 3px 0 #383838;
  transition: .3s;
}
.gazoubutton:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: none;
  background: #fff;
}
/*--------------------------------------
 Twitter埋め込みを中央寄せ＆影 
--------------------------------------*/
twitter-widget {
    box-shadow: 0 4px 13px rgba(0, 0, 0, 0.1)!important;
}
.twitter-tweet {
    margin: 0 auto !important;
}

/*--------------------------------------
 シンプルCVボタンの横の長さを変更 
--------------------------------------*/
[class*=is-style-btn_].-size-l a {
    min-width: 95%;
}
@media (min-width: 600px){
[class*=is-style-btn_].-size-l a {
    min-width: 95%;
	}}
--------------------------------------*/

/*--------------------------------------
 シンプルCVボタン上の訴求文句の色変更
--------------------------------------*/
.fs_s, .has-s-font-size, .has-small-font-size, .u-fz-s {
    color:#ff6633;
	 font-weight:600;
}

/*Amazonマイクロコピー*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before {
	font-size: 0.5em;
	/*content: "＼”初売り”開催中！／";*/
	color: #F6A307;
	position: absolute;
	top: -21px;
}

/*楽天マイクロコピー*/
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before {
	font-size: 0.5em;
	/*content: "＼”初売り”開催中！／";*/
	color: #C44540;
	position: absolute;
	top: -20px;
}

/*Yahooマイクロコピー*/
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before {
	font-size: 0.5em;
	/*content: "＼BigSale開催中！／";*/
	color: #51A7E8;
	position: absolute;
	top: -20px;
}

/*以下は共通設定*/
div.yyi-rinker-contents ul.yyi-rinker-links li{
	margin-top: 5px;
}
@media screen and (max-width: 599px){
	div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
		margin: 15px 0 0 0;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
		margin: 20px 0 0 0;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
		margin: 20px 0 0 0;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before {
		font-size: 0.75em;
		top: -27px;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before {
		font-size: 0.75em;
		top: -27px;
	}
	div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before {
		font-size: 0.75em;
		top: -27px;
	}
}

/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(100%/4);/* 4列 */
flex-basis: calc(100%/4);/* 4列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #052865, 2px 2px 0 0 #052865, 2px 0 0 0 #052865, 0 2px 0 0 #052865;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.l-sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 2列 */
flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
	.p-nav ul li{
		-ms-flex-preferred-size: calc(100%/2);/* 2列 */
		flex-basis: calc(100%/2);/* 2列 */
	}
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
font-size: 40px;/* アイコン大きさ */
padding: 10px 0;/* アイコン余白 */
color: #fe6b6b;/* アイコン色 */
display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
color:#fe6b6b;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
color:#fffc5f;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
color:#fffc5f;/* アイコン色 */
}
/* fontawesome(5番目) */
.p-nav ul li:nth-of-type(5) a i,.p-nav ul li:nth-of-type(5) a svg{
color:#56bf75;/* アイコン色 */
}
/* fontawesome(6番目) */
.p-nav ul li:nth-of-type(6) a i,.p-nav ul li:nth-of-type(6) a svg{
color:#56bf75;/* アイコン色 */
}
/* fontawesome(7番目) */
.p-nav ul li:nth-of-type(7) a i,.p-nav ul li:nth-of-type(7) a svg{
color:#35afc7;/* アイコン色 */
}
/* fontawesome(8番目) */
.p-nav ul li:nth-of-type(8) a i,.p-nav ul li:nth-of-type(8) a svg{
color:#35afc7;/* アイコン色 */
}
/* fontawesome(9番目) */
.p-nav ul li:nth-of-type(9) a i,.p-nav ul li:nth-of-type(5) a svg{
color:#af84cf;/* アイコン色 */
}
/* fontawesome(10番目) */
.p-nav ul li:nth-of-type(10) a i,.p-nav ul li:nth-of-type(6) a svg{
color:#af84cf;/* アイコン色 */
}
/* fontawesome(11番目) */
.p-nav ul li:nth-of-type(11) a i,.p-nav ul li:nth-of-type(7) a svg{
color:#fcc800;/* アイコン色 */
}
/* fontawesome(12番目) */
.p-nav ul li:nth-of-type(12) a i,.p-nav ul li:nth-of-type(8) a svg{
color:#ffbf7f;/* アイコン色 */
}

/* Twitterシェアボタンなど */
.p-tw-btn,.p-check-btn{
  text-align:center;
  margin:1.5em 5em !important;
  padding:0 !important;
}
.p-tw-btn a,.p-check-btn a{
  display:block;
  box-shadow: 0 3px 5px rgba(0,0,0,.15);
  color:#fff !important;
  font-weight:600 !important;
  text-decoration:none !important;
  padding:0.5em 0;
  border-radius:30px;
}
.p-tw-btn a{
  background:  #00acee;
}
.p-check-btn a{
  background:#fbc55e;
}
.p-tw-btn a:hover,.p-check-btn a:hover{
  transform: translateY(3px);
  box-shadow: 0 2px 2px rgba(0,0,0,.22);
}
.yn-chart > div > p.p-check-btn{
  background: none !important;
  padding: 0 5em !important;
}
.yn-chart > div > p.p-check-btn:before{
  content:unset !important;
}
@media screen and (max-width: 800px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 3em !important;
  }
}
@media screen and (max-width: 560px) {
  .p-tw-btn,.p-check-btn{
    margin:1.5em 1em !important;
  }
  .yn-chart > div > p.p-check-btn{
    padding: 0 3em !important;
  }
}

/************************************
** 目次太字
************************************/
.p-toc__ttl , .p-toc__link {
    font-weight: bold;
}
/************************************
** アプリーち
************************************/
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}
.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}
.appreach__star__base {
  position: absolute;
  color: #737373;
}
.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}

/************************************
** 目次下広告
************************************/
#main_content .p-toc {
    margin-bottom: 2em;!important
}

.w-beforeToc {
    margin-top: 0em;!important
    margin-bottom: 1em;!important
}

/************************************
** マーカーに太字
************************************/
.swl-marker {
	font-weight: bold;
}

/************************************
** 黄色マーカーの文字色変更
************************************/
.mark_yellow {
	color: #F15B5B;
}

/************************************
** ローディングCSS
************************************/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_loading18 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}
.cp_loading18 .cp_item {
	display: inline-block;
	width: 22px;
	height: 23px;
	-webkit-animation: loading18 1.3s infinite ease-out;
	        animation: loading18 1.3s infinite ease-out;
	opacity: .5;
}
.cp_loading18 .cp_item:nth-child(1) {
	-webkit-transform: translate(0, -25px);
	        transform: translate(0, -25px);
	background: #e91e63;
}

.cp_loading18 .cp_item:nth-child(2) {
	-webkit-transform: translate(25px, 0);
	        transform: translate(25px, 0);
	background: #2196F3;
}
.cp_loading18 .cp_item:nth-child(3) {
	-webkit-transform: translate(-25px, 0);
	        transform: translate(-25px, 0);
	background: #00BCD4;
}
.cp_loading18 .cp_item:nth-child(4) {
	-webkit-transform: translate(0, 25px);
	        transform: translate(0, 25px);
	background: #CDDC39;
}
@-webkit-keyframes loading18 {
	33% {
		-webkit-transform: translate(0, 0) rotate(-20deg);
		        transform: translate(0, 0) rotate(-20deg);
		opacity: 0.7;
	}
	66% {
		-webkit-transform: translate(0, 0) rotate(20deg);
		        transform: translate(0, 0) rotate(20deg);
		opacity: 0.7;
	}
}
@keyframes loading18 {
	25% {
		-webkit-transform: translate(0, 0) rotate(-20deg);
		        transform: translate(0, 0) rotate(-20deg);
		opacity: 0.7;
	}
	75% {
		-webkit-transform: translate(0, 0) rotate(20deg);
		        transform: translate(0, 0) rotate(20deg);
		opacity: 0.7;
	}
}

/************************************
** スマホトップへ戻るボタンの位置を上に
************************************/
.p-fixBtnWrap { 
bottom: 5.5em;!important
}