@charset "UTF-8";
/*
==============================
* 1: body and base setting
==============================
*/
body { /*text-align: center;  box centering */
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 80%;
	line-height: 1.5;
	letter-spacing: 0;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6, div, p, pre, ul, dl, dt, dd, address, form, blockquote { padding: 0; /* margin&padding reset */ line-height: 1.8; /* base line height */ text-align: left; display: block; margin: 0px; font-size: 100%; text-align: left; }
textarea { font-size: 100%; }
img { border: none; /* img do not want a border */ vertical-align: bottom; }
p { margin: 0px; padding: 0px; text-align: left; }
dl, dd { margin: 0; padding: 0; line-height: 1.8; text-align: left; }
form { display: inline; }
ul, li { list-style: none; margin: 0; padding: 0; text-align: left; }
ol li { list-style: decimal; }
td, th { font-size: 100%; }
iframe { border: none; display: inline; }
input { font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif; }

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym, abbr { cursor: help; }
h2 { margin: 0px; padding: 0px; }
h2.top { margin: 15px 0 9px 0; }
h3 { font-size: 110%; /*display:inline !important;*/ }

/*
==============================
* 2: link setting
==============================
*/
a:link { color: #604f45; text-decoration: underline; }
a:visited { color: #604f45; text-decoration: underline;}
a:hover { color: #39180e; text-decoration: underline;}
a:hover img { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

/* 詳細はこちら */
.more {text-align: right; margin-top: 5px;}
.more a:link    {color:#604f45; text-decoration:underline; padding: 4px 4px 2px 5px;}
.more a:visited {color:#604f45; text-decoration:underline; padding: 4px 4px 2px 5px;}
.more a:hover   {color:#ffffff; background:#39180e; text-decoration:none; padding: 4px 4px 2px 5px;}
.more a:active  {color:#ffffff; background:#39180e; text-decoration:none; padding: 4px 4px 2px 5px;} 
/*
==============================
* 3: clearfix
==============================
*/
.clearfix { zoom: 1; /*for IE 5.5-7*/ min-height: 1%; }
.clearfix:after { /*for modern browser*/ content: ""; display: block; height: 0px; clear: both; visibility: hidden; }
* html .clearfix { display: inline-table; /**/ display: block; /**/ }

/*
==============================
* 4: common
==============================
*/
.fL { float: left; }
.fR { float: right; }
.tL { text-align: left; }
.tR { text-align: right; }
.tC { text-align: center; }
.p10 { padding: 10px; }
.p12 { padding: 12px 10px 10px 10px; }
.m8 { margin: 8px 0 0 0; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }
.m35 { margin: 35px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.clear { clear: both; }
.clear_line { clear: both; height: 1px; overflow: hidden; line-height: 1; }
/*
==============================
* パンくず
==============================
*/
div.pan_navi { margin: 5px 0 5px 0; float: none; clear: both; }
div.pan_navi li { float: left; margin: 0 5px 0 0; }
div.pan_navi li.ar { background: url(//img.cuoca.com/library/common/img/bg_pannavi.jpg) no-repeat left center; padding: 0 0 0 20px; }
div.pan_navi li.ar h1 { font-weight: normal; }
/*
==============================
* ツイートボタン幅調整
==============================

iframe.twitter-share-button {
width: 95px!important;
}
*/

/******************************
 WPブログ内 ソーシャルエリア
******************************/
.social-area-syncer{
	background: #F1EDE7;
	padding: 12px 0 2px;
    margin: 26px 0;
}

/** [ul]要素**/
/* スマホ */
ul.social-button-syncer{
	overflow: hidden;
	width: 238px;
	margin: 1em;
	padding: 0;
	border: none;
	list-style-type: none;
}

/* デスクトップ */
@media screen and (min-width:480px){
    ul.social-button-syncer{width: 410px;}
}

/** [li]要素 **/
ul.social-button-syncer li{overflow: hidden;float: left;text-align: center;height: 71px;margin: 0 6px;padding:0;}

/*** 各種ボタン **/
/* [Twitter] */
.sc-tw { width: 62px;}

/* [Facebook] */
.sc-fb { width: 72px;}

/* [LINE] */
.sc-li { width: 50px;}
.sc-li-img{border: none;margin: 0 auto;padding:0;width: 36px;height: 60px;}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and (min-width:480px){
    .sc-li{display: none;}
}
