@charset "utf-8";
/*テンプレートここから*/
/*スマホ用ナビ-----------------*/
header {
	display: none;
}
header nav {
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #555555;
	height: 50px;
	padding-top: 10px;
}
header nav ul li {
	float: left;
	margin-right: 5px;
}
header nav ul li a img {
	vertical-align: top;
}
header nav ul li:first-child {
	margin-left: 0;
}
header nav ul li ul {
	display: none;
}
/*--------------------------------------*/

/*テンプレート----------------------*/

#hed-box100 {
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0;
  background-color: #BFEAF2;
}
#hed-rogo {
	width: 32%;
	float: left;
  margin-left: 1%;
  margin-top: 30px;
  margin-bottom: 20px;
}
#hed-wrap-right {
	width: 67%;
	float: left;
}
#hed-h1-box {
  width: 100%;
  float: left;
  text-align: right;
  color: #7E592C;
  font-size: 12px;
  margin-top: 35px;
}
#hed-tel {
	width: 100%;
	float: left;
  text-align: right;
  margin-top: 30px;
}
#navbox {
  float: left;
  width: 100%;
  background-image: url(../images/kyotsu/nav_haikei.png);
  background-repeat: repeat-x;
  border-bottom: 16px solid #2E8EC3;
  display: block;
}

.navbox01 {
	float: left;
	width: 9.52%;
}
.navbox02 {
	float: left;
	width: 18.096%;
}


#temp-content-100box {
	width: 100%;
	display: block;
	float: left;
	height: auto;
	margin-top: 0px;
	margin-bottom: 30px;
}

#futa-haikei {
  float: left;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 20px;
  border-top: 1px solid #999999;
}
#futa-left {
	float: left;
	width: 66%;
}
.futa-left-innar {
	float: left;
	width: 100%;
}

#futa-rogo {
	float: left;
	width: 46%;
}

#futa-center {
  float: left;
  width: 54%;
  color: #00267D;
  margin-top: 40px;
}
#futa-address {
  float: left;
  width: 47%;
  color: #00267D;
  margin-top: 20px;
}
#futa-tel {
  float: left;
  width: 53%;
  color: #00267D;
  margin-top: 40px;
  font-size: 16px;
}
#futa-tel a:link {
 color: #00267D;
 text-decoration: none;
}
#futa-right {
	float: left;
	width: 29.7%;
  padding-left: 4.3%;
}
#futa-jikanhyo {
	float: left;
	width: 100%;
}
#futa-jikanhyo-tex {
	float: left;
	width: 100%;
  font-size: 14px;
	line-height: 1.6em;
  margin-top: 5px;
}
#futa-blue-haikei-ue{
  clear: both;
  width: 100%;
  background-color: #2E8EC3;
}
#futa-pc-link{
  clear: both;
  width: 100%;
  margin-right: auto;
	margin-left: auto;
  text-align: center;
  font-size: 12px;
	line-height: 1.2em;
  color: #FFFFFF;
  padding-top: 15px;
  padding-bottom: 15px;
}
#futa-blue-haikei-ue a {
	color: #FFFFFF;
	text-decoration: none;
}
#futa-blue-haikei-ue a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#futa-blue-haikei-shita{
  clear: both;
  width: 100%;
  background-image: url(../images/kyotsu/futa_haikei.png);
  background-repeat: repeat-x;
  text-align: center;
  color: #FFFFFF;
  font-size: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.0em;
}

/*スマホのみフッタアコーディオンナビ---------*/


.accordion {
	width: 100%;
	clear: both;
	display: none;
	border-bottom: 1px solid #B5DA45;
}
.accordion > ul > li > a {
	display: block;
	color: #333333;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	padding-top: 11px;
	padding-bottom: 11px;
	position: relative;
	border-top: 1px solid #B5DA45;
        background-color: rgba(210,233,143,0.5);
        text-indent: 10px;
}
.accordion > ul > li > a:hover{
  background-color: rgba(210,233,143,0.2);
}
.accordion > ul > li > a:after, .accordion > ul > li > a.active:after{
  font-size: 14px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #333333;
}
.accordion > ul > li > ul {
  display: none;
}
.accordion > ul > li > ul > li > a{
  display: block;
  color: #7F337D;
  font-size: 14px;
  background-color: #D6BED3;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
}
.accordion > ul > li > ul > li > a:hover{
	background-color: #D6BED3;
	color: #FFFFFF;
	text-decoration: none;
}
.title {
  width: 100%;
}


/*----------------------*/



/*ページトップボタン----*/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	text-decoration: none;
	color: #FFFFFF;
	width: 60px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background-color: rgba(163,208,233,0.9);
}

#page-top a:hover {
	text-decoration: none;
	background-color: rgba(163,208,233,0.5);
}

/*--------------------------------------*/

/*共通----------------------*/

/*メインタイトル-------*/

#maintitl100box {
  width: 100%;
  float: left;
  border-bottom: 1px solid #2E8EC3;
}
#maintitl {
  width: 100%;
  float: left;
  padding-top: 70px;
  padding-bottom: 69px;
  background-image: url(../images/kyotsu/maintitle_haikei.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  text-align: right;
}

.sub-titl {
  width: 100%;
  float: left;
  border-bottom: 2px dotted #003399;
  font-size: 22px;
  color: #003399;
  padding-bottom: 3px;
  margin-top: 40px;
}
.sub-titl-brown {
  width: 100%;
  float: left;
  border-bottom: 2px dotted #003399;
  font-size: 22px;
  color: #8C6531;
  padding-bottom: 3px;
  margin-top: 40px;
}
.sub-titl-blue {
  width: 100%;
  float: left;
  border-bottom: 2px dotted #003399;
  font-size: 22px;
  color: #2E8EC3;
  padding-bottom: 3px;
  margin-top: 40px;
}

.texbox-moji16 {
  width: 99%;
  float: left;
  font-size: 16px;
  line-height: 1.7em;
  padding-top: 10px;
  padding-left: 1%;
}
.texbox-moji16-shitaaki {
  width: 99%;
  float: left;
  font-size: 16px;
  line-height: 1.7em;
  padding-top: 10px;
  padding-left: 1%;
  margin-bottom: 30px;
}

/*パンクズリンク*/
#pankuzubox {
	font-size: 14px;
	color: #666666;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
  line-height: 1.2em;
  float: left;
}
#pankuzubox a:link {
 color: #666666;
 font-size: 14px;
 text-decoration: none;
}
#pankuzubox a:visited {
 color: #666666;
 font-size: 14px;
 text-decoration: none;
}
#pankuzubox a:hover {
 color: #FF9933;
 font-size: 14px;
 text-decoration: none;
}
#pankuzubox a:active {
 color: #666666;
 font-size: 14px;
 text-decoration: none;
}

/*共通ここまで----------------*/


/*デザイン関連共通*/
.icon-center {
	vertical-align: middle;
}

.toka {
}
.ueaki10 {
  margin-top: 10px;
}
.ueaki20 {
  margin-top: 20px;
}
.migiyose {
  text-align: right;
}


/*-------------------------------*/

/*トップページ*/
#top-maingazo {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #2E8EC3;
  background-image: url(../images/top/top_maingazo.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 495px;
}


/*スマホトップメイン画像*/
#sp-top-maingazo {
	float: left;
	width: 100%;
  text-align: center;
  border-bottom: 3px solid #2E8EC3;
  display: none;
}
/*---------------------*/

#top-left-wrap {
  float: left;
  width: 68.55%;
  margin-top: 50px;
}

#top-right-wrap {
  float: left;
  width: 25.5%;
  margin-top: 50px;
  margin-left: 5.95%;
}
.top-title-2line {
  float: left;
  width: 97%;
  background-image: url(../images/top/titlemark_big.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 13px;
  margin-bottom: 8px;
}

.top-title-blue {
  float: left;
  width: 100%;
  font-size: 18px;
  line-height: 1.4em;
  color: #061777;
}
.top-title-brown {
  float: left;
  width: 100%;
  font-size: 12px;
	line-height: 1.2em;
	color: #8C6531;
}

.top-copy-tex01 {
  float: left;
  width: 98%;
  margin-top: 5px;
  margin-bottom: 30px;
  margin-left: 2%;
  font-size: 16px;
  line-height: 1.7em;
}
.top-bege-wakubox {
  float: left;
  width: 95.8%;
  background-color: #FFFDF7;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 2%;
  padding-right: 2%;
}
.top-gray-wakubox-wrap-l {
  float: left;
  width: 47.6%;
  margin-top: 40px;
}
.top-gray-wakubox-wrap-r {
  float: left;
  width: 47.6%;
  margin-left: 4.8%;
  margin-top: 40px;
}
.top-gray-wakubox {
  float: left;
  width: 93.8%;
  background-color: #F7F7F7;
  border: 1px solid #E7E7E7;
  border-radius: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 3%;
  padding-right: 3%;
}

.top-gray-wakubox-innar-line {
  float: left;
  width: 100%;
  border-bottom: 1px dotted #000066;
  padding-bottom: 10px;
}
.top-gray-wakubox-innar {
  float: left;
  width: 100%;
  padding-top: 10px;
}
.top-title-oneline {
  float: left;
  width: 97%;
  background-image: url(../images/top/titlemark_small.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 13px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 40px;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.4em;
  color: #00267D;
}
.top-orange-titlemoji {
  font-size: 16px;
  line-height: 1.7em;
  color: #FF6600;
  font-weight: bold;
}

.top-campaign-wakubox {
  float: left;
  width: 93.6%;
  border: 2px solid #E6D79D;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 3%;
  padding-right: 3%;
  line-height: 1.5em;
	color: #8C6531;
  margin-bottom: 30px;
}
.top-campaign-wakubox a {
	color: #FF6600;
	text-decoration: none;
}
.top-campaign-wakubox a:hover {
	color: #00277D;
	text-decoration: none;
}
.top-newsbox-wrap {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.top-newsbox {
  float: left;
  width: 100%;
  height: 130px;
  overflow-y: auto;
}
.top-news-date {
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 1.4em;
  border-bottom: 1px dotted #000066;
  font-weight: bold;
  padding-top: 8px;
}
.top-news-tex {
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 1.5em;
  border-bottom: 1px dotted #000066;
  padding-top: 10px;
  padding-bottom: 10px;
}
.top-mapbox {
  float: left;
  width: 100%;
  padding-top: 5px;
}
.top-mapbox-shita {
  float: left;
  width: 100%;
  line-height: 1.5em;
  padding-top: 10px;
}
.top-right-telbox {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 8px;
}
.top-right-jikanhyobox {
  float: left;
  width: 100%;
  margin-top: 25px;
}
.top-jikanhyo-shita {
  float: left;
  width: 100%;
  line-height: 1.5em;
  color: #8C6531;
  padding-top: 10px;
  padding-bottom: 30px;
}
.top-fujimoto-bana {
  float: left;
  width: 100%;
  margin-top: 30px;
}

/*コンタクトレンズについて*/

.about-wrap-left {
  float: left;
  width: 47.6%;
  margin-top: 30px;
}

.about-wrap-right {
  float: left;
  width: 47.6%;
  margin-top: 30px;
  margin-left: 4.8%;
}
.about-title-orange {
  float: left;
  width: 99%;
  margin-left: 1%;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.5em;
  color: #FA7923;
}

.about-wakubox {
  float: left;
  width: 94.8%;
  background-color: #FFFDF7;
  border: 1px solid #E7E7E7;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 2.5%;
  padding-right: 2.5%;
  border-radius: 5px;
}


/*ソフトコンタクトレンズ*/

.soft-hyoujikakaku {
  float: left;
  width: 100%;
  text-align: right;
}

.soft-l-r-wrap {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.soft-l-r-wrap-shitaaki {
  float: left;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
}

.soft-wrap-left {
  float: left;
  width: 47.6%;
}
.soft-wrap-right {
  float: left;
  width: 47.6%;
  margin-left: 4.8%;
}

.soft-name {
  float: left;
  width: 99%;
  margin-left: 1%;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.5em;
  color: #003399;
}
.soft-name-brown {
  float: left;
  width: 99%;
  margin-left: 1%;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.5em;
  color: #8C6531;
}
.soft-name-blue {
  float: left;
  width: 99%;
  margin-left: 1%;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.5em;
  color: #2D8DC3;
}
.soft-wakubox {
  float: left;
  width: 94.8%;
  border: 1px solid #CCCCCC;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 2.5%;
  padding-right: 2.5%;
  border-radius: 5px;
}

.soft-wakubox-innar-ue-l {
  float: left;
  width: 43%;
}
.soft-wakubox-innar-ue-r {
  float: left;
  width: 57%;
  line-height: 1.5em;
}
.soft-hanbai-kakaku {
  font-size: 16px;
  margin-bottom: 6px;
}
.soft-wakubox-innar-shita {
  float: left;
  width: 100%;
  border-top: 1px dotted #000066;
  padding-top: 5px;
  margin-top: 10px;
}


/*ケア用品*/

.goods-wakubox {
  float: left;
  width: 96.8%;
  border: 1px solid #CCCCCC;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 1.5%;
  padding-right: 1.5%;
  border-radius: 5px;
  margin-top: 20px;
}
.goods-wakubox-shitaaki {
  float: left;
  width: 96.8%;
  border: 1px solid #CCCCCC;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 1.5%;
  padding-right: 1.5%;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.goods-wakubox-ue {
  float: left;
  width: 100%;
}
.goods-wakubox-ue-l {
  float: left;
  width: 47.6%;
}
.goods-wakubox-ue-r {
  float: left;
  width: 47.6%;
  margin-left: 4.8%;
}
.goods-wakubox-ue-c {
  float: left;
  width: 100%;
  font-size: 16px;
	line-height: 1.5em;
	color: #8C6531;
  text-align: center;
}
.goods-name {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5em;
  color: #003399;
}
.goods-name-brown {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.5em;
  color: #8C6531;
}
.goods-img {
  float: left;
  width: 50%;
  text-align: center;
}
.goods-tex {
  float: left;
  width: 50%;
  line-height: 1.5em;
}
.goods-hanbai-kakaku {
  font-size: 16px;
  margin-bottom: 6px;
}
.goods-wakubox-shita {
  float: left;
  width: 100%;
  border-top: 1px dotted #000066;
  padding-top: 20px;
  margin-top: 15px;
}
.goods-wakubox-shita-hard {
  float: left;
  width: 100%;
  border-top: 1px solid #CCCCCC;
  padding-top: 20px;
  margin-top: 15px;
}
.goods-wakubox-shita-l {
  float: left;
  width: 46.6%;
  padding-left: 1%;
}
.goods-wakubox-shita-r {
  float: left;
  width: 47.6%;
  margin-left: 4.8%;
}
.goods-orangemoji {
  font-size: 16px;
	line-height: 1.4em;
	color: #F87921;
  margin-bottom: 5px;
}
/*営業時間・マップ------*/

.map-left-wrap {
  float: left;
  width: 47.6%;
}
.map-right-wrap {
  float: left;
  width: 47.6%;
  margin-left: 4.8%;
}
.map-imgbox {
  float: left;
  width: 97%;
  padding-left: 3%;
  margin-top: 20px;
}
.map-imgbox-map {
  float: left;
  width: 97%;
  padding-left: 3%;
  margin-top: 20px;
  margin-bottom: 30px;
}
.map-jikanhyo-tex {
  float: left;
  width: 97%;
  padding-left: 3%;
  margin-top: 10px;
  color: #990000;
}
.map-toiawase-tex {
  float: left;
  width: 95%;
  padding-left: 3%;
  padding-right: 2%;
  margin-top: 20px;
  font-size: 16px;
	line-height: 1.8em;
}
.map-toiawase-moji18 {
  font-size: 18px;
	line-height: 1.6em;
  margin-top: 10px;
}

/*サイトマップ--------*/

.site-wrap {
  float: left;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.site-linebox {
  width: 100%;
  float: left;
  border-bottom: 2px dotted #003399;
  margin-top: 30px;
}

.site-linebox-l {
  width: 35%;
  float: left;
  font-size: 18px;
  color: #003399;
  line-height: 1.4em;
  padding-bottom: 3px;
  text-decoration: none;
}
.site-linebox-l a:link {
	color: #003399;
	text-decoration: none;
  display: block;
}
.site-linebox-l a:visited {
 color: #003399;
 text-decoration: none;
}
.site-linebox-l a:hover {
	color: #F97922;
	text-decoration: none;
}
.site-linebox-l a:active {
 color: #003399;
 text-decoration: none;
}
.site-linebox-r {
  width: 65%;
  float: left;
  color: #8C6531;
  padding-bottom: 3px;
}

/*キャンペーン情報------*/

.can-copy {
  float: left;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
  font-size: 16px;
	line-height: 1.8em;
}