/*
Theme Name: 瞬速FortuneテーマO1
Theme URI: 
Description: 1週間で作るウェブ講座で使用する瞬速データ（OceanWPの子テーマ）OceanWPは消さないでください。
Author: OceanWP 1w-web
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*瞬速カスタム*/
/*/////////////////////////////////////////////////
//ヘッダーメニュー
/////////////////////////////////////////////////*/
/*ヘッダーボタン装飾*/
#site-header li.special-btn{
	background-color:#cea42f;
}
#site-header li.special-btn a{
	color:#fff
}

#site-header li.special-btn.current-menu-item > a{
	color:#fff
}

#site-header li.special-btn a:hover{
	background-color:#d6b149;
	color:#fff !important
}
/*ヘッダーメニューボタンの挙動*/

#site-navigation-wrap .dropdown-menu > li.special-btn > a.menu-link > span::before, #site-navigation-wrap .dropdown-menu > li.special-btn > a.menu-link > span::after{
	display:none;
	border:none;
	position:unset;
	content:none;
	transition:none;
	transform:none;
}
#site-navigation-wrap .dropdown-menu > li.special-btn > a.menu-link:hover > span::before, #site-navigation-wrap .dropdown-menu > li.special-btn > a.menu-link:hover > span::after{
	transform:none
}
/*/////////////////////////////////////////////////
//リンク関係
/////////////////////////////////////////////////*/

/*link時の囲み枠を消す
a:active, a:focus {
  outline: 0 !important;
  border: none !important;
  -moz-outline-style: none !important;
}*/
/*エレメンターの本文のリンク色だけ変える*/
#content .entry .elementor a:not(.wp-block-button__link):not(.wp-block-file__button):not(.elementor-button-link), .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button):not(.elementor-button-link) {
	cursor: pointer;
	text-underline-offset: 3px;
	text-decoration: underline;
	text-decoration-skip-ink: all;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#content .entry .elementor a:not(.wp-block-button__link):not(.wp-block-file__button):not(.elementor-button-link):hover, .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button):not(.elementor-button-link):hover {
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-style: dotted;
	text-decoration-skip-ink: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
/*ボタン内の文言に下線を引かない*/
a.btn {
	text-decoration:none !important
}

/*/////////////////////////////////////////////////
//固定ページ
/////////////////////////////////////////////////*/

/*Contact Form 7custom*/
/*必須*/
.hissu{
	font-size:0.8em;
	padding:5px;
	background:#ff8282;
	color:#fff;
	border-radius:2px;
	margin-right:5px;
	position:relative;
	bottom:1px;
}
/*whatsnew設定*/
div.whatsnew .newmark{
	background-color: #AD0163;	
}
/*/////////////////////////////////////////////////
//投稿ページ
/////////////////////////////////////////////////*/
/*投稿一覧のカテゴリー名*/
.blog-entry.thumbnail-entry .blog-entry-category a{
	background-color: #f2f2f2;
	padding: 2px 5px;
	border: 1px solid #e8e8e8;}

/*投稿一覧の概要文だけ小さめにする*/
.blog-entry-summary p{
	font-size:80%
}
.single-post ul.meta{
	font-size:80%
}

/*ブログカード*/
/* ブログカード シンプルデザイン*/
.blog-card-long {
	margin: 0 0 1.8rem;
}
.card-link {
	display: block;
	overflow: hidden;
	max-width: 400px;
	width: 100%;
	padding: 0;
	/* border-radius: 3px;*/
	background: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	color: #222;
	font-weight: bold;
	text-decoration: none !important;
	position: relative;
}
.card-link:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
	color: #555;
	text-decoration: none;
	transform: translateY(-2px);
}
.blog-card-label-long{
	z-index: 1;
	display: inline-block;
	position: absolute;
	background-color: #f99f48;
	top: 10px;
	left: 10px;
	max-width: 120px;
	height: 25px;
	padding: 0 0.5rem;
	color: #fff;
	font-size: .8rem;
	font-weight: 700;
	text-align: center;
	line-height: 25px;
	transform-origin: 50% 50%;
	animation: animScale 3.5s ease-out;
}

.card-link .blogcard-text {
	display: block;
	padding: 15px 13px;
	line-height: 1.6;
}
.card-link img {
	width: 100%;
}
.longcard-link {
	margin-bottom: 1.5em;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.longcard-link img {
	padding: 10px 10px 0;
}
.longcard-img{
	position: relative;
}
.blogcard-title {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4;
	display: -webkit-box;
    -webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-card-excerpt-long {
	padding-top: .8em;
	font-size: .8em;
	line-height: 1.5;
	font-weight: normal;
	/*opacity: .8;*/
	color: #8c8f94;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
    text-overflow: ellipsis;
}
@media only screen and (min-width: 481px) {
	.card-link {
		display: inline-block;
    	max-width: 310px;
    	margin-right: 20px;
 	}
	.longcard-link {
    	max-width: 100%;
    	display: table;
  	}
  	.longcard-img,
  	.card-link.longcard-link .blogcard-content {
		display: table-cell;
		vertical-align: middle;
  }
  .longcard-img {
		width: 35%;
  }
  .blogcard-content {
		width: 65%;
  }
  .longcard-img img {
    width: 100%;
    padding: 10px;
  }
}
/*ブログカードのラベル*/
.blog-card-label{
    display: inline-block;
    position: absolute;
    background-color: #cea42f;
    top: 0px;
    left: 0px;
	z-index: 2;
    width: 70px;
    height: 25px;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    text-align: center;
    line-height: 25px;
    transform-origin: 50% 50%;
    animation: animScale 3.5s ease-out;
}
/*/////////////////////////////////////////////////
//ブログカード（oEmbed）のレイアウト変更
/////////////////////////////////////////////////*/

.wp-embedded-content {
	margin:  0 auto;
	min-width: 100%;
	width: 100%;
}
@media screen and (max-width: 959px){
	.blog-card-excerpt-long {
		/*display: none;*/
	}
}
/*/////////////////////////////////////////////////
//サイドバーやウィジェット
/////////////////////////////////////////////////*/
/*サイドバーのプロフ名前の大文字をOFF*/
.oceanwp-about-me .oceanwp-about-me-name{
	text-transform: none;
}

/*サイドバーサーチフォーム調整*/
.wp-block-search__inside-wrapper {
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	max-width: 100%;
}
.wp-block-search__button.has-icon {
	line-height: 0;
}
.wp-block-search__button svg {
	fill: currentColor;
	min-height: 24px;
	min-width: 24px;
	vertical-align: text-bottom;
}
/* GoToTOPは小さいデバイスでは消す */
@media only screen and (max-width: 959px) {
	#scroll-top {
		display: none !important;
	}
}
/*デバイス毎*/
/* 全てのデバイスサイズに適用 */
@media (max-width: 1120px) {
/* デバイスサイズ 1120px以下に適用 */
}

@media (min-width: 992px) {
/* デバイスサイズ 992px以上に適用 */
}
@media (max-width: 991px) {
/* デバイスサイズ 991px以下に適用 */
}
@media (min-width: 768px) {
/* デバイスサイズ 768px以上に適用 */
	/* ナビメニューのボーダー */
	.nav_border li:first-child{
		border-left:1px solid #f3f3f3	
	}
	.nav_border li{
		border-right:1px solid #f3f3f3;
		border-image: linear-gradient(to bottom, #fbfbfb, #dadada) 1;
	}
	.nav_border.height_1 .hfe-pointer__underline .menu-item.parent a.hfe-menu-item::after{
		height:1px
	}
	.nav_border.height_2 .hfe-pointer__underline .menu-item.parent a.hfe-menu-item::after{
		height:2px
	}
}
@media (max-width: 767px) {
/* デバイスサイズ 768px以下に適用 */
	/* ナビメニューのボーダー */
	.nav_border li{
		width:50%;
		border-width: 1px 1px 0px 0px;
		border-style:solid;
		border-color:#f3f3f3;
	}
	.nav_border.height_1 .hfe-pointer__underline .menu-item.parent a.hfe-menu-item::after{
		height:1px
	}
	.nav_border.height_2 .hfe-pointer__underline .menu-item.parent a.hfe-menu-item::after{
		height:2px
	}
	/* フッター固定 */
	.fix-footer{
		position:fixed;
		width:100%;
		bottom:0;
		z-index:50
	}
}
@media (max-width: 575px) {
/* デバイスサイズ 575px以下に適用 */
}

@media (max-width: 480px) {
/* デバイスサイズ 480px以下に適用 */
}


/*ここから基本*/
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_8 { font-size: 8px; }
.txt_10 { font-size: 10px; }
.txt_11 { font-size: 11px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px}
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_36 { font-size: 36px; }
.txt_60p{font-size: 60%}
.txt_70p{font-size: 70%}
.txt_80p{font-size: 80%}
.txt_90p{font-size: 90%}
.txt_100p{font-size: 100%}
.txt_120p{font-size: 120%}
.txt_150p{font-size: 150%}
.txt_200p{font-size: 200%}
.txt_25e{font-size: 2.5em}
.txt_c_ccc {color: #ccc;}
.txt_c_666 {color: #666;}
.txt_c_999 {color: #999;}
.txt_c_red {color: #ff0000;}
.txt_c_grn {color: #7a9b6b;}
.txt_c_w {color: #fff;}
.txt_c_dan {color: #c9302c;}
.txt_c_o,.txt_c_o a {color:#D66915}
.txt_c_bk {color: #000;}
.txt_c_rb {color: #910707;}
.txt_c_brown {color: #994d00;}
.txt_c_gld {color: #d69f5a;}
.txt_kc_red{color:#e73d0f}
.txt_kc_grn{color:#00a73c}
.txt_kc_ylw{color:#f5ae00}
.txt_kc_ble{color:#007bc2}
.txt_kc_org{color:#a54c00}
.txt_kc_bg{color:#bf9147}
.txt_s_333 {text-shadow: 2px 2px 0 #333}
.txt_s_666 {text-shadow: 2px 2px 0 #666}
.txt_s_999 {text-shadow: 2px 2px 0 #999}
.txt_s_fff {text-shadow: 2px 2px 0 #fff}
/*改行*/
.nowrap{white-space: nowrap;}
.inline-b{display:inline-block}
/*text-shadow*/
.txt_s_ccc{text-shadow: 0 1px 0 #ccc}
.txt_s_brg{text-shadow: 0 1px 0 #ddcbbe}
/* background */
.bgc_gray {background-color: #f1f1f1;}
.bgc_grn{background-color: #7a9b6b;}
.bgc_blk{background-color:block}
.bgc_brg{background-color:#C2B9AA}
.bgc_w{background-color:#FFFFFF}
.bgc_o{background-color: #D66915;}
.bgc_rb{background-color: #910707;}
.bgc_gld{background-color:#bf9635}
.bgc_ylw{background-color:#fff8e8}
.bgc_sky{background-color:#8bc5d7}
.bgc_key{background-color:#8da67f}
.bgc_brg2{background-color:#c8b78f}
/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_5 { margin: 5px; }
.mar_10 { margin: 10px; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_15 { margin-top: 15px; }
.mar_r_15 { margin-right: 15px; }
.mar_b_15 { margin-bottom: 15px; }
.mar_l_15 { margin-left: 15px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_40 { margin-top: 40px; }
.mar_r_40 { margin-right: 40px; }
.mar_b_40 { margin-bottom: 40px; }
.mar_l_40 { margin-left: 40px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_b_60 { margin-bottom: 60px; }
.mar_b_70 { margin-bottom: 70px; }
.mar_l_50 { margin-left: 50px; }
.mar_t_100 { margin-top: 100px; }
/* padding */
.pad_v_5 { padding: 5px 0; }
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }
.pad_side_menu{padding:10px 20px 10px 10px;}
/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }
.bor_1 { border: 1px solid #eee; }
.bor_t_2 { border-top: 2px solid #eee; }
.bor_r_2 { border-right: 2px solid #eee; }
.bor_b_2 { border-bottom: 2px solid #eee; }
.bor_l_2 { border-left: 2px solid #eee; }
.bor_2 { border: 2px solid #eee; }
.bor_c_g{border-color:#4D9506}
.bor_c_g{border-color:#7a9b6b}
.bor_c_o{border-color:#D66915}
.bor_c_bk{border-color:black}
.bor_c_rb{border-color:#910707}
.bor_c_gld{border-color:#bf9635}
.bor_s_dotted{border-style:dotted}
/*list-style*/
.list_s_n{
list-style:none
}
/* vertical align */
.va-05 { vertical-align: -5%; }
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }
/*align*/
.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.left{
float:left
}
img.left{
margin-right:10px;
margin-bottom:10px
}
.right{
float:right
}
img.right{
margin-left:10px;
margin-bottom:10px
}
.br{
display:block;
}
.clear{
clear:both
}
/*横幅*/
.w20p{width:20%
}
.w30p{width:30%
}
.w40p{width:40%
}
.w50p{width:50%
}
.w60p{width:60%
}
.w70p{width:70%
}
.w80p{width:80%
}
.w90p{width:90%
}
.w100p{width:100%
}

/*テキスト行間*/
.txt_lh_10{line-height:1em}
.txt_lh_15{line-height:1.5em}
.txt_lh_20{line-height:2em}
.txt_lh_25{line-height:2.5em}
.txt_lh_30{line-height:3em}

/*デバイス毎*/
/* 全てのデバイスサイズに適用 */
@media (max-width: 1120px) {
/* デバイスサイズ 1120px以下に適用 */
}
@media (min-width: 960px) {
/* デバイスサイズ 992px以上に適用 */
.for-pc{
display:block
}
.for-md{
display:none
}
.for-sp{
display:none
}
}
@media (max-width: 959px) {
/* デバイスサイズ 959px以下に適用 */
.for-pc{
display:none
}
.for-md{
display:block
}
.for-sp{
display:none
}	
}
@media (max-width: 767px) {
/* デバイスサイズ 768px以下に適用 */
.md-center{
text-align:center;
margin-left:auto;
margin-right:auto
}
.for-pc{
display:none
}
.for-md{
display:none
}
.for-sp{
display:block
}
}
@media (max-width: 575px) {
}
@media (max-width: 480px) {
/* デバイスサイズ 480px以下に適用 */
.sp-center{
text-align:center;
margin-left:auto;
margin-right:auto
}
}