@charset "utf-8";

/*----------------------------------
フォント読み込み
----------------------------------*/
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(./fonts/NotoSerifCJKjp-Light.otf) format('opentype');}


/*----------------------------------
イメージロールオーバー
----------------------------------*/
body a:hover img{
	opacity: 0.8;}
	
	
#recommend_gallery a:hover img{/** index　メインビジュアルロールオーバーなし　**/
	opacity: 1.0;
	cursor: default;}


/*----------------------------------
テキストリンク
----------------------------------*/
a, a:visited {
    color: #001e43;}

a:hover {
    color: #003f8e;}

/** トップページ戻り・ページ送り **/
.page_navi p.back a{
	background:#c0a2c7;
	color:#333;}
	
.page_navi p.back a:hover{
	background:#895b8a;
	color:#fff;}

.page_navi span.current {
    background:#493759;}

.page_navi a:hover{
    background:#895b8a;}

/*----------------------------------
全体背景
----------------------------------*/
body {
	background: #fff;
	letter-spacing:0.05rem;
	font-family:"Lato","Helvetica Neue",Helvetica,Arial,Yu Gothic,"游ゴシック","游ゴシック体","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;}

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

body {
	background:url(./img/ph_back.jpg) no-repeat;}

/*　ヘッダーの柄のため調整　*/
#index_top {
    margin-top: 0;}
}
	
#logo img{
	margin:22px 0 0 0;
	width:60%;}


p{
    margin: 0;
	padding:0;
    line-height:1.6;}






/*----------------------------------
サイト説明文部分
----------------------------------*/
#desc_wrap {
	letter-spacing:0.15rem;
	background: -webkit-linear-gradient(top, rgba(137, 91, 138, 0.3), rgba(137, 91, 138, 1.0));
	background: linear-gradient(0deg, rgba(137, 91, 138, 0.3), rgba(137, 91, 138, 1.0));}  

#site_description {
    color: #fff;
	font-weight:normal;}





/*----------------------------------
ヘッダロゴ背景
----------------------------------*/
#header_wrap {
	background:url(./img/uroko100.png),linear-gradient(to bottom, #FEF5F8 0%,#DFD9F9 100%);}



/*----------------------------------
サイト説明文部分
----------------------------------*/
/*　電話番号・お問い合わせ　*/
.header_banner .banner_row .barb_text_banner {
	font-size:16px;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;}

.header_banner .banner_row {
    margin-top: 0px;
    width: 335px;}

.header_banner .banner_row .barb_text_banner span {
    letter-spacing:0.1rem;}	

.header_banner .banner_row .barb_text_banner .fa {
    margin-right: 0.15em;}

/**** 住所　文字間 ****/	
.textwidget{
	letter-spacing:0.1rem;}



@media screen and (max-width: 640px) {
/*　電話番号・お問い合わせ　矩形　*/
.header_banner > div {
	font-size:14px;
	letter-spacing:0.1rem;
    margin:10px 0 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;}

/*　電話番号・お問い合わせリンク　*/
.header_banner > div a{
	text-decoration:none;}


/*　住所テキスト　*/
.textwidget{
	line-height:1.5;
	padding:0 0 15px 0;}


}


/*----------------------------------
グローバルメニュー
----------------------------------*/
#menu_wrap {
	background:#c0a2c7;
	border-color: #E8DDEA;
	letter-spacing:0.1rem;
	font-family: 'Noto Serif Japanese', serif;}

#global_menu li a {
    border-left: 1px solid #fff;
	background:#c0a2c7;
	font-size: 15px;
	color: #522f60;}

#global_menu li a:hover {
    background: #895b8a;
	color: #fff;}


/****** メニュー横の文字 WP対応済み　カラーのみ設定　*******/

/*@media only screen and (min-width: 641px) {
.title_text{
	display:none;}

}
*/

@media screen and (max-width: 640px) {
.title_text{
	/*padding:10px 0 0 15px;
	float:left;*/
	letter-spacing:0.1rem;
	color:#E8E1EC;
	/*font-size:12px;
	display:block;*/}


/**** 折りたたみメニュー ****/
#header{
	min-height: 40px;
	padding:7px 0 0 0;
	background:#895b8a url(./img/uroko20.png)}
	

#menu_fit{
	margin:40px 0 0 0;}


/**** メニューボタン ****/
#header a.menu_button {
    padding: 10px;
    line-height:1;
	color: #fff;
	border: 1px solid #fff;
	font-weight:bold;
	background:#895b8a;}

#header a.menu_button:hover,
#header a.menu_button:active {
	background:#895b8a;
	opacity: 1.0;
    box-shadow:none;}



/**** グローバルメニュー ****/
#global_menu {
    margin-top: 40px;
	top: 0;}

#global_menu li a {
	border-left: none;/*白線消し*/
	font-weight:bold;
	border-color: #fff;}

}

/*----------------------------------
サムネイル横　テキスト(下層関連情報も含む)
----------------------------------*/
#post_list .info {
    width: 365px;
    margin:0;}

#related_post .info{
	font-size:12px;}
	
#related_post li .title {
    margin-bottom:5px;}

#post_list li,
#featured_post .post1,
#featured_post ul.post2 {
    border-bottom: 1px dotted #999;}


#recent_post .info .excerpt {/*トップ季節商品テキスト*/
    margin: 0 15px;
	text-align:justify;}


#post_list .excerpt,/*下層　季節商品　一覧テキスト*/
#featured_post .post1 .excerpt {/*トップ　栄久堂吉宗の銘菓　テキスト*/
    padding-right: 0;}




@media screen and (min-width: 641px) {/**  PC ***/
#recent_post .title {
    font-size: 14px;
    border-top: none;
    padding: 0 0 0 0;}
}

@media screen and (max-width: 640px) {
#post_list .info {
    width:100%;}

#main_col #recent_post li,
#related_post li{
    border-bottom: 1px dotted #999;
	margin: 0;}

#main_col #recent_post .title {
    border-top: none;
	font-size:16px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;}

#recent_post .info,
#featured_post ul.post2 li .info,
#related_post .info{
    width: 62%;
    float: right;
    margin: 0 5px 0 0;
	line-height:1.6;
	font-size:12px;}

#recent_post .info .excerpt {
    margin: 0 10px 0 0;}

}


/*----------------------------------
今月のおすすめ
----------------------------------*/
#index_pickup {
    background:#F7E8EB;}

#index_pickup .headline1{
    background:#c97586;
	font-size: 16px;
    color: #fff;
	font-family: 'Noto Serif Japanese', serif;
	font-weight:normal;}



/*----------------------------------
お知らせ
----------------------------------*/
#contents .text_recent_post .post_list li,
#contents .text_recent_post .post_list li:not(:last-child){
    border-bottom: 1px dotted #B19492;}


@media screen and (max-width: 640px) {
#contents .text_recent_post .post_list li{
	padding: 5px 0;}


#contents .text_recent_post .list_date {/*日付*/
    margin-left: 8px;
	line-height:1.0}

#contents .text_recent_post .list_title {/*タイトル*/
    margin-left: 5px;
	line-height:1.0}
}


/*----------------------------------
ページタイトルヘッダー　※下層も含む
----------------------------------*/
#main_col .headline1,
.headline2,
.headline3{
    background:#fff;
	font-size: 18px;
	letter-spacing:0.1rem;
    color: #2b2b2b;
	font-family: 'Noto Serif Japanese', serif;}


.headline3{
	margin-top:50px;}

#main_col .headline1,
.headline2{
	border-left:7px solid #D65E46;
	border-bottom:2px solid #ab6953;}


.headline3{
	border-left:7px solid #839B5C;
	border-bottom:2px solid #487766;
	border-top:none;}


@media screen and (max-width: 640px) {
#main_col .headline1,
.headline2,
.headline3{
	border-left:none;/*左線の削除*/}

}



/*----------------------------------
下層ページ調整
----------------------------------*/
#content {
    border: none;
	padding-bottom:0;}/*下層ページブロック　枠ナシ*/


.post img{/*下層　大画像*/
    padding:0 0 10px 0;}

figure.img_full {
	margin: 0;
	padding: 0;
}
figure.img_full img {
	margin-bottom: 10px;
}
/*** お知らせリスト***/
#contents .text_recent_post .post_list li a{
	text-decoration:none;}


#contents .text_recent_post {/***ニュース　お知らせ枠調整**/
    padding: 10px 10px 0 10px;}


@media screen and (max-width: 640px) {
#main_col {
    padding: 20px 0 0 0;}

#content {
	padding-bottom:0;}/*下層ページブロック　bottom調整*/

}

/*----------------------------------
フッダー
----------------------------------*/
#footer_wrap {
   margin:60px 0 0 0;
   background:#c0a2c7;}
   
#footer {
    color: #522f60;}

#footer .footer_logo img {/** フッダーロゴ調整 1 **/
    width: 335px;}

#footer .header_banner{/** フッダーロゴ調整 2 **/
    margin-top:10px;}

.footer_headline {
    background: #001e43;
    color: #ddd;}

#footer_description {
    color: #ddd;}

#footer li a,
#footer li a:visited {
    color: #522f60;
	border-bottom: 1px dotted #493759;}

#footer li a:hover{
    color: #fff;}

#copyright {
    background:#895b8a;
    color: #fff;}

#copyright a {
    color: #fff;}



@media screen and (max-width: 640px) {
#footer_wrap {
   margin:40px 0 0 0;
   padding: 40px 0 25px 0;}
  
#footer .footer_menu_wrap {
    margin-bottom: 20px;
	text-align:center;}

#footer .header_banner{/** フッダーロゴ調整 2 **/
    margin-top:0;}

#footer li {
    line-height:1.6;
    margin: 0 0 10px 0;}

#footer li a{
	border-bottom: 1px dotted #493759;}


}

/* フォームボタン */
.mw_wp_form > form .buttons input {
    background: linear-gradient(to bottom, #00608d 0%, #001e43 100%);
}




/*----------------------------------
固定ページ ヘッダ・コンテンツ間
----------------------------------*/
/*打ち消し*/
.under .post h3{
    line-height:1.8;}

.under h3 {
    -webkit-margin-after:0.8em;}

/*　装　飾　*/
/*.under h3{
    background:#fff;
	font-size: 16px;
	letter-spacing:0.1rem;
    color: #555;
	border-bottom:2px dotted #DA7A7A;}*/

.under h3:after{
	content:"";
	display:block;
	height:2px;
	width:100%;
	background-size: 4px 3px, 100% 3px;
	background-image:
	linear-gradient(90deg, transparent, transparent 50%, #fff 50%, #fff 100%), 
	linear-gradient(90deg, #C93D3D, #EDB689, #C93D3D);}

	
.under h3:before {
	content: "\f13a";
	font-family: FontAwesome;
	color:#DA7A7A;
	padding:0 5px 0 3px;}

.under_contents,
.under_contents_end{
	clear:both;
	overflow:hidden;}
	
.under_contents{
	margin:0 0 50px 0;}

.under_contents_end{
	margin:0;}

.read_txt{
	line-height:1.5;
	margin:0 0 30px 0;}


/*----------------------------------
固定ページ/ご注文の流れ
----------------------------------*/
/**** 連絡先番号 ****/
.left_honten,
.right_shiten{
	width:30%;
	float:left;
	/*text-align:center;*/}

/*.left_honten{
	float:left;}
	
.right_shiten{
	float:right;}*/	
	
.faxlink{
	float:right;}	

p.nofloat{
	padding:15px 0 0 0;
	clear:both;}
	
@media only screen and (max-width:640px) {
.left_honten,
.right_shiten{
	width:100%;
	text-align:left;}

.left_honten{
	float:none;
	padding:0 0 20px 0;}
	
.right_shiten{
	float:none;}

.faxlink{
	margin:10px 0 0 0;}	

}

/******　送料について　******/
/*** table 元スタイル打消し****/
.post table {
	border:none;
	margin:0;}

.post td,
.post th { 
	border:none;
	padding:0;}

.post th { 
   background:#eee;
   font-weight:normal;}


@media only screen and (max-width:480px) {
#order .scroll table {
	width:100%;}

tbody tr{
	display:table-row;/******/
	margin-bottom:0;}

tbody th,
tbody td{
	display: table-cell;
	list-style-type:none;
	border: none; }

}


/*******  テーブル再設定　*******/
.under table {
	width:100%;
	font-size:12px;
	border-collapse:inherit;
	border-spacing:0;
	border-top:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;}

.under table td,
.under table th { 
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	padding:5px 10px;
	white-space: nowrap;}

.under .scroll table td{
	text-align:right;}

.under .scroll table th{
	padding:8px 10px;}
	
.under .scroll table td{
	padding:14px 10px;}


/*******  スクロール設定　*******/
#order .scroll{
	overflow: auto;/*tableをスクロール*/
	white-space: nowrap;/*文字の折り返しを禁止*/}

#order .scroll::-webkit-scrollbar{/*スクロールバーを追加*/
	 height: 5px;}

#order .scroll::-webkit-scrollbar-track{/*スクロールバーを追加*/
	 background: #F1F1F1;}

#order .scroll::-webkit-scrollbar-thumb {/*スクロールバーを追加*/
	 background: #BCBCBC;}


/*****　テーブルレイアウト　*****/
#order .table_wrap{
	margin:15px 0 0 0;
	clear:both;
	overflow:hidden;}

#order .left_kotei{
	float:left;
	width:20%;}
	
#order .left_kotei table th{
	padding:6px 10px 7px 10px;}
	
#order .left_kotei table th.thspace{
	height:39px;
	background:#fff;}

#order .right_scroll_wrap table{
	margin:0 0 5px -2px;}

#order .right_scroll_wrap{
	float:left;
	width:80%;}

@media only screen and (max-width:480px) {
#order .left_kotei table th{
	padding:7px 10px;}

#order .left_kotei table th.thspace{
	height:30px;}

#order .left_kotei{
	width:30%;}
	
#order .right_scroll_wrap{
	width:70%;}

}
#order .flow_order {
	text-align: center;
}
#order .flow_order img {
	max-width: 540px;
	width: 100%;
}
#order .kome {
	text-align: center;
	color: #7a478f;
	font-size: 15px;
	font-weight: bold;
}
#contact .kome {
	text-align: center;
	color: #7a478f;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
}
#contact .kome span {
	color: #D65E46;
}
#contact .to-order {
	text-align: right;
	margin-bottom: 20px;
	font-weight: bold;
}

#contact .to-order a {
	text-decoration: none;
}
#contact .to-order a:hover {
	text-decoration: underline;
}
#order .pdf_fax {
	text-align: center;
	margin-bottom: 10px;
}
#order .faxlink::before,
#order .pdf_fax::before {
    content: "\f1c1";
    font-family: FontAwesome;
    color: #DA7A7A;
    padding: 0 5px 0 3px;
	font-weight: bold;
	font-size: 20px;
}
#order h3 {
	margin-top: 60px;
}
#order .flow_sp img{
	display: none;
}
@media screen and (max-width: 640px) {
	#order figure.flow_order {
		margin: auto 5px;
	}
	#contact .kome, 
	#order .kome {
		font-size: 14px;
	}
}
@media screen and (max-width: 599px) {
	#order .sukima_sp{
		margin-top: 20px;
	}
}
@media only screen and (max-width:480px) {
	#order .flow_pc img {
		display: none;
	}
	#order .flow_sp img{
		display: block;
	}
}
@media only screen and (min-width:510px) ,screen and (max-width:370px){
	#order .kome br {
		display: none;
	}
}
@media only screen and (max-width:430px) {
	#contact .kome br {
		display: none;
	}
}
/******　のしの種類　******/
.noshi_wrap{
	padding:20px 0;
	width:100%;
	clear:both;
	border-bottom:1px dotted #c1c1c1;
	overflow:hidden;}
	
.noshi_wrap .leftimg{
	float:left;
	width:25%;}	

.noshi_wrap .leftimg img{
	border:1px solid #D1D1D1;
	vertical-align: bottom;
	padding:0 0 0 0;/*下層　小画像隙間調整*/}	
	
	
.noshi_wrap .righttxt{
	float:right;
	width:71%;}		

.noshi_wrap .righttxt span{
	display:inline-block;
	padding:0;
	margin:0;}

.noshi_wrap .righttxt span.name{
	font-weight:bold;
	border-bottom:1px solid #999;
	margin:0 0 8px 0;}

.noshi_wrap .righttxt span.youto{
	margin:0 0 5px 0;}


@media only screen and (max-width:640px) {
.noshi_wrap .leftimg{
	width:40%;}	

.noshi_wrap .righttxt{
	width:56%;}

.noshi_wrap .righttxt span{
	font-size:12px;}

}



/******　詰め合わせ箱について　******/
.hako_wrap{
	width:100%;
	clear:both;
	overflow:hidden;
	margin:15px 0 6px 0;}


.hako_wrap .hako_left,
.hako_wrap .hako_right{
	width:49%;}

.hako_wrap .hako_left img,
.hako_wrap .hako_right img{
	vertical-align: bottom;}

.hako_wrap .hako_left{
	float:left;}

.hako_wrap .hako_right{
	float:right;}

.hako_wrap img {
	padding: 0;
}

@media only screen and (max-width:640px) {
.hako_wrap .hako_left,
.hako_wrap .hako_right{
	width:100%;
	float:none;}

.hako_wrap .hako_left{
	margin:0 0 10px 0;}
}



/*----------------------------------
固定ページ/店舗案内
----------------------------------*/
.jinjya img{
	float:left;
	padding:0 15px 15px 0;
	width:50%;
	vertical-align:bottom;}

#tenpo .noshi_wrap .righttxt .brnone{/*住所改行なし*/
	display:none;}

#tenpo .noshi_wrap .s_shiten .brnone{/*住所改行なし*/
	display:none;}

@media only screen and (max-width:640px) {
.jinjya img{
	padding:0 0 10px 0;
	float:none;
	width:100%;}

#tenpo .noshi_wrap .righttxt .brnone{/*住所改行あり*/
	display:block;}

#tenpo .noshi_wrap .s_shiten .brnone{/*住所改行あり*/
	display:block;}

}

/***　MAP ***/
#tenpo iframe{
	margin:0;
	padding:0;
	width:100%;
	height:464px;
	frameborder:0;
	border:0;}

@media only screen and (max-width:640px) {
#tenpo iframe{
	height:300px;
	frameborder:0;}
}



#tenpo table {
	font-size:14px;}

#tenpo table th,
#tenpo table td { 
	padding:10px;
	white-space:normal;
	line-height:1.6;}

#tenpo table th { 
	width:30%;
	font-weight:bold;}



@media only screen and (max-width:640px) {
#tenpo .tokutei table{
	border-top:none;
	border-left:none;}

#tenpo .tokutei table th,
#tenpo .tokutei table td {
	width:100%;
	display:inline-block;
	border-right:none;}

#tenpo .tokutei table th {
	text-align:left;
	border-bottom:1px dotted #CB7685;
	padding:5px 0;
	background:#fff;
	font-weight:bold;}

#tenpo .tokutei table th:before {
	content: "\f00c";
	font-family: FontAwesome;
	color:#CB7685;
	padding:0 5px 0 0;}

#tenpo .tokutei table td {
	border-bottom:none;
	padding:10px 0 20px 0;
	font-size:12px;}

#tenpo .tokutei table td.nospace {
	padding:10px 0 0 0;}

}

#tenpo .s_shiten {
	padding:12px 0 10px 7px;}

#tenpo .s_tit {
	padding-left: 5px;
	color: #D65E46;
	margin-top: 10px;
	/*margin-bottom: -7px;*/}



.info_box{
	line-height: 2;
	padding:15px 5px;
	width:100%;
	clear:both;
	border-top:1px dotted #c1c1c1;
	border-bottom:1px dotted #c1c1c1;
	overflow:hidden;
	margin:25px 0px;}
/*
@media only screen and (max-width:640px) {
.info_box{
	width:100%;}
}*/

.info_txt{
	line-height: 2;
	margin-bottom:20px;}

/*----------------------------------
固定ページ/お菓子づくりのこだわり
----------------------------------*/
.kodawari_wrap{
	padding:20px 0 0 0;
	width:100%;
	clear:both;
	overflow:hidden;}
	
.kodawari_wrap .leftimg{
	float:left;
	width:40%;}	

.kodawari_wrap .leftimg img{
	padding:0 0 0 0;/*下層　小画像隙間調整*/}		
	
.kodawari_wrap .righttxt{
	float:right;
	width:56%;}	


@media only screen and (max-width:640px) {
.kodawari_wrap .leftimg,
.kodawari_wrap .righttxt{
	float:none;
	width:100%;}

.kodawari_wrap .leftimg img{
	padding:0 0 10px 0;/*下層　小画像隙間調整*/}	

}



/******　商品開発　******/
.syohin_wrap{
	width:100%;
	clear:both;
	overflow:hidden;
	margin:0 0 15px 0;}


.syohin_wrap .left,
.syohin_wrap .right{
	width:49%;}

.syohin_wrap .left span,
.syohin_wrap .right span{
	display:block;
	font-size:12px;
	text-align:center;}

.syohin_wrap .left img,
.syohin_wrap .right img{
	vertical-align: bottom;}

.syohin_wrap .left{
	float:left;}

.syohin_wrap .right{
	float:right;}


@media only screen and (max-width:640px) {
.syohin_wrap .left,
.syohin_wrap .right{
	width:100%;
	float:none;}


.syohin_wrap .left{
	margin:0 0 20px 0;}
}
.image_two{
    margin-bottom: 0;
}
.image_two figure {
	margin: 10px 0;
}
.oshirase_text {
	color: #895b8a;
    font-size: 18px;
}
.contact_link a {
	font-weight: bold;
	color: #895b8a;
	text-decoration: none;
}
.contact_link a:hover {
	color: #522f60;
	text-decoration: underline;
}
/*----------------------------------
プライバシーポリシー
----------------------------------*/
#privacy{
	margin:0 0 0 0;}
	
#privacy .under_contents{
	margin:0 0 15px 0;}	

.no_display {
	display: none;
}
	
/*-お知らせ用追記------------------------*/

.wagashi_photo_2column figure{
	margin: 0;
}
@media (min-width: 782px) {
	.wagashi_photo_2column .wp-block-column:not(:first-child) {
		margin-left: 1em;
	}

}