@charset "UTF-8"; @import url("smoothness/jquery-ui-1.8.4.custom.css"); /* ======================================================================= CSSの名前：style.css 最終更新日時：2012/2/15 -------------------------------------------------------------------------- 1.reset 2.base 3.コンテナ・サイドバー・メインコンテンツ 4.ヘッダ 5.サイドバー 6.extファイル用 7.トップページ 8.カートの中身～注文完了まで、プレゼント応募～完了まで 9.定期購入商品履歴照会・変更 10.フッタ 11.商品詳細・一覧、プレゼント詳細・一覧 12.レビュー 13.購入履歴 14.サブウインドウで表示するページ用 15.エラーページ ======================================================================= */ /* ================================================================= 1.reset =================================================================*/ body{color:#333; line-height:1.5; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; word-wrap:break-word;} body#message{ background:#FFFFFF;} #review body#message{ background:#FFFFCC;} /* すべてのタグのマージン・パディングの設定をリセット -------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0; padding:0;} li{list-style-type:none;} table{border-collapse:collapse; border-spacing:0;} img{border:0; display:block;} iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } /* ================================================================= 2.base =================================================================*/ /* padding/margin -------------------------------------------------------------*/ .m0{margin:0;} .mT0{margin-top:0;} .mB0{margin-bottom:0;} .mR0{margin-right:0;} .mL0{margin-left:0;} .mT2{margin-top:2px;} .mR2{margin-right:2px;} .mB3{margin-bottom:3px;} .mR4{margin-right:4px;} .mR5{margin-right:5px;} .mR6{margin-right:6px;} .mR7{margin-right:7px;} .mT5{margin-top:5px;} .mB5{margin-bottom:5px;} .mL5{margin-left:5px;} .mR7{margin-right:7px;} .mL8{margin-left:8px;} .mR8{margin-right:8px;} .mR10{margin-right:10px;} .mT10{margin-top:10px;} .mB10{margin-bottom:10px;} .mR14{margin-right:14px;} .mR15{margin-right:15px;} .mL10{margin-left:10px;} .mL15{margin-left:15px;} .mT15{margin-top:15px;} .mL16{margin-left:16px;} .mL20{margin-left:20px;} .mL28{margin-left:28px;} .mB15{margin-bottom:15px;} .mB18{margin-bottom:18px;} .mT10{margin-top:10px;} .mT18{margin-top:18px;} .mL14{margin-left:14px;} .mL18{margin-left:18px;} .mT20{margin-top:20px;} .mB20{margin-bottom:20px;} .mB22{margin-bottom:22px;} .mB25{margin-bottom:25px;} .mT25{margin-top:25px;} .mB27{margin-bottom:27px;} .mR20{margin-right:20px;} .mR22{margin-right:22px;} .mR28{margin-right:28px;} .mL20{margin-left:20px;} .mL24{margin-left:24px;} .mL25{margin-left:25px;} .mL26{margin-left:26px;} .mL28{margin-left:28px;} .mT30{margin-top:30px;} .mB30{margin-bottom:30px;} .mR30{margin-right:30px;} .mL30{margin-left:30px;} .mL35{margin-left:35px;} .mB35{margin-bottom:35px;} .mT35{margin-top:35px;} .mR35{margin-right:35px;} .mT40{margin-top:40px;} .mB40{margin-bottom:40px;} .mR40{margin-right:40px;} .mL40{margin-left:40px;} .mL45{margin-left:45px;} .mT45{margin-top:45px;} .mL46{margin-left:46px;} .mB43{margin-bottom:43px;} .mT50{margin-top:50px;} .mB50{margin-bottom:50px;} .mB60{margin-bottom:60px;} .mR47{margin-right:47px;} .mR50{margin-right:50px;} .mR54{margin-right:54px;} .mR55{margin-right:55px;} .mR60{margin-right:60px;} .mT60{margin-top:60px;} .mT65{margin-top:65px;} .mL65{margin-left:65px;} .mL50{margin-left:50px;} .mL54{margin-left:54px;} .mR70{margin-right:70px;} .mL70{margin-left:70px;} .mL75{margin-left:75px;} .mB75{margin-bottom:75px;} .mT70{margin-top:70px;} .mT80{margin-top:80px;} .mL80{margin-left:80px;} .mR80{margin-right:80px;} .mL60{margin-left:60px;} .mL90{margin-left:90px;} .mL94{margin-left:94px;} .mL100{margin-left:100px;} .mT100{margin-top:100px;} .mL105{margin-left:105px;} .mT125{margin-top:125px;} .mL140{margin-left:140px;} .mL415{margin-left:415px;} .mB90{margin-bottom:90px;} .mB100{margin-bottom:100px;} .mB117{margin-bottom:117px;} .mB120{margin-bottom:120px;} .mT120{margin-top:120px;} .mA{margin:auto;} .dB{display: block;} .img_block img{ display: block; 　 padding-top: 20px; margin:auto; } /*------------------------------*/ .p0{padding:0;} .p15{padding:15px;} .pT0{padding-top:0;} .pB0{padding-bottom:0;} .pR0{padding-right:0;} .pR2{padding-right:2px;} .pR5{padding-right:5px;} .pB5{padding-bottom:5px;} .pT5{padding-top:5px;} .pL0{padding-left:0;} .pT10{padding-top:10px;} .pB10{padding-bottom:10px;} .pR10{padding-right:10px;} .pL10{padding-left:10px;} .pT15{padding-top:15px;} .pB15{padding-bottom:15px;} .pR15{padding-right:15px;} .pT20{padding-top:20px;} .pB20{padding-bottom:20px;} .pR20{padding-right:20px;} .pL20{padding-left:20px;} .pL26{padding-left:26px;} .pB25{padding-bottom:25px;} .pT25{padding-top:25px;} .pT30{padding-top:30px;} .pB30{padding-bottom:30px;} .pR30{padding-right:30px;} .pL30{padding-left:30px;} .pT35{padding-top:35px;} .pT40{padding-top:40px;} .pT43{padding-top:43px;} .pB40{padding-bottom:40px;} .pR40{padding-right:40px;} .pL40{padding-left:40px;} .pL45{padding-left:45px;} .pT50{padding-top:50px;} .pB50{padding-bottom:50px;} .pB60{padding-bottom:60px;} .pB66{padding-bottom:66px;} .pT60{padding-top:60px;} .pR50{padding-right:50px;} .pL50{padding-left:50px;} .pL53{padding-left:53px;} .pL65{padding-left:65px;} .pB85{padding-bottom:85px;} .pL85{padding-left:85px;} .pL88{padding-left:88px;} .pB94{padding-bottom:94px;} .pL318{padding-left:318px;} .pT100{padding-top:100px;} .pB100{padding-bottom:100px;} .pT120{padding-top:120px;} .pT165{padding-top:165px;} .pL365{padding-left:365px;} .fwb{font-weight: bold;} /* clear -------------------------------------------------------------*/ .clear{clear:both;} .clearfloat{clear:both; height:0; font-size:1px; line-height:0;} .clearfix:after{content:""; display:block; clear:both;} .clearfix{zoom:1;} /* 左・右寄せ -------------------------------------------------------------*/ .fL{float:left;} .fR{float:right;} .txC{text-align:center;} .txR{text-align:right;} /* 基本のlink color -------------------------------------------------------------*/ a:link{color:#000000; text-decoration:none;} a:visited{color:#000000;} a:hover,a:active{color:#333333; text-decoration:underline;} /* IE7用zoom:1 -------------------------------------------------------------*/ .top{zoom:1;} .bottom{zoom:1;} .middle{zoom:1;} /* ================================================================= 3.コンテナ・サイドバー・メインコンテンツ 使用ファイル：すべてのファイル =================================================================*/ /* container - サイドバー・メインコンテンツを格納するコンテナ -------------------------------------------------------------*/ #container{width:1000px; margin:0 auto; /*background: url("../images/container_bg.png") repeat-y center;*/ padding:30px 5px 30px;} #container:after{content:""; display:block; clear:both;} /* sidebar - コンテナ内サイドバー -------------------------------------------------------------*/ body#sidebarbg{background:#FFFFFF;} #sidebar{float:left; width:190px; margin:0 18px 0 10px;} #rightSidebar{float:right; width:190px;} /* main - コンテナ内メインコンテンツ -------------------------------------------------------------*/ #main{float:left; width:770px; padding-bottom:30px;} #main h2{display:block; padding:0px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:16px; margin-bottom:14px;} #main .line{border-bottom:dotted 2px;} /*#main h2{display:block; height:27px; padding:0px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:16px; margin-bottom:14px;}*/ #main p{margin:5px 20px; font-size:90%; line-height:150%;} #main table{width:750px; margin:10px auto; font-size:80%; border:1px solid #CCC; line-height:160%;} #main .mailmagtable{width:650px; margin:10px auto; font-size:80%; border:1px solid #CCC; line-height:160%;} #main th{padding:5px; border:1px solid #CCC; background:#EEE; font-weight:normal;} #main th.title{width:190px; text-align:left; padding:10px;} #main th.title img{display:inline;} #main td{padding:10px; border:1px solid #CCC; /*vertical-align:top;*/} #main .buttonarea{margin:10px; padding-top:15px; text-align:center;} #main .buttonarea-amazon img{margin:0 auto; padding-top:15px;} #main .member_buttonarea img{margin: 0 auto;} #main .button-image{margin:0 auto; margin-bottom: 10px;} #main .mailmagbuttonarea{padding:15px 0 30px 0; text-align:center;} #main .buttonarea .twin{margin-right:20px;} #main .buttonarea a{display:inline-block;} #main .buttonareaFR{margin:0 20px; float:right;} #main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #main .cartbuttonarea{margin:50px auto 20px; width:220px;} #main .cartbuttonareatwin{margin-top:30px; text-align:center;} #main .cartbuttonareatwin img{margin-right:20px; display:inline;} #main .pointbutton{display:inline;} #main .hissu{color:#C00; font-weight:bold;} #main #breadcrumbs{margin-bottom:10px; font-size:80%;} #main #breadcrumbs span.kekka{color:#007FBF;} #main table input{padding:5px;} #main table input[type="email"]{margin-bottom:10px;} #main table select{height:30px; } input#LOGINID { width: 300px;} input#PASSWORD { width: 300px; } #main a.privacylink{text-decoration:underline; color:#CC0926;} #main a.privacylink:hover{color:#FF0000;} #main a.security{text-decoration:underline; color:#CC0926;} #main a.security:hover{color:#FF0000;} #main .importance{color:#f00; font-weight:bold;} #main .importance_b{color:#122291; font-weight:bold;} #main .importance_p{color:#f01a8a; font-weight:bold;} #main .importance_g{color:#00943d; font-weight:bold;} #main .pointannotation_color{font-size:85%; color:#f00;} #main .pointannotation{font-size:85%;} .mainimg{ margin-right: auto; margin-left: auto; position: relative;} #main .toptable{width:560px; margin:0; border:0;} #main .toptable td{padding: 10px 10px 0 0; border:0px;} #main .cartbuttonarea-next{margin:10px auto 20px;width:220px;} .no-sidebar{float:none !important; width:850px !important; min-height:500px; margin:auto !important;} .no-sidebar table{width:810px !important;} .no-sidebar th{padding:10px !important;} .no-sidebar td{padding:10px !important;} /* ================================================================= 4.ヘッダ 使用ファイル：common/header.xhtml =================================================================*/ .bg{ background-image: url(../images/headerbg.jpg); background-repeat: repeat-x; height: 24px; width: 100%; margin-bottom: 10px; } /* smartphone - スマートフォン専用サイトへのリンク -------------------------------------------------------------*/ #smartphone a{display:block; width:980px; height:150px; margin:auto; background:url("../images/button_smartphone.png") no-repeat; text-indent:-9999px;} /* preview - プレビュー時に表示するエリア -------------------------------------------------------------*/ #preview{margin-bottom:10px; padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#FFF; font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:80%; text-align:center;} #preview table{width:800px; margin:auto;} #preview .ico{width:20%; padding-right:10px; text-align:right;} #preview .content{text-align:left;} /* header - ヘッダ -------------------------------------------------------------*/ #header{width:1100px; margin:0 auto; font-size:12px;} #header:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #header .inner{zoom:1; width:1100px; margin:0 auto;} #header .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #header h1 a{display:block; float:left; width:379px; height:86px; background:url("../images/header_titlenew.png") no-repeat; text-indent:-9999px;} #header .titlebox{background:url("../images/header_title_bgnew.png") no-repeat; /*width:518px; height:54px; margin:0px 0px 0px 11px; padding:45px 0 0 77px;*/ float:left;} #header h2 a{display:block; float:left; width:15px; height:15px; overflow:hidden; margin-top:40px; background:url("../images/header_rss.gif") no-repeat; text-indent:-9999px;} #header h2 a:hover{background-position:0 -15px;} #header .rightbox{ width:640px; float:right; } #header .rightbox .pricebox{width:400px; zoom:1; float:left; font-size:14px;} #header .rightbox .pricebox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #header .rightbox .pricebox .price{ float:left; margin:10px 0 0 30px;} #header .rightbox .pricebox .price2{ float:right; color:#CC0826; margin:10px 0 0 0;} #header .rightbox .pricebox .cart{ float:left; } #header .rightbox .pricebox .cart a{ display:block; background:url("../images/button_gocart.png") no-repeat; background-size: 40px 40px; padding: 10px 0px 5px 50px;} #header .rightbox .headerBanner{ float:right; margin:5px 0 0 0; background-color: #c7161d; padding: 5px 20px 5px 20px; border-radius: 20px 20px 20px 20px;} #header .hisashi_left{display: block; background:url("../images/header_bottom_left.png") no-repeat; height:72px; width:56px; float:left; margin-left: -56px; margin-top: 99px;} #header .hisashi_right{display: block; background:url("../images/header_bottom_right.png") no-repeat; height:72px; width:56px; float:right; margin-right: -56px; margin-top: -72px;} *+html #header .hisashi_right{display: block; background:url("../images/header_bottom_right.png") no-repeat; height:72px; width:56px; float:right; margin-right: -56px; margin-top: 0px;} /* fontChanger - 文字サイズ変更 -------------------------------------------------------------*/ #fontChanger{float:right; margin:10px 20px 0 0;} #fontChanger h2{display:block; float:left; margin-right:5px; font-size:13px;} #fontChanger .icon{float:left;} #fontChanger .icon img{display:block; float:left; margin-right:4px;} /* language - 言語選択 -------------------------------------------------------------*/ #language{float:right; margin:10px 20px 0 0;} #language h2{display:block; float:left; margin-right:5px; font-size:13px;} #language p{float:left; margin-right:5px; font-size:75%;} /* menu - メニュー -------------------------------------------------------------*/ #menu{ width:980px; margin: auto; height: 50px; padding-top: 20px;} #menu:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #menu ul{float:right; width:980px; } #menu li{width:180px; float:left; border-bottom: inset 5px #d0d0d0; font-size: 16px;} #menu .new{ background:url("../images/globalnavinew.png") no-repeat; background-size:30px 30px; padding: 10px 0px 5px 0px; background-position: 35px center;} #menu .special{ background:url("../images/globalnavispecial.png") no-repeat; background-size:30px 30px; padding: 10px 0px 5px 0px; background-position: 50px center;} #menu .original{ background:url("../images/globalnavioriginal.png") no-repeat; background-size:30px 30px; padding: 10px 0px 5px 0px; background-position: 10px center;} #menu .instocknnow{ background:url("../images/globalnaviinstocknow.png") no-repeat; background-size:30px 30px; padding: 10px 0px 5px 0px; background-position: 35px center;} #menu .inquiries{ background:url("../images/globalnaviinquiries.png") no-repeat; background-size:30px 30px; padding: 10px 0px 5px 0px; background-position: 20px center;} /* shiborikomi - 絞り込み検索 -------------------------------------------------------------*/ #shiborikomi{width:940px; margin:0 auto 10px; padding:5px 10px; background:#F1F1F1; font-size:80%;} #shiborikomi .select{padding:0 3px; background:#C00; color:#FFF; font-weight:bold;} #shiborikomi a{padding:0 3px; color:#666; font-weight:bold; text-decoration:none;} #shiborikomi a:hover{background:#CCC;} /* ================================================================= 5.サイドバー 使用ファイル：common/sidebar.xhtml =================================================================*/ /* login - ログイン枠 -------------------------------------------------------------*/ #login{zoom:1; width:190px; margin-bottom:15px;} #login:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #login h2{ font-size:11px; font-weight:normal; text-align:center; margin:0 0 4px 0;} #login .top{background:url("../images/sidebar_top_bg.gif") no-repeat; height:5px; width:190px;zoom: 1;} #login .middle{ background:#F1F1F1; padding:9px 0;} #login .bottom{background:url("../images/sidebar_bottom_bg.gif") no-repeat; height:5px; width:190px;zoom: 1;} #login p{clear:both; margin:0 5px 4px 10px; font-size:75%;} #login a.loginbutton{display:block; background:url("../images/button_login.png") no-repeat; text-indent:-9999px; height:40px; width:170px; margin-bottom:10px} #login a.regist{display:block; background:url("../images/button_regist_new.png") no-repeat; text-indent:-9999px; height:40px; width:170px;} #login .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center;} #login .point{color:#C00;} #login span{font-weight:bold;} #login input{ margin:0 10px;} #login h2.welcome{ background:url("../images/title_welcom.gif") no-repeat; height:11px; margin:0 10px 7px; width:41px; text-indent:-9999px; float:left;} #login span.normal{color:#666666; font-size:12px; font-weight:normal;} #login .menu{margin-bottom:10px;} #login .menu a{background:url("../images/login_arrow.gif") 0 2px no-repeat; padding-left:10px;} #login form{ height:40px;} #login .name{font-size:15px; font-weight:bold;} /* cart - ショッピングカートの中身確認・ショッピングカートへ -------------------------------------------------------------*/ #cart{width:170px; padding:10px; margin-bottom:10px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;} #cart h2{width:100%; height:25px; overflow:hidden; text-indent:-9999px; background:url("../images/cart_title.gif") no-repeat;} #cart h3{display:block; float:left; clear:both; margin:0 0 5px 8px; font-size:75%; font-weight:normal;} #cart p{display:block; float:right; margin-right:10px; margin-bottom:5px; color:#C00; font-size:75%; font-weight:bold; text-align:right;} #cart a{display:block; clear:both; width:150px; height:25px; margin:auto; border-top:5px solid #FFF; background:url("../images/button_gocart.gif") no-repeat; text-indent:-9999px;} /* category - 商品カテゴリ -------------------------------------------------------------*/ #category{width:190px; margin-bottom:20px; background:#F1F1F1;} #category h2{display:block; width:100%; height:42px; overflow:hidden; background:url("../images/category_title.gif") no-repeat; text-indent:-9999px;} #category ul{margin:4px 0 9px; font-weight:bold;} #category ul .category_count{font-weight:normal; padding-left: 5px; font-size: 90%;} #category li{display:block; width:170px; background:url("../images/category_arrow.gif") no-repeat 162px center; margin:0 10px; border-bottom:solid 1px #FFF;} #category .select{color:#CC0926;} #category li a{display:block; padding:5px 0px; color:#333; font-size:12px; text-decoration:none; width:160px;} #category li a:link{display:block; overflow:hidden;} #category li a:hover{color:#CC0926;} #category .bottom{background:url("../images/sidebar_bottom_bg.gif") no-repeat; height:5px;} /* magazine - メールマガジン枠 -------------------------------------------------------------*/ #magazine{width:190px; margin-bottom:20px; padding:0;} #magazine h2{ display:block; height:115px;} /* mobile - モバイルサイト枠 -------------------------------------------------------------*/ #mobile{width:190px; margin-bottom:20px; padding:0;} #mobile h2{ display:block; height:115px;} /* bannar - バナーエリア -------------------------------------------------------------*/ #bannar{ width:190px; text-align:center;} #bannar:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #bannar a img{ display:block; margin:0 auto 10px;} /* ================================================================= 6.extファイル用 使用ファイル：ext/company.html 　　　　　　　ext/tokushou.html 　　　　　　　ext/guide.html =================================================================*/ /*#ext h2{display:block; height:30px; padding:0px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:85%; margin-bottom:10px;}*/ #ext h3{display:block; margin:30px 20px 10px 10px; padding:5px; border-bottom:#DDD 1px solid; border-left:#E4000F 6px solid; font-size:80%;} #ext h4{display:block; margin:30px 20px 5px 0px; font-size:100%;} #ext th{text-align:left;} #ext ul{padding-bottom:10px;} #ext li{margin:5px 21px; font-size:80%;} #ext table.tokusho th{width:120px;} #ext p.info{text-align:right; margin-top:20px; margin-bottom:20px;} #ext a.pdf{display:block; background:url("../images/icon_pdf.gif") no-repeat 145px 0;} #ext a.mailmagcancel{text-decoration:underline;} #ext .regist_new{text-align:center; background-color:#F1F1F1; padding:10px;} #ext #news h3{display:block; float: left; margin:0px; border:none; width:110px; font-weight:normal;} #ext #news a{color:#007FBF;} #ext #news{zoom:1; float:left; width:759px; padding:0 0 20px 11px;} #ext #news h2{display:block; height:30px; padding:0px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:85%; margin-bottom:10px;} #ext #news .box{zoom:1;} #ext #news .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #ext #news h3{display:block; float:left; width:90px; padding:5px 10px; font-size:13px; font-weight:normal;} #ext #news p{display:block; float:left; width:629px; margin:0; padding:5px 10px 0px; font-size:13px; font-weight:normal;} #ext #news p a{color:#007FBF;} #ext #news p img{display:block; float:right; margin:0 0 5px 5px;} #ext #guide h4{display:block; margin:30px 20px 5px 0px; font-size:100%;} #ext #guide p{margin:0 0 1em 0;} #ext #guide .ans_box{background:#F2EFEF; padding:20px 1em 5px;} #ext #agreement .text{height:300px; border:1px solid #CCC; overflow:auto;} #ext #agreement .button{text-align:center; margin-top:30px;} #ext #agreement .button .twin{margin-right:20px;} #ext #feature img {display:block;} #ext #feature img.image02{ margin:0 auto;} #ext #feature .boxArea{zoom:1; width:740px; margin:20px 0 0 30px;} #ext #feature .boxArea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #ext #feature .boxArea .box{float:left; width:160px; margin:0 23px 30px 0;} #ext #feature .boxArea .box img{margin-bottom:10px;} #ext #feature .boxArea .box p{margin:0;} #ext #feature p.caption{margin:20px auto; width:710px;} #ext #feature .sns{zoom:1; padding:0px 0 0; margin-bottom:20px; width:710px;} #ext #feature .sns:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both}/* clearfix */ #ext #feature .twitter{ margin:0 5px 0 0; float:left; width:105px !important; overflow:hidden; height:25px;} #ext #feature .facebook{ margin:0 5px 0 0; float:left; width:125px !important;} #ext #feature .mixi{ margin:0; float:left;width:125px !important; overflow:hidden;} /* ================================================================= 7.トップページ 使用ファイル：top.xhtml =================================================================*/ /* search - 商品検索窓 -------------------------------------------------------------*/ /* search - 商品検索窓 -------------------------------------------------------------*/ #search{float:left; width:560px; margin-bottom:13px;} #search .top{background:url("../images/search_top_bg.gif") no-repeat; height:5px;} #search .middle{background:#F1F1F1; height:30px;} #search .middle:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #search .bottom{background:url("../images/search_bottom_bg.gif") no-repeat; height:5px; clear:both;} #search h2{display:block; float:left; width:15px; height:16px; margin:8px 4px 0 13px; background:url("../images/search_title.gif") no-repeat; text-indent:-9999px; padding:0} #search p{display:block; float:right; padding:7px 0 0 0; font-size:13px; margin:0 15px 0 0;} #search a{background:url("../images/search_arrow.gif") no-repeat 0px 2px; padding:0 0 0 10px;} #search .form{display:block; float:left; width:380px; height:24px; margin:0px 10px 0 0; font-size:14px;} #search .button{display:block; float:left; margin:2px 0 0;} /* mainvisual - メインビジュアル -------------------------------------------------------------*/ #mainvisual{float:left; } #mainvisual img{display:block; /*margin-bottom:20px;*/} /* slidesBox - メインビジュアルスライドバナー -------------------------------------------------------------*/ #slidesBox{position:relative; width:560px; height:270px; margin-bottom:0px; /*background:url("../images/main_image_bg.jpg") no-repeat;*/} #slides{position:absolute; z-index:1; width:560px;} .slides_container{display:none; overflow:hidden; position:relative; width:550px; padding:0px; margin:0px 3px; border: 2px #d0d0d0 solid; } .slides_container a{width:550px; height:240px; display:block;} .slides_container a img{display:block;} .slides_control{background:#CCCCCC;} /*-- Next/prev buttons --*/ #slides .next,#slides .prev{position:absolute; top:255px; display:block; z-index:50;} #slides .prev{/*left:3px;*/} #slides .next{left:535px;} /*-- Pagination --*/ #mainvisual .pagination {zoom:1;margin:15px auto 0; width:fit-content; height:10px;} #mainvisual .pagination:after{content:""; display:block; clear:both;} #mainvisual .pagination li{display:block; margin:0 7px; list-style:none;width:10px;float:left;} #mainvisual .pagination li a{display:block; width:10px; height:0; padding-top:10px; background:url("../images/pagination.gif") 0 0; float:left; overflow:hidden;} #mainvisual .pagination li.current a{background-position:0 -12px;} /*-- TOPバナー --*/ #topbunner{zoom:1; float:left; width:560px; padding:20px 0 20px 0px;} #topbunner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topbunner a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} #topbunner .bannertxt{font-size: 95%; margin-left: 120px; font-weight: bold;} #topbunner .bannertxt a:link{color:#007FBF; text-decoration:underline;} #topbunner .bannertxt a:visited{color:#007FBF; text-decoration:underline;} #topbunner .bannertxt a:hover{color:#007FBF; text-decoration:underline;} #topbunner .bannertxt a:active{color:#007FBF; text-decoration:underline;} /* new - 新着商品 -------------------------------------------------------------*/ #new{zoom:1; float:left; width:560px; /*padding:20px 0 0 0;*/} #new:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #new h2{display:block; background:url("../images/title_newitem.png") no-repeat; text-indent:20px; height:26px; padding:15px 0 0 158px; font-size:12px; font-weight:normal; margin:0 0 17px 11px;} #new .box{float:left; width:120px; margin:0 7px 0 11px; margin-bottom:10px; height:205px; overflow:hidden;} #new .text{ width:120px;} #new h3{display:block; margin:10px 0px 0 0; font-size:12px; font-weight:normal; line-height:120%;} #new h3 a{ color:#007FBF;} #new .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#000;} #new .iconarea{display:block; margin:10px 7px 0 0;} #new .button{display:block; clear:both; margin-bottom:5px; text-align:center;} #new .img{display:block; width:118px; height:118px; margin:0px; border:1px solid #D2CECB} #new a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} .newitem{background:url("../images/mypage_arrow.png") 400px 9px no-repeat;} .recommenderitem{background:url("../images/mypage_arrow.png") 360px 9px no-repeat;} /* recommend - おすすめ商品 -------------------------------------------------------------*/ #recommend{zoom:1; float:left; width:560px; padding:0 0 20px 0px;} #recommend:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #recommend h2{display:block; background:url("../images/title_hit_item.gif") no-repeat; text-indent:20px; height:27px; padding:24px 0 0 145px; font-size:12px; font-weight:normal; margin:0 0 17px 11px;} #recommend .box{float:left; width:120px; margin:0 7px 0 11px; margin-bottom:10px; height:200px; overflow:hidden;} #recommend .text{ width:120px;} #recommend h3{display:block; margin:10px 0px 0 0; font-size:12px; font-weight:normal; line-height:120%;} #recommend h3 a{ color:#007FBF;} #recommend .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#000;} #recommend .iconarea{display:block; margin:10px 7px 0 0;} #recommend .button{display:block; clear:both; margin-bottom:5px; text-align:center;} #recommend .img{display:block; width:118px; height:118px; margin:0px; border:1px solid #D2CECB} #recommend a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} /* topics - トピックス -------------------------------------------------------------*/ #topics{zoom:1; float:left; width:549px; padding:0 0 20px 11px;} #topics .okaimonotitle{ background:url("../images/title_whatsnew.gif") no-repeat; height:52px; width:549px; margin:0 0 10px 0px;} #topics .box{zoom:1;} #topics .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #topics h3{display:block; float:left; width:90px; padding:5px 10px; font-size:13px; font-weight:normal;} #topics p{display:block; float:left; width:419px; margin:0; padding:5px 10px 0px; font-size:13px; font-weight:normal;} #topics p a{color:#007FBF;} #topics p img{display:block; float:right; margin:0 0 5px 5px;} #topics .archive{display:block; float:right; width:55px; height:20px; overflow:hidden; margin:23px 5px 0 0; background:url("../images/button_news_archive.png") 0 0 no-repeat; text-indent:-9999px;} /*#topics .archive:hover{background:url("../images/button_news_archive.gif") 0 -20px no-repeat;}*/ #topics .rss{display:block; float:right; width:45px; height:20px; overflow:hidden; margin:23px 11px 0 0; background:url("../images/rss.png") 0 0 no-repeat; text-indent:-9999px;} /*#topics .rss:hover{background:url("../images/rss.gif") 0 -20px no-repeat;}*/ /* peanutsTopics - トピックス -------------------------------------------------------------*/ #peanutsTopics{zoom:1; float:left; width:549px; padding:0 0 20px 11px;} #peanutsTopics h2{display:block; background:url("../images/title_peanutsnews.gif") no-repeat; text-indent:20px; height:29px; padding:25px 0 0 218px; font-size:12px; font-weight:normal; margin:0 0 10px 0px;} #peanutsTopics .box{zoom:1;} #peanutsTopics .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #peanutsTopics h3{display:block; float:left; width:90px; padding:5px 10px; font-size:13px; font-weight:normal;} #peanutsTopics p{display:block; float:left; width:419px; margin:0; padding:5px 10px 0px; font-size:13px; font-weight:normal;} #peanutsTopics p a{color:#007FBF;} #peanutsTopics p img{display:block; float:right; margin:0 0 5px 5px;} /* ranking - 人気商品ランキング -------------------------------------------------------------*/ #ranking{ width:190px; margin-bottom:10px;} #ranking h2{display:block; width:190px; height:38px; padding:0; background:url("../images/ranking_title.gif") no-repeat; text-indent:-9999px; margin:0;} #ranking h4{width:98px; margin-left:10px; font-size:12px;; font-weight:normal; color:007FBF;} #ranking h4 a{color:#007FBF} #ranking h3{width:57px; height:25px; text-indent:-9999px; margin:0 auto 4px;} #ranking p{width:98px; margin:0 0 5px 10px; color:#000; font-size:12px;} #ranking #ranking_no1 h3{background:url("../images/ranking_no01.gif") 0px 0px no-repeat;} #ranking #ranking_no2 h3{background:url("../images/ranking_no02.gif") 0px 0px no-repeat;} #ranking #ranking_no3 h3{background:url("../images/ranking_no03.gif") 0px 0px no-repeat;} #ranking #ranking_no4 h3{background:url("../images/ranking_no04.gif") 0px 0px no-repeat;} #ranking #ranking_no5 h3{background:url("../images/ranking_no05.gif") 0px 0px no-repeat;} #ranking #ranking_no6 h3{background:url("../images/ranking_no06.gif") 0px 0px no-repeat;} #ranking #ranking_no7 h3{background:url("../images/ranking_no07.gif") 0px 0px no-repeat;} #ranking #ranking_no8 h3{background:url("../images/ranking_no08.gif") 0px 0px no-repeat;} #ranking #ranking_no9 h3{background:url("../images/ranking_no09.gif") 0px 0px no-repeat;} #ranking #ranking_no10 h3{background:url("../images/ranking_no10.gif") 0px 0px no-repeat;} #ranking .box{zoom:1; border-bottom:#FFFFFF solid 1px; height:100px; margin-bottom:10px;} #ranking .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #ranking .text{width:170px ;margin-bottom:5px;} #ranking .text .leftbox{float:left; width:62px;} #ranking .text .rightbox{float:right; width:108px;} #ranking .img{width:60px; height:60px; border:1px solid #D2CECB;} #ranking a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} #ranking .top{background:url("../images/sidebar_top_bg.gif") no-repeat; height:5px;} #ranking .middle{ background:#F1F1F1; padding:10px 9px; zoom:1;} #ranking .bottom{background:url("../images/sidebar_bottom_bg.gif") no-repeat; height:5px; zoom:1;} /* sns - ソーシャルネットワーク -------------------------------------------------------------*/ #share ul{height:auto;} #share li{font-size:14px; float:left; text-align:center; width:190px; list-style:none;} #share li.share-twitter {margin-right: 10px;} #share li.share-twitter a{background: #55ADEF url(../images/twitter_icon.png) no-repeat 7px 7px; background-size: 20px 20px; box-shadow:0 2px #2795e9;} #share li.share-twitter a:hover{opacity: 0.8;} #share li.share-facebook a{background: #3B579E url(../images/facebook_icon.png) no-repeat 7px 7px; background-size: 20px 20px; box-shadow: 0 2px #2d4373;} #share li.share-facebook a:hover{opacity: 0.8;} #share a{display:block; height:27px; padding-top:6px; color:#ffffff; border-radius:5px; text-decoration:none; padding-left:20px;} #share a:hover{text-decoration:none;color:#ffffff;} /* rightbannar - 右サイドバー内　バナー -------------------------------------------------------------*/ #rightbannar{ width:190px;} #rightbannar:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #rightbannar a img{ display:block; margin: 0 auto 10px;} #rightbannar a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} /* ================================================================= 8.カートの中身～注文完了まで、プレゼント応募～完了まで 使用ファイル：cart_index.xhtml, cart_login.xhtml 　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml 　　　　　　　cart_pre.xhtml, cart_result.xhtml 　　　　　　　present_login.xhtml, present_input.xhtml 　　　　　　　present_confirm.xhtml, present_result.xhtml =================================================================*/ /* cartIndex - ショッピングカートの中身 -------------------------------------------------------------*/ #cartIndex{margin-bottom:30px;} #cartIndex .step{display:block; margin:20px auto;} #cartIndex .price{color:#C00; text-align:right;} #cartIndex .form_attention{display: block; font-weight: normal; font-size: 80%; margin: 5px 0;} #cartIndex p.cartcomment{color: #F00; font-size:80%;} #cartIndex .amount{text-align:center;} #cartIndex .delete{text-align:center;} #cartIndex .total{margin-bottom:30px; padding:5px 10px; font-weight:bold; text-align:right; border-bottom:#CCC 1px solid;} #cartIndex .img{float:left; width:80px; height:80px; margin-right:10px;} #cartIndex a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} #cartIndex .box{border:1px solid #CCC; margin-bottom:30px;} #cartIndex h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;} #cartIndex img.charlie{display:block; margin:-60px 0 -10px 678px} #cartIndex .buttonbox{margin-bottom: 20px; padding-bottom: 15px; border-bottom:1px solid #CCC;} #cartIndex .buttonbox h3{margin-bottom: 15px; padding: 0; border-bottom: none; background: none; font-size: 100%; text-align: center;} #cartIndex .buttonbox p{margin: 5px 0;} #cartIndex .buttonarea.amazon_btn{margin: 20px 0; padding-top: 0;} #cartIndex .amazon_btn img{margin: 0 auto;} /* cartLogin - ショッピングカート・プレゼントログイン -------------------------------------------------------------*/ #cartLogin .step{display:block; margin:20px auto;} #cartLogin table{margin:0 20px 10px;} #cartLogin h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;} #cartLogin .box{border:1px solid #CCC; margin-bottom:30px;} #cartLogin .regist_non_area{margin-bottom: 20px; padding-bottom: 20px;} #cartLogin .regist_non_area a{margin-right: 20px;} #cartLogin .regist_non_area a:last-of-type{margin-right: 0;} #cartLogin .amazon_area{border-top: 1px #CCC solid; padding: 20px 0;} /* cartFlow - ショッピングカート・プレゼント注文情報入力～注文完了まで -------------------------------------------------------------*/ #cartFlow .step{display:block; margin:20px auto;} #cartFlow h3{margin:30px 20px 10px; font-size:90%;} #cartFlow .price{color:#C00; text-align:right;} #cartFlow .amount{text-align:center;} #cartFlow .total{margin:0 20px; padding:5px 10px; border-bottom:#CCC 1px solid; font-weight:bold; text-align:right;} #cartFlow .point{color:#F60; font-weight:bold;} #cartFlow .attention{color:#C00; font-weight:bold; font-size:110%; display:inline;} #cartFlow .img{float:left; width:80px; height:80px; margin-right:10px;} #cartFlow .code{width:100px;} #cartFlow .agreebox{height:200px; overflow-y:scroll; border:1px dotted #300; padding:15px 20px; margin:20px auto; width:768px;} #cartFlow .agreebox h4{font-size:14px;} #cartFlow .button p{text-align:center;} #cartFlow img.woodstock{display:block; margin:-70px 0 -10px 626px} #cartFlow .change_link{text-decoration: underline;} /* ================================================================= 9.定期購入商品履歴照会・変更 使用ファイル：teiki_index.xhtml, teiki_detail.xhtml 　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml =================================================================*/ /* teikiIndex - 定期購入商品一覧 -------------------------------------------------------------*/ #teikiIndex h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;} #teikiIndex h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;} #teikiIndex .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;} #teikiIndex .head{padding:5px; background:#F1F1F1;} #teikiIndex .headDetail{padding-left:15px; background:url("../images/marker_on.gif") 0 5px no-repeat;} #teikiIndex .headRenew{color:#777; text-align:right;} #teikiIndex .price{color:#C00; text-align:right;} #teikiIndex table{width:668px;} #teikiIndex th{padding:5px 10px;} #teikiIndex td{text-align:center;} #teikiIndex td.month{background:#F9F9F9; font-weight:bold; color:#960;} #teikiIndex .status { float:right; margin-right:20px;} #teikiIndex .cancel_oder{ text-align:right; margin: 0px 20px;} #teikiIndex .cancel_oder form{ height:20px;} /* teikiDetail - 定期購入商品照会・変更・確認画面 -------------------------------------------------------------*/ #teikiDetail h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;} #teikiDetail h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;} #teikiDetail h5{margin:20px 20px 0;} #teikiDetail .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;} #teikiDetail .head{padding:5px; background:#F1F1F1;} #teikiDetail .headDetail{margin-right:20px; padding-left:5px; border-left:12px groove #333;} #teikiDetail .price{color:#C00;} #teikiDetail table{width:668px;} #teikiDetail td.month{background:#F9F9F9; font-weight:bold; color:#960;} /* ================================================================= 10.フッタ 使用ファイル：common/footer.xhtml =================================================================*/ body#footerbg{background:#FFF;} #footer{clear:both; width:100%;} #footer .container{width:1000px; margin:0 auto; /*background: url("../images/footer_container_bg.jpg") no-repeat center;*/ padding:0 5px;} #footer .backtotop a{display:block; width:314px; height:27px; overflow:hidden; background:url("../images/footer_backtotop.gif") no-repeat; text-indent:-9999px; float:right; margin:0 34px 20px 0;} #footer .backtotop a:hover{ background-position:0px -25px;} #footer .icon{bottom #FFF;background-color: #00a0e9; padding-top: 10px;padding-bottom: 10px;margin-bottom: 20px; text-align: center; } #footer .iconlist{width:390px; margin:auto;} #footer .iconlist li{float:left; } #footer .grass{/*background:url("../images/footer_grass.png") repeat-x*/ bottom #FFF; min-width:1010px;} #footer .grass .inner{ width:100%; margin:0 auto;} #footer .grass .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #footer .grass .inner .left{float:right; width:151px; margin:16px 76px 0 0;} #footer .grass .inner .right{float:right; width:408px; /*background: url("../images/footer_right_bg.jpg") no-repeat bottom; height:195px;*/ margin:0px 14px 0 0;} #footer .sakaime{background:url("../images/footer_bottom_bg.gif") repeat-x; height:5px; zoom:1; min-width:1010px; clear:both;} #footer .sakaime_inner{background:url("../images/footer_bottom_bg.gif") repeat-x ; height:5px; zoom:1; width:1010px; margin:0 auto;} #footer .bottom{/*background:#FADBBA;*/} #footer .bottom_inner{ width:1000px; margin:0 auto; font-size:13px; /*background:#FADBBA;*/} #footer .bottom_inner h2{margin-bottom:10px; display:block; text-indent:-9999px; height:21px;} #footer .bottom_inner h2.category{background:url("../images/footer_category.png") no-repeat; width:126px;} #footer .bottom_inner h2.shoppingmenu{background:url("../images/footer_shoppingmenu.png") no-repeat; width:192px;} #footer .bottom_inner .leftbox{float:left; margin:0 0 20px 0px;} #footer .bottom_inner .leftbox ul{width:650px;} #footer .bottom_inner .leftbox li{width:325px; float:left;} #footer .bottom_inner .leftbox li a{background:url("../images/footer_arrow.gif") 3px 5px no-repeat; padding-left:17px;} #footer .bottom_inner .guide{width:560px; margin: auto;} #footer .bottom_inner .guide2{width:640px; margin: auto;} #footer .bottom_inner .guide li{/*width:200px;*/ float:left;} #footer .bottom_inner .guide2 li{/*width:200px;*/ float:left;} #footer .bottom_inner .bnrlist { margin:30px 0 30px 0; font-size: 16px;} #footer .bottom_inner .bnrlist li{ float:left;} #footer .bottom_inner .bnrlist img{ border: 1px #d0d0d0 solid;} #footer .bottom_inner .rightbox li a{/*background:url("../images/footer_arrow.gif") 3px 5px no-repeat; padding-left:17px;*/} #footer .bottom_inner .logo{display:block; padding:20px 0 0 0; clear:both; } #footer .bottom_inner .logo img{ /*margin-right:6px;*/ margin-bottom:5px; /*vertical-align:middle;*/} #footer .bottom_inner .copyright{font-size:13px; text-align:center; padding-bottom:20px;} /* ================================================================= 11.商品詳細・一覧、プレゼント詳細・一覧 使用ファイル：item_list$detail.xhtml, item_list$image.xhtml 　　　　　　　item_list$simple.xhtml, item_detail.xhtml 　　　　　　　present_list.xhtml, present_detail.xhtml =================================================================*/ /* category_html - カテゴリHTML -------------------------------------------------------------*/ #category_html{margin-bottom:20px; overflow:hidden; height:120px; zoom:1;} #category_html:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #category_html img{display:block; margin-bottom:10px; width:770px; height:120px;} #category_html p{margin:0px 0 0 0; float:left; position:relative; top:-66px; left:22px; width:441px; overflow:hidden; height:35px;} /* itemListCategory - カテゴリ -------------------------------------------------------------*/ #itemListCategory{margin-bottom:20px;} #itemListCategory h3.shiborikomu{display:block; background:url("../images/title_shiborikomi.gif") no-repeat; text-indent:-9999px; margin:6px 0 0 11px; height:13px;} #itemListCategory ul{display:block; zoom:1; width:746px; padding:14px 12px;} #itemListCategory ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListCategory li{float:left; margin-right:18px;} #itemListCategory .select{color:#CC0826; text-decoration:none;} #itemListCategory li a{display:block; background:url("../images/shiborikomi_arrow.gif") 0px 6px no-repeat; color:#333; font-size:14px;text-decoration:none; white-space:nowrap; float:left; padding:0 0 0 10px;} #itemListCategory li a:link{display:block;} #itemListCategory li a:hover{background:url("../images/shiborikomi_arrow.gif") 0px 6px no-repeat; color:#333; text-decoration:underline;} #itemListCategory #sub { background:#FEF3BC; margin-bottom:10px;} #itemListCategory #sub ul{display:block; zoom:1; width:746px; padding:14px 12px 7px;} #itemListCategory #sub ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListCategory #sub li{float:left; margin-right:18px;} #itemListCategory #sub .select{color:#CC0826; text-decoration:none;} #itemListCategory #sub li a{display:block; background:url("../images/shiborikomi_arrow.gif") 0px 6px no-repeat; color:#333; font-size:14px;text-decoration:none; white-space:nowrap; float:left; padding:0 0 0 10px;} #itemListCategory #sub li a:link{display:block;} #itemListCategory #sub li a:hover{background:url("../images/shiborikomi_arrow.gif") 0px 6px no-repeat; color:#333; text-decoration:underline;} #itemListCategory .top{background:url("../images/shiborikomi_bg_top.gif") no-repeat; height:5px;} #itemListCategory .middle{ background:#FEF3BC; zoom:1;} #itemListCategory .bottom{background:url("../images/shiborikomi_bg_bottom.gif") no-repeat; height:5px;} /* list - 一覧画面共通のメニュー -------------------------------------------------------------*/ #list{padding-bottom:20px;} #list ul{zoom:1; margin-bottom:10px; padding-left:5px; background:url("../images/list_bg.gif") bottom repeat-x;} #list ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #list li{float:left;} #list li a{display:block; margin-right:5px; padding:5px 10px 5px 30px; font-size:80%;} #list .detail{background:url("../images/list_detail.gif") 7px 7px no-repeat #DDD;} #list .image{background:url("../images/list_image.gif") 7px 7px no-repeat #DDD;} #list .simple{background:url("../images/list_simple.gif") 7px 7px no-repeat #DDD;} #list .detail_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_detail_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;} #list .image_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_image_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;} #list .simple_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_simple_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;} #list .guide{zoom:1;} #list .guide:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #list .pageguide{ clear:both; font-size:13px; margin-bottom:12px;} #list .rearrange{float:right; font-size:13px; text-align:right;} #list .pagelink{ float:left; font-size:13px;} #list .pagelink a{ color:#007FBF;} #list .nolink{color:#999;} #list .box { padding:10px 0 0px;} #list .box table{clear:both;} /* itemListImage - 商品画像一覧 -------------------------------------------------------------*/ #itemListImage{margin-bottom:20px; zoom:1;} #itemListImage:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemListImage .box{float:left; margin:10px 9px 0 19px; width:162px; height:280px;} #itemListImage .text{width:162px;} #itemListImage h3{display:block; margin:10px 0px 0 0; font-size:14px; font-weight:normal; line-height:120%;} #itemListImage h3 a{ color:#007FBF;} #itemListImage .price{display:block; margin:10px 10px 5px 0; font-size:13px; color:#000;} #itemListImage .img{display:block; width:160px; height:160px; margin:0px; border:1px solid #D2CECB} #itemListImage a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} /* itemListImage - ランキング用商品画像一覧 -------------------------------------------------------------*/ #item_list_image_ranking{margin-bottom:30px;} #item_list_image_ranking:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #item_list_image_ranking h2{display:block; background:url("../images/title_category_ranking.gif") no-repeat; height:24px; font-size:12px; padding:3px 0 0 121px; margin-bottom:5px;} #item_list_image_ranking .box{float:left; margin:10px 10px 0px; width:122px; height:240px;} #item_list_image_ranking .text{width:122px;} #item_list_image_ranking h3{width:57px; height:25px; text-indent:-9999px; margin:5px auto 4px;} #item_list_image_ranking h4{display:block; margin:10px 0px 0 0; font-size:12px; font-weight:normal; line-height:120%; overflow: hidden; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} #item_list_image_ranking h4 a{ color:#007FBF;} #item_list_image_ranking .price{display:block; margin:10px 10px 5px 0; font-size:12px; color:#000;} #item_list_image_ranking .img{display:block; width:118px; height:118px; margin:0px; border:1px solid #D2CECB} #item_list_image_ranking #ranking_no1 h3{background:url("../images/ranking_no01.gif") 0px 0px no-repeat;} #item_list_image_ranking #ranking_no2 h3{background:url("../images/ranking_no02.gif") 0px 0px no-repeat;} #item_list_image_ranking #ranking_no3 h3{background:url("../images/ranking_no03.gif") 0px 0px no-repeat;} #item_list_image_ranking #ranking_no4 h3{background:url("../images/ranking_no04.gif") 0px 0px no-repeat;} #item_list_image_ranking #ranking_no5 h3{background:url("../images/ranking_no05.gif") 0px 0px no-repeat;} #item_list_image_ranking #ranking_no6 h3{background:url("../images/ranking_no06.gif") 0px 0px no-repeat;} #item_list_image_ranking #ranking_no7 h3{background:url("../images/ranking_no07.gif") 0px 0px no-repeat;} #item_list_image_ranking #ranking_no8 h3{background:url("../images/ranking_no08.gif") 0px 0px no-repeat;} #item_list_image_ranking #ranking_no9 h3{background:url("../images/ranking_no09.gif") 0px 0px no-repeat;} #item_list_image_ranking #ranking_no10 h3{background:url("../images/ranking_no10.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no1 h3{background:url("../images/ranking_no01.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no2 h3{background:url("../images/ranking_no02.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no3 h3{background:url("../images/ranking_no03.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no4 h3{background:url("../images/ranking_no04.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no5 h3{background:url("../images/ranking_no05.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no6 h3{background:url("../images/ranking_no06.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no7 h3{background:url("../images/ranking_no07.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no8 h3{background:url("../images/ranking_no08.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no9 h3{background:url("../images/ranking_no09.gif") 0px 0px no-repeat;} #item_list_image_ranking #category_ranking_no10 h3{background:url("../images/ranking_no10.gif") 0px 0px no-repeat;} #item_list_image_ranking .top{background:url("../images/list_top_bg.gif") no-repeat; height:5px;} #item_list_image_ranking .middle{ background:#F1F1F1; zoom:1; padding:10px 8px 0px; width:754px;} #item_list_image_ranking .bottom{background:url("../images/list_bottom_bg.gif") no-repeat; height:5px;} /* itemDetail - 商品詳細・プレゼント詳細 -------------------------------------------------------------*/ #itemDetail{margin-bottom:20px;} #itemDetail img{display:inline;} #itemDetail h2{margin:19px 0 16px 0;} #itemDetail .box{zoom:1; } #itemDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .otherImage{clear:both; padding:10px 10px 0 15px; font-size:75%;} #itemDetail .recommend{clear:both; padding:0 10px 10px 15px; font-size:75%;} #itemDetail p{margin:0 0 10px;} #itemDetail .text{float:right; width:360px; margin-right:0px;} #itemDetail .appeal{display:block; margin:0px 0px 15px 0; color:#666666; font-size:13px;} #itemDetail h3{display:block; margin:0px 0px 10px 0; font-size:18px; color:#000000;} #itemDetail .price{display:block; margin:0 0px 10px 0; font-size:16px; color:#000000;} #itemDetail .price .teika{display:block; margin-bottom:0px; font-weight:normal; font-size:16px;} #itemDetail .price .other{display:block; font-size:90%;} #itemDetail .information{display:block; margin:0 10px 0 0; font-size:80%;} #itemDetail .explanation1{display:block; font-size:13px; line-height:180%; color:#666666; margin-top: 20px;} #itemDetail .explanation1 a{text-decoration:underline;} #itemDetail .explanation2{display:block; margin-top:10px; padding:20px 0 10px; border-top:#D2CECB 1px solid; font-size:13px; line-height:180%; color:#666666;} #itemDetail .explanation2 a{text-decoration:underline;} #itemDetail .top{background:url("../images/buttonarea_bg_top.gif") no-repeat; height:5px; margin-top:10px;} #itemDetail .buy_buttonarea{zoom:1; padding:5px 0 5px 14px; background:#F1F1F1;} #itemDetail .buy_buttonarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail .buy_buttonarea h4{background:url("../images/buy_title.gif") no-repeat; width:262px; height:16px; text-indent:-9999px; display:block; margin-bottom:0px; clear:both;} #itemDetail .buy_buttonarea .suryou{margin:26px 0 0 10px; float:left;} #itemDetail .buy_buttonarea .max{margin:10px 0 0 1em; float:left; font-size:13px;} #itemDetail .buy_button{margin-left:20px;} #itemDetail .bottom{background:url("../images/buttonarea_bg_bottom.gif") no-repeat; height:5px; margin-bottom:20px;} #itemDetail .noput_buy_button{margin:0 auto; display:block; padding-top:20px; margin-left: 55px; } #itemDetail .explanation3{display:block; margin:10px 10px 0 0; padding:30px 0 0 0; color:#666666; font-size:13px; line-height:150%; clear:both;} #itemDetail .explanation3 h3{font-size:13px; color:#333;} #itemDetail .explanation3 a{text-decoration:underline;} #itemDetail .button{display:block; margin:10px 10px 0px 0;} #itemDetail table{width:360px; margin:0 0 10px;} #itemDetail th{width:100px; padding:5px 10px; text-align:left;} #itemDetail td{padding:5px 10px;} #itemDetail .sns{zoom:1; padding:20px 0 0; float:left;} #itemDetail .sns:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both}/* clearfix */ #itemDetail .twitter{ margin:0 5px 0 0; float:left;width:125px !important; overflow:hidden; height:25px;} #itemDetail .facebook{ margin:0 5px 0 0; float:left;} #itemDetail .mixi{ margin:0; float:left;width:125px !important; overflow:hidden;} #itemDetail .working{color:#03F; font-weight:bold; text-decoration:underline; !important;} #itemDetail #image{width:400px; float:left; margin:0px 10px 0 0;} #itemDetail #image div.main{width:400px;height:400px;margin:0px;overflow:hidden;position:relative;} #itemDetail #image div.main img{top:0;left:0;position:absolute;} #itemDetail #image div.slides_container{width:400px;height:400px;margin:0px;overflow:hidden;position:relative;} #itemDetail #image div.slides_containern img{top:0;left:0;position:absolute;} #itemDetail #image ul{zoom:100%;} #itemDetail #image ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #itemDetail #image li{display:inline; float:left; margin:15px 9px 0px 0;} #itemDetail #image li img{display:block; width:55px; height:55px;} #itemDetail #image li.property{display:inline; float:left; border:none; margin:15px 9px 0px 0; text-align:center; font-size:70%; height:90px;} #itemDetail #products .pagination li a {display:block; border:1px solid #CCC; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;} #itemDetail #products .pagination li.current a {border:1px solid #CC0926; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; opacity:1 !important;} #itemDetail #products .pagination .name{ display:block; width:57px;} /* item_list_recommend - レコメンド商品リスト -------------------------------------------------------------*/ #item_list_recommend{margin-bottom:30px;} #item_list_recommend:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #item_list_recommend h2{display:block; background:url("../images/title_list_recommend.gif") no-repeat; height:25px; font-size:12px; padding:2px 0 0 120px; font-weight:normal; margin-bottom:5px;} #item_list_recommend .box{float:left; margin:10px 10px 0px; width:122px; height:230px;} #item_list_recommend .text{width:122px;} #item_list_recommend h3{display:block; margin:10px 0px 0 0; font-size:12px; font-weight:normal; line-height:120%;} #item_list_recommend h3 a{ color:#007FBF;} #item_list_recommend .price{display:block; margin:10px 10px 5px 0; font-size:12px; color:#000;} #item_list_recommend .img{display:block; width:118px; height:118px; margin:0px; border:1px solid #D2CECB;} #item_list_recommend .top{background:url("../images/list_top_bg.gif") no-repeat; height:5px;} #item_list_recommend .middle{ background:#F1F1F1; zoom:1; padding:10px 8px 0px; width:754px;} #item_list_recommend .bottom{background:url("../images/list_bottom_bg.gif") no-repeat; height:5px;} /* item_list_recommend2 - レコメンド商品リスト カート用 -------------------------------------------------------------*/ #item_list_recommend2{margin-bottom:30px;} #item_list_recommend2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #item_list_recommend2 h2{display:block; background:url("../images/title_list_recommend.gif") no-repeat; height:25px; font-size:12px; padding:2px 0 0 120px; margin:0 43px; margin-bottom:5px;} #item_list_recommend2 .box{float:left; margin:10px 10px 0px; width:122px; height:230px;} #item_list_recommend2 .text{width:122px;} #item_list_recommend2 h3{display:block; margin:10px 0px 0 0; font-size:12px; font-weight:normal; line-height:120%;} #item_list_recommend2 h3 a{ color:#007FBF;} #item_list_recommend2 .price{display:block; margin:10px 10px 5px 0; font-size:12px; color:#000;} #item_list_recommend2 .img{display:block; width:118px; height:118px; margin:0px; border:1px solid #D2CECB;} #item_list_recommend2 .jcarousel-skin-tango{margin:0 43px;} #item_list_recommend2 .top{background:url("../images/list_top_bg2.gif") no-repeat; height:5px;} #item_list_recommend2 .middle{ background:#F1F1F1; zoom:1; padding:10px 8px 0px; background:#F1F1F1;} #item_list_recommend2 .bottom{background:url("../images/list_bottom_bg2.gif") no-repeat; height:5px;} /* item_list_recentry - 最近チェックした商品リスト -------------------------------------------------------------*/ #item_list_recentry{margin-bottom:30px;} #item_list_recentry .navireco{height:265px;} #item_list_recentry:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #item_list_recentry h2{display:block; background:url("../images/title_list_recentry.png") no-repeat; height:25px; font-size:12px; padding:2px 0 0 210px; font-weight:normal; margin-bottom:5px;} #item_list_recentry .reconavititle{display:block; background:url("../images/title_list_reconavi.png") no-repeat; height:25px; font-size:12px; padding:2px 0 0 215px; font-weight:normal; margin-bottom:10px;} #item_list_recentry .navirecobox{float:left; margin:5px 2px 0px 3px;} #item_list_recentry .navirecoimg{display:block; width:118px; height:118px; margin:0px; border:1px solid #D2CECB;} #item_list_recentry .box{float:left; margin:10px 10px 0px; width:122px; height:230px;} #item_list_recentry .text{width:122px;} #item_list_recentry h3{display:block; margin:10px 0px 0 0; font-size:12px; font-weight:normal; line-height:120%;} #item_list_recentry h3 a{ color:#007FBF;} #item_list_recentry .price{display:block; margin:10px 10px 5px 0; font-size:12px; color:#000;} #item_list_recentry .img{display:block; width:118px; height:118px; margin:0px; border:1px solid #D2CECB;} #item_list_recentry .top{background:url("../images/list_top_bg.gif") no-repeat; height:5px;} #item_list_recentry .middle{ background:#F1F1F1; zoom:1; padding:10px 8px 0px; width:754px;} #item_list_recentry .bottom{background:url("../images/list_bottom_bg.gif") no-repeat; height:5px;} #item_list_recentry .navirecotop{background-color:#FFF2F2; border-radius: 5px 5px 0 0; width:770px; height:5px} #item_list_recentry .navirecomiddle{ background:#FFF2F2; zoom:1; padding:10px 8px 0px; width:754px;} #item_list_recentry .navirecobottom{background-color:#FFF2F2; border-radius:0 0 5px 5px; width:770px; height:5px} #item_list_recentry span{display:block; margin:10px 0px 0 0; font-size:12px; font-weight:normal; line-height:120%;} #item_list_recentry span a{ color:#007FBF;} #item_list_recentry a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} /* ================================================================= 12.レビュー 使用ファイル：item_detail.xhtml, member_review.xhtml =================================================================*/ #review{margin-bottom:40px;} #review .reviewbox{clear:both;} #review .top_box_bg{background:url("../images/review_bg_top_box.gif") no-repeat; zoom:1; height:5px; width:706px; margin-top:10px;} #review .bottom_box_bg{background:url("../images/review_bg_bottom_box.gif") no-repeat; zoom:1; height:5px; width:706px; margin-bottom:10px;} #review h2{display:block; background:url("../images/title_review.png") no-repeat; height:32px; font-size:12px; padding:2px 0 0 210px; font-weight:normal; margin-bottom:5px;} #review p{margin:0 5px;} #review p.item_name{font-size:15px; font-weight:bold;} #review span.strong{font-weight:bold; color:#CC0826;} /*#review a.review_link{color:#007FBF;}*/ #review a:visited {color: #941D55;} #review a:link { color: #007FBF;} #review h3{margin:0 5px; font-size:80%;} #review .boxBG{background:url("../images/review_bg.gif") top right no-repeat;} #review .box{zoom:1; margin:0px; padding:5px 10px; background:#F1F1F1; width:686px; min-height:140px;} #review .box h3{float:none; font-size:13px; margin-bottom:5px;} #review .box p{margin:0;} #review .box p.name{padding:0px 0; margin-bottom:10px; color:#666; font-size:13px;} #review p.good_button{margin-bottom:5px; color:#666; font-size:75%; float:left; margin-left:0px;} #review p.good_button input{margin-left:5px;} #review p.good_number{margin-bottom:20px; color:#666; font-size:75%; float:left;} #review p.more{margin-bottom:20px; font-size:75%; text-align:right; clear:both;} #review p.more a{color:#007FBF; background:url("../images/review_arrow.gif") 0 3px no-repeat; padding-left:10px;} #review p.pageguide{margin:10px;} #review p.pagelink{text-align:center; margin-bottom:20px;} #review ul.star{float:left; margin-right:10px;} #review ul.star li{display:block; float:left; width:15px; height:15px; text-indent:-9999px;} #review ul.star li.good{background:url("../images/review_good.png") no-repeat;} #review ul.star li.bad{background:url("../images/review_bad.png") no-repeat;} #review .top{background:url("../images/review_top_bg.gif") no-repeat; height:5px; margin-top:10px; } #review .contribution{zoom:1;padding:5px 0px 10px 5px; background:#FFFFCC;} #review .contribution table{margin:0; border:none;} #review .contribution th{width:80px; padding:5px 10px; border:none; background:none; font-weight:normal; text-align:left;} #review .contribution td{padding:5px 10px; border:none;} #review .contribution h3{ display:block; background:url("../images/title_review_toukou.png") no-repeat; no-repeat; height:25px; font-size:12px; padding:2px 0 0 210px; font-weight:normal; margin-bottom:5px;} #review .contribution .buttonarea{border:none; padding:0; } #review iframe{width:750px;} #review .bottombox{clear:both; zoom:1;} #review .bottombox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both}/* clearfix */ #review .bottom{background:url("../images/review_bottom_bg.gif") no-repeat; height:5px;} /* ================================================================= 13.購入履歴 he 使用ファイル：member_history.xhtml =================================================================*/ #history h3{display:block; margin:40px 30px 0 20px; padding-left:55px; font-size:80%;} #history h3.preparing{background:url("../images/history_preparing.gif") no-repeat;} #history h3.delivered{background:url("../images/history_delivered.gif") no-repeat;} #history h3.delivering{background:url("../images/history_delivering.gif") no-repeat;} #history h3.canceled{background:url("../images/history_canceled.gif") no-repeat;} #history h3.yoyaku{background:url("../images/history_yoyaku.gif") no-repeat;} #history h3.teiki_together{background:url("../images/history_teiki_together.gif") no-repeat;} #history .price{color:#C00; text-align:right;} #history .cart{width:230px; text-align:center;} #history .code{width:80px;} #history .amount{width:30px; text-align:center;} #history .status{float:right;} #history .property{display:block; color:#AAA; font-size:90%;} #history .img{display:block; width:118px; height:118px; margin:0px; border:1px solid #D2CECB} #history a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} #history a {color:#007FBF;} /* =================================================================== 14：サブウインドウで表示するページ用 使用ファイル：item_detail_other_image.xhtml 　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml 　　　　　　　item_itemproperty_zaiko.xhtml 　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml =================================================================== */ #subwindow{width:640px;margin:auto;text-align:left;} #subwindow #header{width:640px;zoom:100%;} #subwindow #header:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */ #subwindow #header h1 a{float:left;width:300px;height:60px;background:url("../images/header_title.gif") no-repeat;display:block;text-indent:-9999px;} #subwindow #content{width:640px;padding-bottom:20px;float:left;} #subwindow #content h2{height:25px;display:block;background:url("../images/title_bg.gif") no-repeat;font-size:85%;padding:3px 10px 3px 25px;} #subwindow #content p{margin:5px 20px;font-size:80%;line-height:150%;} #subwindow #content .images{text-align:center;margin:10px;} #subwindow #content table{font-size:80%;line-height:160%;margin:10px 20px;width:600px;border:1px solid #CCCCCC;} #subwindow #content th{background:#EEEEEE;padding:15px;vertical-align:top;border:1px solid #CCCCCC;width:150px;} #subwindow #content th.zaiko{width:auto;text-align:center;} #subwindow #content td{padding:15px;vertical-align:top;border:1px solid #CCCCCC;} #subwindow #content td.number{text-align:right;} #subwindow #content .hissu{color:#CC0000;font-weight:bold;} #subwindow .buttonarea{text-align:center;border-top:#CCCCCC 1px dashed;margin:10px;padding-top:10px;} /* ================================================================= 15.エラーページ 使用ファイル：common/messages.xhtml =================================================================*/ #error{width:100%; padding-bottom:20px;} #error table{margin:20px; border:none !important; font-size:80%;} #error td{padding:10px; border:none !important;} #error .ico{width:40px; vertical-align:top; text-align:center;} #error .content{padding:5px; color:#C00; font-weight:bold; vertical-align:middle; line-height:150%;} #error .buttonarea{margin:10px; padding-top:30px; text-align:center;} #error ul{background:none;} #error .buttonarea .twin{margin-right:20px;} /* ================================================================= 15.伊勢丹特集ページ 使用ファイル：ext/isetan2013.xhtml =================================================================*/ @charset "utf-8"; /* CSS Document */ #isetan2013 #top{width:700px; margin:auto;} #isetan2013 #top h2{display:block; width:691px; height:123px; margin:0; background:url("../images/isetan_title.png") no-repeat; text-indent:-9999px;} #isetan2013 #top p.text{display:block; width:700px; height:91px; background:url("../images/isetan_top_text.png") no-repeat; text-indent:-9999px; margin:20px 0 15px 0;} #isetan2013 #top p.time{display:block; width:345px; height:22px; background:url("../images/isetan_top_time.png") no-repeat; text-indent:-9999px; margin:0 0 5px 0;} #isetan2013 #top p.place{display:block; width:491px; height:22px; background:url("../images/isetan_top_place.png") no-repeat; text-indent:-9999px; margin:0 0 15px 0;} #isetan2013 .border{content:' '; display:block; height:13px; background:url("../images/isetan_border.png") repeat-x;} #isetan2013 #original{width:700px; margin:auto;} #isetan2013 #original h3{display:block; width:559px; height:29px; background:url("../images/isetan_original_title.png") no-repeat; text-indent:-9999px; margin:30px 0 5px 0; padding:0; border:none;} #isetan2013 #original p.subTitle{display:block; width:637px; height:21px; background:url("../images/isetan_original_subTitle.png") no-repeat; text-indent:-9999px; margin:0;} #isetan2013 #original ul.item{margin:15px 0 15px 0; display:table; width:100%;} #isetan2013 #original ul.item li{display:block; display: table-cell;} #isetan2013 #original ul.item li.kashitsuki .gentei{display:block; width:73px; height:16px; background:url("../images/isetan_original_gentei.png") no-repeat; text-indent:-9999px; margin:0; position:relative; top:-197px; left:15px; margin-bottom:-16px;} #isetan2013 #original ul.item li.kashitsuki .appeal{display:block; width:185px; height:37px; background:url("../images/isetan_original_appeal1.png") no-repeat; text-indent:-9999px; margin:0 0 15px 0;} #isetan2013 #original ul.item li.kashitsuki .name{margin:0;} #isetan2013 #original ul.item li.kashitsuki .name a{display:block; width:148px; height:16px; background:url("../images/isetan_original_name1.png") no-repeat; text-indent:-9999px; margin:0 0 5px 0;} #isetan2013 #original ul.item li.kashitsuki .price{display:block; width:110px; height:16px; background:url("../images/isetan_original_price1.png") no-repeat; text-indent:-9999px; margin:0;} #isetan2013 #original ul.item li.pen .appeal{display:block; width:200px; height:37px; background:url("../images/isetan_original_appeal2.png") no-repeat; text-indent:-9999px; margin:0 0 15px 0;} #isetan2013 #original ul.item li.pen .name{margin:0;} #isetan2013 #original ul.item li.pen .name a{display:block; width:129px; height:16px; background:url("../images/isetan_original_name2.png") no-repeat; text-indent:-9999px; margin:0 0 5px 0;} #isetan2013 #original ul.item li.pen .price{display:block; width:103px; height:16px; background:url("../images/isetan_original_price2.png") no-repeat; text-indent:-9999px; margin:0;} #isetan2013 #original ul.item li.handy .appeal{display:block; width:169px; height:37px; background:url("../images/isetan_original_appeal3.png") no-repeat; text-indent:-9999px; margin:0 0 15px 0;} #isetan2013 #original ul.item li.handy .name{margin:0;} #isetan2013 #original ul.item li.handy .name a{display:block; width:193px; height:16px; background:url("../images/isetan_original_name3.png") no-repeat; text-indent:-9999px; margin:0 0 5px 0;} #isetan2013 #original ul.item li.handy .price{display:block; width:100px; height:16px; background:url("../images/isetan_original_price3.png") no-repeat; text-indent:-9999px; margin:0;} #isetan2013 #original p.more{margin:5px 0;} #isetan2013 #original p.more a{display:block; width:687px; height:182px; background:url("../images/isetan_original_more.png") no-repeat; text-indent:-9999px; margin:10px auto 0 0;} #isetan2013 #decade{width:700px; margin:auto;} #isetan2013 #decade h3{display:block; width:239px; height:27px; background:url("../images/isetan_decade_title.png") no-repeat; text-indent:-9999px; margin:8px 0 5px 0; padding:0; border:none; float:left;} #isetan2013 #decade p.subTitle{display:block; width:447px; height:27px; background:url("../images/isetan_decade_subTitle.png") no-repeat; text-indent:-9999px; margin:15px 0 5px 10px; float:left;} #isetan2013 #decade .item{margin-bottom:5px;} #isetan2013 #decade .item .img{float:left;} #isetan2013 #decade .item img{margin-right:20px;} #isetan2013 #decade .item .text{float:left;} #isetan2013 #decade .item .pen .name{display:block; width:127px; height:15px; background:url("../images/isetan_decade_name1.png") no-repeat; text-indent:-9999px; margin:10px 0 3px 0;} #isetan2013 #decade .item .pen .price{display:block; width:101px; height:15px; background:url("../images/isetan_decade_price1.png") no-repeat; text-indent:-9999px; margin:0;} #isetan2013 #decade .item .tray .name{display:block; width:154px; height:15px; background:url("../images/isetan_decade_name2.png") no-repeat; text-indent:-9999px; margin:15px 0 3px 0;} #isetan2013 #decade .item .tray .price{display:block; width:102px; height:15px; background:url("../images/isetan_decade_price2.png") no-repeat; text-indent:-9999px; margin:0;} #isetan2013 #decade .item .tray_ss .name{display:block; width:157px; height:15px; background:url("../images/isetan_decade_name3.png") no-repeat; text-indent:-9999px; margin:15px 0 3px 0;} #isetan2013 #decade .item .tray_ss .price{display:block; width:101px; height:15px; background:url("../images/isetan_decade_price3.png") no-repeat; text-indent:-9999px; margin:0;} #isetan2013 #decade :after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #isetan2013 #bottom{background:#DFAE64; padding:30px 0 10px 0;} #isetan2013 #bottom p{text-align:center;} #isetan2013 #bottom .banner_area{margin:0 auto 10px auto; display:table; width:700px; padding-bottom:0;} #isetan2013 #bottom .banner_area li{display:block; display: table-cell;} #isetan2013 #bottom .copyright{display:block; width:373px; height:10px; background:url("../images/isetan_copyright.png") no-repeat; text-indent:-9999px; margin:auto;} /* ================================================================= 16.第2階層以下 検索窓設置 2014/1/21 使用ファイル：item_xxxx.xhtml =================================================================*/ /* search_sub - 商品検索窓（下層） -------------------------------------------------------------*/ #search_subbox{width:640px; margin:0 auto; /*background: url("../images/container_bg.png") repeat-y center;*/ padding-top:10px;} #search_sub{width:640px; /*margin:auto;*/} #search_sub .top{background:url("../images/search_top_bg.gif") no-repeat; height:5px;} #search_sub .middle{/*background:#F1F1F1;*/} #search_sub .middle:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #search_sub .bottom{background:url("../images/search_bottom_bg.gif") no-repeat; height:5px;} #search_sub h2{display:block; float:left; width:24px; height:25px; margin:8px 4px 0 13px; background:url("../images/search_title.png") no-repeat; text-indent:-9999px; padding:0} #search_sub p{display:block; float:right; padding:8px 0 0 0; font-size:13px; /*margin:0 15px 0 0;*/} #search_sub a{background:url("../images/search_arrow.gif") no-repeat 0px 5px; padding:0 0 0 10px;} #search_sub .form{display:block; float:left; width:480px; height:30px; margin:0px 10px 0 0; font-size:14px; padding-left:5px;} #search_sub .button{display:block; float:left; margin:2px 0 0;} #search_sub .pricesearch{display: block;padding: 7px 0 0 0; clear: both;float: left;} #search_sub .pricesearch a{background:url("../images/search_arrow.gif") no-repeat 0px 5px; padding:0 15px 0 10px;} /* ================================================================= 17.特集ページ（新生活特集） 使用ファイル：ext/new_life.xhtml =================================================================*/ a:link{color:#4b3716; text-decoration:none;} a:visited{color:#4b3716;} a:hover,a:active{color:#4b3716; text-decoration:underline;} #newlife .wi234{width:234px;} #newlife .wi245{width:245px;} #newlife .wi250{width:250px;} #newlife .mL30{ margin-left:30px;} #newlife .mL25{ margin-left:26px;} #newlife .txtcolor_br{color:#4b3716; font-weight:bold;} #newlife .txtcolor_w{color:#ffffff;} #newlife{float:left; width:770px; padding-bottom: 30px; background-color:#92c645;} #newlife .margin_b{ margin-bottom:19px; line-height:0;} #newlife .p_img{margin:0 0 10px 36px; line-height:0;} #newlife .p_massagesofa{margin:0 0 16px 36px; line-height:0;} #newlife .p_title{margin:0 0 0 250px; line-height:0;} #newlife ul.listtop{width:729px; margin-left:16px;} #newlife ul.listtop li{float:left; display:block;} #newlife ul.listtxt{width:710px; margin:0 0 16px 33px; overflow:hidden;} #newlife ul.listtxt li{float:left; display:block; width:216px; font-size:90%;} #newlife ul.listitem{margin:0 0 15px 20px; overflow:hidden;} #newlife ul.listitem li{float:left; display:block; margin-left:16px; font-size:90%; font-weight:bold;} /* ================================================================= 18.2014母の日 使用ファイル：ext/2014mothersday.xhtml =================================================================*/ #mothersday2014 a:link{color:#2b3567; text-decoration:none;} #mothersday2014 a:visited{color:#2b3567;} #mothersday2014 a:hover,a:active{color:#2b3567; text-decoration:underline;} #mothersday2014 .wi234{width:234px;} #mothersday2014 .wi242{width:242px;} #mothersday2014 .wi245{width:245px;} #mothersday2014 .mL30{ margin-left:30px;} #mothersday2014 .mL25{ margin-left:26px;} #mothersday2014 .txtcolor_br{color:#4b3716; font-weight:bold;} #mothersday2014 .txtcolor_w{color:#ffffff;} #mothersday2014{float:left; width:770px; padding-bottom: 30px; background-color:#f097ad;} #mothersday2014 .margin_b{ margin-bottom:19px; line-height:0;} #mothersday2014 .p_img{margin:0 0 10px 36px; line-height:0;} #mothersday2014 .p_title{margin:0 0 0 120px; line-height:0;} #mothersday2014 .p_txt{margin:0 0 0 150px; font-size:90%; font-weight:bold;} #mothersday2014 .p_attentiontxt{margin:0 0 0 30px; font-size:90%; font-weight:bold;} #mothersday2014 ul.listimg{padding-left:10px; overflow:hidden;} #mothersday2014 ul.listimg li{float:left; display:block;margin-left:20px; } #mothersday2014 ul.listtop{width:729px; margin-left:16px;} #mothersday2014 ul.listtop li{float:left; display:block;} #mothersday2014 ul.listtxt{width:710px; margin:0 0 16px 33px; overflow:hidden;} #mothersday2014 ul.listtxt li{float:left; display:block; width:216px; font-size:90%;} #mothersday2014 ul.listitem{margin:0 0 5px 20px; overflow:hidden;} #mothersday2014 ul.listitem li{float:left; display:block; margin-left:16px; font-size:90%; font-weight:bold;} /* ================================================================= 19.閲覧履歴 使用ファイル：member_mypage.xhtml =================================================================*/ /*#mypage ul{width:730px;}*/ #mypage .pagination{display:block;float:left;margin: 0px 10px 0px 0; width:175px; font-size:80%; height:280px;} #mypage .pagination img{border: 1px #cccccc solid;} #mypage p a{background: url("../images/mypage_arrow.png") 0 5px no-repeat;padding-left: 10px;} /* ================================================================= 20.woodstock 使用ファイル：ext/woodstock.xhtml =================================================================*/ #woodstock a:link{color:#e30078; text-decoration:none;} #woodstock a:visited{color:#e30078;} #woodstock a:hover,a:active{color:#e30078; text-decoration:underline;} #woodstock .wi693{width:693px; margin: auto;} #woodstock .mB5{margin-bottom:5px;} #woodstock .p_img{line-height:0; text-align:center; overflow:hidden;} #woodstock {float:left; width: 770px; padding-bottom: 30px;} #woodstock .bg{background:url("../ext/images/woodstock/bg.jpg") repeat-x;} #woodstock .itemimg{float:left; display:block; } #woodstock ul.listitem{margin:10px 0 15px 20px; overflow:hidden;} #woodstock ul.listitem li{float:left; display:block; margin-left:35px; font-size:80%; font-weight:bold; background-color: #dbdcdc; border-style: solid; border-width: 5px 5px 5px 5px; border-color:#9667a8; width:186px;} #woodstock .li_img{padding-left:5px;} #woodstock ul.listitem_staff{margin:10px 0 15px 50px; overflow:hidden;} #woodstock ul.listitem_staff li{float:left; display:block; margin-left:10px; font-size:70%; font-weight:bold; background-color: #dbdcdc; padding-bottom: 5px; border-style: solid; border-width: 5px 5px 5px 5px; border-color:#9667a8; width:145px;} /* ================================================================= 21.hotplate 使用ファイル：ext/hotplate.xhtml =================================================================*/ #hotplate {float:left; width: 770px;} #hotplate .p_img{line-height:0; text-align:center; overflow:hidden;} #hotplate ul.listitem{margin-right:20px; overflow:hidden;} #hotplate ul.listitem li{float:left; display:block; margin-left:12px; width:238px;} /* ================================================================= 22.お気に入り 使用ファイル：wishlist.xhtml =================================================================*/ #mybox{margin-bottom:20px; zoom:1;} #mybox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */ #mybox .box{float:left; margin:0 9px 20px 19px; width:162px; height:370px;} #mybox .box_height{height:270px;} #mybox .text{width:162px;} #mybox h3{display:block; margin:10px 0px 0 0; font-size:14px; font-weight:normal; line-height:120%;} #mybox h3 a{ color:#007FBF;} #mybox .price{display:block; margin:10px 10px 5px 0; font-size:13px;} #mybox .img{display:block; width:160px; height:160px; margin:0px; border:1px solid #D2CECB} #mybox a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} #mybox .txttitle{margin-top:20px; font-size:110%;} #mybox p a{background: url("../images/mypage_arrow.png") 0 5px no-repeat;padding-left: 10px;} #mybox .property{margin:0; font-size:80%; font-weight:bold; color:#f00; line-height:150%;} #mybox .menu_table{border: none;} #mybox .menu_table th{padding:10px;} #mybox .menu_table td{padding:10px 5px 30px 5px; border: none; font-size:14px;} #mybox .menu_table td span{font-size:20px; color:#362a2a; font-weight:bold;} a:visited{color:#362a2a;}a:hover,a:active{color:#362a2a; text-decoration:underline;} /* ================================================================= 23.マイページ 使用ファイル：member_mypage.xhtml =================================================================*/ #mypage .pagination{float:left; margin:10px 9px 20px 19px; width:162px; height:280px; font-size:14px; font-weight:normal; line-height:120%;} #mypage .pagination a{color: #007FBF;} #mypage .pagination img{border: 1px #cccccc solid;} #summer2014 .p_img{line-height:0; overflow:hidden;} #summer2014 .divf{float:left; display:block;} #summer2014 div{line-height: 0;} #speaker {float:left; width: 770px; padding-bottom: 30px;} #speaker .p_img{line-height:0; overflow:hidden;} #speaker .backcolor{background-color:#1e274d;} #speaker .divf{float:left; display:block;} #speaker div{line-height: 0;} #speaker .mL32{margin-left:32px;} #speaker ul.listitem{margin:0 0 10px 22px; overflow:hidden;} #speaker ul.listitem li{float:left; display:block; margin-left:10px; border-style: solid; border-width: 1px 1px 1px 1px; border-color:#C0C0C0; width:165px;} #speaker .button{text-align:center; padding-bottom:20px;} /* ================================================================= 24.特設ページ 使用ファイル：ext/****.xhtml =================================================================*/ #extpage h2{display:block; padding:0px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:16px; } #extpage .thanksgift_bg{ background: url("../ext/images/thanksgift/bg.jpg") no-repeat; height:1900px;} #extpage .thanksgift_ul_limitation{display: inline-block; margin-left:15px;} #extpage .thanksgift_ul_limitation li{ float: left; display: block;} #extpage .thanksgift_ul_gift{display: inline-block; margin-left:25px;} #extpage .thanksgift_ul_gift li{ float:left; margin-right:13px;} #extpage p{line-height:0; text-align:center;} #extpage {float:left; width:770px;} #extpage .itembox{line-height:0;} #extpage .bgcolor{ background-color:#3e3a39;} #extpage .divf{float:left; display:block;} #extpage .divr{float:right; display:block;} #extpage .beaglehug_bgcolor{ background-color:#f7e132;} #extpage .beaglehug_title{ display:inline;} #extpage .cleaner div{line-height:0;} #extpage .cleaner_bg{ background: url("../ext/images/cleaner/bg01.gif") no-repeat; height:304px;} #extpage .cleaner_bgcolor{ background-color:#ff0000;} #extpage .cleaner_box{ width:727px; margin-left:22px;} #extpage .cleaner_img{display:inline; margin-left: 230px; margin-bottom:30px; margin-top: 20px;} #extpage .cleaner_button{display:inline;} #extpage .ctext_cleaner-cp{font-size:12px; padding: 0 10px 0;} #extpage .ctitle_cleaner-cp{font-size:14px; font-weight:bold;} #extpage .bgcolor_cleaner-cp{background-color:#d3e0e8; text-align:center; padding:30px 0 20px;} #extpage .working{color:#03F; font-weight:bold; text-decoration:underline; !important;} #extpage .cleaner-cp_btn{background-color:#ffeb00; height:150px;} #extpage .xmasgiftwrappingbg{background:url("../ext/images/xmasgiftwrapping/img03.jpg") no-repeat; height:97px;} #extpage .xmasgiftwrappingbutton{padding-left:170px;} #extpage .bellwrappingbg{background:url("../ext/images/bellwrapping/img3.jpg") no-repeat; height:98px;} #extpage .bellwrappingbutton{padding-left:170px;} #extpage .snoodybgcolor{ background-color:#f6ab00;} #extpage .snoodymL17{margin-left:17px;} #extpage .snoodymB15{margin-bottom:15px;} #extpage .snoodypT21{padding-top:21px;} #extpage .footbgimg{ background: url("../ext/images/footmassager/bgimg01.gif") repeat-y;} #extpage .foot_ul{display:inline-block; margin-left:5px; font-size:90%;} #extpage .foot_ul li{float:left; display:block; margin-left:30px; width:212px; height:310px;} #extpage .foot_ul li .itemline{border: 1px #cccccc solid; margin-left:30px; } #extpage .gift2014bgimg{ background: url("../ext/images/gift2014/bgimg01.gif") repeat-y;} #extpage .gift2014bottom{background-color:#eea4a6; height:20px;} #extpage p.alert{ font-size:15px; color:#c92d14;} #extpage .gift201501bgimg{ background: url("../ext/images/gift201501/bgimg01.gif") repeat-y;} #extpage .gift201501bottom{background-color:#da3726; height:20px;} #extpage .mamakids_bg{background-color:#ff9999; margin:auto;} #extpage .mamakids_bottom{background-color:#ff9999; height:30px;} #extpage .hotitems_bg{background-color:#ffa1b3;} #extpage .table_hotitems{margin:auto;} #extpage .td_hotitems{padding-right:9px;} #extpage .inputwrapper{background-color:#ffffff; border:solid 3px #8cc3ea; border-radius: 15px 15px 15px 15px; width:700px; padding:20px; margin-left:15px;} #extpage .mailmagbg{background:url("../ext/images/mailmagazine/bg.gif") repeat-y; padding-bottom:40px;} #extpage .event65th_bgcolor{ background-color:#fdd933;} #extpage .event65th_ul_itemlist{display: inline-block; margin-left:15px; width:755px; margin-top:10px;} #extpage .event65th_ul_itemlist span{display:block; margin: 0 0 0 5px;} #extpage .event65th_ul_itemlist li{ float: left; width: 240px; background-color: #fff;} #extpage .event65th_ul_itemlist .startli{ float: left; width: 365px; background-color: #fff;} #extpage .event65thitemimg{border:1px #ccc solid; margin: 5px auto 15px;} #extpage .event65thitemname{display:block; margin: 10px 0 0 15px; width:175px; font-size:100%; font-weight:bold;} #extpage .event65thprice{display:block; margin: 10px 0 0 15px; font-size:100%;} #extpage .event65thicon {display:inline; margin-right:15px;} #extpage .timewilltell_tabletop{ vertical-align:top;} #extpage .puregoldfigure{background-color:#000000;} #extpage .daypack{ background: url("../ext/images/daypack/bg01.gif") repeat-y;} #extpage .mothersday2015_bgcolor{background-color:#fad5dc; font-size:90%;} #extpage .mothersday2015_bgcolor a:link{color:#007FBF; text-decoration:underline;} #extpage .mothersday2015_bgcolor a:visited{color:#007FBF;} #extpage .mothersday2015_bgcolor a:hover,a:active{color:#007FBF; text-decoration:underline;} #extpage .mothersday2015_ul_item{margin-left:28px; overflow:hidden;} #extpage .mothersday2015_ul_item li{ float: left; } #extpage .mothersday2015_ul_itemlist{display: inline-block; margin-left:22px; width:748px; margin-top:10px;} #extpage .mothersday2015_ul_itemlist span{display:block; margin-top:10px; width:230px;} #extpage .mothersday2015_ul_itemlist li{ float: left; width: 230px;} #extpage .mothersday2015_ul_itemlist img{ border: 1px #d83657 solid;} #extpage .mothersday2015_ul_itemlist_stock{display: inline-block; margin-left:25px; width:720px; margin-top:10px;} #extpage .mothersday2015_ul_itemlist_stock span{display:block; margin-top:10px; width:165px;} #extpage .mothersday2015_ul_itemlist_stock li{ float: left; width: 165px;} #extpage .mothersday2015_ul_itemlist_stock img{ border: 1px #d83657 solid;} #extpage .mothersday2015_button{padding: 50px 0 50px 150px;} #extpage .mothersday2015_warning{font-size: 12px;} #extpage .price{text-align:right;} #extpage .itemname{ font-size:100%; font-weight:bold;} #extpage .electricfan_bg{ background: url("../ext/images/electricfan/bg02.gif") repeat-y;} #extpage .electricfan_img{ margin: 0 auto;} #extpage .strawbag_bgt{ background: url("../ext/images/strawbag/bg01.gif") repeat-y; height:126px;} #extpage .strawbag_bgb{ background: url("../ext/images/strawbag/bg02.gif") repeat-y; height:148px;} #extpage .strawbag_button{margin:auto; padding-top: 34px; } #extpage .strawbagbtn a {display:block; width:424px; height:52px; background: url(../ext/images/strawbag/button.jpg) no-repeat 0 0; margin: auto;} #extpage .strawbagbtn a:hover {background-position: 0 bottom;} #extpage .bathmat {display:block; width:413px; height:277px; background: url(../ext/images/bathmat/button_bk.jpg) no-repeat 0 0; margin-left: 357px;} #extpage .summeritems { width:770px; height:2010px; background: url(../ext/images/summeritems/bg01.jpg) no-repeat 0 0;} #extpage .summeritems_item_contents { width:738px; margin: 0 auto; margin-bottom: 12px;} #extpage .summeritems_item_contents img { margin-left: 1px;} #extpage .summeritems_item_box_bl { width:236px; height: 331px; background: url(../ext/images/summeritems/itemimgbg01.png) no-repeat 0 0;} #extpage .summeritems_item_box_gr { width:236px; height: 331px; background: url(../ext/images/summeritems/itemimgbg02.png) no-repeat 0 0;} #extpage .summeritems_itemname { font-size:90%; font-weight: bold; line-height: 1.2; margin: 15px 15px 0 15px; text-align:left;} #extpage .summeritems_itemnameprice {font-size: 90%; text-align: left; margin: 10px 15px 0 15px; line-height: 1.2;} #extpage .summeritems_item_box_sizing {box-sizing: border-box;} #extpage .pantoufle{width:714px; margin:auto;} #extpage .pantoufle_bg{background-color: #f0dfd0; height: 380px;} #extpage .pantoufle_bgbtn{background-color: #fff; height: 333px;} #extpage .sunglassesbtn a {display:block; width:770px; height:104px; background: url(../ext/images/sunglasses/button.gif) no-repeat 0 0; margin-bottom: 50px;} #extpage .sunglassesbtn a:hover {background-position: 0 bottom;} #extpage .pointcampaign_txt{width: 711px; padding-left: 20px; padding-right: 20px;font-size:85%;} #extpage .pointcampaign_box{width:770px; background:url(../ext/images/pointcampaign/bg01.gif) repeat-y;} #extpage .pointcampaign_txt2{width:730px; padding-left:20px; font-size:85%;} #extpage .pointcampaign_box2{width:751px; margin: auto; background:url(../ext/images/pointcampaign/bg01.gif) repeat-y;} #extpage .freecampaign_txt{width:730px; padding-left:20px; font-size:90%; line-height:180%;} #extpage .zipper_txt{padding:40px 0 0 20px; font-size:80%; line-height:180%;} #extpage .lesportsac_item_contents { width:770px; margin: 0 auto; margin:0 0 40px 0;} #extpage .lesportsac_itembox { width:177px;} #extpage .lesportsac_itemname { font-size:80%; line-height: 1.2; margin-top:5px; text-align:left;} #extpage .lesportsac_itemname a{ color:#03F; text-decoration:underline; !important;} #extpage .lesportsac_itemnameprice {font-size: 80%; text-align: left; margin-top:10px; line-height: 1.2;} #extpage .lesportsac_item_box_sizing {box-sizing: border-box;} #extpage .christmastree_body { width:770px; background-color:#f9f7e8;} #extpage .christmastree { width:672px;} #extpage .christmastree_ul_itemlist{display: inline-block; width:311px;} #extpage .christmastree_ul_itemlist li{ float: left; width: 148px; margin-right: 4px;} #extpage .snootea_mug {display:block; width:770px; height:321px; background: url(../ext/images/snootea/bg2.gif) no-repeat 0 0; } #extpage .snootea_btn {display:block; width:770px; height:557px; background: url(../ext/images/snootea/bg3.gif) no-repeat 0 0; padding-bottom:100px; line-height:0;} #extpage .snootea_ul_itemlist{display: inline-block; width:720px;} #extpage .snootea_ul_itemlist li{ float: left;} #extpage .makeupblush_btn {display:block; width:770px; height:260px; background: url(../ext/images/makeupblush/bg.jpg) no-repeat 0 0; margin-top:30px; padding-bottom:100px; line-height:0;} #extpage .presentcampaign_txt{width:690px; font-size:90%; background-color: #e6e6e6; border-radius:5px; margin:0 auto 20px; padding:20px;} #extpage .happysetcampaign_txt{width:690px; font-size:90%; margin:0 auto; line-height: 1.8;} #extpage .manumobiles_btn {margin: 30px 0 100px 45px; display:block; width:678px; height:320px; background: url(../ext/images/manumobiles/bg_btn.jpg) no-repeat 0 0; line-height:0;} #extpage .christmasgift_red { width:770px; height:761px; background: url(../ext/images/christmasgift/bgred.jpg) no-repeat 0 0;} #extpage .christmasgift_pink { width:770px; height:1021px; background: url(../ext/images/christmasgift/bgpink.jpg) no-repeat 0 0;} #extpage .christmasgift_item_contents { width:730px; margin: 0 auto; margin-bottom: 30px;} #extpage .christmasgift_box_shadow{box-shadow: 3px 4px 4px rgba(0,0,0,0.2);} #extpage .christmasgift_item_box_r { width:230px; height: 104px; background: url(../ext/images/christmasgift/itembg1.jpg) no-repeat 0 0;} #extpage .christmasgift_item_box_p { width:230px; height: 104px; background: url(../ext/images/christmasgift/itembg2.jpg) no-repeat 0 0;} #extpage .christmasgift_itemname { font-size:90%; font-weight: bold; line-height: 1.2; padding: 15px 15px 0 25px; text-align:left;} #extpage .christmasgift_itemnameprice {font-size: 90%; font-weight: bold; text-align: left; margin: 10px 15px 0 25px; line-height: 1.2;} #extpage .christmasgift_item_box_sizing {box-sizing: border-box;} #extpage .christmasgiftwrapping { width:770px; height: 298px; background: url(../ext/images/christmasgift/wrapping.jpg) no-repeat 0 0;} #extpage .puregoldkoban_bg5g { width:720px; height:375px; background: url(../ext/images/puregoldkoban/bg1.jpg) no-repeat 0 0;} #extpage .puregoldkoban_bg10g { width:720px; height:375px; background: url(../ext/images/puregoldkoban/bg2.jpg) no-repeat 0 0;} #extpage .puregoldkoban_btn { width:770px; height:90px; background: url(../ext/images/puregoldkoban/bg3.jpg) no-repeat 0 0;} #extpage .necmassagepillow_btn { width:370px; height:145px; background: url(../ext/images/necmassagepillow/bg.jpg) no-repeat 0 0;} .extpagebreadcrumbs{font-size:80%; float:left;} #extpage .peanutsmovie_moviebgcolor{ background-color:#d3edfb;} #extpage .peanutsmovie_flyingacebgcolor{ background-color:#fffcdb;} #extpage .peanutsmovie_itemlist{display: inline-block; margin-left:48px; width:670px; margin-top:5px;} #extpage .peanutsmovie_itemlist li{ float: left; width: 210px; background-color: #fff; box-shadow: 3px 4px 9px rgba(0,0,0,0.3);} #extpage .peanutsmovie_itemlist img{ border: 4px solid #28a7e1 ;} #extpage .peanutsmovie_itemlist p{display: block; height: 45px; padding: 10px 20px 10px 20px; background-color: #28a7e1; color: #fff; font-size: 80%; text-align: left; font-weight: bold; line-height: 1.2;} #extpage .peanutsmovie_itemlist a:link{color:#fff;} #extpage .peanutsmovie_itemlist a:visited{color:#fff;} #extpage .peanutsmovie_itemlist a:hover{color:#fff; text-decoration:underline;} #extpage .peanutsmovie_itemlist a:active{color:#fff;} #extpage .peanutsmovie_itemlist span {font-size: 110%; font-weight: bold; text-align: left; padding: 10px 0 15px 20px; line-height: 1.2; background-color: #28a7e1; display: block; color: #fff;} #extpage .peanutsmovie_btn{margin: auto; padding:10px 0 20px 0;} #extpage .peanutsmovieflyingace_item{display: inline-block; width:198px; } #extpage .peanutsmovieflyingace_item li{ width: 198px; background-color: #fff; box-shadow: 3px 4px 9px rgba(0,0,0,0.3);} #extpage .peanutsmovieflyingace_item img{ border: 4px solid #c5a16c ;} #extpage .peanutsmovieflyingace_item p{display: block; padding: 10px 20px 10px 20px; background-color: #c5a16c; color: #fff; font-size: 80%; text-align: left; font-weight: bold; line-height: 1.2;} #extpage .peanutsmovieflyingace_item a:link{color:#fff;} #extpage .peanutsmovieflyingace_item a:visited{color:#fff;} #extpage .peanutsmovieflyingace_item a:hover{color:#fff; text-decoration:underline;} #extpage .peanutsmovieflyingace_item a:active{color:#fff;} #extpage .peanutsmovieflyingace_item span {font-size: 110%; font-weight: bold; text-align: left; padding: 0 0 5px 20px; line-height: 1.2; background-color: #c5a16c; display: block; color: #fff;} #extpage .peanutsmovie_flyingaceitemlist{display: inline-block; margin-left:48px; width:670px; margin-top:5px;} #extpage .peanutsmovie_flyingaceitemlist li{ float: left; width: 156px; background-color: #fff; box-shadow: 3px 4px 9px rgba(0,0,0,0.3);} #extpage .peanutsmovie_flyingaceitemlist img{ border: 3px solid #c5a16c ;} #extpage .peanutsmovie_flyingaceitemlist p{display: block; height: 45px; padding: 10px 20px 10px 20px; background-color: #c5a16c; color: #fff; font-size: 80%; text-align: left; font-weight: bold; line-height: 1.2;} #extpage .peanutsmovie_flyingaceitemlist a:link{color:#fff;} #extpage .peanutsmovie_flyingaceitemlist a:visited{color:#fff;} #extpage .peanutsmovie_flyingaceitemlist a:hover{color:#fff; text-decoration:underline;} #extpage .peanutsmovie_flyingaceitemlist a:active{color:#fff;} #extpage .peanutsmovie_flyingaceitemlist span {font-size: 100%; font-weight: bold; text-align: left; padding: 10px 0 15px 20px; line-height: 1.2; background-color: #c5a16c; display: block; color: #fff;} #extpage .coffeesetcolor {background-color:#f2f2f2;} #extpage .coffeesetbtn { width:357px; height:212px; background: url(../ext/images/coffeeseries/bg1.jpg) no-repeat 0 0;} #extpage .cafekettlebtn { width:357px; height:214px; background: url(../ext/images/coffeeseries/bg2.jpg) no-repeat 0 0;} #extpage .harristweedcolor {background-color:#f5f5f6;} #extpage .harristweedcolorlist {width: 730px;} #extpage .harristweedcolorlist li{ float: left;} #extpage .harristweedcolorlist p{display: block; padding: 10px 5px 10px 5px; color: #403030; font-size: 80%; text-align:center; font-weight: bold; line-height: 1.2; width:163px;} #extpage .harristweedcolorlist a:link{color:#403030;} #extpage .harristweedcolorlist a:visited{color:#403030;} #extpage .harristweedcolorlist a:hover{color:#403030; text-decoration:underline;} #extpage .harristweedcolorlist a:active{color:#fff;} #extpage .harristweedcolorlist span {text-align: center; padding: 10px 0 15px 0px; line-height: 1.2; display: block; color: #403030; font-size: 90%; width: 163px;} #extpage .newlife_itemlist{display: inline-block; width:900px; margin-top:25px;} #extpage .newlife_itemlist li{ float: left; width: 185px;} #extpage .newlife_itemlist img{ border: 1px solid #000 ;} #extpage .newlife_itemlist p{display: block; padding: 10px 0 10px 0; font-size: 110%; text-align: left; font-weight: bold; line-height: 1.2;} #extpage .newlife_itemlist .kitchen{color: #36a0da;} #extpage .newlife_itemlist .interior{color: #e97e00;} #extpage .newlife_itemlist .stationery{color: #a0c912;} #extpage .newlife_btn{margin: auto; padding:0 0 30px 0;} #extpage .newlife_itemlist a:link{color:#000;} #extpage .newlife_itemlist a:visited{color:#000;} #extpage .newlife_itemlist a:hover{color:#000; text-decoration:underline;} #extpage .newlife_itemlist a:active{color:#000;} #extpage .newlife_itemlist span {font-size: 90%; font-weight: bold; text-align: left; padding: 5px 0 5px 0; line-height: 1.2; display: block; color: #000;} #extpage .handyfoodsealercolor {background-color:#f5eddc;} #extpage .handyfoodsealelinercolor {border-bottom: 1px solid #dcc389;} #extpage .memehotchargebg {width:770px; height:352px; background: url(../ext/images/memehotcharge/bg1.jpg) no-repeat 0 0; } #extpage .memehotchargecol{background-color: #fcf1e6; width:770px; height:480px;} #extpage .memehotchargeitemlist{margin-left:45px; width:680px; } #extpage .memehotchargeitemlist li{ float: left; width: 155px; background-color: #fff;} #extpage .memehotchargeitem {margin-left:62px; width:648px; } #extpage .memehotchargeitem li { float: left; width: 308px;} #extpage .memehotchargebtn {margin-left:86px; width:624; } #extpage .memehotchargebtn li { float: left;} #extpage .noveltycampaign_box{width:770px; margin-bottom: 40px;} #extpage .noveltycampaign_txt{width:650px; font-size: 95%; margin-left: 60px; font-weight: bold; line-height: 180%;} #extpage .infofree2016{background-color:#ddf0ff; display: inline-block; width: 770px;} #extpage .speciallist{display: inline-block; width:750px; margin-left:20px;} #extpage .speciallist li{ float: left; width: 250px; margin-top:20px;} #extpage .specialitem{display: inline-block; width: 750px; margin-top: 10px; margin-left: 20px;} #extpage .specialitem li{ float: left; width: 375px;} #extpage .snooteacampaign_box{ background-color:#fff7ec;} #extpage .snooteacampaign_boxtxt{display: block; padding: 15px 30px 30px 30px; font-size: 90%; text-align: left; line-height: 1.2; color: #11435a;} #extpage .snooteacampaign_btnbox{ background-color:#ffdb8f; width:722px; margin:auto; line-height: 0;} #extpage .snooteacampaign{display: inline-block; margin: 0 0 20px 20px;} #extpage .snooteacampaign li{ float: left; } #extpage .wrappingtitle{ background-color:#f6f2e8; padding:10px 10px 10px 20px; font-weight:bold; color:#583d23; line-height:1.2; text-align:left;} #extpage .wrappingtxt{ border-left:2px solid #f6f2e8; border-right:2px solid #f6f2e8; color:#583d23; line-height: 1.5; text-align: left; padding: 10px 20px 10px 25px; font-size: 14px;} #extpage .wrappingtxtwarning_b{color:#ff3333; font-size:16px; font-weight:bold;} #extpage .wrappingtxtwarning_s{color:#ff3333; text-decoration: underline;} #extpage .wrappingul{padding-bottom: 30px;} #extpage .wrappingul li{margin-left: 0.9em; color: #d4ba2a; list-style-type: disc; font-size: 25px; line-height: 0.9; margin-bottom: 5px;} #extpage .wrappingulcolor{color:#583d23; font-size:14px; vertical-align: middle;} #extpage .wrappingulbtnbg {width:770px; height:232px; background: url(../ext/images/wrapping/bg.jpg) no-repeat 0 0;} #extpage .giftlist {display: block; overflow: hidden;} #extpage .giftlist li{ float: left;} #extpage .scenebtnlist {display: block; overflow: hidden; margin-left:14px; margin-bottom:40px;} #extpage .scenebtnlist li{ float: left; margin-right:7px; margin-bottom:3px;} #extpage .scenebtnlist2 {display: block; overflow: hidden; margin-left:14px; margin-bottom:20px;} #extpage .scenebtnlist2 li{ float: left; margin-right:7px; margin-bottom:3px; text-align: center; width:243px; } #extpage .recommendedgiftbg {width:770px; height:430px; background: url(../ext/images/gift/recommendedgiftbg.jpg) no-repeat 0 0; } #extpage .recommendedgifttxt {font-size: 14px; font-weight: bold; text-align: left; padding: 20px 0 5px 0; line-height: 1.2; display: block; color: #534a4a;} #extpage .recommendedgiftreadtxt {font-size: 90%; text-align: left; line-height: 1.5; display: block; color: #534a4a;} #extpage .recommendedgiftreadtxt2 {font-size: 18px; text-align: center; line-height: 1.5; display: block; color: #534a4a; margin-top: 20px; } #extpage .recommendedgifttxtarea {float: right; width: 280px; margin-right: 30px;} #extpage .categorybg {width:770px; height:469px; background: url(../ext/images/gift/categorybg.jpg) no-repeat 0 0; } #extpage .categorybg3000 {width:520px; height:135px; background: url(../ext/images/gift/category3000bg.jpg) no-repeat 0 0; } #extpage .categorybg5000 {width:520px; height:135px; background: url(../ext/images/gift/category30005000bg.jpg) no-repeat 0 0; } #extpage .categorybg10000 {width:520px; height:135px; background: url(../ext/images/gift/category500010000bg.jpg) no-repeat 0 0; } #extpage .categorybtnlist {display: block; overflow: hidden; margin-left:14px; margin-top:15px;} #extpage .categorybtnlist li{ float: left; margin-right:10px; margin-bottom:8px;} #extpage .giftwrappingtxt {font-size: 90%; text-align: left; line-height: 1.5; display: block; color: #ff0000; margin-top:5px;} #extpage .noveltyhappycampaignbtnbgcol{background-color:#ffe827;} #extpage .noveltyhappycampaignbtn {display: inline-block; padding: 30px 30px 30px 40px;} #extpage .noveltyhappycampaignbtn li{ float: left;} #extpage .noveltyhappycampaignbtn1bgcol{background-color:#ffeaf6;} #extpage .noveltyhappycampaignbtn1txt1{line-height: 1.5; text-align: left; color: #514545; font-size: 95%; margin: 0px 30px 30px 45px;} #extpage .noveltyhappycampaigntxtpink{color:#ff5283; font-weight:bold;} #extpage .noveltyhappycampaignbtn1txt2{line-height: 1.5; text-align: left; color: #514545; font-size: 90%; padding: 0px 0px 30px 28px; background-color: #fff; width: 685px; margin: 0 30px 0px 28px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} #extpage .noveltyhappycampaignbtn2bgcol{background-color:#fffcdf;} #extpage .noveltyhappycampaignbox{width:770px; background-color:#ffe6b7; padding: 30px 0 30px 0; margin-bottom: 60px;} #extpage .noveltyhappycampaigntxt{width:650px; font-size: 95%; line-height: 1.5; color: #514545; background-color:#fff; margin:auto; padding: 25px 30px 30px 30px; border-radius: 5px;} #extpage .noveltyhappycampaigntxtore{color:#ff8337; font-weight:bold;} #extpage .noveltyhappycampaigntxtblue{color:#007FBF;} #extpage .noveltyhappycampaigninstagram{width:695px; height:294px; background: url(../ext/images/noveltycampaign/instagramcampaign.jpg) no-repeat 0 0; } #extpage .noveltyhappycampaigninstagramhash{font-weight:bold; color:#ff3870; padding-top: 210px; font-size: 120%;} #extpage .freetxt17{line-height: 1.5; color: #514545; font-size: 1em; padding: 40px 30px 40px 30px; text-align: left;} #extpage .freebtnpointbg17{background-color:#fdede3; padding-bottom:50px;} #extpage .freebtnmailmagbg17{background-color:#d4ecea; padding-bottom:50px;} #extpage .free17itemlistcol{background-color: #fffcdb;} #extpage .free17itemlist{margin-left:28px; display: block; width: 740px;} #extpage .free17itemlist li{ width: 171px; float: left; line-height: 0;} #extpage .free17itemlist .itemname{background-color:#f6ab00; color:#fff; display: block; width: 100%; line-height: 1.2; word-wrap: break-word; padding: 10% 0 0 0; text-align: center; font-size: 0.9em; font-weight: bold; height: 50px;} #extpage .free17itemlist a:link{text-decoration: none;} #extpage .free17itemlist a:visited{text-decoration: none;} #extpage .free17itemlist a:hover{text-decoration: none;} #extpage .free17itemlist a:active{text-decoration: none;} #extpage .free17itemlist .itempricetxt{color:#595757; display: block; width: 100%; text-align: center; line-height: 1.2; word-wrap: break-word; font-size: 0.8em; font-weight: bold; margin-top: 10px;} #extpage .free17itemlist .itempricenormal{color:#595757; display: block; width: 100%; text-align: center; line-height: 1.2; word-wrap: break-word;font-size: 1.2em; font-weight: bold; text-decoration: line-through;} #extpage .free17itemlist .itemprice{color:#e83828; display: block; width: 100%; text-align: center; line-height: 1.2; word-wrap: break-word; font-size: 1.5em; font-weight: bold;} #extpage .free17itemlist span {font-size: 100%; text-align: left; padding: 5px 0px 0px 0px; line-height: 1.2; display: block; color: #444; word-break: break-all; } #extpage .free17txtred {color: #e60012;} #extpage .free17txtblue {color: #00a0e9;} #extwide .widepage{width:980px; margin: auto;} #extwide .maincontents{width:900px; margin: auto;} #extwide .snoopycoffeebg {width:980px; height:2155px; background: url(../ext/images/snoopycoffee/bg.jpg) no-repeat 0 0; } #extwide .snoopycoffeeitemlist {height:350px; margin: 20px 0 0 30px;} #extwide .snoopycoffeeitemlist li{ float: left;} #extwide .snoopycoffeeitemlist img{ border: 1px #a0a0a0 solid;} #extwide .snoopycoffeeitemlist p{display: block; padding: 10px 0 10px 0; font-size: 90%; text-align: left; line-height: 1.2; width:210px;} #extwide .snoopycoffeeitemlist span {font-size: 90%; font-weight: bold; text-align: left; padding: 5px 0 5px 0; line-height: 1.2; display: block; color: #000;} #extwide .daypackbg{ background-color: #eaeaea; } #extwide .daypackbg_wh{ background-color: #fff; margin-left: 20px; width: 860px; margin-bottom: 20px; padding-bottom: 30px; } #extwide .daypackwrap{ width:860px; } #extwide .daypacktownsize{ width:860px; height:858px; background: url(../ext/images/daypack/townsize.jpg) no-repeat 0 0; margin-left:20px; } #extwide .daypackregularnsize{ width:860px; height:836px; background: url(../ext/images/daypack/regularsize.jpg) no-repeat 0 0; margin-left:20px; } #extwide .rainitemsponcho{ position: relative; width:900px; height:440px; margin:auto; background: url(../ext/images/rainitems/rainponcho.jpg) no-repeat 0 0; } #extwide .rainitemsponchobtn{position: absolute; left: 25px; top: 360px;} #extwide .rainitemspointlist {width: 865px; padding-left: 35px; background-color: #bee3fa; height: 265px;} #extwide .rainitemspointlist li{ float: left;} #extwide .rainitemscover{ position: relative; width:900px; height:484px; margin:auto; background: url(../ext/images/rainitems/rainitemscover.jpg) no-repeat 0 0; } #extwide .rainitemscoverbtn{position: absolute; left: 555px; top: 340px;} #extwide .rainitemstopbtnimg {display:inline;} #extwide .rainitemstopbtnblock {text-align:right;} #extwide .rainitems_itemlist{display: inline-block; width: 878px; margin-top:25px; margin-left:12px;} #extwide .rainitems_itemlist li{ float: left; width:212px;} #extwide .rainitems_itemlist .blueimg{ border:1px #00a0ff solid;} #extwide .rainitems_itemlist .greenimg{ border:1px #14b464 solid;} #extwide .rainitems_itemlist p{display: block; padding: 10px 0 10px 0; font-size: 110%; text-align: left; font-weight: bold; line-height: 1.2;} #extwide .rainitems_itemlist span{font-size: 90%; font-weight: bold; text-align: left; padding: 5px 0 5px 0; line-height: 1.2; display: block; color: #000;} #extwide .rainitems_itemlist a:link{color:#000;} #extwide .rainitems_itemlist a:visited{color:#000;} #extwide .rainitems_itemlist a:hover{color:#000; text-decoration:underline;} #extwide .rainitems_itemlist a:active{color:#000;} #extwide .kodonburibtnbg { position: relative; width:450px; height:330px; margin:auto; background: url(../ext/images/kodonburi/spbg2.jpg) no-repeat 0 0; } #extwide .kodonburibtn {position: absolute; left: 110px; top: 250px;} #extwide .kodonburibg{ width:900px; background: url(../ext/images/kodonburi/bg.jpg) repeat-y; } #extwide .sunglassesbg2{ width:900px; height:481px; background: url(../ext/images/sunglasses/bg.jpg) no-repeat; } #extwide .lesportsac_item_contents3 { width:900px; margin:20px 0 20px 0;} #extwide .lesportsac_itembox3 { width:168px;} #extwide .lesportsac_itemname3 { font-size:80%; line-height: 1.2; text-align:left;} #extwide .lesportsac_itemname3 a{ color:#03F; text-decoration:underline; !important;} #extwide .lesportsac_itemname3 span{ margin-top:5px; display: block;} #extwide .lesportsac_itemnameprice3 {font-size: 80%; text-align: left; margin-top:10px; line-height: 1.2;} #extwide .enjoysummeritem {background-color: #a9e5ff;} #extwide .enjoysummeritemlist {display: inline-block; margin-top:20px; margin-left:20px;} #extwide .enjoysummeritemlist li{ float: left; } #extwide .enjoysummeritemlist p{display: block; padding: 10px 0 10px 0; font-size: 110%; text-align: left; font-weight: bold; line-height: 1.2;} #extwide .enjoysummeritemlist span{font-size: 110%; font-weight: bold; text-align: left; padding: 10px 0 5px 0; line-height: 1.2; display: block; color: #00337f;} #extwide .enjoysummeritemlist .price{font-size: 100%; color: #000;} #extwide .enjoysummeritemlist a:link{color:#000;} #extwide .enjoysummeritemlist a:visited{color:#000;} #extwide .enjoysummeritemlist a:hover{color:#000; text-decoration:underline;} #extwide .enjoysummeritemlist a:active{color:#000;} #extwide .w450 {width:450px;} #extwide .w380 {width:380px;} #extwide .w413 {width:413px;} #extwide .enjoysummerbtn {background-color: #fef7ab;} #extwide .enjoysummerbtnlist {display: inline-block; margin-top:40px; margin-left:80px;} #extwide .enjoysummerbtnlist li{ margin-bottom:20px; float: left; } #extwide .enjoysummeritemlists {display: inline-block; margin-top:25px; margin-left:20px;} #extwide .enjoysummeritemlists li{ float: left; width:202px;} #extwide .enjoysummeritemlists img{ border:1px #3669a5 solid;} #extwide .enjoysummeritemlists p{display: block; padding: 10px 0 10px 0; font-size: 110%; text-align: left; font-weight: bold; line-height: 1.2;} #extwide .enjoysummeritemlists span{font-size: 90%; font-weight: bold; text-align: left; padding: 5px 0 5px 0; line-height: 1.2; display: block; color: #000;} #extwide .enjoysummeritemlists a:link{color:#000;} #extwide .enjoysummeritemlists a:visited{color:#000;} #extwide .enjoysummeritemlists a:hover{color:#000; text-decoration:underline;} #extwide .enjoysummeritemlists a:active{color:#000;} #extwide .crownseriesbtn1 {width:900px; height:568px; background:url(../ext/images/crownseries/itemimg2.jpg) repeat-y;} #extwide .crownseriesbtn2 {width:900px; height:440px; background:url(../ext/images/crownseries/itemimg4.jpg) repeat-y;} #extwide .crownseriesbtn3 {width:900px; height:387px; background:url(../ext/images/crownseries/itemimg6.jpg) repeat-y;} #extwide .hotitembtn1 {width:900px; height:310px; background:url(../ext/images/hotitems/itemimg4.jpg) repeat-y;} #extwide .hotitembtn2 {width:900px; height:303px; background:url(../ext/images/hotitems/itemimg6.jpg) repeat-y;} #extwide .hotitembtn3 {width:900px; height:330px; background:url(../ext/images/hotitems/itemimg10.jpg) repeat-y;} #extwide .hotitembtn4 {width:900px; height:320px; background:url(../ext/images/hotitems/itemimg13.jpg) repeat-y;} #extwide .lestoilesdusoleilbtn1 {width:900px; height:480px; background:url(../ext/images/lestoilesdusoleil/btnimg1.jpg) repeat-y;} #extwide .lestoilesdusoleilbtn2 {width:900px; height:554px; background:url(../ext/images/lestoilesdusoleil/btnimg2.jpg) repeat-y;} #extwide .lestoilesdusoleilbtn3 {width:900px; height:468px; background:url(../ext/images/lestoilesdusoleil/btnimg3.jpg) repeat-y;} #extwide .lestoilesdusoleilbtn4 {width:900px; height:539px; background:url(../ext/images/lestoilesdusoleil/btnimg4.jpg) repeat-y;} #extwide .lestoilesdusoleilbtn5 {width:900px; height:508px; background:url(../ext/images/lestoilesdusoleil/btnimg5.jpg) repeat-y;} #extwide .giftselection_bakcolor {background-color:#f1580c;} #extwide .giftselectionlist {height:105px; margin: 0 0 0 0;} #extwide .giftselectionlist li{ float: left;} #extwide .giftselectionhr {border:solid #f5762e; border-width:1px 0 0 0; } #extwide .giftselection_makebakcolor {background-color:#ffdfdf;} #extwide .giftselection_clockbakcolor {background-color:#fff6b9;} #extwide .giftselection_recommendbakcolor {background-color:#cbefe3;} #extwide .giftselectionmake {margin: 0 0 0 55px;} #extwide .giftselectionmake li{ float: left;} #extwide .giftselectionbtn1 {width:870px; height:261px; margin-left: 55px; padding-bottom:15px; background:url(../ext/images/giftselection2016/item1btnbg.jpg) no-repeat;} #extwide .giftselectionbtn2 {width:870px; height:261px; margin-left: 55px; padding-bottom:15px; background:url(../ext/images/giftselection/item2btnbg.jpg) no-repeat;} #extwide .giftselectionitemlists {display: inline-block; margin-left:55px;} #extwide .giftselectionitemlists li{ float: left; width:214px;} #extwide .giftselectionitemlists img{ border:1px #00cc66 solid;} #extwide .giftselectionitemlists p{display: block; padding: 5px 0 5px 0; font-size: 110%; text-align: left; font-weight: bold; line-height: 1.2; } #extwide .giftselectionitemlists span{font-size: 90%; font-weight: bold; text-align: left; padding: 15px 15px 10px 15px; line-height: 1.2; display: block; color: #000; height: 55px; background-color: #fff;} #extwide .giftselectionitemlists a:link{color:#000;} #extwide .giftselectionitemlists a:visited{color:#000;} #extwide .giftselectionitemlists a:hover{color:#000; text-decoration:underline;} #extwide .giftselectionitemlists a:active{color:#000;} #extwide .harristweed_bakcolor {background-color:#e8e3d0;} #extwide .harristweeditemlists {display: inline-block; margin-left:20px;} #extwide .harristweeditemlists li{ float: left; width:206px;} #extwide .harristweeditemlists p{display: block; padding: 5px 0 5px 0; font-size: 110%; text-align: left; font-weight: bold; line-height: 1.2; } #extwide .harristweeditemlists span{font-size: 90%; font-weight: bold; text-align: left; padding: 15px 15px 10px 15px; line-height: 1.2; display: block; color: #000; background-color: #fff;} #extwide .harristweeditemlists a:link{color:#000;} #extwide .harristweeditemlists a:visited{color:#000;} #extwide .harristweeditemlists a:hover{color:#000; text-decoration:underline;} #extwide .harristweeditemlists a:active{color:#000;} #extwide .manyfacesbtn1 {width:900px; height:256px; margin-bottom: 20px; background:url(../ext/images/manyfaces/bg.jpg) repeat-y;} #extwide .manyfacesmenubtn {height:705px; padding: 20px 0 0 0; margin-left: 100px;} #extwide .manyfacesmenubtn li{ float: left;} #extwide .manyfacesimg1 {width:450px; height:620px; background:url(../ext/images/manyfaces/itemimg1.jpg) repeat-y;} #extwide .manyfacesimg2 {width:450px; height:671px; background:url(../ext/images/manyfaces/itemimg2.jpg) repeat-y;} #extwide .manyfacesimg3 {width:450px; height:685px; background:url(../ext/images/manyfaces/itemimg3.jpg) repeat-y;} #extwide .especiallygiftlist {display: inline-block;} #extwide .especiallygiftlist li{ float: left;} #extwide .especiallygiftitemlistscolor{ background-color:#f6f2e2;} #extwide .especiallygiftitemlists {display: inline-block; margin-left:30px; } #extwide .especiallygiftitemlists li{ float: left; width:200px;} #extwide .especiallygiftitemlists p{display: block; padding: 5px 0 5px 0; font-size: 110%; text-align: left; font-weight: bold; line-height: 1.2; } #extwide .especiallygiftitemlists span{font-size: 90%; font-weight: bold; text-align: left; padding: 10px 0px 5px 0px; line-height: 1.2; display: block; color: #000; height: 55px; } #extwide .especiallygiftitemlists a:link{color:#000;} #extwide .especiallygiftitemlists a:visited{color:#000;} #extwide .especiallygiftitemlists a:hover{color:#000; text-decoration:underline;} #extwide .especiallygiftitemlists a:active{color:#000;} #extwide .especiallygiftbtn1 {width:900px; height:93px; background:url(../ext/images/especiallygift/itemimgbtn1.jpg) repeat-y;} #extwide .especiallygiftbtn2 {width:900px; height:93px; background:url(../ext/images/especiallygift/itemimgbtn2.jpg) repeat-y;} #extwide .especiallygiftbtn3 {width:900px; height:93px; background:url(../ext/images/especiallygift/itemimgbtn3.jpg) repeat-y;} #extwide .especiallygiftbtn4 {width:900px; height:121px; background:url(../ext/images/especiallygift/itemimgbtn4.jpg) repeat-y;} #extwide .especiallygiftbtn1_w {width:900px; height:174px; background:url(../ext/images/especiallygift/itemimgbtn1_w.jpg) repeat-y;} #extwide .especiallygiftbtn2_w {width:900px; height:93px; background:url(../ext/images/especiallygift/itemimgbtn2_w.jpg) repeat-y;} #extwide .especiallygiftbtn3_w {width:900px; height:93px; background:url(../ext/images/especiallygift/itemimgbtn3_w.jpg) repeat-y;} #extwide .especiallygiftbtn4_w {width:900px; height:121px; background:url(../ext/images/especiallygift/itemimgbtn4_w.jpg) repeat-y;} #extwide .newlife17kitchenbg {width:900px; background:url(../ext/images/newlife/kitchenbg.jpg) repeat-y;} #extwide .newlife17interiorbg { background-color:#eaf4e2; width:900px;} #extwide .newlife17bathbg {width:900px; background:url(../ext/images/newlife/bathbg.jpg) repeat-y;} #extwide .newlife17workbg { background-color:#eceef7; width:900px;} #extwide .newlife17giftbg {width:900px; background:url(../ext/images/newlife/giftbg.jpg) repeat-y;} #extwide .newlife17list {display: block;} #extwide .newlife17list li{ float: left;} #extwide .newlife17itemlists {display: inline-block; margin-left:30px; } #extwide .newlife17itemlists li{ float: left; width:272px; background-color: #ffffff;} #extwide .newlife17itemlists p{display: block; padding: 5px 0 5px 0; font-size: 110%; text-align: left; font-weight: bold; line-height: 1.2; } #extwide .newlife17itemlists span{font-size: 90%; text-align: left; padding: 15px 0px 15px 15px; line-height: 1.2; display: block; color: #000; height: 90px; } #extwide .newlife17itemlists a:link{color:#000;} #extwide .newlife17itemlists a:visited{color:#000;} #extwide .newlife17itemlists a:hover{color:#000; text-decoration:underline;} #extwide .newlife17itemlists a:active{color:#000;} #extwide .mothersday17fcR{color:#ca262e !important;} #extwide .mothersday17list {display: block;} #extwide .mothersday17list li{ float: left;} #extwide .mothersday17warning{font-size:90%; font-weight:bold; color: #c71922; } #extwide .mothersday17articlelistblock1 { background-color: #ffe3eb;} #extwide .mothersday17articlelistblock2 { background-color: #fef6cb;} #extwide .mothersday17articlelisttxtblock1 { background-color: #fff2f6;} #extwide .mothersday17articlelisttxtblock2 { background-color: #fffcec;} #extwide .mothersday17articlelisttxt {font-size: 85%; text-align: left; line-height: 1.7; color: #444; padding-right:10px; padding-left:20px; vertical-align: middle;} #extwide .mothersday17itemlists {display: inline-block; margin-left:30px; } #extwide .mothersday17itemlists li{ float: left; width:194px; } #extwide .mothersday17itemlists p{display: block; padding: 10px 0 0 0; font-size: 85%; text-align: left; line-height: 1.5; color: #444; height: 70px;} #extwide .mothersday17itemlists span{font-size: 85%; text-align: left; padding: 10px 0px 15px 0px; line-height: 1.5; display: block; color: #444; } #extwide .mothersday17articlelistblock1 a:link{color:#444; text-decoration:underline;} #extwide .mothersday17articlelistblock1 a:visited{color:#444; text-decoration:underline;} #extwide .mothersday17articlelistblock1 a:hover,a:active{color:#444; text-decoration:underline;} #extwide .mothersday17articlelistblock2 a:link{color:#444; text-decoration:underline;} #extwide .mothersday17articlelistblock2 a:visited{color:#444; text-decoration:underline;} #extwide .mothersday17articlelistblock2 a:hover,a:active{color:#444; text-decoration:underline;} #extwide .mothersday17itemcategorytbl1 {width:900px;background-color:#ff93ac; margin-bottom:10px; vertical-align: bottom;} #extwide .mothersday17itemcategorytbl2 {width:900px;background-color:#ef6487; margin-bottom:10px; vertical-align: bottom;} #extwide .mothersday17itemcategorytbl3 {width:900px;background-color:#d73c3c; margin-bottom:10px; vertical-align: bottom;} #extwide .mothersday17itemcategorytbl4 {width:900px;background-color:#c71922;} #extwide .goodsleepwithsnoopylist {display: block;} #extwide .goodsleepwithsnoopylist li{ float: left;} #extwide .jewelryartbackcolor{ background-color: #000;} #extwide .jewelryartbgbtn1 {width:800px; height: 174px; margin:auto; background:url(../ext/images/jewelryart/articleimebtnbg1.jpg) repeat-y;} #extwide .jewelryartbgbtn2 {width:800px; height: 166px; margin:auto; background:url(../ext/images/jewelryart/articleimebtnbg2.jpg) repeat-y;} #extwide .kintotitletxt{font-family: 'Segoe Print',sans-serif; color: #eb9393; font-size: 34px; margin-top: -0.4em;} #extwide .kintoarticletxt{color: #777777;} #extwide .kintopricetxt{color: #777777; font-weight:bold;} #extwide .kintoprice{color: #777777; font-weight:bold; font-size:30px; font-family: 'Helvetica Neue','Helvetica',sans-serif;} #extwide .enjoysummerlist2017 {display: block;} #extwide .enjoysummerlist2017 li{ float: left;} #extwide .enjoysummerlist2017itemtxt{ float: right; width: 305px; font-size: 95%; line-height: 1.5; margin: 0px 20px 20px 20px; color: #444;} #extwide .enjoysummerlist2017itemname{ float: right; width: 305px; font-size: 100%; font-weight: bold; color: #444; margin: 0px 20px 20px 20px;} #extwide .enjoysummerlist2017btn{ float: right; width: 305px; margin: 0 20px 0 20px; padding-bottom: 30px;} #extwide .enjoysummerlinebg1st2017 {width:900px; height: 1350px; background:url(../ext/images/enjoysummer/linebg.jpg) repeat-y;} #extwide .enjoysummerlinebg2nd2017 {width:900px; height: 870px; background:url(../ext/images/enjoysummer/linebg.jpg) repeat-y;} #extwide .enjoysummerlinebg3rd2017 {width:900px; height: 450px; background:url(../ext/images/enjoysummer/linebg.jpg) repeat-y;} #extwide .enjoysummerlinebgForce2017 {width:900px; height: 470px; background:url(../ext/images/enjoysummer/linebg.jpg) repeat-y;} #extwide .enjoysummer2017itemlists {display: inline-block; margin-left:30px; } #extwide .enjoysummer2017itemlists li{ float: left; width:194px; } #extwide .enjoysummer2017itemlists p{display: block; padding: 10px 0 0 0; font-size: 85%; text-align: left; line-height: 1.5; color: #444; height: 70px;} #extwide .enjoysummer2017itemlists span{font-size: 100%; text-align: left; padding: 10px 0px 15px 0px; line-height: 1.5; display: block; color: #444; } #extwide .enjoysummerlist2017itemname a:link{color:#444; text-decoration: underline;} #extwide .enjoysummerlist2017itemname a:visited{color:#444; text-decoration: underline;} #extwide .enjoysummerlist2017itemname a:hover{color:#444; text-decoration: underline;} #extwide .enjoysummerlist2017itemname a:active{color:#444; text-decoration: underline;} #extwide .clearsunglassbg1 {width:880px; height: 870px; background:url(../ext/images/clearsunglass/imgbg1.jpg) repeat-y;} #extwide .clearsunglassbg2 {width:880px; height: 855px; background:url(../ext/images/clearsunglass/imgbg2.jpg) repeat-y;} #extwide .clearsunglassbg3 {width:880px; height: 350px; background:url(../ext/images/clearsunglass/imgbg3.jpg) repeat-y;} #extwide .snoopylukiabgc {background-color:#000b2f} #extwide .snoopylukia10snoopybtnbg {width:900px; height: 412px; background:url(../ext/images/snoopylukia/title1.jpg) repeat-y;} #extwide .snoopybtn10{position: absolute; top: 1780px; margin-left: 495px;} #extwide .snoopylukiabtnbg {width:900px; height: 594px; background:url(../ext/images/snoopylukia/title8bg.jpg) repeat-y;} #extwide .snoopylukia { -moz-box-sizing: border-box; box-sizing: border-box; background: url(../ext/images/snoopylukia/bg.jpg) center center no-repeat; background-size: cover; width: 900px; height:2000px; } #extwide .travelgoodslist {display: block; margin:auto; padding: 10px 20px 20px 20px; } #extwide .travelgoodslist li{ width:209px; float: left; line-height: 0;} #extwide .travelgoodsbgcol {width:100%; background-color:#fff3c9; } #extwide .travelgoodsitemtxt{ font-size: 90%; color: #444; display: block; margin: auto; padding: 10px 40px 30px 40px;} #extwide .travelgoodsitemname{ font-size: 105%; font-weight: bold; color: #444; display: block; width: 90%; padding: 20px 0 20px 0px; margin: auto; line-height: 1.5;} #extwide .travelgoodsbtn{ width:88%; line-height: 0; margin:auto; display: block;} #extwide .travelgoodsitemlist{margin: auto; display: block; width: 780px; background-color: #fff; font-size: 90%;} #extwide .travelgoodsitemlist li{ float: left; line-height: 1.2;} #extwide .travelgoodsitemlist p{display: block; width: 100%; text-align: left; line-height: 1.2; word-wrap: break-word; padding-bottom:10px; } #extwide .travelgoodsitemlist span {text-align: left; padding: 5px 0px 0px 0px; line-height: 1.2; display: block; color: #333; word-break: break-all; } #extwide .travelgoodsitemlist a:link{color:#333; text-decoration: underline;} #extwide .travelgoodsitemlist a:visited{color:#333; text-decoration: underline;} #extwide .travelgoodsitemlist a:hover{color:#333; text-decoration: underline;} #extwide .travelgoodsitemlist a:active{color:#333; text-decoration: underline;} #extwide .travelgoodssleepbnr{text-align: center; padding-top:30px;} #extwide .travelgoodsitemlistborder{background: url(../ext/images/travelgoods/border.gif) repeat-y ;} #extwide .travelgoodsbg{background: url(../ext/images/travelgoods/bg.jpg) repeat-y center center ; background-size: contain;} #extwide .jewelrybtn{margin: auto; display: block; width: 810px; padding-top:30px; padding-bottom:30px;} #extwide .jewelrybtn li{ float: left; width:263px;} #extwide .lukiathumbnail{margin: auto; display: block; width: 750px; line-height:0;} #extwide .lukiathumbnail li{ float: left; width:120px;} #icingcookie .icingcookiebtnArea { width: 655px; margin: 0 auto; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #icingcookie .icingcookiecont1 img{ display: inline} #icingcookie .icingcookieInr_blue{ background : #b4dce6; padding:5px 0 35px } #icingcookie .icingcookiecont_b_top{width: 820px; margin: 10px auto 0} #icingcookie .icingcookiecont_b_botttom{width: 820px; margin: 0 auto 10px} #icingcookie .icingcookiecont1{ background: #FFF; width: 820px; margin: 0 auto} #icingcookie .icingcookiecont1 .icingcookie_abbox{ position: relative} #icingcookie .icingcookiecont1 .icingcookie_abbox p{ position: absolute; right: 108px; bottom: 35px} #icingcookie .icingcookiecont1 .icingcookie_abbox p span.abboxbold{ font-size: 25px; font-weight: bold; line-height: 1.2em} #icingcookie .icingcookiecont1 .icingcookie_abbox p span.pinkspan{ color: #ff0078} #icingcookie .icingcookiecont1 .icingcookie_abbox p span.buluespan{ color: #3cbfbf} #icingcookie .tobuybtn{ text-align: center; padding-bottom: 25px} #icingcookie .tobuybtn img{ display: inline} #icingcookie .icingcookieInr_yellow{ background: #fdf6a7; padding: 35px 0} #icingcookie .icingcookiecont1 p{ padding-left: 45px; margin-top: 25px} #icingcookie .icingcookiecont1 div.howtoBox{background : #FDF6A7; border-radius: 10px; width: 720px; margin: 50px auto 30px; padding-bottom: 35px} #icingcookie .icingcookiecont1 div.howtoBox h4{ text-align: center} #icingcookie .icingcookiecont1 div.howtoBox h4 img{ margin-top: -25px} #icingcookie .icingcookiecont1 div.howtoBox p{ display: flex;} #icingcookie .icingcookiecont1 div.howtoBox p img, #icingcookie .icingcookieInr_yellow .icingcookiecont1 div p span{align-self:center; /*padding-right: 10px*/} #icingcookie .icingcookieInr_yellow .icingcookiecont1 div.howtoBox p img:first-child{ width: 44px ;height: 44px} #icingcookie .icingcookieInr_yellow .icingcookiecont1 div.howtoBox p a:nth-child(3){ padding-left: 50px; width: 208px} #icingcookie .icingcookieInr_yellow .icingcookiecont1 div.howtoBox p a:nth-child(3) img{ width: 100%; height: 68px} #icingcookie .icingcookiesflex{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #icingcookie .icingcookiecont1 .icingcookiesflex p{ margin-top: 10px; width: 612px; } #icingcookie .icingcookiecont1 .icingcookiesflex p span{ color: #ff6f15} #icingcookie .icingcookieInr_yellow .icingcookiecont1 .tobuybtn{ margin-top: 25px} #icingcookie .icingcookieInr_green{ background: #daebde; padding: 35px 0} #icingcookie .icingcookieInr_green .howtobold{ font-weight: bold; font-size: 18px} #icingcookie .icingcookieInr_green .icingcookiecont1{ position: relative} #icingcookie .icingcookieInr_green .icingcookiecont1 img.absoImg{ position: absolute; top: -55px; right: -37px} #icingcookie .popD h4{ padding-left: 45px; padding-top: 25px} #icingcookie .popD p{ margin-top: 5px; line-height: 1.4em ; width: 735px; text-align: justify;} #icingcookie .popD { padding-bottom: 35px} #icingcookie .popD img.absoImgflag{ position: absolute; top:-10px; right: 0} #icingcookie .tmpDetail{ text-align: center; margin-top: 40px; font-size: 20px} #icingcookie .tmpDetail span{ font-weight: bold; font-size: 22px} #extwide .bagtxt1 {font-weight: bold; font-size: 16px; text-align: center; padding:30px 140px 30px 140px; line-height: 1.5; display: block; color: #f07ea0; word-break: break-all; } #extwide .menubtnArea {width: 900px; margin: 0 auto; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #extwide .menubtnArea a{width: 300px} #extwide .menubtnArea a img {width:100%} #extwide .bagInr_pink{background:#fdece9; margin: 15px auto 40px; auto; padding-bottom: 10px;} #extwide .thumbnail{width: 92%; margin: 0 auto 5px; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #extwide .thumbnail span {width: 23%} #extwide .thumbnail span img {width:100%; border: 1px solid #D2CECB;} #extwide .thumbnailtxt {font-size: 14px; text-align: center; width: 100%;} #extwide .thumbnailbig {width: 92%; margin: 0 auto 5px; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #extwide .thumbnailbig span {width: 46%} #extwide .thumbnailbig span img {width:100%} #extwide .bagtxt2{font-weight: bold; font-size: 15px; padding: 10px 10px 5px 15px; line-height: 1.5; display: block; color: #555555; word-break: break-all; } #extwide .bagtxt3{font-weight: bold; font-size: 18px; text-align: center; padding: 0 5px 0 5px; line-height: 1.5; display: block; color: #333333; word-break: break-all; } #extwide .bagtxt3 a:link{color:#333; text-decoration: underline;} #extwide .bagtxt3 a:visited{color:#333; text-decoration: underline;} #extwide .bagtxt3 a:hover{color:#333; text-decoration: underline;} #extwide .bagtxt3 a:active{color:#333; text-decoration: underline;} #extwide .bagtxt4{font-weight: bold; font-size: 16px; text-align: center; padding: 45px 18px 0 0; display: block; color: #333333; word-break: break-all;} #extwide .bagtxt5{font-weight: bold; font-size: 18px; text-align: center; padding: 15px; display: block; color: #fff; word-break: break-all; } #extwide .bagInr_yellow{background:#fef4dc; margin: 15px auto 40px; } #extwide .bagInr_skyblue{background:#e6f1fe; margin: 15px auto 40px; padding-bottom: 10px;} #extwide .bagInr_blue{background:#8eb1db; margin: 15px auto 40px; } #extwide .btn3{width: 96%; margin: 0 auto 0px; line-height:0; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #extwide .btn3 a {margin-top: 10px;} #extwide .itemlink{width: 92%; margin: 0 auto 5px; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #extwide .itemlink a {width: 23%} #extwide .itemlink a img {width:100%; border: 1px solid #D2CECB;} #extwide .itemlink span {font-size: 16px; width: 23%; text-align: left; } /*milesto*/ #milesto{ font-family: "Yu Gothic", YuGothic;} .mlbtnArea{ text-align: center; margin: 22px 0 25px} .mlbtnArea a img{display: inline; } .milestoMbox{ height: 395px; background: url(../ext/images/milesto/milesto_hm_bg.jpg) no-repeat} .milestoMbox ul{ width: 630px; padding-top: 88px; display: flex; flex-wrap: wrap; margin-left: 30px} .milestoMbox ul li{ margin-right: 23px; margin-bottom: 17px;box-shadow : 1px 1px 5px rgba(0, 0, 0, 0.3);} .mlconts h4{margin-left: 50px;} .mlconts h5{ font-size: 20px; font-weight: 700; color: #ff4656 } .mlconts h3{margin-bottom: 25px} #mlcont1 .mlBg1{position: relative; height: 620px; background: url(../ext/images/milesto/milesto_bg1.jpg) no-repeat bottom;} #mlcont1 .mlBg1 div{ width: 280px; position: absolute ;left: 50px; top: 330px} .mlconts div div p{ font-size: 15px; margin-top: 8px; line-height: 1.6em; text-align: justify} .mlconts div div p span{font-weight: bold; font-size: 13px; line-height: 2.5em} #mlcont1 .mlBg2{position: relative; height: 540px; background: url(../ext/images/milesto/milesto_bg2.jpg) no-repeat bottom;} #mlcont1 h5{color: #ff4656 } #mlcont1 .mlBg2 div{ width: 280px; position: absolute ;right: 40px; top: 65px} #mlcont2 .mlBg1{position: relative; height: 775px; background: url(../ext/images/milesto/milesto_bg3.jpg) no-repeat bottom;} #mlcont2 .mlBg1 div{ width: 315px; position: absolute ;right: 65px; top: 48px} #mlcont2 .mlBg2{position: relative; height: 797px; background: url(../ext/images/milesto/milesto_bg4.jpg) no-repeat bottom;} #mlcont2 .mlBg2 div{ width: 265px; position: absolute ;left: 50px; top: -10px} #mlcont2 h5{color: #0098bd } #mlcont2 .mlBg2 div:nth-child(2){ width: 378px; position: absolute ;left: 50px; top: 330px} #mlcont3 .mlBg1{position: relative; height: 1475px; background: url(../ext/images/milesto/milesto_bg5.jpg) no-repeat bottom;} #mlcont3 h5{color: #428fdd} #mlcont3 .mlBg1 div{ width: 345px; position: absolute ;right: 45px; top: 52px} #mlcont3 .mlBg1 div:nth-child(3){ width: 284px; position: absolute ;left: 50px; top: 628px;} #mlcont3 .mlBg1 div:nth-child(4){ width: 340px; position: absolute ;right: 40px; top: 960px} #mlcont4 .mlBg1{position: relative; height: 1240px; background: url(../ext/images/milesto/milesto_bg6.jpg) no-repeat bottom;} #mlcont4 h5{color: #f28700} #mlcont4 .mlBg1 div{ width: 300px; position: absolute ;left: 50px; top: 52px} #mlcont4 .mlBg1 div:nth-child(3){ width: 450px; position: absolute ;left: inherit; right: 35px; top: 540px} #mlcont4 .mlBg1 div:nth-child(4){ width: 260px; position: absolute ;right: 40px; top: 950px} #mlcont4 .mlBg2{position: relative; height: 335px; background: url(../ext/images/milesto/milesto_bg7.jpg) no-repeat bottom;margin-top: 25px} #mlcont4 .mlBg2 div{ width: 230px; position: absolute ;left: 50px; top: 55px} #extwide .playwithcolorsboxcol {background-color: #e0f0eb;} #extwide .playwithcolorsboxradius {background-color: #fff; border-radius: 20px; width:835px; margin: auto; padding-top:30px; padding-bottom:50px;} #extwide .playwithcolorsitembox{width: 82%; margin: auto; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #extwide .playwithcolorsitembox span {width: 44%} #extwide .playwithcolorsitembox span img {width:100%} #extwide .playwithcolorstxt2{font-weight: bold; font-size: 14px; padding: 10px 10px 5px 15px; line-height: 1.5; display: block; color: #595757; word-break: break-all; background-color: #addbd9;} #extwide .playwithcolorstxt3{font-weight: bold; font-size: 16px; text-align: center; padding: 10px 10px 5px 15px; line-height: 1.5; display: block; color: #595757; word-break: break-all; background-color: #addbd9;} #extwide .playwithcolorstxt3 a:link{color:#595757; text-decoration: underline;} #extwide .playwithcolorstxt3 a:visited{color:#595757; text-decoration: underline;} #extwide .playwithcolorstxt3 a:hover{color:#595757; text-decoration: underline;} #extwide .playwithcolorstxt3 a:active{color:#595757; text-decoration: underline;} #extwide .playwithcolorstxt6{height: 180px; font-weight: bold; font-size: 13px; line-height: 1.5; display: block; color: #595757; word-break: break-all; background-color: #addbd9;} #extwide .playwithcolorstxt6 a:link{color:#595757; text-decoration: underline;} #extwide .playwithcolorstxt6 a:visited{color:#595757; text-decoration: underline;} #extwide .playwithcolorstxt6 a:hover{color:#595757; text-decoration: underline;} #extwide .playwithcolorstxt6 a:active{color:#595757; text-decoration: underline;} #extwide .playwithcolorsitemboxs{width: 82%; display: block; margin:auto; padding: 10px 0 0 0;} #extwide .playwithcolorsitemboxs li{ float: left;} #extwide .playwithcolorsitemboxbottom{width: 742px; margin: auto; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #extwide .playwithcolorsitemboxbottom span {width: 325px;} #extwide .playwithcolorsitemboxbottom span img {width:100%} /********************************************** 20180611 rainitems > BOF **********************************************/ #rainitems .mincho{font-family:'Georgia';letter-spacing: 3px;} #rainitems .col-6{ width:50%; float:left;} #rainitems .linkBtn{ display:block;text-align:center; position:relative;font-size:21px; margin: 50px auto;font-weight:bold;border-radius: 10px;padding: .8em 0;box-sizing: border-box;} #rainitems .linkBtn::before{ content:"\f105"; font-family:"FontAwesome";position:absolute;right:5%;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} #rainitems .linkBtn:hover{ text-decoration: none;} #rainitems .linkBtn:hover::before{right:3%;} #rainitems .linkBtn > span{ font-size:32px; vertical-align: baseline; margin-right:8px;} #rainitems .linkBtn.blue{ border:2px solid #0095a5; background-color:rgba(182, 219, 208, 0.2);color:#00a3b8;width: 540px;} #rainitems .linkBtn.blueS{width: 80%; font-size:14px;margin: 30px auto 0;} #rainitems .linkBtn.blueS.mb20{ margin-bottom:20px;} #rainitems .linkBtn.blue:hover{ border: 2px solid #ea636e; background-color: #ea636e12; color: #ea636e;} #rainitems .linkBtn.cream{ border:2px solid #3c557c; background-color:#fff8ea;color:#3c557c; width:670px;} #rainitems .linkBtn.cream:hover{ border: 2px solid #ea636e; background-color: #ea636e12; color: #ea636e;} #rainitems .txtLink{border: 1px solid #fbcbcb; background-color: #fcf0f0; color: #3e495f; padding: 1px 0; font-size: 11px; width: 55%; border-radius: 6px;margin: 0 auto;} #rainitems #sec01 > div, #rainitems #sec02 > div, #rainitems #sec03 > div, #rainitems #sec04 > div{ position:relative;width:100%; height:auto;} #rainitems #topVisual p{ position:absolute;left:0;right:0;top:0;margin:auto;width:359px;} #rainitems #floretVisual p{ position:absolute;left:20px;top:20px;} #rainitems .repletion{ position:absolute; left:0;right:0; margin:auto;text-align:center; font-size:18px; font-weight:600; letter-spacing:2px; text-indent:-2px;} #rainitems #sec02 .repletion{bottom:75px;} #rainitems #sec02 .textArea{position: absolute;display: block; z-index: 2; font-size: 15px;text-align: center; line-height: 1.6; font-weight: 600;} #rainitems #sec02 .textArea > span{ display:inline-block;margin: 8px 0 0;text-align:left;} #rainitems #sec02 .textArea.item01{right: 50px; top: 40px;} #rainitems #sec02 .textArea.item02{left: 130px; top: 40px;} #rainitems #sec02 .textArea.item03{right: 70px; top: 40px;} #rainitems #itemList{ width:100%;margin:50px auto 80px; font-size:0;} #rainitems #itemList li{ display:inline-block; width:25%; text-align:center; font-size:13px;font-weight: 600; vertical-align:bottom;} #rainitems #itemList li a:hover{ color: #ea636e; text-decoration:none;} #rainitems #itemList li a:hover img{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} #rainitems #itemList li img{ margin:auto;} #rainitems #itemList li span{ display:block; margin-top:8px;} #rainitems #sec03 .repletion{bottom:90px;} #rainitems #sec03 .textArea{ float:left;width:50%;font-size: 15px; text-align: center; line-height: 1.6; font-weight: 600;padding: 60px 0px;} #rainitems #sec03 .textArea::before, #rainitems #sec03 .textArea::after{content: ""; background: url(../ext/images/rainitems/wavyLineLong.png) no-repeat top center; background-size: contain; height: 18px; display: block;} #rainitems #sec03 .textArea::before{margin-bottom: 75px;} #rainitems #sec03 .textArea::after{margin-top: 75px;} #rainitems #sec03 .textArea > span{display: inline-block; margin: 8px 0 0; text-align: left;width: 299px;} #rainitems #sec03 .textArea > span > span{display: block; margin: 8px 0 0; text-align: right;} #rainitems .funcTxt { float: right; width: 57%; font-size: 0; display:block;} #rainitems .funcTxt > span {display: inline-block; vertical-align: top; text-align: center; width: 49%; box-sizing: border-box; margin-bottom:4%;} #rainitems .funcTxt > span:nth-child(odd) {margin-right:2%;} #rainitems .funcTxt > span > span { display: inline-block;text-align: center;font-size: 13px; font-weight:600; vertical-align: top;letter-spacing: -1px;} #rainitems .funcTxt > span > span.numTxt { width:97px;} #rainitems #sec03 .col-6 .textArea2{font-size: 15px; text-align: center; line-height: 1.6; font-weight: 600; padding: 20px 0 0; width: 350px; display: block; margin: auto;} #rainitems #sec03 .col-6 .textArea2::before, #rainitems #sec03 .col-6 .textArea2::after{content: ""; background: url(../ext/images/rainitems/wavyLineShort.png) no-repeat top center; background-size: contain; height: 18px; display: block;} #rainitems #sec03 .col-6 .textArea2::before{margin-bottom: 20px;} #rainitems #sec03 .col-6 .textArea2::after{margin-top: 20px;} #rainitems #sec03 .col-6 .textArea2 > span{display: inline-block; margin: 8px 0 0; text-align: left; width: 280px;} #rainitems #sec03 .col-6 .textArea2 > span > span{display: block; margin: 8px 0 0; text-align: right;} #rainitems #extraArea p{ position:absolute;right:85px;top:40px;} #rainitems #extraArea .textArea{ display:block;margin:1em 0 1em 40px; color:#FFFFFF; font-size:15px; letter-spacing:1px; line-height:1.6; font-weight:600;} #rainitems #extraArea .textArea > span{ display:block;margin:.8em 0 0; font-size:12px;} #rainitems #extraArea a:hover img{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} #blendar #sec01 div { position:relative; width:100%;} #blendar #sec01 a { position:absolute; bottom:12%; right:3%;} #blendar #sec01 a:hover{ bottom:11.5%;} #blendar #sec01 a:hover img{ filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } #blendar #sec02 {background-color: #ffe7c3; padding-bottom: 45px; border-radius: 12px; margin: 20px auto 80px; text-align:center; padding:30px;} #blendar #sec02 > img:first-child { display:inline-block;margin: 10px auto 0;} #blendar .grid{font-size: 0; text-align: center;} #blendar .grid img {display: inline-block;} #blendar #sec02 .grid img {width:48%;margin-top: 4%;} #blendar #sec02 .grid img:nth-child(odd) {margin-right:2%;} #blendar #sec03 {background-color: #d2d1cf; padding-bottom: 50px; border-radius: 12px; margin: 80px auto; text-align:center;padding: 40px 70px;} #blendar #sec03 > img:first-child { display:inline-block;margin: 10px auto 0;} #blendar #sec03 .grid img {width:47%;margin-top: 4%;} #blendar #sec03 .grid img:nth-child(odd) {margin-right:5%;} #blendar #sec04{margin: 80px auto;} #blendar #sec04 a{display: block; margin: 80px auto 0;text-align: center;} #blendar #sec04 a img{display:inline;} #blendar #sec04 a:hover img{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} #pokacole{margin-bottom: 100px;} #pokacole #sec02,#pokacole #sec04 { position:relative; width:100%; display: table; table-layout: fixed;margin: 30px auto; text-align: center;} #pokacole #sec02 > div,#pokacole #sec04 > div { display: table-cell; vertical-align: middle; text-align: center;} #pokacole #sec02 > div:last-child,#pokacole #sec04 > div:last-child { width: 459px;} #pokacole #sec02 p,#pokacole #sec04 p { text-align: center;margin: 20px auto; font-size: 17px;} #pokacole #sec02 img,#pokacole #sec04 img,#pokacole #sec07 img,#pokacole #sec08 img { display: inline-block;} #pokacole .sqBtn{ display: block; margin: 20px auto; font-size: 16px; width: 300px; border: 1px solid #8e6d4f; z-index: 1; padding: 8px 0; overflow: hidden; text-align: center; background:#FFFFFF; color: #8e6d4f; position: relative;line-height: 1;} #pokacole .sqBtn:hover{color:#FFFFFF; text-decoration: none;} #pokacole .sqBtn:hover::before{left: 0;} #pokacole .sqBtn::before {box-sizing: border-box; z-index: -1; content: ''; width: calc(200% + 10px); position: absolute; left: calc(-100% - 40px); height: 100%; display: block; top: 0; background: linear-gradient(135deg, rgb(141, 109, 79) 55%,rgb(255, 255, 255) 55%); transition: .3s;} #pokacole .sqBtn:hover::after {z-index: 1; content: ''; width: 15px; height: 16px; position: absolute; display: block; bottom: 0; right: 0; background: linear-gradient(135deg, rgba(242,144,46,0) 50%,rgb(255, 255, 255) 50%);} #pokacole #sec03,#pokacole #sec05{ position:relative; width:100%; margin: 30px auto;} #pokacole #sec03 p,#pokacole #sec05 p{ position:absolute; font-size: 17px;} #pokacole #sec03 p > strong,#pokacole #sec05 p > strong{font-family:Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho"; font-weight: normal;display: block;font-size: 21px; color: #9e6165;} #pokacole #sec03 p#txt01{top: 97px; left: 20px; text-align: center;} #pokacole #sec03 p#txt02{ top: 120px;right: 20px;} #pokacole #sec03 p#txt03{top: 700px; right: 190px;} #pokacole .button{ text-align:center;} #pokacole .button img{ display: inline-block;} #pokacole .button a{ display: block; margin: 10px auto 0; transition: .3s;line-height: 1;} #pokacole .button a:hover{ margin-top: -5px; padding-bottom: 15px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;} #pokacole #banner{display: block; position: relative; line-height: 1;margin: 50px auto 150px;} #pokacole #banner > span{ position: absolute; top: 180px; left: 0; right: 0; margin: auto;} #pokacole #banner span.sqBtn{ width:150px;} #pokacole #banner span.sqBtn::before{width: calc(220% + 10px);} #pokacole #sec05 p#txt04{top: 330px; left: 0; right: 0; text-align: center; width: 80%; margin: auto;} #pokacole #sec05 p#txt05{top: 580px; right: 40px; text-align: center;} #pokacole #sec07,#pokacole #sec08{text-align: center; margin: 50px auto; font-size: 17px;} .itemBox{width: 100%; margin: 100px auto;} .itemBox div{vertical-align: middle; text-align:left; background-color: #d9d9d7; width: 100%; position: relative;} .itemBox div span{width: 45%; display: block; text-align: center; padding: 1em 0;} .itemBox.cf div span{ float:right;} .itemBox div img{position: absolute;} .itemBox div img#img01{right: 60px;top:-50%;} .itemBox div img#img02{left: 60px;top:-50%;} .itemBox div img#img03{right: 60px;top:-40%;} #pokacole #sec08{} .gridBox{ display: table; width: 100%;margin: 30px auto; table-layout: fixed;} .gridBox > span{ display: table-cell; vertical-align: top; text-align: center;} .gridBox img{ display:inlin-block;} #pokacole .itemBox a.sqBtn,#pokacole .gridBox a.sqBtn{width: 200px;margin-bottom: 0;} #pokacole .itemBox a.sqBtn::before,#pokacole .gridBox a.sqBtn::before{width: calc(210% + 10px);} #pokacole .mb30{ margin-bottom: 30px;} #pokacole .mt50{ margin-top: 50px;} #booklovers{ margin: 0 auto 50px;} #booklovers img{ margin: 0 auto;} #booklovers #sec03 {margin: 40px auto;} #booklovers #sec03 > a { float: left;} #booklovers #sec03 > a:hover { margin-top: -10px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;} #booklovers #sec03 > a:nth-child(2n) { margin-right:7px;margin-left:7px;} #booklovers .ps-relative { position: relative;} #booklovers .ps-absolute { position: absolute;} #booklovers #glass .ps-absolute { bottom: 20px; right: 50px;} #booklovers #glass a:hover { right:45px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;} #booklovers #glass span,#booklovers #pouch span{ float: left; text-align: center;} #booklovers #glass span .ps-absolute { bottom: 50px; left: 0; right: 0;} #booklovers #glass span a:hover { bottom: 45px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;} #booklovers #pouch > div { background-color: rgba(209, 199, 189, .5); padding: 50px 0 70px;} #booklovers #pouch span a { display: inline-block; margin: 15px auto 0;} #booklovers #pouch span a:hover { margin-left: 5px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;} #booklovers #tea { margin: 0 auto 60px;} #booklovers #tea .ps-absolute { bottom: 100px; left: 75px;} #booklovers #tea a:hover { left: 80px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;} .jewelries{ margin: 0 auto 50px;} .jewelries div{ margin-bottom:50px;} .jewelries img{ margin: 0 auto; text-align: center;} .jewelries #inlineButton{ text-align: center; margin-top: 50px;} .jewelries #inlineButton a{ display: inline-block; max-width: 0 1% 2%;} .jewelries .keyImg{position: relative; width: 100%;} .jewelries .keyImg span{position: absolute;} .jewelries #btn01.keyImg span{bottom: -10px; right: 10px;} .jewelries #btn02.keyImg span{bottom: -30px; right: 10px;} .jewelries #btn03.keyImg span{top: -20px; right: 10px;} .jewelries #btn04.keyImg span{top: -20px; right: 10px;} .borderMargin{ margin: 30px auto;} .buttonArea{ margin:30px auto ; text-align: center;} .buttonArea a{ display: inline-block; margin-top: 1em;} .jewelries a:hover img{ opacity: 0.8;} /*LIFE & TIMES*/ #template .lifeandtimes{ background: #E5F0EC;padding: 30px; margin-bottom:30px; } .newTemplate h3.lifeandtimesNtit{ background: #7BB29E; text-align: center; color: #fff; padding: 15px 0; font-size: 26px; font-weight: 100; letter-spacing: 0.1em;} #template .tmp2cont2 .tmp2cFbox4{ margin-bottom: 35px} #template .tmp2cont2 .tmp2cFbox4 img { float: left;} #template .tmp2cont2 .tmp2cFbox4 div.tmpFtext{ width: 280px; float: right; text-align: justify; font-size: 16px} #template .tmp2cont2 .tmp2cFbox4 div.tmpFtext .tmp2CsDtail{ margin-top: 0px; text-align: center} #template .tmp2cont2 .tmp2cFbox4 div.tmpFtext .tmp2CsDtail span{ font-size: 22px } #template .tmp2cont2 .tmp2cFbox3{ margin-bottom: 35px} #template .tmp2cont2 .tmp2cFbox3 img { float: right;} #template .tmp2cont2 .tmp2cFbox3 div.tmpFtext{ width: 280px; float: left; text-align: justify; font-size: 16px} #template .tmp2cont2 .tmp2cFbox3 div.tmpFtext .tmp2CsDtail{ margin-top: 0px; text-align: center} #template .tmp2cont2 .tmp2cFbox3 div.tmpFtext .tmp2CsDtail span{ font-size: 22px } #template .tmp2cont2 .tmp2cFbox_new{ margin-bottom: 35px} #template .tmp2cont2 .tmp2cFbox_new img { float: center;} #template .tmp2cont2 .tmp2cFbox_new div.tmpFtext{ width: 750px; float: center; text-align: center; font-size: 16px; margin-top: 20px;} #template .tmp2cont2 .tmp2cFbox_new div.tmpFtext .tmp2CsDtail{ margin-top: 10px; text-align: center} #template .tmp2cont2 .tmp2cFbox_new div.tmpFtext .tmp2CsDtail span{ font-size: 22px } .toCatLinkLaT{ margin-top: 40px; text-align: center} .toCatLinkLaT a{ text-align: center; padding:15px 20px; font-size: 20px; color: #fff; background-image: -webkit-linear-gradient(#6faa98 0%, #05685d 100%); background-image: linear-gradient(#6faa98 0%, #05685d 100%); border-radius : 5px; letter-spacing: 0.15em; } .toOverallLinkLaT{ margin-top: 80px; margin-bottom:80px; text-align: center} .toOverallLinkLaT a{ text-align: center; padding:15px 120px; font-size: 20px; color: #fff; background-image: -webkit-linear-gradient(#c10559 0%, #6b0633 100%); background-image: linear-gradient(#c10559 0%, #6b0633 100%); border-radius : 5px; letter-spacing: 0.15em; } /*ギフト特集*/ .gift2018{ background-color: #0b2b63;} #mainArea{ position: relative;} #mainArea > div{ position:absolute; bottom: 35px; left: 0; right: 0; margin: auto; width:841px;} .linkListTop{position: absolute; top: 5%; display: table;table-layout: fixed; width: 95%; left: 0; right: 0; margin: auto;border-collapse: separate;border-spacing: 10px; border-bottom: 1px solid #fff;padding-bottom: 6px;} .linkListBottom{position: absolute; bottom: 5%; display: table;table-layout: fixed; width: 95%; left: 0; right: 0; margin: auto;border-collapse: separate;border-spacing: 10px;} .linkList{display: table-cell; color:#fff;vertical-align: middle;text-align: center;} .linkList img{display:inline-block;} a.linkList {transition: .3s;background-color: #d5a33c; border-radius: 7px;letter-spacing: -1px;padding: 8px 5px; line-height: 1.3;color:#fff;position: relative;} a.linkList img {position: absolute; left: 9%; top: 35%;} a.linkList:hover {background-color:#fff;color: #d5a33c; text-decoration: none;} .blockArea{position: relative;} .itemArea{ background-color: #fff; width: 840px; margin:auto;top:119px;left:0;right:0;position:absolute;display: table;padding: 4% 2%; box-sizing: border-box;} .itemArea.top{top:81px;} .pickup img{display: inline-block;} .pickup p{ width: 43%; font-size: 17px;} .pickup p.leftTxt{ float: left; margin-right: 27px;} .pickup p.rightTxt{ float: right;} .pickup p > span{ margin:1em;font-size: 16px; display:block;} .pickup p > span a:hover{ text-decoration: none; color: #c9171e;} a.redButton{transition: .3s;display: block; text-align: center; font-size: 18px; margin-top: 1em;color: #fff; border-radius: 6px; padding: 7px 0;background:#c9171e url(../ext/images/giftselection2018/link.png) no-repeat;background-position: 90%;} a.redButton:hover{text-decoration: none;background:#d5a33c url(../ext/images/giftselection2018/link.png) no-repeat;background-position: 91%;} .itemArea ul{ width: 100%;margin: 40px auto 0;} .itemArea.top ul{margin: 0 auto;} .itemArea li { display:inline-block; font-size: 14px;width: 191px; vertical-align: top; margin-right: 7px;margin-bottom: 20px;} .itemArea li:nth-child(4n) {margin-right:0;} .itemArea li span {width:95%;margin: 5px auto 0; display: block;} .itemArea li a:hover img{ opacity: 0.8;} .tIndent-7{ text-indent: -7px;} a.giftLink {transition: .3s;text-align: center; display: inline-block;position: absolute; margin: auto; width: 510px; color:#fff;border-radius: 7px; top: 0; left: 0; right: 0; font-size: 20px; padding: 11px 0; background:#c9171e url(../ext/images/giftselection2018/link.png) no-repeat;background-position: 90%;} a.giftLink:hover{text-decoration: none;background:#d5a33c url(../ext/images/giftselection2018/link.png) no-repeat;background-position: 91%;} #linkListArea{ position:absolute;top: 110px; left: 0; right: 0; margin: auto; width:841px;} a.wrapping {color:#fff;transition: .3s;position: absolute; top: 44%; left: 0; right: 0; margin: auto; width: 511px;font-size: 13px; text-align: center;} a.wrapping:hover{top:45%; text-decoration: none;} a.original_wrapping{transition: .3s;text-align: center; display: inline-block; color: #fff; position: absolute; margin: auto; width: 510px; border-radius: 7px;bottom: 10%; left: 0; right: 0; font-size: 20px; padding: 11px 0; background:#00aea4 url(../ext/images/giftselection2018/link.png) no-repeat;background-position: 90%;} a.original_wrapping:hover{text-decoration: none;background:#c9171e url(../ext/images/giftselection2018/link.png) no-repeat;background-position: 91%;} /*グリフアート2018*/ .glyphart_flower #sec5 div,.glyphart_flower #sec2 .whiteBox{box-shadow:5px 8px 1px rgba(105,105,105,.4)} .glyphart_flower{font-family:BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,"M+ 1p",sans-serif;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#21000d;background:#fadfe8} .glyphart_flower p{font-weight:500;line-height:1.7;letter-spacing:1px} .glyphart_flower #mainArea p{position:absolute;top:388px;left:70px;font-weight:600;color:#353535} .glyphart_flower #mainArea a{position:absolute;bottom:50px;left:0;right:0;margin:auto;font-size:22px;color:#FFF;letter-spacing:1px;width:430px;border:2px solid;text-align:center;padding:22px 0;line-height:1;font-weight:500;transition:1s} .glyphart_flower #mainArea a:after{position:absolute;content:">";right:15px;transform:scale(.5,1);font-weight:700;transition:1s} .glyphart_flower #mainArea a:hover{color:#d12c66;background:#fff;border:2px solid;text-decoration:none} .glyphart_flower #mainArea a:hover:after{color:#d12c66;right:5px} .glyphart_flower #sec2>div,.glyphart_flower #sec3,.glyphart_flower #sec4,.glyphart_flower #sec5{position:relative} .glyphart_flower #sec2>.keyVisual span{position:absolute;top:154px;left:97px} .glyphart_flower h4{font-size:28px;line-height:1;margin-bottom:30px} .glyphart_flower #sec2>span p{line-height:1.5} .glyphart_flower .whiteBox{position:absolute;width:377px;height:296px;background:rgba(255,255,255,.8);display:table} .glyphart_flower #sec2 .whiteBox.rightArea{top:16%;right:8%} .glyphart_flower #sec2 .whiteBox.leftArea{top:16%;left:8%} .glyphart_flower #sec2 .whiteBox.leftArea2{top:11%;left:8%} .glyphart_flower .innerBox{display:table-cell;vertical-align:middle;padding:0 3.15rem;text-align:justify;text-justify:inter-ideograph} .glyphart_flower #sec2 .whiteBox.leftArea .innerBox, .glyphart_flower #sec2 .whiteBox.leftArea2 .innerBox{padding:0 4rem} .glyphart_flower #sec2 .innerBox h5{font-size:25px;color:#D02C65;margin-bottom:30px;line-height:1;letter-spacing:2px;font-weight:500} .glyphart_flower #sec2 .innerBox p{font-size:18px;line-height:1.5} .glyphart_flower .ls-1{letter-spacing:-1px} .glyphart_flower .ls2{letter-spacing:2px} .glyphart_flower a.orgBtn,.glyphart_flower a.pinkBtn{color:#fff;text-decoration:none;letter-spacing:3px;border-radius:8px} .glyphart_flower #sec3 .whiteBox{top:31%;left:8%} .glyphart_flower #sec4 p{position:absolute;top:5%;left:0;right:0;width:646px;margin:auto;font-size:17px} .glyphart_flower #sec4 span{position:absolute;top:30%;left:0;right:0;width:100%;margin:auto} .glyphart_flower .slick-slide{text-align:center} .glyphart_flower .slick-slide a{display:inline-grid;display:-ms-inline-grid} .glyphart_flower .slick-slide a:hover{ color: #e04b83; text-decoration:none;} .glyphart_flower .slick-slide a:hover img{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} .glyphart_flower .slick-slide img{opacity:.8;transition:all .3s ease;-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7);text-align:center;display:inline-block} .glyphart_flower a.orgBtn,.glyphart_flower a.pinkBtn{display:block;font-weight:500} .glyphart_flower .slick-slide strong{opacity:0} .glyphart_flower .slick-slide.slick-center img{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1} .glyphart_flower .slick-slide.slick-center strong{opacity:1;font-weight:500;display:block} .glyphart_flower .slick-next,.glyphart_flower .slick-prev{width:19px;height:36px;z-index:100} .glyphart_flower .flslider .slick-prev{left:20px} .glyphart_flower #sec5 div,.glyphart_flower a.pinkBtn{left:0;text-align:center} .glyphart_flower .flslider .slick-next{right:20px} .glyphart_flower #sec5 div,.glyphart_flower a.orgBtn,.glyphart_flower a.pinkBtn,.glyphart_flower a.pinkBtn:after{right:0;position:absolute} .glyphart_flower .flslider .slick-prev:before{content:url(../ext/images/glyphart_flower/before.png)} .glyphart_flower .flslider .slick-next:before{content:url(../ext/images/glyphart_flower/after.png)} .glyphart_flower #sec5 div{top:0;width:756px;margin:auto;background:rgba(255,255,255,.8);padding:2rem 5.5rem;box-sizing:border-box;font-size:20px} .glyphart_flower #sec5 p{line-height:1;margin-bottom:.8rem} .glyphart_flower #sec5 p:last-child{margin-bottom:0} .glyphart_flower #sec5 span{font-size:26px} .glyphart_flower #sec5 small{font-size:17px} @font-face{font-family:number;src:local('Century Gothic');unicode-range:U+0030-0039} .f{font-family:number;font-weight:500} .glyphart_flower a.pinkBtn{background-color:#e04b83;box-shadow:0 7px 0 #780832;margin:auto;padding:28px 0;width:634px;font-size:30px;top:37%} .glyphart_flower a.pinkBtn:before{position:absolute;content:"▶";left:32px;transform:scale(.8,1)} .glyphart_flower a.pinkBtn:after{content:url(../ext/images/glyphart_flower/flower.png);top:4px} .glyphart_flower a.orgBtn:hover, .glyphart_flower a.pinkBtn:hover{box-shadow:0 1px 0 rgba(136,136,136,1);margin:12px auto 8px} .glyphart_flower a.orgBtn{width:455px;background-color:#f17201;box-shadow:0 7px 0 #8b2012;text-align:center;margin:auto;padding:20px 0;font-size:22px;top:65%;left:0} .glyphart_flower a.orgBtn:before{position:absolute;content:"▶";left:20px;font-size:14px;top:50%;transform:translateY(-50%) scale(.8,1)} /*防災*/ #template .disaster_prevention{ background: #edf0c7;padding: 30px; margin-bottom:30px; } .disaster_prevention h3.disaster_preventionNtit{ background: #4e9525; text-align: center; color: #fff; padding: 15px 0; font-size: 26px; font-weight: 100; letter-spacing: 0.1em;} .disaster_prevention .tmp2cont2 .tmp2cFbox5{ margin-bottom: 35px} .disaster_prevention .tmp2cont2 .tmp2cFbox5 img { float: center;} .disaster_prevention .tmp2cont2 .tmp2cFbox5 div.tmpFtext{ width: 750px; float: center; text-align: center; vertical-align: middle; font-size: 16px margin: 15px;} .disaster_prevention .tmp2cont2 .tmp2cFbox5 div.tmpFtext .tmp2CsDtail{ margin-top: 20px; text-align: center;} .disaster_prevention .tmp2cont2 .tmp2cFbox5 div.tmpFtext .tmp2CsDtail span{ font-size: 22px } .disaster_prevention .tmp2cont2 .tmp2cFbox4{ margin-bottom: 35px} .disaster_prevention .tmp2cont2 .tmp2cFbox4 img { float: left;} .disaster_prevention .tmp2cont2 .tmp2cFbox4 div.tmpFtext{ width: 280px; float: right; text-align: justify; font-size: 16px; margin: 15px;} .disaster_prevention .tmp2cont2 .tmp2cFbox4 div.tmpFtext .tmp2CsDtail{ margin-top: 0px; text-align: center} .disaster_prevention .tmp2cont2 .tmp2cFbox4 div.tmpFtext .tmp2CsDtail span{ font-size: 22px } .disaster_prevention .tmp2cont2 .tmp2cFbox3{ margin-bottom: 35px} .disaster_prevention .tmp2cont2 .tmp2cFbox3 img { float: right;} .disaster_prevention .tmp2cont2 .tmp2cFbox3 div.tmpFtext{ width: 280px; float: left; text-align: justify; font-size: 16px} .disaster_prevention .tmp2cont2 .tmp2cFbox3 div.tmpFtext .tmp2CsDtail{ margin-top: 0px; text-align: center} .disaster_prevention .tmp2cont2 .tmp2cFbox3 div.tmpFtext .tmp2CsDtail span{ font-size: 22px } #template .disaster_prevention .tmp2cFbox2{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 5px} #template .disaster_prevention .tmp2cFbox2 div{ width: 177px} #template .disaster_prevention .tmp2cFbox2 div img{ border: 1px solid #cbcbcb} #template .disaster_prevention .tmp2cFbox2 div p{ font-size: 13px; text-align: justify; margin-top: 10px} #template .disaster_prevention .tmp2cFbox2 div p span{font-size: 18px} .disaster_prevention .toCatLinkLaT{ margin-top: 40px; text-align: center} .disaster_prevention .toCatLinkLaT a{ text-align: center; padding:15px 20px; font-size: 20px; color: #fff; background-image: -webkit-linear-gradient(#f12d2d 0%, #f79f24 100%); background-image: linear-gradient(#f12d2d 0%, #f79f24 100%); border-radius : 5px; letter-spacing: 0.15em; } .disaster_prevention .toOverallLinkLaT{ margin-top: 80px; margin-bottom:80px; text-align: center} .disaster_prevention .toOverallLinkLaT a{ text-align: center; padding:15px 120px; font-size: 20px; color: #fff; background-image: -webkit-linear-gradient(#c10559 0%, #6b0633 100%); background-image: linear-gradient(#c10559 0%, #6b0633 100%); border-radius : 5px; letter-spacing: 0.15em; } #template .disaster_prevention .tmpInr .tmpInrFbox{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px} #template .disaster_prevention .tmpInr .tmpInrFbox p{ width: 355px; font-size: 16px; line-height: 1.8em; text-align: justify} #template .disaster_prevention .tmpInr .tmpInrFbox .fboxS p{ margin-top: 8px; line-height: 1.4em; font-size: 16px;} #template .disaster_prevention .tmpInr{ width: 750px; margin: 0 auto;} .disaster_prevention .tmpbtnArea { width: 780px} .disaster_prevention .tmpbtnArea a{ display: block; background : -moz-linear-gradient(50% 102.89% 90deg,rgba(241, 240, 170, 1) 0%,rgba(236, 197, 74, 1) 22%,rgba(255, 248, 173, 1) 74.23%,rgba(236, 197, 74, 1) 98.77%); background : -webkit-linear-gradient(90deg, rgba(241, 240, 170, 1) 0%, rgba(236, 197, 74, 1) 22%, rgba(255, 248, 173, 1) 74.23%, rgba(236, 197, 74, 1) 98.77%); background : -webkit-gradient(linear,50% 102.89% ,50% -23.11% ,color-stop(0,rgba(241, 240, 170, 1) ),color-stop(0.22,rgba(236, 197, 74, 1) ),color-stop(0.7423,rgba(255, 248, 173, 1) ),color-stop(0.9877,rgba(236, 197, 74, 1) )); background : -ms-linear-gradient(90deg, rgba(241, 240, 170, 1) 0%, rgba(236, 197, 74, 1) 22%, rgba(255, 248, 173, 1) 74.23%, rgba(236, 197, 74, 1) 98.77%); width: 375px; height: 46px; border: 2px solid #cca523; box-sizing: border-box; text-align: center; line-height: 46px; font-size: 24px; color: #000; letter-spacing: 0.1em} .disaster_prevention .tmpbtnArea a span { display: none} /*PWC2*/ .pwc2{ background-image: url("../ext/images/pwc2/pwc_backimg.jpg"); padding: 30px auto; } .pwc2_back{ background-image: url("../ext/images/pwc2/pwc_backimg.jpg"); margin: 30px auto; padding-bottom: 20px; } .pwc2 h3.pwc2Ntit{ background-image: url("../ext/images/pwc2/pwc_line_back7.png"); background-attachment: scroll; background-repeat: no-repeat; background-position: bottom; width: 820px; line-height: 1px; text-align: center; padding: 15px 0; font-size: 26px; font-weight: 100; letter-spacing: 0.1em; margin: auto; } .pwc2 hr{ background-image: url("../ext/images/pwc2/pwc_line_back6.png"); background-attachment: scroll; background-repeat: repeat-y; line-height: 2px;} .pwc2 .tmp2cont2 {background-image: url("../ext/images/pwc2/pwc_backimg.jpg");} .pwc2 .tmp2cont2 .tmp2cFbox5{ margin: 20px auto;} .pwc2 .tmp2cont2 .tmp2cFbox5 img { float: center;} .pwc2 .tmp2cont2 .tmp2cFbox5 div.tmpFtext{ width: 750px; float: center; text-align: center; vertical-align: middle; font-size: 16px margin: 10px;} .pwc2 .tmp2cont2 .tmp2cFbox5 div.tmpFtext .tmp2CsDtail{ margin-top: 20px; text-align: center;} .pwc2 .tmp2cont2 .tmp2cFbox5 div.tmpFtext .tmp2CsDtail span{ font-size: 22px } .pwc2 .tmp2cont2 .tmp2cFbox4{ margin-bottom: 35px} .pwc2 .tmp2cont2 .tmp2cFbox4 img { float: left;} .pwc2 .tmp2cont2 .tmp2cFbox4 div.tmpFtext{ width: 280px; float: right; text-align: justify; font-size: 16px; margin: 15px;} .pwc2 .tmp2cont2 .tmp2cFbox4 div.tmpFtext .tmp2CsDtail{ margin-top: 0px; text-align: center} .pwc2 .tmp2cont2 .tmp2cFbox4 div.tmpFtext .tmp2CsDtail span{ font-size: 22px } .pwc2 .tmp2cont2 .tmp2cFbox3{ margin-bottom: 35px} .pwc2 .tmp2cont2 .tmp2cFbox3 img { float: right;} .pwc2 .tmp2cont2 .tmp2cFbox3 div.tmpFtext{ width: 280px; float: left; text-align: justify; font-size: 16px} .pwc2 .tmp2cont2 .tmp2cFbox3 div.tmpFtext .tmp2CsDtail{ margin-top: 0px; text-align: center} .pwc2 .tmp2cont2 .tmp2cFbox3 div.tmpFtext .tmp2CsDtail span{ font-size: 22px } .pwc2 .tmp2cFbox2_pwc2{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 5px} .pwc2 .tmp2cFbox2_pwc2 div{ width: 177px} .pwc2 .tmp2cFbox2_pwc2 div img{ border: 1px solid #cbcbcb} .pwc2 .tmp2cFbox2_pwc2 div p{ font-size: 14px; text-align: justify; margin-top: 10px;font-weight: bold;} .pwc2 .tmp2cFbox2_pwc2 div p span{font-size: 16px;} .pwc2 .toCatLinkLaT{ margin-top: 40px; text-align: center} .pwc2 .toCatLinkLaT a{ text-align: center; padding: 15px 20px; font-size: 20px; color: #fff; background-image: -webkit-linear-gradient(90deg,rgba(243,174,77,1.00) 0%,rgba(255,0,134,1.00) 100%); background-image: -moz-linear-gradient(90deg,rgba(243,174,77,1.00) 0%,rgba(255,0,134,1.00) 100%); background-image: -o-linear-gradient(90deg,rgba(243,174,77,1.00) 0%,rgba(255,0,134,1.00) 100%); background-image: linear-gradient(0deg,rgba(243,174,77,1.00) 0%,rgba(255,0,134,1.00) 100%); border-radius : 5px; letter-spacing: 0.15em; } .pwc2 .btn-sticky_mini { display: inline-block; text-align: center; margin: 20Px auto; padding: 15px 20px; text-decoration: none; background: #f7f7f7; border-left: solid 6px #05e4d4;/*左線*/ color: #010101;/*文字色*/ font-weight: bold; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29); } .pwc2 .btn-sticky_mini:active { box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1); transform: translateY(2px); } .pwc2 .btn-sticky{ margin-top: 50px; margin-bottom:20px; text-align: center} .pwc2 .btn-sticky a{ display: inline-block; padding: 15px 100px; font-size: 20px; text-decoration: none; background: #f7f7f7; border-left: solid 6px #f90281;/*左線*/ color: #000000;/*文字色*/ font-weight: bold; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29); } .pwc2 .btn-sticky:active { box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1); transform: translateY(2px); } .pwc2 .tmpInr_pwc .tmpInrFbox{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px} .pwc2 .tmpInr_pwc .tmpInrFbox p{ width: 355px; font-size: 16px; text-align:justify; } .pwc2 .tmpInr_pwc .tmpInrFbox .fboxS p{ margin-top: 15px; padding:5px; font-size: 16px;} .pwc2 .tmpInr_pwc .tmpInrFbox .fboxS tC{ margin-top: 15px; padding:5px; font-size: 16px;} .pwc2 .tmpInr_pwc .tmpInrFbox .img_border{display: block;width:355px;height:355px; margin:0;border:solid 1px #ccc;padding:4px;} .pwc2 .tmpInr_pwc{ width: 750px; margin: 0 auto;} .tovp{ background: #f2f2f2;padding: 30px; margin-bottom:30px;} .tovp .tovp2l .tmpInrFbox2{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px;} .tovp .tovp2l .tmpInrFbox2 p{ width: 355px; font-size: 16px; text-align:justify; } .tovp .tovp2l .tmpInrFbox2 .fboxS p{ margin-top: 15px; padding:5px; font-size: 15px;} .tovp .tovp2l .tmpInrFbox2 .fboxS2 p{ margin-top: 15px; padding:5px; font-size: 16px; font-weight: bold; } .tovp .tovp2l .tmpInrFbox2 .fboxS tC{ margin-top: 15px; padding:5px; font-size: 16px;} .tovp .tovp2l .tmpInrFbox2 .img{width:355px;height:355px; border:solid 1px #ccc;} .tovp .tovp2l .tmpInrFbox2{ width: 840px; margin: auto;} .tovp .tovp2l{ width: 840px; margin: 0 auto;} .tovp .tovp2l .tovp3{ width: 840px; margin: 0 auto; background: #ffffff; } .pwc2 .tmpbtnArea { width: 780px} .pwc2 .tmpbtnArea a{ display: block; background : -moz-linear-gradient(50% 102.89% 90deg,rgba(241, 240, 170, 1) 0%,rgba(236, 197, 74, 1) 22%,rgba(255, 248, 173, 1) 74.23%,rgba(236, 197, 74, 1) 98.77%); background : -webkit-linear-gradient(90deg, rgba(241, 240, 170, 1) 0%, rgba(236, 197, 74, 1) 22%, rgba(255, 248, 173, 1) 74.23%, rgba(236, 197, 74, 1) 98.77%); background : -webkit-gradient(linear,50% 102.89% ,50% -23.11% ,color-stop(0,rgba(241, 240, 170, 1) ),color-stop(0.22,rgba(236, 197, 74, 1) ),color-stop(0.7423,rgba(255, 248, 173, 1) ),color-stop(0.9877,rgba(236, 197, 74, 1) )); background : -ms-linear-gradient(90deg, rgba(241, 240, 170, 1) 0%, rgba(236, 197, 74, 1) 22%, rgba(255, 248, 173, 1) 74.23%, rgba(236, 197, 74, 1) 98.77%); width: 375px; height: 46px; border: 2px solid #cca523; box-sizing: border-box; text-align: center; line-height: 46px; font-size: 24px; color: #000; letter-spacing: 0.1em} .pwc2 .tmpbtnArea a span { display: none} .pwc2 .tmpbtnArea2 { width: 780px; text-align: center; margin:0 auto; padding:10px} .pwc2 .tmpbtnArea2 a{ display: inline-block; background-image : url("../ext/images/pwc2/pwc_btn_cat_s.png"); width: 324px; height: 106px; border: 1px solid #414040; box-sizing: border-box; text-align: center; vertical-align: middle; line-height: 106px; font-size: 22px; color: #000; letter-spacing: 0.1em} .pwc2 .tmpbtnArea2 a span { display: none} .pwc2 .marker_yellow_futo { background: linear-gradient(transparent 0%, #ffff66 0%); } .pwc2 .marker_yellow_hoso { background: linear-gradient(transparent 60%, #ffff66 30%); } .pwc2 .marker_pink { background: linear-gradient(transparent 60%, #ff66ff 30%); } .pwc2 .marker_water { background: linear-gradient(transparent 60%, #66ccff 30%); } .pwc2.marker_lime { background: linear-gradient(transparent 60%, #66FFCC 30%); } /*新生活*/ .houseware{ background: url(../ext/images/houseware/back.jpg) repeat;} .houseware .stripe{background:repeating-linear-gradient(90deg, #a5d4c0 0, #a5d4c0 10px, #ffffff 10px, #ffffff 20px);width:100%;height: 33px; margin-bottom: 2em;} .houseware img{margin: auto; text-align: center;} .houseware p{ color: #5b3206;font-weight: 600; text-align: left;display: inline-block; letter-spacing: -1px; line-height: 1.8;} .houseware .obititle{background: #ffdce6; line-height: 1; padding: 8px 1em; font-size:18px;display: inline-block; margin: 5px auto; color: #5b3206; font-weight: 600; letter-spacing: 1px;} .houseware #kv,.houseware #sec1,.houseware #sec2,.houseware #sec3,.houseware #sec4{margin: 0 auto 50px; text-align: center;} .houseware h2,.houseware .h3-title{ margin: 20px auto;} .houseware #kv p{ font-size: 20px; color: #230d00;} .houseware article{ width: 756px; margin: auto;} .houseware .w695{ width: 695px; margin: auto;} .houseware .w814{ width: 814px; margin: auto;} .houseware .leftBox{float:left; max-width: 50%;} .houseware .rightBox{float:right; max-width: 50%;} .houseware figure { padding: 0; margin: 0; } .houseware figcaption { color: #5b3206;font-weight: 600; text-align: center; margin-top: 10px; letter-spacing: -0.5px;} .houseware .list figure,.houseware .list div { display: inline-block; max-width: 48%; } .houseware .list figure:nth-child(2),.houseware .list div:nth-child(2) { margin: 0 6px; } .houseware .button { position:relative; width:100%;height:120px;} .houseware a { position:absolute; top:1%; margin: auto;display: block;} .houseware .list a:fitrst-child{ left:0;} .houseware .list a:nth-child(2) { right:0;} .houseware #sec4 .list a {position:static; top:0%;} .houseware #sec4 .list figure{ max-width: 23%; font-size: 14px; vertical-align: top;} .houseware #sec4 .list figure:nth-child(2n) { margin: 0 6px; } .houseware a:hover{ top:5%;} .houseware a:hover img{ filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } .houseware .tableBox{ display: table;} .houseware .tableBox >div{ display: table-cell; font-size: 18px; vertical-align: middle;} .houseware .tableBox >div p{ margin-left: 1em;} .houseware figure span { color: #5b3206; text-shadow: 0px 0px 5px #fff; margin-bottom: 8px; display: block; letter-spacing: -1px;} /*Sweet Sweets*/ #template.tmp1-2 h3.pinkstripe {background-image: linear-gradient( -45deg, #ff0b53 25%, #fb4f83 25%, #fb4f83 50%, #ff0b53 50%, #ff0b53 75%, #fb4f83 75%, #fb4f83 ); background-size: 10px 10px; font-size: 22px; letter-spacing: 0.2em; padding: 0.45em 0 0.3em; font-weight: 100; text-align: center; color: #fff} /*母の日2019*/ .md2009{ background-image: url("../ext/images/mothersday2019/mb_back.jpg"); padding: 30px auto;} .img_border_md{display: block;margin:0;border:solid 1px #ccc;padding:0px;} #template .tmpInr .tmpInrFbox.fboxSs_md img{ width: 236px; font-size: 16px;} #template .tmpInr .tmpInrFbox.fboxSs_md p{ width: 236px; font-size: 16px;} /*快適寝具2019*/ .bedding2019{ background-image: url("../ext/images/bedding2019/bedding_back.jpg");background-repeat: repeat; padding: 30px auto;} .skystripe {background-image: linear-gradient( -45deg, #4a95d1 25%, #036abc 25%, #036abc 50%, #4a95d1 50%, #4a95d1 75%, #036abc 75%, #036abc ); background-size: 10px 10px; font-size: 22px; letter-spacing: 0.2em; padding: 0.45em 0 0.3em; font-weight: 100; text-align: center; color: #fff} .orangestripe {background-image: linear-gradient( -45deg, #f75151 25%, #f68989 25%, #f68989 50%, #f75151 50%, #f75151 75%, #f68989 75%, #f68989 ); background-size: 10px 10px; font-size: 22px; letter-spacing: 0.2em; padding: 0.45em 0 0.3em; font-weight: 100; text-align: center; color: #fff} .bedding_h2 { background: #4a95d1; box-shadow: 0px 0px 0px 5px #4a95d1; border: dashed 2px white; padding: 0.2em 0.5em; background-size: 10px 10px; font-size: 22px; letter-spacing: 0.2em; padding: 0.45em 0 0.3em; font-weight: 100; text-align: center; color: #fff } .bedding_h3{ color: #f75151;/*文字色*/ /*線の種類（点線）2px 線色*/ border-bottom: dashed 2px #4a95d1; border-top: dashed 2px #4a95d1; } .bedding_txt{ color: #4a95d1;/*文字色*/ /*線の種類（点線）2px 線色*/ font-size:20px; } .bedding_txt2{ color: #000000;/*文字色*/ /*線の種類（点線）2px 線色*/ font-size:19px; line-height: 2.5em； } .btn-stitch { display:block; width: 480px; text-align: center; padding: 0.5em 1em; font-weight: bold; background: #f73d3d; border-radius: 4px; box-shadow: 0px 0px 0px 5px #f73d3d; border: dashed 2px #FFF; } .btn-stitch:hover { border: dotted 2px #FFF;} .btn-stitch a{ width: 300px; margin: 20px auto;} .btn-stitch{ text-align: center; margin-top: 40px; font-size: 20px; color:#FFFFFF;} #extwide .bedding2019list {display: block;} #extwide .bedding2019list li{ float: left;} .my-orange {color: #f73d3d} /*10th*/ .Xth img{margin: auto; text-align: center;} .Xth { color: #282828;font-weight: 600; text-align: left;letter-spacing: -1px; line-height: 1.8;} .Xth #kv,.Xth #sec1,.Xth #sec2,.Xth #sec3,.Xth #sec4,.Xth #sec5,.Xth #sec6,.Xth #sec7{margin: 0 auto; text-align: center;position: relative;} .Xth h2 span{font-size: 1.2rem; letter-spacing: 1px; display: block; line-height: 1; margin-top: 1rem;} .Xth #sec5 h2 span{ margin-top: 6px;} .Xth .itemList{font-size: 0;line-height: 1;width: 738px; margin: 1rem auto 0;} .Xth .itemList li{display: inline-block;font-size: 18px;vertical-align: top;line-height: 1.3;} .Xth .itemList li img{margin-bottom: 1rem;} .Xth :not(#sec1) .itemList li:nth-child(2){margin: 0 28px;} .Xth #sec5 ,.Xth #sec6 { margin-top: 100px;} .Xth #sec5 .itemList li{font-size: 16px;max-width: 212px;text-align: left;letter-spacing: -2px;} .Xth #sec5 .itemList li span{padding: 0 8px; display: inline-block;} .Xth #sec5 .itemList li a{color: #007FBF;margin-top: 1rem;background-color: #b5d900; border: 1px solid #b5d900;text-align: center; padding: 8px 0; display: block; width: 100%; border-radius: 8px;} .Xth #sec5 .itemList li a:hover{ text-decoration: none;background-color: #FFFFFF; border: 1px solid #b5d900;color: #b5d900;} .Xth #sec6 a:hover img{ filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } .popupWrap{ background-color: #fff; width: 624px;margin: 30px auto; padding: 20px; box-sizing: border-box; text-align: center;position: relative;} .popupWrap h5{ font-size: 20px;margin: 8px 0; letter-spacing: -1px;} .popupWrap p{ font-size: 18px; } .popupWrap .mfp-close{z-index: 10; top: -30px; right: -10px; color: #FFFFFF!important; width: auto; height: auto; line-height: normal;} .popupWrap .mfp-close:hover{top: -5%; right: -5%;} .item-link{cursor: pointer;} .emphasis{color: #D93B17;} .mt36{margin-top: 36px!important;} .Xth #kv .h2-title{font-size: 23px;font-weight: 600; width: 70%;margin: 0 auto 20px;} .Xth #kv .h2-title img{float: left; max-width: 74px; display: inline-block;} .Xth #kv p{font-size: 20px;margin: 0 auto 20px;} .Xth .button:hover{top:5px; position: relative;} .Xth .h3-title{ font-size:20px; color: #FFFFFF; line-height: 1;padding: 14px 0; margin-bottom: 1rem;text-align: center; background-color: #D93B17;} .Xth .h3-title2{ width: 655px; font-size:20px; color: #D93B17; border: 1px solid; line-height: 1;padding: 14px 0; margin:0 auto 1rem;text-align: center; background-color: #FFFFFF;} .Xth #howto,.Xth #guideline{margin: 80px auto 0;width: 770px;} .Xth #howto li{font-size: 24px;width: 655px;margin: 30px auto;line-height: 1.3; display: table;} .Xth #howto li span{display: table-cell; vertical-align: middle;} .Xth #howto li span:nth-child(2){padding: 0 0 0 15px;} .Xth #howto li small{font-size: 18px;display: block;} .Xth #howto li img{ float: right;} .Xth #guideline dd{margin-bottom: 18px;font-size: 14px;} .Xth .fs40{font-size: 40px;} .Xth .fs36{font-size: 36px;} .Xth .fs30{font-size: 30px;} .Xth .fs26{font-size: 26px;} .Xth .fs22{font-size:22px;} .Xth .fs18{font-size:18px;} .Xth .btnImg{display: block; margin: 50px auto 0; width: 80%;} .Xth .lineMb{margin-bottom: 30px;} .Xth .lineMt{margin-top: 30px;} .Xth .furthermore{font-size: 28px; position: absolute; top: 110px; margin: auto; left: 0; right: 0; letter-spacing: -2px;color: #3E3D39;} .Xth #tokuten{margin-top: 130px; display: table; table-layout: fixed; width: 740px; margin: 80px auto 0;} .Xth #tokuten div{width: 358px; height: 235px; display: table-cell; font-size: 24px; background: url('../ext/images/thanksCampaign/special.png') no-repeat;padding-top: 51px; line-height: 1.5; } .Xth #tokuten h3{font-size: 32px;} .Xth #tokuten a{color: #5b5b5b;text-decoration: none} .Xth #tokuten a:hover{text-decoration: none} .red{color: #FF0000} .enji{color:#c7000a;} .ls2{letter-spacing: 2px;} .Xth .chui{background-color: #F8F8F8; font-size: 17px; line-height: 1.5; padding: 2em 70px; text-align: left!important; font-weight: 500;} .redBtn{ background: #c7000a; color: #FFFFFF!important; border: 1px solid; font-size: 22px; text-align: center; display: block;max-width: 655px;width:100%; margin: 30px auto 0;padding: 15px 0; line-height: 1; border-radius: 8px;} .redBtn:hover{ background: #FFFFFF; color: #c7000a!important; text-decoration: none;} #tokuten1,#tokuten2{text-align: center;} .titleB { position: relative; text-align: center; margin: 3em auto;} .titleB span { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 1em; background-color: #fff; text-align: left; color: #5b5b5b;font-size: 30px; } .titleB::before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 5px; background-color: #c7000a; } .titleB:after { right: 0; } .titleBlock{width: 560px; margin: auto;} #tokuten2 .titleBlock{line-height: 1; text-align: left;} .titleBlock img{float: left; margin-right: 1em;} .nichiji{color: #c7000a;display: table;width: 560px;margin: 20px auto;} .nichiji p{display: table-cell; vertical-align: middle;} .nichiji p:first-child{font-size: 18px; border: 1px solid; padding: 5px 1em; text-align: center; line-height: 1;} .nichiji p:last-child{font-size: 26px;} .kintoItem{display: table;width: 560px;margin: 20px auto;font-size: 18px;} .kintoItem p{display: table-cell; vertical-align: bottom;text-align: left;} /*breaktime*/ .mLR{margin-left: auto;margin-right: auto;} .breaktime { background: url(../ext/images/breaktime/bg.jpg) repeat; color: #341002;} .breaktime .slick-slide img{transition:all .3s ease;display:inline-block;vertical-align: bottom;} .breaktime .slick-next,.breaktime .slick-prev{width:19px;height:36px;z-index:100} .breaktime .flslider .slick-prev{left:20px} .breaktime #kv{left:0;text-align:center;position: relative;} .breaktime .flslider .slick-next{right:20px} .breaktime .flslider .slick-prev:before{content:url(../ext/images/breaktime/before.png)} .breaktime .flslider .slick-next:before{content:url(../ext/images/breaktime/after.png)} .breaktime #nav { position: absolute; bottom: 0; background-color: #1103028c; width: 100%; padding: 15px 0; } .breaktime #nav a { color: #fff; padding: 0 1em;font-weight: 600; font-size: 25px;font-family: serif;} .breaktime #nav a:hover { color:#FFFF00;text-decoration: none;} .breaktime #sec1{position: relative;padding-bottom: 17px;margin-bottom: 30px;} .ls-4c{width: 764px;display: table;table-layout: fixed} .ls-4c span{display: table-cell;width: 25%;text-align: justify; text-justify: inter-ideograph;padding: 0 2%; font-size: 14px;} .outBorder{position: absolute; border: 5px solid #523427; left: 0; right: 0; margin: auto; width: 90%; height: 90%; top: 0; bottom: 0;} .inBorder{position: absolute; border: 1px solid #96837b; left: 0; right: 0; margin: auto; width: 98%; height: 98%; top: 0; bottom: 0;} .breaktime #sec2,.breaktime #sec3,.breaktime #sec4,.breaktime #sec5{text-align: center;margin-bottom: 30px;} .breaktime #sec2 > div{ margin-bottom: 100px; } .breaktime .txtbox{font-size: 18px;margin: 10px auto;} .breaktime .txtbox span{font-size: 15px;display: block;} .h2-title { font-size: 60px; font-weight: 600; font-family: serif; border-bottom: 5px solid #e1680f; display: inline-block; margin-left: auto;margin-right: auto;} .breaktime .smallTxt{font-size: 16px;margin-top: 20px;} .btnOR { background-color: #e1680f; color: #FFFFFF!important; text-align: center; font-size: 18px; padding: 1em 0; width: 50%; margin: auto; display: block; border-radius: 7px; border-bottom: 3px solid #1b0101; line-height: 1;position: relative;} .btnOR:before {content: "▶︎";position: absolute; left: 25%;} .btnOR:hover { background-color:#fea; color: #e1680f!important; text-decoration: none;} .btnGR { background-color: #bababa; color: #FFFFFF!important; text-align: center; font-size: 18px; padding: 1em 0; width: 50%; margin: auto; display: block; border-radius: 7px; border-bottom: 3px solid #1b0101; line-height: 1;position: relative; } .btnGR:hover { text-decoration: none;} .ls-3c { text-align: center; width: 715px; margin: auto; } .ls-3c > li {display: inline-block; width: 32%; margin-bottom: 30px; font-size: 15px; vertical-align: top;} #sec3 .ls-2c { background-color: #6a4e4a; width: 845px; margin: 30px auto; box-sizing: border-box; padding: 40px; } #sec3 .ls-2c > div {font-size: 14px; color: #FFFFFF; } .ls-2c > div:nth-child(odd){float: left;} .ls-2c > div:nth-child(even){float: right;} #sec3 .ls-2c > div:first-child{width: 51%;} #sec3 .ls-2c > div:last-child{width: 46%;} #sec3 .ls-2c p { text-align: left; margin-top: 2em;} #sec3 .ls-2c > div:first-child p { border-right: 1px solid; padding-right: 4%; } .breaktime #sec3 .btnOR { font-size: 14px; width: 80%; margin: 1em auto 0;} .breaktime #sec3 .btnOR:before {left: 5%;} .breaktime #sec3 .btnGR { font-size: 14px; width: 80%; margin: 1em auto 0;} .breaktime #sec3 .btnGR:before {left: 5%;} #sec4 .ls-2c { width: 745px; margin: 30px auto; box-sizing: border-box; text-align: center;} #sec4 p{font-size: 15px; max-width: 340px; margin: 8px auto 30px; letter-spacing: -1px;;} #sec4 p span{font-size: 24px; display: block;} #sec4 .ls-2c > div{width: 360px;} .wrap785{width: 785px; margin: auto;} .h3-title{ text-align: left; font-size: 30px; margin-bottom: 16px;} .h3-title span { font-size: 40px; border-bottom: 3px solid #e1680f; vertical-align: bottom; margin-right: 1rem; } #sec5 .ls-2c > div{text-align: left;float: left;width: 52%;font-size: 18px;} #sec5 .ls-2c > div:first-child{width: 350px;margin-right: 1em;} #sec5 p{text-align: left;} .subti { font-size: 20px;text-align: left;} .underB{border-bottom: 1px solid;margin-bottom: 8px;padding-bottom: 8px;} .maru {display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; flex-flow: column; vertical-align:middle; background-color: #341002; margin-right: 8px;width: 10px; height: 10px; padding: 3px; font-size: 10px; line-height: 1;color: white;} /*handyfan*/ .handyfan{width: 900px;margin: auto;font-size: 18px;} .handyfan #kv p{text-align: center;margin: 60px auto 50px;} .handyfan .tableBox{display:table;width: 100%;} .handyfan .tableBox a{display:table-cell;table-layout: fixed;} .handyfan .tableBox img{max-width: 100%;} .handyfan a:hover img{filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } .handyfan .h3-title{margin: 40px auto;} .handyfan .bgImg{position: relative;} .handyfan .bgImg p{position: absolute; left: 57px; top: 135px;line-height: 2; font-size: 18px; } .handyfan .bgImg h4.h4-title{position: absolute; left: 0; right: 0; bottom: 145px; margin: auto; text-align: center; font-size: 21px; font-weight: normal;} .handyfan .bgImg a{position: absolute; left: 0;right: 0; bottom: 35px;margin: auto;width: 315px;} .handyfan .bgImg a:hover{bottom: 40px;} .handyfan .buttonAll{display:block;text-align:center;} .handyfan .buttonAll img{display: inline-block;} .handyfan .h5-title{font-size: 28px;font-weight: bold;margin: 30px 0;} .handyfan #sec5 .tableBox{border-collapse: separate; border-spacing: 5px 0;} .handyfan #sec4 p{font-size: 18px;} /*coolbedding2019*/ .coolbedding2019{ background: #fff; padding: 30px auto; font-size: 18px; line-height: 1.5; } .coolbedding2019 .center { margin: 10px auto; } .coolbedding2019 .lead{ font-size: 20px; text-align: center; margin: 10px 0; line-height: 2; display: block; word-break: break-all; } .coolbedding2019 .lead img{ margin: 0 auto; } .coolbedding2019 .back{ background-image: url("../ext/images/coolbedding2019/coolbedding2019_backimg.png"); margin: 130px 0 -110px auto; padding-bottom: 20px; } .coolbedding2019 .back2{ background-image: url("../ext/images/coolbedding2019/coolbedding2019_backimg.png"); padding-bottom: 20px; margin: 0 0 -180px auto; } .coolbedding2019 .tmpInr .tmpInrFbox{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px} .coolbedding2019 .tmpInr .tmpInrFbox p{ width: 355px; font-size: 18px; text-align:justify; } .coolbedding2019 .tmpInr .tmpInrFbox .fboxS p{ margin-top: 15px; padding:5px; font-size: 18px;} .coolbedding2019 .tmpInr .tmpInrFbox .fboxS tC{ margin-top: 15px; padding:5px; font-size: 18px;} .coolbedding2019 .tmpInr .tmpInrFbox img{display: block; width:355px; margin:-95px 0 0 0; padding:4px;} .coolbedding2019 .tmpInr{ width: 750px; margin: 10px auto;} .coolbedding2019 .tmpInr2 .tmpInrFbox{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px} .coolbedding2019 .tmpInr2 .tmpInrFbox p{ width: 448px; font-size: 18px; text-align:justify; } .coolbedding2019 .tmpInr2 .tmpInrFbox .fboxS p{ margin-top: 15px; padding:5px; font-size: 18px;} .coolbedding2019 .tmpInr2 .tmpInrFbox .fboxS tC{ margin-top: 15px; padding:5px; font-size: 18px;} .coolbedding2019 .tmpInr2 .tmpInrFbox img{display: block; width:448px; margin:-24px 0 0 0;} .coolbedding2019 .tmpInr2{ width: 750px; } .coolbedding2019 .logo{ margin: 20px auto; } .coolbedding2019 .menu { display: table; width: 100%; } .coolbedding2019 .menu_item { display: table-cell; text-align: center; vertical-align: middle; } .coolbedding2019 .menu_item a { display: block; padding: 15px 0; } .coolbedding2019 .menu_item a img { margin: 0 auto; } .coolbedding2019 .shikipad, .coolbedding2019 .pillowpad, .coolbedding2019 .blanket, .coolbedding2019 .cushion { padding: 120px 0; background: #fff; } .coolbedding2019 .shikipad p, .coolbedding2019 .pillowpad p, .coolbedding2019 .blanket p{ text-align: center; font-size: 18px; padding: 10px 0; line-height: 1.5; width: 65%; margin: auto; } .coolbedding2019 .cushion .table { display: table; width:100%; } .coolbedding2019 .cushion .table div { display: table-cell; width: 50%; } .coolbedding2019 .cushion p { text-align: center; font-size: 18px; padding: 10px 0; line-height: 1.5; width: 84%; margin: auto; } .coolbedding2019 .btn { padding: 120px 0 80px; background: #fff; } .coolbedding2019 .btn img { margin: 0 auto; } .coolbedding2019 .special { margin: 40px 0 0; } .coolbedding2019 .recommend>img, .coolbedding2019 .special>img { margin: 0 0 20px 0; } /*10th_teaser*/ .tenth_teaser{background:#fff45c;padding: 0; margin-bottom:30px; text-align:center;} .tenth_teaser .mainttl,.tenth_teaser .countdown{margin-bottom:30px;} .tenth_teaser .countdown .counter{font-size:30px;font-family:'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN',sans-serif;font-weight:bold;color:#000;} .tenth_teaser .countdown .counter span{background:#000;color:#fff;font-size:70px;letter-spacing:0.2em;font-family: 'Impact', sans-serif !important;padding-left:12px;} .tenth_teaser .banner{background: #fff45c;width:900px;} .tenth_teaser .banner .btn{margin:0 auto;} .tenth_teaser .banner .btn a:hover{opacity: 0.5 ;} .tenth_teaser div {background: #ffffff;width:900px; } .tenth_mailmag{ background: #fff45c;padding: 30px; margin-bottom:30px; } .tenth_mailmag .date{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 5px} .tenth_mailmag .date div{ width: 277px} .tenth_mailmag .date div img{ border: 1px solid #cbcbcb} .tenth_mailmag .date div p{ font-size: 13px; text-align: justify; margin-top: 10px} .tenth_mailmag .date div p span{font-size: 18px} /* 吹き出し本体 */ .balloon1{ position: relative; padding: 20px; margin: 30px; border-radius: 10px; color: #000000; background-color: #f3f3f3; margin-left: 110px; /* 左に余白を設ける */ -moz-box-shadow: 10px 10px #fff45c; -webkit-box-shadow: 10px 10px #fff45c; -o-box-shadow: 10px 10px #fff45c; -ms-box-shadow: 10px 10px #fff45c; } /* 画像 - 絶対配置で左上に配置 */ .balloon1 .icon{ position: absolute; left: -110px; top: 0; } /* 三角アイコン */ .balloon1::before{ content: ''; position: absolute; display: block; width: 0; height: 0; left: -15px; top: 20px; border-right: 15px solid #f3f3f3; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } /* 吹き出し本体 */ .balloon2{ position: relative; padding: 20px; margin: 30px; border-radius: 10px; color: #000000; background-color: #f3f3f3; margin-right: 110px; /* 右に余白を設ける */ -moz-box-shadow: 10px 10px #fff45c; -webkit-box-shadow: 10px 10px #fff45c; -o-box-shadow: 10px 10px #fff45c; -ms-box-shadow: 10px 10px #fff45c; } /* 画像 - 絶対配置で右上に配置 */ .balloon2 .icon{ position: absolute; right: -110px; top: 0; op: 0; } /* 三角アイコン */ .balloon2::before{ content: ''; position: absolute; display: block; width: 0; height: 0; right: -15px; top: 20px; border-left: 15px solid #f3f3f3; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } /*astronaut_50th*/ .astronaut_50th{ background: #000; padding: 30px auto; color: #fff; font-size: 18px; line-height: 1.5; } .astronaut_50th .center { margin: 10px auto; } .astronaut_50th .lead{ font-size: 21px; text-align: center; margin: 10px 0; line-height: 2; display: block; word-break: break-all; } .astronaut_50th .orange{ color: #f08300; } .astronaut_50th .bold{ font-weight: bold; } .astronaut_50th .f24{ font-size: 24px; } .astronaut_50th .menu { background: url(../ext/images/astronaut_50th/menu_back.png) no-repeat center; display: table; width: 100%; } .astronaut_50th .menu_item { display: table-cell; text-align: center; vertical-align: middle; } .astronaut_50th .menu_item a { display: block; padding: 6px 0; } .astronaut_50th .menu_item a img { margin: 0 auto; } .astronaut_50th .doll, .astronaut_50th .telescope, .astronaut_50th .osusume { margin: 30px 0; text-align: center; font-size: 21px; } .astronaut_50th .w90 { width: 90%; margin: 0 auto; } .astronaut_50th .mb20 { margin-bottom: 20px; } .astronaut_50th .tmpInr .tmpInrFbox{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px} .astronaut_50th .tmpInr .tmpInrFbox p{ width: 355px; font-size: 18px; text-align:justify; } .astronaut_50th .tmpInr .tmpInrFbox .fboxS p{ margin-top: 15px; padding:5px; font-size: 18px;} .astronaut_50th .tmpInr .tmpInrFbox .fboxS tC{ margin-top: 15px; padding:5px; font-size: 18px;} .astronaut_50th .tmpInr .tmpInrFbox img{display: block; width:355px; margin:-95px 0 0 0; padding:4px;} .astronaut_50th .tmpInr{ width: 750px; margin: 10px auto;} .astronaut_50th .tmpInr2 .tmpInrFbox{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px} .astronaut_50th .tmpInr2 .tmpInrFbox p{ width: 100%; font-size: 18px; text-align:justify; } .astronaut_50th .tmpInr2 .tmpInrFbox div{ text-align: left; line-height: 1.5; margin: 0px 27px 0 26px;} .astronaut_50th .tmpInr2 .tmpInrFbox .fboxS p{ margin-top: 15px; padding:5px; font-size: 18px;} .astronaut_50th .tmpInr2 .tmpInrFbox .fboxS div{ text-align: center; line-height: 2;} .astronaut_50th .tmpInr2 .tmpInrFbox .fboxS tC{ margin-top: 15px; padding:5px; font-size: 18px;} .astronaut_50th .tmpInr2 .tmpInrFbox img{display: block; width:350px; margin:0 0 0 0;} .astronaut_50th .tmpInr2{ width: 750px; } .astronaut_50th .btn { padding: 0 0 40px; } .astronaut_50th .btn img { margin: 0 auto; } /*tree-village2019*/ #template .tree-village2019items{ background: #ebf9ff;padding: 30px; margin-bottom:30px; } .newTemplate h3.tree-village2019{background-image: linear-gradient( -45deg, #0082be 25%, #3ea1ce 25%, #3ea1ce 50%, #0082be 50%, #0082be 75%, #3ea1ce 75%, #3ea1ce ); background-size: 10px 10px; font-size: 23px; letter-spacing: 0.2em; padding: 0.45em 0 0.3em; font-weight: 150; text-align: center; color: #fff} /*10周年記念スヌーピー*/ .tenth_special_snoopy {margin: auto;width:900px;} .tenth_special_snoopy a{text-decoration:none;} .tenth_special_snoopy .headercomment {margin: 0;text-align:center;background:url(../ext/images/10th_snoopy/headerbg.jpg);color:#fff;background-size:900px;font-size:20px;line-height:2.0em;padding-bottom:20px !important;} .tenth_special_snoopy h2 img,.tenth_special_snoopy img{max-width: 100%;height: auto;width: auto;margin:0;} .tenth_special_snoopy .buybtnarea{margin-bottom:30px;maragin-top:30px;} .tenth_special_snoopy .buybtnarea .pricetxt{width:400px;margin:20px auto 0 auto !important;} .tenth_special_snoopy .buybtnarea .buybtn_comingsoon{background: #cc2a0a; text-align:center;width:450px;margin:0 auto !important;border-radius: 25px;padding:10px 0;font-size:22px;color:#fff;letter-spacing:3px;} .tenth_special_snoopy .specialbuttonarea{width:90%;margin-left:5%;margin-right:5%;} .tenth_special_snoopy .specialbuttonarea ul{padding-left:0 !important;text-align:center !important;} .tenth_special_snoopy .specialbuttonarea ul li{width:23% !important;margin-left:1%;margin-right:1%;margin-bottom:2% !important;float:left;} .tenth_special_snoopy .specialbuttonarea ul li:last-child{margin-bottom:10% !important;} .tenth_special_snoopy .pointarea{margin-bottom:10% !important;text-align:center;line-height:2.0em !important;text-align:center;} .tenth_special_snoopy .pointarea .ttl{width:450px;margin:0 auto !important;} .tenth_special_snoopy .pointarea .comment{width:900px;margin:15px !important;font-size:16px;line-height:2.0em;font-weight:bold;text-align:center !important;} .tenth_special_snoopy .pointarea .subcomment{width:900px;font-size:16px;line-height:2.0em;} .tenth_special_snoopy .pointarea .subttl{margin-top:5%;} .tenth_special_snoopy .pointarea .photolist{width:900px;} .tenth_special_snoopy .pointarea .photolist ul li{width:280px;margin:10px;float:left;} .tenth_special_snoopy .pointarea .action{width:900px;} .tenth_special_snoopy .pointarea .action ul li{width:450px;margin:0;float:left;} .tenth_special_snoopy .pointarea .specialgoods{width:900px;} .tenth_special_snoopy .pointarea .specialgoods ul li{width:300px;margin:0;float:left;text-align:center;line-height:1.5em;} .tenth_special_snoopy .pointarea .specialgoods ul li:nth-child(4){margin-left:150px;margin-bottom:30px;} .tenth_special_snoopy .pointarea .specialgoods ul li:nth-child(5){margin-bottom:30px;} .tenth_special_snoopy .pointarea .lets{width:900px;height:50px;} .tenth_special_snoopy .pointarea .lets ul li{width:300px;margin:0;float:left;text-align:center;text-align:left;} .tenth_special_snoopy .pointarea .lets ul li img{margin-bottom:10px;} .tenth_special_snoopy .pointarea .lets ul li .letscomment{width:240px !important;margin:0 auto;line-height:1.5em;font-size:14px;} .tenth_special_snoopy .pointarea .lets4{margin-bottom:10px;} .tenth_special_snoopy .pointarea .lets4ttl{float:left;} .tenth_special_snoopy .pointarea .lets4comment{width:500px;float:right;text-align:left;margin-right:40px;font-size:14px;line-height:1.5em;} .tenth_special_snoopy .pointarea .lets5{margin-bottom:10px;float:left;} .tenth_special_snoopy .pointarea .lets5ttl{float:right;margin-top:50px;margin-right:40px;} .tenth_special_snoopy .pointarea .lets5comment{width:280px;float:right;text-align:left;margin-right:50px;font-size:14px;line-height:1.5em;} .tenth_special_snoopy .pointarea .subphoto{width:70%;margin-left:15% !important;margin-right:15%;} .tenth_special_snoopy .pointarea .subphoto2{width:60%;margin-left:20% !important;margin-right:20%;} .tenth_special_snoopy .pointarea .subphoto3{width:50%;margin-left:25% !important;margin-right:25%;} .tenth_special_snoopy .pointarea .pointlogo{width:40%;margin-left:30% !important;margin-right:30%;margin-bottom:5%;} .tenth_special_snoopy .pointarea span{margin-top:10%;text-align:center !important;} .tenth_special_snoopy .pointarea .special_copyright{width:97%;text-align:right; padding-right:3%;} .tenth_special_snoopy .sekiguchiarea{width:840px;margin:0 auto 50px auto;background:#fbddcd;padding:30px;height:55px;} .tenth_special_snoopy .sekiguchiarea img{width:150px;float:left;} .tenth_special_snoopy .sekiguchiarea .comment{font-size:16px;float:right;width:650px;text-align:left;margin-top:-30px;} .tenth_special_snoopy .contestarea {margin: 0;background:url(../ext/images/10th_snoopy/04_bg.jpg);background-size:contain;padding-bottom:20px !important;text-align:center;} .tenth_special_snoopy .contestarea .comment{width:350px;margin-left:100px;margin-top:50px;font-size:16px;line-height:2.0em;font-weight:bold;float:left;text-align:left;} .tenth_special_snoopy .contestarea .sample{width:380px;margin-right:50px;float:right;} .tenth_special_snoopy .contestarea .howtoapply{width:250px;margin:0 auto 20px auto;} .tenth_special_snoopy .contestarea .howto1{width:511px;margin-left:200px;margin-bottom:20px;} .tenth_special_snoopy .contestarea .howto2{width:571px;margin-left:200px;margin-top:20px;} .tenth_special_snoopy .contestarea .text{border:1px solid #000;padding:5px;font-size:18px;background:#fff;width:270px;text-align:center;margin:10px auto;} .tenth_special_snoopy .contestarea .instabtn{background:#cc2a0a;text-align:center;width:400px;margin:0 auto 4% auto !important;border-radius: 50px;padding:5px 0;font-size:16px;color:#fff;font-weight:bold;letter-spacing:2px;} .tenth_special_snoopy .contestarea .contestlink{text-align:center;margin-top:30px;margin-bottom:5%;font-size:20px !important;font-weight:bold;} .tenth_special_snoopy .contestarea .contestlink span{text-align:center;border-bottom:3px solid #cc2a0a;} .tenth_special_snoopy .spotarea .comment{width:800px;margin-left:50px;margin-right:50px;font-size:16px;line-height:2.0em;font-weight:bold;text-align:left !important;margin-top:20px;margin-bottom:20px;} .tenth_special_snoopy .spotarea .pointlogo{width:200px;float:left;margin-left:100px;margin-right:50px;} .tenth_special_snoopy .spotarea .gentei{width:900px;text-align:center;margin-bottom:10%;font-weight:bold;margin:0 auto !important;} .tenth_special_snoopy .spotarea .gentei a{border-bottom:3px solid #cc2a0a;color:#000;} .tenth_special_snoopy .spotarea .bnarea{margin-top:30px;margin-left:auto;margin-right:auto;width:780px;} .tenth_special_snoopy .spotarea ul li .bn{width:350px;margin:0 20px;float:left;} .tenth_special_snoopy .contestarea .instattl{width:500px;margin:0 auto !important;} .tenth_special_snoopy .contestarea .comment2,.tenth_special_snoopy .contestarea .comment3{width:500px;margin:20px auto 0 auto !important;font-size:16px;line-height:2.0em;font-weight:bold;text-align:center;} .tenth_special_snoopy .contestarea .comment3 span{border-bottom:3px solid #cc2a0a;font-size: 20px;} .tenth_special_snoopy .contestarea .instagramlist{margin-top:20px;} .tenth_special_snoopy .contestarea .instagramlist ul{padding-left:0;width:98%;margin-left:20px;display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .tenth_special_snoopy .contestarea .instagramlist ul li{list-style:none;padding-left:0;width:265px !important;float:left !important;display: inline-block;vertical-align: top;overflow:hidden;margin-left:10px;margin-right:10px;margin-bottom:20px !important;} .tenth_special_snoopy .contestarea .instagramlist ul li .instagrambox{} .tenth_special_snoopy .contestarea .instagramlist ul li .comment{background:#fff;font-size:12px !important;padding:10px;width:245px;margin-left:0 !important;border-radius: 10px;margin-top:0 !important;line-height:1.6em;} .instagram-media{ width:265px !important; max-width: 100% !important; min-width: initial !important; } a.FollowButton, a.ViewProfileButton { display: none !important; } /* 10周年記念シチズン時計*/ .tenth_special_citizen {margin: auto;width:900px;} .tenth_special_citizen .headercomment {margin: 0;text-align:center;font-size:18px;line-height:2.0em;padding-bottom:20px !important;background-color:#f6f1de !important;text-align:center !important; } .tenth_special_citizen .headercomment .subttl{margin-top:15px;margin-bottom:15px;font-size:28px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color:#b59a48;letter-spacing:-0.5px !important;font-weight:bold;} .tenth_special_citizen .headercomment .momorin{margin: 0;text-align:center;font-size:15px;line-height:1.5em;padding-bottom:20px !important;background-color:#f6f1de !important;text-align:center !important; } .tenth_special_citizen .headercomment .momorin2{margin: 0;text-align:center;font-size:18px;line-height:1.7em;padding-bottom:10px !important;background-color:#f6f1de !important;text-align:center !important; } .tenth_special_citizen .bnarea{margin:50px auto !important;} .tenth_special_citizen .bnarea .bn{width:350px;margin:0 auto !important;} .tenth_special_citizen .watcharea{width:900px;height:532px;margin-top:50px;} .tenth_special_citizen .watcharea .watch_snoopy{float:left;width:450px;background-image:url(../ext/images/10th_citizen/watch_snoopy.jpg);height:532px;} .tenth_special_citizen .watcharea .watch_joecool{float:right;width:450px;background-image:url(../ext/images/10th_citizen/watch_joecool.jpg);height:532px;} .tenth_special_citizen .watcharea .watch_snoopy p,.tenth_special_citizen .watcharea .watch_joecool p{margin-top:400px;margin-left:20px;width:410px;font-size:15px !important;line-height:2.0em !important;} .tenth_special_citizen .quizarea{background:url()} .tenth_special_citizen .quizarea .ttl{width:900px;} .tenth_special_citizen .quizarea .subttl{font-size:25px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing:-1px !important;text-align:center;width:900px;margin-bottom:20px;} .tenth_special_citizen .quizarea .attention{width:860px;margin:10px 20px !important;font-size:15px !important;line-height:1.8em;} .tenth_special_citizen .mailmagazine{width:900px;text-align:center;margin-top:50px !important;} .tenth_special_citizen .mailmagazine .date{background:#977E34;padding:5px !important;color:#fff;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:16px !important;width:230px;margin:0 auto 10px auto !important;} .tenth_special_citizen .mailmagazine .mainttl{font-size:40px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color:#b59a48;letter-spacing:-1px !important;margin-bottom:10px;} .tenth_special_citizen .mailmagazine .subttl{font-weight:bold;line-height:1.6em;margin-bottom:10px;font-size:18px !important;} .tenth_special_citizen .mailmagazine p{font-size:15px;line-height:1.8em;} .tenth_special_citizen .mailmagazine img{width:340px; margin:20px auto !important;} .tenth_special_citizen .buyarea{text-align:center;font-size:18px;margin-top:50px;line-height:1.5em !important;} .tenth_special_citizen .buyarea .name{width:380px;margin:0 auto !important;margin-bottom:10px !important;} .tenth_special_citizen .buyarea span{font-weight:bold !important;letter-spacing:0 !important;font-size:18px !important;} .tenth_special_citizen .buyarea .buybtn{width:340px;margin:0 auto !important;margin-top:10px !important;} .tenth_special_citizen .moviearea{text-align:center;margin-top:50px;} .tenth_special_citizen .moviearea .ttl{width:500px;margin:0 auto!important;} .tenth_special_citizen .moviearea span{font-size:13px !important;letter-spacing:5px !important;} .tenth_special_citizen .moviearea p{font-size:22px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing:-1px !important;margin-bottom:10px;margin-top:10px;} .tenth_special_citizen .movie{width:600px;margin:0 auto !important;} .tenth_special_citizen .functionarea{margin-top:50px;width:450px !important;text-align:center;margin-left: auto!important;margin-right:auto !important;} .tenth_special_citizen .functionarea .ttl{width:500px;margin:0 auto 10px auto!important;} .tenth_special_citizen .functionarea span{font-size:13px !important;letter-spacing:5px !important;} .tenth_special_citizen .functionarea ul li{width:150px; !important;float:left;margin-bottom:50px;} .tenth_special_citizen .functionarea ul li img{width:150px!important;} .tenth_special_citizen .function1area{position:relative !important;width:900px;height:680px;} .tenth_special_citizen .function1area .ttl{position:absolute;left:290px;} .tenth_special_citizen .function1area .ttl img{width:318px;} .tenth_special_citizen .function1area .photo1{position:absolute;right:0;top:70px;} .tenth_special_citizen .function1area .photo1 img{width:484px;} .tenth_special_citizen .function1area p{position:absolute;left:0;top:70px;width:400px;font-size:21px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing:-1px !important;line-height:1.8em;} .tenth_special_citizen .function1area .photo2{position:absolute;left:50px;top:280px;width:383px;} .tenth_special_citizen .function1area .photo2 img{margin-bottom:10px !important;} .tenth_special_citizen .function1area .photo2 span{letter-spacing: 0 !important;font-size:15px !important;} .tenth_special_citizen .function1area .icon{position:absolute;right:300px;top:560px;} .tenth_special_citizen .function1area .icon img{width:94px;} .tenth_special_citizen .function1area .iconttl{position:absolute;right:80px;top:585px;font-size:16px !important;font-weight:bold !important;} .tenth_special_citizen .function2area{position:relative !important;width:900px;height:780px;} .tenth_special_citizen .function2area .ttl{position:absolute;left:395px;} .tenth_special_citizen .function2area .ttl img{width:210px;} .tenth_special_citizen .function2area .photo1{position:absolute;left:0;top:70px;} .tenth_special_citizen .function2area .photo1 img{width:484px;} .tenth_special_citizen .function2area p{position:absolute;right:0;top:70px;width:400px;font-size:21px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing:-1px !important;line-height:1.8em;} .tenth_special_citizen .function2area .photo2{position:absolute;right:50px;top:200px;width:383px;} .tenth_special_citizen .function2area .photo2 img{margin-bottom:10px !important;} .tenth_special_citizen .function2area .photo2 span{letter-spacing: 0 !important;font-size:15px !important;} .tenth_special_citizen .function2area .icon{ position: absolute; left: 35px; top: 540px; } .tenth_special_citizen .function2area .icon img{width:94px;} .tenth_special_citizen .function2area .iconttl{position:absolute;left:150px;top:565px;font-size:16px !important;font-weight:bold !important;} .tenth_special_citizen .function2area .icon2{position:absolute;left:80px;top:630px;} .tenth_special_citizen .function2area .icon2 img{width:120px;} .tenth_special_citizen .function2area .iconttl2{position:absolute;left:210px;top:652px;font-size:16px !important;font-weight:bold !important;} .tenth_special_citizen .function2area .point{position:absolute;right:0;width:400px;top:480px;} .tenth_special_citizen .function2area .point span{background:#977e34 !important;color:#fff !important;font-size:15px !important;padding: 3px 10px !important;line-height:2.8em !important;letter-spacing:1px !important;} .tenth_special_citizen .function3area{position:relative !important;width:900px;height:860px;} .tenth_special_citizen .function3area .ttl{position:absolute;left:228px;} .tenth_special_citizen .function3area .ttl img{width:444px;} .tenth_special_citizen .function3area .photo1{position:absolute;right:0;top:70px;} .tenth_special_citizen .function3area .photo1 img{width:484px;} .tenth_special_citizen .function3area p{position:absolute;left:0;top:70px;width:400px;font-size:21px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing:-1px !important;line-height:1.8em;} .tenth_special_citizen .function3area .watch{z-index:-10 !important;position:absolute;top:90px;left:240px;} .tenth_special_citizen .function3area .photo2{position:absolute;left:50px;top:380px !important;width:383px;} .tenth_special_citizen .function3area .photo2 img{margin-bottom:10px !important;} .tenth_special_citizen .function3area .photo2 span{letter-spacing: 0 !important;font-size:15px !important;} .tenth_special_citizen .function3area .photo3{position:absolute;right:50px;top:490px;width:383px;} .tenth_special_citizen .function3area .photo3 img{margin-bottom:10px !important;} .tenth_special_citizen .function3area .photo3 span{letter-spacing: 0 !important;font-size:15px !important;} .tenth_special_citizen .function3area .icon{position:absolute;left:20px;top:280px;} .tenth_special_citizen .function3area .icon img{width:78px;} .tenth_special_citizen .function3area .iconttl{position:absolute;left:105px;top:320px;font-size:16px !important;font-weight:bold !important;} .tenth_special_citizen .function3area .icon2{position:absolute;left:220px;top:720px;} .tenth_special_citizen .function3area .icon2 img{width:70px;} .tenth_special_citizen .function3area .iconttl2{position:absolute;left:300px;top:750px;font-size:16px !important;font-weight:bold !important;} .tenth_special_citizen .colorarea{text-align:center;margin-top:50px;} .tenth_special_citizen .colorarea .ttl{width:500px;margin:0 auto!important;margin-bottom:10px !important;} .tenth_special_citizen .colorarea span{font-size:13px !important;letter-spacing:5px !important;} .tenth_special_citizen .colorarea .variation{height:412px;margin-top:20px !important;} .tenth_special_citizen .colorarea .variation .snoopy{width:450px;float:left;} .tenth_special_citizen .colorarea .variation .joecool{width:450px;float:right;} .tenth_special_citizen .buyarea2{text-align:center;font-size:18px;line-height:1.5em !important;} .tenth_special_citizen .buyarea2 span{font-weight:bold !important;letter-spacing:0 !important;font-size:18px !important;} .tenth_special_citizen .buyarea2 .buybtn{width:340px;margin:0 auto !important;margin-top:10px !important;} .tenth_special_citizen .specarea{text-align:center;margin-top:50px;} .tenth_special_citizen .specarea .ttl{width:500px;margin:0 auto!important;} .tenth_special_citizen .specarea span{font-size:13px !important;letter-spacing:5px !important;} .tenth_special_citizen .specarea img{width:900px;margin-top:10px;} .tenth_special_citizen .specarea ul{width:400px !important;padding-left:0 !important;text-align:left;} .tenth_special_citizen .specarea ul.left{float:left;margin-left:35px !important;} .tenth_special_citizen .specarea ul.right{float:right;margin-right:35px !important;} .tenth_special_citizen .specarea ul li{padding:3% 0 !important;border-bottom:#ddd 1px solid;font-size:15px !important;} .tenth_special_citizen .specarea ul li .ttl{width:50% !important;font-size:15px !important;float:left !important;font-weight:bold !important;} .tenth_special_citizen .apparea{text-align:center !important;margin-top:50px;font-size:18px; font-weight:bold;line-height:1.5em;} .tenth_special_citizen .apparea .ttlicon{width:70px;margin:0 auto 20px auto !important;} .tenth_special_citizen .apparea span{font-size:15px;} .tenth_special_citizen .apparea .dlapp ul{width:440px !important;margin:0 auto !important;} .tenth_special_citizen .apparea .dlapp ul li {float:left;margin:10px !important;} .tenth_special_citizen .apparea .dlapp ul li img{width:200px;} .tenth_special_citizen .apparea a{text-decoration:underline !important;color:#000;font-size:12px;font-weight:normal !important;} .tenth_special_citizen .iframe-wrap{position: relative;width: 900px;height:250px;} .tenth_special_citizen .iframe-wrap iframe{position: absolute;top: 0;left: 0;width: 900px;height: 250px;} .tenth_special_citizen_diagnosis{background:#fff;} .tenth_special_citizen_diagnosis .yesno{ height: 250px; position:relative; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); margin:0 0 20px; clear: both; overflow: hidden; } .tenth_special_citizen_diagnosis .yesno ul{ overflow: hidden; padding:0 ; width:530px !important; margin:0 auto !important; } .tenth_special_citizen_diagnosis .yesno ul li{ list-style:none; text-align: center; display: block; color: #FFF; background-color: #066; line-height: 30px; margin: 10px !important; float:left; } .tenth_special_citizen_diagnosis .positionFit{position:absolute;left: 0px;top: 20px;width: 900px;} .tenth_special_citizen_diagnosis .positionFit p{padding: 10px 5%;margin: 0;font-family: 'Noto Serif JP', serif;font-size:23px; text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing:-1px !important;} .tenth_special_citizen_diagnosis .positionFit p span{font-family: 'Franklin Gothic Medium', sans-serif;line-height:2.0em !important;font-size:30px;letter-spacing:0 !important;margin-bottom:20px !important;} .tenth_special_citizen_diagnosis .yesno ul li a{background-color: #cc0000;color: #fff;display: block;height: 100%;text-decoration: none;width: 230px;font-size: 26px;padding:3% !important;} .tenth_special_citizen_diagnosis .no-bg{background: #cccccc!important;} .tenth_special_citizen_diagnosis .yesno ul li a:hover{background-color: #cccccc;} .tenth_special_citizen_diagnosis .yesno .material-icons{background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;border-radius: 50%;font-size: 30px;padding: 10px 10px 8px;vertical-align: middle;margin: 0 10px 0 0;} .tenth_special_citizen .iframe-wrap_quiz{width: 900px;height:220px;} .tenth_special_citizen .iframe-wrap_quiz iframe{width: 900px;height: 220px;} .tenth_special_citizen_quiz .number{width:120px !important;margin:0 auto !important;} .tenth_special_citizen_quiz .yesno{ height: 210px; position:relative; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); margin:0 0 20px; clear: both; overflow: hidden; background-color:transparent !important ; border-bottom:none !important; } .tenth_special_citizen_quiz .yesno ul{ overflow: hidden; padding:0 ; width:530px !important; margin:0 auto !important; } .tenth_special_citizen_quiz .yesno ul li{ list-style:none; text-align: center; display: block; color: #FFF; background-color: #066; line-height: 30px; margin: 10px !important; float:left; } .tenth_special_citizen_quiz .positionFit{position:absolute;left: 0px;top: 20px;width: 900px;} .tenth_special_citizen_quiz .positionFit p{padding: 10px 5%;margin: 0;font-family: 'Noto Serif JP', serif;font-size:23px; text-align:center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;letter-spacing:-1px !important;} .tenth_special_citizen_quiz .yesno ul li a{background-color: #b59a48;color: #fff;display: block;height: 100%;text-decoration: none;width: 230px;font-size: 26px;padding:3% !important;} .tenth_special_citizen_quiz .no-bg{background: #cccccc!important;} .tenth_special_citizen_quiz .yesno ul li a:hover{background-color: #cccccc;} .tenth_special_citizen_quiz .yesno .material-icons{background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;border-radius: 50%;font-size: 30px;padding: 10px 10px 8px;vertical-align: middle;margin: 0 10px 0 0;} /*2019年ギフト追記*/ #template .tmp2Inr_pink{ background: #ffd9e4;padding: 30px } #template .tmp2Inr_tfn{ background: #c5efee; padding: 30px } #template .tmp2Inr_heal{ background: #dbf7c4; padding: 30px } #template .tmp2Inr_warm{ background: #fff0e3; padding: 30px } #template .tmp2Inr_variety{ background: #e9e4fa; padding: 30px } #template .tmp2Inr_lucky{ background: #ffe9eb; padding: 30px } #template .tmp2btnArean{background : #36c1bd; width: 900px; padding: 0 10px; box-sizing: border-box; border-radius: 10px; margin: 23px auto} #template .tmp2btnArean ul { padding: 14px 0; border-bottom: 3px solid #fff; padding-left: 10px;} #template .tmp2btnArean ul:last-child{ border: none} #template .tmp2btnArean ul li{ float: left; margin-right: 5px;} #template .tmp2btnArean ul li:first-child, #template .tmp2btnArean ul li:last-child{ margin-right: 0} #template .tmp2cont2 .tmp2cFbox div.tmpFtextn .tmp2CsDtail2n{ margin-left: auto; margin-right: auto; text-align: center font-color; 535353: } #template .tmp2cont2 .tmp2cFbox div.tmpFtextn .tmp2CsDtail2n span{ font-size: 22px: font-weight;bold: } #template .tmp2cont2 .tmp2cFbox div.tmpFtextn .tmp2CsDtail2{ margin-left: auto; margin-right: auto; text-align: center} #template .tmp2cont2 .tmp2cFbox div.tmpFtextn .tmp2CsDtail2 span{ font-size: 22px } #template .tmp2cFboxn{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 15px} #template .tmp2cFboxn div{ width: 354px} #template .tmp2cFboxn div img{ border: 1px solid #cbcbcb} #template .tmp2cFboxn div p{ font-size: 13px; text-align: justify; margin-top: 10px} #template .tmp2cFboxn div p span{font-size: 18px} /*70th催事*/ #template .lifeandtimesS{ background: #fffdd6;padding: 30px; margin-bottom:30px; } .newTemplate h3.lifeandtimesStit{ background: #e46007; text-align: center; color: #fff; padding: 15px 0; font-size: 26px; font-weight: 100; letter-spacing: 0.1em;} /*クリアサングラス2019追記*/ #extwide .cleasunglasses2019lead{color: #283158; line-height:2; font-size:20px; font-family:serif; font-weight:bold; letter-spacing:1px;} #extwide .cleasunglasses2019txt{color: #424242; line-height:1.5; } #extwide .cleasunglasses2019goods{color: #424242; line-height:1.5; text-align:center; font-weight:bold; } /*ポップアップここから*/ .popup_wrap input { display: none; } .popup_overlay { display: flex; justify-content: center; overflow: auto; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.5s, transform 0s 0.5s; transform: scale(0); } .popup_trigger { position: absolute; width: 100%; height: 100%; } .popup_content { position: relative; align-self: center; width: 90%; max-width: 800px; max-height: 90%; padding: 30px 30px 15px; box-sizing: border-box; background: #fff; line-height: 1.4em; transition: 0.5s; } .close_btn { position: absolute; top: 14px; right: 16px; font-size: 30px; cursor: pointer; } .popup_wrap input:checked ~ .popup_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s; } .open_btn { position: relative; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 200px; height: 30px; margin:10px auto; padding: 8px 16px; color: #fff; background:#0c0d62; font-weight: bold; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); border-radius: 3px; cursor: pointer; transition: .3s ease; } .open_btn:hover{ background:#000; color:#fff; transition: .3s ease; } /*ポップアップココまで*/ /* 70周年記念 */ .peanuts70th {margin: auto;width:900px;} .peanuts70th .line{width:900px;} .peanuts70th .mgbtm1{margin-bottom:10px !important;} .peanuts70th .mgbtm2{margin-bottom:20px !important;} .peanuts70th .mgbtm3{margin-bottom:30px !important;} .peanuts70th .mgbtm5{margin-bottom:50px !important;} .peanuts70th .mgbtm10{margin-bottom:100px !important;} .peanuts70th .photo{width:440px;margin-left:230px !important;margin-right:230px !important;} .peanuts70th h2{margin:0 !important;padding:0 !important;z-index:1 !important;position:relative;} .peanuts70th h2 img,.peanuts70th img{max-width: 100%;height: auto;width: auto;margin:0 !important;padding:0 !important;} .peanuts70th a{text-decoration:none;} .peanuts70th .menuarea{z-index:1 !important;position:relative;width:800px;margin-left:50px;height:50px;} .peanuts70th .menuarea ul{padding:0;} .peanuts70th .menuarea ul li{width:180px !important;float:left; margin:-35px 10px 10px 10px !important;} .peanuts70th .menuarea ul li img{width:180px;} .peanuts70th .comment{width:90%;margin-top:3% !important;margin-left:5% !important;margin-right:5% !important;font-size:17px;line-height:1.8em;} .peanuts70th .commentcenter{width:90%;margin-top:3% !important;margin-left:5% !important;margin-right:5% !important;font-size:17px;line-height:1.8em;text-align:center;} .peanuts70th .okaimonoarea{background:#fdf9e7;padding-bottom:5% !important;} .peanuts70th .goodsarea{background:#fdf0f3 !important;padding-bottom:50px !important;background:cover !important;} .peanuts70th .goodsarea .mainitem{text-align:center;font-weight:bold;font-size:20px;margin-bottom:10px;} .peanuts70th .goodsarea .member{height:600px;} .peanuts70th .goodsarea .member img{float:left;} .peanuts70th .goodsarea .member img.no1{width:227px!important;} .peanuts70th .goodsarea .member img.no2{width:223px!important;} .peanuts70th .goodsarea .member img.no3{width:222px!important;} .peanuts70th .goodsarea .member img.no4{width:228px!important;} .peanuts70th .goodsarea .member3l{height:400px;} .peanuts70th .goodsarea .member3l img{float:left;} .peanuts70th .goodsarea .member3l img.no1{width:300px!important;} .peanuts70th .goodsarea .member3l img.no2{width:300px!important;} .peanuts70th .goodsarea .member3l img.no3{width:300px!important;} .peanuts70th .goodsarea .left{margin-left:40px !important;width:420px;float:left;height:150px} .peanuts70th .goodsarea .right{margin-right:40px;width:400px;float:right;height:150px;} .peanuts70th .goodsarea .left img,.peanuts70th .goodsarea .right img{float:left !important;} .peanuts70th .goodsarea .detail{width:200px;border:1px solid #f5b6c3;} .peanuts70th .goodsarea .left .comment{width:180px !important;float:right;margin:0 20px 0 0 !important;} .peanuts70th .goodsarea .right .comment{width:180px !important;float:right;margin:0 !important;} .peanuts70th .goodsarea .buyarea{margin-top:30px;text-align:center !important;line-height:1.8em !important;font-weight:bold;} .peanuts70th .goodsarea .buyarea .buybtn{background:#f5b6c3;width:340px!important;margin:20px 280px 50px 280px;padding:10px !important;font-size:17px !important;border-radius: 30px !important;position:relative;} .peanuts70th .goodsarea .buyarea .buybtn a{color:#000 !important;display:block !important;} .peanuts70th .goodsarea .buyarea .buybtn a::after {position: absolute;content: "";top: 50%;right: 15px;width: 12px;height: 17px;margin-top: -9px;background: url("../ext/images/70th/arrow.png") top left no-repeat;background-size: 12px 17px;} .peanuts70th .goodsarea .subitem{width:100%;margin-top:50px;height:1300px;} .peanuts70th .goodsarea .subitem ul{padding:0;} .peanuts70th .goodsarea .subitem ul li{width:330px;margin-left:90px;margin-right:30px;float:left;text-align:left !important;height:650px;} .peanuts70th .goodsarea .subitem ul li:nth-child(2n){width:330px;margin-left:30px;margin-right:90px;} .peanuts70th .goodsarea .subitem ul li a{color:#000;} .peanuts70th .goodsarea .subitem ul li img{border:1px solid #ccc !important;margin-bottom:10px !important;} .peanuts70th .goodsarea .subitem ul li p{padding-bottom:3% !important;font-weight:normal !important;font-size:16px!important;line-height:1.8em !important;} .peanuts70th .goodsarea .subitem ul li span{font-weight:bold !important;} .peanuts70th .goodsarea .subitem ul li .buybtnsmall{background:#f5b6c3;width:94%!important;margin:10px 0 !important;padding:10px!important;font-size:18px !important;border-radius: 30px !important;position:relative;text-align:center !important;font-weight:bold;color:#000 !important;} .peanuts70th .goodsarea .subitem ul li .buybtnsmall a{color:#000 !important;display:block !important;} .peanuts70th .goodsarea .subitem ul li .buybtnsmall::after {position: absolute;content: "";top: 50%;right: 15px;width: 12px;height: 17px;margin-top: -9px;background: url("../ext/images/70th/arrow.png") top left no-repeat;background-size: 12px 17px;} .peanuts70th .goodsarea .allbtn{border:solid 3px #f5b6c3;background:#fff;text-align:center;width:340px!important;margin:20px 280px 0 280px;padding:10px !important;font-size:17px !important;border-radius: 30px !important;position:relative;font-weight:bold;} .peanuts70th .goodsarea .allbtn a{color:#000 !important;display:block !important;} .peanuts70th .goodsarea .allbtn a::after {position: absolute;content: "";top: 50%;right: 15px;width: 12px;height: 17px;margin-top: -9px;background: url("../ext/images/70th/arrow_pink.png") top left no-repeat;background-size: 12px 17px;} .peanuts70th .campaignarea{background:#edf3f8;padding-bottom:5% !important;background:cover !important;} .peanuts70th .historyarea{background:#edf7f6;padding-bottom:5% !important;background:cover !important;height:820px;} .peanuts70th .historyarea .left{float:left;width:400px;margin-left:30px;margin-top:50px;} .peanuts70th .historyarea .left img{width:350px;} .peanuts70th .historyarea .left .comment{margin-left:0 !important;} .peanuts70th .historyarea .left .allbtn{border:solid 3px #a7d8d2;background:#fff;text-align:center;width:330px!important;margin-left:0;;padding:10px !important;font-size:17px !important;border-radius: 30px !important;position:relative;font-weight:bold;} .peanuts70th .historyarea .left .allbtn a{color:#000 !important;display:block !important;} .peanuts70th .historyarea .left .allbtn a::after {position: absolute;content: "";top: 50%;right: 15px;width: 12px;height: 17px;margin-top: -9px;background: url("../ext/images/70th/arrow_green.png") top left no-repeat;background-size: 12px 17px;} .peanuts70th .historyarea .right{float:right;width:440px;margin-right:30px;margin-top:50px;} .peanuts70th .bnarea{width:900px;height:300px !important;} .peanuts78th .bnarea ul{padding:0;} .peanuts70th .bnarea ul li{width:400px;margin:25px;float:left;} #template .hfah{ background: #fff; padding: 30px; margin-bottom:30px; } #template .tmpInr .tmpInrFbox3{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px} #template .tmpInr .tmpInrFbox3 p{ width: 355px; font-size: 18px; line-height: 1.8em; text-align: center; } #template .tmpInr .tmpInrFbox3.fboxS p{ margin-top: 8px; line-height: 1.4em; } #template .tmpInr .tmpInrFbox3.fboxSs p{ width: 236px; font-size: 16px;} #template .tmpInr .tmpInrFbox2l{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px} #template .tmpInr .tmpInrFbox2l p{ width: 355px; font-size: 18px; line-height: 1.8em; text-align: center; } #template .tmpInr .tmpInrFbox2l.fboxS p{ margin-top: 8px; line-height: 1.4em; } #template .tmpInr .tmpInrFbox2l.fboxSs p{ width: 370px; font-size: 16px;} #template .tmpInr .tmpInrFbox2l.fboxSs span{ width: 355px; font-size: 18px; line-height: 1.8em; text-align: left; word-break: normal } /********************************************** > EOF **********************************************/ #extwide .noveltycampaignboxcol {background-color: #33b3ed;} #extwide .woodpinchboxcol {background-color: #fffde2;} #template .tmpbtnArea{ width: 750px; margin: 27px auto; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #template .tmptit{ margin-bottom: 27px;text-align: center ; color: #fff; background: #cb3152; font-size: 28px; padding-top: 2px; font-weight: normal} #template .tmpInr{ width: 750px; margin: 0 auto;} #template .tmpInr .tmpInrFbox{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 27px} #template .tmpInr .tmpInrFbox p{ width: 355px; font-size: 18px; line-height: 1.8em; text-align: justify} #template .tmpInr .tmpInrFbox.fboxS p{ margin-top: 8px; line-height: 1.4em; } #template .tmpDetail{ text-align: center; margin-top: 40px; font-size: 20px} #template .tmpDetail span{ font-weight: bold; font-size: 22px} #template .tmpDetail a{ display: block; width: 480px; margin: 27px auto;} #template.tmp1-2{} #template.tmp1-2 .tmpInr{ width: 780px} #template.tmp1-2 .tmpInr h4{ text-align: center; font-size: 22px; margin-bottom: 15px;} #template .tmpInr .tmpInrFbox.fboxSs p{ width: 236px; font-size: 16px;} #template.tmp1-2 h3.whiteh3{ background-image: linear-gradient( -45deg, #ddd 25%, #cfcfcf 25%, #cfcfcf 50%, #ddd 50%, #ddd 75%, #cfcfcf 75%, #cfcfcf ); background-size: 10px 10px; font-size: 39px; letter-spacing: 0.2em;} #template.tmp1-2 h3.grayh3{ background-image: linear-gradient( -45deg, #425557 25%, #888 25%, #888 50%, #425557 50%, #425557 75%, #888 75%, #888 ); background-size: 10px 10px; font-size: 39px; letter-spacing: 0.2em; margin-top: 65px} #template.tmp1-2 h3.blueh3{ background: #243B61 ; font-size: 30px; letter-spacing: 0.2em; margin-top: 65px} #template.tmp1-2 h3.pinkh3{ background: #EF3342 ; font-size: 30px; letter-spacing: 0.2em; margin-top: 65px} #template.tmp1-2 h3.skyblueh3{ background: #3887C9; font-size: 30px; letter-spacing: 0.2em; margin-top: 65px} #template.tmp1-2 h3.green3{ background: #38B89A; font-size: 30px; letter-spacing: 0.2em; margin-top: 35px} #template.tmp1-2 h3.orangeh3{ background: #ec6c00; font-size: 30px; letter-spacing: 0.2em; margin-top: 65px} #template.tmp1-2 h3.darkgray3{ background: #787878; font-size: 30px; letter-spacing: 0.2em; margin-top: 60px} #template.tmp1-2 h3.thingray3{ background: #c8c8c8; font-size: 30px; letter-spacing: 0.2em; margin-top: 60px} #template.tmp1-2 h3.red3{ background: #e0171f; font-size: 30px; letter-spacing: 0.2em; margin-top: 60px} #template.tmp1-2 h3.navy3{ background: #153d98; font-size: 30px; letter-spacing: 0.2em; margin-top: 60px} #template.tmp1-2 h3.yellow3{ background: #ffd127; font-size: 30px; letter-spacing: 0.2em; margin-top: 60px} #template.tmp1-2 .tmpMainImgR{ margin-top: 8px; line-height: 1.4em ; font-size: 18px; text-align:center;} #template.tmp1-2 .tmpbtnArea , #template.newTemplate .tmpbtnArea{ width: 780px} #template.tmp1-2 .tmpbtnArea a , #template.newTemplate .tmpbtnArea a{ display: block; background : -moz-linear-gradient(50% 102.89% 90deg,rgba(241, 240, 170, 1) 0%,rgba(236, 197, 74, 1) 22%,rgba(255, 248, 173, 1) 74.23%,rgba(236, 197, 74, 1) 98.77%); background : -webkit-linear-gradient(90deg, rgba(241, 240, 170, 1) 0%, rgba(236, 197, 74, 1) 22%, rgba(255, 248, 173, 1) 74.23%, rgba(236, 197, 74, 1) 98.77%); background : -webkit-gradient(linear,50% 102.89% ,50% -23.11% ,color-stop(0,rgba(241, 240, 170, 1) ),color-stop(0.22,rgba(236, 197, 74, 1) ),color-stop(0.7423,rgba(255, 248, 173, 1) ),color-stop(0.9877,rgba(236, 197, 74, 1) )); background : -ms-linear-gradient(90deg, rgba(241, 240, 170, 1) 0%, rgba(236, 197, 74, 1) 22%, rgba(255, 248, 173, 1) 74.23%, rgba(236, 197, 74, 1) 98.77%); width: 375px; height: 46px; border: 2px solid #cca523; box-sizing: border-box; text-align: center; line-height: 46px; font-size: 24px; color: #000; letter-spacing: 0.1em} #template.tmp1-2 .tmpbtnArea a span , #template.newTemplate .tmpbtnArea a span { display: none} /*下向き矢印出す場合 このCSSを適用 #template.tmp1-2 .tmpbtnArea a{ height: auto;line-height: 29px;letter-spacing: 0.1em; padding: 12px 0 0;} #template.tmp1-2 .tmpbtnArea a span{ display:inline-block} */ #template.tmp1-2 .tmpDetail { font-size: 20px; } #template.tmp1-2 .tmpDetail a.tmpDlink{ margin: 5px auto; text-align: center; font-size: 18px; color: #000} #template.tmp1-2 .tmpPlusInfo{ background: #d7d7d7; padding: 60px;display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 65px} #template.tmp1-2 .tmpPlusInfo p{ width: 430px; font-size: 20px} #template .tmp2btnArea{background : rgba(214, 63, 110, 0.2); width: 830px; padding: 0 10px; box-sizing: border-box; border-radius: 10px; margin: 23px auto} #template .tmp2btnArea ul { padding: 14px 0; border-bottom: 3px solid #fff; padding-left: 5px;} #template .tmp2btnArea ul:last-child{ border: none} #template .tmp2btnArea ul li{ float: left; margin-right: 2px;} #template .tmp2btnArea ul li:first-child, #template .tmp2btnArea ul li:last-child{ margin-right: 0} #template .tmp2Inr_yellow{ background : #FAE98B; } #template .tmp2cont1{ background: #FFF;text-align: center; width: 820px; margin: 0 auto; } #template .tmp2cont1 .tmpDetail{ margin-top:40px; padding-bottom: 20px} #template .tmp2Inr_pink{ background: #ffd9e4;padding: 30px } #template .tmp2cont2{ background: #fff; width: 820px; box-sizing: border-box; padding: 35px; margin: 0 auto} #template .tmp2cont2 .tmp2cFbox{ margin-bottom: 35px} #template .tmp2cont2 .tmp2cFbox img { float: left;} #template .tmp2cont2 .tmp2cFbox div.tmpFtext{ width: 280px; float: right; text-align: justify; font-size: 16px} #template .tmp2cont2 .tmp2cFbox div.tmpFtext .tmp2CsDtail{ margin-top: 20px; text-align: center} #template .tmp2cont2 .tmp2cFbox div.tmpFtext .tmp2CsDtail span{ font-size: 22px } #template .tmp2cFbox2{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 15px} #template .tmp2cFbox2 div{ width: 177px} #template .tmp2cFbox2 div img{ border: 1px solid #cbcbcb} #template .tmp2cFbox2 div p{ font-size: 13px; text-align: justify; margin-top: 10px} #template .tmp2cFbox2 div p span{font-size: 18px} #template .tokinto{ display: block; width: 270px; margin-top: 35px} #template .justbtn{ display: flex; -webkit-justify-content: center; /* Safari */ justify-content: center; margin: 35px 0 0 0} #template .justtxt{ display: flex; -webkit-justify-content: center; /* Safari */ justify-content: center; margin: 10px 0; color: #ff0000;} #template .newlife2018{ background: #d1f3de;padding: 30px; margin-bottom:30px; } #template .girlsmarche2018{ background: #f5e7be;padding: 30px; margin-bottom:30px; } #template .peanutsfriendsclub{ background: #ffe893;padding: 30px; margin-bottom:30px; } #template .giftbagset{ background: #de829a;padding: 30px; margin-bottom:30px; } #template .tovp{ background: #f2f2f2;padding: 30px; margin-bottom:30px;} #template .tovp2{ background: #ffffff; margin-top:20px;} #template .tovp3{ background: #ffffff;} #template .tovpitem{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; margin-top: 15px;} #template .tovpitem div{ width: 200px} #template .tovpitem div img{ border: 1px solid #cbcbcb; width: 200px; height: 200px;} #template .tovpitem div p{ font-size: 13px; text-align: justify; margin-top: 10px} #template .tovpitem div p span{font-size: 13px } #template .tmp3btnArea { width: 655px; margin: 0 auto; display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #template .tmp3cont1 img{ display: inline} #template .tmp3Inr_blue{ background : #b4dce6; padding:5px 0 35px } #template .tmp3cont_b_top{width: 820px; margin: 10px auto 0} #template .tmp3cont_b_botttom{width: 820px; margin: 0 auto 10px} #template .tmp3cont1{ background: #FFF; width: 820px; margin: 0 auto} #template .tmp3cont1 .cookies_abbox{ position: relative} #template .tmp3cont1 .cookies_abbox p{ position: absolute; right: 108px; bottom: 35px} #template .tmp3cont1 .cookies_abbox p span.abboxbold{ font-size: 25px; font-weight: bold; line-height: 1.2em} #template .tmp3cont1 .cookies_abbox p span.pinkspan{ color: #ff0078} #template .tmp3cont1 .cookies_abbox p span.buluespan{ color: #3cbfbf} #template .tobuybtn{ text-align: center; padding-bottom: 25px} #template .tobuybtn img{ display: inline} #template .tmp3Inr_yellow{ background: #fdf6a7; padding: 35px 0} #template .tmp3cont1 p{ padding-left: 45px; margin-top: 25px} #template .tmp3cont1 div.howtoBox{background : #FDF6A7; border-radius: 10px; width: 720px; margin: 50px auto 30px; padding-bottom: 35px} #template .tmp3cont1 div.howtoBox h4{ text-align: center} #template .tmp3cont1 div.howtoBox h4 img{ margin-top: -25px} #template .tmp3cont1 div.howtoBox p{ display: flex;} #template .tmp3cont1 div.howtoBox p img, #template .tmp3Inr_yellow .tmp3cont1 div p span{align-self:center; padding-right: 10px} #template .tmp3Inr_yellow .tmp3cont1 div.howtoBox p img:first-child{ width: 44px ;height: 44px} #template .tmp3Inr_yellow .tmp3cont1 div.howtoBox p a:nth-child(3){ padding-left: 50px; width: 208px} #template .tmp3Inr_yellow .tmp3cont1 div.howtoBox p a:nth-child(3) img{ width: 100%; height: 68px} #template .tmp3sflex{display: flex; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between;} #template .tmp3cont1 .tmp3sflex p{ margin-top: 10px; width: 612px; } #template .tmp3cont1 .tmp3sflex p span{ color: #ff6f15} #template .tmp3Inr_yellow .tmp3cont1 .tobuybtn{ margin-top: -25px} #template .tmp3Inr_green{ background: #daebde; padding: 35px 0} #template .tmp3Inr_green .howtobold{ font-weight: bold; font-size: 18px} #template .tmp3Inr_green .tmp3cont1{ position: relative} #template .tmp3Inr_green .tmp3cont1 img.absoImg{ position: absolute; top: -55px; right: -37px} #template .popD h4{ padding-left: 45px; padding-top: 25px} #template .popD p{ margin-top: 5px; line-height: 1.4em ; width: 735px; text-align: justify;} #template .popD { padding-bottom: 35px} #template .popD img.absoImgflag{ position: absolute; top:-10px; right: 0} /*新テンプレート*/ .newTemplate h3.tmpNtit{ background: #FD9CCC;text-align: center; color: #fff; padding: 15px 0; font-size: 32px; font-weight: 100; letter-spacing: 0.1em;} .newTemplate h3.newlife2018Ntit{ background: #a3e6bd;text-align: center; color: #000; padding: 15px 0; font-size: 32px; font-weight: 100; letter-spacing: 0.1em;} .newTemplate h3.girlsmarche2018Ntit{ background: #ec6c00; text-align: center; color: #fff; padding: 15px 0; font-size: 26px; font-weight: 100; letter-spacing: 0.1em;} .newTemplate h3.peanutsfriendsclubNtit{ background: #fabe00; text-align: center; color: #000; padding: 15px 0; font-size: 32px; font-weight: 100; letter-spacing: 0.1em;} .newTemplate h3.giftbagsetNtit{ background: #f7c8ce; text-align: center; color: #000; padding: 15px 0; font-size: 32px; font-weight: 100; letter-spacing: 0.1em;} #template.newTemplate .tmpbtnArea a{ margin: 0 3px} .toCatLink{ margin-top: 40px; text-align: center} .toCatLink a{ text-align: center; padding:15px 20px; font-size: 20px; color: #fff; background : -moz-linear-gradient(-665.52% 7592.12% 0deg,rgba(221, 90, 16, 1) 0%,rgba(221, 90, 16, 1) 0.08%,rgba(239, 139, 27, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(221, 90, 16, 1) 0%, rgba(221, 90, 16, 1) 0.08%, rgba(239, 139, 27, 1) 100%); background : -webkit-gradient(linear,-665.52% 7592.12% ,-665.33% 7592.12% ,color-stop(0,rgba(221, 90, 16, 1) ),color-stop(0.0008,rgba(221, 90, 16, 1) ),color-stop(1,rgba(239, 139, 27, 1) )); background : -ms-linear-gradient(0deg, rgba(221, 90, 16, 1) 0%, rgba(221, 90, 16, 1) 0.08%, rgba(239, 139, 27, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5A10', endColorstr='#EF8B1B' ,GradientType=0)"; background : linear-gradient(0deg, rgba(221, 90, 16, 1) 0%, rgba(221, 90, 16, 1) 0.08%, rgba(239, 139, 27, 1) 100%); border-radius : 5px; letter-spacing: 0.15em; } .toOverallLink{ margin-top: 80px; margin-bottom:80px; text-align: center} .toOverallLink a{ text-align: center; padding:15px 120px; font-size: 20px; color: #fff; background-image: -webkit-linear-gradient(#ff72a0 0%, #ff6b6b 100%); background-image: linear-gradient(#ff72a0 0%, #ff6b6b 100%); border-radius : 5px; letter-spacing: 0.15em; } /* ================================================================= 25.母の日2016 使用ファイル：ext/mothersday.xhtml =================================================================*/ #extwide .mothersdaytypebtn {width:900px; height:223px; background: url(../ext/images/mothersday/reccomendbg.jpg) no-repeat 0 0;} #extwide .mothersdaypricebtn {width:900px; height:90px; background: url(../ext/images/mothersday/pricebg.jpg) no-repeat 0 0;} #extwide .mothersdaytypebtn ul{ margin-left:17px; height: 100%;} #extwide .mothersdaytypebtn li{ float: left;} #extwide .mothersdaypricebtn ul{ margin-left:175px; height:100%; padding-top:15px; margin-top:40px;} #extwide .mothersdaypricebtn li{ float: left;} #extwide .itemlist {height:200px; margin: 30px 0px 100px 0px;} #extwide .itemlist li{ float: left;} #extwide .itemlist img{ border: 1px #a0a0a0 solid;} #extwide .itemlist p{display: block; padding: 10px 0 10px 0; font-size: 90%; text-align: left; line-height: 1.2; width:156px;} #extwide .itemlist span {font-size: 90%; font-weight: bold; text-align: left; padding: 5px 0 5px 0; line-height: 1.2; display: block; color: #000;} #extwide .literaryacelineupbg {width:900px; height:385px; background: url(../ext/images/literaryace/lineupbg.jpg) no-repeat 0 0;} #extwide .bgccessoriesbg {width:900px; height:220px; background: url(../ext/images/literaryace/bgccessoriesbg.jpg) } #extwide .bgccessoriesbgend {width:900px; height:10px; display:block; background: url(../ext/images/literaryace/bgccessoriesbgend.jpg) no-repeat 0 0;} #extwide .bgccessorieshi {height:160px;} #extwide .massagecushionbg {width:900px; height:543px; background: url(../ext/images/massagecushion/bg.jpg) } #extwide .w720{width:720px;} #extwide .mothersdaywarning{font-size:90%; font-weight:bold; color: #cc0826;} #extwide .zipperbagmachi_txt{padding:40px 0 0 20px; font-size:80%; line-height:180%;} /*ホットプレート201805*/ .chplateN .chpread h4{text-align: center;line-height: 1.4em;font-size: 18px; margin: 1em 0; font-weight: 700; letter-spacing: 0.05em; color: #0f3f76} .chpLimg img{ margin: 1em 0} #template.tmp1-2 h3.redstripe {background-image: linear-gradient( -45deg, #be1e2d 25%, #c84d45 25%, #c84d45 50%, #be1e2d 50%, #be1e2d 75%, #c84d45 75%, #c84d45 ); background-size: 10px 10px; font-size: 22px; letter-spacing: 0.2em; padding: 0.45em 0 0.3em; font-weight: 100; text-align: center; color: #fff} #template.tmp1-2 h3.yellowstripe {background-image: linear-gradient( -45deg, #fff3c9 25%, #ffe99f 25%, #ffe99f 50%, #fff3c9 50%, #fff3c9 75%, #ffe99f 75%, #ffe99f ); background-size: 10px 10px; font-size: 22px; letter-spacing: 0.1em; padding: 0.45em 0 0.3em; font-weight: bold; text-align: center; color: #4d341a} #template.tmp1-2 h3.cpinkstripe {background-image: linear-gradient( -45deg, #ee838b 25%, #f4a6ac 25%, #f4a6ac 50%, #ee838b 50%, #ee838b 75%, #f4a6ac 75%, #f4a6ac ); background-size: 10px 10px; font-size: 22px; letter-spacing: 0.2em; padding: 0.45em 0 0.3em; font-weight: 100; text-align: center; color: #fff} .mt50{ margin-top: 50px !important} #template.chplateN .tmpInr .tmpInrFbox p{font-size: 16px} .chpLimgFlextxt{ display: flex; justify-content: space-around; margin-top: -1em} .chpLimgtxt{ text-align: center} #template.tmp1-2 .option4box{ width: 900px} #template.tmp1-2 .option4box a{ width: 200px; display: inline-block; font-size: 14px; margin-top: 5px } .chpbrand{ display: flex; align-content: space-between;align-items: center; border-bottom: #0f3f76 3px solid; border-top: #0f3f76 3px solid;margin-top: 25px} .chpbrand p{ width:750px; text-align: center;} #template.chplateN .tmpDetail a{ text-align: center; padding:10px 0px; font-size: 20px; color: #fff; background : -moz-linear-gradient(-665.52% 7592.12% 0deg,rgba(221, 90, 16, 1) 0%,rgba(221, 90, 16, 1) 0.08%,rgba(239, 139, 27, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(221, 90, 16, 1) 0%, rgba(221, 90, 16, 1) 0.08%, rgba(239, 139, 27, 1) 100%); background : -webkit-gradient(linear,-665.52% 7592.12% ,-665.33% 7592.12% ,color-stop(0,rgba(221, 90, 16, 1) ),color-stop(0.0008,rgba(221, 90, 16, 1) ),color-stop(1,rgba(239, 139, 27, 1) )); background : -ms-linear-gradient(0deg, rgba(221, 90, 16, 1) 0%, rgba(221, 90, 16, 1) 0.08%, rgba(239, 139, 27, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5A10', endColorstr='#EF8B1B' ,GradientType=0)"; background : linear-gradient(0deg, rgba(221, 90, 16, 1) 0%, rgba(221, 90, 16, 1) 0.08%, rgba(239, 139, 27, 1) 100%); border-radius : 5px; letter-spacing: 0.15em; width: 330px; font-size: 16px; text-decoration: none; } #template.tmp1-2.chplateN .tmpDetail2 a{ max-width: 330px; text-align: center; background-color: #da1926; font-size: 16px; text-decoration: none; color: #FFF; text-decoration: none; padding: 10px 0px; border-radius: 5px; display: block; margin: auto; transform: translateY(4px); border-bottom: none; } /* ================================================================= 26.レコメンド 使用ファイル：top.xhtml item_list.xhtml =================================================================*/ /*Navi*/ #reco2{ zoom: 1; float: left; width: 560px; padding: 26px 0 0px 0px;} #recommender_pc111 { zoom: 1; float: left; width: 560px; padding: 26px 0 0px 0px;} #recommender_pc211 .dv_recommend, #recommender_pc213 .dv_recommend, #recommender_pc311 .dv_recommend, #recommender_pc312 .dv_recommend, #recommender_pc411 .dv_recommend, #recommender_pc412 .dv_recommend, #recommender_pc511 .dv_recommend, #recommender_pc611 .dv_recommend, #recommender_pc811 .dv_recommend, #recommender_pc812 .dv_recommend, .dv_rc_items, .dv_recommend .dv_rc_items { width: 740px; overflow: hidden; *zoom: 1; margin: 15px 0 15px; } #recommender_pc211 .dv_recommend .dv_rc_items, #recommender_pc213 .dv_recommend .dv_rc_items, #recommender_pc311 .dv_recommend .dv_rc_items, #recommender_pc312 .dv_recommend .dv_rc_items, #recommender_pc411 .dv_recommend .dv_rc_items, #recommender_pc412 .dv_recommend .dv_rc_items, #recommender_pc511 .dv_recommend .dv_rc_items, #recommender_pc611 .dv_recommend .dv_rc_items, #recommender_pc811 .dv_recommend .dv_rc_items, #recommender_pc812 .dv_recommend .dv_rc_items, .dv_recommend .dv_rc_items { float: left; width: 125px; margin: 0 10px 10px 10px; padding-bottom: 0px; *zoom: 1; } #recommender_pc111 .dv_recommend, .dv_rc_items, .dv_recommend .dv_rc_items { width: 560px; overflow: hidden; *zoom: 1; padding: 0px 0px 10px 0px; } #recommender_pc111 .dv_recommend .dv_rc_items, .dv_recommend .dv_rc_items { float: left; width: 120px; margin: 0 7px 0 11px; margin-bottom: 10px; overflow: hidden; *zoom: 1; } .dv_recommend .dv_rc_items { float: left; width: 125px; margin: 0 10px 0 0; padding-bottom: 0px; *zoom: 1; } .dv_rc_img img { display:block; width:118px; height: 118px; text-align: center; margin: 0 auto; border: 1px solid #D2CECB; } #recommender_pc111 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2top.jpg") no-repeat; text-indent:-9999px;} #recommender_pc211 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2top.jpg") no-repeat; text-indent:-9999px;} #recommender_pc213 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2top.jpg") no-repeat; text-indent:-9999px;} #recommender_pc311 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2item311.jpg") no-repeat; text-indent:-9999px;} #recommender_pc312 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2item312.jpg") no-repeat; text-indent:-9999px;} #recommender_pc411 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2cart411_2.jpg") no-repeat; text-indent:-9999px;} /*#recommender_pc412 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2cart412.jpg") no-repeat; text-indent:-9999px;}*/ #recommender_pc511 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2cartresult511.jpg") no-repeat; text-indent:-9999px;} #recommender_pc611 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2top.jpg") no-repeat; text-indent:-9999px;} #recommender_pc811 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2top.jpg") no-repeat; text-indent:-9999px;} #recommender_pc812 .dv_recommend .dv_rc_title{ display:block; width:500px; height:20px; margin-bottom:15px; background:url("../images/pch2top.jpg") no-repeat; text-indent:-9999px;} .dv_rc_name{font-size: 75%; padding-top:10px; line-height: 1.3; color:#007FBF; overflow: hidden; height: 45px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} .dv_rc_items a:link{color:#007FBF;} .dv_rc_items a:visited{color:#007FBF;} .dv_rc_items a:hover{color:#007FBF; text-decoration:underline;} .dv_rc_items a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} .dv_rc_items a:active{color:#007FBF;} .dv_rc_description, .dv_rc_price { font-size: 75%; padding-top:5px; line-height: 1.3; color:#000;} .dv_rc_price span {color: #ff0000;} /* ================================================================= 27.ページトップへ戻るボタン =================================================================*/ #pageTop { position: fixed; bottom: 20px; right: 20px; } #pageTop a { display: block; padding: 5px 5px 6px 5px; border-radius: 30px; width: 50px; height: 50px; background-color: #6a6a6a; color: #fff; font-size: 30px; text-decoration: none; text-align: center; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } #pageTop a:hover { text-decoration: none; opacity: 0.7; } /* ================================================================= 28.レコメンド(201804~) 使用ファイル：top.xhtml item_list.xhtml =================================================================*/ #reco1 { width: 740px; overflow: hidden; *zoom: 1; margin: 15px 0 15px;} #reco2 { zoom: 1; float: left; width: 560px; padding: 26px 0 26px 0px;} #reco3 { width: 740px; overflow: hidden; *zoom: 1; margin: 15px 0 15px;} #reco4 { width: 740px; overflow: hidden; *zoom: 1; margin: 15px 0 15px;} #reco5 { width: 740px; overflow: hidden; *zoom: 1; margin: 15px 0 15px;} #reco6 { width: 740px; overflow: hidden; *zoom: 1; margin: 15px 0 15px;} #reco13 { width: 900px; overflow: hidden; *zoom: 1; margin: 10px auto;} .recommend_item{ float: left; width: 120px; margin: 0 7px 0 11px; margin-bottom: 10px; overflow: hidden; } .recommend_item_b { float: left; width: 125px; margin: 0 10px 10px 10px; padding-bottom: 0px; *zoom: 1; } .recommend_item_img{ display:block; width:118px; height: 118px; text-align: center; margin: 0 auto; border: 1px solid #D2CECB; } .recommend_item_name{ font-size: 12px; padding-top: 10px; line-height: 1.3; color: #007FBF; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 45px; } .recommend_item_name a:link{color:#007FBF;} .recommend_item_name a:visited{color:#007FBF;} .recommend_item_name a:hover{color:#007FBF; text-decoration:underline;} .recommend_item_name a:hover img{opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha( opacity=30 )"; background: #fff;} .recommend_item_name a:active{color:#007FBF;} .recommend_item_price{ font-size: 12px; padding-top: 5px; line-height: 1.3; color: #000; } .tC { } .fboxSs_md { } #item1 { }