/* サイト全体の設定 */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, sans-serif;
	font-weight: 400;
}
h2, h3 {
    padding-top: 20px;
}
h1 {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.6;
}
h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6;
}
h3 {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.6;
}
h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
	font-weight: 600;
}
/* サイトロゴの位置指定 */
h1.site-title {
	margin: 14px 0;
}
#mobile-panel .site-title {
    margin: 0;
}
.header-title {
	display: none;
}
/* トップページ表示順の指定 */
#skrollr-body {
	display: flex;
	flex-direction: column;
}
section#slide-1 {
	order: 1;
	height: 640px !important;
}
section#slide-3 {
	order: 3;
}
section#slide-4 {
	order: 2;
}
/* ボーダーの指定 */
#para-template #slide-3 .entry-header {
    border-bottom: 1px dotted #666;
}
/* トップページタイトルの指定 */
.hsContainer {
	display:flex;
	align-items: center;
}
#header-branding h2 {
	color: #333;
	text-shadow: #FFF 2px 2px 1px;
	margin: 0;
}
#single-titles, #page-section {
    color: #333;
    text-shadow: none;
}
.hsContent .widget h1 {
    color: #333;
}
.hsContent {
    text-shadow: none;
}
/* トップページ本文の指定 */
.hsContent p {
    color: #333;
}
/* 従来からの指定 */
body.page-template-templatesfront-page-php.loading {
    background: #2ea5df url('https://sorakaze.co.jp/wp-content/uploads/2015/09/ico_loading.gif') no-repeat center 15%;
}
@media only screen and (min-width: 64.063em) {
	body.page-template-templatesfront-page-php.loading {
    	background: #2ea5df url('https://sorakaze.co.jp/wp-content/uploads/2015/09/ico_loading.gif') no-repeat center 15%;
	}
}
body, button, input, select, textarea {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, sans-serif;
    line-height: 1.8;
}
.entry-header, .page-title {
    border-bottom: none;
}
.entry-header, .page-title {
    border-bottom: 1px dotted #999;
}

#masthead, #footer-nav-wrapper {
    background: #2ea5df;
}
.main-navigation li a, .main-navigation li a:visited {
    color: #fff;
    text-transform: none;
}
.site-info {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}
/* タグクラウドの指定、ひとまずOFF
.wp-block-tag-cloud.is-style-outline a {
    border: 2px solid #2390bb;
    margin-bottom: 5px;
    padding: 0 5px;
}
*/
/* フッター周りの指定 */
@media only screen and (min-width: 40.063em) {
	body.single #colophon a {
		color: #fff;
	}
}
/* トップページフッター表示順設定 */
#footer-navigation ul {
	display: flex;
}
#footer-navigation #menu-item-two {
	order: 2;
}
#footer-navigation #menu-item-three {
	order: 1;
}
#footer-nav-wrapper .site-info a {
    color: #fff;
}
#colophon {
    background: #2ea5df;
}
#colophon a {
    color: #fff;
}
#mobile-panel {
    background: #2ea5df;
}
#mobile-link {
    background: #2ea5df;
}

.paging-navigation .nav-previous,
.post-navigation .nav-previous{
    margin: 0 0 100px 0;
}
.paging-navigation .nav-next,
.post-navigation .nav-next{
    margin: 0 0 100px 0;
}
/* トップページ、メイン画像の指定 */
#slide-1 .bcg {
	background-size: 100% !important;
	background-repeat: no-repeat;
}
/* 更新情報周りの指定 */
#slide-4 .widget {
    width: 40%;
}
#para-template #slide-4 .hsContent .widget-area {
    padding: 20px 0;
}
#slide-4 .widget p {
    margin-bottom: 16pt;
}
#slide-4 .widget li {
	display: flex;
	flex-flow: column;
	flex-wrap: wrap;
	padding: 0 0 12px 0;
	line-height: 1.4em;
	list-style: disc;
}
/* 日付とタイトルの順番入れ替え */
#slide-4 .widget li a {
	order: 2;
}
#slide-4 .widget li span {
	order: 1;
}
.lcp_date {
	margin: 0 0 4px 0px;
	padding: 0 4px;
	width: 112px;
	font-size: 11px;
	text-align: center;
	border: solid #FFF 1pt;
	border-radius: 4px;
}
#slide-4 .widget {
	margin: 0 4%;
	padding: 0;
}
.widget li {
	font-weight: 300;
}
#block-7 h2, #block-8 h2 {
	color: #FFF;
}
#slide-4 .widget ul {
	margin-left: 0;
}
/* サイドバーリスト表示周りの指定、ひとまずOFF
ul {
	margin: 0;
}
.entry-header, .page-title {
    border-bottom: 1px dotted #999;
}
.entry-content ul {
	margin: 0 0 24px 16px;
}
*/
/* 以降はトップページ背景画像の各デバイス毎の調整 */
@media only screen and (min-width: 1140px) {
	.bcg {
		background-attachment: local !important;
	}
}

/* XLarge Screen 最小幅1441px */
@media only screen and (min-width: 1140px) {
	#skrollr-body .slide:last-of-type {
		padding-bottom: 0;
	}
	.bcg {
		background-attachment: local !important;
	}
}

/* デスクトップ Large Screen 最小幅1025px */
@media only screen and (min-width: 64.063em) {
	#para-template #slide-4 .hsContent .widget-area {
		margin: none;
		padding: 56px 0 !important;
	}
	#header-branding {
		padding: 0 !important;
	}
	#header-branding h2 {
		width: 54%;
		font-size: 3.0rem;
		line-height: 1.4;
		text-align: left;
		margin: 0;
	}
}

/* タブレット用 最小幅641px 最大幅1024px*/
@media screen and (min-width: 40.063em) and (max-width: 64.063em) {
	#slide-4 .widget {
		width: 90%;
	}
	section#slide-1 {
		order: 1;
		height: 380px !important;
	}
	.bcg {
		background-attachment: local !important;
	}
	#header-branding h2 {
		width: 64%;
		font-size: 3.0rem;
		line-height: 1.4;
		text-align: left;
		margin: 0;
	}
}

/* スマホ用 最大幅640px */
@media only screen and (max-width: 40em) {
	#slide-4 .widget {
		width: 90%;
	}
	#slide-1 .bcg {
		background-size: 100% !important;
		background-image: url(https://sorakaze.co.jp/wp-content/uploads/2023/03/top-main_background-mobile.jpg) !important;
		background-repeat: no-repeat;
	}
	section#slide-1 {
		order: 1;
		height: 380px !important;
	}
	#header-branding h2 {
		width: 64%;
		font-size: 3.0rem;
		line-height: 1.4;
		text-align: left;
		margin: 0;
	}
}

/* アプリ各プラットフォームストアへのリンク設定 */
*,*::before,*::after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}
.app-container {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  width: 100%;
  border: solid #EEE 2px;
  border-radius: 6px;
  box-shadow: 0 0 6px 2px rgba(0,0,0,0.04);
}
/* アプリの説明文 */
.app-description {
	margin: 10px 10px 4px 10px;
	font-size: 12pt;
}
/* 説明文の有無によるアイコンセットのレイアウト調整 */
.app-link-a {
  display: flex;
  justify-content: space-between;
}
.app-link-b {
	margin-top: -8px;
  display: flex;
  justify-content: space-between;
}
/* アイコン周りの設定 */
.app-id {
  display: flex;
  width: 100%;
  height: auto;
}
.app-icon {
  margin: 10px;
  flex-basis: 56px;
}
.app-icon img {
  width: 100%;
  border-radius: 12px;
}
.app-icon-border {
  margin: 10px;
  flex-basis: 56px;
}
.app-icon-border img {
  width: 100%;
  border: solid #DDD 1pt;
  border-radius: 12px;
}
.app-icon img:hover {
  opacity: 0.5;
}
.app-icon-mac {
  margin: 5px;
  flex-basis: 66px;
}
.app-icon-mac img {
  width: 100%;
  border-radius: 12px;
}
.app-icon-mac img:hover {
  opacity: 0.5;
}
/* アプリ名周りの設定 */
.app-set {
   flex-basis: auto;
  justify-content: left;
  align-self: center;
}
.app-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  color: #333;
}
.app-price {
  font-size: 12px;
}
.app-caption {
  font-size: 11px;
}
/* ストアバッジの設定 */
.app-badge {
  display: flex;
  margin: 10px;
  width: auto;
}
.app-badge:hover {
  opacity: 0.5;
}
.app-badge-android {
  display: flex;
  margin: 16px 10px 0 0;
  width: 140px;
}
.app-badge-android:hover {
  opacity: 0.5;
}
.app-badge a {
  align-self: center;
}
/*
.app-official-wrapper {
  margin-right: 10px;
  flex-basis: 24%;
  align-content: center;
  align-self: center;
  text-align: center;
  height: 64px;
  background-color: #EEE;
  border-radius: 8px;
}
.app-official p {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
*/
/* スクリーンショット周りの設定 */
.app-screen-wrapper {
  margin: 0 10px 10px 10px;
}
.app-screen {
  display: flex;
  align-items: flex-start;
  overflow-x: scroll;
}
.app-screenshot {
	padding: 0;
}
.app-screenshot:not(:last-child) {
  margin-right: 8px;
  padding: 0;
}
.app-screenshot img {
	max-width: 512px;
	height: 320px;
}