@charset "utf-8";
/*
-------------------------------------
CSS file A-link
FileName:common.css
-------------------------------------
*/
/*ヘッダ*/
header{
	background:#fff;
    display:block;
}
#header_inner{
	width:100%;
	max-width:1000px;
	box-sizing:border-box;
	margin:0 auto;
	padding:8px 0 2px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position:relative;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
@media screen and (max-width: 767px){
.logo_box{
	width:40%;
	min-width:100px;
	max-width:110px;
	position:absolute;
	left:10px;
	top:8px;
}
.logo_box img{
	width:100%;
	height:auto;
}
.nav_box{
	width:100%;
	text-align:right;
}
}
@media screen and (min-width:768px) and (max-width:999px) {
.logo_box{
	width:40%;
	min-width:100px;
	max-width:110px;
	position:absolute;
	left:10px;
	top:8px;
}
.logo_box img{
	width:100%;
	height:auto;
}
.nav_box{
	width:100%;
	text-align:right;
}
}
@media screen and (min-width:1000px){
.logo_box{
	width:30%;
	min-width:100px;
	max-width:110px;
}
.logo_box img{
	width:100%;
	height:auto;
}
.nav_box{
	width:70%;
	text-align:right;
}
}

@media screen and (max-width: 999px){
li.appsupport{
	background:none;
	color:#777;
	padding:0;
	border-radius: 0;/*角の丸み*/
}
}
@media screen and (min-width: 1000px){
li.appsupport{
	background:#8dc21f;
	color:#fff;
	box-sizing:border-box;
	padding:5px 10px;
	border-radius: 14px;/*角の丸み*/
}
}
/*セクション枠*/
.info_area{
	width:100%;
	text-align:center;
	box-sizing:border-box;
	padding:20px 0;
	position:relative;
}
.category_area{
	width:100%;
	text-align:center;
	box-sizing:border-box;
	padding:40px 0;
	position:relative;
}
.unq{
	width:1px;
	position:absolute;
	bottom:0px;
	right:0px;
	display:block;
}
.unq a.out{
	display:block;
	width:1px;
	height:60px;
}
.unq a.in{
	display:block;
	width:1px;
	height:60px;
}
h2.category_ttl{
	width:100%;
	font-size:0.9375rem;
	line-height:1.5;
	color:#447700;
	margin:0 auto 15px 0;
	text-align:left;
}
/*タイトル大*/
h2.category_ttl_l{
	width:100%;
	font-size:1.125rem;
	line-height:1.5;
	color:#447700;
	margin:0 auto 15px 0;
	text-align:left;
}
.category_subttl{
	width:100%;
	font-size:0.875rem;
	line-height:1.5;
	margin:0 auto 15px;
	text-align:left;
}

/*スペシャルセクション*/

@media screen and (max-width:560px) {
.sp_img_box{
	width:90%;
	margin:0 auto 20px;
}
.sp_img{
	width:90%;
	margin:0 auto;
}
.sp_img img{
	width:100%;
	height:auto;
}
.sp_detail_img{
	width:50%;
	margin:0 auto;
}
.sp_detail_img img{
	width:100%;
}
.sp_detail_img_cap{
	width:90%;
	font-size:13px;
	/*margin-bottom:20px;*/
	margin:10px auto 20px;
	/*text-align:center;*/
}
.sp_detail_box{
	width:100%;
}
.sp_detail_box p{
	font-size:13px;
	line-height:1.6;
	margin-bottom:1em;
}
h4.sphl{
	font-size:13px;
	line-height:1.5;
	margin-bottom:4px;
}
ul.splist{
	width:100%;
}
ul.splist li{
	font-size:13px;
	line-height:1.6;
	margin-bottom:3px;
}
}
@media screen and (min-width:561px) and (max-width:767px) {
.sp_img_box{
	width:43%;
}
.sp_img{
	width:100%;
	margin:0 auto;
}
.sp_img img{
	width:100%;
}
.sp_detail_img_box{
	width:100%;
	margin:5px auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.sp_detail_img{
	width:40%;
}
.sp_detail_img img{
	width:100%;
}
.sp_detail_img_cap{
	width:50%;
	font-size:13px;
}
.sp_detail_box{
	width:100%;
}
.sp_detail_box p{
	font-size:14px;
	line-height:1.65;
	margin-bottom:1em;
}
h4.sphl{
	font-size:14px;
	line-height:1.65;
	margin-bottom:5px;
}
ul.splist{
	width:100%;
}
ul.splist li{
	font-size:14px;
	line-height:1.65;
	margin-bottom:4px;
}
}
@media screen and (min-width:768px) and (max-width:999px) {
.sp_img_box{
	width:43%;
}
.sp_img{
	width:90%;
}
.sp_img img{
	width:100%;
	height:auto;
}
.sp_detail_img_box{
	width:100%;
	margin:5px auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.sp_detail_img{
	/*width:50%;*/
	width:40%;
}
.sp_detail_img img{
	width:100%;
}
.sp_detail_img_cap{
	/*width:45%;*/
	width:55%;
	font-size:14px;
}
.sp_detail_box{
	width:100%;
}
.sp_detail_box p{
	font-size:14px;
	line-height:1.65;
	margin-bottom:1em;
}
h4.sphl{
	font-size:14px;
	line-height:1.65;
	margin-bottom:5px;
}
ul.splist{
	width:100%;
}
ul.splist li{
	font-size:14px;
	line-height:1.65;
	margin-bottom:4px;
}
}
@media screen and (min-width: 1000px){
.sp_img_box{
	width:44%;
	min-width:437px;
}
.sp_img{
	width:90%;
	max-width:420px;
}
.sp_img img{
	width:100%;
	height:auto;
}
.sp_detail_img_box{
	width:100%;
	margin:5px auto;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.sp_detail_img{
	/*width:50%;*/
	width:30%;
	max-width:300px;
}
.sp_detail_img img{
	width:100%;
	height:auto;
}
.sp_detail_img_cap{
	/*width:45%;*/
	width:62%;
	font-size:14px;
}
.sp_detail_box{
	width:100%;
}
.sp_detail_box p{
	font-size:14px;
	line-height:1.65;
	margin-bottom:1em;
}
h4.sphl{
	font-size:14px;
	line-height:1.65;
	margin-bottom:5px;
}
ul.splist{
	width:100%;
}
ul.splist li{
	font-size:14px;
	line-height:1.65;
	margin-bottom:4px;
}
}
/*ムービー挿入用*/
.movie_clip{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.movie_clip iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.movie_cap{
	width:100%;
	text-align:right;
	font-size:12px;
	margin:5px auto 15px;
}

/*セクション背景*/
#top_info{
	/*background-color:#e3f4be;*/
	background-color:#fff;
}
#top_news,#top_about,#top_fortune,#top_app{
	background-color:#f7f7f7;
}
#sp,#top_editorial,#top_puzzle{
	background-color:#fff;
}
#about_summary{
	background-color:#f7f7f7;
}
#works_fortune,#works_website,#works_comic,#works_contact{
	background-color:#f7f7f7;
}
#appsupport_terakobuta{
	background-color:#f7f7f7;
}
/*セクション共通*/
@media screen and (max-width:560px) {
.category_inner{
	width:100%;
	padding:0 15px;
	box-sizing:border-box;
	margin:0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align:left;
}
.baloon_box{
	width:90%;
	max-width:400px;
	margin:0 auto 20px;
}
.balloon_wrap{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.detail_box{
	width:90%;
	max-width:400px;
	margin:0 auto 20px;
}
}

@media screen and (min-width:561px) and (max-width:767px) {
.category_inner{
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	margin:0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align:left;
}
.baloon_box{
	width:43%;
}
.balloon_wrap{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.detail_box{
	width:48%;
}
}

@media screen and (min-width:768px) and (max-width:999px) {
.category_inner{
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
	margin:0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align:left;
}
.baloon_box{
	width:43%;
}
.balloon_wrap{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.detail_box{
	width:56%;
}
}
@media screen and (min-width: 1000px){
.category_inner{
	width:100%;
	max-width:1000px;
	padding:0 8px;
	box-sizing:border-box;
	margin:0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align:left;
}
.baloon_box{
	width:44%;
	min-width:437px;
}
.balloon_wrap{
	width:100%;
	margin-top:25px;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.detail_box{
	width:52%;
	max-width:520px;
}
}

/* 吹き出し枠 */
@media screen and (max-width:560px) {
.balloon_block1{
	width:210px;
}
.balloon_block2{
	width:195px;
	margin:15px 0 15px auto;
}
}
@media screen and (min-width:561px) and (max-width:999px) {
.balloon_block1{
	width:210px;
}
.balloon_block2{
	width:210px;
	margin:15px 0 15px auto;
}
}
@media screen and (min-width: 1000px){
.balloon_block1{
	width:210px;
}
.balloon_block2{
	width:210px;
	margin-top:15px;
}
}
/* 吹き出し本体 */
.balloon1{
  position: relative;
  width:150px;
  box-sizing:border-box;
  padding: 12px;
  border-radius: 10px;
  color: #ffffff;
  font-size:0.875rem;
  text-align:center;
  line-height:1.75;
  background-color: #777777;
  margin-left: 70px; /* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
.balloon1 .icon{
  position: absolute;
  left: -70px;
  top: 15px;
}
/* 三角アイコン */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -8px;
  top: 30px;
  border-right: 8px solid #777777;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* 吹き出し本体 */
.balloon2{
  position: relative;
  width:150px;
  box-sizing:border-box;
  padding: 12px;
  border-radius: 10px;
  color: #447700;
  font-size:0.875rem;
  text-align:center;
  line-height:1.75;
  background-color: #bcea4b;
  margin-right: 70px; /* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.balloon2 .icon_a{
  position: absolute;
  right: -36px;
  top: 32px;
}
/* 三角アイコン */
.balloon2::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -8px;
  top: 30px;
  border-left: 8px solid #bcea4b;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.balloon_txt{
	display:inline-block;
	margin:0 auto;
	text-align:left;
}
/*アイコン画像*/
.icon{
  display:block;
  width:50px;
  height:50px;
  margin:0;
  text-align:center;
}
.icon_a{
  display:block;
  width:27px;
  height:24px;
  margin:0;
  text-align:center;
}
.icon img{
  display:block;
  width:50px;
  height:50px;
  margin:0;
  border-radius:100%;
  vertical-align:bottom;
}
.icon_a img{
  display:block;
  width:27px;
  height:auto;
  margin:0;
  vertical-align:bottom;
}

/*詳細部分 リンク付きキャプション*/
.guide_box{
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom:15px;
}
.guide_txt{
	display:inline-block;
	font-size:0.875rem;
}
.guide_btn{
	display:inline-block;
}


@media screen and (max-width:767px) {
.guide_group_box{
	width:100%;
	display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top:7px;
	margin-bottom:15px;
}
}
@media screen and (min-width:768px) {
.guide_group_box{
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top:7px;
	margin-bottom:15px;
}
}
.guide_group{
	margin-right:1em;
	margin-bottom:0.5rem;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

/*フォーム　既存のものを変更*/

/*チェックボックス*/
input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 3px 20px 8px 0;
  padding: 7px 9px 7px 37px;
  border-radius: 7px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  background-color: #e2edd7;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 16px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}
/*placeholder*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}
::placeholder{ /* Others */
 color:#ccc
}

/*入力枠部分*/
@media screen and (max-width:767px) {
#formWrap {
	width:92%;
	margin:0 auto;
	color:#777;
	line-height:1.3;
	font-size:0.875rem;
}
#formWrap p{
	font-size:0.875rem;
	line-height:1.5;
	font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN', Meiryo, メイリオ,sans-serif;
	margin-left: 1em;
	text-indent: -1em;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
	font-size:0.875rem;
}
table.formTable th {
	margin:15px auto 5px;
	font-size:0.875rem;
	font-weight:normal;
}

input[type="text"], textarea {
	width:100%;
	padding:5px;
	/*font-size:110%;*/
	font-size:0.875rem;
	display:block;
	box-sizing:border-box;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	margin:15px auto;
	height:40px;
}
}

@media screen and (min-width:768px) {
#formWrap {
	width:100%;
	margin:0 auto;
	color:#777;
	line-height:1.3;
	font-size:0.8125rem;
}
#formWrap p{
	font-size:0.875rem;
	line-height:1.5;
	font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN', Meiryo, メイリオ,sans-serif;
	margin:10px auto;
	margin-left: 1em;
	text-indent: -1em;
}
table.formTable{
	width:100%;
	margin:0 auto 10px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:none;
	padding:7px 0;
	font-size:0.875rem;
	line-height:1.5;
	font-weight:normal;
}
table.formTable th{
	width:18%;
	min-width:65px;
	font-weight:normal;

	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
.subbtn{
	width:100%;
	text-align:center;
	margin:0 auto 10px;
}
input[type="text"] {
	width:70%;
	padding:5px;
	/*font-size:110%;*/
	font-size:0.875rem;
	display:block;
	box-sizing:border-box;
}
textarea {
	width:97%;
	padding:5px;
	/*font-size:110%;*/
	font-size:0.875rem;
	display:block;
	box-sizing:border-box;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
	width:25%;
	min-width:80px;
	margin:0 5px 10px;
}
}


/*フッター*/
#footer_inner{
	width:100%;
	background:#999;
	box-sizing:border-box;
	margin:0 auto;
	padding:40px 15px 15px;
	text-align:center;
}
/*フッターナビ*/
@media screen and (max-width:560px) {
.footer_navi_box{
	width:87.5%;
	min-width:290px;
	margin:0 auto;
	text-align:center;
}
ul.footer_navi{
	width:100%;
	margin:0 auto 1.5em;
	text-align:center;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
ul.footer_navi li{
	display:inline-block;
	font-size:0.8125rem;
}
/*フッターワークスナビ*/
ul.footer_works_navi{
	width:100%;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
ul.footer_works_navi li{
	width:41%;
	margin-bottom:0.5em;
	font-size:0.8125rem;
	text-align:left;
	list-style: none;
	display:block;
}

ul.footer_works_navi li:nth-child(odd){
	width:59%;
	margin-bottom:0.5em;
	font-size:0.8125rem;
	text-align:left;
	display:block;
}
}
@media screen and (min-width:561px) and ( max-width:999px) {
.footer_navi_box{
	width:36%;
	min-width:360px;
	margin:0 auto;
	text-align:center;
}
ul.footer_navi{
	width:100%;
	margin:0 auto 1.5em;
	text-align:center;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
ul.footer_navi li{
	display:inline-block;
	font-size:0.8125rem;
}
/*フッターワークスナビ*/
ul.footer_works_navi{
	width:100%;
	list-style-type:none;
	margin:0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


ul.footer_works_navi li{
	width:40%;
	margin-bottom:0.5em;
	font-size:0.8125rem;
	text-align:left;
	list-style: none;
	display:block;
}

ul.footer_works_navi li:nth-child(odd){
	width:60%;
	margin-bottom:0.5em;
	font-size:0.8125rem;
	text-align:left;
	display:block;
}
}

@media screen and (min-width: 1000px){
.footer_navi_box{
	width:37%;
	max-width:370px;
	margin:0 auto;
	text-align:center;
}
ul.footer_navi{
	width:100%;
	margin:0 auto 1.5em;
	text-align:center;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
ul.footer_navi li{
	display:inline-block;
	font-size:0.875rem;
}
/*フッターワークスナビ*/
ul.footer_works_navi{
	width:100%;
	list-style-type:none;
	margin:0 auto 0.5em;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
ul.footer_works_navi li{
	width:35%;
	margin-bottom:0.5em;
	font-size:0.8125rem;
	text-align:left;
	list-style: none;
	display:block;
}

ul.footer_works_navi li:nth-child(odd){
	width:65%;
	margin-bottom:0.5em;
	font-size:0.8125rem;
	text-align:left;
	display:block;
}
}


/*SNS 著作権*/

@media screen and (max-width: 560px){
ul.footer_sns{
	width:100%;
	max-width:1000px;
	margin:20px auto 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.footer_sns li{
	width:30px;
	margin-left:5px;
}
.footer_sns li img{
	width:30px;
	height:30px;
}
.footer_copyright{
	width:100%;
	display:block;
	margin:0 auto;
	max-width:1000px;
	text-align:center;
	font-size:0.8125rem;
	color:#fff;
}
}
@media screen and (min-width: 561px){
ul.footer_sns{
	width:100%;
	max-width:1000px;
	margin:0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.footer_sns li{
	width:30px;
	margin-left:5px;
}
.footer_sns li img{
	width:30px;
	height:30px;
}
.footer_copyright{
	width:100%;
	display:block;
	margin:0 auto;
	max-width:1000px;
	text-align:right;
	font-size:0.8125rem;
	color:#fff;
}
}
/*リンク*/
ul.footer_navi li a {
color:#fff;
text-decoration:none;
}

ul.footer_navi li a:hover {
color:#fff;
text-decoration:underline;
}

ul.footer_navi li a:visited {
color:#fff;
text-decoration:none;
}

ul.footer_works_navi li a {
color:#fff;
text-decoration:none;
}

ul.footer_works_navi li a:hover {
color:#fff;
text-decoration:underline;
}

ul.footer_works_navi li a:visited {
color:#fff;
text-decoration:none;
}

/*グローバルメニュー下*/
.pagettl_base{
	width:100%;
	background:#f7f7f7;
	padding:25px 0;
	text-align:center;
}
.pagettl_box{
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: center;
    justify-content: center;
	margin:0 auto;
}
.pagettl_box h2{
	font-size:1.5rem;
	line-height:1.0;
	color:#777;
	font-weight:normal;
}
.pagettl_box h2 span{
	display:inline-block;
	font-size:0.8125rem;
	margin-left:5px;
	line-height:1.0;
}

/*ブルブル振動*/
.rum:hover{
	animation: rumble 0.12s linear infinite;
}
 
@keyframes rumble{
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.4deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.8deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.4deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.4deg)	translate(1px,0);}
	75%	{transform:rotate(-0.8deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.4deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}

/*ボタンエフェクト*/
.btn-border {
  display: inline-block;
  background-color: #fff;
  text-align: left;
  border: 2px solid #9ec34b;
  font-size: 14px;
  text-align:center;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 10px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #9ec34b;
  border-color: #cbe585;
  color: #FFF;
}

/*ボタン*/
.btn_detail {
	position: relative;
	font-weight: bold;
	padding: 3px 10px;
	margin-left: 3px;
	border-radius: 16px;/*角の丸み*/
	font-size: 0.8125rem;/*文字サイズ*/
	line-height:1.75;
	background-color: #8dc21f;/*背景色*/
	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);*/
}
.btn_detail::after {
	font-family: "Font Awesome 5 Free";
	content: '\f0da';/*好きなアイコン*/
	color: #fff;/*アイコンの色*/
	margin-left: 3px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
a.btn_detail{
	color:#fff;
	text-decoration:none;
}
a.btn_detail:hover {
	background-color: #777;/*触れたときの背景色*/
	text-decoration:none;
	color: #fff;/*触れたときの文字色*/
	animation-play-state: paused;
	top: 1px;
}
a.btn_detail:active{
	color:#fff;
	text-decoration:none;
}
a.btn_detail:visited{
	color:#fff;
	text-decoration:none;
}
/*左右ゆれ*/
.yureru-s {
	animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
	0% {
		transform: translate(2px, 0px);
	}
	5% {
		transform: translate(-2px, 0px);
	}
	10% {
		transform: translate(2px, 0px);
	}
	15% {
		transform: translate(-2px, 0px);
	}
	20% {
		transform: translate(2px, 0px);
	}
	25% {
		transform: translate(-2px, 0px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}
/*上下ゆれ*/
.yureru-j {
	animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
	0% {
		transform: translate(0px, 2px);
	}
	5% {
		transform: translate(0px, -2px);
	}
	10% {
		transform: translate(0px, 2px);
	}
	15% {
		transform: translate(0px, -2px);
	}
	20% {
		transform: translate(0px, 2px);
	}
	25% {
		transform: translate(0px, -2px);
	}
	30% {
		transform: translate(0px, 0px);
	}
}


/*改行*/
@media screen and (min-width: 415px){	
  .pc414 { display:block; }
  .sp414 { display:none; }
}
@media screen and (max-width: 414px){	
  .pc414 { display:none; }
  .sp414 { display:block; }
}
@media screen and (min-width: 481px){	
  .pc480 { display:block; }
  .sp480 { display:none; }
}
@media screen and (max-width: 480px){	
  .pc480 { display:none; }
  .sp480 { display:block; }
}
@media screen and (min-width: 561px){	
  .pc560 { display:block; }
  .sp560 { display:none; }
}
@media screen and (max-width: 560px){	
  .pc560 { display:none; }
  .sp560 { display:block; }
}
@media screen and (min-width: 768px){	
  .pc768 { display:block; }
  .sp768 { display:none; }
}
@media screen and (max-width: 767px){	
  .pc768 { display:none; }
  .sp768 { display:block; }
}
@media screen and (min-width: 960px){	
  .pc960 { display:block; }
  .sp960 { display:none; }
}
@media screen and (max-width: 959px){	
  .pc960 { display:none; }
  .sp960 { display:block; }
}


/*強調文字*/
.txt_emp{
	color:#f00;
}
.txt_strong{
	font-weight:bold;
}
/*リンク*/
a {
color:#333;
text-decoration:underline;
}

a:hover {
color:#777;
text-decoration:none;
}

a:visited {
color:#333;
text-decoration:underline;
}

a {
	outline:none;
}

p.popup a{
  color: #999;
  text-decoration: none !important;
}
p.popup a:hover {
  color: #666 !important;
  text-decoration: none !important;
}
p.popup a:visited {
  color: #999 !important;
  text-decoration: none !important;
}