@charset "utf-8";
/*
Theme Name: 高次脳機能障害サイトCSS
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: たくみ法律事務所
Tags: 
Version: 0.1.0
*/

#topFreeArea {margin-bottom: 20px; display: block; overflow: hidden; padding-bottom: 15px; border-bottom: none;}
#footMenu {display:none;}
#powerd {display:none;}
#footMenu .innerBox {border-bottom: none; padding: 0.1em 0px;}
 
body {color: #000; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif; font-size:16px; line-height:1.5em; letter-spacing:0.8pt; background:#fff;}

a:hover img{opacity: 0.6; filter: alpha(opacity=60); -moz-opacity:0.6;}

#content { adding: 0 15px;}
.content p {margin-top:1em; line-height:1.5; text-align:justify;}
.content a {color:#03A9F4;  font-weight:bold;}
.content ul {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
.content ul li {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
ul.nml {margin: 0 0 0 1em; padding:1em;	list-style:disc;}
ul.nml li {font-size:100%; margin-left:10px; margin-bottom:10px;}

@media (max-width: 780px){
#content {padding: 0 5px;}
.content h2{margin: 0;}
.content p {padding: 0;  line-height:1.5;}
ul.nml {margin: 0 0 0 .5em;  padding:.5em;	list-style:disc;}
ul.nml li {font-size:100%; margin-left:10px;  margin-bottom:10px;}
}

.content table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;}
.content dt {padding-bottom: 0; margin-bottom: 0; color:#666;}

#content .flowBox dl {display: block; overflow: hidden; padding: 15px 20px; border: 1px solid #e5e5e5; background:#fff;}
#content .flowBox dl dt {border-bottom: 2px solid #001F71; margin-bottom: 10px; font-size: 1.2em;}

.home #main {padding-top: 0px; background-color: #fff; overflow: hidden;}
#main #container{ padding-top:10px; }

.content blockquote, .content .sectionFrame {color:#666; border: 1px solid #e5e5e5; background-color: #fff; padding: 10px 20px; clear: both;}
.content blockquote p {padding: 0; margin-bottom:0;}

@media (min-width: 770px){
#sitemapOuter{padding: 20px 50px; width: 100%;}
}

/*　新着情報　*/
.content .infoList .infoCate a {margin-right: 0px; color: #fff; background:none; font-size: 1; padding: 1px 7px 1px; line-height: 14px; text-decoration: none; position: relative;}
.kaiketsu {color:#fff; background-color:#FB8275; margin-right:0px}
.soudan {color:#fff; background-color:#35BD8B;}
.seminar {color:#fff; background-color:#32A4D9;}
.infomation {color:#fff; background-color:#FFBE00;}
.sodan {color:#fff; background-color:#3B5998;}
.media {color:#fff; background-color:#34BA89;}
.backnumber {color:#fff; background-color:#001E70;}

.content .infoList ul li .infoTxt{display:inline-table;}
.content .infoList {position: relative; margin-bottom: 5px;}
.content .infoList ul {margin: 0px 0px 5px;list-style: none;}

ul.entryList {font-size:80%; overflow-y:scroll; background:#fff; height:170px; margin:0; border:2px solid #CCC;} 
ul.entryListkaso {font-size:80%; background:#fff; margin:0;}
.content .infoList ul li {border-bottom: 1px solid #ccc; padding: 10px 10px; list-style: none; margin-bottom: 0px;}
.content .infoList .infoDate {margin-right: 8px; color: #333;}
.content .infoList ul li .infoTxt a {text-decoration: none; background: none; padding-left: 10px; color: #666; display: block; overflow: hidden;}
/*　新着情報ここまで　*/


/*　table系　*/
.content table th {border: 1px solid #ccc; padding: 20px 10px; vertical-align: middle;}
.content table td {border: 1px solid #ccc; padding: 20px 10px; vertical-align: middle;}
.table-container {padding-top: 30px; margin-bottom: 15px; width: 100%; overflow: auto;}

/*　ブログ一覧ページ　続きを読む　*/
.moreLink{display:none;}
.content .infoList .infoListBox {display: block; overflow: hidden; padding: 10px 0px; border-bottom: 1px solid #ccc; position: relative;}

.content h1{margin:0px 0px 10px;}
	
/*　子ページ消す　*/
@media (min-width: 970px){
.content .childPageBox {display: none;}
}

@media (min-width: 970px) {
#main #container #sideTower {width:250px; padding-top:10px;}
}
@media (min-width: 970px) {
#main #container #content { width:850px; }
}
@media (min-width: 970px) {
#main #container { width:1200px; }
}
@media (min-width: 970px) {
#main { width:1200px; }
}

/*　スマホで非表示　*/
@media screen and (max-width: 780px){
.none {display:none}
}

/*　ヘッダー周り　*/
#header {background:rgba( 255, 255, 255, 0.6 );}

@media (min-width: 970px) {
.innerBox, #gMenu #gMenuInner.innerBox {width: 1200px; margin: 0px auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
}

#header {padding-top: 0px; text-align: center;}
#topMainBnr {width: 100%; display: block; overflow: hidden; padding:0px; background:#F5F9FD;}
#topMainBnrFrame {width: 1200px; height: 340px; position: relative; display: block; margin: 0 auto;}
#topMainBnr img {width: 1200px !important;}

#panList {clear: both; font-size: 10px; color: #000; padding: 0px; display: block; overflow: hidden; width: 100%; background: #eee; margin-bottom:15px;}

@media (min-width: 660px){
#header #headContact {float: left; text-align: center;}
}
#header #headContact {font-size: 100%; line-height: 110%; margin: 0px 0px 0px 20px; white-space: nowrap; text-align: left;}
#header #headContact {width: 15%;}

@media (min-width: 660px){
#headContact {display:nonoe;}
}

@media (min-width: 970px) {
#content-main{padding-top:10px;}
}

@media (max-width: 770px) {
#topMainBnrFrame {width: 100%; height: 273px; position: relative; display: block; margin: 0 auto;}
#topMainBnr img {width: 100%;}
#content-main{padding-top:10px;}
}

/*　フッター周り　*/
#footerSiteMap {display: block; overflow: hidden; width: 100%; color:#fff; padding-top: 15px;}
#siteBottom {clear: both; padding: 15px 0px 100px; font-size: 88%; font-family: Arial, Helvetica, sans-serif;}
.Designed a{text-decoration:none; color:#fff;}

@media (min-width: 970px){
#footerSiteMap {width: 800px; color:#fff; padding-top: 0px; font-size: 12px;}
}

/* 連絡先の設定 */
#header #headContact #headContactInner {}
#header #headContact #headContactTxt {font-family: Lato; font-size:.8em; font-weight:bold; text-decoration:none; margin-bottom:5px;}
#header #headContact #headContactTel {font-family: Lato; font-size: 30px; color: #E570A2; text-align: center; text-decoration:none;	margin-bottom:5px;}
#head-contact {display: block; overflow: hidden; position: relative; float: right;}

@media (max-width: 730px){
#headContact, #headContactTel, #head-contact {display: none;}
}

@media (min-width: 970px) {
body.page-id-5 #gMenu { display:none; }
}

/*　グローバルナビゲーション　*/
#gMenu,#gMenu .menu li,#gMenu .menu li.current_page_item,#gMenu .menu li.current_page_item a,#gMenu .menu li a {height:auto; line-height:2;	background:#2E98E5;	color:#fff;	font-size:1em; font-weight:bolder;	text-shadow:none; padding: 4px 0px 2px 0px;}
#gMenu { border-bottom: 2px solid #ddd;}
#gMenu .menu li{margin-bottom:3px;}
#gMenu .menu li a:hover{display:block;	background:#F5F9FD; color:#2E98E5;}
#gMenu .assistive-text {background-color: #103184; border-top: 1px;}

/*　ページタイトル部分　*/
#pageTitBnr {display:none;}

/*　サイドバー系　*/
.sideTower .sideWidget .textwidget {padding-top: 0;}
#menu-content-menu{font-size:100%; letter-spacing:2px;}
#sideContact { display:none; }


.sideTower .sideWidget ul {border-top: none; border-left: 1px solid #ddd;}
.sideTower .sideWidget li {font-size: .9em; min-height:50px; list-style: none; line-height: 121.4%; border: 1px solid #ddd;}
.sideTower .sideWidget li a {display: block; padding: 15px 0px 12px 5px; text-decoration: none; color: #333; background: #fff;}
.sideTower .localHead a {text-decoration: none; color: #fff;}
.sideTower .sideWidget li a:hover, .sideTower .sideWidget li.current_page_item a, .sideTower .sideWidget li.current-cat a {background-color: #fff;}

/* サイドバー項目のアイコン*/
.sideTower .sideWidget li a:first-letter{font-family:'FontAwesome';}
.sideTower .sideWidget li a:before{content:'\f138'; color:#ddd; padding-right:.5em;}

/*　hタグ　*/
.content h2, .content h1.contentTitle, .content h1.entryPostTitle, .sideTower h3.localHead, .sideWidget h4 { border-top-color: none;}
.content h2  {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
.infoList h2  {color:#fff;	position: relative; padding-top: .6em; padding-bottom: .7em; padding-left: .8em; margin-bottom:.2em; background-color: #2E98E5;	border:none;}

h2.cont  {padding: .8em; color: #2E98E5; border-left: solid 5px #2E98E5; background: #F2F5FA; font-size: 1.2em; margin: 2em 0 1em;}

h2.jisseki {color: #2E98E5; font-size: 26px; position: relative; display: inline-block; padding: 20px 55px 0px;}
h2.jisseki:before, h2.jisseki:after {content: ''; position: absolute; top: 65%; display: inline-block; width: 45px; height: 1px; background-color: #2E98E5;}
h2.jisseki:before {left:0;}
h2.jisseki:after {right: 0;}

@media (max-width: 780px) {
#gMenu .assistive-text {background-color: #2E98E5; border-top: 1px;}
h2.jisseki {color: #2E98E5; font-size: 1em; padding: 20px 55px 0px; text-align:center; font-weight:bold;}
.content h2  {font-size:90%; color:#fff; background: #103184; padding: 1em; }
h2.cont  {padding: .5em; color: #03A9F4; border-left: solid 5px #2E98E5; background: #F2F5FA; font-size: 1em; margin: 10px 0;}
}

.content h3 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
h3.cont  {padding: .5em; color: #333; border-bottom: solid 1px #7db4e6; margin:.5em 0;  font-size: 18px}
h3.cont  {padding: .5em; color: #333; border-bottom: solid 1px #7db4e6; margin:.5em 0;  font-size: 18px}
h3.localHead {background: #2E98E5; text-align: center; color: #fff; border: none!important;}
.content h4 {color:#485260; clear: both; font-size: 15px; margin: 30px 0px 10px; padding: 0px 0px 2px; border-bottom: 1px dotted #ccc;}

/*　背景　*/
#content {padding:0;}
#footMenu {background: #2E98E5; color: #fff;}
#footer {background: #2E98E5; color: #fff;}
#siteBottom {background: #2E98E5; color: #fff;}
#siteBottom a { color: #fff;}

.small{	font-size:70%;}
.middle{font-size:80%;}
.big{font-size:130%; font-weight:bold;}

.red{color:#FB8275;}
.blue{color:#103184;}
.black{color:#666;}

.boxb{background-color:#EFFAFF; border:1px splid #DDDDDD;}
.boxg{background-color:#F4F5F1; }

#nml table{	width:100%;}
#nml th  { padding: 20px; border:1px solid #ddd; vertical-align:middle; }
#nml td  { padding: 20px; border:1px solid #ddd; vertical-align:middle; }
#nml th  { background: #f4f4f4; }
#nml th  { width: 30%; text-align: center; }

#kai table{width:100%;}
#kai th  {padding: 10px; border:1px solid #ddd; vertical-align:middle; }
#kai td  {padding: 10px; border:1px solid #ddd; vertical-align:middle; }
#kai th  {width: 30%; text-align: center; color:#003192; background: #D9E5F4; background: #D9E5F4;  }

#kait table{width:100%;}
#kait th  { padding: 10px; border:1px solid #ddd; vertical-align:middle; }
#kait td  { padding: 10px; border:1px solid #ddd; vertical-align:middle; }
#kait th  {width: 30%; text-align: center; color:#003192; background: #D9E5F4; background: #D9E5F4;  }

@media only screen and  (max-width: 780px) {
#nml table{ margin:0 auto; table-layout: fixed;}
#nml th  { text-align: left; }
#nml th,#nml td{width:92%;	padding:10px; display:block;}

#kai table{ margin:0 auto; table-layout: fixed;}
#kai th  { text-align: left; }
#kai th,#kai td{width:92%;	padding:10px; display:block;}
	
#kait table{ margin:0 auto; table-layout: fixed;}
#kait th  { text-align: left; }
#kait th,#kait td{width:92%;	padding:10px; display:block;}
}

#nml2 table{	background:#fff; width:100%; margin-bottom:1em;}
#nml2 th  { text-align: center; padding: 10px; border: 1px solid #ddd; background: #f4f4f4;}
#nml2 td  { padding: 10px; border: 1px solid #ddd;  }

@media only screen and  (max-width: 780px) {
#nml2 {display: block; width: 100%;}
#nml2 thead{display: block; float: left; overflow-x:scroll;}
#nml2 tbody{display: block; width: auto; overflow-x: auto; white-space: nowrap;}
#nml2 th{display: block; width:auto;}
#nml2 tbody tr{display: inline-block; margin: 0 -3px; width:auto;}
#nml2 td{display: block;}
}

.content table {border-top: none; margin: 10px -1px 24px 0; text-align: left; width: 100%; border-collapse: collapse; border-spacing: 0; font-size: 85.7%; line-height: 141.7%;}
.content table td {border: none; padding: 10px 15px; vertical-align: top;}
.content table.mobile-block th {box-shadow: none;}
.content table.mobile-block td {border: none; display: table-cell; vertical-align:middle;}

p.mnone{margin:0;}
p.clear{   clear: both;}

#box table{border-top:none;	border:none; width:100%;}
#box tbody{border:none; width:100%;}
#box td{border:none; width:33.33%;}
#main #container .content.wide {width: 90%;	margin:0 auto; padding-bottom: 30px; overflow: hidden;}

/*メールフォーム*/
#mail {overflow: hidden; table-layout: fixed;}
#mail th{width:28%; padding:1em; text-align:center; color:#fff; background:#103184; border:1px solid #ddd;}
#mail td{padding:1em; border:1px solid #ddd;}
#mail input, textarea{width: 96% !important;}
.contactform-width {max-width: 100%;}

@media screen and (max-width: 770px){
#mail{display:block;}
#mail tbody, tr{display: block; width: 100%;}
#mail th{width:90%; display:block; margin: 0 auto; border:none; padding:1em;}
#mail td{display: list-item; list-style-type:none; margin:0; padding:1em; width: 90%; border: none; text-align:center;}
#mail input, textarea{width: 96% !important;}
.contactform-width {width: 96% !important; margin: 5px 0px;}
}
/*contactform7用のテーブル ここまで*/


/*フローティング*/
#footerFloatingMenu {display: block; width: 100%; position: fixed; left: 0px; bottom: 330px; z-index: 400; text-align: center; padding: 0 auto; background:#32A4D9;}
#footerFloatingMenu img {max-width: 99%;}
#footerFloatingMenu .fa {font-size: 2em; color: #fff; padding: 10px 15px;}

@media (max-width: 980px) {
#footerFloatingMenu {display: block; width: 100%; position: fixed; left: 0px; bottom: 0px; z-index: 9999; text-align: center; padding: 0 auto; background-color: #03A9F4;}
#footerFloatingMenu .fa {font-size: 2em; color: #fff; padding: 5px 0px;}
#footerFloatingMenu ul {width:100%; font-size: 0;}
#footerFloatingMenu li {font-size: 10px; display:inline-block; width:18%; border-left:1px solid #fff; padding: 5px 2px;}
#footerFloatingMenu li:first-child{border-left:none;}
#footerFloatingMenu a {color:#fff; text-decoration:none; font-weight:bold;}
}

.fixed-footer {position: fixed; width: 100%; bottom: 0; background:#fff; border-top: 1px solid #103184; z-index: 400; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.12); -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.12);}
.fixed-footer .inner {background:#fff; height: 80px; position: relative; width: 1000px; margin: 0 auto; padding-top:6px; padding-bottom:0px; color:#fff;}
.fttel{padding-top:10px;}
.ftmail{margin-left:20px; height:36px; line-height:130%;}
.page-id-10 .fixed-footer {display:none;}
.page-id-10 .fixed-footer .inner {display:none;}
/*フローティング ここまで*/

ul.PageNavi {margin: 0 0 10px; padding: 10px 10px 5px; background: #fff; text-align: center;}
ul.PageNavi li {display: inline; margin: 0 2px; padding: 0;}
ul.PageNavi li span,ul.PageNavi li a {display: inline-block; margin-bottom: 5px; padding: 5px 13px; background: #eeeff7; text-decoration: none; vertical-align: middle;}
ul.PageNavi li a:hover {color: #000; background: #ccf; border-color: #00f;}

.boxint{margin:2em 0; position: relative; padding: 0.5em 1.5em; border-top: solid 2px black; border-bottom: solid 2px black;}
.boxint:before, .boxint:after{content: ''; position: absolute; top: -10px; width: 2px; height: -webkit-calc(100% + 20px); height: calc(100% + 20px); background-color: black;}
.boxint:before {left: 10px;}
.boxint:after {right: 10px;}
.boxint p {margin: 0; padding: 0;}

#footerSiteMap .menu a,#footerSiteMap .menu a:hover { color:white; }

.koe3 dl {display:table; padding:0 .5em .5em;}
.koe3 dt {background:#03A9F4; padding:1em 2em; color:#fff; text-align:center;}
.koe3 dd {text-align:center; padding:1em 1em 0 1em; border:#F8F8F8 2px solid;}

@media screen and (max-width: 770px){
.koe3 {width:100%; 	display:flex;}
.koe3 dl {width:100%; display:table;	padding:0;}
.koe3 dt {padding:1em;}
.koe3 dd {padding:.5em;}
}

.box{border:#F8F8F8 1px solid; border-width:10px; text-align:center!important; line-height:4!important;}
.box2{padding:0 1em; margin:0 auto;	text-align:left;}

#guidance th{padding:1em; text-align:center; color:#fff; background:#103184; border:1px solid #ddd;}
#guidance td{padding:1em; border:1px solid #ddd;}

@media screen and (max-width: 770px){
#guidance th{display:block; width:100%; padding:1em; text-align:center; color:#fff; background:#103184; border:1px solid #ddd; font-weight:bold;}
#guidance td{display:block; padding:1em; border:1px solid #ddd;}
}

.labelsyousainew{display:block; width:90%; font-weight:bold; text-align:center; color:#ddd; border:#ddd 1px solid; background-color:#fff; padding:5px 20px; margin-top:.5em; margin-left:.5em;}

@media screen and (min-width: 768px){
.sp{display: none!important;}
}
@media screen and (max-width: 768px){
.pc{display: none!important;}
}

#lawyerinfo dl{display: inline-block; width: 49%; margin:0 .1em 1em;}
#lawyerinfo dt{text-align:center; height:auto; margin-bottom:0;}
#lawyerinfo dt img{width:100%; height:auto;}
#lawyerinfo dd :hover{color:#fff; background-color:#808080;}

#problem {display: flex;}
#problem dl{display: block; width: 16%; margin:0em .5em 1em; float : left;}
#problem dt{height:auto;}
#problem dd{padding-left : 5px; padding-right : 5px; margin-bottom:0; font-size:70%;}

@media screen and (max-width: 780px){
#lawyerinfo dl{display: block; width: 100%; margin:0 auto;}
#lawyerinfo dt{padding:1em; color:#fff; text-align:center; height:auto; margin-bottom:0;} 
#problem {display: table;}
#problem dl{width: 28%; margin-bottom:1em;}
#problem dt{height:auto;}
#problem dd{padding:none; margin-bottom:0; font-size:70%;}
#problem dd a{text-decoration:none;}
}

.slickaria {margin: 0; background: #f5f5f5; padding: 20px 0 10px;}
.slickaria img {border:1px solid #ddd;}
.slickaria img:hover {box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1); transform: translateY(-4px);	transition: 0.2s;}
.kaiinner{max-width: 1200px; margin: 0 auto; padding: 20px 30px;}
.mb {margin-bottom: 1em;}
.flex-control-nav li a { display: none;}
.info dl{display:flex; flex-wrap: wrap; border: 1px solid #ccc; border-top: none; margin-bottom:10px;}
.info dt{background: #ddd; width: 20%; padding: 10px; box-sizing: border-box; border-top: 1px solid #ccc; text-align:center;}
.info dd{padding: 10px; margin: 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc;  width: 80%; background: #fff; box-sizing: border-box;}

@media screen and (max-width: 780px){
#panList  {display: none;}	
.content img.alignright {display: block;  margin:0 auto 1em; width:90%; height:auto; float:inherit;}
#content p.leadTxt, .leadTxt {font-size: 1.5em; line-height: 150%; padding: 0; font-weight: bolder; color:#2E98E5;}
.info dl{flex-flow: column nowrap;}
.info dt,.info dd{width: 100%;}
.info dd{ border-left: none;}
}

/*メールフォーム*/
#mail textarea {width: 92% !important;}
form input[type=text], form input[type=email], form input[type=password], form input[type=date], form select, form textarea {border: 1px solid #e5e5e5; border-radius: 4px; padding: 10px 5px; outline: 0; margin: 5px 5px 5px 0; -webkit-appearance: none; font-size: 100%; width:90%;}
#mail {overflow: hidden; table-layout: fixed;}
#mail th{width:28%; padding:1em; text-align:center; color:#fff; background:#fff; border-bottom:1px solid #ddd; border-top:none; border-left:none; border-right:none;}
#mail th.row{vertical-align:top;}
#mail td{padding:1em; border-bottom:1px solid #ddd; border-top:none; border-left:none; border-right:none;}
.contactform-width {max-width: 100%;}
.required{padding: 0.5em 1em; font-weight: bold; color: #fff; background: #FF6A5E; border-radius: 5px; font-size:.8em; float:left;}
.any{padding: 0.5em 1em; font-weight: bold; color: #fff; background: #668AD8; border-radius: 5px; font-size:.8em; float:left;}
.textright{text-align:right; color:#000; line-height:2; float:right;}

@media screen and (max-width: 770px){
#mail{display:block;}     
#mail tbody,tr{display: block; width: 100%;}
#mail th{width:90%; display:block;  margin: 0 auto; border:none; padding:0 1em; text-align:left;}
#mail td{display: list-item; list-style-type:none; margin:0; padding:1em; width: 90%; border: none; text-align:center;}
#mail input, textarea{width: 96% !important;}
.contactform-width {width: 96% !important; margin: 5px 0px;}
.required,.any{margin-right:.5em;}
.textright{float:none; line-height:2;}
}

/* スライドする要素 */
.contents {width: 300px; height: 300px;	margin:0 40px;}

/* スライドレールの枠 */
.wrap {overflow: hidden; display: flex; align-items: center; height: 340px;}

/* content4つをまとめたスライドブロック */
.slideshow {display: flex; -webkit-animation: loop-slide 50s infinite linear 1s both; animation: loop-slide 50s infinite linear 1s both;}
@-webkit-keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
@keyframes loop-slide {
  from {transform: translateX(0);}
  to {transform: translateX(-100%);}
}
/* ホバー時に動きを止める（パターン2・3）*/
.slide-paused:hover .slideshow {-webkit-animation-play-state: paused; animation-play-state: paused;}

/* ホバー時の装飾（パターン3） */
.content-hover { transition: all 0.2s;}
.content-hover:hover {cursor: pointer;}