/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/extend/themes/twentyten
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: http://wordpress.org/
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: twentyten
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;    
}
body {
    -webkit-text-size-adjust: 100%;
}
h1,  h4, h5, h6 {
	clear: both;
	font-weight: normal;
}

h1.page-titles {
     font-size:16px;
     background-color:#f5f5f5;
     color:#000;
     margin:0 0 0 10px;
     padding:10px 10px 10px 10px;
}

.header_inner {
    width: 100%;
    border-bottom: solid 1px #333;
	font-size:0;
}

.hanzam-logo {
    width: 140px;
    display: inline-block;
    vertical-align: middle;
    margin:6px 0 6px 4px;
}

.hanzam-logo img {
width: 100%;
}

.nishikawa-logo {
width:80px;
display: inline-block;
vertical-align: middle;
margin:0 10px 0 30px;
}
.nishikawa-logo img {
    width:100%;
}

.magni-logo {
    width:38px;
    display: inline-block;
    vertical-align: middle;
}
.magni-logo img {
    width:100%;
}

.cashpointinner {
	color: #fff;
	margin: 0px auto 0px;
	padding: 9px 6px;
	line-height: 1.5;
	font-size: 12px;
}

.cashpoint {
    background: #e71312;
    width: 100%;
    margin: 0px auto;
}

.cashpointinner a {
    color:#fff;
}

.cashpointinner a:visited{
	
	color: #fff;
	
}

.header_info {
    background: #d3d3d3;
    width: 100%;
    margin: 0px auto;
}

.header_info_inner {
    color: #000;
    margin:0px auto 0px;
    padding: 9px 7px;
    line-height: 1.5;
    font-size: 12px;
}

.header_info_ora {
    background: #ffd700;
    width: 100%;
    margin: 0px auto;
}

.header_info_ora_inner {
    color: #000;
    margin:0px auto 0px;
    padding: 9px 7px;
    line-height: 1.5;
    font-size: 12px;
}


.modal_box{
    display: inline;
    }
    .modal_wrapper {
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 60px 10px;
    text-align: center;
    }
    
    .modal_wrapper:not(:target) {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
    }
    
    .modal_wrapper:target {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s, visibility .4s;
    }
    
    .modal_wrapper::after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    vertical-align: middle;
    content: 窶懌€�;
    }
    
    .modal_wrapper .modal_window {
    box-sizing: border-box;
    display: inline-block;
    z-index: 20;
    position: relative;
    width: 90%;
    max-width: 600px;
    padding: 30px 30px 15px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .6);
    vertical-align: middle;
    }
    
    .modal_wrapper .modal_window .modal_content {
    max-height: 80vh;
    overflow-y: auto;
    font-size: 17px;
    }
    
    .modal_overlay {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    }
    
    .modal_wrapper .modal_close {
    z-index: 20;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    color: #95979c !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    }
    
    .modal_wrapper .modal_close:hover {
    color: #2b2e38 !important
    }
    
    /*繝�く繧ｹ繝亥捉繧翫�菫ｮ鬟ｾ*/
    .modal_text {
    border-radius: 5px;
    display:inline;
    padding:10px;
    }

	.header_point {
		display: none;
	}
	
	.header_point_sp {
		background-color: #000080;
		width: 100%;
	}
	
	.header_point_sp_inner {
		width: 90%;
		font-size:0;
		margin:0 auto;
		padding: 5px 0 5px;
	}
	
	.header_point_sp_inner li {
		display: inline-block;
		vertical-align: top;
		width:100%;
	}
	
	.header_point_sp_inner li img {
		width:100%;
	}
	
	li.onecol {
		width:70%;
		margin:0 auto;
	}



.top {
display:none;
}

h2.top {
     font-size:18px;
     margin-top:0px;
     line-height:1.6;
}

h2.sin {
	font-size: 20px;
	margin: 2.0em 0 1.0em;
	padding: 0 0 12px;
	border-bottom: 1px solid #efefef;
	line-height: 1.6;
	color: #333;
	letter-spacing: 0.05em;
}

h2.entry-titles {
     font-size:18px;
	 line-height: 1.5;
     clear: both;
}

h2.entry-titles a:link {
     text-decoration:none;
     color:#000;
}

h2.entry-titles a:visited {
     text-decoration:none;
     color:#000;
}

h3.top {
     font-size:18px;
     margin-top:0px;
     line-height:1.6;
}

h3.sin {
	font-size: 18px;
	margin: 2.0em 0 1.0em;
	padding: 0 5px 0 12px;
	line-height: 1.6;
	color: #333;
	letter-spacing: 0.05em;
	border-left: 5px solid #e5e5e5;
}

.blog-list-thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;

}


ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	margin: 0 0px 0 0px;
	width: 100%;
}
#content {
	margin: 0 0px 0 0px;
        padding: 0px 0px 0px 0px;

}
#primary {

}
#secondary {
	float:left;
	overflow: hidden;
	width:100%;
        margin: 0 10px 0 0px;
}

#footer {
	clear: both;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	margin: 0 auto;

}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;

}


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: 'メイリオ',Meiryo,"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type="submit"] {
	font-family: 'メイリオ',Meiryo,"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: 'メイリオ',Meiryo,"Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: 'メイリオ',Meiryo,Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
width:100%;
background-color:#ffffff;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}
#wrapper {
	background-color:#f5f5f5;
	margin:0 auto;
	padding: 0 0px;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: ;
}
#site-generator {
	float: right;
	width: 220px;
}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #f5f5f5;
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style:'メイリオ',Meiryo,
}
big {
	font-size: 131.25%;
}
ins {
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link {
	color: #4682b4;
}
a:visited {
	color: #4682b4;
}
a:active,
a:hover {
	color: #6495ed;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

.screen-reader-text:focus {
	z-index: 100000;
	top: 8px;
	left: 8px;
	width: auto;
	height: auto;
	padding: 10px 14px;
	background: #fff;
	color: #222;
	clip: auto;
	font-size: 14px;
	text-decoration: none;
}


/* =Header
-------------------------------------------------------------- */

#header {
        width:100%;
        background-color:#fff;
}
#site-title {
	float: left;
	font-size: 18px;
	line-height: 36px;
	margin: 25px 0 15px 20px;
	width: 300px;
        
}
#site-title a {
	color: #000;
	text-decoration: none;
}
#site-description {
	clear: none;
	float: right;
	font-style: 'メイリオ',Meiryo,
        padding: opx 50px 0px 0;
	width: 650px;
        color:#999999;
        margin-top:30px;

}

/* This is the custom header image */
#branding {
        margin:0 auto;
        width:100%;
        background-color:#dcdcdc;
}


/* =Menu
-------------------------------------------------------------- */

#gnavi {
        background: -moz-linear-gradient(top, #f5f5f5, #a9a9a9);
        background: -webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#a9a9a9)); 
        background-color:#d3d3d3;
        height:38px;
        width:100%;
}    

#access {
	display: none;
	margin: 0 auto;
	width: 980px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #1a1a1a;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #1a1a1a;
}
#access ul li.current_page_item:hover > a,
#access ul li.current_page_ancestor:hover > a,
#access ul li.current-menu-ancestor:hover > a,
#access ul li.current-menu-item:hover > a,
#access ul li.current-menu-parent:hover > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}


/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
        width:100%;
	overflow: hidden;
	padding: 20px 0 0 0;
        background-color:#fff;
        margin:0 auto;
}
#content {
        margin:0 5px;
}
#content,
#content input,
#content textarea {
	color: #383838;
	font-size: 15px;
	line-height: 1.7;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
}

#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0 0 15px 0;
        background-color:#ffffff;
        border: 1px solid #d3d3d3;
        padding:10px 20px 20px 20px;
}

.hentrys {
	display:block;
	width:94%;
	margin: 0 auto 10px;
        background-color:#ffffff;
        border: 1px solid #d3d3d3;
        padding:10px 2% 0px 2%;
        cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.hentrys:hover {
      background-color:#dcdcdc;
	text-decoration: none;
        cursor: pointer;
}


.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: 'メイリオ',Meiryo,
	font-weight: normal;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #bc8f8f;
}
#content .entry-title {
	color: #383838;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 10px 5px 10px 5px;
	margin: 5px 0px 5px 0px;
	border-bottom: dotted 1px #000;
}
.entry-title a:link,
.entry-title a:visited {
	color: #1a1a1a;
        text-decoration:none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #333;
	font-weight: bold;
}
.dates {
    font-size: 13px;
    color: #383838;
    margin: 0 0 10px;
}
.entry-meta {
	margin:5px 0px;
    font-size: 10px;

/*
        color: #888;
*/
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	
}
.entry-content a:link {
	color: #1a0dab;

   padding-bottom: 0px;
}

.entry-content a:visited {
	color: #1a0dab;
}
.entry-content a:hover {
	color: #1a0dab;
        text-decoration:underline;
}
.entry-summary {
	clear: both;
	padding: 5px 5px 0 5px;
        font-size:15px;
        line-height:1.6;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0px 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	line-height: 48px;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ffa07a;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
        margin-top:15px;
        clear: both;
	color: #333333;
        font-size: 12px;
        line-height: 34px;

}
.entry-meta a,
.entry-utility a {
	color: #333;
        padding:5px;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #333333;
}
#content .video-player {
	padding: 0;
}


/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p,
.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.format-aside,
.home .hentry.category-asides {
	padding: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #000;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ffa07a;
}
.nav-previous {
        font-size:14px;
        color:#000;
	float: left;
	width: 220px;
        min-height:57px;
        background-color:#dcdcdc;
  background-image:url();
  background-repeat: no-repeat;
  background-position:5px 8px;
  padding:10px 4px 10px 75px;
}


.nav-next {
        font-size:14px;
        color:#000;
	float: right;
	width: 220px;
        min-height:57px;
        background-color:#dcdcdc;
  background-image:url();
  background-repeat: no-repeat;
  background-position:220px 8px;
  padding:10px 75px 10px 4px;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: 10px 10px 10px 10px;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: 'メイリオ',Meiryo,
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: 'メイリオ',Meiryo,
}

/* Comments form */
input[type="submit"] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {display:none;}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
        color:#000000;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
　　　　　display:none;
}
#respond .form-submit {
	margin: 12px 0;
        
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
　　　　
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0px;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.searchform {
    padding-left: 20px;
}
.widget-container {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin: 0 0 18px 0;
}
.widget-container .wp-caption img {
	margin: auto;
}






.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0px;
	padding: 0 0 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding-left: 10px;
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	margin-bottom: 20px;
}
#colophon {
	border-top: 4px solid #000;
	margin-top: 10px;
	overflow: hidden;
	padding: 18px 0;
}
#site-info {
	font-weight: bold;
}
#site-info a {
	color: #000;
	text-decoration: none;
}
#site-generator {
	font-style: 'メイリオ',Meiryo,
	position: relative;
}
#site-generator a {
	background: url(images/wordpress.png) center left no-repeat;
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		padding-top: 20px;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}

h5{
    clear:both ;
    background-color:#fdf5e6;
    font-size:20px;
    padding:5px 0px 0px 10px;
    font-weight:bold;
}

#top_area {
	clear: both;
	margin: 0px 0 20px 0;
	width: 660px;
	
}
#top_area .box1 {
	float: left;
	width: 190px;
        height: 400px;
        background-color:#f5f5f5;
        color:#1a1a1a;
        padding: 15px 10px 5px 10px;
	margin:5px;
        
        position:relative;
　　　
}
#top_area .box1 p.img_area {
	text-align: center;
	background-color: #F2F2F2;
	height: 239px;
}
#top_area .box1 p.text_area {
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
	margin: 1em 0 1em 0;
}



/***************************
  clearfix
****************************/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}



h4{
    clear:both ;
    background-color:#fdf5e6;
    font-size:18px;
    font-weight: bold;
    padding:5px 0px 0px 5px;
}


.youtube{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    margin-bottom:10px;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.top-content{
   	margin: 0 auto;
	width: 75.0%;
}
.text-content{
        padding: 0 10px;
        width: 75.0%;
}

#adsocial{
   width:582px;
   height:250px;
}
   
#adsence{
   width:300px;
   
    float:left;
}

#socialbt{
   width:200px;
   float:left;
}

#topimg {
	margin: 0 350px 0 0px;
        padding: 0px 20px 0px 10px;
}

#linkunit{
	margin: 0 350px 0 10px;
        padding: 7px 0px 0px 20px;
        background-color:#000000;
        height:23px;
}

#linkunit2{
	margin: 0 350px 0 10px;
        padding: 7px 0px 0px 20px;
        background-color:#000000;
        height:23px;
}

.side-content img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
        padding:5px 0px 0px 0px;
        margin:0 0 0 10px;
}
#sidead {
       margin:0 0 0 10px;
}

#topad {
	margin: 5px 350px 5px 10px;
        padding: 5px 0px 0px 10px;
        background-color:#fff;
}

.side-ad {
      margin: 10px auto;
}
.side-ad2 {
      margin-left:25px;
      margin-bottom:10px;
}

.sidelock {
      margin-left:25px;
      margin-bottom:10px;
      padding-top:20px;
}

#side-fb {
      margin-left:10px;
      font-size:14px;
      padding:20px 0;
}



.yarpp-related {
      font-size:12px;
}

/* =popularpost
-------------------------------------------------------------- */

/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera

Use the following classes to style your popular posts list as you like.
*/

/* title styles */
.wpp-post-title {
}

/* thumbnail styles */
img.wpp-thumbnail {
	border:none;
    width: 100%;
}

ul.wpp-list {
    margin: 10px!important;
    padding: 0!important;
    clear: both;
}

.wpp-list li {
    width: 80%;
    margin: 0 auto 20px;
}

/* excerpt styles */
.wpp-excerpt {
}

/* Stats tag styles */
.post-stats {
	font-size:9px;
	font-weight:bold;
}
	
	.wpp-comments {
	}
	
	.wpp-views {
	}
	
	.wpp-author {
		font-style:italic;
	}
	
	.wpp-date {
	}



.backred {
     background-color:#efd7d7;
}

.cap-text {
     font-size:12px;
     color:#333;
     text-align:center;
     margin-bottom:20px;
     font-family:Georgia,serif;
     font-style: italic;
     line-height:1.9;
}

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

a:hover img{ opacity:0.7; filter:alpha(opacity=70); }

.more-link {
}

.breadcrumb {
   margin-bottom:10px;
   line-height: 1.7;
}

.breadcrumbs ul li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
        margin-left:5px;
}

/* 関連記事inno */

.related-post{
     width:100%;
     overflow:hidden;
     margin-top:5px;
     margin-left:0px;
     margin-bottom:10px;
}
.related-entry {
    vertical-align: top;
    float: left;
    width:45%;
    font-size: 12px;
    margin: 0;
    min-height: 200px;
    padding-right: 5%;
    line-height:1.6;
    }

.related-entry a {
    text-decoration:none;
}
  
 .related-entry img{
      padding:2px;
      border: #ccc 1px solid;
      width:100%;
      height:110px;
}

.brand {
float:left;
width: 100%;
height:120px;
margin-right:12px;
text-align:left;
font-size:11px;
}
.brand img {
    width: 100%;
}

.brandichiran {
    height: auto;
}

#footerarea {
  width:100%;
  padding:10px 0px;
  margin-top:20px;
}

#footer_iframe {
  width:100%;
  margin:0px auto;
}

#footer {
  color:#000;
  margin-top:10px;
  line-height:1.6;
  font-size:14px;
  text-align:center;
  font-family:Meiryo, Georgia, "Bitstream Charter", serif;
}

#footer a {
  color:#000;
  text-decoration:none;
}


.button {
	display: inline-block;
        font-size:15px;
	width: 608px;
	height: 58px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
        margin:0px auto;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: #dcdcdc;
	border: 2px solid #dcdcdc;
	color: #fff;
	line-height: 50px;
        margin:0px auto;
}
.button:hover {
	background-color: #fff;
	border-color: #dcdcdc;
	color: #59b1eb;
}

.cap-text {
     font-size:12px;
     color:#333;
     text-align:center;
     margin-bottom:20px;
     font-family:Georgia,serif;
     font-style: italic;
     line-height:1.9;
}

.txtg  {
   color:#339966;
   font-weight:bold;
}

.txtr  {
   color:#ff0000;
   font-weight:bold;
}

.txtb {
   font-weight:bold;
}

#recentpost li{
    width: 95%;
	overflow:hidden;
	clear:both;
	margin:0px 0px 5px 10px;
        background-color:#fff;
       
}

#recentpost img{
	float:left;
	padding:5px 0px 5px 5px;
}

#recentpost .title{
	width:70%;
	float:left;
	padding:5px 0px 5px 10px;
    font-size:13px;
    line-height: 1.3;
}

#recentpost li:hover{
}

#recentpost li:hover .title{
}

#recentpost li:hover .title a{
}

#recentpost li:hover .date{
}

#sidetitles {
    	color: #1a1a1a;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3em;
        padding-top: 10px;
        padding-left:10px;
	padding-bottom: 0px;
        margin-left:10px;
        background-color:#fff;
}

.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:3em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:15px;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}
#header {
width:920px; /*IE5.5用*/
width:/**/960px; /*モダン用*/
background-color:#ffffff;
font-size:15px;
background-image:url(../../../../images/header-img.jpg);
background-repeat:no-repeat;
background-position:90% 16px; /* 背景のマージン IE5.5用 */
background-position:/**/90% 17px; /* 背景のマージン モダン用 */
background-color:#ffffff;
margin-left: auto;
margin-right: auto;
}

.headerlogo {
width:100%;
height:80px; /* mainmenuバーの高さ IE5.5用 */
height:/**/57px; /* mainmenuバーの高さ モダン用 */
_height:74px; /* mainmenuバーの高さ IE6用 */
padding-bottom:20px;
_padding-bottom:3px;

background-position:96% 5px; /* 背景のマージン IE5.5用 */
background-position:/**/96% 6px; /* 背景のマージン モダン用 */
}

.headerlogo a {
text-decoration:none;
}

.headerlogo img {
padding-top: 10px;
margin-left:5px;
margin-top: 5px;
margin-bottom:15px;
width: 200px !important;
}


.headerlink {
text-align:right;
padding-right:0px;
color:#999999;
display: none;
}

.headerlink a {
font-family:century;
font-size:12px;
text-decoration:none;
color:#cc6600;
border-left:solid 1px #dcdcdc;
padding-top:7px;
}

.headerlink a img {
padding-left:10px;
padding-right:10px;
margin-top:5px;
}

.mainmenu {
font-size:15px;
color:#cccccc;
margin-top:0px;
padding-top:0px;
padding-left:0px;
margin-left:0px;
background-image:url(//www.hanzam.net/images/mainmenu-back.gif);
background-repeat:repeat-x;
background-position:100% 0px;

}

.mainmenu li {
display:inline;
list-style-type:none;
}

.mainmenu a {
color:#cc6600;
text-decoration:none;
}

.mainmenu img {
border:none;
}

.mainmenu a:hover {
color:#99cc00;
}

.mainmenu-under {
height:8px;
background-color:#f5f5f5;
}

.mainmenu-under-goods {
height:20px;
background-color:#f5f5f5;
font-size:11px;
font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
color:#555555;
padding-top:15px;
padding-left:20px;
}

.mainmenu-under-goods a {
color:#cc6600;
}

.mainmenu-under-goods a:hover {
color:#99cc00;
text-decoration:none;
}

.mainmenu-under-goods span {
margin-left:10px;
margin-right:10px;
}
.info {
width:530px;
}

.info ul{
list-style-type:none;
margin: -10px 0 0 -20px;
padding: 10;
}

.info ul li {
margin-bottom:10px;
padding-top:0px;
padding-left:20px;
line-height:1.5em;
color:#555555;
}

.info ul li b {
margin-right:1.0em;
font-size:12px;
color:#996633;
}


.final {
	position:relative;
	width:90%;
	height:40px;
      background-color:#ffe4c4;
        margin:10px auto;
}

.final a{
	display:block;
	width:90%;
	height:20px;
	position:absolute;
        padding:10px 10px 10px 12px;
        text-align:center;
	left:0;
	top:0;
        color:#008b8b;
}

.final a:hover {
      background-color:#ffe4e1;
	text-decoration: none;
}



#indextop img {
    width: 100%;
}

p.page-top {
    position: fixed;
    right: 2px;
    bottom: 50px;
    width: 106px;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
}
#wrapper {
width:100%; /*IE5.5用*/
width:/**/100%; /*モダン用*/
background-color:#ffffff;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}

.leftbox {
 width:325px;
 float:left;
 margin:10px 0px;
 }
 
.leftbox p {
 font-size:13px;
 padding:5px 10px 0px 30px;
 }
 
.rightbox {
 width:325px;
 float:right;
 margin:10px 0px;
 }

.rightbox p {
 font-size:13px;
 padding:5px 30px 0px 15px;
 }

/* 余白初期設定リセット */
p,h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}

p.txtp {
margin-top:1.0em;
margin-bottom:1.0em;
}

.right-lightness {
color:#666666;
font-size:12px;
font-weight:bold;
text-align:right;
margin-top:1.0em;
margin-bottom:1.0em;
}

a img {
border:none;
}

strong {
font-weight:normal;
}

span.b {
font-weight:bold;
}

span.red {
color:#ff0000;
}

span.brown {
color:#996633;
}

span.brownst {
color:#996633;
font-weight:bold;
margin-left:7px;
}

#header {
width:100%; /*IE5.5用*/
width:/**/100%; /*モダン用*/
font-size:15px;
background-image:url(images/header-img.jpg);
background-repeat:no-repeat;
background-position:90% 16px; /* 背景のマージン IE5.5用 */
background-position:/**/90% 17px; /* 背景のマージン モダン用 */
margin-left: auto;
margin-right: auto;
}

.headerlogo {

margin: 0 auto;
height:80px; /* mainmenuバーの高さ IE5.5用 */
height:/**/57px; /* mainmenuバーの高さ モダン用 */
_height:74px; /* mainmenuバーの高さ IE6用 */
padding-bottom:20px;
_padding-bottom:3px;

background-position:96% 5px; /* 背景のマージン IE5.5用 */
background-position:/**/96% 6px; /* 背景のマージン モダン用 */
}

.headerlogo a {
text-decoration:none;
}



.headerlink {
width: 920px;
margin: 0 auto;
text-align:right;
padding-right:0px;
color:#999999;
}

.headerlink a {
font-size:12px;
text-decoration:none;
color:#cc6600;
border-left:solid 1px #dcdcdc;
padding-top:7px;
}

.headerlink a img {
padding-left:10px;
padding-right:10px;
margin-top:5px;
}

#menuback {
    padding: 0px 0px;
    height: 50px;
background-color: #F2F2F2;
width: 100%;
display: none;
}

.mainmenu {
width: 920px;
margin: 0 auto;
font-size:14px;
color:#6F9335;
padding-top:0px;
padding-left:0px;
box-sizing: border-box;
transition: all 0.8s ease 0s;
}

.mainmenu li {
letter-spacing: 0.05em;
padding: 5px 3px 0px 3px;
margin: 0px 5px 0px 0px;
width: 100px;
    height:30px;
    float: left;
    text-align: center;
    position: relative;
    list-style: none;
}

.mainmenu li a {
    color: #6F9335;
    text-decoration: none;
    color: #6F9335;
    display: block;
    position: absolute;
    width: 100%;
    height: 80%;
    padding-top: 10px;
    font-size: 14px;
    line-height: 1.9;
}
.mainmenu li a:hover {
color:#6F9335;
    border-bottom:dotted 2px #6F9335;
text-decoration:none;

}
.writer {
    display:table;
    height:60px;
    font-size: 10px;

}
.writer p {
    display:table-cell;
    text-align:lleft;
    vertical-align:middle;
    padding-left:10px;
    font-size:14px;
    line-height: 1.2;
}

#wt-sing {
    font-size: 15px;
    background-color: #e0ebcd;
    padding: 10px 20px;
    margin: 0 40px 0 20px;
}

span.catw {
    background-color: #fff;
    border: solid 1px #333;
    padding: 10px 5px;
    text-decoration: none;
}
.widget-title {
 margin:15px 5px 15px 15px;
 font-size:15px;
 font-weight:bold;
 border-bottom:solid 5px #000;
 padding-bottom:10px;
}
.lasttel {
    background-image: URL(/blog/wp-content/themes/hanzam/images/sp-blog-tel.jpg);
    background-repeat: no-repeat;
    padding: 140px 2px 20px 20px;
    margin-bottom: 20px;
    width: 95%;
}
.lasttel img {
    width: 37%;
}

.eigyoarea img {
    width: 100%;
}

#headcopy {
    font-size: 12px;
    color:#666666;
    letter-spacing:1px;
    position:relative;
    top: -41px;
    left: 275px;
    line-height: 1.4;
    display: none;
}
span.tgb {
    font-size: 18px;
    color: #08730d;
    font-weight: bold;
}

.breadcrumb {
padding:0px;
margin:0 10px 10px 10px;
clear:both;
}
.breadcrumb div {
display: inline;
font-size:15px;
}
.dates{
    padding: 10px 0px;
}

.btngreen a {
  width: 100%;
  background-color: #81C784;
  background-image: url(/blog/wp-content/themes/hanzam/images/morris7.jpg);
  height: 30px;
  border-radius: 3px;
  color: #fff ! important;
  display: block;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin:0 auto 10px;
  padding: 40px 0 25px! important;
}
.btngreen a:hover{
  width: 100%;
  background-color: #159446;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin:0 auto 10px;
  padding: 20px 0 15px;
}

.boxkanren {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #2f4f4f;
}
.boxkanren .box-title {
    position: absolute;
    display: inline-block;
    top: -35px;
    left: -3px;
    padding: 5px 10px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #2f4f4f;
    color: #ffffff;
    font-weight: normal;
    border-radius: 5px 5px 0 0;
}
.boxkanren ul {
    margin: 0; 
    padding: 10px 5px 10px 10px;
    font-size: 15px!important;
}
.boxkanren ul li {
    margin: 5px 0px;
    font-size: 15px!important;
}

/* :::::: toggle button (right):::::: */
#navTgl {
	display: none;
  }
   
  label.open,
  label.close {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
  }
  .open {
	z-index: 1;
	width: 18%;
	line-height: 1.3;
	max-width: 60px;
	max-height: 60px;
	color: #000;
	margin-top: 5px;
	margin-right: 5px;
	padding-bottom: 3px;
	background: #fff;
	opacity: 0.7;
	font-size: 3.3em;
	text-align: center;
	-webkit-transition: background-color .6s, -webkit-transform .6s;
	transition: background-color .6s, transform .6s;
  }
  #navTgl:checked + .open {
	background: #fff;
	-webkit-transform: translateX(-270px);
	transform: translateX(-270px);
  }
  .close {
	pointer-events: none;
	z-index: 1;
	width: 100%;
	height: 100%;
	transition: background-color .6s;
  }
  #navTgl:checked ~ .close {
	pointer-events: auto;
	background-color: rgba(0,0,0,.3);
  }
/* :::::: drawer menu :::::: */
.menu {
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
  width: 270px;
  height: 100%;
  background: #ffffff;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
  padding: 10px 0px;
  font-size: 0.9rem;
  line-height: 1.8;
  color: #333;
}




/* :::::: newmenu :::::: */
nav.menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    nav.menu ul li {
        display: block;
        border: 1px dashed #ccc;
        border-width: 0 0 1px;
    }

    nav.menu ul li:last-child {
        border-width: 0;
    }

    nav.menu ul li a {
        color: #524738;
        text-decoration: none;
        line-height: 25px;
        padding: 7px 20px;
        display: block;
        margin: 5px 0;
    }

    nav.menu ul li a.active {
        color: #fff;
        background-color: #524738;
    }

    .sub_menu_wrap {
        display: none;
    }

    .sub_menu_wrap {
    }

    .sub_menu_wrap li {
        border-color: #ccc !important;
    }

    .sub_menu_wrap li a {
        font-weight: normal;
        margin: 0 !important;
    }


.menu {
	z-index: 1;
	position: fixed;
	top: 0;
	right: 0;
	width: 320px;
	height: 100%;
	background: #fff;
	opacity: 0.95;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: -webkit-transform .6s;
	transition: transform .6s;
	padding: 5px 0px;
	font-size: 1.0rem;
	line-height: 1.8;
	color: #333;
	overflow: auto;
	}
	
	
	.menu li {
		padding: 5px 0px;
		list-style: none;
		border: dashed 1px #ccc;
		border-width: 0 0 1px;
		font-size: 0.9em;
	}
	
	.menu a {
		color: #333;
		text-decoration: none;
		padding: 5px 10px;
		display: block;
	}
	
	.sub_menu_wrap {
			display: none;
		}
	
		.sub_menu_wrap {
		}
	
		.sub_menu_wrap li {
			
			border-color: #ccc !important;
		}
	
		.sub_menu_wrap li a {
			font-weight: normal;
			margin: 0 !important;
		}
	
	#navTgl:checked ~ .menu {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}




li.fix-icon {
	border:none;
	padding:0 0 100px;
}

li.fix-icon ul li {
	display: inline-block;
	vertical-align: top;
	width:43%;
	height:70px;
	margin:5px 1%;
	padding:2px 2%;
	border:none;
	background-color:#f1f1f1 ;
	border-radius: 10px;
	font-size:10px;
	font-weight:bold;
	text-align: center;
}
li.fix-icon ul li img {
	width:80%;
	margin:5px auto;
}

/* ::::::  :::::: */


#navTgl:checked ~ .menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}


.side_menu_list {
	background-color:#e8e8e8;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:20px;
}
.sidemenutitle {
	margin-top:0px;
	margin-bottom:15px;
	border-left: solid 3px #cc6600;
	font-weight: bold;
	padding-left: 7px;
	font-size: 14px;
	}
	
.side_menu_list ul {
	margin-top:0px;
	margin-bottom:20px;
	list-style-type: none;
}
		
.side_menu_list li {
	line-height:1.0em;
	list-style-type:none;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:15px;
	padding-right:15px;
	padding-left:17px;
	padding-top:1px;
	padding-bottom:1px;
	color:#333333;
	background:url(/images/star.gif) no-repeat 0 2px;
}

#sidemenu1 {
    margin-left: 20px;
}
#sidemenu2 {
    margin-left: 20px;
}
#sidemenu3 {
    margin-left: 20px;
}


.speech-wrap {
  margin-top: 1em;
  margin-bottom: 1em;
  display: flex;
}

.speech-person {
  width: 20%;
  min-width: 20%;
}

.speech-icon img,
.speech-icon amp-img {
  border-radius: 50%;
  border: 2px solid #ccc;
  width: 100%;
}

.speech-name {
  text-align: center;
  font-size: 13px;
}

.speech-balloon {
  height: 100%;
  position: relative;
  padding: 10px;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 6px;
  word-break: break-all;
}
.speech-balloon p {
  margin: 0;
}

/* アイコンを左に表示 */
.speech-balloon::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 10px;
  border-right: 12px solid #ccc;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.speech-balloon::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -9px;
  top: 10px;
  border-right: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.sbp-l {
  margin-right: 10px;
}
.sbp-l .speech-balloon {
  margin-left: 20px;
}

figure {
    margin: 0;
}

.box8 {
    padding: 0.8em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 5px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

.inner p {
    font-size: 13px;
    padding: 5px;
}
    
.footer_area {
    font-size: 12px !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.7 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    font-size: 12px !important;
    display: inline;
    width: 47%;
    margin: 0px auto;
    padding: 5px 0;
	margin-right: 0px;

}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 47%;
    padding: 11px 0;

    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
   
}
.inquiry_btn {
    background-color: #005c7b;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 45%;
    padding: 3px;
    margin: 1%;
    font-size: 12px !important;
    font-weight: bold;
    
}

.inquiry_btn_green {
    background-color: #2f9c52;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 45%;
    padding: 6px 0px;
    margin: 1% 2%;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 1.4;
}

.inquiry_btn_green:link, .inquiry_btn_green:visited {
    color: #FFFFFF !important;
}

.inquiry_btn_orange {
    background-color: #FEB20A;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 45%;
    padding: 6px 0px;
    margin: 1% 2%;
    font-size: 12px !important;
    font-weight: bold;
    line-height: 1.4;
}

.inquiry_btn_orange:link, .inquiry_btn_orange:visited {
    color: #FFFFFF !important;
}

.footer_area_inner span{
	color: #fff;
}
.footercopy {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 5px 0px 0px;
}

table.txtd {
    border: none!important;
    width: 100%!important;
}
table.txtd tr td {
    width: 140px!important;
    border: none!important;
    padding: 2px 5px!important;
}

table.simple{
  border-collapse: separate;
  border-spacing: 0px 5px;
  border: none!important;
  margin: 0 auto;
}
table.simple td,th{
  padding: 5px 10px !important;
}
table.simple th{
  background: #10a0e0;
  color: #fff!important;
  width: 50%;
  font-size: 15px!important;
  font-weight: normal;
}
table.simple td{
  background: #f1fafe;
}

.boxkanren {
    position: relative;
    margin: 4em 0;
    padding: 0.5em 1em;
    border: solid 3px #2f4f4f;
}
.boxkanren .box-title {
    position: absolute;
    display: inline-block;
    top: -35px;
    left: -3px;
    padding: 5px 10px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 16px;
    background: #2f4f4f;
    color: #ffffff;
    font-weight: normal;
    border-radius: 5px 5px 0 0;
}
.boxkanren ul {
    margin: 0; 
    margin-bottom: 0px !important;
    padding: 10px 15px;
    font-size: 16px;
}
.boxkanren ul li {
    margin: 5px 0px;
}

table.m-hyou{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  table.m-hyou th,table td{
    padding: 15px 10px!important;
	text-align: left;
	font-size:15px!important;
	color:#333!important;
  }
  
  table.m-hyou tr:nth-child(odd){
    background-color: #eee
  }
  table.m-hyou tr:nth-child(even){
    background-color: #fffafa;
  }

.btn_in_link {
    width:100%;
    margin:10px auto!important;
}

a.btn_internal_link {
    display: flex;
    align-items: center;
    width: 93%;
    padding: 4px 7% 0 0;
    border: 2px solid #000;
    background: #fff;
    text-decoration: none;
    transition: 0.3s;
}
a.btn_internal_link:hover {
background-color: #e9f3fd;
}
a.btn_internal_link .b__text {
display: block;
flex-grow: 1;
color: #000;
font-weight: bold;
text-align: center;
position: relative;
padding: 15px;
font-size: 16px;
}
a.btn_internal_link .b__text::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
transform: rotate(45deg);
border-top: 3px solid #000;
border-right: 3px solid #000;
box-sizing: border-box;
width: 14px;
height: 14px;
transition: 0.3s;
}
@media (max-width: 1200px) {
a.btn_internal_link .b__text {
    font-size: 18px;
    padding-right: 20px;
}
a.btn_ao_b .b__text::after {
    width: 12px;
    height: 12px;
}
}
@media (max-width: 736px) {
a.btn_internal_link .b__text {
    font-size: 14px;
    padding-right: 20px;
}
a.btn_internal_link .b__text::after {
    width: 10px;
    height: 10px;
}
}

.btngreen a {
	width: 96%;
	background-color: #2f9c52;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 22px!important;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin:10px auto;
	padding: 15px 0 13px 0px;
	border: solid 3px #2f9c52;
	animation: btnborder 5s infinite;
	-webkit-animation: btnborder 3s infinite; 
  }
  
  p.btngreen {
	  margin: 5px !important;
  }
  
  
  
  .btngreen img {
	  width:30%;
	  margin:0 auto;
  }
  
  
  .btngreen-nolink  {
	width: 99%;
	background-color: #2f9c52;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin:20px 10px 10px 0;
	padding: 15px 0 13px 0px;
	border: solid 3px #2f9c52;
	animation: btnborder 5s infinite;
	-webkit-animation: btnborder 3s infinite; 
  }
  
  .btnorange  {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	position: relative;
  overflow: hidden;
	background-color: #FEB20A;
	border-radius: 3px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin:0px 1% 10px;
	padding: 15px 0 13px 0px;
	border: solid 3px #FEB20A;
	animation: btnborder 5s infinite;
	-webkit-animation: btnborder 3s infinite; 
  }
  
  .btnorange  img {
	  width:50%!important;
	  margin:0 auto;
  }
  
  .btnorange  a {
	  color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
  }
  
  .btnorange > a:before{
	  content:"";
	  position: absolute;
	  width:100vw;
	  height:100vh;
	  -moz-transform: translateX(-50%) translateY(-50%);
	  -webkit-transform: translateX(-50%) translateY(-50%);
	  transform: translateX(-50%) translateY(-50%);
	  left:50%;
	  top:50%;
  }
  
  .btnorange a:hover {
	  text-decoration: none!important;
	  color:#fff!important;
  }
  
  .btnorange-nolink  {
	width: 99%;
	background-color: #FEB20A;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin:20px 10px 10px 0;
	padding: 15px 0 13px 0px;
	border: solid 3px #FEB20A;
	animation: btnborder 5s infinite;
	-webkit-animation: btnborder 3s infinite; 
  }
  
  .otoiawasearea {
	  position: relative;
	  margin: 2em 0;
	  padding: 1em 1em 0.2em;
	  border: solid 3px #2f9c52;
	  border-radius: 0px;
	  background: #fffafa;
  }
  .otoiawasearea .box-title {
	  position: absolute;
	  display: inline-block;
	  top: -10px;
	  left: 15px;
	  padding: 0 9px;
	  line-height: 1;
	  font-size: 17px;
	  background: #FFF;
	  color: #2f9c52;
	  font-weight: bold;
  }
  .otoiawasearea p {
	  margin: 10px 0px; 
	  font-size: 14px;
	  padding: 0;
  }
  
  p.smalltxt {
	  font-size: 12px;
	  margin: 0;
	  padding: 0;
  }
  
  p.smalltxt-center {
	  font-size: 12px;
	  text-align: center;
	  margin: 0;
	  padding: 0;
  }
  
.content-bottom {
	width:100%;
}
.content-bottom img {
	width:100%;
}

.line_info {
    display: none;
}

.kanren {
	background-color: #2f9c52;
	color: #fff;
	padding:5px; 
	margin:0 10px 0 0;
}

.blog-bn-area {
	width: 100%;
  margin: 30px auto 50px;
  font-size: 0;
}
.more_info {
	font-size:17px;
	font-weight: bold;
	margin:10px 0 5px;
}
.blog-bn-ib {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	margin: 1%;
}

.blog-bn-ib img {
	width: 100%;
}



.blog_menu {
    display: flex;
    justify-content: space-between;
	width: 100%;
    flex-wrap: wrap;
	margin:10px 0 20px;
}

.blog_menu a {
    text-decoration: none; /* リンクの下線を消す */
    display: flex; /* flexを適用 */
    flex-grow: 1;
    width: calc(100% / 2 - 10px); /* 2列 */
    margin: 2px 4px;
}

.blog_menu .blog-menu-button {
    box-sizing: border-box;
    background-color: #4CAF50;
    color: white;
    padding: 10px 15px;
    font-size: 15px;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    display: flex; /* ボタンをflexboxにして、 */
    justify-content: center; /* 水平中央揃え */
    align-items: center; /* 垂直中央揃え */
    height: 100%; /* 親の高さに合わせる */
}

.blog_menu a:hover .blog-menu-button,
.blog_menu a:focus-visible .blog-menu-button {
    background-color: #45a049;
    color: white;
}

#toTop img {
	display: block;
	width: 60px;
}

iframe {
  max-width: 100%;
  height: auto;
}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* =====================
   CTA セクション
   プレフィックス: .hanzam-cta
   ===================== */

.hanzam-cta-outer {
  font-family: 'Noto Sans JP', sans-serif !important;
  background: linear-gradient(135deg, #fff8f2 0%, #fff3e8 100%) !important;
  border-radius: 20px !important;
  padding: 48px 40px !important;
  border: 1.5px solid #f5d9c0 !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* 装飾円 */
.hanzam-cta-deco {
  position: absolute !important;
  top: -40px !important;
  right: -40px !important;
  width: 180px !important;
  height: 180px !important;
  border-radius: 50% !important;
  background: rgba(255, 160, 80, 0.08) !important;
  pointer-events: none !important;
}

.hanzam-cta-deco2 {
  position: absolute !important;
  bottom: -30px !important;
  left: -30px !important;
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  background: rgba(255, 120, 80, 0.06) !important;
  pointer-events: none !important;
}

/* ヘッド */
.hanzam-cta-head {
  text-align: center !important;
  margin-bottom: 36px !important;
  position: relative !important;
}

.hanzam-cta-badge {
  display: inline-block !important;
  background: #ff7a3d !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  padding: 5px 16px !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
}

.hanzam-cta-head h2 {
  color: #2d1a0e !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
  letter-spacing: 0.03em !important;
}

.hanzam-cta-head p {
  color: #9a7060 !important;
  font-size: 13px !important;
  margin: 0 !important;
}

/* グリッド — minmax(0,1fr) で列幅オーバーフロー防止 */
.hanzam-cta-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

/* カード */
.hanzam-cta-card {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 28px 20px 24px !important;
  text-align: center !important;
  border: 1.5px solid #f0ddd0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-sizing: border-box !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}

.hanzam-cta-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(200, 100, 50, 0.1) !important;
}

/* PC時: card-body は縦積みのまま中央寄せ */
.hanzam-cta-card-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

/* アイコン */
.hanzam-cta-icon {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 14px !important;
  flex-shrink: 0 !important;
}

.hanzam-cta-icon-phone { background: #fff0e8 !important; }
.hanzam-cta-icon-mail  { background: #e8f4ff !important; }
.hanzam-cta-icon-form  { background: #edf7ee !important; }

/* ラベル */
.hanzam-cta-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  margin-bottom: 8px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.hanzam-cta-lbl-phone { color: #e05a1a !important; }
.hanzam-cta-lbl-mail  { color: #2a7fd4 !important; }
.hanzam-cta-lbl-form  { color: #2e9c4a !important; }

/* タイトル */
.hanzam-cta-title {
  color: #2d1a0e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 5px !important;
  flex-shrink: 0 !important;
}

/* 電話番号 */
.hanzam-cta-tel {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #e05a1a !important;
  letter-spacing: 0.04em !important;
  margin: 4px 0 0 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* PC時: 電話番号リンク無効 */
.hanzam-cta-tel a,
.hanzam-cta-tel a:link,
.hanzam-cta-tel a:visited,
.hanzam-cta-tel a:hover,
.hanzam-cta-tel a:active {
  color: inherit !important;
  text-decoration: none !important;
  pointer-events: none !important;
  cursor: default !important;
}
@media screen and (min-width: 768px) {
  .hanzam-cta-btn.hanzam-cta-btn-phone {
    pointer-events: none;
    cursor: default;
    opacity: 0.85;
  }
}

.hanzam-cta-spacer {
  flex: 1 !important;
  min-height: 12px !important;
}

/* ボタン共通 */
.hanzam-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-family: 'Noto Sans JP', sans-serif !important;
  border: none !important;
  cursor: pointer !important;
  transition: filter 0.2s, transform 0.15s !important;
  width: 100% !important;
  text-decoration: none !important;
  margin-top: 20px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  height: 48px !important;
  padding: 0 20px !important;
}

.hanzam-cta-btn:hover {
  filter: brightness(1.07) !important;
  transform: translateY(-1px) !important;
}

/* ボタン色 + 疑似クラスすべてに白を強制 */
.hanzam-cta-btn-phone,
.hanzam-cta-btn-phone:link,
.hanzam-cta-btn-phone:visited,
.hanzam-cta-btn-phone:hover,
.hanzam-cta-btn-phone:active {
  background: linear-gradient(135deg, #ff7a3d, #e05a1a) !important;
  color: #fff !important;
}

.hanzam-cta-btn-mail,
.hanzam-cta-btn-mail:link,
.hanzam-cta-btn-mail:visited,
.hanzam-cta-btn-mail:hover,
.hanzam-cta-btn-mail:active {
  background: linear-gradient(135deg, #4a9fe8, #2a7fd4) !important;
  color: #fff !important;
}

.hanzam-cta-btn-form,
.hanzam-cta-btn-form:link,
.hanzam-cta-btn-form:visited,
.hanzam-cta-btn-form:hover,
.hanzam-cta-btn-form:active {
  background: linear-gradient(135deg, #4fc469, #2e9c4a) !important;
  color: #fff !important;
}


/* =====================
   SP (768px以下)
   ===================== */

@media (max-width: 768px) {

  .hanzam-cta-outer {
    padding: 20px 16px !important;
    border-radius: 14px !important;
  }

  .hanzam-cta-head {
    margin-bottom: 16px !important;
  }

  .hanzam-cta-badge {
    font-size: 10px !important;
    padding: 3px 12px !important;
    margin-bottom: 8px !important;
  }

  .hanzam-cta-head h2 {
    font-size: 15px !important;
    margin-bottom: 4px !important;
  }

  .hanzam-cta-head p {
    font-size: 11px !important;
  }

  .hanzam-cta-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .hanzam-cta-card {
    flex-direction: row !important;
    align-items: center !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
    gap: 12px !important;
    text-align: left !important;
  }
.hanzam-cta-card p {
    margin:0!important;
  }

  .hanzam-cta-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  .hanzam-cta-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  /* SP時: card-body は横並びカード内で伸縮 */
  .hanzam-cta-card-body {
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    align-items: flex-start !important;
  }

  .hanzam-cta-label {
    margin-bottom: 2px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  .hanzam-cta-title {
    font-size: 13px !important;
    margin-bottom: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .hanzam-cta-tel {
    font-size: 14px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* SP時: 電話番号リンク有効 */
  .hanzam-cta-tel a,
  .hanzam-cta-tel a:link,
  .hanzam-cta-tel a:visited,
  .hanzam-cta-tel a:hover,
  .hanzam-cta-tel a:active {
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  .hanzam-cta-spacer {
    display: none !important;
  }

  .hanzam-cta-btn {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 40px !important;
    margin-top: 0 !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    border-radius: 50px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }
}