@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/*2025/02/12	Ryo edit
/*全ての固定ページのタイトルを非表示*/
/* 2025/08/26 h1タグなので表示する */
.page .entry-title{
	/*  display: none; */
	width : 900px;
	font-size : 11px;
	margin: 0 auto;
	padding : 0px;
	text-align: left;
}
@media (max-width: 900px) {
  .page .entry-title {
    width: 100%;
    font-size: 9px;
    padding: 0 10px;
  }
}

/* 全般設定 */
body {color:#666666; background:#ffffff; margin:0; padding:0;
	line-height:130%; font-family: "ＭＳ Ｐゴシック",sans-serif; font-size:12px !important;
	/*iPhone用*/
	-webkit-text-size-adjust: none;
}
/*body {color:black; background:#e5e5e5; margin:0; padding:0;} */

table {width:100%; font-size:12px; border-collapse:collapse; margin-bottom: 3px !important;}
table td {padding:0; vertical-align:top;}
table td ,table th{
	font-size:12px;
	padding:0;
}

/* 全般的なリンクの設定 */

a {color:#000066; text-decoration:underline;}
a:hover {color:#ff6600;}
a:visited {color:#333399;}

/* 一般タグの設定 */
h1 { font-size:11px; font-weight: normal; line-height:50%; padding :0px 0px 3px 0px}
h2 { font-size:16px; font-weight: bold; line-height:50%; padding :0px 0px 3px 0px}
h3 { font-size: 15px !important; padding: 20px 0px 20px 10px !important; margin: 0px !important; border: 0px !important;}
h4 {}
h5 {}

/* リスト表示の設定 中央左右のブロックなどで使用 */
/*
ul {margin:2px; padding:2px; list-style:decimal inside; text-align:left;}
li {margin-left:2px; list-style:square inside; color:#2F5376}
*/
input.formButton {}

/* 最新ニュースの枠 */
.item {border:1px solid #cccccc;}
/* 最新ニュースのタイトルバー */
.itemHead {padding:3px; background:#C2CDD6; color:#666666;}
/* 最新ニュースの投稿情報欄 */
.itemInfo {text-align:right; padding:3px; background:#efefef;}
/* 最新ニュースのタイトルの設定 */
.itemTitle a {font-size:120%; font-weight:bold;}
/* 最新ニュースの投稿者 */
.itemPoster {font-size:90%;}
/* 最新ニュースの投稿日 */
.itemPostDate {font-size:90%;}
/* 最新ニュースのステータス */
.itemStats {font-size:90%;}
/* 最新ニュースのコンテンツ部分 */
.itemBody {padding:10px;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:150%;}
/* 最新ニュースの1文字目 */
.itemText:first-letter {}
/* 最新ニュースのフッター */
.itemFoot {text-align:right; padding:3px; background:#ececec;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

th {background: #2F5376; color:#FFFFFF; padding:2px; vertical-align:middle;}

/*#Frame {width:885px; margin:0 auto; border:0px solid #999999;}*/
#Frame {width:888px; margin:0 auto; border:0px solid #999999;}

/*ヘッダーブロックの定義*/
/*
#headerl {width:250px; background:#ffffff; vertical-align:middle; text-align:left; padding:10px; border-top:2px solid #333333;}
*/
#headerl {width:250px; background:#ffffff; vertical-align:middle; text-align:left; padding:0px 0px 7px 0px; solid #333333;}
	#headerr {background:#CC0000; vertical-align:middle; text-align:right; color:#FFFFFF; line-height:130%; border-top:2px solid #333333;}
	#headerr a{color:#FFFFFF;}
	#headerr a:hover{color:#FFFFFF; text-decoration:underline;}

	#headerbar {/*border-bottom:1px solid #000000;*/ border-top:1px solid #666666; background:#57bae9; text-align:left; padding:0px; color:#FFFFFF;}
	#headerbar a{color:#ffffff; font-size:11px; text-decoration:none;}
	#headerbar a:hover{color:#FFFFFF; font-size:11px; text-decoration:underline;}

	/*左ブロックの定義*/
	*/#leftcolumn {width:185px; border-right:0px solid #999999; background:#ffffff}
	*/
	#leftcolumn {width:222px; border-right:0px solid #999999; background:#ffffff}
	#leftcolumn .blockTitle {padding:3px; color:#222222; font-weight:bold; margin: 5px 2px 5px 10px;}
	/*#leftcolumn .blockContent {padding:10px 3px 10px 0px; padding-bottom:10px; margin-left:0px; border-bottom:1px solid #CCCCCC; line-height:130%;}*/
	#leftcolumn .blockContent {padding:5px 3px 10px 0px; padding-bottom:10px; margin-left:0px; line-height:130%;}

	/* 左ブロック　メインメニューの定義*/
	#mainmenu a {padding:4px;}
	#mainmenu a:hover {background:#ffffff;}
	#mainmenu a.menuTop {}
	#mainmenu a.menuMain {}
	#mainmenu a.menuSub {padding-left:12px;}

	/*左ブロック　ユーザーメニューの定義*/
	#usermenu a {padding:4px;}
	#usermenu a:hover {background:#ffffff;}
	#usermenu a.menuTop {}
	#usermenu a.highlight {background:#ffcccc;}

	/*中央ブロックの定義*/
	#centercolumn {width:666px; text-align:left; background:#ffffff;
		padding-left: 8px;} /* ←　←ブロックと中央ブロック間隔 */

	#centercolumn th {background:#899DB8; color:#FFFFFF; vertical-align:middle; padding:10px;}

	/*中央-中央ブロックの定義*/
	#centerCcolumn {padding : 0px;}
	#centerCcolumn .blockTitle {padding:5px; background:#DDDDDD; color:#000000; font-weight:bold;}
	#centerCcolumn .blockContent {padding:5px 5px 5px 5px; margin-bottom:5px;}

	/*中央-左ブロックの定義*/
	#centerLcolumn {width:50%;}
	#centerLcolumn .blockTitle {padding:5px; background:#DDDDDD; color:#000000; font-weight:bold; margin-right:1px;}
	#centerLcolumn .blockContent {margin-right:1px; border-right:1px solid #cccccc; /*border-bottom:1px solid #dddddd;*/ padding:5px; line-height:130%;}

	/*中央-右ブロックの定義*/
	#centerRcolumn {width:50%;}
	#centerRcolumn .blockTitle {padding:5px; background:#DDDDDD; color:#000000; font-weight:bold; margin-left:1px;}
	/*#centerRcolumn .blockContent {margin-left:1px; border-left:1px solid #cccccc; border-bottom:1px solid #dddddd; padding:5px; line-height:130%;}*/
	#centerRcolumn .blockContent {margin-left:1px; border-left:1px solid #cccccc; padding:5px; line-height:130%;}

	#content {text-align:left; padding:4px 0px;}

	#footer {text-align:center; font-size:11px; color:#666666; padding:5px;
		line-height:100%;}

	/* フォーラムなどの外枠*/
	.outer {border:1px solid #DDDDDD;}
	/* フォーラムなどの投稿情報欄 */
	.head {background:#c2cdd6; padding:5px; font-weight:bold;}
	/* フォーラムなどの交互に色が変わる部分 */
	.even {background:#dee3e7; padding:5px;}
	.odd  {background:#E9E9E9; padding:5px;}
	tr.even td{background:#dee3e7; padding:5px;}
	tr.odd td {background:#E9E9E9; padding:5px;}
	/* フォーラムなどのフッター */
	.foot {background:#c2cdd6; padding:5px; font-weight:bold;}

	div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
	div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
	div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

	/* Xoopsコードを記述する部分 */
	div.xoopsCode {background:#FFFFFF; border:1px inset #000080; padding: 0px 6px 6px 6px;}

	/* 引用部分の定義 */
	div.xoopsQuote {background:#FFFFFF; border:1px inset #000080; padding: 0px 6px 6px 6px;}

	.comTitle {font-weight:bold; margin-bottom: 2px;}
	.comText {padding: 2px; line-height:160%;}
	.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
	.comUserStatCaption {font-weight: normal;}
	.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
	.comUserRank {margin: 2px;}
	.comUserRankText {font-size: 10px;font-weight:bold;}
	.comUserRankImg {border: 0;}
	.comUserName {}
	.comUserImg {margin: 2px;}
	.comDate {font-weight: normal; font-style: italic; font-size: smaller}
	.comDateCaption {font-weight: bold; font-style: normal;}

	.boite {font-size: 12px; padding:0px; border:2px solid #666666;}
	.boutonvert {background-color: #238e23; font-size: 10px; font-weight:bold; color: #ffffff; border:1px solid #cccccc; padding: 0px;}
	.boutonorange {background-color: #fe9f0f; font-size: 10px; font-weight:normal; color: #000000; border:1px solid #000000; padding: 0px;}

	.form {
		padding: 6px 0px 0px 8px;
		font-size:12px;
	}

	.comment_table {
		border: 2px solid #ffffff;
		vertical-align : middle;
		padding: 5px;
	}

	.m_table {
	}
	.m_table td{
		border-color: #CCCCCC;
		padding: 0px;
		margin: 0px;
	}
	.m_table2 td{
		padding: 0px;
		margin: 0px;
	}

	.title {
    padding: 4px;
    color: blue;
	}

	.title2 {
		width:150px;
    padding: 4px;
    color: blue;
	}
	.temp {
    padding: 4px;
		text-align:right;
	}

	.temp2 {
    padding: 4px;
		text-align:right;
	}

	.maisuu {
    width: 12.5%;
    padding: 5px;

    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
    background-image: -webkit-linear-gradient(top, #fff, #efefef);
    background-image:    -moz-linear-gradient(top, #fff, #efefef);
    background-image:     -ms-linear-gradient(top, #fff, #efefef);
    background-image:      -o-linear-gradient(top, #fff, #efefef);
    background-image:         linear-gradient(top, #fff, #efefef);
    -pie-background:          linear-gradient(top, #fff, #efefef); /*PIE*/
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);

		text-align:center;
		vertical-align: middle;
	}

	.kakaku {
		text-align:center;
    padding: 5px;
	}

	.maisuu2 {
    width: 10%;
    padding: 5px;

    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
    background-image: -webkit-linear-gradient(top, #fff, #efefef);
    background-image:    -moz-linear-gradient(top, #fff, #efefef);
    background-image:     -ms-linear-gradient(top, #fff, #efefef);
    background-image:      -o-linear-gradient(top, #fff, #efefef);
    background-image:         linear-gradient(top, #fff, #efefef);
    -pie-background:          linear-gradient(top, #fff, #efefef); /*PIE*/
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);

		text-align:center;
	}

	.top_line {
		padding-top : 8px;
		padding-bottom : 0px;
	}
	.menu_table {
		width : 183px !important;
		margin: 0px 0px 10px 0px !important;
		padding: 0px !important;
	}
	.menu_table1 {
		font-size : 11px;
		text-align : center;
		width : 183px ;
		border : 1px solid;
		width : 100% !important;
		text-align : center;
		border : 1px solid #666666 !important;
		margin: 0px;
		padding: 0px !important;
	}

	.menu_table2 {
		padding : 5px 3px 5px 3px;
		font-size : 10px;
		padding : 5px !important;
		text-align : center;
		border : 1px solid #666666 !important;
	}
	.menu_table3 {
		width : 186px ;
		border-collapse:separate;
		border-spacing:0px 7px;
	}

	.menu_table3 td {
		color : #3e608c;
		background:#f2f2f2;
		padding : 5px;
		font-size : 13px;
		text-align : left;

	}

	.menu_table3 a {
		text-decoration : none;
		display: block; width: 100%;
	}

	.menu_table3 a:hover { background-color: #ffff99; color: red; }

	.menu_table4 {
		width : 186px ;
		border-collapse:separate;
		border-spacing:0px 7px;
	}

	.menu_table4 td {
		color : #cc4851;
		background:#f2f2f2;
		padding : 5px;
		font-size : 14px;
		text-align : left;

	}

	.menu_table4 a {
		color : #cc4851;
		text-decoration : none;
		display: block; width: 100%;
	}

	.menu_table4 a:hover { background-color: #ffff99; color: red; }

	.toppage_text{
		position : relative;
		top : -1400px ;
		left : 20px;

	}

	.toppage_text table {
		font-size : 15px;
		font-weight : bold;
		color : #000000;
		line-height : 20px;
	}

	.toppage_text td {
		padding : 10px 0 0 0;
	}

	.toppage_text span {
		color : #ff6600;
	}

	/*.toppage_test2_i { */
	/*        position:relative;*/
	/*        display:block; */
	/*} */

	.toppage_text2{
    position:relative;
		top : -695px;
		left : 20px;

	}

	.toppage_text2 table {
		font-size : 15px;
		font-weight : bold;
		color : #000000;
		line-height : 20px;
	}

	.toppage_text2 td {
		padding : 10px 0 0 0px;
	}

	.toppage_text2 span {
		color : #ff6600;
	}

	#toppage_topics {
		width : 698px;
	}

	#toppage_topics_sp {
		/*        width : 698px; */
		color : red;
		font-size : 18px;
	}

	.two_jewel_photo {
   	background-position: 350px 25px;
    background-image: url(/uploads/photos/23.jpg);
    background-repeat: no-repeat;

	}

	.two_jewel1 {
		line-height : 25px;
		color : #8c8c8c;
		font-size : 18px;
	}

	.two_jewel2 {
		font-size : 15px;
		font-weight : bold;
	}

	.two_jewel3 {
		font-size : 13px;
		color : #3f3fd9;
	}

	.two_jewel4 {
		padding : 10px 0px 0px 0px;
		text-align:right;
		font-size : 13px;
		color : #3f3fd9;
	}

	.jewel_photo {
   	background-position: 90px 50px;
    background-image: url(/uploads/photos/36.jpg);
    background-repeat: no-repeat;

	}

	.slim_photo {
   	background-position: 400px 50px;
    background-image: url(/uploads/photos/39.jpg);
    background-repeat: no-repeat;

	}

	.digipack_photo {
   	background-position: 250px 70px;
    background-image: url(/uploads/photos/42.jpg);
    background-repeat: no-repeat;
	}

	.maxi_photo {
   	background-position: 350px 0px;
    background-image: url(/uploads/photos/47.jpg);
    background-repeat: no-repeat;
	}

	.paper_photo {
   	background-position: 280px 80px;
    background-image: url(/uploads/photos/54.jpg);
    background-repeat: no-repeat;
	}

	.bulk_photo {
   	background-position: 300px 50px;
    background-image: url(/uploads/photos/66.jpg);
    background-repeat: no-repeat;
	}

	.bulk_table1 {
		width : 100%;
		text-align : center;
		font-weight : bold;

	}

	.bulk_table1 td {
		width : 25%;
		font-size : 11px;
	}

	.pay_title2 td {
		background : #788fae;
		color : #eeeeee;
		padding : 4px 4px 2px 4px;

	}

	.pay1 {
		font-size : 18px;
		font-weight : bold;
		line-height : 25px;
	}

	.pay2 {
		font-size: 14px;
	}

	.pay3 {
		color : #ff6600;

	}

	.pay4 {
		font-size: 16px;
	}

	.va_middle {
		vertical-align:middle;
	}
	.va_middle h2 {
		font-size: 18px;
	}

	classification {
		text-align : right;
	}

	.classification table{
		margin-left : auto ;
		margin-right : 0 ;
		width : 240px;
	}

	.app1 {
		font-size : 18px;
		font-weight : bold;
		line-height : 25px;
	}

	.necessary1 {
		font-size : 18px;
		font-weight : bold;
		line-height : 25px;
	}

	.necessary2 {
		font-size : 20px;
		font-weight : bold;
		line-height : 40px;
		display:inline-block;
	}

	.necessary3 {
		background : #ffcc99;
		font-size : 14px;
		text-align : center;
		padding : 3px;
	}

	.necessary4 {
		background : #ffffcc;
	}

	.necessary4 table {
		border : 1px solid;
	}

	.necessary4 td {
		padding : 5px;
		border : 1px solid;
		vertical-align:middle;
	}

	.necessary5 {
		font-size : 14px;
		font-weight : bold;
		line-height : 40px;
		display:inline-block;
	}

	.material1 {
		font-size : 18px;
		font-weight : bold;
	}

	.material2 {
		font-size : 20px;
		font-weight : bold;
	}

	.material3 {
		color : #ff6600;
	}


	.sub_check_title {
		width:200px;
		border: 2px solid #ffffff;
		color : #ffffff;
		padding: 5px;
		vertical-align : middle;
	}
	.sub_check_con {
		border: 2px solid #ffffff;
		color : #ffffff;
		padding: 5px;
		vertical-align : middle;
	}

	.sub_table {
		width:200px;
		border: 2px solid #ffffff;
		vertical-align : middle;
		padding: 5px;
		background-color : #e6e6e6;
		color:#666666;
		background-color: #e6e6e6 !important;
		font-weight:normal !important;
		width:210px;
		border: 2px solid #ffffff;
		vertical-align : middle !important;
		padding: 5px;
		background-color : #e6e6e6;
	}

	.sub_table2 {
		vertical-align : middle;
		padding: 5px;
	}

	.sub_table3 {
		vertical-align : middle;
		padding: 5px;
	}

	.sub_table4 {
		vertical-align : middle;
		padding: 10px;
	}

	.cul_check_title {
		width:280px;
		border: 2px solid #ffffff;
		color : #ffffff;
		padding: 5px;
		vertical-align : middle;
	}

	.cul_check_con {
		width:180px;
		border: 2px solid #ffffff;
		color : #ffffff;
		padding: 5px;
		vertical-align : middle;
	}

	.cul_table {
		width:190px;
		border: 2px solid #ffffff;
		vertical-align : middle;
		padding: 5px;
		background-color : #e6e6e6;
	}

	.support1 {
		color : #ff6600;
		font-size : 20px;
		font-weight : bold;
		margin-bottom: 2px;
	}

	.support2 {
		padding : 3px;
		background-color : #ffcc00;
		font-size : 20px;
		font-weight : bold;
		margin-bottom: 2px;
	}

	.support3 {
		padding : 5px;
		background-color : #dcfef3;
	}

	.support4 table{
		width : 550px;
		margin-left : auto ;
		margin-right : auto ;
	}

	.support4 td {
		padding : 8px;
		vertical-align : middle;
		color : #3e608c;
		font-size : 15px;
	}

	.support4 span {
		font-size : 15px;
		font-weight : bold;
	}

	.support5 {
		font-size : 16px;
	}

	.top_banner1 {
		position:relative;
		left : -10px;
	}

	/*footer用*/
	.footer_v_line {
    height: 290px; width: 1px; background-color:
    	#c9c9ca; border-collapse: collapse;
    height: 200px;
    width: 1px;
    background-color:#000000;
    border-collapse: collapse;
    border: 1.5px solid #c9c9ca !important;
	}

	.footer_padding {
		padding : 5px 10px 5px 10px;
	}
	.footer_align {
		font-size:10px;
		width : 160px;
		text-align : left;
		padding : 5px 10px 5px 10px;
		font-size: clamp(0.2px, 2vw, 10px);
		white-space: nowrap;
		max-width : 160px;
		text-align : left;
		padding : 5px 10px 5px 10px;
		background-color: #ffffff;
		border-color: #ffffff;
	}
	.footer_logo_align {
		padding : 0px 0px 0px 0px;
		vertical-align : top;
	}
	.footer_cr {
    text-align : right;
		font-size:14px;
	}
	.footer_hr {
		color : #f9f9fa;
	}
	a.footer {color : #666666; text-decoration:none;}

	.deli-content {
		vertical-align : middle;
		height : 30px;
	}

	.deli-content2 {
		vertical-align : middle;
		height : 30px;
		width : 300px;
	}

	#toppage_price_t {
		margin-bottom : 5px !important;
	}

	#toppage_price_t td{
		padding : 0px 0 0 0;
		margin-bottom : 5px !important;
	}

	.toppage_price_t_right {
		text-align : right;
	}

	.toppage_text3{
    position:relative;
		left : -10px;


    background-image: url(/uploads/photos/86.jpg);
    background-repeat: no-repeat;
    background-image: url(/uploads/photos/86_2.jpg);
    background-repeat: no-repeat;
	}

	.toppage_text3_c {
		padding : 80px 0px 0px 30px ;
	}

	.toppage_text3 table {
		font-size : 15px;
		font-weight : bold;
		color : #000000;
		line-height : 21px;
	}

	.toppage_text3 td {
		padding : 10px 0 0 0px;
	}

	.toppage_text3 span {
		color : #ff6600;
	}

	.up_form_subtitle {
		font-size : 14px;
		font-weight:normal !important;
		color: #666666 !important;
		padding-left:8px;
	}

	.dvd_bulk_photo {
   	background-position: 300px 50px;
    background-image: url(/uploads/photos/66.jpg);
    background-repeat: no-repeat;
	}

	.dvd_jewel_photo {
   	background-position: 90px 50px;
    background-image: url(/uploads/photos/36.jpg);
    background-repeat: no-repeat;
	}

	.dvd_two_jewel_photo {
   	background-position: 350px 25px;
    background-image: url(/uploads/photos/23.jpg);
    background-repeat: no-repeat;
	}

	.dvd_slim_photo {
   	background-position: 400px 50px;
    background-image: url(/uploads/photos/39.jpg);
    background-repeat: no-repeat;
	}

	.dvd_maxi_photo {
   	background-position: 350px 0px;
    background-image: url(/uploads/photos/47.jpg);
    background-repeat: no-repeat;
	}

	.dvd_paper_photo {
   	background-position: 280px 80px;
    background-image: url(/uploads/photos/54.jpg);
    background-repeat: no-repeat;
	}

	.dvd_tall_photo {
   	background-position: 240px 20px;
    background-image: url(/uploads/photos/101.jpg);
    background-repeat: no-repeat;
	}

	.dvd_digipack_photo {
   	background-position: 250px 70px;
    background-image: url(/uploads/photos/42.jpg);
    background-repeat: no-repeat;
	}

	.dvd_two_tall_photo {
   	background-position: 240px 20px;
    background-image: url(/uploads/photos/102.jpg);
    background-repeat: no-repeat;
	}

	.mastering_1 {
		font-size:18px;
	}

	.mastering_2 {
		padding : 8px;
		background-color : #f89cf8;
		font-size : 20px;
		font-weight : bold;
	}

	/*2025/02/12フォームの修正*/
	input[type="text"]  {
		width :auto;
	}

	input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url]{
		height : 25px;
		padding : 3px;
		margin : 5px;
	}
	select {
		padding : 2px;
		height : auto;
		width :auto;

	}
	input[type=submit]  {
		padding : 0px;
		margin : 0px;
		width : 50px;
		height : auto;
		text-align: center;

	}
	span.wpcf7-list-item { display: block; }
	#content {
		margin-top : 0px;
	}
	#main {
		box-sizing: content-box;
		padding : 5px 0px 0px 0px;
	}
	.sidebar-menu-content {
		width : 215px;
	}
	.logo-header{
		padding : 0px;
		margin : 0px;
	}
	.logo-text{
		padding : 0px 0px 0px 0px;
		margin : 0px;
	}
	.tagline {
		height : 0px;
		padding : 0px;
		margin : 0px;
	}
	.header{
		padding : 0px;
		margin : 0px;
	}
	.site-name-text{
		padding : 0px;
		margin : 0px;
	}
	#header{
		height : 0px;
		padding : 0px;
		margin : 0px;
	}
	.in_table {
		margin-bottom : 0px;
	}

	/*郵便番号の入力欄の修正*/
	input[type=text],
	input[type=password],
	input[type=date],
	input[type=datetime],
	input[type=email],
	input[type=number],
	input[type=search],
	input[type=tel],
	input[type=time],
	input[type=url],
	textarea,
	select, .search-edit {
  	width: auto;
	}

	/* Confirm Plus Contact Form 7用*/
	/* テーブル */
	#wpcf7cpcnf table {
    border: none;
	}
	#wpcf7cpcnf table th {
    background-color: #e6e6e6;
    color: #666666;
	}
	#wpcf7cpcnf table td {
		vertical-align:center;
		padding:5px;
	}

	/* ボタン */
	#wpcf7cpcnf button {
    background-color: #555;
    border: 4px outset #000;
    color: #fff;
	}
	/*必須マーク*/
	.sub_table th {
    display: flex;
    align-items: center;
    position: relative;
	}

	.title-contactform7 {
    flex-grow: 1;
	}

	.required {
    position: absolute;
    right: 0;
    display: inline-block;
    color: #ffffff;
    background: #cc0000;
    padding: 0px 5px 0px 5px;
    margin : 0px 3px 0px 0px;
    border-radius: 0.5em;
    white-space: nowrap;
	}
	th.sub_table {
		position: relative;
	}

	.content {
		text-align: center;
	}

	.mainfont {
		font-size: 12px;
	}

	.orange {
		font-size: 14px;
		color: tomato
	}


  /* ページ上部にもどるやつ */
	html {
    scroll-behavior: smooth;
	}

	.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 50px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
	}

	.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
	}

  /* ハンバーガーメニューを非表示 */
  .menu-mobile {
    display: none !important;
  }

	/* cocoon対策 */
	.eye-catch-wrap {
		display: none;
	}
	.date-tags {
		display: none;
	}
	.blockContent {
		padding : 10px 0px 0px 0px !important;
		width : 200px;
		max-width : 200px;

	}
	.fa-pencil {
		display : none;
	}

	.vertical_radio_button {
		display: block !important;
	}
	.form_hide_element {
		display: none;
	}

	/* zipaddr-jp修正 */
	#autozip {
  	display: none !important;
	}

	/* contaft form 7 修正 */
	.form {
		margin : 0px;
		padding : 0px;
	}

	/* バランス調整 */
	.entry-content  {
		margin : 5px 0px 0px 0px !important;
		max-width: 700px;
	}

	.wpcf7-form-control {
		padding : 3px;
		margin: 0px;
		display: inline-block;
	}

	.wpcf7-select {
		margin : 6px;
	}

	.wpcf7-textarea {
		margin : 5px;
	}

	.wpcf7-list-item {
		margin : 0px !important;
	}

	.go-to-top-button {
		display: none;
	}

	/* フッダーモバイルボタンの検索ボタンを非表示 */
	.search-menu-button {
    display: none !important;
	}

	/* フッダーモバイルボタンのトップボタンを非表示 */
	.top-menu-button {
    display: none !important;
	}

	/* ボタンが減った分、残りのボタンの幅を調整（オプション） */
	.mobile-footer .mobile-footer-menu-buttons {
    display: flex;
	}

	.mobile-footer .mobile-footer-menu-buttons > *:not(.search-button) {
    flex: 1;
	}

	/*
.textwidget {
width : 200px;
}
*/

	.sidebar {
		padding:0px;
		width: 200px;
	}

	.footer-center {
		width: 900px;
	}

	.content-in {
		max-width:910px;
	}

	.main {
		width:700px;
	}

	/* フッターの画像 */
	.speedycopy_footer_info {
		max-width: 220px !important;
	}
	.speedycopy_footer_info_img {
		width: 100%;
		min-width:80px !important;
	}
	/* スマホでもフッターを強制表示 */
	.footer-widgets {
		display: block !important;
		max-width: 900px;
	}

	/* フッターの位置調整 */
	.footer-center {
		padding: 0px;
		max-width: 900px;
	}
	#footer {
		padding: 0px;
		text-align: center;
	}

	.toc {
		display: none;
	}

	/* スマホでフッターが画面からはみ出ないように */
	@media (max-width: 1023px) {
  	.site-footer,
  	.footer-widgets,
  	.footer,
  	.footer-in,
  	.footer-widget-area,
  	.container {
    	max-width: 100% !important;
    	width: 100% !important;
    	overflow-x: hidden !important;
  	}
	}

	.upload_form_headline {
		text-align: left;
 		border: 2px solid #ffffff;
 		color : #ffffff;
 		padding: 5px;
	}

	.form_hr {
  	height: 5px;
  	border-top: 1px solid #9a9a9a;
  	padding: 0px;
		margin: 0px;
	}

	.wpcf7-form-control {
		border-color: #767676 !important;
	}

	/* xo event calenter 3ヶ月を横に並べるレイアウト */
	.xo-event-calendar .xo-months {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
	}

	/* 各カレンダー月のサイズ設定 */
	.xo-event-calendar .xo-month-wrap {
    flex: 1;
    min-width: 100px;
    max-width: 100px;
    padding: 0px;
    background: #fff;
	}

	/* テーブルの調整 */
	.xo-event-calendar .xo-month-wrap table {
    width: 100%;
    border-collapse: collapse;
	}

	.xo-event-calendar .xo-month-wrap th,
	.xo-event-calendar .xo-month-wrap td {
    padding: 8px 4px;
    text-align: center;
    font-size: 10px;
	}

	/* レスポンシブ対応 */
	@media (max-width: 1024px) {
    .xo-event-calendar .xo-month-wrap {
      max-width: calc(30% - 10px);
    }
	}

	@media (max-width: 768px) {
    .xo-event-calendar .xo-months {
      flex-direction: column;
    }

    .xo-event-calendar .xo-month-wrap {
      max-width: 100%;
    }
		.xo-month-wrap {
			margin: 0 auto;
			width: 80%;
		}
	}

	/* カレンダー全体のサイズを小さくする */
	.xo-event-calendar .xo-month-wrap {
    flex: 1;
    max-width: 225px;
    padding: 5px;
    background: #fff;
	}

	/* テーブルのセルサイズ調整 */
	.xo-event-calendar .xo-month-wrap table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
	}

	.xo-event-calendar .xo-month-wrap th,
	.xo-event-calendar .xo-month-wrap td {
    padding: 6px 2px;
    text-align: center;
    font-size: 12px;
	}

	/* カレンダーのタイトル（月の表示）を小さくする */
	.xo-event-calendar .xo-month-wrap .xo-month-caption {
    font-size: 14px;
    margin-bottom: 8px;
	}

	/* イベントのテキスト */
	.xo-event-calendar .xo-month-wrap a {
    font-size: 11px;
	}

	/* ギャップを減らす */
	.xo-event-calendar .xo-months {
    gap: 5px;
	}

	/* レスポンシブ対応 */
	@media (max-width: 1024px) {
    .xo-event-calendar .xo-month-wrap {
      max-width: calc(30% - 8px);
    }
	}

	@media (max-width: 768px) {
    .xo-event-calendar .xo-months {
      flex-direction: column;
    }

    .xo-event-calendar .xo-month-wrap {
      max-width: 100%;
    }
	}

	/* 投稿記事の修正 */
	.wp-show-posts-entry-header h2 {
		font-size : 14px;
		color : #f2a93c;
		padding : 0px;
		margin : 0px !important;
	}
	.wp-show-posts-entry-header {
		padding : 0px !important;
		margin: 0px !important;
	}
	.wp-show-posts-entry-title{
		font-size: 14px !important;
		padding : 5px !improtant;
		margin : 0px !improtant;
    pointer-events: none;
    text-decoration: none;
    color: #f2a93c !important;
  }
	.wp-show-posts-entry-title h2 {
		padding : 0px !important;
		margin : 0px !improtant;
	}
	.wp-show-posts-entry-header a:link {
		color : #f2a93c;
	}
	.wp-show-posts-entry-header a:visited {
		color : #f2a93c;
	}
	.wp-show-posts-entry-header a:hover {
		color : #f2a93c;
	}
	.wp-show-posts-entry-header a:active {
		color : #f2a93c;
	}
	.wp-show-posts-entry-meta {
		display: none;
	}
	.wp-show-posts-entry-content {
		font-size: 12px;
		padding : 0px 0px 0px 15px;
	}

	/* カレンダー調整 */
	.month-header {
		background-color: #ddeef2;
		border : 1px solid #cccccc ;
		padding : 0px;
		margin: 0px !important;
	}
	.xo-month {
		padding : 0px;
		margin: 0px;
	}
	/* 下半分（month-event-space）を非表示 */
	.xo-event-calendar .month-event-space {
    display: none;
	}

	/* 上半分（month-dayname-space）の高さを2倍に */
	.xo-event-calendar .month-dayname-space {
    height: 30px !important; /* 元々の高さが50px程度なら、100pxに設定 */
	}
	/* 注釈は非表示 */
	.holiday-titles {
		display: none;
	}
	.rem_bd {
		width : 40px;
		text-align: center;
		border : 1px solid #cccccc !important;
	}
	.rem_os_h {
		width : 40px;
		text-align: center;
		background-color: #beec8b;
		border : 1px solid #cccccc !important;
	}
	.rem_h {
		width : 40px;
		text-align: center;
		background-color: #f1c4c3;
		border : 1px solid #cccccc !important;
	}
	.rem {
		width: 100px;
	}

	/* Q and Aページ */
	.ui-accordion-header {
		font-size: 15px !important;
	}
	.ui-accordion-content {
		font-size: 15px !important;
	}
	/* テーブル修正 */
	.barcode_price_table {
		border : 1px solid #cccccc !important;

	}
	/* 一部h2修正 */
	.article h2 {
		padding : 5px;
	}

	/* 全国流通販売ページ内ののテーブル */
	.dis_table1 {
		background-color: #f1D060;
	}
	.dis_table2 {
		border:1px solid #000000 !important;
		border : 0px !important;
	}
	.dis_table3 {
		background-color: #888888;
		border : 0px !important;
	}
	.dis_title {
		color: #666666 !important;
	}

	/* ダウンロード販売ページ内ののテーブル */
	.down_table1 {
		background-color: #539c7c;
		border : 0px !important;
	}

	/* 商品ページの画像位置修正 */
	.top_show_block {
  	display: flex;
  	gap: 20px;
	}
	@media (max-width: 768px) {
  	.top_show_block {
    	flex-direction: column-reverse;
  	}
	}

	.none_border_table {

		border : 0px !important;
		background-color: #ffffff !important:
	}

	/* margin-bottomの修正 */
	img {
		margin-bottom : 0px !important;
	}
	.xo-event-calendar {
		margin-bottom : 5px !important;
	}
	.wp-show-posts-single {
		margin-bottom: 5px !important;
	}
	.top_plan_img {
		margin-bottom: 10px !important;
	}

	hr {
		margin-bottom: 0px !important;
	}

	/* メニューのプランのリンク修正 */
	.menu_plan_link {
		padding: 0px 0px 0px 5px !important;
		margin: 0px;
	}

	/* 入稿フォームの説明文 */
	.upload_form_exp {
		font-size: 12px;
	}
	/* h2タグの修正 */
	h2 {
		margin-bottom: 5px !important;
	}

/* テーブルにボーダーをつける */
.border_table1 {
		border : 1px solid #666666 !important;
		vertical-align:middle;
	}

/* マージンなしのテーブル */
.no_margin_table {
		margin-bottom: 0px !important;
	}

/* oder.html専用：スマホでフォームレイアウトを変更 */
@media (max-width: 1023px) {
  /* 親要素の幅を100%に */
  .form,
  .wpcf7,
  .wpcf7-form {
    width: 100% !important;
    max-width: 100% !important;
    padding: 6px 10px 0px 10px !important;
    box-sizing: border-box;
  }

  .mobile_form_table {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    table-layout: fixed !important;
  }

  .mobile_form_table tbody,
  .mobile_form_table thead,
  .mobile_form_table tfoot {
    display: block;
    width: 100% !important;
  }

  .mobile_form_table tr {
    display: block;
    width: 100% !important;
  }

  .mobile_form_table th,
  .mobile_form_table td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    max-width: 100%;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  /* クラスの固定幅を上書き */
  .mobile_form_table .sub_check_title,
  .mobile_form_table .sub_check_con,
  .mobile_form_table .sub_table,
  .mobile_form_table .sub_table2,
  .mobile_form_table .sub_table3,
  .mobile_form_table .sub_table4 {
    width: 100% !important;
  }

  /* 空行（br行）は非表示 */
  .mobile_form_table tr:has(> td:only-child > br) {
    display: none;
  }

  /* thはpadding調整 */
  .mobile_form_table th {
    padding: 10px;
  }

  /* tdはpaddingを増やして見やすく */
  .mobile_form_table td {
    padding: 10px;
  }

  /* フォーム要素の幅を100%に */
  .mobile_form_table select,
  .mobile_form_table input[type="text"],
  .mobile_form_table input[type="email"],
  .mobile_form_table input[type="tel"],
  .mobile_form_table textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Contact Form 7のラッパー要素も100%に */
  .mobile_form_table .wpcf7-form-control-wrap {
    width: 100% !important;
    display: block !important;
  }

  /* ラジオボタンとチェックボックスは除外 */
  .mobile_form_table input[type="radio"],
  .mobile_form_table input[type="checkbox"] {
    width: auto !important;
  }
}

/* 支払いページのh2修正 */
.payment_h2 {
		background-color: #7d8fab !important;
		font-size: 18px !important;
	}

/* 全国流通販売ページのタイトル */
.distri_title_table {
		background-color: #f7ce46;
	}
.distri_title_table2 {
		background-color: #888888;
	}

	/* メニューの改行の調整 */
	.menu_style {
		line-height: 22px !important;
	}


