@charset "UTF-8";
@import 'common.css';
@import 'contact7.css';
@import 'assets/css/lp-flower.css';
@import 'assets/css/lp-sports.css';
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/* 
 * ※キャンペーンページなど期間限定のLPは、固定ページ内のcssへ
 *  




/*============================================================================
 *  共通▼　全体共通設定
 * =========================================================================== */

* {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}

/* カスタム投稿のタイトル 非表示 */
.post-type-archive h1 {
	display:none;
}
	.sp-br{
		display:none;
	}
@media screen and (max-width: 414px){
	.sp-br{
		display:block;
	}
}

/* ----------------------------------------------------------
 * ------------------------------------------ ▼header設定 */

/* 全体 */
#navi #header-in-box01-in01 {
	padding:7px 2% 3px;
}


/* ------------------------------------------ ▲header設定  */


/* ----------------------------------------------------------
 * ------------------------------------------ ▼footer設定 */

.footer{
	background:center top repeat-y url(https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2020/11/footerimg.png);
	background-size: cover;
}


/* ------------------------------------------ ▲footer設定  */
/* ----------------------------------------------------------
 * ------------------------------------------ ▼sidebar設定 */




/* ------------------------------------------ ▲sidebar設定  */

/*============================================================================
 *  共通▲　全体共通設定
 * =========================================================================== */
/*============================================================================
 *  共通▼　共通部品設定
 * =========================================================================== */

/* 要素の横並び */
.flex {
display:flex;
}

/* 文字の折り返しを防ぐ */
.text_nowrap {
	display:inline-block;
}

/* 太字 */
.text-bold {
	font-weight:bold;
}

/* 画像等横並びでくっついた状態を均等に間隔をあける（レスポンシブ対応OK） */
.ma_r {
	margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* 要素の横並び、上下中央寄せ、等間隔を空ける */
.bl_flexcenter {
	display:flex;
	align-content:center;
	justify-content:center;
}


/*============================================================================
 *  共通▲　共通部品設定
 * =========================================================================== */
/*============================================================================
 *  共通▼　ブログ（投稿）共通設定（.single）　PC
 * =========================================================================== */

/* ブログ */
.single #main .article h2{
	padding:20px 10px;
	margin:7% 0;
}
/* ------------ ▼ブログの.article h2設定 */

.single-post .entry-content h2 {
    border-bottom: solid 3px #ffd2d6;
    position: relative;
    color: #333;
    background: #fffafa;
}

.single-post .entry-content h2:after {
  	position: absolute;
  	content: "";
  	display: block;
  	border-bottom: solid 3px #ff4b59;
  	bottom: -3px;
	left:0;
  	width: 20%;
}

/* ------------ ▲ブログの.article h2設定  */

/* ------------ ▼ブログの各設定 */

/* 画像横並び */
/* .single-post .blog_flex {
	display:flex;
	justify-content:center;
	align-items:center;
} */
/* .single-post .blog_flex > a,.single-post .blog_flex > img {
	padding:2%;
} */
@media screen and (max-width: 480px){
/* 	.single-post .blog_flex {
		flex-wrap:wrap;
	} */
}

/* ------------ ▲ブログの各設定 */

/* ------------------------ 共通▼ブログのタイトルと日付の設定 */

/* .single-sdgs-activity .article-header {
	padding: 2% 3%;
    border: 1px solid #333;
} */

/* ------------------------ 共通▲ブログのタイトルと日付の設定 */


/* タイトル */
.post header.article-header{
	padding:20px;
	border:1px solid #aaa;
}


.page-id-7284 .appeal{
	display:none;
}

/************************************
** 関連記事の設定
************************************/

.under-entry-content #related-entries {
	background: #fffafa;
    padding: 5px;
}

/* タイトル「関連記事」 */
.under-entry-content #related-entries .related-entry-heading {
	border-bottom: solid 2px #ff4b59;
}

/* 次の記事・前の記事 */
.pager-post-navi.post-navi-square a {
	border: 1px solid #efefef!important;
    margin: 5px;
}

/************************************
** エントリーカードの設定
************************************/
.entry-card-snippet, .related-entry-card-snippet {
  font-size: 14px;
  letter-spacing: 1.3px;
  line-height: 1.3;
}
.entry-card-title, .related-entry-card-title {
  font-size: 14px;
  margin: 0 0 10px 0;
  letter-spacing: 1.5px;
}
.a-wrap {
  font-size: 12px;
}

/* タイル同士の幅の調整 */
.entry-card, .related-entry-card {
  position: relative;
  padding: 0 7px;
}



/*============================================================================
 *  共通▲　ブログ（投稿）共通設定　PC
 * =========================================================================== */
/*============================================================================
 *  共通▼　固定ページ共通設定　PC
 * =========================================================================== */

.page #main .article h1{
	display:none;
}

.page .article h3{
	padding:0;
	border:none;
}

.page #main .date-tags{
	display:none;
}

/*============================================================================
 *  共通▲　固定ページ共通設定　PC
 * =========================================================================== */
/*============================================================================
 *  共通▼　フォーム共通設定　PC
 * =========================================================================== */

/* ---------------------------------------------------------------------------
 * ----------------- ▼ファイルアップロードの設定 */

form .codedropz-upload-wrapper .codedropz-upload-inner {
	padding:1em 0;
}

form .codedropz-upload-wrapper .codedropz-upload-inner h5 {
	border-bottom:none;
	margin:0;
}

/* 確認画面 */
form .codedropz-upload-wrapper .wpcf7c-conf-hidden {
	display:none;
}

/* --------------------------------------------
 * ------------------------------ ▼フォーム名 */



/* 商品選択 */
form h4.text {
	margin-bottom:5px;
	font-size:1.7em;
	border:none;
}

/* 個人情報 */
form p.text {
	margin: 2em 0 5px;
}

/* --------------------------------------------
 * ------------------------------ ▼長さ設定 */

form .postal-code {
	width:150px;
	margin-bottom: 7px;
}
 

/* --------------------------------------------
 * ------------------------------ ▼ボタン設定 */
.form-btn {
	margin-top:5%;
}

/*============================================================================
 *  共通▲　フォーム共通設定　PC
 * =========================================================================== */
/*============================================================================
 *  共通▼一体型LP商品選択のフォーム共通設定　PC
 * =========================================================================== */

/* ------------------------------------------------------
 * ------------------------------------ ▼ラジオボタン */

.item-select .wpcf7-list-item {
	text-align:center;
	height: 150px;
	margin: 1em 0;
}

.item-select .wpcf7-list-item label {
	display:flex;
	flex-direction:column;
	position: relative;
    height: 100%;
}

/* ラジオボタンのボタン部分 */
.item-select .wpcf7-list-item label input {
	margin:0 auto;
}

/* テキスト部分 */
.item-select  .wpcf7-list-item label .wpcf7-list-item-label {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
	width: 100%;
}

/* チェックが入ったら透過100% */
.item-select input[type="radio"]:checked {
	background:#efefef;
}


/* -------------------------------------------------------
　　　 　　　▼一体型LP サイズ選択
--------------------------------------------------------*/

/* ---------------------------------
 * ----------------------- ▼共通 */
.size-select .wpcf7-list-item {
	width: calc( 100% / 4 );
	height:250px;
}

.size-select .wpcf7-list-item label::after {
content:'';
width:100%;
height:90%;
}

/* テキスト部分 */
.size-select .wpcf7-list-item label .wpcf7-list-item-label {
    bottom: -2em;
}

/* ラジオボタンのボタン部分 */
.size-select .wpcf7-list-item label input {
	margin:5px auto;
}

/* ------------------------------------------
 * ----------------------------- ▼画像設定 */

/* S */
.size-select .wpcf7-list-item:nth-of-type(1) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbagS.jpg');
background-position:center;
background-size:contain;
background-repeat:no-repeat;
}

/* M */
.size-select .wpcf7-list-item:nth-of-type(2) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbagM.jpg');
background-position:center;
background-size:contain;
background-repeat:no-repeat;
}

/* L */
.size-select .wpcf7-list-item:nth-of-type(3) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbagL.jpg');
background-position:center;
background-size:contain;
background-repeat:no-repeat;
}


/* -------------------------------------------------------
　　　 　　　▼一体型LP カラー選択　テストページにある（2021.12）
--------------------------------------------------------*/
	
/* ---------------------------------
 * ----------------------- ▼共通 */
.color-select .item-select-radio .wpcf7-list-item {
	width: calc( 100% / 6 );
}

.color-select .item-select-radio .wpcf7-list-item label::after {
content:'';
width:100%;
height:80%;
}

/* 白 */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(1) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color1.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/* うすい黄 */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(2) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color2.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(3) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color3.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(4) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color4.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(5) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color5.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(6) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color6.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(7) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color7.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(8) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color8.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(9) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color9.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(10) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color10.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(11) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color11.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(12) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color12.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(13) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color13.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(14) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color14.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(15) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color15.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(16) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color16.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(17) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color17.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(18) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color18.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(19) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color19.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(20) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color20.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(21) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color21.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(22) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color22.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(23) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color23.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(24) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color24.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(25) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color25.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(26) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color26.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(27) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color27.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}


/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(28) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color28.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(29) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color29.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/*  */
.color-select .item-select-radio .wpcf7-list-item:nth-of-type(30) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/selfbag-color30.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/* -------------------------------------------------------
▼一体型LP フチ選択
---------------------------------------------------------- */

/* -------------------------------------------------------
* ---------------------------------------------- ▼共通 */
.huti-select .item-select-radio .wpcf7-list-item {
width: calc( 100% / 6 );
height: 200px;
}

.huti-select .item-select-radio .wpcf7-list-item label::after {
content:'';
width:100%;
height:85%;
}

/* 白 */
.huti-select .item-select-radio .wpcf7-list-item:nth-of-type(1) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/huti-shiro.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/* 黒 */
.huti-select .item-select-radio .wpcf7-list-item:nth-of-type(2) label::after {
background:url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/10/huti-kuro.png');
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

/* -------------------------------------------------------
　　　 　　　▼確認画面の設定
--------------------------------------------------------*/

/* -------------------------------------------------------
 * ------------------------------------ 共通▼全体共通 */

/* 全てのボックスを透過 */
input[type=checkbox].wpcf7c-conf,input[type=checkbox].wpcf7c-conf~span,input[type=checkbox].wpcf7c-conf~input,input[type=radio].wpcf7c-conf,input[type=radio].wpcf7c-conf~span,input[type=radio].wpcf7c-conf~input {
opacity:.7;
}

/* チェックしたボックスを透過なし */
input[type=checkbox].wpcf7c-conf:checked,input[type=checkbox].wpcf7c-conf:checked~span,input[type=radio].wpcf7c-conf:checked,input[type=radio].wpcf7c-conf:checked~span{
opacity:1;
font-weight:bold;
}

.item-select input[type="radio"]:checked {
	background:#000;
	opacity:1;
}

/* 入力欄のボックス */
.form-block input[type="text"].wpcf7c-conf,
.form-block input[type="email"].wpcf7c-conf,
.form-block input[type="tel"].wpcf7c-conf {
background-color: #F5F5F5!important; /* 背景色 */
border:none!important;
box-shadow:none!important;
border-radius:0;
font-size:16px;
margin-top:0.5em;
}

/* 入力欄のボックス　選択時 */
.form-block input[type="text"].wpcf7c-conf:focus-visible,
.form-block input[type="email"].wpcf7c-conf:focus-visible,
.form-block input[type="tel"].wpcf7c-conf:focus-visible {
	border:none;
}


/* ボタン */
.form-btn input {
	margin-bottom:10px;
}



/*============================================================================
 *  共通▲一体型LP商品選択のフォーム共通設定　PC
 * =========================================================================== */
/*============================================================================
 *  共通▼お問い合わせ設定(新規作成ページ共通 2020.10～)
 * =========================================================================== */

/* -------------------------------------------------------
 * --------------------------------------------- ▼共通 */

 .info_link {
    text-align: center;
    padding: 50px
}

 .info_link > p {
    font-size: 1.4em;
    font-weight: bold;
}


.info_link > div[class$="link"] {
	display: inline-block;
	border: 4px solid #333;
    width: 60%;
    height: 170px;
    margin-bottom: 5%;
	position:relative;
}
	
.info_link > div[class$="link"] a {
    text-decoration: none;
	color:#333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	font-weight:bold;
}


/* ------------------- ▼電話リンク */
 .info_link .tel_link {
	background:#fff;
    font-size: 1.2em;

}

 .info_link .tel_link a {
	 flex-direction:column;
}

 .info_link .tel_link span {
    font-size: 1.7em;
}


/* ------------------- ▼お問い合わせリンク */
 .info_link .mail_link {
    background: #333;
    font-size: 1.5em;
}

 .info_link div.mail_link a {
    color: #fff;
}


/* ------------------- ▼メルマガリンク */

.info_link .merumaga_link {
	background: #9FA0A0;
    font-size: 1.5em;
}

 .info_link div.merumaga_link a {
    color: #fff;
}

/*============================================================================
 *  共通▲お問い合わせ設定(新規作成ページ共通 2020.10～)
 * =========================================================================== */
/*============================================================================
 *  共通▼キャンペーンフォーム設定
 * =========================================================================== */

.postal1::before {
content:"〒"!important;
	margin-right:5px!important;
}

.postal2::before {
content:"〒"!important;
	margin-right:5px!important;
}

.postal1,.postal2 {
width:50%!important;
}
.form_cont {
	margin-bottom:15px;
	margin-left:15px;
}

/*============================================================================
 *  共通▲キャンペーンフォーム設定
 * =========================================================================== */

/* ---------------------------------------------------------------------------
 *  ▼SPヘッダーメニュー 
 * --------------------------------------------------------------------------- */

/* ##### SPヘッダーメニュー 20200805 #####  */

/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #000;
	color: #fff;
}

.logo-menu-button.menu-button{
	background-color: #fff;
}

/*スライドインメニュー内ロゴ左寄せ*/
.logo-menu-button img {
	margin: 0;
	height:100%;
}

/*スライドインメニューを右から・半透明*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	transform: translateX(101%);
}

.menu-drawer a{
	font-size: 0.9em;/*文字の大きさ*/
	color: #fff;/*文字の色*/
	height: 3em;/*行の高さ*/
	text-indent: 3px;
}

.menu-drawer a:hover{
	color: rgba(255,255,255,0.7);
	background-color: rgba(255,255,255,0);
}

/* ##### SPヘッダーメニュー 20200805 #####  */

/* ##### ドロワー 20200803 #####  */

.menu-drawer a {
	font-size:15px;	
}

/* オンラインショップ  */
.menu-drawer li:last-child {
  text-indent: -10px;
}

/* ##### ドロワー 20200803 #####  */

/* -----------------------------------------------------------------------------------
 *  ▲SPヘッダーメニュー 20200805 
 * -----------------------------------------------------------------------------------  */

/*##### ページネーション ##### */
.pagination-next-link {
	width: 50%;
	margin: 0 auto;
	padding: 5px;
	font-size: 0.9rem;
	background-color: #000;
	border: 0;
	color: #fff;
}
.pagination-next-link:hover, .comment-btn:hover {
  background-color: #333;
  color: #fff;
}

/* 数字部分 */
.page-numbers { /*通常時*/
  font-size: 0.8rem;
  color: #000;
  border: 1px solid #000;
  width: 35px;
  height: 35px;
  line-height: 2.5;
}
.pagination .current { /*現在のページ*/
  background-color: #000;
  color: #fff;
}

.pagination a:hover { /*マウスホバー時*/
  background-color: #000;
  color: #fff;
}
/*##### ページネーション ##### */


/*============================================================================
 *  ▼　商品情報　PC (.item_information)
 * =========================================================================== */

/* -------------------------------------------------------
 * ---------------------------------------- ▼全体共通 */

/* ----------------▼タイトル */

/* 共通 */
.item_information h3.widget-title {
	font-size: 1.8em;
    padding: .4em .5em;
	margin-top:5%;
	margin-bottom:0;
	opacity:.9;
}

/* 法人向け商品　タイトル */
#houjin-shouhin h3.widget-title {
    background: #EFDD02;
}

/* 個人向け商品　タイトル */
#kojin-shouhin h3.widget-title {
    background: #26B2BA;
    color: #fff;
}

/* ----------------▼アイコン */
.item_information h3.widget-title .fa {
	margin-right:5px;
}


/* -------------------------------------------------------
 * ------------------------------- ▼商品ブロックの設定 */

.item_information .product-conts {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	border: 1px solid #f0f0f0;
    border-top: none;
	padding-top:2%;
}

.item_information .product_block {
	width:calc((100% / 2) - 10px);
	margin:2% 5px;
	justify-content:center;
	align-items:center;
}

/* -------------------------------------------------------
 * --------------------------- ブロック内▼テキスト設定 */

.item_information .product_block .text {
	width:100%;
}

/* タイトル */
.item_information .product_block .text h4.title {
	border-top:none;
	margin-top: 0;
}

/* .item_information .product_block .text h4.title a {
	color:#333;
	text-decoration:none;
	display:block;
}
 */
/* -------------------------------------------------------
 * -------------------------------------------- ▼画像 */
.item_information .product_block .product_img {
	max-width:180px;
	margin:0 2%;
	transition: .3s ease-in-out;
}


.item_information .product_block .product_img:hover {
	transform:scale(1.1,1.1);
}
/* -------------------------------------------------------
 * ------------------------------------ ▼ボタンの設定 */

.item_information .product_block .product_linkbtn {
	display: flex;
    justify-content: center;
}

.item_information .product_block .product_linkbtn .btn {
	margin:5px 2%;
}


/* -------- ▼詳しく見るボタン */
.item_information .product_block .product_linkbtn .product_linkbtn_detail {
	background: #949495;
}

/* -------- ▼購入&お問い合わせボタン */
.item_information .product_block .product_linkbtn .product_linkbtn_purchase {
	background: #26B7BC;
}

#houjin-shouhin .product_block .product_linkbtn .product_linkbtn_purchase {
	background: #EFDD02;
}


/*============================================================================
 *  ▲　商品情報　PC
 * =========================================================================== */
/*============================================================================
 *  ▼ご注文用フォーマット　PC
 * =========================================================================== */

.download-title {
	text-align: center;
	font-size: 30px;
	letter-spacing: 0.1rem;
	margin: 0;
	padding: 0;
}

.download-title > span {
	font-size: 15px;
	font-weight: lighter;
	letter-spacing: 1.3px;
	display: block;
	margin: 0 0 40px;
}

/*============================================================================
 *  ▲ご注文用フォーマット　PC
 * =========================================================================== */
/*============================================================================
 *  ▼個人情報の取り扱いについて　PC
 * =========================================================================== */

.privacy-policy-title {
	text-align: center;
	font-size: 30px;
	letter-spacing: 0.1rem;
	margin-bottom: 50px;
	padding: 0;
}

/*============================================================================
 *  ▲個人情報の取り扱いについて　PC
 * =========================================================================== */
/*============================================================================
 *  ▼セルフバッグLP　PC
 * =========================================================================== */

.page #main .article #self-bag01-in01 h2{
	margin:0;
	padding:0;
	background:none;
}

.page #main .article #self-bag01-in01 h2 img{
	display:block;
	width:100%;
	height:auto;
}

.self-bag01-in01-in01,
.self-bag01-in01-in03{
	margin:0;
	padding:100px 0;
	background:center top repeat-y url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2020/06/back01-01-1.jpg') ;
	text-align:center;
	color:#fff;
}

.page #main .article .self-bag01-in01-in01 h3{
	margin:0;
	padding:0;
}

.page #main .article .self-bag01-in01-in h3 img{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:700px;
}

.self-bag01-in01-in02,
.self-bag01-in01-in04{
	margin:0;
	padding:100px 0;
	text-align:center;
}

.self-bag01-in01-in04{
	padding:100px 0 0 0;
}

.page #main .article .self-bag01-in01-in04 h4{
	margin:70px 0 30px 0;
	padding:0;
	border:none;
}

.self-bag01-in01-in04 .bag-image01{
	display:block;
	margin:0 auto 20px auto;
	width:100%;
	max-width:1000px
}

.page #main .article .self-bag01-in01-in04 p{
	margin:0 0 50px 0;
}

.self-bag01-in01-in05{
	margin:0 0 50px 0;
	text-align:center;
}

.page #main .article .self-bag01-in01-in05 h3{
	margin-top:80px;
}

.page #main .article .self-bag01-in01-in05 h4{
	margin:0 0 30px 0;
	padding:0;
	border:none;
}

.page #main .article .self-bag01-in01-in05 span{
	display:block;
	margin:60px 0 40px;
}

.self-bag01-in01 .bag-link{
	display:block;
	margin:0 auto 30px auto;
	width:100%;
	max-width:500px;
}

.self-bag01-in01 .bag-link:hover{
	opacity:0.8;
}

/*============================================================================
 *  ▲セルフバッグLP　PC
 * =========================================================================== */
/*============================================================================
 *  ▼ご注文用フォーマットLP　PC
 * =========================================================================== */

#temp01-01 h4 {
	font-weight: lighter;
	border-top: none;
}

#temp01-01 .temp01-01-in{
	padding:10px 10px 10px 90px;
	min-height:90px;
	min-width:310px;
	border:1px solid #ddd;
	background:10px 10px no-repeat url('https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2020/05/icon_apps__illustrator_32px.png');
	font-size: 0.8rem;
	width: 70%;
	margin: 0 auto;
}

#temp01-01 li{
	padding:10px 0 10px 0;
	border-bottom:1px dotted #aaa;
	list-style:none;
}
#temp01-01  li::before {
	font-family: "FontAwesome";
	content: "\f019";
	padding-right: 10px;
}
#temp01-01 li a {
	text-decoration: none;
	color: #333;
	font-size: 0.9rem;
}
#temp01-01 li a:hover {
	color: #d44;
}

/*============================================================================
 *  ▲ご注文用フォーマットLP　PC
 * =========================================================================== */
/*============================================================================
 *  ▼　サイドバーー設定　PC
 * =========================================================================== */
.sidebar{
	padding:0 19px;
}

.sidebar h3{
	margin:0;
	padding:0;
	background-color:#fff;
}

.sidebar .widget a.side-link{
	display:block;
	width:auto;
	height:auto;
	max-width:336px;
	overflow:hidden;
}
.sidebar .widget a.side-link:hover{
	background-color:#000;
}

.sidebar .widget a.side-link img{
	display:block;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.sidebar .widget a.side-link:hover img{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	opacity:0.8;
}

.sidebar .widget p{
	margin:5px 0 0 0;
	padding:0;
	line-height:1.5;
}
/* .sidebar .widget p span{
	line-height:1.5;
}
 */
/*============================================================================
 *  ▲　サイドバー設定　PC
 * =========================================================================== */
/*============================================================================
▼お問い合わせページ　PC
 * =========================================================================== */

/* ▼？石川さん？ */

input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a,
.wpcf7c-btn-back{
	display:block;
	margin:0 auto;
	width:50%;
}
.wpcf7c-btn-back{
	padding:11px;
	}

/* ▲？石川さん？ */

.contact_box01 h3{
	text-align:center;
	font-size:2rem;
}

#contact_box01 p{
	text-align:center;
	font-size:15px;
	letter-spacing: 1.3px;
}

/*============================================================================
▲お問い合わせページ　PC
 * =========================================================================== */

/*============================================================================
▼POP UP ブースLP　PC
 * =========================================================================== */


.page #main .article #booth-box01 h2{
	padding:0;
	background:none;
}

.page #main .article #booth-box03 h2.booth-title01{
	background:left top repeat-y url('//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-titleback01-01.jpg');
}

.article #booth-box03 h3{
	margin:0 0 20px 0;
	color:#e60012;
}

#booth-box03 p{
	margin:0 0 20px 0;
	padding:0;
}

#booth-box03 .input-box01{
	margin:0 0 20px 0;
	padding:20px;
	border:1px dotted #aaa;
}

#booth-box03 .input-box01 p{
	font-weight:bold;
}

.article #booth-box03 h3.booth-note01{
	color:#000;
}

#booth-box03 h4{
	margin:0;
	padding:10px 0;
	border:none;
	background-color:#000;
	color:#fff;
	text-align:center;
	font-size:1.2rem;
	}

#booth-box03 .order01{
	background:left top no-repeat url('//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-back01-01.jpg');
}

#booth-box03 .order01 h5{
	margin:0 0 20px 0;
	padding:0;
	border:none;
}

#booth-box03 .booth-arrow01{
	display:block;
	margin:0 auto 50px auto;
	width:171px;
}

#booth-box03 span.haimen01 span,
#booth-box03 span.isu01 span,
#booth-box03 span.table01 span{
	display:block;
	text-align:center;
}

#booth-box03 .order02{
	background:left top no-repeat url('//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-back02-01.jpg');
}


#booth-box03 span.haimen01 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-haimen01-01.png);
}
#booth-box03 span.haimen01 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-haimen02-01.png);
}
#booth-box03 span.haimen01 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-haimen03-01.png);
}
#booth-box03 span.haimen01 .wpcf7-list-item:nth-of-type(4) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-haimen04-01.png);
}

#booth-box03 span.isu01 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-isu01-01.png);
}
#booth-box03 span.isu01 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-isu02-01.png);
}
#booth-box03 span.isu01 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-isu03-01.png);
}
	
#booth-box03 span.table01 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-table01-01.png);
}
#booth-box03 span.table01 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-table02-01.png);
}
#booth-box03 span.table01 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label:after {
	content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-table03-01.png);
}

#booth-box03 span.haimen01 .wpcf7-list-item input + .wpcf7-list-item-label:after,
#booth-box03 span.isu01 .wpcf7-list-item input + .wpcf7-list-item-label:after,
#booth-box03 span.table01 .wpcf7-list-item input + .wpcf7-list-item-label:after,
#booth-box03 span.color01 .wpcf7-list-item input + .wpcf7-list-item-label:after{
	opacity: 0.6;
}
/* チェックされた選択肢を濃く表示 */
#booth-box03 span.haimen01 .wpcf7-list-item input:checked + .wpcf7-list-item-label:after,
#booth-box03 span.isu01 .wpcf7-list-item input:checked + .wpcf7-list-item-label:after,
#booth-box03 span.table01 .wpcf7-list-item input:checked + .wpcf7-list-item-label:after,
#booth-box03 span.color01 .wpcf7-list-item input:checked + .wpcf7-list-item-label:after{
	opacity: 1;
}
	
/* ラジオボタンを消す */
/* #booth-box03 span.haimen01 input {
	display: none;
} */
/* ラジオボタンの文字を消す */
#booth-box03 span.haimen01 input + span,
#booth-box03 span.isu01 input + span,
#booth-box03 span.table01 input + span,
#booth-box03 span.color01 input + span{
	font-size: 0;
}

.page #main .article #booth-box03 h2.booth-title02{
	margin:0 0 20px;
	padding:10px 0;
	background:none;
	background-color:#e60012;
	color:#fff;
	font-size:2rem;
}

#booth-box03 .input-date01 label{
	display:block;
	margin:0 0 30px 0;
}
	
#booth-box03 .input-date01 span{
	color:#f00;
}

/*============================================================================
▲POP UP ブースLP　PC
 * =========================================================================== */

/*============================================================================
▼　トップページ　　2020.10　PC
 * =========================================================================== */

/* ---------------------------------------------------------------------------
 * ----------------------------------------------------- ▼スライダーの設定 */

.sow-slider-base ul.sow-slider-images {
padding-bottom:40px;
}

.sow-slider-base .sow-slider-pagination {
text-align:center;
bottom:-5px;
}

.sow-slider-base .sow-slider-pagination li {
padding:0 5px;
}

.sow-slider-base .sow-slider-pagination li a {
width:15px;
height:15px;
border-radius:7px;
}


/* ---------------------------------------------------------------------------
 * ---------------------------------------------------------- ▼お知らせ設定*/

.top_announce {
    position:relative;
	max-width:1320px;
	margin: 3% auto;
}

.top_announce_conts {
    display: flex;
    justify-content: space-around;
	flex-wrap:wrap;
}

/* アイコン */
.osusume_icon {
	color:#fff;
}

.top_announce h2 {
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px;
	background:none!important;
    text-align: right;
    height: 2em;
    padding: 3px 2em 3px!important;
    float: left;
	width:450px;
	position: absolute;
    top: 1px;
    left: 0;
}

.top_announce table tr:nth-of-type(2n+1) {
	background:none!important;
}

.announce-inner {
    position:relative;
	display:inline-block;
	margin: 3% 2%;
}

.announce-inner tr {
    padding: 2px 0;
    letter-spacing: 0.03rem;
	display: flex;
    align-items: center;
}


.announce-inner td {
	padding:0;
	border:none;
    display: flex;
    align-items: center;
}

.announce-inner td a {
    color: #333;
    text-decoration: none;
}

.announce-inner td a:hover {
    color: #d44
}

.announce-inner .announce-days {
    font-size: 13px;
    letter-spacing: 0.01rem;
}

.announce-inner .announce-icon {
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 3px;
	background:#333;
	padding: 1px 6px;
	white-space: nowrap;
}

@-moz-document url-prefix() {
  /* firefoxのみ適用　ここに書く */
	.announce-inner tbody {
		width:600px;
		display:block;
	}
}


/* New */
.announce-inner .new {
	font-weight:bold;
	color:#E60013;
}

/* ---------------------------------------------------------------------------
 * --------------------------------------------------- ▼大切なお知らせ設定*/

.home .news_information .so-panel:nth-of-type(2) {
	max-width:900px;
	margin:0 auto 3%!important;
}

.important_news {
	padding: 3% 2%!important;
	border:4px solid #E60013;
	border-radius:10px;
	box-shadow: 0 0 10px 5px #ededed;
	margin:0 2%;
	text-align:center;
}

.important_news h3 {
	color:#E60013;
}

.important_news>div {
	display:inline-block;
	text-align:left;
}


/* ---------------------------------------------------------------------------
 * -------------------------------------------------- 共通▼メインタイトル */

/* メインタイトル共通 */
.section-block .main-title {
	text-align:center;
	padding:2%;
}

/* 色：グレー */
.section-block .gray-title {
	background:#E6E6E6;
	color:#333;
}

/* 色：緑 */
.section-block .green-title {
	background:#00a496;
	color:#fff;
}

.section-block .main-title > div {
    display:inline-block;
	text-align:left;
}



.section-block .main-title h3.widget-title {
    font-size: 2.5em;
    margin-bottom: .2em;
	letter-spacing: 2px;
}



/* --------------------- ▼アイコン */

/* 共通 */
.section-block .main-title::before {
	content:"";
	display: inline-block;
	margin-right: 2em;
	padding:50px;
}

/* CR */
.top-CR-block .main-title::before {
	background:url("https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2022/06/cr-icon.png");
	background-size:cover;
}

/* 販売商品 */
.hanbai-shohin-block .main-title::before {
	background:url("https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/08/title-icon1.png");
	background-size:cover;
}

/* マガジン */
.magazine-block .main-title::before {
	background:url("https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/08/title-icon2.png");
	background-size:cover;
}

/* SNS */
.sns-block .main-title::before {
	background:url("https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2021/08/title-icon3.png");
	background-size:cover;
}


/* ---------------------------------------------------------------------------
 * -------------------------------------------------------- ▼会社紹介動画 */

/* 動画 */
.company_movie .top_movie_conts {
	text-align:center;
	padding: 2%;
}

/* タイトル */
.company_movie .top_movie_conts .movie_title {
	font-weight:bold;
}


/* ---------------------------------------------------------------------------
 * ------------------------------------------------------------------- ▼CR */

.top-CR-block .CR-block .top-cr-logo {
	padding: 5% 2%;
}

.top-CR-block .CR-block .top-cr-logo img {
	opacity:.9;
}

.top-CR-block .CR-block .top-cr-logo a {
	transition: transform .3s ease;
	display: table;
    margin: 0 auto;
    max-width: 85%;
}

.top-CR-block .CR-block .top-cr-logo a:hover {
	transform: scale(1.1, 1.1);
}


/* ---------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼販売商品 */

/* ------------ ▼共通 */
.hanbai-shohin-block .text-block {
    padding: 3%;
    width: 35%;
	text-align: center;
}

.hanbai-shohin-block .text-block .text {
	font-weight:bold;
    margin-bottom: 5%!important;
	font-size: 1.3em;
	display: inline-block;
    text-align: left;
}

.hanbai-shohin-block .text-block span.big {
	font-size:1.8em;
    margin-left: -.5em!important;
}


/* ------------------------- ▼リンクボタン */
.hanbai-shohin-block .text-block .link-btn {
	text-align: center;
	margin-bottom:3%!important;
	border-radius: 15px;
	width: 300px;
    margin: 3% auto!important;
	overflow:hidden;
}

.hanbai-shohin-block .text-block .link-btn a {
	text-decoration:none;
    display: block;
    padding: 1px;
}


/* ------------ ▼個人向け */
.section-block .kojin-block {
	padding-bottom: 7%;
}

.kojin-block .text-block {
	color: #fff;
    background: rgba(38,183,188,.95);
	margin-left:auto;
}

.kojin-block .text-block .link-btn {
	border:1px solid #fff;
}

.kojin-block .text-block .link-btn a {
	color:#fff;
}

/* ------------ ▼法人向け */
.section-block .houjin-block {
	padding-top: 6%;
}

.houjin-block .text-block {
    background: rgba(243,225,0,.95);
}

.houjin-block .text-block .link-btn {
	border:1px solid #333;
}

.houjin-block .text-block .link-btn a {
	color:#333;
}


/* ---------------------------------------------------------------------------
 * ------------------------------------------------------ ▼ウェブマガジン */
	
	.magazine-block .magazine-conts  {
		max-width:1100px;
		margin:0 auto;
	}
	

/* ---------------------------------------------------------------------------
 * ------------------------------------------------------------- ▼SNS設定 */

/* ----------------- ▼共通設定 */
.top-sns-block {
	text-align:center;
	margin:0!important;
}
.top-sns-block .title-text {
    padding: 3%;
}


.top-sns-block .title-text h2.title {
    font-size: 2.3em;
    font-weight: 100;
    font-family: "A-OTF UD新ゴ Pro";
    margin-bottom: 0;
	margin-top:0;
    line-height: 1.5;
	color:#fff;
}

.top-sns-block .title-text .top_category_english {
    font-size: 1.2em;
    letter-spacing: 2px;
    font-weight: bold;
}

.top-sns-block .title-text a {
	text-decoration:none;
	display:block;
	color:#fff;
	padding:5% 2%;
}

/* ----------------- ▼アイコン */
.sns_icon {
color:#fff;
}


/* ----------------- ▼各背景色 */
.top-fb-block .title-text {
	background:#00428e;
}
.top-insta-block .title-text {
	background:#e4007f;
}
.top-tw-block .title-text {
  background: #111111;
}


/* ----------------- 動き▼SNSアイコン　回転 */

.fa-facebook,.fa-instagram,.fa-x-twitter {
  transition-duration: 0.5s;
  width: 100%;
}
	
.fa-facebook:hover {
	transform: rotateX( 360deg );
}

.fa-instagram:hover {
	transform: rotate( 360deg )!important;
}

.fa-x-twitter:hover {
	transform: rotateY( 360deg )!important;
}

.fa {
	transform:none!important;
}

/* ----------------- 動き▼SNSの画像　ホバーで白くなる */

.hover_white img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.hover_white:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}




/* ---------------------------------------------------------------------------
 * ----------------------------------------------------- ▼SNSフォローボタン*/

.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}

/* ---------------------------------------------------------------------------
------------------------------------------------------------ ▼TOP 動き設定*/

/* ▼画像ホバー時アップ */

.hover_up {
 overflow:hidden;
}
.hover_up img{
 transition:1s all;
}
.hover_up img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}

/* ▼SNSアイコン　回転 */

.fa-facebook,.fa-instagram,.fa-twitter {
  transition-duration: 0.5s;
  width: 100%;
}
	
.fa-facebook:hover {
	transform: rotateX( 360deg );
}

.fa-instagram:hover {
	transform: rotate( 360deg )!important;
}

.fa-twitter:hover {
	transform: rotateY( 360deg )!important;
}

.fa {
	transform:none!important;
}


/* ▼画像（SNS）　ホバーで白くなる */

.hover_white img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.hover_white:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}



/* ▼お知らせ　左から右へ背景が出てくる */
.bgcolor_anime_box1 {
    background:#333;
    background-position: left top;
	border: 1px solid #333;
	border:none;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    width: 450px;
    height: 25px;
	position:relative;
	left:-3%;
}
 
/* カバー（道路上　左から表示）===================================  */
.bgcolor_anime_box2 {
    width: 450px;
    height: 30px;
    background-color: #fff;
	position:absolute;
	left:0;
}
 
.bgcolor_anime_box2 {
animation-name: animation01; /* アニメーション名を指定 */
animation-duration: 5s; /* アニメーション一回分の時間の長さ */
animation-timing-function: linear;/* アニメーションのタイミング・進行割合を指定する：easeが初期値 */
animation-fill-mode: both; /* アニメーション再生後は、最後のキーフレーム（100%）のスタイルが適用 */
}
 
@keyframes animation01 { /* @keyframesで動作を定義、fromからtoへアニメーション */
    from {
        transform: translateX(0px);/* 水平方向に移動 */
    }
    to {
        transform: translateX(100%);/* 水平方向に移動 */
    }
}


/* ▼スライダー設定（下の事業内容から持ってきた） */

#slider_wrap2 {
    margin: 25px auto;
    max-width: 1100px;  /* 変更 */
    height: 370px;
    padding: 20px;
    position: relative;
}
#slider_prev2 {
    position: absolute;
    top: 42%;
    left: -10px;  /* 変更 */
    cursor: pointer;
}
#slider_next2 {
    position: absolute;
    top: 42%;
    right: -10px;  /* 変更 */
    cursor: pointer;
}
#slider2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#photo_list2 {
    /*width: 640px;  幅は指定しない*/
    height: 50%;
    padding: 10px 10px;  /* 変更 */
    list-style-type: none;
    float: left;
}
#photo_list2 li {
    float: left;
    margin: 0 10px;  /* 変更 */
    display: inline;
	font-size:.9em;
	line-height:1.5;
}

#photo_list2 img {
    border: none;
    max-width: 220px;
}


/* 文字のフェードインは、下の事業内容に記述 */



/*============================================================================
 *  ▲トップページ　PC
 * =========================================================================== */
/*============================================================================
   　　　　 ▼　事業内容　2020.10　PC
 * =========================================================================== */


 .services {
    padding: 100px;
	 text-align:center;
}

.h2_common_bb {
	text-align:center;
}
 .h2_common_bb h2 {
    border-bottom: 1px solid!important;
	border-color:#333;
    max-width: 700px;
    margin: 0 auto!important;
    line-height: 1.3;
    margin-bottom: 0!important;
    font-size: 2.4em;
    font-weight: normal;
	background: none;
	color:#333;
	 padding:0;
}

 .h2_common_bb p {
    margin-top: 5px;
    font-weight: bold;
    letter-spacing: 2px;/* 文字間広げる */
    font-size: 1.1em;;
}


/* ▼ページの共通前置きテキスト */
 .introcommon_text {
    text-align: center;
    font-size: 1.2em;
    margin-top: 25px;
}

.introcommon_text span {
	font-weight:bold;
	font-size:1.1em;
}



/*------------------------------------------
------------------------▼販促・集客設定 */


 /* 新規作成ページ共通設定　ここから */
 .bgimg1 {
    position: relative;
	 z-index:0;
}


 .category_title img {
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

 .category_text {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 10%;
    left: 20%;
    transform: translateY(-70%) translateX(-50%);
    -webkit- transform: translateY(-70%) translateX(-50%);
    z-index: 2;
}

 .category_text h3 {
    font-size: 2.2em;
    font-weight: 100;
    font-family: "A-OTF UD新ゴ Pro";
    margin-bottom: 0;
margin-top:0;
    line-height: 1.5;
}

 .category_text p {
    margin-top: 5px;
}

/* 新規作成ページ共通設定　ここまで */

 .promotion {
    padding: 50px;
    text-align: center;
}


 .promotion .h2_common_bb p {
    font-weight: normal;
}

 .promotion .h2_common_bb h2 {
border-bottom-color: #e60039;
}


.promotion_text {
    line-height: 2;
}



/*------------------------------------------
------------------------▼印刷技術設定 */

 .effect-fade {
opacity : 0;
transform : translate(0, 45px);
transition : all 300ms;
}

 .effect-fade.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}

 .print {
    padding: 50px;
    text-align: center;
}

 .print .h2_common_bb p {
    font-weight: normal;
}

.print_text {
    line-height: 2;
}

 .print .h2_common_bb h2 {
border-bottom-color: #006cb8;
}

/*============================================================================
 *  ▲事業内容　PC
 * =========================================================================== */




/* -----------------------------▼動き----*/
/*======================================
 *  ▼新規作成ページの共通設定 2020.10～ 
 * =====================================*/

/*1.フェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /* 一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}

/*2.上下の動きを指定*/
.downup {
    transform: translateY(10px);
}
.downup1 {
    transform: translateY(10px);
	animation-delay: 0.5s;
}
.downup2 {
    transform: translateY(10px);
	animation-delay: 1s;
}
/* トップコンテンツブロック */
.downup3 {
    transform: translateY(20px);
	animation-duration: 1s;
}

/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {
    transform: translateX(100px);
    animation-delay: 0.5s;
    animation-duration: 2s;

}
.slide-left {
    transform: translateX(-100px);
    animation-delay: 1s;
    animation-duration: 2s;
}


/* ▼アイコン設定 */

.purupuru {
	margin:0 auto;
    animation: purupuru 0.8s linear 1s infinite;
}

@keyframes purupuru {
    0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
    20%  { transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
    50%  { transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
    65%  { transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
    80%  { transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
    100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}


/* ▼スライダー設定 */

#slider_wrap {
    margin: 20px auto;
    max-width: 1100px;  /* 変更 */
    height: 320px;
    padding: 20px;
    position: relative;
}
#slider_prev {
    position: absolute;
    top: 42%;
    left: -10px;  /* 変更 */
    cursor: pointer;
}
#slider_next {
    position: absolute;
    top: 42%;
    right: -10px;  /* 変更 */
    cursor: pointer;
}
#slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#photo_list {
    /*width: 640px;  幅は指定しない*/
    height: 50%;
    padding: 10px 10px;  /* 変更 */
    list-style-type: none;
    float: left;
}
#photo_list li {
    float: left;
    margin: 0 10px;  /* 変更 */
    display: inline;
}

#photo_list img {
    border: none;
    max-width: 220px;
}


/* ▼スライダー2設定 (ほぼ上と同じ。二つ同じスライドが出来なかったためクラス名を変更して記述) */

#slider_wrap1 {
    margin: 20px auto;
    max-width: 1100px;  /* 変更 */
    height: 320px;
    padding: 20px;
    position: relative;
}
#slider_prev1 {
    position: absolute;
    top: 42%;
    left: -10px;  /* 変更 */
    cursor: pointer;
}
#slider_next1 {
    position: absolute;
    top: 42%;
    right: -10px;  /* 変更 */
    cursor: pointer;
}
#slider1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#photo_list1 {
    /*width: 640px;  幅は指定しない*/
    height: 50%;
    padding: 10px 10px;  /* 変更 */
    list-style-type: none;
    float: left;
}
#photo_list1 li {
    float: left;
    margin: 0 10px;  /* 変更 */
    display: inline;
}

#photo_list1 img {
    border: none;
    max-width: 220px;
}

/* ▲新規作成ページ共通設定　ここまで */
/*============================================================================
        ▲　事業内容　2020.10　PC
============================================================================== */

/*============================================================================
        ▼　会社情報　2020.11　PC
============================================================================== */

.company p span {
	font-weight:bold;
	font-size:1.1em;
}



/* ----------------------------------------------------
　　　　　　 ▼プロとしての進歩と発展 
 * ---------------------------------------------------- */
.history {
    text-align: center;
}

.history .h2_common_bb h2 {
    border-color: #f08300!important;
}

.history .h2_common_bb p {
	font-weight:normal;
}

/* ----------------------------------------------------
 　　　　　　　　 ▼会社の歴史 
 * ---------------------------------------------------- */

.history_block {
	display:flex;
	justify-content:flex-end;
	align-items:center;
    position:relative;
	padding-top:7%;
}

.history_text {
	margin-right:7%;
	order:1;
}

.history_text span {
	font-size:1.8em;
	line-height:1.5;
}

.history_text p {
	width:420px;
}

/* ▼歴史年表の中の背景色と文字色の変更 ここから*/
.history_group1 .history_text {
	color:#fff;
}

.history_group2 .history_text {
	color:#f08300;
}

/* ▲歴史年表の中の背景色と文字色の変更 ここまで*/

.history_block img {
	max-width:450px;
}

.historyimg {
	order:2;
}



/* ▼動く背景設定 ここから */

.history_block .bg_move {
	position:absolute;
	top:0;
	left:0;
}

.history_block .bg_move h2 {
	font-family: "A-OTF UD新ゴ Pro";
	font-weight:normal;
}

.history_block .bg_move .bgcolor_anime_box1,.history_block .bg_move .bgcolor_anime_box2 {
	width:350px;
	text-align:right;
	padding-right:2em;
}

/* ▼背景色 */
.history_group1 .bgcolor_anime_box1 {
	background:#fff;
}

.history_group1 .bgcolor_anime_box2 {
	background:#f08300;
}

.history_group2 .bgcolor_anime_box1 {
	background:#f08300;
}

.history_group2 .bgcolor_anime_box2 {
	background:#fff;
}


/* ▲動く背景設定 ここまで */


/* ----------------------------------------------------
　　　　　　 ▼歴史の下のコンテンツ 
 * ---------------------------------------------------- */

.company_content .bgcolor_anime_box1,.company_content .bgcolor_anime_box1 {
	width:400px;
}


.company_content .bgcolor_anime_box1 {
	color:#fff;
	text-align:right;
	padding-right:2em;
}

.company_content .bgcolor_anime_box1 h2 {
	font-family: "A-OTF UD新ゴ Pro";
	font-weight:normal;
	font-size:1.1em;
	padding-top:2px;
}

/* ----------------------------------------------------
　　　　　　　　　　　 ▼会社概要 
 * ---------------------------------------------------- */

.company_profile table th,.company_profile table td {
	    border: 1px solid #FCFCFC;
}
.company_profile table th {
	background-color: #fff3e1;
	min-width:90px;
}
.company_profile table tbody tr:nth-child(odd) td {
	background-color: #fffcf7;
}


/* ----------------------------------------------------
　　　　　 ▼健康経営(.health_running) 
 * ---------------------------------------------------- */

/*----------------------------------------------
 * ---------------------------------- ▼宣誓 */

/* 全体 */
.health_running .health_declaration {
	text-align: center;
    border: 1px solid #333;
    max-width: 800px;
    margin: 0 auto;
    padding: 5% 3%;
}


/* タイトル */
.health_running .health_declaration .declaration_title {
	 font-size: 2em;
}

/* 前文とリスト */
.health_running .health_declaration .preamble,.health_running .health_declaration .list {
	text-align:left;
	display:inline-block;
	font-size:1.1em;
}

/* 署名 */
.health_running .health_declaration .signature {
	text-align: right;
}

.health_running .health_declaration .signature p {
	margin-bottom:0;
}


/*----------------------------------------------
 * ----------------- ▼健康経営の主な取り組み */

/* タイトル */
.health_running_effort .title {
	font-size:1.5em;
}

/* 健康診断受診率～ */
.health_running_effort .picup_text {
	font-size:1.3em;
	font-weight:bold;
	border-bottom:3px double #333;
	text-align:center;
	max-width: 420px;
    margin: 0 auto 2em;
	
}

/* ---------------------------------- ▼文章と健康経営の画像　横並び */

/* 全体 */
.health_running_effort .supplement {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

/* 文章 */
.health_running_effort .text {
	width:70%;
}

.health_running_effort .supplement .text a{
word-break: break-all; /* URLの折り返し */
}

/* 画像 */
.health_running_effort .supplement .kenko-img {
	width:30%;
}


/* ----------------------------------------------------
　　　　　 ▼働き方改革(.work_reform) 
 * ---------------------------------------------------- */

/*----------------------------------------------
 * ------------------------------ ▼ステップ */

/* タイトル */
.work_reform .step .step_title {
	font-size: 1.5em;
    border-bottom: 1px solid;
}

/* リスト */
.work_reform .step .step_list {
	list-style:none;
}

.work_reform .step p {
	margin-bottom:0;
}

/* ステップ①の2019年～のul */
.work_reform .step1 .link_list {
	list-style:none;
	padding-left:0;
}

/* -----------------------------------------------
 * --------------------------- ▼働きがい宣言 */

/* タイトル　表示 */
#work-dec .work-dec-conts h3.widget-title,
#work-dec .image h3.widget-title {
	display:block;
}
 

/* 青字 */
#work-dec .work-dec-conts .text-blue {
	color:#2b6edd;
}
	
/*============================================================================
        ▲　会社情報　2020.11　PC
============================================================================== */

/*============================================================================
	▼固定ページ　パートナー企業募集LP　　2020.12 PC
============================================================================== */

/*----------------------------------------------------------------------------
 * ------------------------------------------------------- ▼縫製事業の変更 */


.sewing {
	text-align:center;
}

.sewing .h2_common_bb h2 {
	border-color:#22AC38!important;
}

.sewing .h2_common_bb p {
	font-weight:normal;
}

/*----------------------------------------------------------------------------
 ------------------------------------------ ▼歓迎するパートナー企業様の変更 */

.partner_conts {
	text-align:center;
}

.partner_conts .title {
	border:1px dashed #fff;
	background:#22AC38;
	border-radius:15px;
	width:100%;
	max-width:500px;
	box-shadow: 0 0 0 5px #22AC38;
	color:#fff;
	display:inline-block;
}

.partner_conts ul {
	display:inline-block;
	text-align:left;
	list-style:none;
	font-size:1.2em;
}

.partner_conts p {
	font-size:.9em;
}

/*----------------------------------------------------------------------------
 ------------------------------------------------ ▼お問い合わせリンクの変更 */

.partner_info .tel_link a {
	color:#22AC38;
}

.partner_info .mail_link a {
	color:#fff;
}

.partner_info .tel_link {
	border-color:#22AC38;
	border:2x dashed #22AC38;
}
.partner_info .mail_link {
	background:#22AC38;
	border-color:#fff;
	border-style:dashed;
	border-width:2px;
	box-shadow: 0 0 0 5px #22AC38;
}

/*============================================================================
	▲固定ページ　パートナー企業募集LP　　2020.12 PC
============================================================================== */
/*============================================================================
	▼固定ページ　産学連携LP　　2022.03 PC
============================================================================== */

/* ---------------------------------------------------------------------------
 * 　　　　　　　　　　　　　▼共通設定
 * --------------------------------------------------------------------------- */

/* タイトル「第一弾」 */
.sangaku-step h3.widget-title {
	background:#0068b7;
	color:#fff;
	padding:.5em;
	text-align:center;
}

/* ---------------------------------------------------------------------------
 * ---------------------------------------------------- ▼レスポンシブ画像 */

.top-header .mainbanner-sp {
	display:none;
}



/* ---------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼第一弾
 * --------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
 * ------------------------------- ▼広島経済大学との詳細（.sangaku-about） */

/* タイトル「広島経済大学　メディアビジネス学科　宮地ゼミナール」 */
.sangaku-about h3.widget-title {
	border-top:2px solid #0068b7;
	border-bottom:2px solid #0068b7;
	padding: .8em;
	text-align:center;
	margin-bottom:1.5em;
	font-size:2em;
}

/* タイトル span「メディアビジネス学科　宮地ゼミナール」 */
.sangaku-about h3.widget-title span.mini-text {
	font-size:.8em;
	font-weight:normal;
}

.sangaku-about .text-conts {
	margin:5% 2% 3%;
	text-align:center;
}


/* ---------------------------------------------------------------------------
 * -------------------------- 共通▼ブロックの数字（.sangaku-block-number） */

/* 数字の下線 */
.sangaku-block .sangaku-block-number {
	border-bottom: 2px solid #0068b7;
    padding: 0.8em;
	margin-top:5%;
}

/* 数字の四角 */
.sangaku-block .sangaku-block-number h3.widget-title {
	background: #0068b7;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
}

/* ---------------------------------------------------------------------------
 * -------------------------- 共通▼ブロックの設定（.sangaku-block） */

.sangaku-block .text-conts h3.widget-title {
	color:#0068b7;
	line-height:1.8;
}



/*============================================================================
 * ▲固定ページ　産学連携LP　　2022.03 PC
============================================================================== */


/*****************************************************************************
 *  　　　　　　▼▼　レスポンシブデザイン用のメディアクエリ　▼▼
****************************************************************************** */
/* ###########################################################################
　　　　　　▼ 画面サイズ　1236px以上 
############################################################################## */
/* PC高解像度 */
@media screen and (min-width: 1236px){


	
	/* ##### PC高解像度 :: POP-UP ブース #####  */
	#booth-box01{
		margin:0 0 30px 0;
	}

	.article #booth-box01 h3{
		margin:0;
	}
	
	#booth-box02-in01 .textwidget{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	
	#booth-box02-in01 .image-all01{
		display:block;
		margin:0;
		padding:0;
		width:418px;
	}
	
	#booth-box02-in01 ul{
		margin:0;
		padding:0;
		width:747px;
	}
	
	#booth-box02-in01 li{
		margin:0;
		padding:0;
		width:747px;
		list-style:none;
	}
	
	#booth-box02-in01 li + li{
		margin:20px 0 0 0;
	}
	
	#booth-box02-in01 li img{
		display:block;
	}
	
	.page #main .article #booth-box03 h2.booth-title01{
		margin:0 0 50px 0;
	}
	
	.article #booth-box03 h3{
		font-size:2rem;
	}

	#booth-box03 .input-box01 p{
		font-size:1.7rem;
	}
	
	#booth-box03 h4{
		padding:10px 0;
	}
	
	#booth-box03 .order01{
		margin: 0 0 50px 0;
		padding:20px 40px;
	}
	
	#booth-box03 .order01 h5{
		font-size:2rem;
	}
	
	#booth-box03 .order01 h5 span{
		color:#e60012;
	}
	
	#booth-box03 .order02{
		margin: 0 0 50px 0;
		padding:20px 40px;
	}
	
	#booth-box03 .order03{
		margin:0 0 50px 0;
		padding:0;
	}
	
	#booth-box03 span.haimen01,
	#booth-box03 span.isu01,
	#booth-box03 span.table01,
	#booth-box03 span.color01{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width:100%;
	}
	#booth-box03 span.color01{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#booth-box03 span.haimen01 span{
		width:277px;
	}
	#booth-box03 span.isu01 span,
	#booth-box03 span.table01 span{
		width:385px;
	}
	
	#booth-box03 span.color01 span.wpcf7-list-item{
		display:block;
		width:598px;
	}
	
	#booth-box03 span.haimen01 span + span,
	#booth-box03 span.isu01 span + span,
	#booth-box03 span.table01 span + span{
		border-left:2px solid #333;
	}
	
	#booth-box03 span.wpcf7-list-item{
		margin:0;
	}
	
	#booth-box03 span.color01 span.wpcf7-list-item label{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin:0 0 20px 0;
	}
	
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color01.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color03.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(4) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color04.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(5) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color05.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(6) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color06.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(7) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color07.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(8) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color08.jpg)
		}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(9) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color09.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(10) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color10.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(11) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color11.jpg);
	}

	#booth-box03 .price-image01{
		display:block;
		margin:0 auto 100px auto;
		width:1001px;
	}
	

	
	
	
	
	
}/* ◀◀ 1236px以上 */



/* ############################################################################
　　　　　　▼ 画面サイズ　1007px以上 
############################################################################## */

@media screen and (min-width: 1007px){
	

	/* PC高解像度 :: トップに戻る */
	.go-to-top-button{
		width:auto;
		height:auto;
	}
	
	.article h2{
		margin:0 0 30px 0;
		padding:0;
	}

	/* ##### PC高解像度 :: メールマガジン登録 #####  */
	.magazine-box01-in01{
		margin:0 auto;
		width:70%;
	}
	
	.magazine-box01-in02{
		margin:0 auto;
		width:70%;
	}
	
	/* ##### PC高解像度 :: 事業内容 #####  */
	#services-box01-btn01{
		margin:0 0 100px 0;
	}
	
	/* ##### PC高解像度 :: 応援手旗 #####  */
	.page-id-6934 #content .wrap{
		width:100%;
	}
	
	.page-id-6934 .main{
		padding:0;
	}
	
	.page-id-6934 #main .article h2{
		padding:0;
		background:none;
	}
	
	.ouen-flag02-in01-01{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
        align-items: flex-end;
		width:100%;
	}
	.ouen-flag02-in01-01-text{
		padding:0 40px 0 0;
		width:58%;
	}
	.ouen-flag02-in01-01-image{
		width:40%;
	}
	
	.page-id-6934 #main .article h3{
		border-bottom:3px solid #cabd00;
		text-align:center;
		font-size:1.5rem;
	}
	
	.ouen-flag02-in01-01-text-in{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		background-color:#231815;
	}
	
	.ouen-flag02-in01-01-text-in-01{
		padding:20px;
		width:72%;
		color:#fff;
	}
	
	.ouen-flag03-in01-01{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.ouen-flag03-in01-01-image{
		width:40%;
	}
	.ouen-flag03-in01-01-text{
		padding:0 0 0 40px;
		width:60%;
	}
	
	.ouen-flag03-in01-01-text-in{
		background-color:#231815;
	}
	
	.ouen-flag03-in01-01-text-in-01{
		padding:20px;
		width:72%;
		color:#fff;
		text-align:right;
		font-size:1.5rem;
		font-weight:bold;
	}
	
	.ouen-flag04{
		padding:0 0 100px 0;
		background:center top no-repeat url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2020/02/back02-01.jpg);
	}
	
	.ouen-flag04-in01-01{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	.ouen-flag04-in01-01-in{
		width:55%;
		color:#fff;
	}
	
	.ouen-flag04-in01-01-text{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		background-color:#231815;
	}
	
	.ouen-flag04-in01-01-text-in{
		padding:20px;
		width:72%;
		color:#fff;
	}

}/* ◀◀ 1007px以上 */


/* ###########################################################################
　　　　　　▼ 画面サイズ　1270px以下
############################################################################## */

@media screen and (max-width: 1270px){
  /*必要ならばここにコードを書く*/
	#merchandise-box01-in01 ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
        align-items: center;
		margin:0 auto;
		padding:50px 0 0 0;
		width:100%;
		list-style:none;
	}
	
	#merchandise-box01-in01 li{
		margin:0 auto 40px auto;
		width:30%;
		text-align:center;
	}
	
	/* ##### PC高解像度 :: POP-UP WEB #####  */

	
	/* ##### 低解像度 :: POP UPブース ##### */
	main.main{
		padding:0 10px;
	}
	
	.article #booth-box01-in01 h2,
	.article #booth-box01-in01 h3{
		margin:0;
	}
	
	.article #booth-box02 ul{
		padding:0;
	}
	.page #main .article #booth-box03 h2.booth-title01{
		margin:0 0 20px 0;
	}
	
	.article #booth-box03 h3{
		font-size:1.5rem;
	}
	
	#booth-box03 h4{
		padding:10px;
	}
	
	#booth-box03 .order01,
	#booth-box03 .order02,
	#booth-box03 .order03{
		margin: 0 0 20px 0;
		padding:10px;
	}
	#booth-box03 .order01 h5{
		font-size:1.2rem;
	}
	
	#booth-box03 span.haimen01 span{
		width:100%
	}
	#booth-box03 span.isu01 span,
	#booth-box03 span.table01 span{
		width:100%
	}
	
	#booth-box03 span.color01 .wpcf7-list-item{
		margin:0 0 20px 0;
	}
	
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(1) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color01-02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(2) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color02-02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(3) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color03-02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(4) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color04-02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(5) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color05-02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(6) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color06-02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(7) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color07-02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(8) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color08-02.jpg)
		}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(9) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color09-02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(10) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color10-02.jpg);
	}
	#booth-box03 span.color01 .wpcf7-list-item:nth-of-type(11) .wpcf7-list-item-label:after {
		margin:0 0 0 10px;
		content: url(//www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2019/07/booth-color11-02.jpg);
	}
	/*##### 企業情報 20200803 ##### */
		#info-box02-in01 .history-list{
		margin:0 auto;
		text-align: center;
	}
	/*##### 企業情報 20200803 ##### */
	
	
	
/*============================================================================
　　▼固定ページ　事業内容　2020.10　1270px以下
============================================================================== */
	.info_link div[class$="link"] {
		width:80%;
		max-width:700px;
	}

}/* ◀◀ 1270px以下 */



/* ############################################################################
　　　　　　▼ 画面サイズ　1100px以下
############################################################################## */

@media screen and (max-width: 1100px){

/*============================================================================
▼固定ページ　事業内容　　2020.11
============================================================================== */
	
	.h2_common_bb h2 {
		font-size:2.3em;
	}
	
	.h2_common_bb p {
		font-size:1em;
	}
	
	.introcommon_text {
		font-size:1.1em;
	}
	
	/* pの上の文字 */
	.category_text h3 {
		font-size:2.1em;
	}
	

/*============================================================================
▼固定ページ　感染対策LP　　2020.11 1100px
============================================================================== */

	.infection_control h2 {
		font-size:1.6em;
	}
	
	
	.infection_text h3 {
		font-size:1.5em;
	}

	.infection_text .note {
		font-size:1.1em;
	}

	.infection_text .money {
		font-size:1.2em;
	}
	
	.infection_text ul li {
		font-size:.8em;
	}

/*============================================================================
▲固定ページ　感染対策LP　　2020.11 1100px
============================================================================== */


}




/* #########################################
 * 　　　　　画面サイズ 1030px以下
 * ######################################### */
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
	#merchandise-box01-in01 ul{
		padding:50px 0 0 0;
	}
	
	#popup-box01-in03{
		padding:30px 0;
	}
	
	#popup-box01-in03 img{
		width:90%;
	}
	
	/* ##### NOBORI LAB 20200721 ##### */	
	.noborilab-titlearea .noborilab-title {
	margin-top: 30px;
	}
	/* ##### NOBORI LAB 20200721 ##### */
	
	/*##### 企業情報 20200721 ##### */
	.info-box01-in02 .slider-w {
		width: 100%;
		margin: 0 auto;
	}
	/*##### 企業情報 20200721 ##### */
	
/*============================================================================
 　　▼固定ページ　トップページ　2020.10　1030px以下   消す
============================================================================== */
	

		/* --------- ▼消す */
	.top_message_action p {
		font-size:2.5em!important;
	}
	.top_category_common {
		font-size:0.8em;
	}

	.top_bg1_title {
		font-size:2em;
	}
		.top_bg1_text {
		margin-left:10px;
	}
	
/*============================================================================
 　　▼固定ページ　事業内容　2020.10　1030px以下
============================================================================== */
	
	/* TOPなど共通▼一番下のお問い合わせボタン　ここから */
	
	.info_link div[class$="link"] {
		width:100%;
	}

	.info_link .tel_link {
		font-size:1em;
	}
	
	.info_link .mail_link,.info_link .merumaga_link {
		font-size:1.3em;
	}

	
	/* TOPなど共通▲一番下のお問い合わせボタン　ここまで */
	
	
	.services,.promotion,.print,.order_format,.info_link {
		padding: 30px;
	}

	.category_text,.category_title img {
		left: 30%;
	}
	
	.category_title img  {
		width:382px;
	}
	
	#photo_list img,#photo_list1 img {
		width:180px;
	}
	#slider_next,#slider_prev,#slider_next1,#slider_prev1 {
		top:33%;
	}

		#slider_wrap,#slider_wrap1 {
		height:265px;
	}
	
	
/*============================================================================
        ▼　会社情報　2020.11　1030px以下
============================================================================== */
	
	
/* ------------------------------------------▼歴史年表 */
	.history_block img {
		max-width: 340px;
	}
	
	.history_text {
		margin-right:4%;
	}
	
	.history_text span {
		font-size:1.6em;
		line-height:1.3;
	}
	.history_text p {
		width: 380px;
		font-size:0.9em;
	}

}/* ◀◀ 1030px以下 */



/* ###########################################################################
　　　　　　▼ 画面サイズ　1023px以下
############################################################################## */

@media screen and (max-width: 1023px) {

/* -------------------------------------------------
 * ---------------------- ▼header設定 1023px以下 */

/* オンラインショップ設定と商品紹介設定 */
	#navi-menu-content .onlineshop_btn_SP,#navi-menu-content .item_information_menu {
		border:1px solid rgba(255,255,255,.8);
		border-radius:10px;
		color:#fff;
		display:flex;
		justify-content:center;
		align-items:center;
		max-width:250px;
		margin:5% auto 0;
		
	}
	#navi-menu-content .onlineshop_btn_SP a,#navi-menu-content .item_information_menu a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		padding: 5%;
	}
	
/* 商品紹介設定 */
	#navi-menu-content .item_information_menu{
	letter-spacing:2px;
	}

	
 /* ---------------------- ▲header設定 1023px以下 */
	
/*============================================================================
 * 　　　　　▼トップページ 1023px以下
 * =========================================================================== */

/* ------------------------------------------
 * ------------------- 共通▼メインタイトル */
	
	/* タイトル */
	.section-block .main-title h3.widget-title {
		font-size: 1.8em;
	}
	
	/* アイコン */
	.section-block .main-title::before {
		padding: 45px;
	}
	
	
/* ------------------------------------------
 * ---------------------------- ▼販売商品 */
	
	.hanbai-shohin-block .text-block .text {
		font-size: 1em;
	}
	



/* ------------------------------------------
 * -------------------------------- ▼SNS */
	
	.top-sns-block .title-text h2.title {
		font-size: 1.8em;
	}
	
	.top-sns-block .title-text .top_category_english {
		font-size: 1em;
	}
	
	.top-sns-block .title-text .top_category_intro {
		font-size:.9em;
	}
	
	/* アイコン */
	.top-sns-block .fa-3x {
		font-size: 2.5em;
	}
	
/*============================================================================
 * 　　　　　▲トップページ 1023px以下
 * =========================================================================== */
/*============================================================================
 *  ▼　商品情報 (.item_information) 1023px以下
 * =========================================================================== */

/* ------------------------------------------
 * -------------- ▼商品ブロックの設定 */

.item_information .product_block {
    width: 100%;
    padding: 3% 0;
    margin: 0 2%;
    border-bottom: 1px dashed #cfcfcf;
}
	
.item_information .product_block:last-of-type {
		border-bottom:none;
	}
	
.item_information .product_block .text h4.title {
		border-bottom:none;
		background: #f8f8f8;
	}
	
/*============================================================================
 *  ▲　商品情報 (.item_information) 1023px以下
 * =========================================================================== */

}/* ◀◀ 1023px以下 */



/* ############################################################################
　　　　　　▼ 画面サイズ　900px以下
############################################################################## */

@media screen and (max-width: 900px) {
/*===========================================
▼固定ページ　トップページ　　2020.10　900px以下
================================================*/
	.bgcolor_anime_box2 {
display:none;
}
	

}/* ◀◀ 900px以下 */



/* ############################################################################
　　　　　　▼ 画面サイズ　834px以下
############################################################################## */
@media screen and (max-width: 834px) {
	.article ul,
	.article ol {
    padding-left: 3%!important;
  }
	

	
/*====================================================
▼固定ページ　感染対策LP　　2020.11
======================================================*/

	.infection_text img {
		width:100px;
	}
	
	.infection_control h2 {
		font-size:1.4em;
	}
	
	
	.infection_text h3 {
		font-size:1.1em;
	}

	.infection_text .note {
		font-size:.9em;
	}

	.infection_text .money {
		font-size:1em;
	}
	
	.infection_text ul {
		line-height:1.5;
	}
	
	.infection_text ul li {
		font-size:.8em;
	}

	.infection_info {
		font-size:1.3em;
		height:120px;
	}
	
		.infection_atten {
		margin:5% 0 15%;
	}
	
	
	.infection_atten span {
		font-size:1.1em;
	}
	
	.infection_atten p {
		font-size:.8em;
	}
	
	
/*====================================================
▲固定ページ　感染対策LP　　2020.11
======================================================*/

	
	
	

}/* ◀◀ 834px以下 */



/* ############################################################################
　　　　　　▼ 画面サイズ　780px以下
############################################################################## */

@media screen and (max-width: 780px){
  /*必要ならばここにコードを書く*/
	
	
	/*##### 投稿エリア調整 2020803 ##### */
	.ect-3-columns {
	width: 100%;
	margin: 0 auto;
	 }
	/* タイル同士の幅の調整 */
	.entry-card, .related-entry-card {
	position: relative;
	padding: 0;
	}
	/*##### 投稿エリア調整 2020803 ##### */

	
	
/*============================================================================
 *  共通▼　フォーム共通設定　780px以下
 * =========================================================================== */
	
/* ---------------------------------------------------------------------------
　　　 　　　共通▼一体型LP商品選択の共通設定
------------------------------------------------------------------------------ */
	
	.item-select .wpcf7-list-item {
		margin: 1.5em 0;
	}
	
	.item-select .wpcf7-list-item label .wpcf7-list-item-label {
		bottom: -1em;
	}
	
	/* 商品選択のタイトル */
	form h4.text {
		font-size:1.5em;
	}
	
/* ------------------------------------------------------------------------
 * --------------------------------------------------------- ▼サイズ選択 */
	
	.size-select .wpcf7-list-item label {
		margin:0 5px;
	}

/* ------------------------------------------------------------------------
 * --------------------------------------------------------- ▼カラー選択 */
	.color-select .item-select-radio .wpcf7-list-item {
		width: calc( 100% / 5 );
		height: 135px;
	}
	

	
	.color-select .item-select-radio .wpcf7-list-item label::after {
		 height: 100%;
	}
	
	/* ------------------------------------------------------------------------
 * --------------------------------------------------------- ▼フチ選択 */
	
	.huti-select .item-select-radio .wpcf7-list-item {
		    margin: 0 5px;
		height: 170px;
	}
	
	
	
	
	
/*============================================================================
 *  共通▲　フォーム共通設定　780px以下
 * =========================================================================== */
/*============================================================================
 *  ▼　商品情報 (.item_information) 780px以下
 * =========================================================================== */

/* ---------------------------------------------------------------------------
 * -------------------------------------------------- ▼商品ブロックの設定 */

	
	.item_information .product_block {
		margin-bottom:50px;
		flex-direction:column;
	}
	
/* ---------------------------------------------------------------------------
 * ---------------------------------------------------------- ▼画像の設定 */
	.item_information .product_block .product_img {
		max-width:230px;
	}
	
/* ---------------------------------------------------------------------------
 * ------------------------------------------------------------- ▼タイトル*/
	.item_information .product_block .text h4.title {
		margin:3% 0;
	}
	
	/* タイトル */
	.merchandise-box01-in01 .corp-pdct-title {
		font-size:1.6em;
	}
	
	/* 画像とテキスト横並び */
	.corp-pdct .panel-grid-cell {
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
	}

	
	/* ▼テキスト */
	.corp-pdct .panel-grid-cell .so-panel {
		width:calc((100% / 2) - 10px);
	}
	
	.corp-pdct .corp-pdct-inner-txt {
		    padding: 5px;
	}
	
	.corp-pdct .corp-pdct-inner-txt > p {
		margin-bottom:15px;
	}
	
	.corp-pdct .corp-pdct-inner-txt span {
    letter-spacing: 1px;
    line-height: 1.5;
}
	
/*============================================================================
 *  ▲　商品情報 (.item_information) 780px以下
 * =========================================================================== */
/*============================================================================
	▼固定ページ　産学連携LP　　2022.03 780px以下
============================================================================== */

/* ---------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼共通設定
 * --------------------------------------------------------------------------- */	
	
/* ---------------------------------------------------------------------------
 * ---------------------------------------------------- ▼レスポンシブ画像 */

.top-header .mainbanner-sp {
	display:block;
}

.top-header .mainbanner-pc {
	display:none;
}
	
	
	
/* ---------------------------------------------------------------------------
 * 　　　　　　　　　　　　　　　▼第一弾
 * --------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
 * ------------------------------- 共通▼各ブロック（.sangaku-block） */
	
	/* 文章のbrなし */
	.sangaku-block .text-conts .text br {
		display:none;
	}
	
	/* 画像のaタグ　無効化 */
	.sangaku-block.img .sow-image-container a {
		pointer-events: none
	}
	
/*============================================================================
	▼固定ページ　トップページ　　2020.10　780px以下
============================================================================== */
	
/* ---------------------------------------------------------------------------
* ------------------------------------------------------------ TOP お知らせ */
	
	.announce-inner tr {
		display:block;
	}
	
	
/* ---------------------------------------------------------------------------
* ------------------------------------------------------- ▼メインタイトル */
	
	.section-block .main-title {
	    padding: 1.2em 2%;
	}
	
	.section-block .main-title::before {
		margin-right:1em;
	}
	
/* ---------------------------------------------------------------------------
* ------------------------------------------------------------- ▼販売商品 */
	
	.hanbai-shohin-block .text-block span.big {
		font-size: 1.6em;
	}

	.hanbai-shohin-block .text-block {
		width:50%;
	}
	
	/* ------------ 共通▼リンクボタン */
	.hanbai-shohin-block .text-block .link-btn {
    width: 90%;
    font-size: .9em;
    margin: 16px auto!important;
	}
	
	
/* ---------------------------------------------------------------------------
* ------------------------------------------------------------------- ▼SNS */

	.top_sns {
		flex-direction: row!important;
	}
	
	.top-sns-block .title-text h2.title {
		font-size:1.3em;
	}
	
	.top-sns-block .title-text .top_category_intro {
		display:none;
	}
	
	/* アイコン */
	.top-sns-block .fa-3x {
    font-size: 2em;
}
	
	
/*============================================================================
        ▼　会社情報　2020.11　780px以下
============================================================================== */
	
	.history_block {
		display:block;
		text-align:center;
	}
	.history_block .bg_move {
		position:static;
		display:inline-block;
		text-align:left;
		margin:0 4%; /* テキストと年の横並び回避 */
	}
	.history_text {
		display:inline-block;
		text-align:left;
		margin:0 4%; /* テキストと年の横並び回避 */
	}
	.history_text span {
		font-size:1.4em;
		line-height:1.2;
	}
	
	.history_text p {
		width:340px;
		font-size:.8em;
	}
	
	
/* --------------------------------------------------------------------
 * ------------------------------------------- ▼健康経営の取り組み */
	
/* ---------------------------------- ▼文章と健康経営の画像　横並び */

/* 全体 */
.health_running_effort .supplement {
	flex-direction:column;
}

/* 文章 */
.health_running_effort .text {
	width:100%;
}


/* 画像 */
.health_running_effort .supplement .kenko-img {
	width:80%;
	max-width:330px;
}
	
	
		
/*============================================================================
      ▼ピンメッシュマスクLP　2020.12　780px以下
============================================================================== */
	
	
		
/* ---------------------------------------------------------------------------
 * -------------------------------------------------------------▼共通設定 */
	
	.masklp_about .title {
		font-size:1.8em;
	}
	
	
	
/* ---------------------------------------------------------------------------
 * --------------------------------- ピンメッシュマスクサイズ設定（共通）  */

	.masklp_size p {
		font-size:.9em;
	}

	
/* ---------------------------------------------------------------------------
 * ---------------------------------------------------- ▼ラインナップ設定 */
	
	.pinmask_lineup .text ul {
		font-size:.9em;
	}
	.pinmask_lineup .text .box {
		font-size:1em;
	}
	
/* ---------------------------------------------------------------------------
 * --------------------------------------------------- ▼ひんやりの秘密設定 */
	
	.coolmask_desc .text .flex img {
		width:200px;
	}
	.coolmask_desc .text p {
		font-size:.9em;
	}
	
		/* ひんやりと炭パッドのh3の設定 */
	.coolmask_desc h3,.sumi_mh .sumi_conts .title h3 {
		font-size:1.7em;
	}
	
	
/* ---------------------------------------------------------------------------
 * --------------------------------------------------- ▼使用上のご注意設定 */
	.sumi_notes h3 {
		font-size:1.6em;
	}
	.sumi_notes .text {
		font-size:.9em;
	}
	
	
}/* ◀◀ 780px以下 */

/* ############################################################################
　　　　　　▼ 画面サイズ　620px以下
############################################################################## */

@media screen and (max-width: 620px) {

/*============================================================================
▼固定ページ　トップページ　　2020.10　620px以下
============================================================================== */
	
/* ---------------------------------------------------------------------------
* ---------------------------------------------------------------▼お知らせ */
	.top_announce {
		margin-top:3%;
	}
	.top_announce h2 {
		width: 300px;
	}
	
	
	
	.announce-inner td:nth-child(2n) {
		max-width:450px;
	}
	
	
	.bgcolor_anime_box1,.bgcolor_anime_box2 {
		width:300px;
	}

	.announce-inner td:nth-child(even) {
		display:block;
		border-bottom:1px dotted #ddd;
		margin-bottom:5px;
	}
	/*  */
	
/*============================================================================
 * ▼固定ページ　トップページ　　2020.10　620px以下
============================================================================== */
/* 投稿（ブログ）設定は、固定ページCSSへ */ 	
	
	
	/* ようこそポップジャパンへ */
	.top_bg1_title {
		font-size:1.7em;
	}

	.top_bg1_content {
		font-size:.8em;
		
	}

	/* POPJAPAN=PROMOTION×PRINT */
	.pop_content .bound span {
    font-size: 1.5em !important;
}

/*============================================================================
 *         ▼固定ページ　事業内容　2020.10　620px以下
============================================================================== */

	.services, .promotion, .print, .order_format, .info_link {
		padding:4% 0;
	}
	.h2_common_bb h2 {
		font-size:2em;
	}
	.h2_common_bb p {
		font-size:.9em;
	}
	
	.introcommon_text {
		font-size:1em;
	}
	
	
	.category_title img {
		width:320px;
   		left: 40%;
		transform: translateY(-30%) translateX(-50%);
	}
	.category_text {
		transform: translateY(-20%) translateX(-50%);
		left:40%;
	}

	.category_text h3 {
		font-size:1.8em;
	}
	
	
	/* -------------------- TOPなど共通▼お問い合わせリンク */
	
	.info_link .tel_link span {
		font-size:1.6em;
	}
	
	.info_link .mail_link,	.info_link div.merumaga_link {
		font-size:1.2em;
	}


	
/*============================================================================
		▼固定ページ　感染対策LP　　2020.11 620px以下
============================================================================== */

	.infection_content {
		display:block;
		padding:0 2%;
		margin:0 auto;
    	max-width: 600px;
    	width: 100%;
		margin-bottom:15%;
	}
	
	
	.infection_text {
		width:100%;
		max-width:550px;
		margin:0 auto;
		margin-top:13%;
	}
	
	.infection_content img {
		width:100%;
		margin:0 auto;
	}
	
	.infection_text img {
		width:100px;
		top:-27px;
	}
	
	.infection_text ul li {
		font-size:.7em;
	}
	.infection_text .money {
		font-size:.9em;
	}
	

/*============================================================================
		▲固定ページ　感染対策LP　　2020.11 620px以下
============================================================================== */
	

	
}/* ◀◀ 620px以下 */



/* ############################################################################
　　　　　　▼ 画面サイズ　480px以下
############################################################################## */

@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	#merchandise-box01-in01 li{
		margin:0 auto 40px auto;
		width:47%;
		text-align:center;
	}

	/* ##### 企業情報 map 20200805 #####  */
	.info-box02-in01 .info-map{
		height: 150px;
		margin-bottom: 260px;
	}
	/* ##### 企業情報 map 20200805 #####  */
	
	
	/*##### 投稿のタイトルフォント調整（スマホ） 20200803 ##### */
	.e-card-title {
		font-size: 13px;
	}
	/*##### 投稿のタイトルフォント調整（スマホ） 20200803 ##### */
	
	
/*----------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼共通設定 */
	
	.purupuru {
		width:20px;
	}

/*----------------------------------------------------------------------------
▼お問い合わせ設定(新規作成ページ共通 2020.10～)
------------------------------------------------------------------------------ */

.info_link > div[class$="link"] {
    height: 130px;
}
	
/*============================================================================
 *  共通▼　フォーム共通設定　480px以下
 * =========================================================================== */
	
/*----------------------------------------------------------------------------
　　　 　　　共通▼一体型LP商品選択の共通設定
------------------------------------------------------------------------------ */
	
	
	
	
/*----------------------------------------------------------------------------
 * ---------------------------------------------------------- ▼サイズ選択 */
	
	.item-select .wpcf7-list-item label .wpcf7-list-item-label {
		bottom: -1.3em;
	}
	
	.size-select .wpcf7-list-item {
		width: calc( 100% / 2 );
        height: 220px;
	}


/*----------------------------------------------------------------------------
 * ---------------------------------------------------------- ▼カラー選択 */
	.color-select .item-select-radio .wpcf7-list-item {
		width: calc( 100% / 4 );
		height: 120px;
	}
	
/*----------------------------------------------------------------------------
 * ------------------------------------------------------------ ▼フチ選択 */
	
	.huti-select .item-select-radio .wpcf7-list-item {
		width: calc( 100% / 4 );
        height: 150px;
	}
	
	
/*============================================================================
 *  共通▲　フォーム共通設定　480px以下
 * =========================================================================== */

/*============================================================================
▼固定ページ　トップページ　　2020.10　480px以下
 * =========================================================================== */
	
/*----------------------------------------------------------------------------
 * -------------------------------------------------- 共通▼メインタイトル */
	
	.section-block .main-title > div {
		text-align:center;
		display:block;
	}
	
	
	/* アイコン */
	.section-block .main-title::before {
		padding:30px;
		margin-right: 0;
	}
	
/*----------------------------------------------------------------------------
 * ------------------------------------------------------------- ▼販売商品 */
	
	.hanbai-shohin-block .text-block {
		width:55%;
	}
	
	.hanbai-shohin-block .text-block .text {
    line-height: 1.5;
		font-weight:normal;
}
	
	.hanbai-shohin-block .text-block span.big {
    font-size: 1.4em;
		font-weight:bold;
	}
	

	/* リンクボタン */
	.hanbai-shohin-block .text-block .link-btn {
		width:100%;
	}
	
	.hanbai-shohin-block .text-block .link-btn a {
    padding: 3px;
	}
	
	
/*----------------------------------------------------------------------------
 * ----------------------------------------------------------------- ▼SNS */
	
	/* 日本語タイトル　非表示 */
	.top-sns-block .title-text h2.title {
		display:none;
	}
	
	.top-sns-block .title-text .top_category_english {
		font-size:.9em;
	}
	
	
/*----------------------------------------------------------------------------
------------------------------------------------------- ▼大切なお知らせ設定*/


.important_news {
	padding:30px 15px;
	}

	
/*============================================================================
▲固定ページ　トップページ　　2020.10　480px以下
 * =========================================================================== */
/*============================================================================
▼固定ページ　事業内容　2020.10　480px以下
* ============================================================================ */
	
	
	.h2_common_bb h2  {
		font-size:1.7em;
	}
	
	.h2_common_bb p {
		font-size:0.8em;
	}
	
	.introcommon_text {
		font-size:.9em;
	}
	
	.category_text h3 {
		font-size:1.6em;
	}
	.category_text p {
		margin-top:0;
		font-size:0.8em;
		margin-bottom:2%;
	}
	
	.category_title img {
		width:250px;
	}
	
	.order_format_text  {
		display:block;
	}
	
	.order_format_text p {
		width:100%;
	}
	
	
	.order_format_text img  {
		width: 90px;
	}
	
	.order_format {
		padding:0;
	}
	.order_format_content {
		padding: 2%;
	}
	
	
	.order_format_inner ul li {
		width:100%;
		font-size:0.9em;
	}
	
	.info_link > p {
		font-size:1em;
	}
	.info_link .tel_link {
		height:120px;
	}
	
	.info_link .mail_link a {
		padding:3%;
	}
	
	.info_link .tel_link span {
		font-size:1.4em;
	}
	
	.order_format .h2_common_bb h2 {
		padding-top:5%;
	}
	
	.print_text,.promotion_text,.order_format_text p {
		line-height:1.6;

	}
	
	.promotion_text br,.print_text br {
		display:none;
	}
	.flex order_format_text br {
		display:none;
	}
	.order_format .h2_common_bb p br {
		display:none
	}
	
	.order_format .h2_common_bb p {
		line-height:1.5;
        letter-spacing:1px;

	}
	
	#photo_list img, #photo_list1 img {
		width:150px;
	}
	
	.order_format_inner p {
		font-size:1.1em;
	}
	#slider_wrap,#slider_wrap1 {
		height:250px;
	}
	
	.order_format_content ul {
		padding-left:40px;
	}
	
	#photo_list li,#photo_list1 li {
		font-size:0.8em;
	}
	.info_link .mail_link {
		height:120px;
	}
	
/*============================================================================
▼　会社情報　2020.11　480px以下
* ============================================================================ */
	
	.history .h2_common_bb p br {
		display:none;
	}
	
	
		/* ▼年表の設定　ここから */ 
	.history_text p {
		width:100%;
	}
	
	.history_block img {
		width:100%;
		min-width:120px;
	}
	

	.history_block .bg_move {
		display:block;
		
	}
	
	.history_block .bgcolor_anime_box1 h2 {
		font-size:1.1em;
		padding-top:2px;
	}
	
	.history_block .bg_move .bgcolor_anime_box1, .history_block .bg_move .bgcolor_anime_box2 {
		width:160px;
		padding-right:1em;
	}
		/* ▲年表の設定　ここまで */ 
	
		/* ▼コンテンツの設定 */
	.company_content .bgcolor_anime_box1, .company_content .bgcolor_anime_box1 {
		width:250px;
	}
	
	.company_content .bgcolor_anime_box1 {
		padding-right:1em;
	}
	
	.company_content .bgcolor_anime_box1 h2 {
		font-size:1em;
	}
	
	/* ▼特徴の設定 */
	.company_initiatives {
		font-size:.9em;
	}
	
/*============================================================================
▲　会社情報　2020.11　480px以下
* ============================================================================ */
/*============================================================================
▼固定ページ　感染対策LP　　2020.11 480px以下
* ============================================================================ */
	
	.infection_control h2 {
		font-size:1.2em;
	}

	.infection_text img {
		width:90px;
		top:-22px;
		left:8px;
	}
	
	.infection_text h3 {
		font-size:1em;
	}
	
	.infection_text .note {
		font-size:.8em;
	}
	
	.infection_text .money {
		font-size:.8em;
	}
	
	.infection_atten p {
		font-size:.7em;
	}
	
	.infection_atten br {
		display:none;
	}
	
	.infection_info {
		font-size:1.1em;
		height:100px;
	}
	
/*============================================================================
▲固定ページ　感染対策LP　　2020.11 480px以下
* ============================================================================ */
/*============================================================================
▼固定ページ　ピンメッシュマスクLP　2020.12　480px以下
* ============================================================================ */
	
		
/* ---------------------------------------------------------------------------
 * ------------------------------------------------------------- ▼共通設定 */
	
	.masklp_about .title {
		font-size:1.5em;
	}
	.masklp_about ul {
		font-size:.8em;
	}
	
	.fleximg p {
		font-size:.7em!important;
		line-height:1.2em!important;
		padding-top:3px;
	}
	
	/* 動く背景　青・黒 */
	.masklp_bgmove_block .bgcolor_anime_box1 h2, .masklp_bgmove_block .bgcolor_anime_box1 h2,.masklp_bgmove_blue .bgcolor_anime_box1 h2, .masklp_bgmove_blue 
	h2 {
		font-size:.9em;
		text-align:left;
		margin-left:1em;
	}
	.masklp_bgmove_block .bgcolor_anime_box1, .masklp_bgmove_block .bgcolor_anime_box1,.masklp_bgmove_blue .bgcolor_anime_box1, .masklp_bgmove_blue .bgcolor_anime_box1 {
		width:290px;
		height:50px;
		border-radius:5px;
	}
	
	/* 動く背景　グレー */
	.masklp_bgmove_gray .bgcolor_anime_box1 h2, .masklp_bgmove_gray .bgcolor_anime_box1 h2 {
    font-size: .8em;
    text-align: left;
    margin-left: 1em;
    padding: 5px 0 0;
}
	
	.masklp_bgmove_gray .bgcolor_anime_box1, .masklp_bgmove_gray .bgcolor_anime_box1 {
		width:200px;
		border-radius:5px;
	}
	
	/* ラインナップと炭パッドの動く背景の設定 */
	.pinmask_lineup .masklp_bgmove_block .bgcolor_anime_box1,.sumi_mh .masklp_bgmove_block .bgcolor_anime_box1 {
		height:32px;
	}
	
/* ---------------------------------------------------------------------------
 * ----------------------------------------------------- ▼ラインナップ設定 */
	
	.pinmask_lineup .text ul {
		font-size:.8em;
		line-height:1.7;
	}
	.pinmask_lineup .text .box {
		font-size:.9em;
	}
	
/* ---------------------------------------------------------------------------
 * -------------------------------------------------- ▼ひんやりの秘密設定 */
	
	/* ひんやりと炭パッドのh3の設定 */
	.coolmask_desc h3,.sumi_mh .sumi_conts .title h3 {
		font-size:1.4em;
	}
	
	
	.coolmask_desc .text .flex {
		display:block;
		text-align:center;
	}
	
	.coolmask_desc .text .flex img {
		margin:0 auto;
	}
	
	.coolmask_desc .text p {
		text-align:center;
	}
	
	.coolmask_desc .text p,.coolmask_desc .text ul {
		margin:0;
	}
	
/* ---------------------------------------------------------------------------
 * ------------------------------------------------ ▼オリジナルマスク設定 */
	
	.printmask_conts h3 {
		font-size:1em;
	}
	
	.printmask_conts p {
		font-size:.8em;
		line-height:1.8;
	}

	
/* ---------------------------------------------------------------------------
 * ------------------------------------------------------- ▼炭パッドの設定 */
	
	.sumi_mh .sumi_conts .title p {
		font-size:.9em;
	}
	
	.sumi_mh .sumi_conts .title h3 {
		margin-top:2em;
	}
	
	
	/* flexの解除 */ 
	.bl_flexcenter {
		display:block;
	}
	
	.sumi_mh .sumi_conts .bl_flexcenter div {
		margin:0 auto;
	}
	.sumi_mh .arrow {
		transform:rotate(90deg);
	}
	
/*=============================================================================
▲固定ページ　ピンメッシュマスクLP　2020.12　480px以下
* ============================================================================= */
/*=============================================================================
▼投稿ページ　記事内容　480px以下
* ============================================================================= */


	
/*=============================================================================
▲投稿ページ　記事内容　480px以下
* ============================================================================= */
	
}/* ◀◀ 480px以下 */

/* ############################################################################
　　　　　　▼ 画面サイズ　320px以下
############################################################################## */

@media screen and (max-width: 320px){
  /*必要ならばここにコードを書く*/

/*=============================================================================
        ▼　会社情報　2020.11　320px以下
* ============================================================================= */
	
	.history_block .bg_move,.history_text {
		margin:0;
	}
	
	.history_text span {
		font-size:1.2em;
	}
	
	/* 共通 */
	
	.category_text h3 {
		font-size:1.4em;
	}
	
	 .h2_common_bb h2 {
		font-size:1.6em;
	}
	
	.h2_common_bb p {
		line-height:1.5;
	}
	
	.introcommon_text {
		font-size:.9em;
	}
	
	.info_link .tel_link,.info_link .mail_link {
		height:100px;
	}
	
/*=============================================================================
        ▲　会社情報　2020.11　320px以下
* ============================================================================= */

	
}/* ◀◀ 320px以下 */


/* Creative LP  */
.cv-creative-lp{
   width:800px;
   margin:0 auto;
}
.cv-creative-lp th {
	width:30%;
	border-collapse: collapse;
        text-align: left;
        padding-left:1em; 
        background-color: rgb(0,164,150);
        color:#fff;
}

.cv-creative-lp td {
        padding: 1em;
        background-color: #fff;
}
.submi-cv-btn input{
       cursor: pointer;
      background-color: rgb(0,164,150);
      color:#fff;
      padding:1em;
font-size:18px;
width:20%;
border-radius:5px;
}
.attention{
 background-color:red;
padding: 0 4px;
margin-left:.5em;
border-radius:5px;
display:inline-block;

}

.check-block{
width:880px;
margin: 0 auto 3em;
}
.text-center{
text-align: center;
}

@media screen and (max-width: 834px){
.check-block{
width:100%;
margin: 0 auto 3em;
}
.text-center{
text-align: left;
    
}
}	



@media screen and (max-width: 480px){

.cv-creative-lp{
   width:100%;
}
.cv-creative-lp th, .cv-creative-lp td{
display:block;
width:100%;
padding:1.5em;
font-size:14px;
}

.submi-cv-btn input{

width:100%;

}

}

/*ーーーーーーーーーーーーーーーー*/
/*　　MW WP Formカスタマイズ　　*/
/*ーーーーーーーーーーーーーーーー*/



.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="text"],
.mw_wp_form textarea {
    padding: 1em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #ccc;
}



.mw_wp_form select {
    display: block;
    position: relative;
    width: 80%;
    height: 38px;
    font-size: 14px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 10px;
}

.mw_wp_form selectt:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;
}


/*――――「表」デザイン――――*/

.cform th {
	font-size: 15px;
	width: 25%; 
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 0px 10px 15px;
	font-weight: bolder;
}


.cform td {
	font-size: 15px;
	line-height: 200%;
	border-bottom: solid 1px #d6d6d6;
	padding: 10px 10px;
}


/*―――――表示―――――*/

.cform {
	width: 94%;
	margin: auto;
}


.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 90%;
}



@media only screen and (max-width:767px) {
	.cform th,
	.cform td {
		width: 97%;
 
  padding: .5em 1em;
		display: block;

	}
	.cform table tr:nth-of-type(2n+1) {
   background-color: #fff; 
}
}

/*――「送信ボタン」デザイン――*/

.submit-btn input {
background-color:#2BA596;
border:0;
color:#ffffff;
font-size:1.3em;
font-weight:bolder;
margin:0 auto;
padding: 10px 35px;
border-radius: 3px;
cursor: pointer;
text-align:center;
}

.submit-btn {
text-align:center;
margin-top:20px;
	margin-bottom: 20px;
　cursor: pointer;
}

.submit-btn input:hover {
	background: #EFEFEF;
	color: #000;
　cursor: pointer;
}


/*―――「必須」デザイン―――*/
.required-srt {
font-size:0.9em;
padding: 6px;
border-radius: 5px;
margin-right: 10px;
background: #ebbbbb;
color: #ffffff;
}

/*ーーーーーーーーーーーーーーーー*/ 

.mw_wp_form_complete{
	width: 50%;
    margin: 0 auto 25em;
}


@media only screen and (max-width:767px) {
.mw_wp_form_complete{
	width: 94%;   
}


}

/*―――お問い合わせバナー　投稿緑ボタン―――*/
.anim-box.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
/*ーーーーーーーーーーーーーーーー*/ 
.no-scrollable-main .main {
    height: auto;
}
#contact7-area-pet {
    height: 100%;
    margin: 0 auto;
    width: 90%;
}
#contact7-area-pet.content-in {
    display: block;
    width: 90%;
    margin: 0 auto;
}
#contact7-area-pet .attention {
    background-color: red;
    padding: 0 2%;
    margin-left: .5em;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 1%;
    color: #ffffff;
}
#contact7-area-pet .flex_item1.flex_item1_product.sp-mb1 {
    font-weight: bold;
}
#contact7-area-pet table th {
    background-color: transparent;
    font-size: 1.5vw;
}
#contact7-area-pet .select-ttl {
    margin: 3% 0px;
}
#contact7-area-pet .wpcf7-list-item {
    display: block;
    margin: 10% 0px 0 1em;
    width: 100%;
    padding: 1.5% 5%;
}
#contact7-area-pet .petcs-reportry {
    font-weight: bold;
    font-size: 1.2vw;
}

#contact7-area-pet .mb1 {
    margin-bottom: 1em;
    background-color: deepskyblue;
    padding: 2% 3%;
}

div#content-bottom {
  display: none;
}
  width: auto;
  position: fixed!important;
}
div#header-container {
  top: 3vw !important;
}

.smh-break{
display:none;
}
@media screen and (max-width: 870px) {
.smh-break{
display:block;
}
}
/*============================================================================
▼2024 12月リニューアル＿トップページ
* ============================================================================ */
/*ーーーーーーーheaderーーーーーーーーー*/ 
#header-info {
  padding-top: 2%;
}
div#header-in-box01 {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0%;
    background-color: #fff;
    z-index: 1000;
    height: 100vw;
    width: 14vw;
    justify-content: flex-start;
    box-shadow: 0px 7px 5px 0px #ccc;
}
.navi-in > ul li {
  display: block;
  width: 100%;
  height: 2.5vw;
  line-height: 60px;
  position: relative;
  text-align: left;
  margin-left: 3vw;
	margin-top: 0.3vw;
}
.item-label {
  font-weight: bold;
font-size: 1vw;
}
.header-container-in.hlt-top-menu {
  padding: 0;
  width: auto;
}
.header-container-in.hlt-top-menu .logo-header img {
  height: auto;
  vertical-align: bottom;
  object-fit: contain;
  max-width: 100%;
}
div#header-container {
  position: absolute;
 top: 3vw!important;
}
div#navi-in {
  margin-top: 1vw;
}

.menu-contact {
  margin: 3vw 0 0 -3vw;
  background-color: #c40000;
  border: 3px solid #c40000;
  display: inline-block;
  position: fixed;
  width: 13vw;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  color: #ffff;
  text-align: center;
}
i.fa-brands.fa-square-instagram.fa-2xl {
  line-height: 3vw;

}
.fa-2xl {
    font-size: 2.3em;
	color: #c40000;
}
i.fa.fa-external-link {
    color: #c40000;
}
/*ーーーーーーーモバイルヘッダーメニューーーーーーーーーー*/ 

@media screen and (max-width: 1023px) {


#navi-menu-input:checked ~ #navi-menu-content, #sidebar-menu-input:checked ~ #sidebar-menu-content, #search-menu-input:checked ~ #search-menu-content, #share-menu-input:checked ~ #share-menu-content, #follow-menu-input:checked ~ #follow-menu-content {
    transition: 0.3s ease-in-out;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
	background: #910000b8;;
	color: #fff !important;
	font-weight: bold;
	border-left: 2px solid;
}
.menu-content {
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    max-width: 400px;
    height: 100%;
    background: #cccacad9;
    transition: 0.3s ease-in-out;
    opacity: 1;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
    .menu-contact {
        margin: auto;
        background-color: #c40000;
        display: inline-block;
        position: relative;
        width: auto;
        border-radius: 0.5em;
        color: #fff;
        text-align: center;
        padding: 3vw 3vw;
        overflow: hidden;
        z-index: 1;
        font-weight: bold;
        border: 2px solid #fff;
        margin: 3vw 0 0 0vw;
        background-color: #fff;
        display: inline-block;
        position: fixed;
        border-radius: 20px;
        border-bottom-right-radius: 20px;
		padding: 1vw 5vw;
        text-align: center;
		color: #8b0000;
}
.menu-drawer a {
    font-size: 15px;
}
span.fa.fa-close {
    color: #fff;
}

i.fa.fa-external-link {
    color: #fff;
}
.fa-square-instagram::before {
  content: "\e055";
}
.fa-square-x-twitter::before {
  content: "\e055";
}
.fa-2xl {
	color: #fff;
}
}


/*ーーーーーーーヘッダーラインホバーアニメーションーーーーーーーーー*/ 
.navi .item-label, .navi .item-description {
    line-height: 2;
}
.menu-line {
  display: inline;
  font-feature-settings: "pkna";
}
.menu-line::before {
  background: #c40000;
  content: '';
  width: 8vw;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2%;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 1.0s;
}

.menu-line:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
	  height: 2px;
}
 

.sow-slider-base {
  position: relative;
  overflow: hidden;
  max-width: 2154px;
  margin: 0 0 0 auto;
}

/*ーーーーーーーヘッダー問い合わせボタンホバーアニメーションーーーーーーーーー*/ 


.menu-contact {
    overflow: hidden;
    z-index: 1;
    font-weight: bold;
    margin: 0vw 0 0 -4vw;
    background-color: #c40000;
    display: inline-block;
    position: fixed;
    width: 14vw;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #ffff;
    text-align: center;
    padding: 1vw 0;
}
.menu-contact::after {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
    border: 0px solid #c40000;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.menu-contact:hover {
  color: #c40000;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.menu-contact:hover::after {
  transform: scale(1, 1);
    border: 0px solid #c40000;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
@media screen and (max-width: 1023px) {
	.menu-contact {
    overflow: hidden;
    z-index: 1;
    font-weight: bold;
    border: 0px solid #fff;
    background-color: #fff;
    display: inline-block;
    position: fixed;
    width: auto;
    border-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #8b0000;
    text-align: center;
    font-size: large;
	margin: 1vw 0 0 0vw;
	padding: 1vw 3vw;

}
}




/*ーーーーーーーmainーーーーーーーーー*/ 
.content {
    margin-left: 14vw;
    margin-right: 0;
    display: flex;
    justify-content: flex-end;
}
.main {
    width: 860px;
    padding: 0 29px 0;
}
.wrap {
  width: 100%!important;
}
.siteorigin-widget-tinymce.textwidget {
  width: 75vw;
  max-width: 1800px;
  margin: 3% auto 0;
}
.footer {
    padding: 0 8px;
}
/*ーーーーーーー見出しの赤文字とタイトルーーーーーーーーー*/ 
.red-midashi {
  color: #C40000;
  font-size: 1.5vw;
  line-height: 0.5em;
  font-weight: bold;
}
h3.widget-title {
  line-height: 0.5em;
  font-size: 2.3vw;
}
/*ーーーーーーーfotterーーーーーーーーー*/ 
div#contacts {
  display: block;
  margin: 0 auto;
  align-items: center;
  border: 0.2em solid #c40000;
  border-radius: 1em;
  padding: 2vw;
  text-align: center;
  width: 65vw;
}

div#contacts h3.widget-title {
  width: 36%;
  margin: 0 0 2vw 0;
}
#contacts .red-midashi {
  color: #C40000;
  font-size: 0.8em;
  line-height: 1.5em;
  font-weight: bold;
}

.contact-1 {
  display: inline-flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  text-align: justify;
}
.contact-t1 {
  text-align: end;
  line-height: 1.5em;
}
.contact-2 {
  display: inline-flex;
  width: 100%;
  justify-content: space-around;
}
.contact-3 {
  display: inline-flex;
}
.contact-3.linebox {
  display: block;
  width: 0.3vw;
  height: 7vw;
  background: #a50000;
  border-radius: 2em;
}
.contact-4 {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}
.contact-5 {
  font-size: 32px;
  font-weight: bold;
  color: #c40000;
  line-height: 34px;
}
img.contactmark {
  object-fit: contain;
  width: 8vw;
  max-width: 150px;
  transition-duration: .5s;
}
img.contactmark:hover {
  border-radius: 50%;
  box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
}
.contact-4 {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  line-height: 1em;
  margin-left: 1vw;
  font-weight: bold;
}
.contact-5 {
  font-size: 2vw;
  font-weight: bold;
  color: #c40000;
  line-height: 0.3em;
}
.company-fotter {
  display: block;
  text-align: center;
}
img.fotterlogo {
  margin: 2vw auto -2vw;
}
.footer-t {
  font-size: 13px;
  margin: 3% auto 0;
}

.copyright {
    color: #000 !important;
    width: 85vw;
    padding: 0;
    margin: 1vw 0 0 auto;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/*ーーーーーーーレスポンシブーーーーーーーーー*/ 



@media screen and (max-width: 1270px) {
  main.main {
      padding: 0;
  }
  .item-label {
    font-weight: bold;
  font-size: 0.8rem;
  }
}



@media screen and (max-width: 1023px) {

div#header-in-box01 {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 1000;
  height: auto;
  width: auto;
  justify-content: flex-start;
}

.content {
  margin-left: 0;
  right: 0;
  margin-right: 0;
  display: block;
}
div#contacts h3.widget-title {
  width: auto;
  margin: 0 0 2vw 0;
  line-height: 3vw;
}
.contact-t1 {
  text-align: end;
  line-height: 1.5em;
  font-size: 16px;
}

.entry-content {
	padding: 0 3vw;
  margin-bottom: 0em;
}
img.fotterlogo {
  margin: 2vw auto -3vw;
  width: 30%;
}
.footer-t {
  font-size: 14px;
}
.footer-bottom {
  margin-top: 0px!important;
  position: relative;
  font-size: 14px;
}
.copyright {
  width: 100%;
}
}
@media screen and (max-width: 1000px) {
  .content {
    margin-left: 0;
  }
  div#contacts {
    width: 70vw;
}
}

@media screen and (max-width: 870px) {


.logo-menu-button img {
    margin: 0;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.siteorigin-widget-tinymce.textwidget {
  width: 85vw;
}

h3.widget-title {
  width: 85vw;
  margin: 0 auto;
}

/*ーーーーーーーcontactーーーーーーーーー*/ 

div#contacts {
  display: block;
  margin: 0 auto;
  align-items: center;
  border: 0.2em solid #c40000;
  border-radius: 1em;
  padding: 2vw;
  text-align: center;
  width: 85vw;
  max-width: 1440px;
}
.contact-1 {
  display: inline-flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  text-align: justify;
  flex-direction: column;
}

.page .article h3 {
  padding: 0;
  border: none;
  font-size: 3.5vw;
}
.red-midashi {
	color: #C40000;
	font-size: medium;
}
.contact-t1 {
  text-align: left;
  line-height: 1.5em;
}
div#contacts h3.widget-title {
    width: auto;
    margin: 0 0 2vw 0;
    font-size: 3.5vw;
}
.contact-2 {
  display: grid;
  justify-content: space-around;
  flex-direction: column;
  margin: 2vw auto 0;
  align-items: flex-start;
}

.contact-3 {
  display: inline-flex;
  margin: 2vw 0;
  width: auto;
  justify-content: flex-start;
}
.contact-4 {
  margin-left: 3vw;
  }
.contact-3.linebox {
  display: none;
}
img.contactmark {
  object-fit: contain;
  width: 10vw;
  max-width: 150px;
}
.contact-4t {
  font-size: 2.5vw;
}
.contact-5 {
  font-size: 4vw;
  font-weight: bold;
  color: #c40000;
  line-height: 1.5em;
}

}





@media screen and (max-width: 580px) {



h3.widget-title {
  width: auto;
  margin: 0 0 0 3vw;
}
.siteorigin-widget-tinymce.textwidget {
  width: 85vw;
  margin: 0 auto;
}
.top-company-t {
  font-size: 3.2vw;
}
.company-2 {
  position: absolute;
  bottom: 3vw;
  left: 1vw;
  line-height: 1em;
  padding-bottom: 2vw;
}
.btn-s {
  font-size: 3.5vw;
  padding: 0.3em 0.5em;
}

/*contact*/
div#contacts {
  width: 85vw;
}
.contact-t1 {
  margin: 2vw 0;
}

.contact-4t {
  font-size: 3.5vw;
  font-weight: 100;
}
div#contacts h3.widget-title {
  font-size: 5.5vw;
}
.contact-5 {
  font-size: 4.5vw;
  font-weight: bold;
  color: #c40000;
  line-height: 1.5em;
}
.contact-3 {
  display: inline-flex;
  margin: 3vw 0;
}
.page .article h3 {
  padding: 0;
  border: none;
  font-size: larger;
}
img.contactmark {
  object-fit: contain;
  width: 17vw;
}
img.fotterlogo {
	margin: 2vw auto 0vw;
	width: 80%;
}
}



/*============================================================================
▼2024 12月リニューアル＿固定ページ
* ============================================================================ */
.page-toptitle {
  background-image: url(https://www.pop-japan.co.jp/pop-wp02/wp-content/uploads/2024/12/top-company.png);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 11vw 0vw 1.5vw 3vw;
  margin-top: -5vw;
}
.page-toptitle-t1 {
font-size: 2.3vw;
font-weight: bold;
color: #fff;
margin-bottom: -1.5em;
}
.page-toptitle-t2 {
line-height: 1.5vw;
color: #fff;
}
div#kotei-page .siteorigin-widget-tinymce.textwidget {
width: auto;
max-width: 1800px;
margin: 3% auto 0;
}
div#kotei-page h3.widget-title {
width: auto;
margin: 0 auto;
}

/*-------------固定ページの赤字-------------*/
.koteipage-red {
  font-size: 1.5vw;
  color: #c40000;
  margin: 0vw 1vw;
}
.koteipage-red-nontitle {
  font-size: 1.8vw !important;
  color: #c40000;
  margin-left: -15%;
}
.koteipage-red2 {
  font-size: 1.5vw;
  color: #c40000;
  margin: 2vw 0;
}

@media screen and (max-width: 1270px) {
.page-toptitle {
  padding: 9.5vw 0vw 2vw 5vw;
}
.page-toptitle-t1 {
font-size: 2rem;
  margin-bottom: -3rem;
}
.page-toptitle-t2 {
      line-height: 1.3rem;
font-size: 1rem;
  }
  .koteipage-red .koteipage-red-nontitle {
      font-size: 2vw;
  }
  .koteipage-red {
    font-size: large;
    color: #c40000;
    margin: 0vw 3vw;
}
}
@media screen and (max-width: 1023px) {
.page-toptitle-t1 {
  font-size: 2.5rem;
margin-bottom: -7vw;
}
.page-toptitle {
  padding: 10vw 0vw 3vw 5vw;
}
}


@media screen and (max-width: 870px) {
.page-toptitle-t1 {
  font-size: 2rem;
  margin-bottom: -4rem;
}
.koteipage-red {
  font-size: 1.1rem;
}
.koteipage-red2 {
  font-size: 1.5vw;
  color: #c40000;
  margin: 2vw 0 2vw -2vw;
}
}
@media screen and (max-width: 580px) {
	.page-toptitle {
        padding: 5vw 0vw 3vw 4vw;
        background-size: cover;
        background-position: top;
        background-position-x: 55%;
        margin-top: -5rem;
    }
	.page-toptitle-t1 {
        font-size: x-large;
        margin-bottom: -45px;
        margin-top: 50px;
    }
    .page-toptitle-t2 {
        line-height: 1.3rem;
        font-size: small;
    }
}

/*-------------------------------ブログ用カスタマイズ-------------------------------*/
/*ブログーパンくずリスト位置*/
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    background-color: var(--cocoon-white-color);
    margin: 12px auto 0;
    padding: 0.6em 1em;
    padding: 0 0 1vw 15vw;
}

 /*タイトル文字の横幅 */
aside#vkexunit_post_list-5 h3.widget-sidebar-scroll-title.widget-title {
    width: auto;
    font-size: large;
}

 /*ブログの要素を中央寄せ */
.content-in {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
div#blog-minititle {
    font-size: large;
}
    /*サイドバー文字幅*/

div#sidebar .siteorigin-widget-tinymce.textwidget {
    width: auto;
    max-width: 1800px;
    margin: 3% auto 0;
    font-size: medium;
}
body.single-post {
    padding: 10px !important;
}


@media screen and (max-width: 1230px) {
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    background-color: var(--cocoon-white-color);
    margin: 12px auto 0;
    padding: 0.6em 1em;
    padding: 0 0 0 15vw;
}
}
@media screen and (max-width: 1023px) {
.breadcrumb.pbp-main-before {
margin: 4rem auto 0 0;
        padding: 0.6em 1em;
}
}
@media screen and (max-width: 870px) {

.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    background-color: var(--cocoon-white-color);
    margin: 12px auto 0;
    padding: 0.6em 1em;
}
}
img.site-logo-image.header-site-logo-image {
    padding: 10px;
}
@media screen and (max-width: 870px) {
    .logo-menu-button img {
        width: auto;
}
}
@media screen and (max-width: 580px) {
    .logo-menu-button img {
        padding: 1vw;
}
}
/*-------------------------リニューアル後の変更はここから-----------------------------*/
.tel a {
 color: #c40000;
 text-decoration: none;
}
.copyright {
        font-size: small;
    }
@media screen and (max-width: 580px) {
.copyright {
    font-size: smaller;
}
}
/*-------------------------フッターをどうにかしている-----------------------------*/
.footer-widgets {
    /* margin: 10px auto; */
    display: block;
    width: 85vw;
    margin: 0 0 0 auto;
}
.footer-left, .footer-center, .footer-right {
    width: auto;
}
.footer-left, .footer-center, .footer-right, .footer-mobile {
    padding: 0;
}
.company-fotter {
    margin-bottom: -2rem;
}
@media screen and (max-width: 1023px) {
.footer-widgets {
    width: 85vw;
    margin: 0 auto;
}
}