@charset "utf-8";
/*
Theme Name:薬剤師サイトランキング
Theme URI:
Description:
Author:
Author URI:
Version:1.0.2
*/

/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance: checkbox; }
input[type="radio"]{ -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */

body, input, textarea {
  /* font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; */
  font-family:Meiryo, sans-serif;
}




/* ----------------------------------------------------------------------
　基本設定
---------------------------------------------------------------------- */
body {
  margin:0; padding:0; width:100%; min-width:800px;
  font-size:13px; color:#333; background:#EFEFEF;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a { color:#06F; }
a:hover { color:#f37c61; }
a, a:before, a:after, input {
  -webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  transition-property:background-color, color; transition-duration:0.2s; transition-timing-function:ease;
}
.clear { clear:both; }


/* レイアウト */
#container { width:800px; margin:0 auto; background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,0.4); }
#header { padding:0 15px; margin:0 0 20px 0; }
#main_content { }
#main_col { width:600px; float:right; padding:0 15px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; border-left:1px solid #ddd; }
#side_col { width:200px; float:left; padding:0 15px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#one_col { padding:0 15px 20px; }


/* デザイン見出し・リンク */
.post_content .design_headline1, .design_headline1 { margin:0 0 20px 0; padding:10px 15px 8px; font-size:16px; border:1px dotted #09C; border-left:12px solid #09C; color:#06C; line-height:150%; }
.post_content .large_link { font-size:16px; text-align:center; }




/* ----------------------------------------------------------------------
　検索結果ページ
---------------------------------------------------------------------- */
#search_result { padding:0 15px; }

#search_result_header { position:relative; }
#search_result_header:after { content:''; display:block; background:#09C; height:3px; width:100%; }
#search_result_header table {
  width:100%; border:1px solid #ccc; border-bottom:none; position:relative;
  background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background: linear-gradient(to bottom, #ffffff, #f2f2f2);  
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

/* ソートボタン */
#search_result_header .sort_button { font-size:0; }
#search_result_header .sort_button button {
  display:inline-block; font-size:11px; width:35px; height:25px; line-height:25px; text-indent:-500px; overflow:hidden; margin:0 -1px 0 0; padding:0; position:relative;
  border:1px solid #bbb; cursor:pointer;
  background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background: linear-gradient(to bottom, #ffffff, #f2f2f2);  
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#search_result_header .sort_button button:first-of-type { border-radius:3px 0 0 3px; }
#search_result_header .sort_button button:last-of-type { border-radius:0 3px 3px 0; }
#search_result_header .sort_button button:after { content:''; display:block; text-indent:0px; position:absolute; top:0px; bottom:0; left:0px; right:0px; margin:auto; }
#search_result_header .sort_button button:first-of-type:after { width:0; height:0; border-style: solid; border-width: 0 4px 5px 4px; border-color: transparent transparent #1eaff2 transparent; }
#search_result_header .sort_button button:last-of-type:after { width:0; height:0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #1eaff2 transparent transparent transparent; }
#search_result_header .sort_button button:hover { border-color:#076e88; z-index:100; }
#search_result_header .sort_button button.mixitup-control-active { background:#eee; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.1) inset; }
#search_result_header .sort_button button.mixitup-control-active:hover { border-color:#bbb; }

#search_result_header th { border-right:1px solid #ccc; font-size:11px; vertical-align:middle; padding:5px 0; }
#search_result_header .col1 { width:190px; }
#search_result_header .col2 { width:80px; }
#search_result_header .col3 { width:80px; }
#search_result_header .col4 { width:90px; }
#search_result_header .col5 { width:80px; }
#search_result_header .col6 { width:80px; }
#search_result_header .col7 { width:80px; }
#search_result_header .col8 { width:80px; border-right:none; }
#search_result_header th h4 { line-height:120%; margin:0 0 5px 0; }
#search_result_header .col1 h4 { margin:0; font-size:12px; }


/* サイト一覧 */
#website_list_result { margin:0 0 10px 0; }
#website_list_result .website td { border:1px solid #ccc; border-bottom:1px solid #aaa; vertical-align:middle; text-align:center; padding:5px 0; font-size:11px; line-height:110%; }
#website_list_result .website .col1 { width:190px; }
#website_list_result .website .col2 { width:80px; }
#website_list_result .website .col3 { width:80px; }
#website_list_result .website .col4 { width:90px; }
#website_list_result .website .col5 { width:80px; }
#website_list_result .website .col6 { width:80px; }
#website_list_result .website .col7 { width:80px; }
#website_list_result .website .col8 { width:80px; }
#website_list_result .website .title { font-size:16px; margin:0 0 5px 0; display:block; line-height:150%; }
#website_list_result .website .recommend_point { padding:10px 10px 0; text-align:left; }
#website_list_result .website .recommend_point h3 { color:#66bb22; font-size:13px; margin:0 0 7px 0; }
#website_list_result .website .recommend_point li { font-size:11px; margin:0 0 5px 0; line-height:1.5; position:relative; padding:0 0 0 13px; }
#website_list_result .website .recommend_point li:before { content:''; display:block; width:8px; height:8px; background:#333; position:absolute; top:3px; left:0px; border-radius:1px; }
#website_list_result .website .banner { padding:10px; }
#website_list_result .website .banner img { width:130px; max-width:100%; height:auto; display:block; margin:auto; }
#website_list_result .website .banner img:hover { position:relative; left:1px; bottom:-1px; opacity:0.6; }
#website_list_result .website .list { margin:5px 0 0 10px; }
#website_list_result .website .list th, #website_list_result .website .list td { padding:3px 0; border:1px solid #aaa; width:80px; line-height:120%; }
#website_list_result .website .list th.col2 { width:120px; }
#website_list_result .website .list th.col4 { width:150px; }
#website_list_result .website .list th { background:#ffd2de; padding:3px 5px; }
#website_list_result .website .list .small { font-size:10px; }
#website_list_result .website .list li { display:inline; }
#website_list_result .website .list li:after { content:', '; }
#website_list_result .website .list li:last-of-type:after, #website_list_result .website .list li:only-of-type:after { display:none; }
#website_list_result .website:first-of-type td.header .label { display:none; }
#website_list_result .website td.header .label { background:#f2f2f2; margin:-5px 0 7px; height:33px; position:relative; }
#website_list_result .website td.header .label span { left:0; right:0; position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#website_list_result .website td.header .label.small { font-size:10px; line-height:110%; }
#website_list_result .website td.header .data { height:22px; position:relative; }
#website_list_result .website td.header .data span { left:0; right:0; position:absolute; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#website_list_result .website .af_link {
  display:inline-block; text-decoration:none; color:#fff; font-size:15px; width:56px; height:56px; line-height:56px;
  -webkit-border-radius:8px; border-radius:8px;
  -webkit-text-shadow: 1px 1px 0px rgba(0,0,0,0.5); text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 0 1px 1px #bbb, inset 0 0 0 3px rgba(255,255,255,1); box-shadow:0 0 1px 1px #bbb, inset 0 0 0 3px rgba(255,255,255,1);
  background: -webkit-linear-gradient(top, #f8a3bc, #fc4776); background: linear-gradient(to bottom, #f8a3bc, #fc4776);  
}
#website_list_result .website .af_link:hover {
  background: -webkit-linear-gradient(top, #47cbfc, #28a3d1); background: linear-gradient(to bottom, #47cbfc, #28a3d1);    
}


/* その他 */
#search_content { margin:0 0 30px 0; }




/* ----------------------------------------------------------------------
　サイド
---------------------------------------------------------------------- */
/* バナー */
.side_banner { margin:0 0 25px 0; }
.side_banner img { max-width:100%; height:auto; display:block; margin:0 auto; }
.side_banner h3 { text-align:center; margin:0 0 10px 0; }
#side_banner_bottom { margin:0; }


/* メニュー */
#side_menu { margin:0 0 20px 0; }
#side_menu h3 { background:url(img/common/side_bg.png); color:#fff; padding:5px 10px; margin:0 0 10px 0; }
#side_menu li { font-size:11px; background:url(img/common/arrow1.gif) no-repeat left 5px; padding:0 0 0 10px; margin:0 0 5px 0; }
#side_menu li a { text-decoration:none; border-bottom:1px dotted #09C; color:#333; }
#side_menu li a:hover { color:#f37c61; }




/* ----------------------------------------------------------------------
　ヘッダー
---------------------------------------------------------------------- */
#site_description { font-size:11px; float:right; padding:5px 0; color:#aaa; }
#header_image img { max-width:100%; height:auto; display:block; }




/* ----------------------------------------------------------------------
　トップページ
---------------------------------------------------------------------- */
#page_top_content { margin:0 0 20px 0; }


/* サイト一覧 */
#website_list { margin:0 0 20px 0; }
#website_list .design_headline1 { margin:0 0 10px 0; }
#website_list .website { border:1px solid #aaa; margin:0 0 -1px 0; }
#website_list .website img { display:block; max-width:100%; height:auto; }
#website_list .website table { }
#website_list .website th, #website_list .website td { font-size:12px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; text-align:center; padding:5px; vertical-align: middle; line-height:140%; }
#website_list .website th { background:#FFB5C8; font-size:12px; font-weight:normal; }
#website_list .website .col1 { width:45px; }
#website_list .website .col2 { width:150px; }
#website_list .website .col5 { width:150px; }
#website_list .website .col6 { width:30px; border-right:none; }
#website_list .website .col1 img { margin:auto; }
#website_list .website .col2 a { display:block; }
#website_list .website .small { font-size:10px; }
#website_list .website .recommend_point { padding:15px; }
#website_list .website .recommend_point h3 { color:#66bb22; font-size:14px; margin:0 0 5px 0; }
#website_list .website .recommend_point li { font-size:12px; margin:0 0 5px 0; line-height:1.5; position:relative; padding:0 0 0 17px; }
#website_list .website .recommend_point li:before { content:''; display:block; width:10px; height:10px; background:#333; position:absolute; top:4px; left:0px; border-radius:1px; }
#website_list .website .banner { padding:0 15px; }
#website_list .website .banner img { margin:0 auto; }
#website_list .website .banner img:hover { position:relative; left:1px; bottom:-1px; opacity:0.6; }
#website_list .website .link_button { padding:15px; }
#website_list .website .link_button img { margin:0 auto; }
#website_list .website .link_button img:hover { position:relative; left:1px; bottom:-1px; opacity:0.6; }




/* ----------------------------------------------------------------------
　フッター
---------------------------------------------------------------------- */
#return_top { float:right; font-size:10px; padding:20px 0 5px 0; color:#888; }
#return_top:hover { color:#f37c61; }
#copyright { background:#ccc; height:42px; line-height:42px; text-align:center; font-size:11px; }
#footer_menu { text-align:center; padding:10px 0; }
#footer_menu li { display:inline; margin:0 5px; }




/* ----------------------------------------------------------------------
　検索フォーム
---------------------------------------------------------------------- */
#advanced_search_form { margin:0 0 25px 0; }
#search_data_list { margin:-8px 0 15px 0; padding:0; }
#search_data_list .search_data {
  width:50%; float:left; margin:0 -1px -1px 0; padding:0; border:1px solid #ccc;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#search_data_list .search_data h4 {
  float:left; font-size:11px; background:#f2f2f2; width:90px; height:35px; line-height:37px; padding:0 10px; margin:0;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#search_data_list .search_data .data {
  float:left; height:35px; padding:6px; -webkit-width:calc(100% - 90px); width:calc(100% - 90px);
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#search_data_list .search_data select { width:100px; }
#advanced_search_form .submit_button input {
  font-size:12px; border:1px solid #aaa; border-radius:50px; height:35px; line-height:35px; padding:0; width:150px; margin:0 auto; display:block;
  box-shadow:0 0 0 3px #e3e3e3, inset 0 0 0 1px #fff; cursor:pointer;
  background: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
#advanced_search_form .submit_button input:hover { border-color:#076e88; box-shadow:0 0 0 3px #13a3c8, inset 0 0 0 1px #fff; }




/* ----------------------------------------------------------------------
 WordPress preset css and post style
---------------------------------------------------------------------- */
/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 24px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 24px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }


/* text and headline */
.post_content p { line-height:1.5; margin:0; }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.6; font-weight:600; margin:0 0 8px 0; padding:0; }
.post_content h1 { font-size:130%; }
.post_content h2 { font-size:120%; }
.post_content h3 { font-size:110%; }
.post_content h4 { font-size:110%; }
.post_content h5 { font-size:105%; }
.post_content h6 { font-size:105%; }


/* image */
.post_content img { height:auto; max-width:100%; }


/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:0; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; } 
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }


/* table */
.post_content table { margin:0 0 40px 0; }
.post_content td, .post_content th { border:1px solid #ccc; padding:7px 15px 7px; line-height:2.2; }
.post_content th { background:#f2f2f2; font-weight:normal; }


/* block quote */
.post_content blockquote { margin:0; padding:27px 30px 1px; border:1px solid #ccc; box-shadow:0 0 3px 0px rgba(0,0,0,0.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; }
.post_content blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }

/* captions */
.post_content .wp-caption {
  margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; box-shadow:0 5px 0 0 #eee; 
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.post_content .wp-caption-text { text-align:center; font-size:13px; font-style:italic; line-height:1.5; margin:0 auto; padding:20px 0 15px; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }


/* gallery */
.gallery { }
.gallery a img, .gallery img { border: 0 !important; }
.gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
.gallery-columns-1 .gallery-item { max-width:100%; }
.gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px);	max-width:calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width: 7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
.gallery-caption { background-color:rgba(0, 0, 0, 0.7);	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; }
.gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; }


/* etc */
.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin: 12px 0 25px; }