@charset "utf-8";

/* ����
----------------------------------------------------------- */
#mainVisual h2 {
	max-width: 1024px;
	padding-top: 16px;
	margin: 0 auto;
	text-align: center;
}

#specialNavi {
	width: 90%;
	max-width: 1024px;
	height: auto;
	margin: auto;
}

#specialNavi ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 24px;
	gap: 12px;
}

#specialNavi ul li {
	/*width: 192px;*/
	/*height: 53px;*/
	/*width: calc((100% - 48px) / 5);*/
	float: left;
	/*margin-right: 5px;*/
}

#specialNavi ul li a {
	display: block;
	/*width: 192px;*/
	padding: 8px 24px;
	/*height: 53px;*/
	/*text-indent: -9999px;*/
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 12px;
	font-weight: 700;
	color: #222;
	text-align: left;
	font-size: 12px;
	text-decoration: none;
}

.section.special {
	padding: 0 24px 24px;
}

.choco #breadcrumb , .bttf #breadcrumb , .cotton #breadcrumb {
	margin-bottom: 15px !important;
}

.btn_list_all {
	position: absolute;
	top: 5px;
	right: 0;
}
.btn_list_all img{
	border: none !important;
}

/*.choco #contents , .cotton #contents , .bttf #contents{*/
/*	padding-top: 0;*/
/*}*/
/* 「しあわせへのチョコレート」プロジェクト特設サイト
----------------------------------------------------------- */
/*.choco {*/
/*	background: url(../img/choco/bg_choco_main.gif) repeat;*/
/*}*/

.choco a {
	color: #b93a37;
	text-decoration: underline;
}

.choco a:hover {
	color: #b93a37;
	text-decoration: none;
}

/*.choco #mainVisual {*/
/*	background: url(../img/choco/bg_choco_top.gif) repeat;*/
/*}*/

/*.choco #homeContainer {*/
/*	background: url(../img/choco/bg_choco_visual.png) no-repeat center top;*/
/*}*/

/*.choco #contents {*/
/*	background: url(../img/choco/bg_content.png) top center repeat-y;*/
/*	padding-top: 20px;*/
/*	position: relative;*/
/*}*/

.choco #specialNavi {
	/*background: url(../img/choco/bg_choco_menu.png) no-repeat center top;*/
	/*position: absolute;*/
	/*top: -88px;*/
	/*margin-left: -30px;*/
}

.choco #specialNavi ul li a {
	background: #975341;
	color: #fff;
}

/*.choco #specialNavi ul li.snav_01 {*/
/*	background: url(../img/choco/snav_01.gif) no-repeat;*/
/*}*/

/*.choco #specialNavi ul li.snav_02 {*/
/*	background: url(../img/choco/snav_02.gif) no-repeat;*/
/*}*/

/*.choco #specialNavi ul li.snav_03 {*/
/*	background: url(../img/choco/snav_03.gif) no-repeat;*/
/*}*/

/*.choco #specialNavi ul li.snav_04 {*/
/*	background: url(../img/choco/snav_04.gif) no-repeat;*/
/*}*/

/*.choco #specialNavi ul li.snav_05 {*/
/*	background: url(../img/choco/snav_05.gif) no-repeat;*/
/*}*/

.choco #greeting {
	color: #c8684f;
	padding: 24px;
}

.choco #greeting h3 {
	background: none;
	margin-bottom: 10px;
	margin-top: 5px;
}
.choco #greeting p{
	width: 100%;
}

.choco #hotNews {
	padding: 24px;
}

.choco #hotNews .newsList {
	margin: 0!important;
}

.choco .newsList dt {
	background: #967465;
}

.choco #hotEvent {
	padding: 24px;
}

.choco .eventList dt {
	color: #7a6b64;
	background: #fff5d7;
	width: 95px;
}

.choco .eventList dl {
	padding: 24px;
}

.choco #contents h2{
	/*background: none;*/
	/*font-family: serif;*/
	/*padding: 0;*/
	/*margin: 0 0 20px;*/
	/*border-bottom: 1px solid #BF9D95;*/
	/*font-size: 20px;*/
	border-top-color: #975341;
}
/*.choco #contents h2:after{*/
/*	content: url(../img/choco/choco_icon01.gif);*/
/*}*/
.choco h3 {
	/*background:url(../img/choco/bg_subttl.gif) left 1px repeat-x;*/
	font-family: serif;
	font-weight: bold;
	color: #9D4B36;
	font-size: 18px;
	border: none;
} 
.choco h3.btm30 {
	background: none;
	margin-bottom: 30px;
}

.choco h3 span {
	/*background: #fffaea;*/
}

.choco #aceMorinaga {
	padding: 24px;
}

#aceMorinaga .left {
	float: left;
	width: 100%;
	max-width: 430px;
}

#aceMorinaga .left img {
	padding-top: 15px;
}

#aceMorinaga .right {
	float: right;
	width: 206px;
}

.choco #contentsBtm {
	background:url(../img/choco/bg_content_btm.png) top center no-repeat;
	height: 20px;
	padding-bottom: 10px;
}

.choco #pagetop {
	background: none;
}

.choco .section h4 {
	/*background: url(../img/choco/bg_h4.gif) bottom repeat-x #FFFAEA;*/
	background: url(../img/choco/bg_h4.gif) bottom repeat-x #fff;
	height: 30px;
	margin-bottom: 20px;
	color: #803C2B;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}
.choco .section table h4 {
	background-color: transparent;
}
.choco .section table th{
	background-color: #FEF6DB;
}
.choco .section table td{
	background-color: #FFFDF4
}
.choco .section p span.arw {
	text-align: right;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}

.choco .section p span.arw a {
	padding-left: 15px;
	background: url(../img/choco/arw.gif) left no-repeat;
}

/* 「コットンのやさしい気持ち」プロジェクト
----------------------------------------------------------- */
.cotton {
	
}

.cotton a {
	color: #b93a37;
	text-decoration: underline;
}

.cotton a:hover {
	color: #b93a37;
	text-decoration: none;
}

.cotton #mainVisual {
	background: none;
	height: auto;
}

.cotton #homeContainer {
	background: none;
}

.cotton #specialNavi {
	/*background: url(../img/cotton/bg_content_head.png) no-repeat center top;*/
	margin: 0 auto;
	/*height: 90px;*/
}

.cotton #specialNavi ul li a {
	background: #246B39;
	color: #fff;
}

/*.cotton #specialNavi ul {*/
/*	padding-top: 27px;*/
/*}*/

/*.cotton #specialNavi ul li.snav_01 {*/
/*	background: url(../img/cotton/snav_01.gif) no-repeat;*/
/*}*/

/*.cotton #specialNavi ul li.snav_02 {*/
/*	background: url(../img/cotton/snav_02.gif) no-repeat;*/
/*}*/

/*.cotton #specialNavi ul li.snav_03 {*/
/*	background: url(../img/cotton/snav_03.gif) no-repeat;*/
/*}*/

/*.cotton #specialNavi ul li.snav_04 {*/
/*	background: url(../img/cotton/snav_04.gif) no-repeat;*/
/*}*/

/*.cotton #specialNavi ul li.snav_05 {*/
/*	background: url(../img/cotton/snav_05.gif) no-repeat;*/
/*}*/

.cotton #greeting {
	color: #80867b;
	padding: 24px;
	position: relative;
}

.cotton #greeting h3 {
	background: none;
	margin-top: 0;
	margin-bottom: 15px;
	border: none;	
}

.cotton #greeting p {
	padding-bottom: 20px;
}

.cotton #greeting img.photo {
	position: absolute;
	right: 10px;
	top: 0px;
}

.cotton #cottontowel {
	overflow: hidden;
	margin-bottom: 30px;	
}

.cotton #cottontowel img{
	float: left;
	margin-right: 10px;
}

.cotton #cottontowel h3 img{
	float: none;
}

.cotton #hotNews {
	padding: 24px;
}

.cotton .newsList dt {
	background: #6ead50;
}

.cotton #hotNews .newsList {
	margin: 0!important;
}

.cotton #hotEvent {
	padding: 24px;
}

.cotton .eventList dt {
	color: #7a6b64;
	background: #ebf5e6;
	width: 95px;
}

.cotton .eventList dl {
	padding: 24px;
}

#userVoice p{
	padding: 20px 30px 25px 30px;
	background: url(../img/cotton/bg_cotton.gif) no-repeat bottom;
	width: 610px;
	border-top: 5px solid #f5f1e9;
	margin-bottom: 10px;
}

#userVoice p span.name {
	color: #5d9d70;
	font-weight: bold;
	text-align: right;
	display: block;
	padding-top: 20px;
}

#orderBnr {
	text-align: center;
	padding-top: 20px;
}

.cotton #pagetop {
	background: none;
}
.cotton #contents h2{
	color: #246B39;
	/*font-weight: normal;*/
	/*background: none;*/
	/*padding: 0;*/
	/*margin: 0 0 20px;*/
	/*border-bottom: 1px solid #BF9D95;*/
	font-size: 22px;
}
.cotton h3 {
	/*background:url(../img/common/bg_subttl.gif) left 16px repeat-x;*/
	color: #246B39;
	font-weight: normal;
	font-size: 18px;
	border: none;
}
.cotton h4 {
	background: none;
	color: #246B39;
	font-weight: normal;
	font-size: 16px;
}
.cotton h5 {
	color: #246B39;
}


/* BAG TO THE FUTUREキャンペーン特設サイト
----------------------------------------------------------- */
/*.bttf {*/
/*	background: url(../img/bttf/bg_bttf_main.gif) repeat;*/
/*}*/

.bttf a {
	color: #e07090;
	text-decoration: underline;
}

.bttf .newsList a {
	text-decoration: none;
}

.bttf a:hover {
	color: #e07090;
	text-decoration: none;
}

.bttf #mainVisual {
	background: none;
	height: auto;
}

.bttf #homeContainer {
	background: none;
}

.bttf #specialNavi {
	/*background: url(../img/cotton/bg_content_head.png) no-repeat center top;*/
	margin: 0 auto;
	/*height: 90px;*/
}

/*.bttf #specialNavi ul {*/
/*	padding-top: 27px;*/
/*}*/

.bttf #specialNavi ul li a {
	background: #edead4;
}

.bttf #specialNavi ul li.snav_01 {
	/*background: url(../img/bttf/snav_01.gif) no-repeat;*/
}

.bttf #specialNavi ul li.snav_02 {
	/*background: url(../img/bttf/snav_03.gif) no-repeat;*/
}

.bttf #specialNavi ul li.snav_03 {

	/*background: url(../img/bttf/snav_02.gif) no-repeat;	*/
}

.bttf #specialNavi ul li.snav_04 {
	/*background: url(../img/bttf/snav_04.gif) no-repeat;*/
}

.bttf #specialNavi ul li.snav_05 {
	/*background: url(../img/bttf/snav_05.gif) no-repeat;*/
}
.bttf #article{
	padding-top: 0;	
}

.bttf #greeting {
	color: #505050;
	padding-bottom: 30px;
	padding-top: 10px;
}
.bttf #greeting p{
	width: 670px;
}
.bttf #greeting h3 {
	background: none;
	margin-bottom: 15px;
	border: none;	
}

.bttf .newsList dt {
	background: #c8cf4c;
}

.bttf .eventList dt {
	color: #7a6b64;
	background: #f1f498;
	width: 95px;
}

#specialSupporters {
	background-color: #fdf6f8;
	padding: 30px;
	width: 610px;
}

#specialSupporters h3 {
	background: none;
}
#specialSupporters h3 span{
	background: transparent;
}

#specialSupporters p {
	float: left;
	width: 370px;
	padding: 5px 0 0 5px;
	margin-bottom: 0;
}

#specialSupporters p span {
	font-weight: bold;
	font-size: 14px;
}

#specialSupporters img.supporter {
	display: block;
	float: right;
	padding-top: 5px;
}

.bttf #pagetop {
	background: none;
}
.bttf #contents h2{
	border-top: 12px solid #edead4;
	/*color: #5C584B;*/
	/*font-weight: normal;*/
	/*background: none;*/
	/*padding: 0;*/
	/*margin: 0 0 20px;*/
	/*border-bottom: 1px solid #BF9D95;*/
	/*font-size: 22px;*/
}
.bttf h3 {
	/*background:url(../img/common/bg_subttl.gif) left 16px repeat-x;*/
	color: #5C584B;
	font-weight: normal;
	font-size: 18px;
	border: none;	
}
.bttf h4 {
	color: #5C584B;
	font-weight: bold;
	font-size: 16px;
	background: none;
}
.bttf h5 {
	color: #5C584B;
}


/* 「そのこ」の未来キャンペーン特設サイト
----------------------------------------------------------- */
.sonoko {
	/*background: url(../img/sonoko/bg_sonoko_main.gif) repeat;*/
}

.sonoko a {
	color: #e07090;
	text-decoration: underline;
}

.sonoko a:hover {
	color: #e07090;
	text-decoration: none;
}

.sonoko #mainVisual {
	background: none;
	height: auto;
}

.sonoko #homeContainer {
	background: none;
}

.sonoko #specialNavi {
	/*background: url(../img/cotton/bg_content_head.png) no-repeat center top;*/
	margin: 0 auto;
	/*height: 90px;*/
}

.sonoko #specialNavi ul {
	/*padding-top: 27px;*/
}

.sonoko #specialNavi ul li a {
	background: #b93a37;
	color: #fff;
}

/*.sonoko #specialNavi ul li.snav_01 {*/
/*	background: url(../img/sonoko/snav_01.gif) no-repeat;*/
/*}*/

/*.sonoko #specialNavi ul li.snav_02 {*/
/*	background: url(../img/sonoko/snav_03.gif) no-repeat;*/
/*}*/

/*.sonoko #specialNavi ul li.snav_03 {*/

/*	background: url(../img/sonoko/snav_02.gif) no-repeat;	*/
/*}*/

/*.sonoko #specialNavi ul li.snav_04 {*/
/*	background: url(../img/sonoko/snav_04.gif) no-repeat;*/
/*}*/

/*.sonoko #specialNavi ul li.snav_05 {*/
/*	background: url(../img/sonoko/snav_05.gif) no-repeat;*/
/*}*/
.sonoko #article{
	padding-top: 0;
	width: 100%;
}

.sonoko #greeting {
	color: #505050;
	padding-bottom: 30px;
	padding-top: 10px;
}
.sonoko #greeting p{
	width: 670px;
}
.sonoko #greeting h3 {
	background: none;
	margin-bottom: 15px;
	border: none;	
}

.sonoko .newsList dt {
	background: #c8cf4c;
}

.sonoko .eventList dt {
	color: #7a6b64;
	background: #f1f498;
	width: 95px;
}

#specialSupporters {
	background-color: #fdf6f8;
	padding: 30px;
	width: 610px;
}

#specialSupporters h3 {
	background: none;
}
#specialSupporters h3 span{
	background: transparent;
}

#specialSupporters p {
	float: left;
	width: 370px;
	padding: 5px 0 0 5px;
	margin-bottom: 0;
}

#specialSupporters p span {
	font-weight: bold;
	font-size: 14px;
}

#specialSupporters img.supporter {
	display: block;
	float: right;
	padding-top: 5px;
}

.sonoko #pagetop {
	background: none;
}
.sonoko #contents h2{
	/*color: #5C584B;*/
	/*font-weight: normal;*/
	/*background: none;*/
	/*padding: 0;*/
	/*margin: 0 0 20px;*/
	/*border-bottom: 1px solid #BF9D95;*/
	border-top: 12px solid #b93a37;
	font-size: 22px;
}

.sonoko #contents .section h2 {
	margin: 0 -24px 16px;
	border-radius: 0;
}

.sonoko h3 {
	background:url(../img/common/bg_subttl.gif) left 16px repeat-x;
	color: #246B39;
	font-weight: bold; 
	font-size: 18px;
	border: none;	
}

.sonoko h4 {
	background: none;
	color: #246B39;
	font-weight: normal;
	font-size: 16px;
}
.sonoko h5 {
	color: #246B39;
}

/* 代表ブログ
----------------------------------------------------------*/
.daihyo{
	/*background: url(../img/daihyo/bg.gif);*/
	position: relative;
	color: #5f6670;
}
#wrapper .daihyo #breadcrumb{
	margin-bottom: 10px;
}
.daihyo .visualWrap{
	/*height: 250px;*/
	height: 300px;
	background: url(../img/daihyo/daihyoblog.jpeg);
	background-position: center;
	background-size: cover;
}
.daihyo #homeContainer{
	/*background:url(../img/daihyo/contentshed.png) center top no-repeat;*/
	/*padding-top: 20px;*/
	/*margin-top: -70px;	*/
}
.daihyo #contents{
	/*background: url(../img/daihyo/contents.png) repeat-y;*/
}

.daihyo #sidebar {
	padding-top: 24px;
}

.daihyo #article .post:last-child {
	background-image: none;
}

/*.daihyo #article > * {*/
/*	padding: 24px;*/
/*}*/

.daihyo #contentsBtm{
	background: url(../img/daihyo/bg_contents_bottom.png) no-repeat;
}
.daihyo h1{
	/*background: url(../img/daihyo/h1_bg.png) no-repeat center top;*/
	height: 645px;
	text-indent: -9999px;
	background-size: contain;
}
.daihyo h3{
	border-bottom: none;
	margin: 0;
	color: #b93a37;
}
.daihyo h3 a{
	font-size: 20px;
	margin: 0;
	font-weight: bold;
	color: #b93a37;
}
.daihyo h4{
	font-size: 14px;
	margin-bottom: 10px;
}
.daihyo .post{
	background: url(../img/daihyo/dotto.gif) repeat-x center bottom;
	padding: 24px;
	/*margin-bottom: 25px;*/
}
.daihyo .post p{
	margin-bottom: 0;
}
.daihyo #article h2{
	background-image: none;
	color: #b93a37;
	line-height: 1;
	margin-bottom: 30px;
	border-bottom: 1px solid #dceffb;
	border-top: 0;
	padding: 0 24px 12px;
}
.daihyo .pageinfo{
	font-size: 10px;
	/*padding: 24px 0 0;*/
	margin-bottom: 20px;
}

.single-blog .daihyo .pageinfo{
	padding: 24px 24px 0;
}

.daihyo .pageinfo .cat{
	color: #84b9f4;
	float: left;
	margin-right: 10px;
	padding: 0 10px;
	border: 1px solid #84b9f4;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(../js/pie/PIE.htc);	
}
.daihyo .pageinfo .date{
	font-size: 12px;
}
.daihyo .pageinfo p{
	margin-bottom: 0;
}
.daihyo #introText{
	border-bottom: 1px solid #dceffb;
	padding: 24px;
	margin-bottom: 0;

}
.daihyo .textwidget{
	font-size: 12px;
}

.daihyo .textwidget img{
	width: 100%;
	max-width: 262px;
	/*float: left;*/
	margin-bottom: 1em;
}
.daihyo .textwidget .prof{
	/*margin-left: 130px;*/
	font-size: 14px;
}
.daihyo .textwidget ul li{
	clear: left;
	padding-left: 10px;
	background: url(../img/common/list_head_type1.gif) no-repeat 0 3px;
}
.daihyo .works{
	margin: 17px 0;
	padding: 17px 0;
	border-top: 1px solid #dceffb;
	border-bottom: 1px solid #dceffb;	
}
.daihyo #sidebar #cat , .daihyo #sidebar #archives{
	margin: 30px 0;
	
}
.daihyo #sidebar #cat li , .daihyo #sidebar #archives li{
	padding-left: 16px;
	background: url(../img/common/arrow_sidemenu.gif) no-repeat 0 6px;
}

/* ページネーション全体のスタイル */
.daihyo .pagination {
    display: flex;
    justify-content: center; /* 中央揃え */
    align-items: center;
    margin: 20px 0; /* 上下にスペースを確保 */
    font-size: 16px;
}

/* ページネーションの各リンク */
.daihyo .pagination a, .pagination span {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    border-radius: 5px; /* 角を丸く */
    text-decoration: none;
    background-color: #f1f1f1; /* 背景色を薄いグレーに */
    color: #333; /* テキストは暗いグレー */
    transition: background-color 0.3s, color 0.3s; /* なめらかなホバー効果 */
}

/* 現在のページ */
.daihyo .pagination .current {
    background-color: #333; /* 現在のページは暗い色 */
    color: #fff; /* 白い文字 */
    font-weight: bold; /* 強調 */
    pointer-events: none; /* クリック不可にする */
}

/* ホバー時のリンク */
.daihyo .pagination a:hover {
    background-color: #333; /* ホバー時に背景色を変える */
    color: #fff; /* ホバー時にテキストを白に */
}

/* 前へ・次へリンク */
.daihyo .pagination .prev, .pagination .next {
    font-weight: bold; /* 前へ・次へを太字 */
    color: #333;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
    .daihyo .pagination a, .pagination span {
        padding: 8px 10px; /* スマホでは少し小さく */
        font-size: 14px; /* フォントサイズも小さく */
    }
}

/* 代表ブログ レスポンシブ
----------------------------------------------------------*/
@media screen and (max-width: 430px) {
	.daihyo .pageinfo .cat {
		width: fit-content;
		float: none;
	}
}

/* 東京マラソンページ
----------------------------------------------------------*/
.tokyo #article {
	width: 100%;
}

.tokyo #attachment_349490 img {
	width: auto!important;
}

/* ランディング
----------------------------------------------------------*/
#contents.landing #article{
	width: 100%;
}

#contents.landing img{
	width: 100%;
	height: auto;
}