@charset "utf-8";
/* CSS Document */

/*
Theme Name: スマホ堂様用 WordPress Template
Description: CMSプラン用のテンプレートテーマです。
Version: 1.3
Author: k-design
*/

@import url(css/post.css);
@import url(css/widget.css);
@import url(css/comments.css);

html, body{
	width:100%;
}

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

body {
	font-size:14px;
	line-height:1.6;
	font-family: "游ゴシック", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	overflow-y: scroll;
	color:#333333;
}

h2{
	margin-bottom:15px;
}

h3.sub-title{
	height:30px;
	line-height:30px;
	margin-bottom:15px;
	padding-left:45px;
	font-weight:bold;
}

p{
	margin-bottom:10px;
}

ol, ul {
	list-style:none;
}

table {
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse;
	border-spacing:0;
}

caption, th, td {
	padding:10px;
	border:1px solid #333333;
	font-weight:normal;
	text-align:left;
}

table th{
	font-weight:bold;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    content:none;
}

blockquote, q {
    quotes:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align:bottom;
}

a img {
	border: 0;
}

a:hover img,
a:active img{
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

hr{
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select{
    vertical-align:middle;
}

/* パンくずリスト */

#bread_crumbs{
	margin-bottom:20px;
	background:#999999;
}

.bread_crumbs{
	width:1024px;
	height:40px;
	line-height:40px;
	margin:0 auto;
	color:#FFFFFF;
	overflow:hidden;
}

.bread_crumbs,
.bread_crumbs a{
	color:#FFFFFF;
	font-size:12px;
}

.bread_crumbs li{
	float:left;
}

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

.navigation{
	padding:30px 0;
	color:#888;
	font-size:12px;
	line-height:18px;
	overflow:hidden;
	clear:both;
}

.nav-previous{
	float:left;
	width:50%;
}

.nav-next{
	float:right;
	text-align:right;
	width:50%;
}

/* text right */

.txt_r{
	text-align:right;
	clear:both;
}

/* alignleft */

.alignleft{
	float:left;
}

/* alignright */

.alignright{
	float:right;
}

.center{
	text-align:center;
}

.attention{
	color:#D90000;
}

.red{
	color:#D90000;
}

/* 基本設定 */

.wrap{
	width:1024px;
	margin:0 auto;
}

#contents .post{
	overflow:hidden;
}

.single #contents{
	background:#FFFFFF;
	overflow:hidden;
}

.category #contents{
	margin-top:10px;
}

.category #sidebar{
	margin-top:10px;
}

.box{
	margin-bottom:24px;
	overflow:hidden;
}

.m_btm{
	margin-bottom:24px;
}

.s-box{
	width:256px;
}

.m-box{
	width:512px;
}

.pagetop{
	text-align:right;
}

/* ===== header ===== */

#header{
	padding:10px 0;
	position:relative;
	background:#333333;
	color:#FFFFFF;
}

#header .header{
	width:1024px;
	margin:0 auto;
	position:relative;
}

#header h1{
	font-size:12px;
}

/* logo */

#logo{
	margin-left:-55px;
	position:absolute;
	top:0;
	left:50%;
	z-index:999;
}

.header .tel{
	position:absolute;
	top:0;
	right:0;
}

.header .tel ul li{
	margin-left:15px;
	float:left;
}

h3.link{
	background:url(image/link.png) no-repeat;
}

.bg{
	position:absolute;
	top:0;
	right:0;
}

/* ===== global_menu ===== */

#global_menu{
	height:95px;
	overflow:hidden;
	background:url(image/access-bg.png);
}

.single #global_menu,
.archive #global_menu{
	margin-bottom:20px;
}

#global_menu ul{
	width:1024px;
	height:95px;
	margin:0 auto;
}

#global_menu li{
	float:left;
}

#global_menu li a{
	width:150px;
	height:0;
	padding-top:95px;
	text-align:center;
	display:block;
	background:url(image/global_menu.png) no-repeat;
	overflow:hidden;
}

#global_menu li.menu1 a{
	background-position:0 0;
}

#global_menu li.menu2 a{
	background-position:-150px 0;
}

#global_menu li.menu3 a{
	margin-right:124px;
	background-position:-300px 0;
}

#global_menu li.menu4 a{
	background-position:-574px 0;
}

#global_menu li.menu5 a{
	background-position:-724px 0;
}

#global_menu li.menu6 a{
	background-position:-874px 0;
}

/* ===== main-image ===== */

#main-image{
	text-align:center;
	background-color:#B2B2B2;
}

#main-image img{
	width:1024px;
	margin:0 auto;
	display:block;
}

.home #main-image{width:100%;}
.home #main-image img{width:100%;}

/* ===== info ===== */

.info{
	margin-bottom:20px;
	background:#EFEFEF;
}

.info .info_box{
	padding:10px 0;
	position:relative;
	overflow:hidden;
}

.info .info_box h2{
	width:150px;
	margin:0 20px 0 0;
	float:left;
}

.info .info_box ul{
	height:30px;
}
.bx-wrapper .bx-viewport{border:1px solid #CCCCCC;box-sizing:border-box;}

.info .info_box li{
	padding:5px 20px;
}

.info .info_box li span.date{
	margin-right:20px;
}

.info p.list{
	margin-bottom:0;
	position:absolute;
	top:10px;
	right:0;
}

.info p.list a{
	width:150px;
	height:30px;
	line-height:30px;
	display:block;
	background:#333333;
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
}

/* ===== wrapper ===== */

#wrapper{
	width:1024px;
	margin:0 auto;
	padding:0 50px;
	overflow:hidden;
}

#wrapper h2.center{
	margin:9px 0;
	text-align:center;
	font-size:18px;
	color:#808080;
}

/* banner */

#wrapper ul.banner{
	padding:0 0 24px 0;
	overflow:hidden;
	clear:both;
}

#wrapper ul.banner li{
	float:left;
}

#wrapper ul.banner li.center{
	margin:0 20px;
}

/* ===== news ===== */

#news{
	margin-bottom:25px;
	border-bottom:1px solid #000000;
	overflow:hidden;
}

.news{
	margin:0 -12px 20px;
	overflow:hidden;
}

.news .news-box{
	width:238px;
	margin:0 12px;
	float:left;
	position:relative;
}

.news .news-box .heightLine-feed{
	width:230px;
	height:170px;
	margin-bottom:0;
	border:4px solid #CCCCCC;
	overflow:hidden;
	position:relative;
	display:block;
	z-index:1;
}

.news .news-box .heightLine-feed img{
	height:auto;
	position:absolute;
}

.news .news-box p.news-date{
	padding:0 15px;
	position:absolute;
	top:3px;
	left:3px;
	background:#FFE100;
	z-index:999;
}

.news .news-box h3{
	width:190px;
	padding:10px 20px;
	position:absolute;
	bottom:4px;
	left:4px;
	background:rgba(0,0,0,0.5);
	color:#FFFFFF;
	font-size:12px;
	z-index:999;
}

.news .news-box h3 a{
	color:#FFFFFF;
	text-decoration:none;
}

/* top_sns_box */

.top_sns_box{
	margin-bottom:30px;
	overflow:hidden;
}

.top_sns_box .alignleft,
.top_sns_box .alignright{
	width:500px;
}

/* ===== map ===== */

#map{
	clear:both;
	overflow:hidden;
}

#map h3{
	height:30px;
	line-height:30px;
	color:#000000;
	background:#FFE100;
	text-align:center;
}

/* access */

#access{
	padding:24px 0;
	background:#333333;
	color:#FFFFFF;
	overflow:hidden;
}

#access .h-box{
	width:452px;
	padding:0 30px;
	float:left;
}

#access h3.shop{
	background:url(image/shop.png) no-repeat;
}

/* contact */

#access .contact form dl{
	margin-bottom:20px;
	overflow:hidden;
}

#access .contact form dl dt{
	width:177px;
	float:left;
}

#access .contact form dl dd{
	width:275px;
	float:left;
}

#access .contact form dl dd input{
	width:100%;
}

#access .contact form dl dd textarea{
	width:100%;
	height:70px;
}

#access .contact form input[type=submit]{
	margin-left:177px;
}

#access h3.mail{
	background:url(image/mail.png) no-repeat;
}

/* ===== footer ===== */

#footer{
	padding:24px 0 0;
	background:url(image/access-bg.png);
	overflow:hidden;
}

#footer .footer{
	padding:24px 0 0;
	overflow:hidden;
}

#footer .footer .s-box,
#footer .footer .m-box{
	margin-bottom:15px;
	float:left;
}

#footer .footer .m-box{
	width:452px;
	padding-left:60px;
}

#footer .footer .m-box h3{
	margin-bottom:20px;
	font-size:18px;
}

#footer .footer h3.service{
	background:url(image/service.png) no-repeat;
}

#footer .copyright{
	padding:24px 0 12px;
	text-align:center;
	background:#FFFFFF;
	clear:both;
}

/* ===== contents ===== */

#contents{
	width:660px;
	margin-bottom:24px;
	float:left;
}

.page #contents .post h2{
	font-size:16px;
}

.page #contents .post h2.list-head{
	padding-left:30px;
	background:url(image/list-head.png) no-repeat 0 5px;
}

/* ===== sidebar ===== */

#sidebar{
	width:320px;
	margin-bottom:24px;
	float:right;
}

#sidebar h3{
	margin:0;
}

#sidebar .box{
	margin-bottom:24px;
}

#sidebar .sns_box{
	padding:10px 20px;
	background:#E6E6E6;
}

/* ===== banner ===== */

#sidebar ul.banner{
	padding:0;
}

#sidebar ul.banner li{
	margin-bottom:15px;
	float:none;
}

#sidebar ul.banner li img{
	width:362px;
}

/* ===== repair ===== */
.repair #contents .post table thead th{text-align:center;}
.repair #contents .post table.iphone thead th{background:#FFE03B;}
.repair #contents .post table.ipad thead th{background:#FBB03B;}
.repair #contents .post table.ipad tbody td small{display:block;}
.repair #contents .post table.ipod thead th{background:#F15A24;color:#FFFFFF;}
.repair #contents .post table.water thead th{background:#70BCFB;color:#FFFFFF;}
.repair #contents .post table tbody td{text-align:center;vertical-align:middle;}
.repair #contents .post table.water tbody td{text-align:inherit;}
.repair #contents .post table tbody tr:nth-child(odd){background:#F2F2F2;}
.repair .excerpt_box{padding:16px;border:2px dashed #000000;}
.repair .excerpt_box dt{margin-bottom:16px;font-size:120%;font-weight:600;}
.repair .excerpt_box dd ol{margin-bottom:0;}

#iPad table thead th{text-align:center;}
#iPad table tbody th{width:140px;}
#iPad table tbody td{text-align:right;}
#iPod table thead th{text-align:center;}
#iPod table tbody th{width:140px;}
#iPod table tbody td{text-align:right;}
.post #iPad h4{margin:8px 0 0;padding:0;font-weight:600;}
/* ===== data-transfer ===== */

.data-transfer #contents .post table caption{
	caption-side:bottom;
	border:none;
}

.data-transfer #contents .post table thead th,
.data-transfer #contents .post table tbody td{
	text-align:center;
}

.data-transfer #contents .post table.trance thead th{
	background:#FFE03B;
}

dl.flow{
	margi-bottom:24px;
	overflow:hidden;
}

dl.flow dt{
	float:left;
}

dl.flow dd{
	width:400px;
	float:right;
	font-size:14px;
}

dl.flow dd h4{
	color:#0071BC;
	font-size:16px;
	font-weight:bold;
}

.data-transfer #contents .post p.center{
	margin-bottom:24px;
	clear:both;
}

/* ===== reserv ===== */

.reserv #contents form dl{
	margin-bottom:30px;
	overflow:hidden;
}

.reserv #contents form dl dt{
	margin-bottom:10px;
	font-size:15px;
}

.reserv #contents form dl dd{
	margin-bottom:20px;
}

.reserv #contents form dl dd input[type=text],
.reserv #contents form dl dd input[type=tel],
.reserv #contents form dl dd input[type=email],
.reserv #contents form dl dd textarea{
	width:90%;
	padding:10px;
	background-color: #F2F2F2;
	border: 1px solid #999999;
}

.reserv #contents form dl dd .wpcf7-list-item{
	display:block;
}

.reserv #contents .select_area{
	width: 90%;
	margin-right: 10px;
	padding: 10px;
	background:url(image/arrow01.png) no-repeat right center;
	background-color: #F2F2F2;
	border: 1px solid #999999;
	font-size: 13px;
	-webkit-appearance:none;
}

.reserv #contents .select_area::-ms-expand {
	display: none;
}

.reserv #contents form .submit-btn{
	clear:both;
}

.reserv #contents form .btn_confirm{
	width: 225px;
	height: 45px;
	letter-spacing: 1px;
	cursor: pointer;
	border: 2px solid #B23117;
	border-radius: 0;
	color: #FFFFFF;
	background-color: #B23117;
	font-weight: bold;
	font-size: 15px;
}

/* 一覧 */

.archive .news_box{
	margin:0 10px;
	background:#FFFFFF;
}

.repair #set_box h3.sub-title{
	margin-top:-90px;
	padding-top:90px;
}